@shopify/hydrogen 0.24.0 → 0.26.0

package/dist/esnext/foundation/Analytics/connectors/PerformanceMetrics/ServerAnalyticsConnector.server.js

@@ -1,25 +0,0 @@
-import { log } from '../../../../utilities/log';
-export function request(requestUrl, requestHeader, data, contentType) {
-    const url = new URL(requestUrl);
-    if (url.search === '?performance' && contentType === 'json') {
-        const initTime = new Date().getTime();
-        fetch('https://monorail-edge.shopifysvc.com/v1/produce', {
-            method: 'post',
-            headers: {
-                'content-type': 'text/plain',
-                'x-forwarded-for': requestHeader.get('x-forwarded-for') || '',
-                'user-agent': requestHeader.get('user-agent') || '',
-            },
-            body: JSON.stringify({
-                schema_id: 'hydrogen_buyer_performance/2.0',
-                payload: data,
-                metadata: {
-                    event_created_at_ms: initTime,
-                    event_sent_at_ms: new Date().getTime(),
-                },
-            }),
-        }).catch((err) => {
-            log.error(err);
-        });
-    }
-}

package/dist/esnext/foundation/Analytics/connectors/Shopify/ServerAnalyticsConnector.server.d.ts

@@ -1 +0,0 @@
-export declare function request(requestUrl: string, requestHeader: Headers, data?: any, contentType?: string): void;

package/dist/esnext/foundation/Analytics/connectors/Shopify/ServerAnalyticsConnector.server.js

@@ -1,19 +0,0 @@
-import { log } from '../../../../utilities/log';
-export function request(requestUrl, requestHeader, data, contentType) {
-    const url = new URL(requestUrl);
-    if (url.search === '?shopify' && contentType === 'json') {
-        data.events.forEach((event) => {
-            event.payload.client_ip_address = requestHeader.get('x-forwarded-for');
-            event.payload.client_user_agent = requestHeader.get('user-agent');
-        });
-        fetch('https://monorail-edge.shopifysvc.com/unstable/produce_batch', {
-            method: 'post',
-            headers: {
-                'content-type': 'text/plain',
-            },
-            body: JSON.stringify(data),
-        }).catch((err) => {
-            log.error(err);
-        });
-    }
-}

package/dist/esnext/framework/Hydration/rsc.d.ts

@@ -1,8 +0,0 @@
-/**
- * Much of this is borrowed from React's demo implementation:
- * @see https://github.com/reactjs/server-components-demo/blob/main/src/Cache.client.js
- *
- * Note that we'd want to add some other constraints and controls around caching here.
- */
-export declare function useServerResponse(state: any): any;
-export declare function useRefresh(): void;

package/dist/esnext/framework/Hydration/rsc.js

