@shopify/hydrogen 0.22.0 → 0.24.0

package/dist/node/foundation/useQuery/hooks.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldPreloadQuery = exports.useQuery = void 0;
+const log_1 = require("../../utilities/log");
+const cache_sub_request_1 = require("../Cache/cache-sub-request");
+const ServerRequestProvider_1 = require("../ServerRequestProvider");
+const strategies_1 = require("../Cache/strategies");
+/**
+ * The `useQuery` hook executes an asynchronous operation like `fetch` in a way that
+ * supports [Suspense](https://reactjs.org/docs/concurrent-mode-suspense.html). You can use this
+ * hook to call any third-party APIs from a server component.
+ *
+ * \> Note:
+ * \> If you're making a simple fetch call on the server, then we recommend using the [`fetchSync`](https://shopify.dev/api/hydrogen/hooks/global/fetchsync) hook instead.
+ */
+function useQuery(
+/** A string or array to uniquely identify the current query. */
+key, 
+/** An asynchronous query function like `fetch` which returns data. */
+queryFn, 
+/** The options to manage the cache behavior of the sub-request. */
+queryOptions) {
+    const request = (0, ServerRequestProvider_1.useServerRequest)();
+    const withCacheIdKey = [
+        '__QUERY_CACHE_ID__',
+        ...(typeof key === 'string' ? [key] : key),
+    ];
+    const fetcher = cachedQueryFnBuilder(withCacheIdKey, queryFn, queryOptions);
+    (0, log_1.collectQueryTimings)(request, withCacheIdKey, 'requested');
+    if (shouldPreloadQuery(queryOptions)) {
+        request.savePreloadQuery({
+            preload: queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.preload,
+            key: withCacheIdKey,
+            fetcher,
+        });
+    }
+    return (0, ServerRequestProvider_1.useRequestCacheData)(withCacheIdKey, fetcher);
+}
+exports.useQuery = useQuery;
+function shouldPreloadQuery(queryOptions) {
+    var _a, _b;
+    if (!queryOptions)
+        return true;
+    const hasCacheOverride = typeof ((_a = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.cache) === null || _a === void 0 ? void 0 : _a.mode) !== 'undefined';
+    const hasPreloadOverride = typeof (queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.preload) !== 'undefined';
+    const cacheValue = (_b = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.cache) === null || _b === void 0 ? void 0 : _b.mode;
+    const preloadValue = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.preload;
+    // If preload is explicitly defined, then it takes precedence
+    if (hasPreloadOverride) {
+        return !!preloadValue;
+    }
+    return hasCacheOverride ? cacheValue !== strategies_1.NO_STORE : true;
+}
+exports.shouldPreloadQuery = shouldPreloadQuery;
+function cachedQueryFnBuilder(key, queryFn, queryOptions) {
+    var _a;
+    const resolvedQueryOptions = {
+        ...(queryOptions !== null && queryOptions !== void 0 ? queryOptions : {}),
+    };
+    const shouldCacheResponse = (_a = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.shouldCacheResponse) !== null && _a !== void 0 ? _a : (() => true);
+    /**
+     * Attempt to read the query from cache. If it doesn't exist or if it's stale, regenerate it.
+     */
+    async function useCachedQueryFn() {
+        var _a, _b, _c, _d;
+        // Call this hook before running any async stuff
+        // to prevent losing the current React cycle.
+        const request = (0, ServerRequestProvider_1.useServerRequest)();
+        const log = (0, log_1.getLoggerWithContext)(request);
+        const cacheResponse = await (0, cache_sub_request_1.getItemFromCache)(key);
+        async function generateNewOutput() {
+            return await queryFn();
+        }
+        if (cacheResponse) {
+            const [output, response] = cacheResponse;
+            (0, log_1.collectQueryCacheControlHeaders)(request, key, response.headers.get('cache-control'));
+            /**
+             * Important: Do this async
+             */
+            if ((0, cache_sub_request_1.isStale)(key, response)) {
+                const lockKey = ['lock', ...(typeof key === 'string' ? [key] : key)];
+                // Run revalidation asynchronously
+                const revalidatingPromise = (0, cache_sub_request_1.getItemFromCache)(lockKey).then(async (lockExists) => {
+                    if (lockExists)
+                        return;
+                    await (0, cache_sub_request_1.setItemInCache)(lockKey, true, (0, strategies_1.CacheSeconds)({
+                        maxAge: 10,
+                    }));
+                    try {
+                        const output = await generateNewOutput();
+                        if (shouldCacheResponse(output)) {
+                            await (0, cache_sub_request_1.setItemInCache)(key, output, resolvedQueryOptions === null || resolvedQueryOptions === void 0 ? void 0 : resolvedQueryOptions.cache);
+                        }
+                    }
+                    catch (e) {
+                        log.error(`Error generating async response: ${e.message}`);
+                    }
+                    finally {
+                        await (0, cache_sub_request_1.deleteItemFromCache)(lockKey);
+                    }
+                });
+                // Asynchronously wait for it in workers
+                (_b = (_a = request.ctx.runtime) === null || _a === void 0 ? void 0 : _a.waitUntil) === null || _b === void 0 ? void 0 : _b.call(_a, revalidatingPromise);
+            }
+            return output;
+        }
+        const newOutput = await generateNewOutput();
+        /**
+         * Important: Do this async
+         */
+        if (shouldCacheResponse(newOutput)) {
+            const setItemInCachePromise = (0, cache_sub_request_1.setItemInCache)(key, newOutput, resolvedQueryOptions === null || resolvedQueryOptions === void 0 ? void 0 : resolvedQueryOptions.cache);
+            (_d = (_c = request.ctx.runtime) === null || _c === void 0 ? void 0 : _c.waitUntil) === null || _d === void 0 ? void 0 : _d.call(_c, setItemInCachePromise);
+        }
+        (0, log_1.collectQueryCacheControlHeaders)(request, key, (0, cache_sub_request_1.generateSubRequestCacheControlHeader)(resolvedQueryOptions === null || resolvedQueryOptions === void 0 ? void 0 : resolvedQueryOptions.cache));
+        return newOutput;
+    }
+    return useCachedQueryFn;
+}

