@shopify/hydrogen 0.22.0 → 0.24.0

package/dist/node/components/CartCheckoutButton/CartCheckoutButton.client.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartCheckoutButton = void 0;
+const react_1 = __importStar(require("react"));
+const CartProvider_1 = require("../CartProvider");
+/**
+ * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.
+ * It must be a descendent of a `CartProvider` component.
+ */
+function CartCheckoutButton(props) {
+    const [requestedCheckout, setRequestedCheckout] = (0, react_1.useState)(false);
+    const { status, checkoutUrl } = (0, CartProvider_1.useCart)();
+    const { children, ...passthroughProps } = props;
+    (0, react_1.useEffect)(() => {
+        if (requestedCheckout && checkoutUrl && status === 'idle') {
+            window.location.href = checkoutUrl;
+        }
+    }, [requestedCheckout, status, checkoutUrl]);
+    return (react_1.default.createElement("button", { ...passthroughProps, disabled: requestedCheckout || passthroughProps.disabled, onClick: () => setRequestedCheckout(true) }, children));
+}
+exports.CartCheckoutButton = CartCheckoutButton;

package/dist/node/components/CartCheckoutButton/index.d.ts

@@ -0,0 +1 @@
+export { CartCheckoutButton } from './CartCheckoutButton.client';

package/dist/node/components/CartCheckoutButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartCheckoutButton = void 0;
+var CartCheckoutButton_client_1 = require("./CartCheckoutButton.client");
+Object.defineProperty(exports, "CartCheckoutButton", { enumerable: true, get: function () { return CartCheckoutButton_client_1.CartCheckoutButton; } });

package/dist/node/components/CartEstimatedCost/CartEstimatedCost.client.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Money } from '../Money';
+export interface CartEstimatedCostProps {
+    /** A string type that defines the type of cost needed. Valid values: `total`, `subtotal`, `tax`, or `duty`. */
+    amountType?: 'total' | 'subtotal' | 'tax' | 'duty';
+    /** A function that takes an object return by the `useMoney` hook and returns a `ReactNode`. */
+    children?: React.ReactNode;
+}
+/**
+ * The `CartEstimatedCost` component renders a `Money` component with the
+ * cost associated with the `amountType` prop. If no `amountType` prop is specified, then it defaults to `totalAmount`.
+ * If `children` is a function, then it will pass down the render props provided by the parent component.
+ */
+export declare function CartEstimatedCost(props: Omit<React.ComponentProps<typeof Money>, 'data'> & CartEstimatedCostProps): JSX.Element | null;

package/dist/node/components/CartEstimatedCost/CartEstimatedCost.client.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartEstimatedCost = void 0;
+const react_1 = __importDefault(require("react"));
+const CartProvider_1 = require("../CartProvider");
+const Money_1 = require("../Money");
+/**
+ * The `CartEstimatedCost` component renders a `Money` component with the
+ * cost associated with the `amountType` prop. If no `amountType` prop is specified, then it defaults to `totalAmount`.
+ * If `children` is a function, then it will pass down the render props provided by the parent component.
+ */
+function CartEstimatedCost(props) {
+    const { estimatedCost } = (0, CartProvider_1.useCart)();
+    const { amountType = 'total', children, ...passthroughProps } = props;
+    let amount;
+    if (amountType == 'total') {
+        amount = estimatedCost === null || estimatedCost === void 0 ? void 0 : estimatedCost.totalAmount;
+    }
+    else if (amountType == 'subtotal') {
+        amount = estimatedCost === null || estimatedCost === void 0 ? void 0 : estimatedCost.subtotalAmount;
+    }
+    else if (amountType == 'tax') {
+        amount = estimatedCost === null || estimatedCost === void 0 ? void 0 : estimatedCost.totalTaxAmount;
+    }
+    else if (amountType == 'duty') {
+        amount = estimatedCost === null || estimatedCost === void 0 ? void 0 : estimatedCost.totalDutyAmount;
+    }
+    if (amount == null) {
+        return null;
+    }
+    return (react_1.default.createElement(Money_1.Money, { ...passthroughProps, data: amount }, children));
+}
+exports.CartEstimatedCost = CartEstimatedCost;

