fix(customer): CHECKOUT-4901 Do not render passwordless link for embe…

…dded checkout
bigcommerce · Jun 9, 2020 · 2bafb5d · 2bafb5d
1 parent c01ec34
commit 2bafb5d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/src/app/checkout/Checkout.tsx b/src/app/checkout/Checkout.tsx
@@ -275,6 +275,7 @@ class Checkout extends Component<CheckoutProps & WithCheckoutProps & WithLanguag
                 <LazyContainer>
                     <Customer
                         checkEmbeddedSupport={ this.checkEmbeddedSupport }
+                        isEmbedded={ isEmbedded() }
                         onChangeViewType={ this.handleChangeCustomerViewType }
                         onContinueAsGuest={ this.navigateToNextIncompleteStep }
                         onContinueAsGuestError={ this.handleError }

diff --git a/src/app/customer/Customer.spec.tsx b/src/app/customer/Customer.spec.tsx
@@ -383,6 +383,21 @@ describe('Customer', () => {
                 .toEqual(false);
         });
 
+        it('does not render sign-in email link when is embedded checkout', () => {
+            const component = mount(
+                <CustomerTest
+                    isEmbedded={ true }
+                    isSignInEmailEnabled={ true }
+                    viewType={ CustomerViewType.Login }
+                />);
+
+            expect(component.find(EmailLoginForm).exists())
+                .toEqual(false);
+
+            expect(component.find('[data-test="customer-signin-link"]').exists())
+                .toEqual(false);
+        });
+
         it('passes data to login form', () => {
             const component = mount(
                 <CustomerTest viewType={ CustomerViewType.Login } />

diff --git a/src/app/customer/Customer.tsx b/src/app/customer/Customer.tsx
@@ -12,6 +12,7 @@ import LoginForm from './LoginForm';
 
 export interface CustomerProps {
     viewType: CustomerViewType;
+    isEmbedded: boolean;
     checkEmbeddedSupport?(methodIds: string[]): void;
     onChangeViewType?(viewType: CustomerViewType): void;
     onContinueAsGuest?(): void;
@@ -161,6 +162,7 @@ class Customer extends Component<CustomerProps & WithCheckoutCustomerProps, Cust
     private renderLoginForm(): ReactNode {
         const {
             createAccountUrl,
+            isEmbedded,
             email,
             forgotPasswordUrl,
             isSignInEmailEnabled,
@@ -179,7 +181,7 @@ class Customer extends Component<CustomerProps & WithCheckoutCustomerProps, Cust
                 email={ this.draftEmail || email }
                 forgotPasswordUrl={ forgotPasswordUrl }
                 isSendingSignInEmail={ isSendingSignInEmail }
-                isSignInEmailEnabled={ isSignInEmailEnabled }
+                isSignInEmailEnabled={ isSignInEmailEnabled && !isEmbedded }
                 isSigningIn={ isSigningIn }
                 onCancel={ this.handleCancelSignIn }
                 onChangeEmail={ this.handleChangeEmail }