@shopify/hydrogen 0.23.0 → 0.25.1

package/dist/esnext/hooks/useParsedMetafields/useParsedMetafields.js

@@ -1,21 +0,0 @@
-import { useMemo } from 'react';
-import { flattenConnection, parseMetafieldValue } from '../../utilities';
-/**
- * The `useParsedMetafields` hook transforms a [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection)
- * in an array of metafields whose `values` have been parsed according to the metafield `type`.
- */
-export function useParsedMetafields(
-/** A [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection). */
-metafields) {
-    return useMemo(() => {
-        if (!metafields) {
-            throw new Error(`'useParsedMetafields' needs metafields`);
-        }
-        return flattenConnection(metafields).map((metafield) => {
-            return {
-                ...metafield,
-                value: parseMetafieldValue(metafield),
-            };
-        });
-    }, [metafields]);
-}

package/dist/esnext/utilities/parseMetafieldValue/index.d.ts

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

package/dist/esnext/utilities/parseMetafieldValue/index.js

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

package/dist/esnext/utilities/parseMetafieldValue/parseMetafieldValue.d.ts

@@ -1,6 +0,0 @@
-import type { Metafield } from '../../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-/**
- * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.
- */
-export declare function parseMetafieldValue(metafield: PartialDeep<Metafield>): any;

package/dist/node/client.d.ts

@@ -1,16 +0,0 @@
-export * from './components';
-export * from './hooks';
-export * from './foundation/useServerProps';
-export * from './foundation/useShop';
-export * from './foundation/ServerPropsProvider';
-export * from './foundation/useUrl';
-export { Head } from './foundation/Head';
-export * from './utilities';
-export { gql } from './utilities/graphql-tag';
-export { ClientAnalytics } from './foundation/Analytics';
-export { useRouteParams } from './foundation/useRouteParams/useRouteParams';
-export { useNavigate } from './foundation/useNavigate/useNavigate';
-export { fetchSync } from './foundation/fetchSync/client/fetchSync';
-export { suspendFunction, preloadFunction } from './utilities/suspense';
-export { PerformanceMetrics } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.client';
-export { PerformanceMetricsDebug } from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetricsDebug.client';

package/dist/node/client.js

@@ -1,43 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PerformanceMetricsDebug = exports.PerformanceMetrics = exports.preloadFunction = exports.suspendFunction = exports.fetchSync = exports.useNavigate = exports.useRouteParams = exports.ClientAnalytics = exports.gql = exports.Head = void 0;
-__exportStar(require("./components"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./foundation/useServerProps"), exports);
-__exportStar(require("./foundation/useShop"), exports);
-__exportStar(require("./foundation/ServerPropsProvider"), exports);
-__exportStar(require("./foundation/useUrl"), exports);
-var Head_1 = require("./foundation/Head");
-Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return Head_1.Head; } });
-__exportStar(require("./utilities"), exports);
-var graphql_tag_1 = require("./utilities/graphql-tag");
-Object.defineProperty(exports, "gql", { enumerable: true, get: function () { return graphql_tag_1.gql; } });
-var Analytics_1 = require("./foundation/Analytics");
-Object.defineProperty(exports, "ClientAnalytics", { enumerable: true, get: function () { return Analytics_1.ClientAnalytics; } });
-var useRouteParams_1 = require("./foundation/useRouteParams/useRouteParams");
-Object.defineProperty(exports, "useRouteParams", { enumerable: true, get: function () { return useRouteParams_1.useRouteParams; } });
-var useNavigate_1 = require("./foundation/useNavigate/useNavigate");
-Object.defineProperty(exports, "useNavigate", { enumerable: true, get: function () { return useNavigate_1.useNavigate; } });
-var fetchSync_1 = require("./foundation/fetchSync/client/fetchSync");
-Object.defineProperty(exports, "fetchSync", { enumerable: true, get: function () { return fetchSync_1.fetchSync; } });
-var suspense_1 = require("./utilities/suspense");
-Object.defineProperty(exports, "suspendFunction", { enumerable: true, get: function () { return suspense_1.suspendFunction; } });
-Object.defineProperty(exports, "preloadFunction", { enumerable: true, get: function () { return suspense_1.preloadFunction; } });
-var PerformanceMetrics_client_1 = require("./foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.client");
-Object.defineProperty(exports, "PerformanceMetrics", { enumerable: true, get: function () { return PerformanceMetrics_client_1.PerformanceMetrics; } });
-var PerformanceMetricsDebug_client_1 = require("./foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetricsDebug.client");
-Object.defineProperty(exports, "PerformanceMetricsDebug", { enumerable: true, get: function () { return PerformanceMetricsDebug_client_1.PerformanceMetricsDebug; } });

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

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-interface AddToCartButtonProps {
-    /** An array of cart line attributes that belong to the item being added to the cart. */
-    attributes?: {
-        key: string;
-        value: string;
-    }[];
-    /** The ID of the variant. */
-    variantId?: string | null;
-    /** The item quantity. */
-    quantity?: number;
-    /** Any ReactNode elements. */
-    children: ReactNode;
-    /** The text that is announced by the screen reader when the item is being added to the cart. Used for accessibility purposes only and not displayed on the page. */
-    accessibleAddingToCartLabel?: string;
-}
-declare type PropsWeControl = 'onClick';
-/**
- * The `AddToCartButton` component renders a button that adds an item to the cart when pressed.
- * It must be a descendent of the `CartProvider` component.
- */
-export declare function AddToCartButton(props: Omit<JSX.IntrinsicElements['button'], PropsWeControl> & AddToCartButtonProps): JSX.Element;
-export {};

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

