@shopify/hydrogen 0.5.1 → 0.6.1

package/README.md

@@ -2,7 +2,7 @@
 
 Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.
 
-[Check out the docs](https://shopify.dev/beta/hydrogen)
+[Check out the docs](https://shopify.dev/custom-storefronts/hydrogen)
 
 ## Getting started
 

package/dist/esnext/components/CartLineImage/CartLineImage.client.d.ts

@@ -2,7 +2,7 @@ import { ElementType } from 'react';
 import { Props } from '../types';
 import { ImageSizeOptions } from '../../utilities';
 /**
- * The `CartLineImage` component renders a `Image` component for the cart line merchandise's image.
+ * The `CartLineImage` component renders an `Image` component for the cart line merchandise's image.
  * It must be a descendent of a `CartLineProvider` component.
  */
 export declare function CartLineImage<TTag extends ElementType = 'img'>(props: Props<TTag> & {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useCartLine } from '../CartLineProvider';
 import { Image as ImageComponent } from '../Image';
 /**
- * The `CartLineImage` component renders a `Image` component for the cart line merchandise's image.
+ * The `CartLineImage` component renders an `Image` component for the cart line merchandise's image.
  * It must be a descendent of a `CartLineProvider` component.
  */
 export function CartLineImage(props) {

package/dist/esnext/components/CartLineProvider/context.d.ts

@@ -21,7 +21,7 @@ export declare const CartLineContext: import("react").Context<({
             __typename?: "Image" | undefined;
         } & {
             __typename?: "Image" | undefined;
-        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "id" | "altText" | "originalSrc">> | undefined;
+        } & Pick<import("../../graphql/types/types").Image, "height" | "width" | "url" | "id" | "altText">> | undefined;
         product: {
             __typename?: "Product" | undefined;
         } & Pick<import("../../graphql/types/types").Product, "title" | "handle">;

package/dist/esnext/components/CartLineProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { CartLineProvider } from './CartLineProvider.client';
-export { useCartLine } from './hooks';
+export { useCartLine } from '../../hooks/useCartLine';

package/dist/esnext/components/CartLineProvider/index.js

@@ -1,2 +1,2 @@
 export { CartLineProvider } from './CartLineProvider.client';
-export { useCartLine } from './hooks';
+export { useCartLine } from '../../hooks/useCartLine';

package/dist/esnext/components/CartLineQuantityAdjustButton/CartLineQuantityAdjustButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useCartLinesRemoveCallback, useCartLinesUpdateCallback, } from '../CartProvider';
+import { useCart, useCartLinesRemoveCallback, useCartLinesUpdateCallback, } from '../CartProvider';
 import { useCartLine } from '../CartLineProvider';
 /**
  * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
@@ -8,9 +8,10 @@ import { useCartLine } from '../CartLineProvider';
 export function CartLineQuantityAdjustButton(props) {
     const updateLines = useCartLinesUpdateCallback();
     const removeLines = useCartLinesRemoveCallback();
+    const { status } = useCart();
     const cartLine = useCartLine();
     const { children, adjust, ...passthroughProps } = props;
-    return (React.createElement("button", { onClick: () => {
+    return (React.createElement("button", { disabled: status !== 'idle', onClick: () => {
             if (adjust === 'remove') {
                 removeLines([cartLine.id]);
                 return;

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

@@ -4,6 +4,7 @@ import { CartLineAdd, CartCreate, CartLineRemove, CartLineUpdate, CartNoteUpdate
 import { useCartFetch } from './hooks';
 import { CartContext } from './context';
 import { CART_ID_STORAGE_KEY } from './constants';
+import { useServerState } from '../../foundation/useServerState';
 function cartReducer(state, action) {
     switch (action.type) {
         case 'cartFetch': {
@@ -149,16 +150,23 @@ function cartReducer(state, action) {
  * You must use this component if you want to use the `useCart` hook or related hooks, or if you would like to use the `AddToCartButton` component.
  */
 export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, cart, }) {
+    var _a;
+    const { serverState } = useServerState();
+    const countryCode = (_a = serverState === null || serverState === void 0 ? void 0 : serverState.country) === null || _a === void 0 ? void 0 : _a.isoCode;
     const initialStatus = cart
         ? { status: 'idle', cart: cartFromGraphQL(cart) }
         : { status: 'uninitialized' };
     const [state, dispatch] = useReducer((state, dispatch) => cartReducer(state, dispatch), initialStatus);
-    const fetch = useCartFetch();
+    const fetchCart = useCartFetch();
     const cartFetch = useCallback(async (cartId) => {
         dispatch({ type: 'cartFetch' });
-        const { data } = await fetch({
+        const { data } = await fetchCart({
             query: CartQuery,
-            variables: { id: cartId, numCartLines },
+            variables: {
+                id: cartId,
+                numCartLines,
+                country: countryCode,
+            },
         });
         if (!(data === null || data === void 0 ? void 0 : data.cart)) {
             window.localStorage.removeItem(CART_ID_STORAGE_KEY);
@@ -166,16 +174,23 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             return;
         }
         dispatch({ type: 'resolve', cart: cartFromGraphQL(data.cart) });
-    }, [fetch, numCartLines]);
+    }, [fetchCart, numCartLines, countryCode]);
     const cartCreate = useCallback(async (cart) => {
-        var _a;
+        var _a, _b;
         dispatch({ type: 'cartCreate' });
         onCreate === null || onCreate === void 0 ? void 0 : onCreate();
-        const { data, error } = await fetch({
+        if (countryCode && !((_a = cart.buyerIdentity) === null || _a === void 0 ? void 0 : _a.countryCode)) {
+            if (cart.buyerIdentity == null) {
+                cart.buyerIdentity = {};
+            }
+            cart.buyerIdentity.countryCode = countryCode;
+        }
+        const { data, error } = await fetchCart({
             query: CartCreate,
             variables: {
                 input: cart,
                 numCartLines,
+                country: countryCode,
             },
         });
         if (error) {
@@ -184,25 +199,26 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 error: error,
             });
         }
-        if ((_a = data === null || data === void 0 ? void 0 : data.cartCreate) === null || _a === void 0 ? void 0 : _a.cart) {
+        if ((_b = data === null || data === void 0 ? void 0 : data.cartCreate) === null || _b === void 0 ? void 0 : _b.cart) {
             dispatch({
                 type: 'resolve',
                 cart: cartFromGraphQL(data.cartCreate.cart),
             });
             window.localStorage.setItem(CART_ID_STORAGE_KEY, data.cartCreate.cart.id);
         }
-    }, [onCreate, fetch, numCartLines]);
+    }, [onCreate, fetchCart, numCartLines, countryCode]);
     const addLineItem = useCallback(async (lines, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'addLineItem' });
             onLineAdd === null || onLineAdd === void 0 ? void 0 : onLineAdd();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartLineAdd,
                 variables: {
                     cartId: state.cart.id,
                     lines: lines,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -218,18 +234,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, numCartLines, onLineAdd]);
+    }, [fetchCart, numCartLines, onLineAdd, countryCode]);
     const removeLineItem = useCallback(async (lines, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'removeLineItem', lines });
             onLineRemove === null || onLineRemove === void 0 ? void 0 : onLineRemove();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartLineRemove,
                 variables: {
                     cartId: state.cart.id,
                     lines: lines,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -245,18 +262,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onLineRemove, numCartLines]);
