@shopify/hydrogen-react 2022.7.0 → 2022.7.1

package/dist/prod/useMoney.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
+const require$$0 = require("react");
 const ShopifyProvider = require("./ShopifyProvider.cjs");
 function useMoney(money) {
   const {
@@ -10,7 +10,7 @@ function useMoney(money) {
     throw new Error(`useMoney(): Unable to get 'locale' from 'useShop()', which means that 'locale' was not passed to '<ShopifyProvider/>'. 'locale' is required for 'useMoney()' to work`);
   }
   const amount = parseFloat(money.amount);
-  const options = react.useMemo(() => ({
+  const options = require$$0.useMemo(() => ({
     style: "currency",
     currency: money.currencyCode
   }), [money.currencyCode]);
@@ -34,7 +34,7 @@ function useMoney(money) {
     maximumFractionDigits: 0
   });
   const isPartCurrency = (part) => part.type === "currency";
-  const lazyFormatters = react.useMemo(() => ({
+  const lazyFormatters = require$$0.useMemo(() => ({
     original: () => money,
     currencyCode: () => money.currencyCode,
     localizedString: () => defaultFormatter().format(amount),
@@ -55,7 +55,7 @@ function useMoney(money) {
     },
     amount: () => defaultFormatter().formatToParts(amount).filter((part) => ["decimal", "fraction", "group", "integer", "literal"].includes(part.type)).map((part) => part.value).join("")
   }), [money, amount, nameFormatter, defaultFormatter, narrowSymbolFormatter, withoutCurrencyFormatter, withoutTrailingZerosFormatter, withoutTrailingZerosOrCurrencyFormatter]);
-  return react.useMemo(() => new Proxy(lazyFormatters, {
+  return require$$0.useMemo(() => new Proxy(lazyFormatters, {
     get: (target, key) => {
       var _a;
       return (_a = Reflect.get(target, key)) == null ? void 0 : _a.call(null);
@@ -63,7 +63,7 @@ function useMoney(money) {
   }), [lazyFormatters]);
 }
 function useLazyFormatter(locale, options) {
-  return react.useMemo(() => {
+  return require$$0.useMemo(() => {
     let memoized;
     return () => memoized != null ? memoized : memoized = new Intl.NumberFormat(locale, options);
   }, [locale, options]);

package/dist/prod/useMoney.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMoney.cjs","sources":["../../src/useMoney.tsx"],"sourcesContent":["import {useMemo} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {CurrencyCode, MoneyV2} from './storefront-api-types.js';\n\nexport type UseMoneyValue = {\n  /**\n   * The currency code from the `MoneyV2` object.\n   */\n  currencyCode: CurrencyCode;\n  /**\n   * The name for the currency code, returned by `Intl.NumberFormat`.\n   */\n  currencyName?: string;\n  /**\n   * The currency symbol returned by `Intl.NumberFormat`.\n   */\n  currencySymbol?: string;\n  /**\n   * The currency narrow symbol returned by `Intl.NumberFormat`.\n   */\n  currencyNarrowSymbol?: string;\n  /**\n   * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.\n   */\n  amount: string;\n  /**\n   * All parts returned by `Intl.NumberFormat.formatToParts`.\n   */\n  parts: Intl.NumberFormatPart[];\n  /**\n   * A string returned by `new Intl.NumberFormat` for the amount and currency code,\n   * using the `locale` value in the [`LocalizationProvider` component](https://shopify.dev/api/hydrogen/components/localization/localizationprovider).\n   */\n  localizedString: string;\n  /**\n   * The `MoneyV2` object provided as an argument to the hook.\n   */\n  original: MoneyV2;\n  /**\n   * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `$640`.\n   * `$640.42` remains `$640.42`.\n   */\n  withoutTrailingZeros: string;\n  /**\n   * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `640`.\n   * `$640.42` turns into `640.42`.\n   */\n  withoutTrailingZerosAndCurrency: string;\n};\n\n/**\n * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a\n * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by\n * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).\n * Uses `locale` from `ShopifyProvider`\n */\nexport function useMoney(money: MoneyV2): UseMoneyValue {\n  const {locale} = useShop();\n\n  if (!locale) {\n    throw new Error(\n      `useMoney(): Unable to get 'locale' from 'useShop()', which means that 'locale' was not passed to '<ShopifyProvider/>'. 'locale' is required for 'useMoney()' to work`\n    );\n  }\n\n  const amount = parseFloat(money.amount);\n\n  const options = useMemo(\n    () => ({\n      style: 'currency',\n      currency: money.currencyCode,\n    }),\n    [money.currencyCode]\n  );\n\n  const defaultFormatter = useLazyFormatter(locale, options);\n\n  const nameFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'name',\n  });\n\n  const narrowSymbolFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'narrowSymbol',\n  });\n\n  const withoutTrailingZerosFormatter = useLazyFormatter(locale, {\n    ...options,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const withoutCurrencyFormatter = useLazyFormatter(locale);\n\n  const withoutTrailingZerosOrCurrencyFormatter = useLazyFormatter(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const isPartCurrency = (part: Intl.NumberFormatPart) =>\n    part.type === 'currency';\n\n  // By wrapping these properties in functions, we only\n  // create formatters if they are going to be used.\n  const lazyFormatters = useMemo(\n    () => ({\n      original: () => money,\n      currencyCode: () => money.currencyCode,\n\n      localizedString: () => defaultFormatter().format(amount),\n\n      parts: () => defaultFormatter().formatToParts(amount),\n\n      withoutTrailingZeros: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosFormatter().format(amount)\n          : defaultFormatter().format(amount),\n\n      withoutTrailingZerosAndCurrency: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosOrCurrencyFormatter().format(amount)\n          : withoutCurrencyFormatter().format(amount),\n\n      currencyName: () =>\n        nameFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"US dollars\"\n\n      currencySymbol: () =>\n        defaultFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"USD\"\n\n      currencyNarrowSymbol: () =>\n        narrowSymbolFormatter().formatToParts(amount).find(isPartCurrency)\n          ?.value ?? '', // e.g. \"$\"\n\n      amount: () =>\n        defaultFormatter()\n          .formatToParts(amount)\n          .filter((part) =>\n            ['decimal', 'fraction', 'group', 'integer', 'literal'].includes(\n              part.type\n            )\n          )\n          .map((part) => part.value)\n          .join(''),\n    }),\n    [\n      money,\n      amount,\n      nameFormatter,\n      defaultFormatter,\n      narrowSymbolFormatter,\n      withoutCurrencyFormatter,\n      withoutTrailingZerosFormatter,\n      withoutTrailingZerosOrCurrencyFormatter,\n    ]\n  );\n\n  // Call functions automatically when the properties are accessed\n  // to keep these functions as an implementation detail.\n  return useMemo(\n    () =>\n      new Proxy(lazyFormatters as unknown as UseMoneyValue, {\n        get: (target, key) => Reflect.get(target, key)?.call(null),\n      }),\n    [lazyFormatters]\n  );\n}\n\nfunction useLazyFormatter(locale: string, options?: Intl.NumberFormatOptions) {\n  return useMemo(() => {\n    let memoized: Intl.NumberFormat;\n    return () => (memoized ??= new Intl.NumberFormat(locale, options));\n  }, [locale, options]);\n}\n"],"names":["useMoney","money","locale","useShop","Error","amount","parseFloat","options","useMemo","style","currency","currencyCode","defaultFormatter","useLazyFormatter","nameFormatter","currencyDisplay","narrowSymbolFormatter","withoutTrailingZerosFormatter","minimumFractionDigits","maximumFractionDigits","withoutCurrencyFormatter","withoutTrailingZerosOrCurrencyFormatter","isPartCurrency","part","type","lazyFormatters","original","localizedString","format","parts","formatToParts","withoutTrailingZeros","withoutTrailingZerosAndCurrency","currencyName","find","value","currencySymbol","currencyNarrowSymbol","filter","includes","map","join","Proxy","get","target","key","Reflect","call","memoized","Intl","NumberFormat"],"mappings":"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"}
+{"version":3,"file":"useMoney.cjs","sources":["../../src/useMoney.tsx"],"sourcesContent":["import {useMemo} from 'react';\nimport {useShop} from './ShopifyProvider.js';\nimport {CurrencyCode, MoneyV2} from './storefront-api-types.js';\n\nexport type UseMoneyValue = {\n  /**\n   * The currency code from the `MoneyV2` object.\n   */\n  currencyCode: CurrencyCode;\n  /**\n   * The name for the currency code, returned by `Intl.NumberFormat`.\n   */\n  currencyName?: string;\n  /**\n   * The currency symbol returned by `Intl.NumberFormat`.\n   */\n  currencySymbol?: string;\n  /**\n   * The currency narrow symbol returned by `Intl.NumberFormat`.\n   */\n  currencyNarrowSymbol?: string;\n  /**\n   * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.\n   */\n  amount: string;\n  /**\n   * All parts returned by `Intl.NumberFormat.formatToParts`.\n   */\n  parts: Intl.NumberFormatPart[];\n  /**\n   * A string returned by `new Intl.NumberFormat` for the amount and currency code,\n   * using the `locale` value in the [`LocalizationProvider` component](https://shopify.dev/api/hydrogen/components/localization/localizationprovider).\n   */\n  localizedString: string;\n  /**\n   * The `MoneyV2` object provided as an argument to the hook.\n   */\n  original: MoneyV2;\n  /**\n   * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `$640`.\n   * `$640.42` remains `$640.42`.\n   */\n  withoutTrailingZeros: string;\n  /**\n   * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.\n   * For example, `$640.00` turns into `640`.\n   * `$640.42` turns into `640.42`.\n   */\n  withoutTrailingZerosAndCurrency: string;\n};\n\n/**\n * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a\n * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by\n * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).\n * Uses `locale` from `ShopifyProvider`\n */\nexport function useMoney(money: MoneyV2): UseMoneyValue {\n  const {locale} = useShop();\n\n  if (!locale) {\n    throw new Error(\n      `useMoney(): Unable to get 'locale' from 'useShop()', which means that 'locale' was not passed to '<ShopifyProvider/>'. 'locale' is required for 'useMoney()' to work`\n    );\n  }\n\n  const amount = parseFloat(money.amount);\n\n  const options = useMemo(\n    () => ({\n      style: 'currency',\n      currency: money.currencyCode,\n    }),\n    [money.currencyCode]\n  );\n\n  const defaultFormatter = useLazyFormatter(locale, options);\n\n  const nameFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'name',\n  });\n\n  const narrowSymbolFormatter = useLazyFormatter(locale, {\n    ...options,\n    currencyDisplay: 'narrowSymbol',\n  });\n\n  const withoutTrailingZerosFormatter = useLazyFormatter(locale, {\n    ...options,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const withoutCurrencyFormatter = useLazyFormatter(locale);\n\n  const withoutTrailingZerosOrCurrencyFormatter = useLazyFormatter(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n\n  const isPartCurrency = (part: Intl.NumberFormatPart) =>\n    part.type === 'currency';\n\n  // By wrapping these properties in functions, we only\n  // create formatters if they are going to be used.\n  const lazyFormatters = useMemo(\n    () => ({\n      original: () => money,\n      currencyCode: () => money.currencyCode,\n\n      localizedString: () => defaultFormatter().format(amount),\n\n      parts: () => defaultFormatter().formatToParts(amount),\n\n      withoutTrailingZeros: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosFormatter().format(amount)\n          : defaultFormatter().format(amount),\n\n      withoutTrailingZerosAndCurrency: () =>\n        amount % 1 === 0\n          ? withoutTrailingZerosOrCurrencyFormatter().format(amount)\n          : withoutCurrencyFormatter().format(amount),\n\n      currencyName: () =>\n        nameFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"US dollars\"\n\n      currencySymbol: () =>\n        defaultFormatter().formatToParts(amount).find(isPartCurrency)?.value ??\n        money.currencyCode, // e.g. \"USD\"\n\n      currencyNarrowSymbol: () =>\n        narrowSymbolFormatter().formatToParts(amount).find(isPartCurrency)\n          ?.value ?? '', // e.g. \"$\"\n\n      amount: () =>\n        defaultFormatter()\n          .formatToParts(amount)\n          .filter((part) =>\n            ['decimal', 'fraction', 'group', 'integer', 'literal'].includes(\n              part.type\n            )\n          )\n          .map((part) => part.value)\n          .join(''),\n    }),\n    [\n      money,\n      amount,\n      nameFormatter,\n      defaultFormatter,\n      narrowSymbolFormatter,\n      withoutCurrencyFormatter,\n      withoutTrailingZerosFormatter,\n      withoutTrailingZerosOrCurrencyFormatter,\n    ]\n  );\n\n  // Call functions automatically when the properties are accessed\n  // to keep these functions as an implementation detail.\n  return useMemo(\n    () =>\n      new Proxy(lazyFormatters as unknown as UseMoneyValue, {\n        get: (target, key) => Reflect.get(target, key)?.call(null),\n      }),\n    [lazyFormatters]\n  );\n}\n\nfunction useLazyFormatter(locale: string, options?: Intl.NumberFormatOptions) {\n  return useMemo(() => {\n    let memoized: Intl.NumberFormat;\n    return () => (memoized ??= new Intl.NumberFormat(locale, options));\n  }, [locale, options]);\n}\n"],"names":["useMoney","money","locale","useShop","Error","amount","parseFloat","options","useMemo","style","currency","currencyCode","defaultFormatter","useLazyFormatter","nameFormatter","currencyDisplay","narrowSymbolFormatter","withoutTrailingZerosFormatter","minimumFractionDigits","maximumFractionDigits","withoutCurrencyFormatter","withoutTrailingZerosOrCurrencyFormatter","isPartCurrency","part","type","lazyFormatters","original","localizedString","format","parts","formatToParts","withoutTrailingZeros","withoutTrailingZerosAndCurrency","currencyName","find","value","currencySymbol","currencyNarrowSymbol","filter","includes","map","join","Proxy","get","target","key","Reflect","call","memoized","Intl","NumberFormat"],"mappings":"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"}

package/dist/types/CartProvider.d.ts

@@ -0,0 +1,61 @@
+import { CartBuyerIdentityInput, CountryCode, Cart as CartType } from './storefront-api-types.js';
+import { CartWithActions } from './cart-types.js';
+import { PartialDeep } from 'type-fest';
+export declare const CartContext: import("react").Context<CartWithActions | null>;
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCart(): CartWithActions;
+export declare function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, onCreateComplete, onLineAddComplete, onLineRemoveComplete, onLineUpdateComplete, onNoteUpdateComplete, onBuyerIdentityUpdateComplete, onAttributesUpdateComplete, onDiscountCodesUpdateComplete, data: cart, cartFragment, customerAccessToken, countryCode, }: {
+    /** Any `ReactNode` elements. */
+    children: React.ReactNode;
+    /**  Maximum number of cart lines to fetch. Defaults to 250 cart lines. */
+    numCartLines?: number;
+    /** A callback that is invoked when the process to create a cart begins, but before the cart is created in the Storefront API. */
+    onCreate?: () => void;
+    /** A callback that is invoked when the process to add a line item to the cart begins, but before the line item is added to the Storefront API. */
+    onLineAdd?: () => void;
+    /** A callback that is invoked when the process to remove a line item to the cart begins, but before the line item is removed from the Storefront API. */
+    onLineRemove?: () => void;
+    /** A callback that is invoked when the process to update a line item in the cart begins, but before the line item is updated in the Storefront API. */
+    onLineUpdate?: () => void;
+    /** A callback that is invoked when the process to add or update a note in the cart begins, but before the note is added or updated in the Storefront API. */
+    onNoteUpdate?: () => void;
+    /** A callback that is invoked when the process to update the buyer identity begins, but before the buyer identity is updated in the Storefront API. */
+    onBuyerIdentityUpdate?: () => void;
+    /** A callback that is invoked when the process to update the cart attributes begins, but before the attributes are updated in the Storefront API. */
+    onAttributesUpdate?: () => void;
+    /** A callback that is invoked when the process to update the cart discount codes begins, but before the discount codes are updated in the Storefront API. */
+    onDiscountCodesUpdate?: () => void;
+    /** A callback that is invoked when the process to create a cart completes */
+    onCreateComplete?: () => void;
+    /** A callback that is invoked when the process to add a line item to the cart completes */
+    onLineAddComplete?: () => void;
+    /** A callback that is invoked when the process to remove a line item to the cart completes */
+    onLineRemoveComplete?: () => void;
+    /** A callback that is invoked when the process to update a line item in the cart completes */
+    onLineUpdateComplete?: () => void;
+    /** A callback that is invoked when the process to add or update a note in the cart completes */
+    onNoteUpdateComplete?: () => void;
+    /** A callback that is invoked when the process to update the buyer identity completes */
+    onBuyerIdentityUpdateComplete?: () => void;
+    /** A callback that is invoked when the process to update the cart attributes completes */
+    onAttributesUpdateComplete?: () => void;
+    /** A callback that is invoked when the process to update the cart discount codes completes */
+    onDiscountCodesUpdateComplete?: () => void;
+    /** An object with fields that correspond to the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart). */
+    data?: PartialDeep<CartType, {
+        recurseIntoArrays: true;
+    }>;
+    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
+    cartFragment?: string;
+    /** A customer access token that's accessible on the server if there's a customer login. */
+    customerAccessToken?: CartBuyerIdentityInput['customerAccessToken'];
+    /** The ISO country code for i18n. */
+    countryCode?: CountryCode;
+}): JSX.Element;
+/** Check for storage availability funciton obtained from
+ * https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
+ */
+export declare function storageAvailable(type: 'localStorage' | 'sessionStorage'): boolean | undefined;
+export declare const defaultCartFragment = "\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  totalQuantity\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        cost {\n          totalAmount {\n            amount\n            currencyCode\n          }\n          compareAtAmountPerQuantity {\n            amount\n            currencyCode\n          }\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  cost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";

package/dist/types/MediaFile.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type ShopifyImageProps } from './Image.js';
 import { Video } from './Video.js';
 import { ExternalVideo } from './ExternalVideo.js';

package/dist/types/Money.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { MoneyV2, UnitPriceMeasurement } from './storefront-api-types.js';
 import type { PartialDeep } from 'type-fest';
 interface CustomProps<ComponentGeneric extends React.ElementType> {

package/dist/types/ProductPrice.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Product } from './storefront-api-types.js';
 import { type MoneyProps } from './Money.js';
 import type { PartialDeep } from 'type-fest';

package/dist/types/cart-constants.d.ts

@@ -0,0 +1,8 @@
+export declare const CART_ID_STORAGE_KEY = "shopifyCartId";
+export declare const CART_COOKIE_TTL_DAYS = 14;
+export declare const STOREFRONT_API_PUBLIC_TOKEN_HEADER = "X-Shopify-Storefront-Access-Token";
+export declare const SHOPIFY_STOREFRONT_ID_HEADER = "Shopify-Storefront-Id";
+export declare const SHOPIFY_STOREFRONT_Y_HEADER = "Shopify-Storefront-Y";
+export declare const SHOPIFY_STOREFRONT_S_HEADER = "Shopify-Storefront-S";
+export declare const SHOPIFY_Y = "_shopify_y";
+export declare const SHOPIFY_S = "_shopify_s";

package/dist/types/cart-hooks.d.ts

@@ -0,0 +1,24 @@
+import { CartInput } from './storefront-api-types.js';
+import type { StorefrontApiResponseOkPartial } from './storefront-api-response.types.js';
+export declare function useCartFetch(): <ReturnDataGeneric>({ query, variables, }: {
+    query: string;
+    variables: Record<string, unknown>;
+}) => Promise<StorefrontApiResponseOkPartial<ReturnDataGeneric>>;
+export declare function useInstantCheckout(): {
+    cart: import("type-fest/source/partial-deep.js").PartialObjectDeep<{
+        id?: string | undefined;
+        lines: import("./storefront-api-types.js").CartLine[];
+        checkoutUrl?: string | undefined;
+        note?: string | undefined;
+        buyerIdentity?: import("./storefront-api-types.js").CartBuyerIdentity | undefined;
+        attributes: import("./storefront-api-types.js").Attribute[];
+        discountCodes?: import("./storefront-api-types.js").CartDiscountCode[] | undefined;
+        cost?: import("./storefront-api-types.js").CartCost | undefined;
+        totalQuantity: number;
+    }, {
+        recurseIntoArrays: true;
+    }> | undefined;
+    checkoutUrl: string | undefined;
+    error: string | undefined;
+    createInstantCheckout: (cartInput: CartInput) => Promise<void>;
+};

package/dist/types/cart-queries.d.ts

@@ -0,0 +1,10 @@
+export declare const CartLineAdd: (cartFragment: string) => string;
+export declare const CartCreate: (cartFragment: string) => string;
+export declare const CartLineRemove: (cartFragment: string) => string;
+export declare const CartLineUpdate: (cartFragment: string) => string;
+export declare const CartNoteUpdate: (cartFragment: string) => string;
+export declare const CartBuyerIdentityUpdate: (cartFragment: string) => string;
+export declare const CartAttributesUpdate: (cartFragment: string) => string;
+export declare const CartDiscountCodesUpdate: (cartFragment: string) => string;
+export declare const CartQuery: (cartFragment: string) => string;
+export declare const defaultCartFragment = "\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  totalQuantity\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        cost {\n          totalAmount {\n            amount\n            currencyCode\n          }\n          compareAtAmountPerQuantity {\n            amount\n            currencyCode\n          }\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n              id\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  cost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";

package/dist/types/cart-types.d.ts

@@ -0,0 +1,289 @@
+import { Cart as CartType, CartInput, CartLine, CartLineInput, CartLineUpdateInput, MutationCartNoteUpdateArgs, CartBuyerIdentityInput, MutationCartAttributesUpdateArgs } from './storefront-api-types.js';
+import { StateMachine } from '@xstate/fsm';
+import type { PartialDeep } from 'type-fest';
+export declare type CartStatus = CartState['status'];
+export declare type Cart = PartialDeep<{
+    /** The cart's ID if it has been created through the Storefront API. */
+    id?: string;
+    /** The cart lines. */
+    lines: CartLine[];
+    /** The checkout URL for the cart, if the cart has been created in the Storefront API. */
+    checkoutUrl?: string;
+    /** The cart's note. */
+    note?: string;
+    /** The cart's buyer identity. */
+    buyerIdentity?: CartType['buyerIdentity'];
+    /** The cart's attributes. */
+    attributes: CartType['attributes'];
+    /** The discount codes applied to the cart. */
+    discountCodes?: CartType['discountCodes'];
+    /** The cost for the cart, including the subtotal, total, taxes, and duties. */
+    cost?: CartType['cost'];
+    /** The total number of items in the cart, across all lines. If there are no lines, then the value is 0. */
+    totalQuantity: number;
+}, {
+    recurseIntoArrays: true;
+}>;
+export interface CartWithActions extends Cart {
+    /** The status of the cart. This returns 'uninitialized' when the cart is not yet created, `creating` when the cart is being created, `fetching` when an existing cart is being fetched, `updating` when the cart is updating, and `idle` when the cart isn't being created or updated. */
+    status: CartStatus;
+    /** If an error occurred on the previous cart action, then `error` will exist and `cart` will be put back into the last valid status it was in. */
+    error?: unknown;
+    /** A callback that creates a cart. Expects the same input you would provide to the Storefront API's `cartCreate` mutation. */
+    cartCreate: (cart: CartInput) => void;
+    /** A callback that adds lines to the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesAdd` mutation. If a cart doesn't already exist, then it will create the cart for you. */
+    linesAdd: (lines: CartLineInput[]) => void;
+    /** A callback that removes lines from the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesRemove` mutation. Only lines that are included in the `lines` parameter will be in the cart afterwards. */
+    linesRemove: (lines: string[]) => void;
+    /** A callback that updates lines in the cart. Expects the same `lines` input that you would provide to the Storefront API's `cartLinesUpdate` mutation. If a line item is not included in the `lines` parameter, it will still exist in the cart and will not be changed. */
+    linesUpdate: (lines: CartLineUpdateInput[]) => void;
+    /** A callback that updates the note in the cart. Expects the same `note` input that you would provide to the Storefront API's `cartNoteUpdate` mutation. */
+    noteUpdate: (note: MutationCartNoteUpdateArgs['note']) => void;
+    /** A callback that updates the buyer identity in the cart. Expects the same `buyerIdentity` input that you would provide to the Storefront API's `cartBuyerIdentityUpdate` mutation. */
+    buyerIdentityUpdate: (buyerIdenity: CartBuyerIdentityInput) => void;
+    /** A callback that updates the cart attributes. Expects the same `attributes` input that you would provide to the Storefront API's `cartAttributesUpdate` mutation. */
+    cartAttributesUpdate: (attributes: MutationCartAttributesUpdateArgs['attributes']) => void;
+    /** A callback that updates the cart's discount codes. Expects the same `codes` input that you would provide to the Storefront API's `cartDiscountCodesUpdate` mutation. */
+    discountCodesUpdate: (discountCodes: string[]) => void;
+    /** The total number of items in the cart, across all lines. If there are no lines, then the value is 0. */
+    totalQuantity: number;
+    /** The fragment used to query the cart object for all queries and mutations. */
+    cartFragment: string;
+}
+export declare type CartState = 
+/** A cart has not been created yet, or an error occurred when a cart was attempting to be created or fetched. */
+{
+    status: 'uninitialized';
+    error?: string;
+}
+/** An existing cart is being fetched from the Storefront API. */
+ | {
+    status: 'fetching';
+}
+/** A new cart is being created through the Storefront API. */
+ | {
+    status: 'creating';
+}
+/** The cart is in the process of being updated. */
+ | {
+    status: 'updating';
+    cart: Cart;
+    lastValidCart: Cart;
+}
+/** The cart has been created and no action is currently happening. */
+ | {
+    status: 'idle';
+    cart: Cart;
+    error?: string;
+};
+export declare type CartAction = {
+    type: 'cartFetch';
+} | {
+    type: 'cartCreate';
+} | {
+    type: 'addLineItem';
+} | {
+    type: 'removeLineItem';
+    lines: string[];
+} | {
+    type: 'updateLineItem';
+    lines: CartLineUpdateInput[];
+} | {
+    type: 'noteUpdate';
+} | {
+    type: 'buyerIdentityUpdate';
+} | {
+    type: 'cartAttributesUpdate';
+} | {
+    type: 'discountCodesUpdate';
+} | {
+    type: 'resolve';
+    cart: Cart;
+    rawCartResult?: PartialDeep<CartType, {
+        recurseIntoArrays: true;
+    }>;
+} | {
+    type: 'reject';
+    errors: unknown;
+} | {
+    type: 'resetCart';
+};
+export declare type CartMachineContext = {
+    cart?: PartialDeep<Cart, {
+        recurseIntoArrays: true;
+    }>;
+    lastValidCart?: PartialDeep<Cart, {
+        recurseIntoArrays: true;
+    }>;
+    rawCartResult?: PartialDeep<CartType, {
+        recurseIntoArrays: true;
+    }>;
+    prevCart?: PartialDeep<Cart, {
+        recurseIntoArrays: true;
+    }>;
+    errors?: unknown;
+};
+export declare type CartFetchEvent = {
+    type: 'CART_FETCH';
+    payload: {
+        cartId: string;
+    };
+};
+export declare type CartCreateEvent = {
+    type: 'CART_CREATE';
+    payload: CartInput;
+};
+export declare type CartSetEvent = {
+    type: 'CART_SET';
+    payload: {
+        cart: CartType;
+    };
+};
+export declare type CartLineAddEvent = {
+    type: 'CARTLINE_ADD';
+    payload: {
+        lines: CartLineInput[];
+    };
+};
+export declare type CartLineRemoveEvent = {
+    type: 'CARTLINE_REMOVE';
+    payload: {
+        lines: string[];
+    };
+};
+export declare type CartLineUpdateEvent = {
+    type: 'CARTLINE_UPDATE';
+    payload: {
+        lines: CartLineUpdateInput[];
+    };
+};
+export declare type NoteUpdateEvent = {
+    type: 'NOTE_UPDATE';
+    payload: {
+        note: MutationCartNoteUpdateArgs['note'];
+    };
+};
+export declare type BuyerIdentityUpdateEvent = {
+    type: 'BUYER_IDENTITY_UPDATE';
+    payload: {
+        buyerIdentity: CartBuyerIdentityInput;
+    };
+};
+export declare type CartAttributesUpdateEvent = {
+    type: 'CART_ATTRIBUTES_UPDATE';
+    payload: {
+        attributes: MutationCartAttributesUpdateArgs['attributes'];
+    };
+};
+export declare type DiscountCodesUpdateEvent = {
+    type: 'DISCOUNT_CODES_UPDATE';
+    payload: {
+        discountCodes: string[];
+    };
+};
+export declare type CartMachineActionEvent = CartFetchEvent | CartCreateEvent | CartSetEvent | CartLineAddEvent | CartLineRemoveEvent | CartLineUpdateEvent | NoteUpdateEvent | BuyerIdentityUpdateEvent | CartAttributesUpdateEvent | DiscountCodesUpdateEvent;
+export declare type CartMachineFetchResultEvent = {
+    type: 'CART_COMPLETED';
+    payload: {
+        cartActionEvent: CartMachineActionEvent;
+    };
+} | {
+    type: 'RESOLVE';
+    payload: {
+        cartActionEvent: CartMachineActionEvent;
+        cart: Cart;
+        rawCartResult: PartialDeep<CartType, {
+            recurseIntoArrays: true;
+        }>;
+    };
+} | {
+    type: 'ERROR';
+    payload: {
+        cartActionEvent: CartMachineActionEvent;
+        errors: unknown;
+    };
+};
+export declare type CartMachineEvent = CartMachineActionEvent | CartMachineFetchResultEvent;
+export declare type CartMachineTypeState = {
+    value: 'uninitialized';
+    context: CartMachineContext & {
+        cart: undefined;
+        lastValidCart: undefined;
+        prevCart: undefined;
+        errors?: unknown;
+    };
+} | {
+    value: 'initializationError';
+    context: CartMachineContext & {
+        cart: undefined;
+        lastValidCart: undefined;
+        prevCart: undefined;
+        errors: unknown;
+    };
+} | {
+    value: 'cartCompleted';
+    context: CartMachineContext & {
+        cart: undefined;
+        prevCart?: Cart;
+        lastValidCart: undefined;
+        errors: unknown;
+    };
+} | {
+    value: 'idle';
+    context: CartMachineContext & {
+        cart: Cart;
+        prevCart?: Cart;
+        lastValidCart?: Cart;
+        errors?: unknown;
+    };
+} | {
+    value: 'error';
+    context: CartMachineContext & {
+        cart?: Cart;
+        prevCart?: Cart;
+        lastValidCart?: Cart;
+        errors: unknown;
+    };
+} | {
+    value: 'cartFetching';
+    context: CartMachineContext;
+} | {
+    value: 'cartCreating';
+    context: CartMachineContext;
+} | {
+    value: 'cartLineRemoving';
+    context: CartMachineContext;
+} | {
+    value: 'cartLineUpdating';
+    context: CartMachineContext;
+} | {
+    value: 'cartLineAdding';
+    context: CartMachineContext;
+} | {
+    value: 'noteUpdating';
+    context: CartMachineContext;
+} | {
+    value: 'buyerIdentityUpdating';
+    context: CartMachineContext;
+} | {
+    value: 'cartAttributesUpdating';
+    context: CartMachineContext;
+} | {
+    value: 'discountCodesUpdating';
+    context: CartMachineContext;
+};
+export declare type CartMachineAction = StateMachine.ActionFunction<CartMachineContext, CartMachineEvent>;
+export declare type CartMachineActions = {
+    cartFetchAction: CartMachineAction;
+    cartCreateAction: CartMachineAction;
+    cartLineRemoveAction: CartMachineAction;
+    cartLineUpdateAction: CartMachineAction;
+    cartLineAddAction: CartMachineAction;
+    noteUpdateAction: CartMachineAction;
+    buyerIdentityUpdateAction: CartMachineAction;
+    cartAttributesUpdateAction: CartMachineAction;
+    discountCodesUpdateAction: CartMachineAction;
+    onCartActionEntry?: CartMachineAction;
+    onCartActionOptimisticUI?: StateMachine.AssignActionObject<CartMachineContext, CartMachineEvent>;
+    onCartActionComplete?: CartMachineAction;
+};

package/dist/types/flatten-connection.d.ts

@@ -2,8 +2,10 @@ import type { PartialDeep } from 'type-fest';
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.
  * The utility works with either `nodes` or `edges.node`.
+ *
+ * If `connection` is null or undefined, will return an empty array instead in production. In development, an error will be thrown.
  */
-export declare function flattenConnection<T>(connection: PartialDeep<GraphQLConnection<T>, {
+export declare function flattenConnection<T>(connection?: PartialDeep<GraphQLConnection<T>, {
     recurseIntoArrays: true;
 }>): PartialDeep<T, {
     recurseIntoArrays: true;

package/dist/types/index.d.cts

@@ -1,3 +1,6 @@
+export { useCartFetch, useInstantCheckout } from './cart-hooks.js';
+export type { CartState, CartStatus, Cart, CartWithActions, CartAction, } from './cart-types.js';
+export { CartProvider, useCart } from './CartProvider.js';
 export { ExternalVideo } from './ExternalVideo.js';
 export { flattenConnection } from './flatten-connection.js';
 export { Image } from './Image.js';

package/dist/types/index.d.ts

@@ -1,3 +1,6 @@
+export { useCartFetch, useInstantCheckout } from './cart-hooks.js';
+export type { CartState, CartStatus, Cart, CartWithActions, CartAction, } from './cart-types.js';
+export { CartProvider, useCart } from './CartProvider.js';
 export { ExternalVideo } from './ExternalVideo.js';
 export { flattenConnection } from './flatten-connection.js';
 export { Image } from './Image.js';

package/dist/types/useCartAPIStateMachine.d.ts

@@ -0,0 +1,25 @@
+import { StateMachine } from '@xstate/fsm';
+import { Cart, CartMachineActionEvent, CartMachineContext, CartMachineEvent, CartMachineFetchResultEvent, CartMachineTypeState } from './cart-types.js';
+import { CountryCode, Cart as CartType } from './storefront-api-types.js';
+import type { PartialDeep } from 'type-fest';
+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. */
+    onCartActionEntry?: (context: CartMachineContext, event: CartMachineActionEvent) => void;
+    /** A callback that is invoked after executing the entry actions for optimistic UI changes.  */
+    onCartActionOptimisticUI?: (context: CartMachineContext, event: CartMachineEvent) => Partial<CartMachineContext>;
+    /** A callback that is invoked after a Cart API completes. */
+    onCartActionComplete?: (context: CartMachineContext, event: CartMachineFetchResultEvent) => void;
+    /** An object with fields that correspond to the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart). */
+    data?: PartialDeep<CartType, {
+        recurseIntoArrays: true;
+    }>;
+    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
+    cartFragment: string;
+    /** The ISO country code for i18n. */
+    countryCode?: CountryCode;
+}): readonly [StateMachine.State<CartMachineContext, CartMachineEvent, CartMachineTypeState>, (event: "CART_FETCH" | "CART_CREATE" | "CART_SET" | "CARTLINE_ADD" | "CARTLINE_REMOVE" | "CARTLINE_UPDATE" | "NOTE_UPDATE" | "BUYER_IDENTITY_UPDATE" | "CART_ATTRIBUTES_UPDATE" | "DISCOUNT_CODES_UPDATE" | "CART_COMPLETED" | "RESOLVE" | "ERROR" | CartMachineEvent) => void, StateMachine.Service<CartMachineContext, CartMachineEvent, CartMachineTypeState>];
+export declare function cartFromGraphQL(cart: PartialDeep<CartType, {
+    recurseIntoArrays: true;
+}>): Cart;

package/dist/types/useCartActions.d.ts

@@ -0,0 +1,64 @@
+import { AttributeInput, CartBuyerIdentityInput, CartInput, CartLineInput, CartLineUpdateInput, CountryCode, Cart as CartType, MutationCartDiscountCodesUpdateArgs, MutationCartNoteUpdateArgs } from './storefront-api-types.js';
+import { PartialDeep } from 'type-fest';
+declare type CartResponse = PartialDeep<CartType, {
+    recurseIntoArrays: true;
+}>;
+/**
+ * The `useCartActions` hook returns helper graphql functions for Storefront Cart API
+ *
+ * See [cart API graphql mutations](https://shopify.dev/api/storefront/2022-07/objects/Cart)
+ */
+export declare function useCartActions({ numCartLines, cartFragment, countryCode, }: {
+    /**  Maximum number of cart lines to fetch. Defaults to 250 cart lines. */
+    numCartLines?: number;
+    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
+    cartFragment: string;
+    /** The ISO country code for i18n. */
+    countryCode?: CountryCode;
+}): {
+    cartFetch: (cartId: string) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cart: CartResponse;
+    }>>;
+    cartCreate: (cart: CartInput) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartCreate: {
+            cart: CartResponse;
+        };
+    }>>;
+    cartLineAdd: (cartId: string, lines: CartLineInput[]) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartLinesAdd: {
+            cart: CartResponse;
+        };
+    }>>;
+    cartLineUpdate: (cartId: string, lines: CartLineUpdateInput[]) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartLinesUpdate: {
+            cart: CartResponse;
+        };
+    }>>;
+    cartLineRemove: (cartId: string, lines: string[]) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartLinesRemove: {
+            cart: CartResponse;
+        };
+    }>>;
+    noteUpdate: (cartId: string, note: MutationCartNoteUpdateArgs['note']) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartNoteUpdate: {
+            cart: CartResponse;
+        };
+    }>>;
+    buyerIdentityUpdate: (cartId: string, buyerIdentity: CartBuyerIdentityInput) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartBuyerIdentityUpdate: {
+            cart: CartResponse;
+        };
+    }>>;
+    cartAttributesUpdate: (cartId: string, attributes: AttributeInput[]) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartAttributesUpdate: {
+            cart: CartResponse;
+        };
+    }>>;
+    discountCodesUpdate: (cartId: string, discountCodes: MutationCartDiscountCodesUpdateArgs['discountCodes']) => Promise<import("./storefront-api-response.types.js").StorefrontApiResponseOkPartial<{
+        cartDiscountCodesUpdate: {
+            cart: CartResponse;
+        };
+    }>>;
+    cartFragment: string;
+};
+export {};