@shopify/hydrogen 0.0.0-experimental-20220526194818

package/dist/esnext/framework/plugins/vite-plugin-platform-entry.js

@@ -0,0 +1,70 @@
+import { normalizePath } from 'vite';
+import { HYDROGEN_DEFAULT_SERVER_ENTRY } from './vite-plugin-hydrogen-middleware';
+import MagicString from 'magic-string';
+import path from 'path';
+import fs from 'fs';
+const SSR_BUNDLE_NAME = 'index.js';
+export default () => {
+    let config;
+    let isESM;
+    return {
+        name: 'vite-plugin-platform-entry',
+        enforce: 'pre',
+        configResolved(_config) {
+            config = _config;
+            if (config.build.ssr) {
+                const { output = {} } = config.build.rollupOptions || {};
+                const { format = '' } = (Array.isArray(output) ? output[0] : output) || {};
+                isESM = Boolean(process.env.WORKER) || ['es', 'esm'].includes(format);
+            }
+        },
+        resolveId(source, importer) {
+            if (normalizePath(source).includes('/hydrogen/platforms/')) {
+                const hydrogenPath = path.dirname(require.resolve('@shopify/hydrogen/package.json'));
+                const platformEntryName = source.split(path.sep).pop() || '';
+                const platformEntryPath = path.resolve(hydrogenPath, 'dist', 'esnext', 'platforms', platformEntryName);
+                return this.resolve(platformEntryPath, importer, {
+                    skipSelf: true,
+                });
+            }
+            return null;
+        },
+        transform(code, id) {
+            if (normalizePath(id).includes('/hydrogen/dist/esnext/platforms/')) {
+                const ms = new MagicString(code);
+                ms.replace('__SERVER_ENTRY__', HYDROGEN_DEFAULT_SERVER_ENTRY);
+                const indexTemplatePath = normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client', 'index.html'));
+                ms.replace('__INDEX_TEMPLATE__', indexTemplatePath);
+                return {
+                    code: ms.toString(),
+                    map: ms.generateMap({ file: id, source: id }),
+                };
+            }
+        },
+        generateBundle(options, bundle) {
+            if (config.build.ssr) {
+                const [key, value] = Object.entries(bundle).find(([, value]) => value.type === 'chunk' && value.isEntry);
+                delete bundle[key];
+                value.fileName = SSR_BUNDLE_NAME;
+                bundle[SSR_BUNDLE_NAME] = value;
+                // This ensures the file has a proper
+                // default export instead of exporting an
+                // object containing a 'default' property.
+                if (value.type === 'chunk' && !isESM) {
+                    value.code += `\nmodule.exports = exports.default || exports;`;
+                }
+            }
+        },
+        writeBundle(options) {
+            if (config.build.ssr && options.dir) {
+                const mainFile = `./${SSR_BUNDLE_NAME}`;
+                const packageJson = {
+                    type: isESM ? 'module' : 'commonjs',
+                    main: mainFile,
+                    exports: { '.': mainFile, [mainFile]: mainFile },
+                };
+                fs.writeFileSync(path.join(options.dir, 'package.json'), JSON.stringify(packageJson, null, 2), 'utf-8');
+            }
+        },
+    };
+};

package/dist/esnext/framework/plugins/vite-plugin-purge-query-cache.d.ts

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

package/dist/esnext/framework/plugins/vite-plugin-purge-query-cache.js

@@ -0,0 +1,11 @@
+import Crypto from 'crypto';
+export default () => {
+    const buildCacheId = Crypto.randomBytes(8).toString('hex').slice(0, 8);
+    return {
+        name: 'vite-plugin-purge-query-cache',
+        enforce: 'pre',
+        transform(code) {
+            return code.replace('__QUERY_CACHE_ID__', buildCacheId);
+        },
+    };
+};

package/dist/esnext/framework/plugins/vite-plugin-ssr-interop.d.ts

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

package/dist/esnext/framework/plugins/vite-plugin-ssr-interop.js

@@ -0,0 +1,16 @@
+export default () => {
+    return {
+        name: 'vite-plugin-ssr-interop',
+        enforce: 'pre',
+        transform(code, id, options = {}) {
+            if (options.ssr && id.includes('foundation/ssr-interop')) {
+                return {
+                    code: code
+                        .replace(/(\s*META_ENV_SSR\s*=\s*)false/, '$1import.meta.env.SSR')
+                        .replace(/\/\/@SSR\s*/g, ''),
+                    map: { mappings: '' },
+                };
+            }
+        },
+    };
+};