@@ -1,102 +0,0 @@
-// TODO should we move this file to src/foundation
-// so it is considered ESM instead of CJS?
-import { createFromFetch, createFromReadableStream,
-// @ts-ignore
- } from '@shopify/hydrogen/vendor/react-server-dom-vite';
-import { ClientAnalytics } from '../../client';
-import { RSC_PATHNAME } from '../../constants';
-let rscReader;
-// Hydrate an SSR response from <meta> tags placed in the DOM.
-const flightChunks = [];
-const FLIGHT_ATTRIBUTE = 'data-flight';
-function addElementToFlightChunks(el) {
-    // We don't need to decode, because `.getAttribute` already decodes
-    const chunk = el.getAttribute(FLIGHT_ATTRIBUTE);
-    if (chunk) {
-        flightChunks.push(chunk);
-    }
-}
-// Get initial payload
-document
-    .querySelectorAll('[' + FLIGHT_ATTRIBUTE + ']')
-    .forEach(addElementToFlightChunks);
-// Create a mutation observer on the document to detect when new
-// <meta data-flight> tags are added, and add them to the array.
-const observer = new MutationObserver((mutations) => {
-    mutations.forEach((mutation) => {
-        mutation.addedNodes.forEach((node) => {
-            if (node instanceof HTMLElement &&
-                node.tagName === 'META' &&
-                node.hasAttribute(FLIGHT_ATTRIBUTE)) {
-                addElementToFlightChunks(node);
-            }
-        });
-    });
-});
-observer.observe(document.documentElement, {
-    childList: true,
-    subtree: true,
-});
-if (flightChunks.length > 0) {
-    const contentLoaded = new Promise((resolve) => document.addEventListener('DOMContentLoaded', resolve));
-    try {
-        rscReader = new ReadableStream({
-            start(controller) {
-                const encoder = new TextEncoder();
-                const write = (chunk) => {
-                    controller.enqueue(encoder.encode(chunk));
-                    return 0;
-                };
-                flightChunks.forEach(write);
-                flightChunks.push = write;
-                contentLoaded.then(() => {
-                    controller.close();
-                    observer.disconnect();
-                });
-            },
-        });
-    }
-    catch (_) {
-        // Old browser, will try a new hydration request later
-    }
-}
-const cache = new Map();
-/**
- * Much of this is borrowed from React's demo implementation:
- * @see https://github.com/reactjs/server-components-demo/blob/main/src/Cache.client.js
- *
- * Note that we'd want to add some other constraints and controls around caching here.
- */
-export function useServerResponse(state) {
-    const key = JSON.stringify(state);
-    let response = cache.get(key);
-    if (response) {
-        return response;
-    }
-    if (rscReader) {
-        // The flight response was inlined during SSR, use it directly.
-        response = createFromReadableStream(rscReader);
-        rscReader = null;
-    }
-    else {
-        if (
-        /* @ts-ignore */
-        window.BOOMR &&
-            /* @ts-ignore */
-            window.BOOMR.plugins &&
-            /* @ts-ignore */
-            window.BOOMR.plugins.Hydrogen) {
-            /* @ts-ignore */
-            window.BOOMR.plugins.Hydrogen.trackSubPageLoadPerformance();
-        }
-        ClientAnalytics.resetPageAnalyticsData();
-        // Request a new flight response.
-        response = createFromFetch(fetch(`${RSC_PATHNAME}?state=` + encodeURIComponent(key)));
-    }
-    cache.clear();
-    cache.set(key, response);
-    return response;
-}
-export function useRefresh() {
-    cache.clear();
-}

package/dist/esnext/hooks/useCountry/index.d.ts

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

package/dist/esnext/hooks/useCountry/index.js

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

package/dist/esnext/hooks/useCountry/useCountry.d.ts

@@ -1,7 +0,0 @@
-/**
- * The `useCountry` hook returns a tuple of the current localization country and a function for updating it.
- * It must be a descendent of a `LocalizationProvider` component.
- */
-export declare function useCountry(): (({
-    __typename?: "Country" | undefined;
-} & Pick<import("../../storefront-api-types").Country, "name" | "isoCode">) | undefined)[];

package/dist/esnext/hooks/useCountry/useCountry.js

@@ -1,17 +0,0 @@
-import { useContext } from 'react';
-import { LocalizationContext } from '../../components/LocalizationProvider/LocalizationContext.client';
-function useLocalization() {
-    const context = useContext(LocalizationContext);
-    if (context == null) {
-        throw new Error('No Localization Context available');
-    }
-    return context;
-}
-/**
- * The `useCountry` hook returns a tuple of the current localization country and a function for updating it.
- * It must be a descendent of a `LocalizationProvider` component.
- */
-export function useCountry() {
-    const context = useLocalization();
-    return [context.country];
-}

package/dist/esnext/hooks/useParsedMetafields/index.d.ts

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

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

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

package/dist/esnext/hooks/useParsedMetafields/useParsedMetafields.d.ts

@@ -1,21 +0,0 @@
-import type { MetafieldConnection } from '../../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-/**
- * 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 declare function useParsedMetafields(
-/** A [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection). */
-metafields?: PartialDeep<MetafieldConnection>): {
-    value: any;
-    id?: string | undefined;
-    __typename?: "Metafield" | undefined;
-    createdAt?: string | undefined;
-    description?: import("../../storefront-api-types").Maybe<string> | undefined;
-    key?: string | undefined;
-    namespace?: string | undefined;
-    parentResource?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Blog> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Article> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Customer> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariant> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Order> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Collection> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Page> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Product> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Shop> | undefined;
-    reference?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Video> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").MediaImage> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariant> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Page> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Product> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").GenericFile> | null | undefined;
-    type?: string | undefined;
-    updatedAt?: string | undefined;
-}[];

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;