@shopify/hydrogen 1.4.2 → 1.4.3

package/dist/esnext/components/CartProvider/CartProvider.client.js

@@ -6,6 +6,28 @@ import { useCartFetch } from './hooks.client.js';
 import { CartContext } from './context.js';
 import { CART_ID_STORAGE_KEY } from './constants.js';
 import { ClientAnalytics } from '../../foundation/Analytics/ClientAnalytics.js';
+function getLocalStoragePolyfill() {
+    const storage = {};
+    return {
+        removeItem(key) {
+            delete storage[key];
+        },
+        setItem(key, value) {
+            storage[key] = value;
+        },
+        getItem(key) {
+            return storage[key];
+        },
+    };
+}
+const localStorage = (function () {
+    try {
+        return window.localStorage || getLocalStoragePolyfill();
+    }
+    catch (e) {
+        return getLocalStoragePolyfill();
+    }
+})();
 function cartReducer(state, action) {
     switch (action.type) {
         case 'cartFetch': {
@@ -179,7 +201,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             },
         });
         if (!data?.cart) {
-            window.localStorage.removeItem(CART_ID_STORAGE_KEY);
+            localStorage.removeItem(CART_ID_STORAGE_KEY);
             dispatch({ type: 'resetCart' });
             return;
         }
@@ -226,7 +248,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 type: 'resolve',
                 cart: cartFromGraphQL(data.cartCreate.cart),
             });
-            window.localStorage.setItem(CART_ID_STORAGE_KEY, data.cartCreate.cart.id);
+            localStorage.setItem(CART_ID_STORAGE_KEY, data.cartCreate.cart.id);
         }
     }, [
         onCreate,

package/dist/esnext/components/CartProvider/CartProviderV2.client.js

@@ -18,6 +18,7 @@ export function CartProviderV2({ children, numCartLines, onCreate, onLineAdd, on
     }
     const [cartState, cartSend] = useCartAPIStateMachine({
         numCartLines,
+        data: cart,
         cartFragment,
         countryCode,
         onCartActionEntry(context, event) {
@@ -131,10 +132,7 @@ export function CartProviderV2({ children, numCartLines, onCreate, onLineAdd, on
      */
     useEffect(() => {
         if (!cartReady.current) {
-            if (cart) {
-                cartSend({ type: 'CART_SET', payload: { cart } });
-            }
-            else if (storageAvailable('localStorage')) {
+            if (!cart && storageAvailable('localStorage')) {
                 try {
                     const cartId = window.localStorage.getItem(CART_ID_STORAGE_KEY);
                     if (cartId) {

package/dist/esnext/components/CartProvider/useCartAPIStateMachine.client.d.ts

@@ -2,7 +2,7 @@ import { StateMachine } from '@xstate/fsm';
 import { CartFragmentFragment } from './graphql/CartFragment.js';
 import { Cart, CartMachineActionEvent, CartMachineContext, CartMachineEvent, CartMachineFetchResultEvent, CartMachineTypeState } from './types.js';
 import { CountryCode } from '../../storefront-api-types.js';
-export declare function useCartAPIStateMachine({ numCartLines, onCartActionEntry, onCartActionOptimisticUI, onCartActionComplete, data, cartFragment, countryCode, }: {
+export declare function useCartAPIStateMachine({ numCartLines, onCartActionEntry, onCartActionOptimisticUI, onCartActionComplete, data: cart, cartFragment, countryCode, }: {
     /**  Maximum number of cart lines to fetch. Defaults to 250 cart lines. */
     numCartLines?: number;
     /** A callback that is invoked just before a Cart API action executes. */

package/dist/esnext/components/CartProvider/useCartAPIStateMachine.client.js

@@ -86,46 +86,52 @@ const UPDATING_CART_EVENTS = {
         target: 'discountCodesUpdating',
     },
 };
-const cartMachine = createMachine({
-    id: 'Cart',
-    initial: 'uninitialized',
-    states: {
-        uninitialized: {
-            on: INITIALIZING_CART_EVENTS,
+function createCartMachine(initialCart) {
+    return createMachine({
+        id: 'Cart',
+        initial: initialCart ? 'idle' : 'uninitialized',
+        context: {
+            cart: initialCart && cartFromGraphQL(initialCart),
         },
-        cartCompleted: {
-            on: INITIALIZING_CART_EVENTS,
-        },
-        initializationError: {
-            on: INITIALIZING_CART_EVENTS,
-        },
-        idle: {
-            on: { ...INITIALIZING_CART_EVENTS, ...UPDATING_CART_EVENTS },
-        },
-        error: {
-            on: { ...INITIALIZING_CART_EVENTS, ...UPDATING_CART_EVENTS },
+        states: {
+            uninitialized: {
+                on: INITIALIZING_CART_EVENTS,
+            },
+            cartCompleted: {
+                on: INITIALIZING_CART_EVENTS,
+            },
+            initializationError: {
+                on: INITIALIZING_CART_EVENTS,
+            },
+            idle: {
+                on: { ...INITIALIZING_CART_EVENTS, ...UPDATING_CART_EVENTS },
+            },
+            error: {
+                on: { ...INITIALIZING_CART_EVENTS, ...UPDATING_CART_EVENTS },
+            },
+            cartFetching: invokeCart('cartFetchAction', {
+                errorTarget: 'initializationError',
+            }),
+            cartCreating: invokeCart('cartCreateAction', {
+                errorTarget: 'initializationError',
+            }),
+            cartLineRemoving: invokeCart('cartLineRemoveAction'),
+            cartLineUpdating: invokeCart('cartLineUpdateAction'),
+            cartLineAdding: invokeCart('cartLineAddAction'),
+            noteUpdating: invokeCart('noteUpdateAction'),
+            buyerIdentityUpdating: invokeCart('buyerIdentityUpdateAction'),
+            cartAttributesUpdating: invokeCart('cartAttributesUpdateAction'),
+            discountCodesUpdating: invokeCart('discountCodesUpdateAction'),
         },
-        cartFetching: invokeCart('cartFetchAction', {
-            errorTarget: 'initializationError',
-        }),
-        cartCreating: invokeCart('cartCreateAction', {
-            errorTarget: 'initializationError',
-        }),
-        cartLineRemoving: invokeCart('cartLineRemoveAction'),
-        cartLineUpdating: invokeCart('cartLineUpdateAction'),
-        cartLineAdding: invokeCart('cartLineAddAction'),
-        noteUpdating: invokeCart('noteUpdateAction'),
-        buyerIdentityUpdating: invokeCart('buyerIdentityUpdateAction'),
-        cartAttributesUpdating: invokeCart('cartAttributesUpdateAction'),
-        discountCodesUpdating: invokeCart('discountCodesUpdateAction'),
-    },
-});
+    });
+}
 export function useCartAPIStateMachine({ numCartLines, onCartActionEntry, onCartActionOptimisticUI, onCartActionComplete, data: cart, cartFragment, countryCode, }) {
     const { cartFetch, cartCreate, cartLineAdd, cartLineUpdate, cartLineRemove, noteUpdate, buyerIdentityUpdate, cartAttributesUpdate, discountCodesUpdate, } = useCartActions({
         numCartLines,
         cartFragment,
         countryCode,
     });
+    const cartMachine = useMemo(() => createCartMachine(cart), [cart]);
     const [state, send, service] = useMachine(cartMachine, {
         actions: {
             cartFetchAction: async (_, event) => {

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.4.2";
+export declare const LIB_VERSION = "1.4.3";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '1.4.2';
+export const LIB_VERSION = '1.4.3';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",