package/dist/esnext/framework/runtime.d.ts

@@ -0,0 +1,13 @@
+export interface RuntimeContext {
+    waitUntil: (fn: Promise<any>) => void;
+}
+/**
+ * Set a global runtime context for the current request.
+ * This is used to encapsulate things like:
+ * - `waitUntil()` to run promises after request has ended
+ */
+export declare function setContext(ctx?: RuntimeContext): void;
+export declare function getContext(): RuntimeContext | undefined;
+export declare function setCache(cache?: Cache): void;
+export declare function getCache(): Cache | undefined;
+export declare function runDelayedFunction(fn: () => Promise<any>): void | Promise<any>;

package/dist/esnext/framework/runtime.js

@@ -0,0 +1,27 @@
+/**
+ * Set a global runtime context for the current request.
+ * This is used to encapsulate things like:
+ * - `waitUntil()` to run promises after request has ended
+ */
+export function setContext(ctx) {
+    globalThis.__ctx = ctx;
+}
+export function getContext() {
+    return globalThis.__ctx;
+}
+export function setCache(cache) {
+    globalThis.__cache = cache;
+}
+export function getCache() {
+    return globalThis.__cache;
+}
+export function runDelayedFunction(fn) {
+    const context = getContext();
+    /**
+     * Runtimes (Oxygen, Node.js) might not have this.
+     */
+    if (!(context === null || context === void 0 ? void 0 : context.waitUntil)) {
+        return fn();
+    }
+    return context.waitUntil(fn());
+}

package/dist/esnext/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/esnext/hooks/index.js

@@ -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/esnext/hooks/useCart/index.d.ts

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

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

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

package/dist/esnext/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("../..").CartWithActions;

package/dist/esnext/hooks/useCart/useCart.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CartContext } from '../../components/CartProvider/context';
+/**
+ * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
+ */
+export function useCart() {
+    const context = React.useContext(CartContext);
+    if (!context) {
+        throw new Error('Expected a Cart Context, but no Cart Context was found');
+    }
+    return context;
+}

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

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

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

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

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

@@ -0,0 +1,29 @@
+/**
+ * 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">)[];
+    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">)[];
+    };
+};

package/dist/esnext/hooks/useCartLine/useCartLine.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { CartLineContext } from '../../components/CartLineProvider/context';
+/**
+ * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
+ */
+export function useCartLine() {
+    const context = useContext(CartLineContext);
+    if (context == null) {
+        throw new Error('Expected a cart line context but none was found');
+    }
+    return context;
+}

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

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

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

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

package/dist/esnext/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/esnext/hooks/useCountry/useCountry.js

@@ -0,0 +1,17 @@
+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/useLoadScript/index.d.ts

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

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

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

package/dist/esnext/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 {};

package/dist/esnext/hooks/useLoadScript/useLoadScript.client.js

@@ -0,0 +1,23 @@
+import { loadScript } from '../../utilities/load_script';
+import { useState, useEffect } from 'react';
+/**
+ * The `useLoadScript` hook loads an external script tag on the client-side.
+ */
+export function useLoadScript(url, options) {
+    const [status, setStatus] = useState('loading');
+    const stringifiedOptions = JSON.stringify(options);
+    useEffect(() => {
+        async function loadScriptWrapper() {
+            try {
+                setStatus('loading');
+                await loadScript(url, options);
+                setStatus('done');
+            }
+            catch (error) {
+                setStatus('error');
+            }
+        }
+        loadScriptWrapper();
+    }, [url, stringifiedOptions, options]);
+    return status;
+}

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

@@ -0,0 +1,9 @@
+import { Measurement } from '../../types';
+export interface UseMeasurementValue {
+    localizedString: string;
+    amount?: string;
+    unitName?: string;
+    parts: Intl.NumberFormatPart[];
+    original: Measurement;
+}
+export declare function useMeasurement(measurement: Measurement, options?: Omit<Intl.NumberFormatOptions, 'unit'>): UseMeasurementValue;

package/dist/esnext/hooks/useMeasurement/hooks.js