package/dist/node/components/CartEstimatedCost/index.d.ts

@@ -0,0 +1 @@
+export { CartEstimatedCost } from './CartEstimatedCost.client';

package/dist/node/components/CartEstimatedCost/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartEstimatedCost = void 0;
+var CartEstimatedCost_client_1 = require("./CartEstimatedCost.client");
+Object.defineProperty(exports, "CartEstimatedCost", { enumerable: true, get: function () { return CartEstimatedCost_client_1.CartEstimatedCost; } });

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

@@ -0,0 +1,9 @@
+import { type ShopifyImageProps } from '../Image';
+import type { Simplify } from 'type-fest';
+declare type PropsWeControl = 'data';
+/**
+ * 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(props: Simplify<Omit<ShopifyImageProps, PropsWeControl>>): JSX.Element | null;
+export {};

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineImage = void 0;
+const react_1 = __importDefault(require("react"));
+const CartLineProvider_1 = require("../CartLineProvider");
+const Image_1 = require("../Image");
+/**
+ * The `CartLineImage` component renders an `Image` component for the cart line merchandise's image.
+ * It must be a descendent of a `CartLineProvider` component.
+ */
+function CartLineImage(props) {
+    const cartLine = (0, CartLineProvider_1.useCartLine)();
+    return cartLine.merchandise.image ? (react_1.default.createElement(Image_1.Image, { ...props, data: cartLine.merchandise.image })) : null;
+}
+exports.CartLineImage = CartLineImage;

package/dist/node/components/CartLineImage/index.d.ts

@@ -0,0 +1 @@
+export { CartLineImage } from './CartLineImage.client';

package/dist/node/components/CartLineImage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineImage = void 0;
+var CartLineImage_client_1 = require("./CartLineImage.client");
+Object.defineProperty(exports, "CartLineImage", { enumerable: true, get: function () { return CartLineImage_client_1.CartLineImage; } });

package/dist/node/components/CartLinePrice/CartLinePrice.client.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Money } from '../Money';
+interface CartLinePriceProps {
+    /** The type of price. Valid values:`regular` (default) or `compareAt`. */
+    priceType?: 'regular' | 'compareAt';
+}
+/**
+ * The `CartLinePrice` component renders a `Money` component for the cart line merchandise's price or
+ * compare at price. It must be a descendent of a `CartLineProvider` component.
+ */
+export declare function CartLinePrice(props: Omit<React.ComponentProps<typeof Money>, 'data'> & CartLinePriceProps): JSX.Element | null;
+export {};

package/dist/node/components/CartLinePrice/CartLinePrice.client.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLinePrice = void 0;
+const react_1 = __importDefault(require("react"));
+const CartLineProvider_1 = require("../CartLineProvider");
+const Money_1 = require("../Money");
+/**
+ * The `CartLinePrice` component renders a `Money` component for the cart line merchandise's price or
+ * compare at price. It must be a descendent of a `CartLineProvider` component.
+ */
+function CartLinePrice(props) {
+    const cartLine = (0, CartLineProvider_1.useCartLine)();
+    const { priceType = 'regular', ...passthroughProps } = props;
+    const moneyV2 = priceType === 'regular'
+        ? cartLine.estimatedCost.totalAmount
+        : cartLine.estimatedCost.compareAtAmount;
+    if (moneyV2 == null) {
+        return null;
+    }
+    return react_1.default.createElement(Money_1.Money, { ...passthroughProps, data: moneyV2 });
+}
+exports.CartLinePrice = CartLinePrice;

package/dist/node/components/CartLinePrice/index.d.ts

@@ -0,0 +1 @@
+export { CartLinePrice } from './CartLinePrice.client';

package/dist/node/components/CartLinePrice/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLinePrice = void 0;
+var CartLinePrice_client_1 = require("./CartLinePrice.client");
+Object.defineProperty(exports, "CartLinePrice", { enumerable: true, get: function () { return CartLinePrice_client_1.CartLinePrice; } });