package/dist/node/foundation/useRouteParams/RouteParamsProvider.client.d.ts

@@ -0,0 +1,10 @@
+import React, { FC, ReactNode } from 'react';
+declare type RouteParamsContextValue = {
+    routeParams: Record<string, string>;
+};
+export declare const RouteParamsContext: React.Context<RouteParamsContextValue>;
+export declare const RouteParamsProvider: FC<{
+    routeParams: Record<string, string>;
+    children: ReactNode;
+}>;
+export {};

package/dist/node/foundation/useRouteParams/RouteParamsProvider.client.js

@@ -0,0 +1,34 @@
+"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.RouteParamsProvider = exports.RouteParamsContext = void 0;
+const react_1 = __importStar(require("react"));
+exports.RouteParamsContext = (0, react_1.createContext)({
+    routeParams: {},
+});
+const RouteParamsProvider = ({ children, routeParams }) => {
+    return (react_1.default.createElement(exports.RouteParamsContext.Provider, { value: { routeParams } }, children));
+};
+exports.RouteParamsProvider = RouteParamsProvider;

package/dist/node/foundation/useRouteParams/useRouteParams.d.ts

@@ -0,0 +1,4 @@
+/**
+ *  The `useRouteParams` hook retrieves the parameters of an active route. The hook is available in both server and client components.
+ */
+export declare function useRouteParams(): Record<string, string>;

package/dist/node/foundation/useRouteParams/useRouteParams.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRouteParams = void 0;
+const ssr_interop_1 = require("../ssr-interop");
+const RouteParamsProvider_client_1 = require("./RouteParamsProvider.client");
+/**
+ *  The `useRouteParams` hook retrieves the parameters of an active route. The hook is available in both server and client components.
+ */
+function useRouteParams() {
+    const router = (0, ssr_interop_1.useEnvContext)((req) => req.ctx.router, RouteParamsProvider_client_1.RouteParamsContext);
+    return router.routeParams;
+}
+exports.useRouteParams = useRouteParams;

package/dist/node/foundation/useServerProps/index.d.ts

@@ -0,0 +1 @@
+export { useServerProps } from './use-server-props';

package/dist/node/foundation/useServerProps/index.js

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

package/dist/node/foundation/useSession/useSession.d.ts

@@ -0,0 +1,2 @@
+/** The `useSession` hook reads session data in server components. */
+export declare const useSession: () => Record<string, string>;

package/dist/node/foundation/useSession/useSession.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSession = void 0;
+const ServerRequestProvider_1 = require("../ServerRequestProvider");
+/** The `useSession` hook reads session data in server components. */
+const useSession = function () {
+    var _a;
+    const request = (0, ServerRequestProvider_1.useServerRequest)();
+    const session = ((_a = request.ctx.session) === null || _a === void 0 ? void 0 : _a.get()) || {};
+    return session;
+};
+exports.useSession = useSession;

