@shopify/hydrogen 0.24.0 → 0.26.0

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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,18 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-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

@@ -1,25 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-/**
- * 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

@@ -1,19 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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

@@ -1,36 +0,0 @@
-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

@@ -1,5 +0,0 @@
-"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

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

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

@@ -1,7 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-/**
- * 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

@@ -1,19 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-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

@@ -1,31 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,15 +0,0 @@
-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

@@ -1,44 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,41 +0,0 @@
-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;