package/dist/node/components/CartLineProductTitle/CartLineProductTitle.client.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The `CartLineProductTitle` component renders a `span` element (or the type of HTML element specified by
+ * the `as` prop) with the cart line merchandise's title. It must be a descendent of a `CartLineProvider` component.
+ */
+export declare function CartLineProductTitle<TTag extends keyof JSX.IntrinsicElements = 'span'>(props: JSX.IntrinsicElements[TTag] & {
+    /** An HTML tag to be rendered as the base element wrapper. The default is `span`.  */
+    as?: TTag;
+}): JSX.Element;

package/dist/node/components/CartLineProductTitle/CartLineProductTitle.client.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineProductTitle = void 0;
+const react_1 = __importDefault(require("react"));
+const CartLineProvider_1 = require("../CartLineProvider");
+/**
+ * The `CartLineProductTitle` component renders a `span` element (or the type of HTML element specified by
+ * the `as` prop) with the cart line merchandise's title. It must be a descendent of a `CartLineProvider` component.
+ */
+function CartLineProductTitle(props) {
+    const cartLine = (0, CartLineProvider_1.useCartLine)();
+    const { as, ...passthroughProps } = props;
+    const Wrapper = as ? as : 'span';
+    return (react_1.default.createElement(Wrapper, { ...passthroughProps }, cartLine.merchandise.product.title));
+}
+exports.CartLineProductTitle = CartLineProductTitle;

package/dist/node/components/CartLineProductTitle/index.d.ts

@@ -0,0 +1 @@
+export { CartLineProductTitle } from './CartLineProductTitle.client';

package/dist/node/components/CartLineProductTitle/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineProductTitle = void 0;
+var CartLineProductTitle_client_1 = require("./CartLineProductTitle.client");
+Object.defineProperty(exports, "CartLineProductTitle", { enumerable: true, get: function () { return CartLineProductTitle_client_1.CartLineProductTitle; } });

package/dist/node/components/CartLineProvider/CartLineProvider.client.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Cart } from '../CartProvider';
+/**
+ * The `CartLineProvider` component creates a context for using a cart line.
+ */
+export declare function CartLineProvider({ children, line, }: {
+    /** Any `ReactNode` elements. */
+    children: ReactNode;
+    /** A cart line object. */
+    line: Cart['lines'][1];
+}): JSX.Element;

package/dist/node/components/CartLineProvider/CartLineProvider.client.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const context_1 = require("./context");
+/**
+ * The `CartLineProvider` component creates a context for using a cart line.
+ */
+function CartLineProvider({ children, line, }) {
+    return (react_1.default.createElement(context_1.CartLineContext.Provider, { value: line }, children));
+}
+exports.CartLineProvider = CartLineProvider;

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