package/dist/node/foundation/useShop/index.d.ts

@@ -0,0 +1 @@
+export { useShop } from './use-shop';

package/dist/node/foundation/useShop/index.js

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

package/dist/node/foundation/useShop/use-shop.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The `useShop` hook provides access to values within
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * The `useShop` hook must be a descendent of a `ShopifyProvider` component.
+ */
+export declare function useShop(): import("../ShopifyProvider/types").ShopifyContextValue;

package/dist/node/foundation/useShop/use-shop.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShop = void 0;
+const ShopifyProvider_1 = require("../ShopifyProvider");
+const ssr_interop_1 = require("../ssr-interop");
+/**
+ * The `useShop` hook provides access to values within
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * The `useShop` hook must be a descendent of a `ShopifyProvider` component.
+ */
+function useShop() {
+    const config = (0, ssr_interop_1.useEnvContext)((req) => req.ctx.shopifyConfig, ShopifyProvider_1.ShopifyContext);
+    if (!config) {
+        throw new Error('No Shopify Context found');
+    }
+    return config;
+}
+exports.useShop = useShop;

package/dist/node/foundation/useUrl/index.d.ts

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

package/dist/node/foundation/useUrl/index.js

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

package/dist/node/foundation/useUrl/useUrl.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The `useUrl` hook retrieves the current URL in a server or client component.
+ */
+export declare function useUrl(): URL;

package/dist/node/foundation/useUrl/useUrl.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUrl = void 0;
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const parse_1 = require("../../utilities/parse");
+const BrowserRouter_client_1 = require("../Router/BrowserRouter.client");
+const ssr_interop_1 = require("../ssr-interop");
+/**
+ * The `useUrl` hook retrieves the current URL in a server or client component.
+ */
+function useUrl() {
+    var _a, _b;
+    if (ssr_interop_1.META_ENV_SSR) {
+        const serverUrl = new URL((0, ssr_interop_1.useEnvContext)((req) => req.url) // eslint-disable-line react-hooks/rules-of-hooks
+        );
+        if (serverUrl.pathname === constants_1.RSC_PATHNAME) {
+            const state = (0, parse_1.parseJSON)(serverUrl.searchParams.get('state') || '{}');
+            const parsedUrl = `${serverUrl.origin}${(_a = state.pathname) !== null && _a !== void 0 ? _a : ''}${(_b = state.search) !== null && _b !== void 0 ? _b : ''}`;
+            return new URL(parsedUrl);
+        }
+        return new URL(serverUrl);
+    }
+    /**
+     * We return a `URL` object instead of passing through `location` because
+     * the URL object contains important info like hostname, etc.
+     */
+    const location = (0, BrowserRouter_client_1.useLocation)(); // eslint-disable-line react-hooks/rules-of-hooks
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (0, react_1.useMemo)(() => new URL(window.location.href), [location]); // eslint-disable-line react-hooks/exhaustive-deps
+}
+exports.useUrl = useUrl;

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

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRefresh = exports.useServerResponse = void 0;
 const react_server_dom_vite_1 = require("@shopify/hydrogen/vendor/react-server-dom-vite");
+const client_1 = require("../../client");
 const constants_1 = require("../../constants");
 let rscReader;
 // Hydrate an SSR response from <meta> tags placed in the DOM.
@@ -89,6 +90,7 @@ function useServerResponse(state) {
             /* @ts-ignore */
             window.BOOMR.plugins.Hydrogen.trackSubPageLoadPerformance();
         }
+        client_1.ClientAnalytics.resetPageAnalyticsData();
         // Request a new flight response.
         response = (0, react_server_dom_vite_1.createFromFetch)(fetch(`${constants_1.RSC_PATHNAME}?state=` + encodeURIComponent(key)));
     }

package/dist/node/framework/plugin.js

@@ -16,6 +16,7 @@ const vite_plugin_inspect_1 = __importDefault(require("vite-plugin-inspect"));
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 const vite_plugin_css_modules_rsc_1 = __importDefault(require("./plugins/vite-plugin-css-modules-rsc"));
 const vite_plugin_client_imports_1 = __importDefault(require("./plugins/vite-plugin-client-imports"));