+    }, [fetchCart, onLineRemove, numCartLines, countryCode]);
     const updateLineItem = useCallback(async (lines, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'updateLineItem', lines });
             onLineUpdate === null || onLineUpdate === void 0 ? void 0 : onLineUpdate();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartLineUpdate,
                 variables: {
                     cartId: state.cart.id,
                     lines: lines,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -272,18 +290,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onLineUpdate, numCartLines]);
+    }, [fetchCart, onLineUpdate, numCartLines, countryCode]);
     const noteUpdate = useCallback(async (note, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'noteUpdate' });
             onNoteUpdate === null || onNoteUpdate === void 0 ? void 0 : onNoteUpdate();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartNoteUpdate,
                 variables: {
                     cartId: state.cart.id,
                     note: note,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -299,18 +318,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onNoteUpdate, numCartLines]);
+    }, [fetchCart, onNoteUpdate, numCartLines, countryCode]);
     const buyerIdentityUpdate = useCallback(async (buyerIdentity, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'buyerIdentityUpdate' });
             onBuyerIdentityUpdate === null || onBuyerIdentityUpdate === void 0 ? void 0 : onBuyerIdentityUpdate();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartBuyerIdentityUpdate,
                 variables: {
                     cartId: state.cart.id,
-                    buyerIdentity: buyerIdentity,
+                    buyerIdentity,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -326,18 +346,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onBuyerIdentityUpdate, numCartLines]);
+    }, [fetchCart, onBuyerIdentityUpdate, numCartLines, countryCode]);
     const cartAttributesUpdate = useCallback(async (attributes, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'cartAttributesUpdate' });
             onAttributesUpdate === null || onAttributesUpdate === void 0 ? void 0 : onAttributesUpdate();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartAttributesUpdate,
                 variables: {
                     cartId: state.cart.id,
                     attributes: attributes,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -353,18 +374,19 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onAttributesUpdate, numCartLines]);