@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+import { useShop } from '../../foundation';
+import { getMeasurementAsParts, getMeasurementAsString } from '../../utilities';
+export function useMeasurement(measurement, options = {}) {
+    const { locale } = useShop();
+    return useMemo(() => {
+        return {
+            localizedString: getMeasurementAsString(measurement, locale, options),
+            parts: getMeasurementAsParts(measurement, locale, options),
+            original: measurement,
+        };
+    }, [locale, measurement, options]);
+}

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { CurrencyCode, MoneyV2 } from '../../storefront-api-types';
+export declare type UseMoneyValue = {
+    /**
+     * The currency code from the `MoneyV2` object.
+     */
+    currencyCode: CurrencyCode;
+    /**
+     * The name for the currency code, returned by `Intl.NumberFormat`.
+     */
+    currencyName?: string;
+    /**
+     * The currency symbol returned by `Intl.NumberFormat`.
+     */
+    currencySymbol?: string;
+    /**
+     * The currency narrow symbol returned by `Intl.NumberFormat`.
+     */
+    currencyNarrowSymbol?: string;
+    /**
+     * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.
+     */
+    amount: string;
+    /**
+     * All parts returned by `Intl.NumberFormat.formatToParts`.
+     */
+    parts: Intl.NumberFormatPart[];
+    /**
+     * A string returned by `new Intl.NumberFormat` for the amount and currency code,
+     * using the `defaultLocale` value in [`hydrogenConfig.shopify`](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+     */
+    localizedString: string;
+    /**
+     * The `MoneyV2` object provided as an argument to the hook.
+     */
+    original: MoneyV2;
+    /**
+     * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `$640`.
+     * `$640.42` remains `$640.42`.
+     */
+    withoutTrailingZeros: string;
+    /**
+     * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `640`.
+     * `$640.42` turns into `640.42`.
+     */
+    withoutTrailingZerosAndCurrency: string;
+};
+/**
+ * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a
+ * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by
+ * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).
+ */
+export declare function useMoney(money: MoneyV2): UseMoneyValue;

package/dist/esnext/hooks/useMoney/hooks.js