+const vite_plugin_hydrogen_suppress_warnings_1 = __importDefault(require("./plugins/vite-plugin-hydrogen-suppress-warnings"));
 exports.default = (pluginOptions = {}) => {
     return [
         process.env.VITE_INSPECT && (0, vite_plugin_inspect_1.default)(),
@@ -30,6 +31,7 @@ exports.default = (pluginOptions = {}) => {
         (0, vite_plugin_css_modules_rsc_1.default)(),
         (0, vite_plugin_hydrogen_rsc_1.default)(),
         (0, vite_plugin_platform_entry_1.default)(),
+        (0, vite_plugin_hydrogen_suppress_warnings_1.default)(),
         pluginOptions.purgeQueryCacheOnBuild && (0, vite_plugin_purge_query_cache_1.default)(),
     ];
 };

package/dist/node/framework/plugins/vite-plugin-hydrogen-config.js

@@ -84,11 +84,14 @@ exports.default = () => {
                         'react-server-dom-vite/client-proxy',
                         // https://github.com/vitejs/vite/issues/6215
                         'react/jsx-runtime',
+                        // https://github.com/nfriedly/set-cookie-parser/issues/50
+                        'set-cookie-parser',
                     ],
                 },
                 define: {
-                    __DEV__: env.mode !== 'production',
-                    __WORKER__: isWorker,
+                    __HYDROGEN_DEV__: env.mode !== 'production',
+                    __HYDROGEN_WORKER__: isWorker,
+                    __HYDROGEN_TEST__: false, // Used in unit tests
                 },
                 envPrefix: ['VITE_', 'PUBLIC_'],
                 base: process.env.HYDROGEN_ASSET_BASE_URL,

package/dist/node/framework/plugins/vite-plugin-hydrogen-middleware.js

@@ -42,7 +42,7 @@ exports.default = (pluginOptions) => {
                         headers: incomingMessage.headers,
                     });
                     // @ts-expect-error Manually set `normalizedUrl` which a developer expects to be available
-                    // via `ServerComponentRequest` during production runtime.
+                    // via `HydrogenRequest` during production runtime.
                     request.normalizedUrl = request.url;
                     const { shopify } = hydrogenConfig;
                     return typeof shopify === 'function' ? shopify(request) : shopify;

package/dist/node/framework/plugins/vite-plugin-hydrogen-rsc.js

@@ -7,9 +7,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const plugin_1 = __importDefault(require("@shopify/hydrogen/vendor/react-server-dom-vite/plugin"));
 const vite_plugin_hydrogen_middleware_1 = require("./vite-plugin-hydrogen-middleware");
 const vite_plugin_hydrogen_virtual_files_1 = require("./vite-plugin-hydrogen-virtual-files");
-const viteception_1 = require("../viteception");
 function default_1() {
     return (0, plugin_1.default)({
+        serverBuildEntries: [
+            vite_plugin_hydrogen_middleware_1.HYDROGEN_DEFAULT_SERVER_ENTRY,
+            vite_plugin_hydrogen_virtual_files_1.VIRTUAL_PROXY_HYDROGEN_ROUTES_ID,
+        ],
         isServerComponentImporterAllowed(importer, source) {
             return (
             // Always allow the entry server (e.g. App.server.jsx) to be imported
@@ -20,17 +23,6 @@ function default_1() {
                 // TODO: revisit this when RSC splits into two bundles
                 /\.test\.[tj]sx?$/.test(importer));
         },
-        async findClientComponentsForClientBuild() {
-            const { server } = await (0, viteception_1.viteception)([
-                // Load server entry to discover client components early
-                vite_plugin_hydrogen_middleware_1.HYDROGEN_DEFAULT_SERVER_ENTRY,
-                // Route globs are placed in a virtual module and need to
-                // be loaded to discover client components in routes
-                vite_plugin_hydrogen_virtual_files_1.VIRTUAL_PROXY_HYDROGEN_ROUTES_ID,
-            ]);
-            // At this point, the server has loaded all the components in the module graph
-            return plugin_1.default.findClientComponentsFromServer(server);
-        },
     });
 }
 exports.default = default_1;

package/dist/node/framework/plugins/vite-plugin-hydrogen-suppress-warnings.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+declare const _default: () => Plugin;
+export default _default;

package/dist/node/framework/plugins/vite-plugin-hydrogen-suppress-warnings.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = () => {
+    return {
+        name: 'hydrogen:suppress-warnings',
+        configResolved(config) {
+            // TODO: Fix the actual issues that cause these warnings
+            const filterOut = (msg) => msg.startsWith("@shopify/hydrogen doesn't appear to be written in CJS") ||
+                (msg.includes('missing source files') &&
+                    ['kolorist'].some((lib) => msg.includes(lib)));
+            for (const method of ['warn', 'warnOnce']) {
+                const original = config.logger[method];
+                config.logger[method] = (msg, ...args) => {
+                    if (filterOut(msg))
+                        return;
+                    return original(msg, ...args);
+                };
+            }
+        },
+    };
+};

package/dist/node/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useProductOptions } from './useProductOptions';
+export * from './useProductOptions/types';
+export { useMoney } from './useMoney';
+export { useMeasurement } from './useMeasurement';
+export { useParsedMetafields } from './useParsedMetafields';
+export { useLoadScript } from './useLoadScript';