@@ -0,0 +1,36 @@
+export declare const CartLineContext: import("react").Context<({
+    __typename?: "CartLine" | undefined;
+} & Pick<import("../../storefront-api-types").CartLine, "id" | "quantity"> & {
+    attributes: ({
+        __typename?: "Attribute" | undefined;
+    } & Pick<import("../../storefront-api-types").Attribute, "key" | "value">)[];
+    estimatedCost: {
+        __typename?: "CartLineEstimatedCost" | undefined;
+    } & {
+        totalAmount: {
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">;
+        compareAtAmount?: import("../../storefront-api-types").Maybe<{
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">> | undefined;
+    };
+    merchandise: {
+        __typename?: "ProductVariant" | undefined;
+    } & Pick<import("../../storefront-api-types").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
+        compareAtPriceV2?: import("../../storefront-api-types").Maybe<{
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">> | undefined;
+        priceV2: {
+            __typename?: "MoneyV2" | undefined;
+        } & Pick<import("../../storefront-api-types").MoneyV2, "amount" | "currencyCode">;
+        image?: import("../../storefront-api-types").Maybe<{
+            __typename?: "Image" | undefined;
+        } & Pick<import("../../storefront-api-types").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
+        product: {
+            __typename?: "Product" | undefined;
+        } & Pick<import("../../storefront-api-types").Product, "title" | "handle">;
+        selectedOptions: ({
+            __typename?: "SelectedOption" | undefined;
+        } & Pick<import("../../storefront-api-types").SelectedOption, "name" | "value">)[];
+    };
+}) | null>;

package/dist/node/components/CartLineProvider/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineContext = void 0;
+const react_1 = require("react");
+exports.CartLineContext = (0, react_1.createContext)(null);

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCartLine = exports.CartLineProvider = void 0;
+var CartLineProvider_client_1 = require("./CartLineProvider.client");
+Object.defineProperty(exports, "CartLineProvider", { enumerable: true, get: function () { return CartLineProvider_client_1.CartLineProvider; } });
+var useCartLine_1 = require("../../hooks/useCartLine");
+Object.defineProperty(exports, "useCartLine", { enumerable: true, get: function () { return useCartLine_1.useCartLine; } });

package/dist/node/components/CartLineQuantity/CartLineQuantity.client.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The `CartLineQuantity` component renders a `span` element (or the type of HTML element
+ * specified by the `as` prop) with the cart line's quantity. It must be a descendent of a `CartLineProvider` component.
+ */
+export declare function CartLineQuantity<TTag extends keyof JSX.IntrinsicElements = 'span'>(props: JSX.IntrinsicElements[TTag] & {
+    /** An HTML tag to be rendered as the base element wrapper. The default is `div`. */
+    as?: TTag;
+}): JSX.Element;

package/dist/node/components/CartLineQuantity/CartLineQuantity.client.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineQuantity = void 0;
+const react_1 = __importDefault(require("react"));
+const CartLineProvider_1 = require("../CartLineProvider");
+/**
+ * The `CartLineQuantity` component renders a `span` element (or the type of HTML element
+ * specified by the `as` prop) with the cart line's quantity. It must be a descendent of a `CartLineProvider` component.
+ */
+function CartLineQuantity(props) {
+    const cartLine = (0, CartLineProvider_1.useCartLine)();
+    const { as, ...passthroughProps } = props;
+    const Wrapper = as ? as : 'span';
+    return react_1.default.createElement(Wrapper, { ...passthroughProps }, cartLine.quantity);
+}
+exports.CartLineQuantity = CartLineQuantity;

package/dist/node/components/CartLineQuantity/index.d.ts

@@ -0,0 +1 @@
+export { CartLineQuantity } from './CartLineQuantity.client';

package/dist/node/components/CartLineQuantity/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineQuantity = void 0;
+var CartLineQuantity_client_1 = require("./CartLineQuantity.client");
+Object.defineProperty(exports, "CartLineQuantity", { enumerable: true, get: function () { return CartLineQuantity_client_1.CartLineQuantity; } });

package/dist/node/components/CartLineQuantityAdjustButton/CartLineQuantityAdjustButton.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, ElementType } from 'react';
+import { Props } from '../types';
+declare type PropsWeControl = 'onClick' | 'adjust';
+/**
+ * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
+ * It must be a descendent of a `CartLineProvider` component.
+ */
+export declare function CartLineQuantityAdjustButton<TTag extends ElementType = 'button'>(props: Props<TTag, PropsWeControl> & {
+    /** Any `ReactNode` elements. */
+    children: ReactNode;
+    /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */
+    adjust?: 'increase' | 'decrease' | 'remove';
+}): JSX.Element;
+export {};

package/dist/node/components/CartLineQuantityAdjustButton/CartLineQuantityAdjustButton.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineQuantityAdjustButton = void 0;
+const react_1 = __importDefault(require("react"));
+const CartProvider_1 = require("../CartProvider");
+const CartLineProvider_1 = require("../CartLineProvider");
+/**
+ * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
+ * It must be a descendent of a `CartLineProvider` component.
+ */
+function CartLineQuantityAdjustButton(props) {
+    const { status, linesRemove, linesUpdate } = (0, CartProvider_1.useCart)();
+    const cartLine = (0, CartLineProvider_1.useCartLine)();
+    const { children, adjust, ...passthroughProps } = props;
+    return (react_1.default.createElement("button", { disabled: status !== 'idle', onClick: () => {
+            if (adjust === 'remove') {
+                linesRemove([cartLine.id]);
+                return;
+            }
+            const quantity = adjust === 'decrease' ? cartLine.quantity - 1 : cartLine.quantity + 1;
+            if (quantity <= 0) {
+                linesRemove([cartLine.id]);
+                return;
+            }
+            linesUpdate([{ id: cartLine.id, quantity }]);
+        }, ...passthroughProps }, children));
+}
+exports.CartLineQuantityAdjustButton = CartLineQuantityAdjustButton;

package/dist/node/components/CartLineQuantityAdjustButton/index.d.ts

@@ -0,0 +1 @@
+export { CartLineQuantityAdjustButton } from './CartLineQuantityAdjustButton';

package/dist/node/components/CartLineQuantityAdjustButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLineQuantityAdjustButton = void 0;
+var CartLineQuantityAdjustButton_1 = require("./CartLineQuantityAdjustButton");
+Object.defineProperty(exports, "CartLineQuantityAdjustButton", { enumerable: true, get: function () { return CartLineQuantityAdjustButton_1.CartLineQuantityAdjustButton; } });

package/dist/node/components/CartLines/CartLines.client.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, ElementType } from 'react';
+import { Props } from '../types';
+export interface CartLinesProps {
+    /** A `ReactNode` element. Valid values: `ul` or `undefined`. If `ul`, then each child will
+     * be wrapped with a `li` element.
+     */
+    as?: 'ul';
+    /** A `ReactNode` element */
+    children: ReactNode;
+}
+/**
+ * The `CartLines` component iterates over each cart line and renders its `children` within
+ * a `CartLineProvider` for each cart line.
+ */
+export declare function CartLines<TTag extends ElementType>(props: Props<TTag> & CartLinesProps): JSX.Element;

