@shopify/hydrogen-react 2026.4.0 → 2026.4.2

package/dist/browser-prod/Money.mjs

@@ -1,43 +1,57 @@
-import { jsxs, Fragment } from "react/jsx-runtime";
 import { useMoney } from "./useMoney.mjs";
-function Money({
-  data,
-  as,
-  withoutCurrency,
-  withoutTrailingZeros,
-  measurement,
-  measurementSeparator = "/",
-  ...passthroughProps
-}) {
-  if (!isMoney(data)) {
-    throw new Error(
-      `<Money/> needs a valid 'data' prop that has 'amount' and 'currencyCode'`
-    );
-  }
-  const moneyObject = useMoney(data);
-  const Wrapper = as ?? "div";
-  let output = moneyObject.localizedString;
-  if (withoutCurrency || withoutTrailingZeros) {
-    if (withoutCurrency && !withoutTrailingZeros) {
-      output = moneyObject.amount;
-    } else if (!withoutCurrency && withoutTrailingZeros) {
-      output = moneyObject.withoutTrailingZeros;
-    } else {
-      output = moneyObject.withoutTrailingZerosAndCurrency;
-    }
-  }
-  return /* @__PURE__ */ jsxs(Wrapper, { ...passthroughProps, children: [
-    output,
-    measurement && measurement.referenceUnit && /* @__PURE__ */ jsxs(Fragment, { children: [
-      measurementSeparator,
-      measurement.referenceUnit
-    ] })
-  ] });
+import { Fragment, jsxs } from "react/jsx-runtime";
+//#region src/Money.tsx
+/**
+* The `Money` component renders a string of the [Storefront API's MoneyV2 object](https://shopify.dev/docs/api/storefront/2026-04/objects/MoneyV2)
+* or the [Customer Account API's MoneyV2 object](https://shopify.dev/docs/api/customer/2026-04/objects/moneyv2)
+* according to the `locale` in the `ShopifyProvider` component.
+* &nbsp;
+* @see {@link https://shopify.dev/api/hydrogen/components/money}
+* @example basic usage, outputs: $100.00
+* ```ts
+* <Money data={{amount: '100.00', currencyCode: 'USD'}} />
+* ```
+* &nbsp;
+*
+* @example without currency, outputs: 100.00
+* ```ts
+* <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutCurrency />
+* ```
+* &nbsp;
+*
+* @example without trailing zeros, outputs: $100
+* ```ts
+* <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutTrailingZeros />
+* ```
+* &nbsp;
+*
+* @example with per-unit measurement, outputs: $100.00 per G
+* ```ts
+* <Money
+*   data={{amount: '100.00', currencyCode: 'USD'}}
+*   measurement={{referenceUnit: 'G'}}
+*   measurementSeparator=" per "
+* />
+* ```
+* @publicDocs
+*/
+function Money({ data, as, withoutCurrency, withoutTrailingZeros, measurement, measurementSeparator = "/", ...passthroughProps }) {
+	if (!isMoney(data)) throw new Error(`<Money/> needs a valid 'data' prop that has 'amount' and 'currencyCode'`);
+	const moneyObject = useMoney(data);
+	const Wrapper = as ?? "div";
+	let output = moneyObject.localizedString;
+	if (withoutCurrency || withoutTrailingZeros) if (withoutCurrency && !withoutTrailingZeros) output = moneyObject.amount;
+	else if (!withoutCurrency && withoutTrailingZeros) output = moneyObject.withoutTrailingZeros;
+	else output = moneyObject.withoutTrailingZerosAndCurrency;
+	return /* @__PURE__ */ jsxs(Wrapper, {
+		...passthroughProps,
+		children: [output, measurement && measurement.referenceUnit && /* @__PURE__ */ jsxs(Fragment, { children: [measurementSeparator, measurement.referenceUnit] })]
+	});
 }
 function isMoney(maybeMoney) {
-  return typeof maybeMoney.amount === "string" && !!maybeMoney.amount && typeof maybeMoney.currencyCode === "string" && !!maybeMoney.currencyCode;
+	return typeof maybeMoney.amount === "string" && !!maybeMoney.amount && typeof maybeMoney.currencyCode === "string" && !!maybeMoney.currencyCode;
 }
-export {
-  Money
-};
-//# sourceMappingURL=Money.mjs.map
+//#endregion
+export { Money };
+
+//# sourceMappingURL=Money.mjs.map

package/dist/browser-prod/Money.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Money.mjs","sources":["../../src/Money.tsx"],"sourcesContent":["import {type ReactNode} from 'react';\nimport {useMoney} from './useMoney.js';\nimport type {\n  MoneyV2 as StorefrontApiMoneyV2,\n  UnitPriceMeasurement,\n} from './storefront-api-types.js';\nimport type {MoneyV2 as CustomerAccountApiMoneyV2} from './customer-account-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\n/**\n * Supports MoneyV2 from both Storefront API and Customer Account API.\n * The APIs may have different CurrencyCode enums (e.g., Customer Account API added USDC in 2025-10, but Storefront API doesn't support USDC in 2025-10).\n * This union type ensures Money component works with data from either API.\n */\ntype MoneyV2 = StorefrontApiMoneyV2 | CustomerAccountApiMoneyV2;\n\nexport interface MoneyPropsBase<ComponentGeneric extends React.ElementType> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `div`. */\n  as?: ComponentGeneric;\n  /** An object with fields that correspond to the [Storefront API's MoneyV2 object](https://shopify.dev/docs/api/storefront/2026-04/objects/MoneyV2) or [Customer Account API's MoneyV2 object](https://shopify.dev/docs/api/customer/2026-04/objects/moneyv2). */\n  data: PartialDeep<MoneyV2, {recurseIntoArrays: true}>;\n  /** Whether to remove the currency symbol from the output. */\n  withoutCurrency?: boolean;\n  /** Whether to remove trailing zeros (fractional money) from the output. */\n  withoutTrailingZeros?: boolean;\n  /** A [UnitPriceMeasurement object](https://shopify.dev/api/storefront/2026-04/objects/unitpricemeasurement). */\n  measurement?: PartialDeep<UnitPriceMeasurement, {recurseIntoArrays: true}>;\n  /** Customizes the separator between the money output and the measurement output. Used with the `measurement` prop. Defaults to `'/'`. */\n  measurementSeparator?: ReactNode;\n}\n\n// This article helps understand the typing here https://www.benmvp.com/blog/polymorphic-react-components-typescript/ Ben is the best :)\nexport type MoneyProps<ComponentGeneric extends React.ElementType> =\n  MoneyPropsBase<ComponentGeneric> &\n    (ComponentGeneric extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<ComponentGeneric>,\n          keyof MoneyPropsBase<ComponentGeneric>\n        >\n      : React.ComponentPropsWithoutRef<ComponentGeneric>);\n\n/**\n * The `Money` component renders a string of the [Storefront API's MoneyV2 object](https://shopify.dev/docs/api/storefront/2026-04/objects/MoneyV2)\n * or the [Customer Account API's MoneyV2 object](https://shopify.dev/docs/api/customer/2026-04/objects/moneyv2)\n * according to the `locale` in the `ShopifyProvider` component.\n * &nbsp;\n * @see {@link https://shopify.dev/api/hydrogen/components/money}\n * @example basic usage, outputs: $100.00\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} />\n * ```\n * &nbsp;\n *\n * @example without currency, outputs: 100.00\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutCurrency />\n * ```\n * &nbsp;\n *\n * @example without trailing zeros, outputs: $100\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutTrailingZeros />\n * ```\n * &nbsp;\n *\n * @example with per-unit measurement, outputs: $100.00 per G\n * ```ts\n * <Money\n *   data={{amount: '100.00', currencyCode: 'USD'}}\n *   measurement={{referenceUnit: 'G'}}\n *   measurementSeparator=\" per \"\n * />\n * ```\n */\nexport function Money<ComponentGeneric extends React.ElementType = 'div'>({\n  data,\n  as,\n  withoutCurrency,\n  withoutTrailingZeros,\n  measurement,\n  measurementSeparator = '/',\n  ...passthroughProps\n}: MoneyProps<ComponentGeneric>): JSX.Element {\n  if (!isMoney(data)) {\n    throw new Error(\n      `<Money/> needs a valid 'data' prop that has 'amount' and 'currencyCode'`,\n    );\n  }\n  const moneyObject = useMoney(data);\n  const Wrapper = as ?? 'div';\n\n  let output = moneyObject.localizedString;\n\n  if (withoutCurrency || withoutTrailingZeros) {\n    if (withoutCurrency && !withoutTrailingZeros) {\n      output = moneyObject.amount;\n    } else if (!withoutCurrency && withoutTrailingZeros) {\n      output = moneyObject.withoutTrailingZeros;\n    } else {\n      // both\n      output = moneyObject.withoutTrailingZerosAndCurrency;\n    }\n  }\n\n  return (\n    <Wrapper {...passthroughProps}>\n      {output}\n      {measurement && measurement.referenceUnit && (\n        <>\n          {measurementSeparator}\n          {measurement.referenceUnit}\n        </>\n      )}\n    </Wrapper>\n  );\n}\n\n// required in order to narrow the money object down and make TS happy\nfunction isMoney(\n  maybeMoney: PartialDeep<MoneyV2, {recurseIntoArrays: true}>,\n): maybeMoney is MoneyV2 {\n  return (\n    typeof maybeMoney.amount === 'string' &&\n    !!maybeMoney.amount &&\n    typeof maybeMoney.currencyCode === 'string' &&\n    !!maybeMoney.currencyCode\n  );\n}\n"],"names":[],"mappings":";;AA0EO,SAAS,MAA0D;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,GAAG;AACL,GAA8C;AAC5C,MAAI,CAAC,QAAQ,IAAI,GAAG;AAClB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,cAAc,SAAS,IAAI;AACjC,QAAM,UAAU,MAAM;AAEtB,MAAI,SAAS,YAAY;AAEzB,MAAI,mBAAmB,sBAAsB;AAC3C,QAAI,mBAAmB,CAAC,sBAAsB;AAC5C,eAAS,YAAY;AAAA,IACvB,WAAW,CAAC,mBAAmB,sBAAsB;AACnD,eAAS,YAAY;AAAA,IACvB,OAAO;AAEL,eAAS,YAAY;AAAA,IACvB;AAAA,EACF;AAEA,SACE,qBAAC,SAAA,EAAS,GAAG,kBACV,UAAA;AAAA,IAAA;AAAA,IACA,eAAe,YAAY,iBAC1B,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA;AAAA,MACA,YAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GAEJ;AAEJ;AAGA,SAAS,QACP,YACuB;AACvB,SACE,OAAO,WAAW,WAAW,YAC7B,CAAC,CAAC,WAAW,UACb,OAAO,WAAW,iBAAiB,YACnC,CAAC,CAAC,WAAW;AAEjB;"}
+{"version":3,"file":"Money.mjs","names":[],"sources":["../../src/Money.tsx"],"sourcesContent":["import {type ReactNode} from 'react';\nimport {useMoney} from './useMoney.js';\nimport type {\n  MoneyV2 as StorefrontApiMoneyV2,\n  UnitPriceMeasurement,\n} from './storefront-api-types.js';\nimport type {MoneyV2 as CustomerAccountApiMoneyV2} from './customer-account-api-types.js';\nimport type {PartialDeep} from 'type-fest';\n\n/**\n * Supports MoneyV2 from both Storefront API and Customer Account API.\n * The APIs may have different CurrencyCode enums (e.g., Customer Account API added USDC in 2025-10, but Storefront API doesn't support USDC in 2025-10).\n * This union type ensures Money component works with data from either API.\n */\ntype MoneyV2 = StorefrontApiMoneyV2 | CustomerAccountApiMoneyV2;\n\nexport interface MoneyPropsBase<ComponentGeneric extends React.ElementType> {\n  /** An HTML tag or React Component to be rendered as the base element wrapper. The default is `div`. */\n  as?: ComponentGeneric;\n  /** An object with fields that correspond to the [Storefront API's MoneyV2 object](https://shopify.dev/docs/api/storefront/2026-04/objects/MoneyV2) or [Customer Account API's MoneyV2 object](https://shopify.dev/docs/api/customer/2026-04/objects/moneyv2). */\n  data: PartialDeep<MoneyV2, {recurseIntoArrays: true}>;\n  /** Whether to remove the currency symbol from the output. */\n  withoutCurrency?: boolean;\n  /** Whether to remove trailing zeros (fractional money) from the output. */\n  withoutTrailingZeros?: boolean;\n  /** A [UnitPriceMeasurement object](https://shopify.dev/api/storefront/2026-04/objects/unitpricemeasurement). */\n  measurement?: PartialDeep<UnitPriceMeasurement, {recurseIntoArrays: true}>;\n  /** Customizes the separator between the money output and the measurement output. Used with the `measurement` prop. Defaults to `'/'`. */\n  measurementSeparator?: ReactNode;\n}\n\n// This article helps understand the typing here https://www.benmvp.com/blog/polymorphic-react-components-typescript/ Ben is the best :)\nexport type MoneyProps<ComponentGeneric extends React.ElementType> =\n  MoneyPropsBase<ComponentGeneric> &\n    (ComponentGeneric extends keyof React.JSX.IntrinsicElements\n      ? Omit<\n          React.ComponentPropsWithoutRef<ComponentGeneric>,\n          keyof MoneyPropsBase<ComponentGeneric>\n        >\n      : React.ComponentPropsWithoutRef<ComponentGeneric>);\n\n/**\n * The `Money` component renders a string of the [Storefront API's MoneyV2 object](https://shopify.dev/docs/api/storefront/2026-04/objects/MoneyV2)\n * or the [Customer Account API's MoneyV2 object](https://shopify.dev/docs/api/customer/2026-04/objects/moneyv2)\n * according to the `locale` in the `ShopifyProvider` component.\n * &nbsp;\n * @see {@link https://shopify.dev/api/hydrogen/components/money}\n * @example basic usage, outputs: $100.00\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} />\n * ```\n * &nbsp;\n *\n * @example without currency, outputs: 100.00\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutCurrency />\n * ```\n * &nbsp;\n *\n * @example without trailing zeros, outputs: $100\n * ```ts\n * <Money data={{amount: '100.00', currencyCode: 'USD'}} withoutTrailingZeros />\n * ```\n * &nbsp;\n *\n * @example with per-unit measurement, outputs: $100.00 per G\n * ```ts\n * <Money\n *   data={{amount: '100.00', currencyCode: 'USD'}}\n *   measurement={{referenceUnit: 'G'}}\n *   measurementSeparator=\" per \"\n * />\n * ```\n * @publicDocs\n */\nexport function Money<ComponentGeneric extends React.ElementType = 'div'>({\n  data,\n  as,\n  withoutCurrency,\n  withoutTrailingZeros,\n  measurement,\n  measurementSeparator = '/',\n  ...passthroughProps\n}: MoneyProps<ComponentGeneric>): JSX.Element {\n  if (!isMoney(data)) {\n    throw new Error(\n      `<Money/> needs a valid 'data' prop that has 'amount' and 'currencyCode'`,\n    );\n  }\n  const moneyObject = useMoney(data);\n  const Wrapper = as ?? 'div';\n\n  let output = moneyObject.localizedString;\n\n  if (withoutCurrency || withoutTrailingZeros) {\n    if (withoutCurrency && !withoutTrailingZeros) {\n      output = moneyObject.amount;\n    } else if (!withoutCurrency && withoutTrailingZeros) {\n      output = moneyObject.withoutTrailingZeros;\n    } else {\n      // both\n      output = moneyObject.withoutTrailingZerosAndCurrency;\n    }\n  }\n\n  return (\n    <Wrapper {...passthroughProps}>\n      {output}\n      {measurement && measurement.referenceUnit && (\n        <>\n          {measurementSeparator}\n          {measurement.referenceUnit}\n        </>\n      )}\n    </Wrapper>\n  );\n}\n\n// required in order to narrow the money object down and make TS happy\nfunction isMoney(\n  maybeMoney: PartialDeep<MoneyV2, {recurseIntoArrays: true}>,\n): maybeMoney is MoneyV2 {\n  return (\n    typeof maybeMoney.amount === 'string' &&\n    !!maybeMoney.amount &&\n    typeof maybeMoney.currencyCode === 'string' &&\n    !!maybeMoney.currencyCode\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,SAAgB,MAA0D,EACxE,MACA,IACA,iBACA,sBACA,aACA,uBAAuB,KACvB,GAAG,oBACyC;AAC5C,KAAI,CAAC,QAAQ,KAAK,CAChB,OAAM,IAAI,MACR,0EACD;CAEH,MAAM,cAAc,SAAS,KAAK;CAClC,MAAM,UAAU,MAAM;CAEtB,IAAI,SAAS,YAAY;AAEzB,KAAI,mBAAmB,qBACrB,KAAI,mBAAmB,CAAC,qBACtB,UAAS,YAAY;UACZ,CAAC,mBAAmB,qBAC7B,UAAS,YAAY;KAGrB,UAAS,YAAY;AAIzB,QACE,qBAAC,SAAD;EAAS,GAAI;YAAb,CACG,QACA,eAAe,YAAY,iBAC1B,qBAAA,UAAA,EAAA,UAAA,CACG,sBACA,YAAY,cACZ,EAAA,CAAA,CAEG;;;AAKd,SAAS,QACP,YACuB;AACvB,QACE,OAAO,WAAW,WAAW,YAC7B,CAAC,CAAC,WAAW,UACb,OAAO,WAAW,iBAAiB,YACnC,CAAC,CAAC,WAAW"}

package/dist/browser-prod/ProductPrice.mjs

@@ -1,64 +1,47 @@
-import { jsx } from "react/jsx-runtime";
-import { Money } from "./Money.mjs";
 import { flattenConnection } from "./flatten-connection.mjs";
+import { Money } from "./Money.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ProductPrice.tsx
+/**
+* The `ProductPrice` component renders a `Money` component with the product
+* [`priceRange`](https://shopify.dev/api/storefront/reference/products/productpricerange)'s `maxVariantPrice` or `minVariantPrice`, for either the regular price or compare at price range.
+* @publicDocs
+*/
 function ProductPrice(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const {
-    priceType = "regular",
-    variantId,
-    valueType = "min",
-    data: product,
-    ...passthroughProps
-  } = props;
-  if (product == null) {
-    throw new Error(`<ProductPrice/> requires a product as the 'data' prop`);
-  }
-  let price;
-  let measurement;
-  const variant = variantId ? flattenConnection((product == null ? void 0 : product.variants) ?? {}).find(
-    (variant2) => (variant2 == null ? void 0 : variant2.id) === variantId
-  ) ?? null : null;
-  const variantPriceProperty = valueType === "max" ? "maxVariantPrice" : "minVariantPrice";
-  if (priceType === "compareAt") {
-    if (variantId && variant) {
-      price = variant.compareAtPrice;
-    } else {
-      price = (_a = product == null ? void 0 : product.compareAtPriceRange) == null ? void 0 : _a[variantPriceProperty];
-    }
-    let priceAsNumber;
-    if (variantId && variant) {
-      priceAsNumber = parseFloat(((_b = variant.price) == null ? void 0 : _b.amount) ?? "0");
-    } else {
-      priceAsNumber = parseFloat(
-        ((_d = (_c = product == null ? void 0 : product.priceRange) == null ? void 0 : _c[variantPriceProperty]) == null ? void 0 : _d.amount) ?? "0"
-      );
-    }
-    const compareAtPriceAsNumber = parseFloat((price == null ? void 0 : price.amount) ?? "0");
-    if (priceAsNumber >= compareAtPriceAsNumber) {
-      return null;
-    }
-  } else {
-    if (variantId && variant) {
-      price = variant.price;
-      if (valueType === "unit") {
-        price = variant.unitPrice;
-        measurement = variant.unitPriceMeasurement;
-      }
-    } else if (valueType === "max") {
-      price = (_e = product.priceRange) == null ? void 0 : _e.maxVariantPrice;
-    } else {
-      price = (_f = product.priceRange) == null ? void 0 : _f.minVariantPrice;
-    }
-  }
-  if (!price) {
-    return null;
-  }
-  if (measurement) {
-    return /* @__PURE__ */ jsx(Money, { ...passthroughProps, data: price, measurement });
-  }
-  return /* @__PURE__ */ jsx(Money, { ...passthroughProps, data: price });
+	const { priceType = "regular", variantId, valueType = "min", data: product, ...passthroughProps } = props;
+	if (product == null) throw new Error(`<ProductPrice/> requires a product as the 'data' prop`);
+	let price;
+	let measurement;
+	const variant = variantId ? flattenConnection(product?.variants ?? {}).find((variant) => variant?.id === variantId) ?? null : null;
+	const variantPriceProperty = valueType === "max" ? "maxVariantPrice" : "minVariantPrice";
+	if (priceType === "compareAt") {
+		if (variantId && variant) price = variant.compareAtPrice;
+		else price = product?.compareAtPriceRange?.[variantPriceProperty];
+		let priceAsNumber;
+		if (variantId && variant) priceAsNumber = parseFloat(variant.price?.amount ?? "0");
+		else priceAsNumber = parseFloat(product?.priceRange?.[variantPriceProperty]?.amount ?? "0");
+		const compareAtPriceAsNumber = parseFloat(price?.amount ?? "0");
+		if (priceAsNumber >= compareAtPriceAsNumber) return null;
+	} else if (variantId && variant) {
+		price = variant.price;
+		if (valueType === "unit") {
+			price = variant.unitPrice;
+			measurement = variant.unitPriceMeasurement;
+		}
+	} else if (valueType === "max") price = product.priceRange?.maxVariantPrice;
+	else price = product.priceRange?.minVariantPrice;
+	if (!price) return null;
+	if (measurement) return /* @__PURE__ */ jsx(Money, {
+		...passthroughProps,
+		data: price,
+		measurement
+	});
+	return /* @__PURE__ */ jsx(Money, {
+		...passthroughProps,
+		data: price
+	});
 }
-export {
-  ProductPrice
-};
-//# sourceMappingURL=ProductPrice.mjs.map
+//#endregion
+export { ProductPrice };
+
+//# sourceMappingURL=ProductPrice.mjs.map

package/dist/browser-prod/ProductPrice.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPrice.mjs","sources":["../../src/ProductPrice.tsx"],"sourcesContent":["import type {\n  MoneyV2,\n  UnitPriceMeasurement,\n  Product,\n} from './storefront-api-types.js';\nimport {Money, type MoneyProps, type MoneyPropsBase} from './Money.js';\nimport type {PartialDeep} from 'type-fest';\nimport {flattenConnection} from './flatten-connection.js';\n\nexport interface ProductPriceProps {\n  /** A Storefront API [Product object](https://shopify.dev/api/storefront/reference/products/product). */\n  data: PartialDeep<Product, {recurseIntoArrays: true}>;\n  /** The type of price. Valid values: `regular` (default) or `compareAt`. */\n  priceType?: 'regular' | 'compareAt';\n  /** The type of value. Valid values: `min` (default), `max` or `unit`. */\n  valueType?: 'max' | 'min' | 'unit';\n  /** The ID of the variant. */\n  variantId?: string;\n}\n\n/**\n * The `ProductPrice` component renders a `Money` component with the product\n * [`priceRange`](https://shopify.dev/api/storefront/reference/products/productpricerange)'s `maxVariantPrice` or `minVariantPrice`, for either the regular price or compare at price range.\n */\nexport function ProductPrice<\n  ComponentGeneric extends React.ElementType = 'div',\n>(\n  props: ProductPriceProps &\n    Omit<MoneyProps<ComponentGeneric>, 'data' | 'measurement'>,\n): JSX.Element | null {\n  const {\n    priceType = 'regular',\n    variantId,\n    valueType = 'min',\n    data: product,\n    ...passthroughProps\n  } = props;\n\n  if (product == null) {\n    throw new Error(`<ProductPrice/> requires a product as the 'data' prop`);\n  }\n\n  let price: Partial<MoneyV2> | undefined | null;\n  let measurement: Partial<UnitPriceMeasurement> | undefined | null;\n\n  const variant = variantId\n    ? (flattenConnection(product?.variants ?? {}).find(\n        (variant) => variant?.id === variantId,\n      ) ?? null)\n    : null;\n\n  const variantPriceProperty =\n    valueType === 'max' ? 'maxVariantPrice' : 'minVariantPrice';\n\n  if (priceType === 'compareAt') {\n    if (variantId && variant) {\n      price = variant.compareAtPrice;\n    } else {\n      price = product?.compareAtPriceRange?.[variantPriceProperty];\n    }\n\n    let priceAsNumber: number;\n    if (variantId && variant) {\n      priceAsNumber = parseFloat(variant.price?.amount ?? '0');\n    } else {\n      priceAsNumber = parseFloat(\n        product?.priceRange?.[variantPriceProperty]?.amount ?? '0',\n      );\n    }\n\n    const compareAtPriceAsNumber = parseFloat(price?.amount ?? '0');\n\n    if (priceAsNumber >= compareAtPriceAsNumber) {\n      return null;\n    }\n  } else {\n    if (variantId && variant) {\n      price = variant.price;\n      if (valueType === 'unit') {\n        price = variant.unitPrice;\n        measurement = variant.unitPriceMeasurement;\n      }\n    } else if (valueType === 'max') {\n      price = product.priceRange?.maxVariantPrice;\n    } else {\n      price = product.priceRange?.minVariantPrice;\n    }\n  }\n\n  if (!price) {\n    return null;\n  }\n\n  if (measurement) {\n    return (\n      <Money {...passthroughProps} data={price} measurement={measurement} />\n    );\n  }\n\n  return <Money {...passthroughProps} data={price} />;\n}\n\n// This is only for documentation purposes, and it is not used in the code.\nexport interface ProductPricePropsForDocs<\n  AsType extends React.ElementType = 'div',\n>\n  extends\n    Omit<MoneyPropsBase<AsType>, 'data' | 'measurement'>,\n    ProductPriceProps {}\n"],"names":["variant"],"mappings":";;;AAwBO,SAAS,aAGd,OAEoB;;AACpB,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AAEJ,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,MAAI;AACJ,MAAI;AAEJ,QAAM,UAAU,YACX,mBAAkB,mCAAS,aAAY,CAAA,CAAE,EAAE;AAAA,IAC1C,CAACA,cAAYA,qCAAS,QAAO;AAAA,EAAA,KAC1B,OACL;AAEJ,QAAM,uBACJ,cAAc,QAAQ,oBAAoB;AAE5C,MAAI,cAAc,aAAa;AAC7B,QAAI,aAAa,SAAS;AACxB,cAAQ,QAAQ;AAAA,IAClB,OAAO;AACL,eAAQ,wCAAS,wBAAT,mBAA+B;AAAA,IACzC;AAEA,QAAI;AACJ,QAAI,aAAa,SAAS;AACxB,sBAAgB,aAAW,aAAQ,UAAR,mBAAe,WAAU,GAAG;AAAA,IACzD,OAAO;AACL,sBAAgB;AAAA,UACd,8CAAS,eAAT,mBAAsB,0BAAtB,mBAA6C,WAAU;AAAA,MAAA;AAAA,IAE3D;AAEA,UAAM,yBAAyB,YAAW,+BAAO,WAAU,GAAG;AAE9D,QAAI,iBAAiB,wBAAwB;AAC3C,aAAO;AAAA,IACT;AAAA,EACF,OAAO;AACL,QAAI,aAAa,SAAS;AACxB,cAAQ,QAAQ;AAChB,UAAI,cAAc,QAAQ;AACxB,gBAAQ,QAAQ;AAChB,sBAAc,QAAQ;AAAA,MACxB;AAAA,IACF,WAAW,cAAc,OAAO;AAC9B,eAAQ,aAAQ,eAAR,mBAAoB;AAAA,IAC9B,OAAO;AACL,eAAQ,aAAQ,eAAR,mBAAoB;AAAA,IAC9B;AAAA,EACF;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,aAAa;AACf,+BACG,OAAA,EAAO,GAAG,kBAAkB,MAAM,OAAO,aAA0B;AAAA,EAExE;AAEA,SAAO,oBAAC,OAAA,EAAO,GAAG,kBAAkB,MAAM,OAAO;AACnD;"}
+{"version":3,"file":"ProductPrice.mjs","names":[],"sources":["../../src/ProductPrice.tsx"],"sourcesContent":["import type {\n  MoneyV2,\n  UnitPriceMeasurement,\n  Product,\n} from './storefront-api-types.js';\nimport {Money, type MoneyProps, type MoneyPropsBase} from './Money.js';\nimport type {PartialDeep} from 'type-fest';\nimport {flattenConnection} from './flatten-connection.js';\n\nexport interface ProductPriceProps {\n  /** A Storefront API [Product object](https://shopify.dev/api/storefront/reference/products/product). */\n  data: PartialDeep<Product, {recurseIntoArrays: true}>;\n  /** The type of price. Valid values: `regular` (default) or `compareAt`. */\n  priceType?: 'regular' | 'compareAt';\n  /** The type of value. Valid values: `min` (default), `max` or `unit`. */\n  valueType?: 'max' | 'min' | 'unit';\n  /** The ID of the variant. */\n  variantId?: string;\n}\n\n/**\n * The `ProductPrice` component renders a `Money` component with the product\n * [`priceRange`](https://shopify.dev/api/storefront/reference/products/productpricerange)'s `maxVariantPrice` or `minVariantPrice`, for either the regular price or compare at price range.\n * @publicDocs\n */\nexport function ProductPrice<\n  ComponentGeneric extends React.ElementType = 'div',\n>(\n  props: ProductPriceProps &\n    Omit<MoneyProps<ComponentGeneric>, 'data' | 'measurement'>,\n): JSX.Element | null {\n  const {\n    priceType = 'regular',\n    variantId,\n    valueType = 'min',\n    data: product,\n    ...passthroughProps\n  } = props;\n\n  if (product == null) {\n    throw new Error(`<ProductPrice/> requires a product as the 'data' prop`);\n  }\n\n  let price: Partial<MoneyV2> | undefined | null;\n  let measurement: Partial<UnitPriceMeasurement> | undefined | null;\n\n  const variant = variantId\n    ? (flattenConnection(product?.variants ?? {}).find(\n        (variant) => variant?.id === variantId,\n      ) ?? null)\n    : null;\n\n  const variantPriceProperty =\n    valueType === 'max' ? 'maxVariantPrice' : 'minVariantPrice';\n\n  if (priceType === 'compareAt') {\n    if (variantId && variant) {\n      price = variant.compareAtPrice;\n    } else {\n      price = product?.compareAtPriceRange?.[variantPriceProperty];\n    }\n\n    let priceAsNumber: number;\n    if (variantId && variant) {\n      priceAsNumber = parseFloat(variant.price?.amount ?? '0');\n    } else {\n      priceAsNumber = parseFloat(\n        product?.priceRange?.[variantPriceProperty]?.amount ?? '0',\n      );\n    }\n\n    const compareAtPriceAsNumber = parseFloat(price?.amount ?? '0');\n\n    if (priceAsNumber >= compareAtPriceAsNumber) {\n      return null;\n    }\n  } else {\n    if (variantId && variant) {\n      price = variant.price;\n      if (valueType === 'unit') {\n        price = variant.unitPrice;\n        measurement = variant.unitPriceMeasurement;\n      }\n    } else if (valueType === 'max') {\n      price = product.priceRange?.maxVariantPrice;\n    } else {\n      price = product.priceRange?.minVariantPrice;\n    }\n  }\n\n  if (!price) {\n    return null;\n  }\n\n  if (measurement) {\n    return (\n      <Money {...passthroughProps} data={price} measurement={measurement} />\n    );\n  }\n\n  return <Money {...passthroughProps} data={price} />;\n}\n\n// This is only for documentation purposes, and it is not used in the code.\n/** @publicDocs */\nexport interface ProductPricePropsForDocs<\n  AsType extends React.ElementType = 'div',\n>\n  extends\n    Omit<MoneyPropsBase<AsType>, 'data' | 'measurement'>,\n    ProductPriceProps {}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,aAGd,OAEoB;CACpB,MAAM,EACJ,YAAY,WACZ,WACA,YAAY,OACZ,MAAM,SACN,GAAG,qBACD;AAEJ,KAAI,WAAW,KACb,OAAM,IAAI,MAAM,wDAAwD;CAG1E,IAAI;CACJ,IAAI;CAEJ,MAAM,UAAU,YACX,kBAAkB,SAAS,YAAY,EAAE,CAAC,CAAC,MACzC,YAAY,SAAS,OAAO,UAC9B,IAAI,OACL;CAEJ,MAAM,uBACJ,cAAc,QAAQ,oBAAoB;AAE5C,KAAI,cAAc,aAAa;AAC7B,MAAI,aAAa,QACf,SAAQ,QAAQ;MAEhB,SAAQ,SAAS,sBAAsB;EAGzC,IAAI;AACJ,MAAI,aAAa,QACf,iBAAgB,WAAW,QAAQ,OAAO,UAAU,IAAI;MAExD,iBAAgB,WACd,SAAS,aAAa,uBAAuB,UAAU,IACxD;EAGH,MAAM,yBAAyB,WAAW,OAAO,UAAU,IAAI;AAE/D,MAAI,iBAAiB,uBACnB,QAAO;YAGL,aAAa,SAAS;AACxB,UAAQ,QAAQ;AAChB,MAAI,cAAc,QAAQ;AACxB,WAAQ,QAAQ;AAChB,iBAAc,QAAQ;;YAEf,cAAc,MACvB,SAAQ,QAAQ,YAAY;KAE5B,SAAQ,QAAQ,YAAY;AAIhC,KAAI,CAAC,MACH,QAAO;AAGT,KAAI,YACF,QACE,oBAAC,OAAD;EAAO,GAAI;EAAkB,MAAM;EAAoB;EAAe,CAAA;AAI1E,QAAO,oBAAC,OAAD;EAAO,GAAI;EAAkB,MAAM;EAAS,CAAA"}

package/dist/browser-prod/ProductProvider.mjs

@@ -1,193 +1,161 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useState, useEffect, useCallback, useContext, createContext } from "react";
 import { flattenConnection } from "./flatten-connection.mjs";
-const ProductOptionsContext = createContext(null);
-function ProductProvider({
-  children,
-  data: product,
-  initialVariantId: explicitVariantId
-}) {
-  const variants = useMemo(
-    () => flattenConnection(product.variants ?? {}),
-    [product.variants]
-  );
-  if (!isProductVariantArray(variants)) {
-    throw new Error(
-      `<ProductProvider/> requires 'product.variants.nodes' or 'product.variants.edges'`
-    );
-  }
-  const options = useMemo(() => getOptions(variants), [variants]);
-  const [selectedVariant, setSelectedVariant] = useState(() => getVariantBasedOnIdProp(explicitVariantId, variants));
-  const [selectedOptions, setSelectedOptions] = useState(
-    () => getSelectedOptions(selectedVariant)
-  );
-  useEffect(() => {
-    const newSelectedVariant = getVariantBasedOnIdProp(
-      explicitVariantId,
-      variants
-    );
-    setSelectedVariant(newSelectedVariant);
-    setSelectedOptions(getSelectedOptions(newSelectedVariant));
-  }, [explicitVariantId, variants]);
-  const setSelectedOption = useCallback(
-    (name, value2) => {
-      setSelectedOptions((selectedOptions2) => {
-        const opts = { ...selectedOptions2, [name]: value2 };
-        setSelectedVariant(getSelectedVariant(variants, opts));
-        return opts;
-      });
-    },
-    [setSelectedOptions, variants]
-  );
-  const isOptionInStock = useCallback(
-    (option, value2) => {
-      const proposedVariant = getSelectedVariant(variants, {
-        ...selectedOptions,
-        ...{ [option]: value2 }
-      });
-      return (proposedVariant == null ? void 0 : proposedVariant.availableForSale) ?? true;
-    },
-    [selectedOptions, variants]
-  );
-  const sellingPlanGroups = useMemo(
-    () => flattenConnection(product.sellingPlanGroups ?? {}).map(
-      (sellingPlanGroup) => ({
-        ...sellingPlanGroup,
-        sellingPlans: flattenConnection((sellingPlanGroup == null ? void 0 : sellingPlanGroup.sellingPlans) ?? {})
-      })
-    ),
-    [product.sellingPlanGroups]
-  );
-  const [selectedSellingPlan, setSelectedSellingPlan] = useState(void 0);
-  const selectedSellingPlanAllocation = useMemo(() => {
-    var _a, _b;
-    if (!selectedVariant || !selectedSellingPlan) {
-      return;
-    }
-    if (!((_a = selectedVariant.sellingPlanAllocations) == null ? void 0 : _a.nodes) && !((_b = selectedVariant.sellingPlanAllocations) == null ? void 0 : _b.edges)) {
-      throw new Error(
-        `<ProductProvider/>: You must include 'sellingPlanAllocations.nodes' or 'sellingPlanAllocations.edges' in your variants in order to calculate selectedSellingPlanAllocation`
-      );
-    }
-    return flattenConnection(selectedVariant.sellingPlanAllocations).find(
-      (allocation) => {
-        var _a2;
-        return ((_a2 = allocation == null ? void 0 : allocation.sellingPlan) == null ? void 0 : _a2.id) === selectedSellingPlan.id;
-      }
-    );
-  }, [selectedVariant, selectedSellingPlan]);
-  const value = useMemo(
-    () => ({
-      product,
-      variants,
-      variantsConnection: product.variants,
-      options,
-      selectedVariant,
-      setSelectedVariant,
-      selectedOptions,
-      setSelectedOption,
-      setSelectedOptions,
-      isOptionInStock,
-      selectedSellingPlan,
-      setSelectedSellingPlan,
-      selectedSellingPlanAllocation,
-      sellingPlanGroups,
-      sellingPlanGroupsConnection: product.sellingPlanGroups
-    }),
-    [
-      product,
-      isOptionInStock,
-      options,
-      selectedOptions,
-      selectedSellingPlan,
-      selectedSellingPlanAllocation,
-      selectedVariant,
-      sellingPlanGroups,
-      setSelectedOption,
-      variants
-    ]
-  );
-  return /* @__PURE__ */ jsx(ProductOptionsContext.Provider, { value, children });
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ProductProvider.tsx
+var ProductOptionsContext = createContext(null);
+/**
+* `<ProductProvider />` is a context provider that enables use of the `useProduct()` hook.
+*
+* It helps manage selected options and variants for a product.
+* @publicDocs
+*/
+function ProductProvider({ children, data: product, initialVariantId: explicitVariantId }) {
+	const variants = useMemo(() => flattenConnection(product.variants ?? {}), [product.variants]);
+	if (!isProductVariantArray(variants)) throw new Error(`<ProductProvider/> requires 'product.variants.nodes' or 'product.variants.edges'`);
+	const options = useMemo(() => getOptions(variants), [variants]);
+	/**
+	* Track the selectedVariant within the provider.
+	*/
+	const [selectedVariant, setSelectedVariant] = useState(() => getVariantBasedOnIdProp(explicitVariantId, variants));
+	/**
+	* Track the selectedOptions within the provider. If a `initialVariantId`
+	* is passed, use that to select initial options.
+	*/
+	const [selectedOptions, setSelectedOptions] = useState(() => getSelectedOptions(selectedVariant));
+	/**
+	* When the initialVariantId changes, we need to make sure we
+	* update the selected variant and selected options. If not,
+	* then the selected variant and options will reference incorrect
+	* values.
+	*/
+	useEffect(() => {
+		const newSelectedVariant = getVariantBasedOnIdProp(explicitVariantId, variants);
+		setSelectedVariant(newSelectedVariant);
+		setSelectedOptions(getSelectedOptions(newSelectedVariant));
+	}, [explicitVariantId, variants]);
+	/**
+	* Allow the developer to select an option.
+	*/
+	const setSelectedOption = useCallback((name, value) => {
+		setSelectedOptions((selectedOptions) => {
+			const opts = {
+				...selectedOptions,
+				[name]: value
+			};
+			setSelectedVariant(getSelectedVariant(variants, opts));
+			return opts;
+		});
+	}, [setSelectedOptions, variants]);
+	const isOptionInStock = useCallback((option, value) => {
+		return getSelectedVariant(variants, {
+			...selectedOptions,
+			[option]: value
+		})?.availableForSale ?? true;
+	}, [selectedOptions, variants]);
+	const sellingPlanGroups = useMemo(() => flattenConnection(product.sellingPlanGroups ?? {}).map((sellingPlanGroup) => ({
+		...sellingPlanGroup,
+		sellingPlans: flattenConnection(sellingPlanGroup?.sellingPlans ?? {})
+	})), [product.sellingPlanGroups]);
+	/**
+	* Track the selectedSellingPlan within the hook. If `initialSellingPlanId`
+	* is passed, use that as an initial value. Look it up from the `selectedVariant`, since
+	* that is also a requirement.
+	*/
+	const [selectedSellingPlan, setSelectedSellingPlan] = useState(void 0);
+	const selectedSellingPlanAllocation = useMemo(() => {
+		if (!selectedVariant || !selectedSellingPlan) return;
+		if (!selectedVariant.sellingPlanAllocations?.nodes && !selectedVariant.sellingPlanAllocations?.edges) throw new Error(`<ProductProvider/>: You must include 'sellingPlanAllocations.nodes' or 'sellingPlanAllocations.edges' in your variants in order to calculate selectedSellingPlanAllocation`);
+		return flattenConnection(selectedVariant.sellingPlanAllocations).find((allocation) => allocation?.sellingPlan?.id === selectedSellingPlan.id);
+	}, [selectedVariant, selectedSellingPlan]);
+	const value = useMemo(() => ({
+		product,
+		variants,
+		variantsConnection: product.variants,
+		options,
+		selectedVariant,
+		setSelectedVariant,
+		selectedOptions,
+		setSelectedOption,
+		setSelectedOptions,
+		isOptionInStock,
+		selectedSellingPlan,
+		setSelectedSellingPlan,
+		selectedSellingPlanAllocation,
+		sellingPlanGroups,
+		sellingPlanGroupsConnection: product.sellingPlanGroups
+	}), [
+		product,
+		isOptionInStock,
+		options,
+		selectedOptions,
+		selectedSellingPlan,
+		selectedSellingPlanAllocation,
+		selectedVariant,
+		sellingPlanGroups,
+		setSelectedOption,
+		variants
+	]);
+	return /* @__PURE__ */ jsx(ProductOptionsContext.Provider, {
+		value,
+		children
+	});
 }
+/**
+* Provides access to the context value provided by `<ProductProvider />`. Must be a descendent of `<ProductProvider />`.
+* @publicDocs
+*/
 function useProduct() {
-  const context = useContext(ProductOptionsContext);
-  if (!context) {
-    throw new Error(`'useProduct' must be a child of <ProductProvider />`);
-  }
-  return context;
+	const context = useContext(ProductOptionsContext);
+	if (!context) throw new Error(`'useProduct' must be a child of <ProductProvider />`);
+	return context;
 }
 function getSelectedVariant(variants, choices) {
-  var _a, _b;
-  if (!variants.length || ((_b = (_a = variants == null ? void 0 : variants[0]) == null ? void 0 : _a.selectedOptions) == null ? void 0 : _b.length) !== Object.keys(choices).length) {
-    return;
-  }
-  return variants == null ? void 0 : variants.find((variant) => {
-    return Object.entries(choices).every(([name, value]) => {
-      var _a2;
-      return (_a2 = variant == null ? void 0 : variant.selectedOptions) == null ? void 0 : _a2.some(
-        (option) => (option == null ? void 0 : option.name) === name && (option == null ? void 0 : option.value) === value
-      );
-    });
-  });
+	/**
+	* Ensure the user has selected all the required options, not just some.
+	*/
+	if (!variants.length || variants?.[0]?.selectedOptions?.length !== Object.keys(choices).length) return;
+	return variants?.find((variant) => {
+		return Object.entries(choices).every(([name, value]) => {
+			return variant?.selectedOptions?.some((option) => option?.name === name && option?.value === value);
+		});
+	});
 }
 function getOptions(variants) {
-  const map = variants.reduce(
-    (memo, variant) => {
-      var _a;
-      if (!variant.selectedOptions) {
-        throw new Error(`'getOptions' requires 'variant.selectedOptions'`);
-      }
-      (_a = variant == null ? void 0 : variant.selectedOptions) == null ? void 0 : _a.forEach((opt) => {
-        memo[(opt == null ? void 0 : opt.name) ?? ""] = memo[(opt == null ? void 0 : opt.name) ?? ""] || /* @__PURE__ */ new Set();
-        memo[(opt == null ? void 0 : opt.name) ?? ""].add((opt == null ? void 0 : opt.value) ?? "");
-      });
-      return memo;
-    },
-    {}
-  );
-  return Object.keys(map).map((option) => {
-    return {
-      name: option,
-      values: Array.from(map[option])
-    };
-  });
+	const map = variants.reduce((memo, variant) => {
+		if (!variant.selectedOptions) throw new Error(`'getOptions' requires 'variant.selectedOptions'`);
+		variant?.selectedOptions?.forEach((opt) => {
+			memo[opt?.name ?? ""] = memo[opt?.name ?? ""] || /* @__PURE__ */ new Set();
+			memo[opt?.name ?? ""].add(opt?.value ?? "");
+		});
+		return memo;
+	}, {});
+	return Object.keys(map).map((option) => {
+		return {
+			name: option,
+			values: Array.from(map[option])
+		};
+	});
 }
 function getVariantBasedOnIdProp(explicitVariantId, variants) {
-  if (explicitVariantId) {
-    const foundVariant = variants.find(
-      (variant) => (variant == null ? void 0 : variant.id) === explicitVariantId
-    );
-    if (!foundVariant) {
-      console.warn(
-        `<ProductProvider/> received a 'initialVariantId' prop, but could not actually find a variant with that ID`
-      );
-    }
-    return foundVariant;
-  }
-  if (explicitVariantId === null) {
-    return null;
-  }
-  if (explicitVariantId === void 0) {
-    return variants.find((variant) => variant == null ? void 0 : variant.availableForSale) || variants[0];
-  }
+	if (explicitVariantId) {
+		const foundVariant = variants.find((variant) => variant?.id === explicitVariantId);
+		if (!foundVariant) console.warn(`<ProductProvider/> received a 'initialVariantId' prop, but could not actually find a variant with that ID`);
+		return foundVariant;
+	}
+	if (explicitVariantId === null) return null;
+	if (explicitVariantId === void 0) return variants.find((variant) => variant?.availableForSale) || variants[0];
 }
 function getSelectedOptions(selectedVariant) {
-  return (selectedVariant == null ? void 0 : selectedVariant.selectedOptions) ? selectedVariant.selectedOptions.reduce(
-    (memo, optionSet) => {
-      memo[(optionSet == null ? void 0 : optionSet.name) ?? ""] = (optionSet == null ? void 0 : optionSet.value) ?? "";
-      return memo;
-    },
-    {}
-  ) : {};
+	return selectedVariant?.selectedOptions ? selectedVariant.selectedOptions.reduce((memo, optionSet) => {
+		memo[optionSet?.name ?? ""] = optionSet?.value ?? "";
+		return memo;
+	}, {}) : {};
 }
 function isProductVariantArray(maybeVariantArray) {
-  if (!maybeVariantArray || !Array.isArray(maybeVariantArray)) {
-    return false;
-  }
-  return true;
+	if (!maybeVariantArray || !Array.isArray(maybeVariantArray)) return false;
+	return true;
 }
-export {
-  ProductProvider,
-  useProduct
-};
-//# sourceMappingURL=ProductProvider.mjs.map
+//#endregion
+export { ProductProvider, useProduct };
+
+//# sourceMappingURL=ProductProvider.mjs.map