package/dist/node/hooks/index.js

@@ -0,0 +1,28 @@
+"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.useLoadScript = exports.useParsedMetafields = exports.useMeasurement = exports.useMoney = exports.useProductOptions = void 0;
+var useProductOptions_1 = require("./useProductOptions");
+Object.defineProperty(exports, "useProductOptions", { enumerable: true, get: function () { return useProductOptions_1.useProductOptions; } });
+__exportStar(require("./useProductOptions/types"), exports);
+var useMoney_1 = require("./useMoney");
+Object.defineProperty(exports, "useMoney", { enumerable: true, get: function () { return useMoney_1.useMoney; } });
+var useMeasurement_1 = require("./useMeasurement");
+Object.defineProperty(exports, "useMeasurement", { enumerable: true, get: function () { return useMeasurement_1.useMeasurement; } });
+var useParsedMetafields_1 = require("./useParsedMetafields");
+Object.defineProperty(exports, "useParsedMetafields", { enumerable: true, get: function () { return useParsedMetafields_1.useParsedMetafields; } });
+var useLoadScript_1 = require("./useLoadScript");
+Object.defineProperty(exports, "useLoadScript", { enumerable: true, get: function () { return useLoadScript_1.useLoadScript; } });

package/dist/node/hooks/useCart/index.d.ts

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

package/dist/node/hooks/useCart/index.js

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

package/dist/node/hooks/useCart/useCart.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCart(): import("../../components").CartWithActions;

package/dist/node/hooks/useCart/useCart.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.useCart = void 0;
+const react_1 = __importDefault(require("react"));
+const context_1 = require("../../components/CartProvider/context");
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+function useCart() {
+    const context = react_1.default.useContext(context_1.CartContext);
+    if (!context) {
+        throw new Error('Expected a Cart Context, but no Cart Context was found');
+    }
+    return context;
+}
+exports.useCart = useCart;

package/dist/node/hooks/useCartLine/index.d.ts

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

package/dist/node/hooks/useCartLine/index.js

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

package/dist/node/hooks/useCartLine/useCartLine.d.ts

@@ -0,0 +1,39 @@
+/**
+ * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+ */
+export declare function useCartLine(): {
+    __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">)[];
+    };
+};

package/dist/node/hooks/useCartLine/useCartLine.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCartLine = void 0;
+const react_1 = require("react");
+const context_1 = require("../../components/CartLineProvider/context");
+/**
+ * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+ */
+function useCartLine() {
+    const context = (0, react_1.useContext)(context_1.CartLineContext);
+    if (context == null) {
+        throw new Error('Expected a cart line context but none was found');
+    }
+    return context;
+}
+exports.useCartLine = useCartLine;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * 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/node/hooks/useCountry/useCountry.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCountry = void 0;
+const react_1 = require("react");
+const LocalizationContext_client_1 = require("../../components/LocalizationProvider/LocalizationContext.client");
+function useLocalization() {
+    const context = (0, react_1.useContext)(LocalizationContext_client_1.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.
+ */
+function useCountry() {
+    const context = useLocalization();
+    return [context.country];
+}
+exports.useCountry = useCountry;

package/dist/node/hooks/useLoadScript/index.d.ts

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

package/dist/node/hooks/useLoadScript/index.js

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

package/dist/node/hooks/useLoadScript/useLoadScript.client.d.ts

@@ -0,0 +1,8 @@
+import { loadScript } from '../../utilities/load_script';
+declare type LoadScriptParams = Parameters<typeof loadScript>;
+/**
+ * The `useLoadScript` hook loads an external script tag on the client-side.
+ */
+export declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
+declare type ScriptState = 'loading' | 'done' | 'error';
+export {};