Pwa 3264-PDP breadcrumbs only show one level of product category

packages/peregrine/lib/store/actions/user/asyncActions.js

@@ -63,13 +63,13 @@ export const resetPassword = ({ email }) =>
         dispatch(actions.resetPassword.receive());
     };
 
-export const setToken = token =>
+export const setToken = (token, customer_token_lifetime = 3600) =>
     async function thunk(...args) {
         const [dispatch] = args;
 
         // Store token in local storage.
         // TODO: Get correct token expire time from API
-        storage.setItem('signin_token', token, 3600);
+        storage.setItem('signin_token', token, customer_token_lifetime);
 
         // Persist in store
         dispatch(actions.setToken(token));

packages/peregrine/lib/talons/CheckoutPage/OrderConfirmationPage/__tests__/useCreateAccount.spec.js

@@ -78,13 +78,19 @@ const signInVariables = {
     password: '123456'
 };
 const authToken = 'auth-token-123';
+const customerTokenLifetime = 3600;
 const signInMock = {
     request: {
         query: defaultOperations.signInMutation,
         variables: signInVariables
     },
     result: {
-        data: { generateCustomerToken: { token: authToken } }
+        data: {
+            generateCustomerToken: {
+                token: authToken,
+                customer_token_lifetime: customerTokenLifetime
+            }
+        }
     }
 };
 
@@ -202,7 +208,7 @@ describe('handle submit event', () => {
             await result.current.handleSubmit(formValues);
         });
 
-        expect(mockSetToken).toHaveBeenCalledWith('auth-token-123');
+        expect(mockSetToken).toHaveBeenCalledWith('auth-token-123', 3600);
         expect(createAccount).toHaveBeenCalled();
         expect(mockRemoveCart).toHaveBeenCalled();
         expect(mockCreateCart).toHaveBeenCalledWith({

packages/peregrine/lib/talons/CheckoutPage/OrderConfirmationPage/createAccount.gql.js

@@ -44,6 +44,7 @@ export const SIGN_IN = gql`
     mutation SignInAfterCheckout($email: String!, $password: String!) {
         generateCustomerToken(email: $email, password: $password) {
             token
+            customer_token_lifetime
         }
     }
 `;

packages/peregrine/lib/talons/CheckoutPage/OrderConfirmationPage/useCreateAccount.js

@@ -117,7 +117,13 @@ export const useCreateAccount = props => {
                     ...recaptchaDataForSignIn
                 });
                 const token = signInResponse.data.generateCustomerToken.token;
-                await setToken(token);
+                const customerTokenLifetime =
+                    signInResponse.data.generateCustomerToken
+                        .customer_token_lifetime;
+
+                await (customerTokenLifetime
+                    ? setToken(token, customerTokenLifetime)
+                    : setToken(token));
 
                 // Clear guest cart from redux.
                 await removeCart();

packages/peregrine/lib/talons/CreateAccount/__tests__/useCreateAccount.spec.js

@@ -102,7 +102,8 @@ const signInMutationFn = jest.fn().mockReturnValue([
     jest.fn().mockReturnValue({
         data: {
             generateCustomerToken: {
-                token: 'customer token'
+                token: 'customer token',
+                customer_token_lifetime: 3600
             }
         }
     }),
@@ -272,10 +273,12 @@ describe('handleSubmit', () => {
 
     test('should signin after account creation', async () => {
         const token = 'customertoken';
+        const customer_token_lifetime = 3600;
         const signIn = jest.fn().mockReturnValue({
             data: {
                 generateCustomerToken: {
-                    token
+                    token,
+                    customer_token_lifetime
                 }
             }
         });
@@ -298,7 +301,7 @@ describe('handleSubmit', () => {
                 password: defaultFormValues.password
             }
         });
-        expect(setToken).toHaveBeenCalledWith(token);
+        expect(setToken).toHaveBeenCalledWith(token, customer_token_lifetime);
     });
 
     test('should clear cart data from cache', async () => {

packages/peregrine/lib/talons/CreateAccount/createAccount.gql.js

@@ -45,6 +45,7 @@ export const SIGN_IN = gql`
     mutation SignInAfterCreate($email: String!, $password: String!) {
         generateCustomerToken(email: $email, password: $password) {
             token
+            customer_token_lifetime
         }
     }
 `;

packages/peregrine/lib/talons/CreateAccount/useCreateAccount.js

@@ -136,8 +136,12 @@ export const useCreateAccount = props => {
                     ...recaptchaDataForSignIn
                 });
                 const token = signInResponse.data.generateCustomerToken.token;
-                await setToken(token);
-
+                const customerTokenLifetime =
+                    signInResponse.data.generateCustomerToken
+                        .customer_token_lifetime;
+                await (customerTokenLifetime
+                    ? setToken(token, customerTokenLifetime)
+                    : setToken(token));
                 // Clear all cart/customer data from cache and redux.
                 await apolloClient.clearCacheData(apolloClient, 'cart');
                 await apolloClient.clearCacheData(apolloClient, 'customer');

packages/peregrine/lib/talons/ProductFullDetail/useProductFullDetail.js

@@ -144,8 +144,8 @@ const getBreadcrumbCategoryId = categories => {
     const breadcrumbSet = new Set();
     categories.forEach(({ breadcrumbs }) => {
         // breadcrumbs can be `null`...
-        (breadcrumbs || []).forEach(({ category_id }) =>
-            breadcrumbSet.add(category_id)
+        (breadcrumbs || []).forEach(({ category_uid }) =>
+            breadcrumbSet.add(category_uid)
         );
     });
 

packages/peregrine/lib/talons/SignIn/__tests__/useSignIn.spec.js

@@ -61,14 +61,20 @@ const signInVariables = {
     password: 'slurm is the best'
 };
 const authToken = 'auth-token-123';
+const customerTokenLifetime = 3600;
 
 const signInMock = {
     request: {
         query: defaultOperations.signInMutation,
         variables: signInVariables
     },
     result: {
-        data: { generateCustomerToken: { token: authToken } }
+        data: {
+            generateCustomerToken: {
+                token: authToken,
+                customer_token_lifetime: customerTokenLifetime
+            }
+        }
     }
 };
 
@@ -156,7 +162,7 @@ test('handleSubmit triggers waterfall of operations and actions', async () => {
     await act(() => result.current.handleSubmit(signInVariables));
 
     expect(result.current.isBusy).toBe(true);
-    expect(setToken).toHaveBeenCalledWith(authToken);
+    expect(setToken).toHaveBeenCalledWith(authToken, customerTokenLifetime);
     expect(getCartDetails).toHaveBeenCalled();
     expect(getUserDetails).toHaveBeenCalled();
 

packages/peregrine/lib/talons/SignIn/signIn.gql.js

@@ -17,6 +17,7 @@ export const SIGN_IN = gql`
     mutation SignIn($email: String!, $password: String!) {
         generateCustomerToken(email: $email, password: $password) {
             token
+            customer_token_lifetime
         }
     }
 `;

packages/peregrine/lib/talons/SignIn/useSignIn.js

@@ -86,7 +86,13 @@ export const useSignIn = props => {
                 });
 
                 const token = signInResponse.data.generateCustomerToken.token;
-                await setToken(token);
+                const customerTokenLifetime =
+                    signInResponse.data.generateCustomerToken
+                        .customer_token_lifetime;
+
+                await (customerTokenLifetime
+                    ? setToken(token, customerTokenLifetime)
+                    : setToken(token));
 
                 // Clear all cart/customer data from cache and redux.
                 await apolloClient.clearCacheData(apolloClient, 'cart');

packages/venia-ui/lib/components/Breadcrumbs/breadcrumbs.js

@@ -79,14 +79,16 @@ const Breadcrumbs = props => {
     ) : (
         <span className={classes.currentCategory}>{currentCategory}</span>
     );
-
+    console.log('currentProduct', currentProduct);
+    console.log('currentCategoryPath', currentCategoryPath);
+    console.log('currentCategoryLink', currentCategoryLink);
     const currentProductNode = currentProduct ? (
         <Fragment>
             <span className={classes.divider}>{DELIMITER}</span>
             <span className={classes.text}>{currentProduct}</span>
         </Fragment>
     ) : null;
-
+    console.log('currentProductNode', currentProductNode);
     return (
         <div className={classes.root} aria-live="polite" aria-busy="false">
             <Link className={classes.link} to="/">

packages/venia-ui/lib/targets/__tests__/venia-ui-targets.spec.js

@@ -15,7 +15,7 @@ const thisDep = {
     intercept
 };
 
-const WEBPACK_BUILD_TIMEOUT = 30000;
+const WEBPACK_BUILD_TIMEOUT = 800000;
 
 const mockComponent = name => `function ${name}(props) { return <div className={name}>{props.children}</div>;
 `;