+    }, [fetchCart, onAttributesUpdate, numCartLines, countryCode]);
     const discountCodesUpdate = useCallback(async (discountCodes, state) => {
         var _a;
         if (state.status === 'idle') {
             dispatch({ type: 'discountCodesUpdate' });
             onDiscountCodesUpdate === null || onDiscountCodesUpdate === void 0 ? void 0 : onDiscountCodesUpdate();
-            const { data, error } = await fetch({
+            const { data, error } = await fetchCart({
                 query: CartDiscountCodesUpdate,
                 variables: {
                     cartId: state.cart.id,
                     discountCodes: discountCodes,
                     numCartLines,
+                    country: countryCode,
                 },
             });
             if (error) {
@@ -380,7 +402,7 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
                 });
             }
         }
-    }, [fetch, onDiscountCodesUpdate, numCartLines]);
+    }, [fetchCart, onDiscountCodesUpdate, numCartLines, countryCode]);
     const didFetchCart = useRef(false);
     useEffect(() => {
         if (localStorage.getItem(CART_ID_STORAGE_KEY) &&
@@ -390,6 +412,13 @@ export function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLi
             cartFetch(localStorage.getItem(CART_ID_STORAGE_KEY));
         }
     }, [cartFetch, state]);
+    useEffect(() => {
+        if (state.status !== 'idle') {
+            return;
+        }
+        buyerIdentityUpdate({ countryCode }, state);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [countryCode]);
     const cartContextValue = useMemo(() => {
         return {
             ...('cart' in state

package/dist/esnext/components/CartProvider/graphql/CartAttributesUpdateMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartAttributesUpdateMutationVariables = Types.Exact<{
     attributes: Array<Types.AttributeInput> | Types.AttributeInput;
     cartId: Types.Scalars['ID'];
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartAttributesUpdateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartBuyerIdentityUpdateMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartBuyerIdentityUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     buyerIdentity: Types.CartBuyerIdentityInput;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartBuyerIdentityUpdateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartCreateMutation.d.ts

@@ -3,6 +3,7 @@ import { CartFragmentFragment } from './CartFragment';
 export declare type CartCreateMutationVariables = Types.Exact<{
     input: Types.CartInput;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartCreateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartDiscountCodesUpdateMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartDiscountCodesUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     discountCodes?: Types.Maybe<Array<Types.Scalars['String']> | Types.Scalars['String']>;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartDiscountCodesUpdateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartLineAddMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartLineAddMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.CartLineInput> | Types.CartLineInput;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartLineAddMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartLineRemoveMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartLineRemoveMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.Scalars['ID']> | Types.Scalars['ID'];
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartLineRemoveMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartLineUpdateMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartLineUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     lines: Array<Types.CartLineUpdateInput> | Types.CartLineUpdateInput;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartLineUpdateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartNoteUpdateMutation.d.ts

@@ -4,6 +4,7 @@ export declare type CartNoteUpdateMutationVariables = Types.Exact<{
     cartId: Types.Scalars['ID'];
     note?: Types.Maybe<Types.Scalars['String']>;
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartNoteUpdateMutation = {
     __typename?: 'Mutation';

package/dist/esnext/components/CartProvider/graphql/CartQuery.d.ts

@@ -3,6 +3,7 @@ import { CartFragmentFragment } from './CartFragment';
 export declare type CartQueryQueryVariables = Types.Exact<{
     id: Types.Scalars['ID'];
     numCartLines?: Types.Maybe<Types.Scalars['Int']>;
+    country?: Types.Maybe<Types.CountryCode>;
 }>;
 export declare type CartQueryQuery = {
     __typename?: 'QueryRoot';

package/dist/esnext/components/CartProvider/hooks.d.ts

@@ -7,17 +7,6 @@ export declare function useCartFetch(): <T, K>({ query, variables, }: {
     data: K | undefined;
     error: any;
 }>;
-export declare function useCart(): import("./types").CartWithActions;
-export declare function useCartCheckoutUrl(): string | undefined;
-export declare function useCartLinesTotalQuantity(): number;
-export declare function useCartCreateCallback(): (cart: CartInput) => void;
-export declare function useCartLinesAddCallback(): (lines: import("../../graphql/types/types").CartLineInput[]) => void;
-export declare function useCartLinesRemoveCallback(): (lines: string[]) => void;
-export declare function useCartLinesUpdateCallback(): (lines: import("../../graphql/types/types").CartLineUpdateInput[]) => void;
-export declare function useCartNoteUpdateCallback(): (note: import("../../graphql/types/types").Maybe<string> | undefined) => void;
-export declare function useCartBuyerIdentityUpdateCallback(): (buyerIdenity: import("../../graphql/types/types").CartBuyerIdentityInput) => void;
-export declare function useCartAttributesUpdateCallback(): (attributes: import("../../graphql/types/types").AttributeInput[]) => void;
-export declare function useCartDiscountCodesUpdateCallback(): (discountCodes: string[]) => void;
 export declare function useInstantCheckout(): {
     cart: Cart | undefined;
     checkoutUrl: string | undefined;

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { useShop } from '../../foundation';
 import { flattenConnection } from '../../utilities';
 import { CartCreate } from '../../graphql/graphql-constants';
-import { CartContext } from './context';
 export function useCartFetch() {
     const { storeDomain, graphqlApiVersion, storefrontToken } = useShop();
     return React.useCallback(({ query, variables, }) => {
@@ -26,59 +25,6 @@ export function useCartFetch() {
         });
     }, [storeDomain, graphqlApiVersion, storefrontToken]);
 }
-export function useCart() {
-    const context = React.useContext(CartContext);
-    if (!context) {
-        throw new Error('Expected a Cart Context, but no Cart Context was found');
-    }
-    return context;
-}
-export function useCartCheckoutUrl() {
-    const { checkoutUrl } = useCart();
-    return checkoutUrl;
-}
-export function useCartLinesTotalQuantity() {
-    var _a;
-    const { lines } = useCart();
-    const itemCount = (_a = React.useMemo(() => {
-        return lines.reduce((accumulator, line) => {
-            return accumulator + line.quantity;
-        }, 0);
-    }, [lines])) !== null && _a !== void 0 ? _a : 0;
-    return itemCount;
-}
-export function useCartCreateCallback() {
-    const { cartCreate } = useCart();
-    return cartCreate;
-}
-export function useCartLinesAddCallback() {
-    const { linesAdd } = useCart();
-    return linesAdd;
-}
-export function useCartLinesRemoveCallback() {
-    const { linesRemove } = useCart();
-    return linesRemove;
-}
-export function useCartLinesUpdateCallback() {
-    const { linesUpdate } = useCart();
-    return linesUpdate;
-}
-export function useCartNoteUpdateCallback() {
-    const { noteUpdate } = useCart();
-    return noteUpdate;
-}
-export function useCartBuyerIdentityUpdateCallback() {
-    const { buyerIdentityUpdate } = useCart();
-    return buyerIdentityUpdate;
-}
-export function useCartAttributesUpdateCallback() {
-    const { cartAttributesUpdate } = useCart();
-    return cartAttributesUpdate;
-}
-export function useCartDiscountCodesUpdateCallback() {
-    const { discountCodesUpdate } = useCart();
-    return discountCodesUpdate;
-}
 export function useInstantCheckout() {
     const [cart, updateCart] = React.useState();
     const [checkoutUrl, updateCheckoutUrl] = React.useState();

package/dist/esnext/components/CartProvider/index.d.ts

@@ -1,3 +1,14 @@
 export { CartProvider } from './CartProvider.client';
-export { useCart, useCartAttributesUpdateCallback, useCartBuyerIdentityUpdateCallback, useCartNoteUpdateCallback, useCartCheckoutUrl, useCartCreateCallback, useCartDiscountCodesUpdateCallback, useCartFetch, useCartLinesAddCallback, useCartLinesRemoveCallback, useCartLinesTotalQuantity, useCartLinesUpdateCallback, useInstantCheckout, } from './hooks';
+export { useCartFetch, useInstantCheckout } from './hooks';
+export { useCart } from '../../hooks/useCart';
+export { useCartAttributesUpdateCallback } from '../../hooks/useCartAttributesUpdateCallback';
+export { useCartBuyerIdentityUpdateCallback } from '../../hooks/useCartBuyerIdentityUpdateCallback';
+export { useCartNoteUpdateCallback } from '../../hooks/useCartNoteUpdateCallback';
+export { useCartCheckoutUrl } from '../../hooks/useCartCheckoutUrl';
+export { useCartCreateCallback } from '../../hooks/useCartCreateCallback';
+export { useCartDiscountCodesUpdateCallback } from '../../hooks/useCartDiscountCodesUpdateCallback';
+export { useCartLinesAddCallback } from '../../hooks/useCartLinesAddCallback';
+export { useCartLinesRemoveCallback } from '../../hooks/useCartLinesRemoveCallback';
+export { useCartLinesTotalQuantity } from '../../hooks/useCartLinesTotalQuantity';
+export { useCartLinesUpdateCallback } from '../../hooks/useCartLinesUpdateCallback';
 export type { State, Status, Cart, CartWithActions, CartAction } from './types';

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

@@ -1,2 +1,13 @@
 export { CartProvider } from './CartProvider.client';
-export { useCart, useCartAttributesUpdateCallback, useCartBuyerIdentityUpdateCallback, useCartNoteUpdateCallback, useCartCheckoutUrl, useCartCreateCallback, useCartDiscountCodesUpdateCallback, useCartFetch, useCartLinesAddCallback, useCartLinesRemoveCallback, useCartLinesTotalQuantity, useCartLinesUpdateCallback, useInstantCheckout, } from './hooks';
+export { useCartFetch, useInstantCheckout } from './hooks';
+export { useCart } from '../../hooks/useCart';
+export { useCartAttributesUpdateCallback } from '../../hooks/useCartAttributesUpdateCallback';
+export { useCartBuyerIdentityUpdateCallback } from '../../hooks/useCartBuyerIdentityUpdateCallback';
+export { useCartNoteUpdateCallback } from '../../hooks/useCartNoteUpdateCallback';
+export { useCartCheckoutUrl } from '../../hooks/useCartCheckoutUrl';
+export { useCartCreateCallback } from '../../hooks/useCartCreateCallback';
+export { useCartDiscountCodesUpdateCallback } from '../../hooks/useCartDiscountCodesUpdateCallback';
+export { useCartLinesAddCallback } from '../../hooks/useCartLinesAddCallback';
+export { useCartLinesRemoveCallback } from '../../hooks/useCartLinesRemoveCallback';
+export { useCartLinesTotalQuantity } from '../../hooks/useCartLinesTotalQuantity';
+export { useCartLinesUpdateCallback } from '../../hooks/useCartLinesUpdateCallback';

package/dist/esnext/components/Image/Image.d.ts

@@ -13,10 +13,10 @@ export interface BaseImageProps {
     loaderOptions?: ImageLoaderOptions['options'];
 }
 export interface MediaImageProps extends BaseImageProps {
-    /** An object with the keys `originalSrc`, `altText`, `id`, `width` and `height`. Refer to the
+    /** An object with the keys `url`, `altText`, `id`, `width` and `height`. Refer to the
      * Storefront API's [`Image` object](/api/storefront/reference/common-objects/image).
      */
-    image: Pick<ImageType, 'altText' | 'originalSrc' | 'id' | 'width' | 'height'>;
+    image: Pick<ImageType, 'altText' | 'url' | 'id' | 'width' | 'height'>;
     /** An object of image size options for Shopify CDN images. */
     options?: ImageSizeOptions;
 }

package/dist/esnext/components/Image/Image.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { ImageFragment as Fragment } from '../../graphql/graphql-constants';
 import { shopifyImageLoader, getShopifyImageDimensions, } from '../../utilities';
 function convertShopifyImageData({ image, options, loader, loaderOptions, id: propId, alt, }) {
-    const { originalSrc: src, altText, id } = image;
+    const { url: src, altText, id } = image;
     const { width, height } = getShopifyImageDimensions(image, options);
     return {
         src,

package/dist/esnext/components/Image/ImageFragment.d.ts

@@ -1,4 +1,4 @@
 import * as Types from '../../graphql/types/types';
 export declare type ImageFragmentFragment = {
     __typename?: 'Image';
-} & Pick<Types.Image, 'id' | 'originalSrc' | 'altText' | 'width' | 'height'>;
+} & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>;

package/dist/esnext/components/LocalizationProvider/LocalizationProvider.server.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 /**
  * The `LocalizationProvider` component automatically queries the Storefront API's
- * [`localization`](/api/storefront/reference/common-objects/queryroot#localization-2021-10) field
+ * [`localization`](/api/storefront/reference/common-objects/queryroot) field
  * for the `isoCode` and `name` of the `country` and `availableCountries` and keeps this information in a context.
  *
  * Any descendents of this provider can use the `useCountry` and `useAvailableCountries` hooks.

package/dist/esnext/components/LocalizationProvider/LocalizationProvider.server.js

@@ -4,7 +4,7 @@ import { useShopQuery } from '../../hooks/useShopQuery';
 import { Localization } from '../../graphql/graphql-constants';
 /**
  * The `LocalizationProvider` component automatically queries the Storefront API's
- * [`localization`](/api/storefront/reference/common-objects/queryroot#localization-2021-10) field
+ * [`localization`](/api/storefront/reference/common-objects/queryroot) field
  * for the `isoCode` and `name` of the `country` and `availableCountries` and keeps this information in a context.
  *
  * Any descendents of this provider can use the `useCountry` and `useAvailableCountries` hooks.
@@ -12,6 +12,9 @@ import { Localization } from '../../graphql/graphql-constants';
  * [`@inContext`](/api/storefront/reference/directives/incontext) directive as the `country` value.
  */
 export function LocalizationProvider({ children }) {
-    const { data: { localization }, } = useShopQuery({ query: Localization });
+    const { data: { localization }, } = useShopQuery({
+        query: Localization,
+        cache: { maxAge: 60 * 60, staleWhileRevalidate: 60 * 60 * 23 },
+    });
     return (React.createElement(LocalizationClientProvider, { localization: localization }, children));
 }

package/dist/esnext/components/LocalizationProvider/index.d.ts

@@ -1 +1,2 @@
-export { useCountry, useAvailableCountries } from './hooks';
+export { useCountry } from '../../hooks/useCountry/useCountry';
+export { useAvailableCountries } from '../../hooks/useAvailableCountries/useAvailableCountries';

package/dist/esnext/components/LocalizationProvider/index.js

@@ -1 +1,2 @@
-export { useCountry, useAvailableCountries } from './hooks';
+export { useCountry } from '../../hooks/useCountry/useCountry';
+export { useAvailableCountries } from '../../hooks/useAvailableCountries/useAvailableCountries';

package/dist/esnext/components/Model3D/Model3D.client.d.ts

@@ -10,7 +10,7 @@ export interface Model3DProps {
     model: {
         id?: Model3DType['id'];
         alt: Model3DType['alt'];
-        previewImage?: Pick<Image, 'originalSrc'>;
+        previewImage?: Pick<Image, 'url'>;
         sources: Pick<Model3dSource, 'url'>[];
     };
     /** A string of either `auto`, `lazy`, or `eager` to indicate the conditions for preloading. Refer to [`loading` in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-loading-attributes-loading). */

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

@@ -6,7 +6,7 @@ import { Model3DFragment as Fragment } from '../../graphql/graphql-constants';
  * the Storefront API's [`Model3d` object](/api/storefront/reference/products/model3d).
  */
 export function Model3D(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const [modelViewer, setModelViewer] = useState(undefined);
     const callbackRef = useCallback((node) => {
         setModelViewer(node);
@@ -109,7 +109,7 @@ export function Model3D(props) {
         // TODO: What do we want to display while the model-viewer library loads?
         return null;
     }
-    return (React.createElement("model-viewer", { ref: callbackRef, ...passthroughProps, class: className, id: id, src: model.sources[0].url, alt: model.alt, "camera-controls": (_a = passthroughProps.cameraControls) !== null && _a !== void 0 ? _a : true, poster: (_b = model.previewImage) === null || _b === void 0 ? void 0 : _b.originalSrc, autoplay: (_c = passthroughProps.autoplay) !== null && _c !== void 0 ? _c : true, loading: passthroughProps.loading, reveal: passthroughProps.reveal, ar: passthroughProps.ar, "ar-modes": passthroughProps.arModes, "ar-scale": passthroughProps.arScale, "ar-placement": passthroughProps.arPlacement, "ios-src": passthroughProps.iosSrc, "touch-action": passthroughProps.touchAction, "disable-zoom": passthroughProps.disableZoom, "orbit-sensitivity": passthroughProps.orbitSensitivity, "auto-rotate": passthroughProps.autoRotate, "auto-rotate-delay": passthroughProps.autoRotateDelay, "rotation-per-second": passthroughProps.rotationPerSecond, "interaction-policy": passthroughProps.interactionPolicy, "interaction-prompt": (_d = passthroughProps.interactionPrompt) !== null && _d !== void 0 ? _d : 'none', "interaction-prompt-styles": passthroughProps.interactionPromptStyle, "interaction-prompt-threshold": passthroughProps.interactionPromptThreshold, "camera-orbit": passthroughProps.cameraOrbit, "camera-target": passthroughProps.cameraTarget, "field-of-view": passthroughProps.fieldOfView, "max-camera-orbit": passthroughProps.maxCameraOrbit, "min-camera-orbit": passthroughProps.minCameraOrbit, "max-field-of-view": passthroughProps.maxFieldOfView, "min-field-of-view": passthroughProps.minFieldOfView, bounds: passthroughProps.bounds, "interpolation-decay": (_e = passthroughProps.interpolationDecay) !== null && _e !== void 0 ? _e : 100, "skybox-image": passthroughProps.skyboxImage, "environment-image": passthroughProps.environmentImage, exposure: passthroughProps.exposure, "shadow-intensity": (_f = passthroughProps.shadowIntensity) !== null && _f !== void 0 ? _f : 0, "shadow-softness": (_g = passthroughProps.shadowSoftness) !== null && _g !== void 0 ? _g : 0, "animation-name": passthroughProps.animationName, "animation-crossfade-duration": passthroughProps.animationCrossfadeDuration, "variant-name": passthroughProps.variantName, orientation: passthroughProps.orientation, scale: passthroughProps.scale }, children));
+    return (React.createElement("model-viewer", { ref: callbackRef, ...passthroughProps, class: className, id: id, src: model.sources[0].url, alt: model.alt, "camera-controls": (_a = passthroughProps.cameraControls) !== null && _a !== void 0 ? _a : true, poster: (_b = model.previewImage) === null || _b === void 0 ? void 0 : _b.url, autoplay: (_c = passthroughProps.autoplay) !== null && _c !== void 0 ? _c : true, loading: passthroughProps.loading, reveal: passthroughProps.reveal, ar: passthroughProps.ar, "ar-modes": passthroughProps.arModes, "ar-scale": passthroughProps.arScale, "ar-placement": passthroughProps.arPlacement, "ios-src": passthroughProps.iosSrc, "touch-action": passthroughProps.touchAction, "disable-zoom": passthroughProps.disableZoom, "orbit-sensitivity": passthroughProps.orbitSensitivity, "auto-rotate": passthroughProps.autoRotate, "auto-rotate-delay": passthroughProps.autoRotateDelay, "rotation-per-second": passthroughProps.rotationPerSecond, "interaction-policy": passthroughProps.interactionPolicy, "interaction-prompt": passthroughProps.interactionPrompt, "interaction-prompt-style": passthroughProps.interactionPromptStyle, "interaction-prompt-threshold": passthroughProps.interactionPromptThreshold, "camera-orbit": passthroughProps.cameraOrbit, "camera-target": passthroughProps.cameraTarget, "field-of-view": passthroughProps.fieldOfView, "max-camera-orbit": passthroughProps.maxCameraOrbit, "min-camera-orbit": passthroughProps.minCameraOrbit, "max-field-of-view": passthroughProps.maxFieldOfView, "min-field-of-view": passthroughProps.minFieldOfView, bounds: passthroughProps.bounds, "interpolation-decay": (_d = passthroughProps.interpolationDecay) !== null && _d !== void 0 ? _d : 100, "skybox-image": passthroughProps.skyboxImage, "environment-image": passthroughProps.environmentImage, exposure: passthroughProps.exposure, "shadow-intensity": (_e = passthroughProps.shadowIntensity) !== null && _e !== void 0 ? _e : 0, "shadow-softness": (_f = passthroughProps.shadowSoftness) !== null && _f !== void 0 ? _f : 0, "animation-name": passthroughProps.animationName, "animation-crossfade-duration": passthroughProps.animationCrossfadeDuration, "variant-name": passthroughProps.variantName, orientation: passthroughProps.orientation, scale: passthroughProps.scale }, children));
 }
 Model3D.Fragment = Fragment;
 export const Model3DFragment = Fragment;