@@ -0,0 +1,66 @@
+import { useMemo } from 'react';
+import { useShop } from '../../foundation/useShop';
+/**
+ * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a
+ * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by
+ * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).
+ */
+export function useMoney(money) {
+    const { locale } = useShop();
+    const options = useMemo(() => ({
+        style: 'currency',
+        currency: money.currencyCode,
+    }), [money.currencyCode]);
+    const amount = parseFloat(money.amount);
+    const value = useMemo(() => new Intl.NumberFormat(locale, options).format(amount), [amount, locale, options]);
+    const baseParts = new Intl.NumberFormat(locale, options).formatToParts(amount);
+    const nameParts = new Intl.NumberFormat(locale, {
+        ...options,
+        currencyDisplay: 'name',
+    }).formatToParts(amount);
+    const narrowParts = new Intl.NumberFormat(locale, {
+        ...options,
+        currencyDisplay: 'narrowSymbol',
+    }).formatToParts(amount);
+    const withoutTrailingZerosFormatter = new Intl.NumberFormat(locale, {
+        ...options,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    });
+    const withoutCurrencyFormatter = new Intl.NumberFormat(locale);
+    const withoutTrailingZerosOrCurrencyFormatter = new Intl.NumberFormat(locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    });
+    const withoutTrailingZeros = amount % 1 === 0 ? withoutTrailingZerosFormatter.format(amount) : value;
+    const withoutTrailingZerosAndCurrency = amount % 1 === 0
+        ? withoutTrailingZerosOrCurrencyFormatter.format(amount)
+        : withoutCurrencyFormatter.format(amount);
+    const moneyValue = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return ({
+            currencyCode: money.currencyCode,
+            currencyName: (_b = (_a = nameParts.find((part) => part.type === 'currency')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : money.currencyCode,
+            currencySymbol: (_d = (_c = baseParts.find((part) => part.type === 'currency')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : money.currencyCode,
+            currencyNarrowSymbol: (_f = (_e = narrowParts.find((part) => part.type === 'currency')) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
+            parts: baseParts,
+            localizedString: value,
+            amount: baseParts
+                .filter((part) => ['decimal', 'fraction', 'group', 'integer', 'literal'].includes(part.type))
+                .map((part) => part.value)
+                .join(''),
+            original: money,
+            withoutTrailingZeros,
+            withoutTrailingZerosAndCurrency,
+        });
+    }, [
+        baseParts,
+        money,
+        nameParts,
+        narrowParts,
+        value,
+        withoutTrailingZeros,
+        withoutTrailingZerosAndCurrency,
+    ]);
+    return moneyValue;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+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").ProductVariant> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Product> | 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").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").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").Product> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Page> | 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

@@ -0,0 +1,21 @@
+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/hooks/useProduct/index.d.ts

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

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

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

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

@@ -0,0 +1,52 @@
+/**
+ * The `useProduct` hook returns the product object of the nearest `ProductProvider`. It must be a descendent of
+ * a `ProductProvider` component.
+ */
+export declare function useProduct(): {
+    description?: string | undefined;
+    id?: string | undefined;
+    title?: string | undefined;
+    __typename?: "Product" | undefined;
+    createdAt?: string | undefined;
+    updatedAt?: string | undefined;
+    availableForSale?: boolean | undefined;
+    handle?: string | undefined;
+    metafield?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Metafield> | null | undefined;
+    onlineStoreUrl?: import("../../storefront-api-types").Maybe<string> | undefined;
+    compareAtPriceRange?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductPriceRange> | undefined;
+    descriptionHtml?: string | undefined;
+    featuredImage?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Image> | null | undefined;
+    priceRange?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductPriceRange> | undefined;
+    productType?: string | undefined;
+    publishedAt?: string | undefined;
+    requiresSellingPlan?: boolean | undefined;
+    seo?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Seo> | undefined;
+    tags?: (string | undefined)[] | undefined;
+    totalInventory?: import("../../storefront-api-types").Maybe<number> | undefined;
+    variantBySelectedOptions?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariant> | null | undefined;
+    vendor?: string | undefined;
+    media?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Video> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ExternalVideo> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Model3d> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").MediaImage> | undefined;
+    mediaConnection?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").MediaConnection> | undefined;
+    metafields?: (import("type-fest/source/partial-deep").PartialObjectDeep<import("../../types").ParsedMetafield> | undefined)[] | undefined;
+    metafieldsConnection?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").MetafieldConnection> | undefined;
+    images?: (import("type-fest/source/partial-deep").PartialObjectDeep<Partial<import("../../storefront-api-types").Image>> | undefined)[] | undefined;
+    imagesConnection?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ImageConnection> | undefined;
+    collections?: (import("type-fest/source/partial-deep").PartialObjectDeep<Partial<import("../../storefront-api-types").Collection>> | undefined)[] | undefined;
+    collectionsConnection?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").CollectionConnection> | undefined;
+    variants?: (import("type-fest/source/partial-deep").PartialObjectDeep<Partial<import("../../storefront-api-types").ProductVariant>> | undefined)[] | undefined;
+    variantsConnection?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariantConnection> | undefined;
+    options?: import("../useProductOptions").OptionWithValues[] | undefined;
+    selectedVariant?: import("../../storefront-api-types").ProductVariant | null | undefined;
+    setSelectedVariant?: import("../useProductOptions").SelectVariantCallback | undefined;
+    selectedOptions?: import("../useProductOptions").SelectedOptions | undefined;
+    setSelectedOption?: import("../useProductOptions").SelectOptionCallback | undefined;
+    setSelectedOptions?: import("../useProductOptions").SelectOptionsCallback | undefined;
+    isOptionInStock?: import("../useProductOptions").OptionsInStockCallback | undefined;
+    setSelectedSellingPlan?: import("../useProductOptions").SelectedSellingPlanCallback | undefined;
+    selectedSellingPlan?: import("../../storefront-api-types").SellingPlan | undefined;
+    selectedSellingPlanAllocation?: import("../../storefront-api-types").SellingPlanAllocation | undefined;
+    sellingPlanGroups?: (Omit<import("../../storefront-api-types").SellingPlanGroup, "sellingPlans"> & {
+        sellingPlans: import("../../storefront-api-types").SellingPlan[];
+    })[] | undefined;
+    sellingPlanGroupsConnection?: import("../../storefront-api-types").SellingPlanConnection | undefined;
+};