Feature passwordless social login

packages/commerce-sdk-react/src/auth/index.test.ts

@@ -115,7 +115,7 @@ const configPasswordlessSms = {
 const FAKE_SLAS_EXPIRY = DEFAULT_SLAS_REFRESH_TOKEN_REGISTERED_TTL - 1
 
 const TOKEN_RESPONSE: ShopperLoginTypes.TokenResponse = {
-    access_token: 'access_token_xyz',
+    access_token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJjYy1zbGFzOjp6enJmXzAwMTo6c2NpZDpjOWM0NWJmZC0wZWQzLTRhYTIteHh4eC00MGY4ODk2MmI4MzY6OnVzaWQ6YjQ4NjUyMzMtZGU5Mi00MDM5LXh4eHgtYWEyZGZjOGMxZWE1IiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyLCJpc2IiOiJ1aWRvOmVjb206OnVwbjpHdWVzdHx8am9obi5kb2VAZXhhbXBsZS5jb206OnVpZG46Sm9obiBEb2U6OmdjaWQ6Z3Vlc3QtMTIzNDU6OnJjaWQ6cmVnaXN0ZXJlZC02Nzg5MCIsImRudCI6InRlc3QifQ.9yKtUb22ExO-Q4VNQRAyIgTm63l3x5z45Uu1FIQa5dQ',
     customer_id: 'customer_id_xyz',
     enc_user_id: 'enc_user_id_xyz',
     expires_in: 1800,

packages/commerce-sdk-react/src/auth/index.ts

@@ -604,13 +604,15 @@ class Auth {
             responseValue,
             defaultValue
         )
-        const {uido} = this.parseSlasJWT(res.access_token)
+        if (res.access_token) {
+            const {uido} = this.parseSlasJWT(res.access_token)
+            this.set('uido', uido)
+        }
         const expiresDate = this.convertSecondsToDate(refreshTokenTTLValue)
         this.set('refresh_token_expires_in', refreshTokenTTLValue.toString())
         this.set(refreshTokenKey, res.refresh_token, {
             expires: expiresDate
         })
-        this.set('uido', uido)
     }
 
     async refreshAccessToken() {
@@ -1144,7 +1146,7 @@ class Auth {
                 mode
             }
         )
-        if (res.status !== 200) {
+        if (res && res.status !== 200) {
             const errorData = await res.json()
             throw new Error(`${res.status} ${errorData.message}`)
         }

packages/template-retail-react-app/app/pages/checkout/index.test.js

@@ -450,8 +450,11 @@ test('Can proceed through checkout as registered customer', async () => {
     })
 
     // Select a saved address and continue
-    await user.click(screen.getByDisplayValue('savedaddress1'))
-    await user.click(screen.getByText(/continue to shipping method/i))
+    await waitFor(() => {
+        const address = screen.getByDisplayValue('savedaddress1')
+        user.click(address)
+        user.click(screen.getByText(/continue to shipping method/i))
+    })
 
     // Wait for next step to render
     await waitFor(() => {

packages/template-retail-react-app/app/pages/checkout/partials/contact-info.jsx

@@ -88,7 +88,7 @@ const ContactInfo = ({isSocialEnabled = false, isPasswordlessEnabled = false, id
 
     const handlePasswordlessLogin = async (email) => {
         try {
-            const redirectPath = window.location.pathname + window.location.search
+            const redirectPath = window.location.pathname + (window.location.search || '')
             await authorizePasswordlessLogin.mutateAsync({
                 userid: email,
                 callbackURI: `${callbackURL}?redirectUrl=${redirectPath}`

packages/template-retail-react-app/app/pages/checkout/partials/login-state.test.js

@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import LoginState from '@salesforce/retail-react-app/../../app/pages/checkout/partials/login-state'
+import LoginState from '@salesforce/retail-react-app/app/pages/checkout/partials/login-state'
 import {renderWithProviders} from '@salesforce/retail-react-app/app/utils/test-utils'
 import {useForm} from 'react-hook-form'
 

packages/template-retail-react-app/babel.config.js

@@ -4,4 +4,24 @@
  * SPDX-License-Identifier: BSD-3-Clause
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
-module.exports = require('@salesforce/pwa-kit-dev/configs/babel/babel-config')
+const baseConfig = require('@salesforce/pwa-kit-dev/configs/babel/babel-config')
+
+module.exports = {
+    ...baseConfig.default,
+    overrides: [
+        {
+            test: ['./app/ssr.js', './app/constants.js'],
+            plugins: [
+                [
+                    'module-resolver',
+                    {
+                        'root': ['./'],
+                        'alias': {
+                            '@salesforce/retail-react-app': './'
+                        }
+                    }
+                ]
+            ]
+        }
+    ]
+}

packages/template-retail-react-app/package.json

@@ -55,6 +55,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
+    "babel-plugin-module-resolver": "5.0.2",
     "base64-arraybuffer": "^0.2.0",
     "bundlesize2": "^0.0.31",
     "card-validator": "^8.1.1",