package/dist/node/components/CartLines/CartLines.client.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLines = void 0;
+const react_1 = __importStar(require("react"));
+const CartProvider_1 = require("../CartProvider");
+const CartLineProvider_1 = require("../CartLineProvider");
+/**
+ * The `CartLines` component iterates over each cart line and renders its `children` within
+ * a `CartLineProvider` for each cart line.
+ */
+function CartLines(props) {
+    const { lines } = (0, CartProvider_1.useCart)();
+    const { as, children, ...passthroughProps } = props;
+    const Wrapper = as !== null && as !== void 0 ? as : react_1.Fragment;
+    const ChildWrapper = Wrapper === 'ul' ? 'li' : react_1.Fragment;
+    return (react_1.default.createElement(Wrapper, { ...passthroughProps }, lines.map((line) => {
+        return (react_1.default.createElement(ChildWrapper, { key: line.id },
+            react_1.default.createElement(CartLineProvider_1.CartLineProvider, { line: line }, children)));
+    })));
+}
+exports.CartLines = CartLines;

package/dist/node/components/CartLines/index.d.ts

@@ -0,0 +1 @@
+export { CartLines } from './CartLines.client';

package/dist/node/components/CartLines/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartLines = void 0;
+var CartLines_client_1 = require("./CartLines.client");
+Object.defineProperty(exports, "CartLines", { enumerable: true, get: function () { return CartLines_client_1.CartLines; } });

package/dist/node/components/CartProvider/CartProvider.client.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { CartBuyerIdentityInput, CountryCode } from '../../storefront-api-types';
+import { CartFragmentFragment } from './graphql/CartFragment';
+/**
+ * The `CartProvider` component creates a context for using a cart. It creates a cart object and callbacks
+ * that can be accessed by any descendent component using the `useCart` hook and related hooks. It also carries out
+ * any callback props when a relevant action is performed. For example, if a `onLineAdd` callback is provided,
+ * then the callback will be called when a new line item is successfully added to the cart.
+ *
+ * The `CartProvider` component must be a descendent of the `ShopifyProvider` component.
+ * 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 declare function CartProvider({ children, numCartLines, onCreate, onLineAdd, onLineRemove, onLineUpdate, onNoteUpdate, onBuyerIdentityUpdate, onAttributesUpdate, onDiscountCodesUpdate, data: cart, cartFragment, customerAccessToken, countryCode, }: {
+    /** Any `ReactNode` elements. */
+    children: React.ReactNode;
+    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;
+    /** An object with fields that correspond to the Storefront API's [Cart object](https://shopify.dev/api/storefront/latest/objects/cart). */
+    data?: CartFragmentFragment;
+    /** 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;