@@ -1,74 +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.AddToCartButton = void 0;
-const react_1 = __importStar(require("react"));
-const CartProvider_1 = require("../CartProvider");
-const ProductOptionsProvider_1 = require("../ProductOptionsProvider");
-/**
- * The `AddToCartButton` component renders a button that adds an item to the cart when pressed.
- * It must be a descendent of the `CartProvider` component.
- */
-function AddToCartButton(props) {
-    var _a;
-    const [addingItem, setAddingItem] = (0, react_1.useState)(false);
-    const { variantId: explicitVariantId, quantity = 1, attributes, children, accessibleAddingToCartLabel, ...passthroughProps } = props;
-    const { status, linesAdd } = (0, CartProvider_1.useCart)();
-    const { selectedVariant } = (0, ProductOptionsProvider_1.useProductOptions)();
-    const variantId = (_a = explicitVariantId !== null && explicitVariantId !== void 0 ? explicitVariantId : selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.id) !== null && _a !== void 0 ? _a : '';
-    const disabled = explicitVariantId === null ||
-        variantId === '' ||
-        selectedVariant === null ||
-        addingItem ||
-        passthroughProps.disabled;
-    (0, react_1.useEffect)(() => {
-        if (addingItem && status === 'idle') {
-            setAddingItem(false);
-        }
-    }, [status, addingItem]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("button", { ...passthroughProps, disabled: disabled, onClick: () => {
-                setAddingItem(true);
-                linesAdd([
-                    {
-                        quantity,
-                        merchandiseId: variantId,
-                        attributes,
-                    },
-                ]);
-            } }, children),
-        accessibleAddingToCartLabel ? (react_1.default.createElement("p", { style: {
-                position: 'absolute',
-                width: '1px',
-                height: '1px',
-                padding: '0',
-                margin: '-1px',
-                overflow: 'hidden',
-                clip: 'rect(0, 0, 0, 0)',
-                whiteSpace: 'nowrap',
-                borderWidth: '0',
-            }, role: "alert", "aria-live": "assertive" }, addingItem ? accessibleAddingToCartLabel : null)) : null));
-}
-exports.AddToCartButton = AddToCartButton;

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

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

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

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

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

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-interface BuyNowButtonProps {
-    /** The item quantity. Defaults to 1. */
-    quantity?: number;
-    /** The ID of the variant. */
-    variantId: string;
-    /** An array of cart line attributes that belong to the item being added to the cart. */
-    attributes?: {
-        key: string;
-        value: string;
-    }[];
-    /** Any `ReactNode` elements. */
-    children: ReactNode;
-}
-declare type PropsWeControl = 'onClick';
-/** The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout. */
-export declare function BuyNowButton(props: Omit<JSX.IntrinsicElements['button'], PropsWeControl> & BuyNowButtonProps): JSX.Element;
-export {};

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

@@ -1,53 +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.BuyNowButton = void 0;
-const react_1 = __importStar(require("react"));
-const CartProvider_1 = require("../CartProvider");
-/** The `BuyNowButton` component renders a button that adds an item to the cart and redirects the customer to checkout. */
-function BuyNowButton(props) {
-    const { createInstantCheckout, checkoutUrl } = (0, CartProvider_1.useInstantCheckout)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const { quantity, variantId, attributes, children, ...passthroughProps } = props;
-    (0, react_1.useEffect)(() => {
-        if (checkoutUrl) {
-            window.location.href = checkoutUrl;
-        }
-    }, [checkoutUrl]);
-    const handleBuyNow = (0, react_1.useCallback)(() => {
-        setLoading(true);
-        createInstantCheckout({
-            lines: [
-                {
-                    quantity: quantity !== null && quantity !== void 0 ? quantity : 1,
-                    merchandiseId: variantId,
-                    attributes,
-                },
-            ],
-        });
-    }, [setLoading, createInstantCheckout, quantity, variantId, attributes]);
-    return (react_1.default.createElement("button", { disabled: loading !== null && loading !== void 0 ? loading : passthroughProps.disabled, ...passthroughProps, onClick: handleBuyNow }, children));
-}
-exports.BuyNowButton = BuyNowButton;

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-declare type PropsWeControl = 'onClick';
-/**
- * The `CartCheckoutButton` component renders a button that redirects to the checkout URL for the cart.
- * It must be a descendent of a `CartProvider` component.
- */
-export declare function CartCheckoutButton(props: Omit<JSX.IntrinsicElements['button'], PropsWeControl> & {
-    /** A `ReactNode` element. */
-    children: ReactNode;
-}): JSX.Element;
-export {};

package/dist/node/components/CartCheckoutButton/CartCheckoutButton.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.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

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

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

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

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

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

@@ -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,28 +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 price = priceType === 'regular'
-        ? cartLine.merchandise.priceV2
-        : cartLine.merchandise.compareAtPriceV2;
-    if (price == null) {
-        return null;
-    }
-    return (react_1.default.createElement(Money_1.Money, { ...passthroughProps, data: {
-            amount: `${parseFloat(price.amount) * cartLine.quantity}`,
-            currencyCode: price.currencyCode,
-        } }));
-}
-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,26 +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">)[];
-    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, "currencyCode" | "amount">> | undefined;
-        priceV2: {
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">;
-        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';