@shopify/hydrogen-react 2024.7.5 → 2024.10.0

package/dist/types/useCartAPIStateMachine.d.ts

@@ -11,11 +11,11 @@ export declare function useCartAPIStateMachine({ numCartLines, onCartActionEntry
     onCartActionOptimisticUI?: (context: CartMachineContext, event: CartMachineEvent) => Partial<CartMachineContext>;
     /** A callback that is invoked after a Cart API completes. */
     onCartActionComplete?: (context: CartMachineContext, event: CartMachineFetchResultEvent) => void;
-    /** An object with fields that correspond to the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-07/objects/cart). */
+    /** An object with fields that correspond to the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-10/objects/cart). */
     data?: PartialDeep<CartType, {
         recurseIntoArrays: true;
     }>;
-    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-07/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
+    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-10/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
     cartFragment: string;
     /** The ISO country code for i18n. */
     countryCode?: CountryCode;

package/dist/types/useCartActions.d.ts

@@ -6,12 +6,12 @@ type CartResponse = PartialDeep<CartType, {
 /**
  * The `useCartActions` hook returns helper graphql functions for Storefront Cart API
  *
- * See [cart API graphql mutations](https://shopify.dev/api/storefront/2024-07/objects/Cart)
+ * See [cart API graphql mutations](https://shopify.dev/api/storefront/2024-10/objects/Cart)
  */
 export declare function useCartActions({ numCartLines, cartFragment, countryCode, languageCode, }: {
     /**  Maximum number of cart lines to fetch. Defaults to 250 cart lines. */
     numCartLines?: number;
-    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-07/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
+    /** A fragment used to query the Storefront API's [Cart object](https://shopify.dev/api/storefront/2024-10/objects/cart) for all queries and mutations. A default value is used if no argument is provided. */
     cartFragment: string;
     /** The ISO country code for i18n. Default to `US` */
     countryCode?: CountryCode;

package/dist/umd/hydrogen-react.dev.js

@@ -796,7 +796,7 @@
   }
 `
   );
-  const SFAPI_VERSION = "2024-07";
+  const SFAPI_VERSION = "2024-10";
   const MOCK_SHOP_DOMAIN = "mock.shop";
   const isMockShop = (domain) => domain.includes(MOCK_SHOP_DOMAIN);
   function createStorefrontClient({
@@ -2405,7 +2405,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
-  const version = "2024.7.5";
+  const version = "2024.10.0";
   const SCHEMA_ID = "custom_storefront_customer_tracking/1.2";
   const PAGE_RENDERED_EVENT_NAME = "page_rendered";
   const COLLECTION_PAGE_RENDERED_EVENT_NAME = "collection_page_rendered";
@@ -3383,11 +3383,12 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       );
     }
   );
+  const PLACEHOLDER_DOMAIN = "https://placeholder.shopify.com";
   function shopifyLoader({ src, width, height, crop }) {
     if (!src) {
       return "";
     }
-    const url = new URL(src);
+    const url = new URL(src, PLACEHOLDER_DOMAIN);
     if (width) {
       url.searchParams.append("width", Math.round(width).toString());
     }
@@ -3397,7 +3398,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     if (crop) {
       url.searchParams.append("crop", crop);
     }
-    return url.href;
+    return url.href.replace(PLACEHOLDER_DOMAIN, "");
   }
   function unitsMatch(width = "100%", height = "auto") {
     return getUnitValueParts(width.toString()).unit === getUnitValueParts(height.toString()).unit;
@@ -3769,6 +3770,92 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       }
     }
   }
+  const OPTION_VALUE_SEPARATOR = ",";
+  const V1_CONTROL_CHARS = {
+    OPTION: ":",
+    END_OF_PREFIX: ",",
+    SEQUENCE_GAP: " ",
+    RANGE: "-"
+  };
+  const isOptionValueCombinationInEncodedVariant = /* @__PURE__ */ (() => {
+    const decodedOptionValues = /* @__PURE__ */ new Map();
+    return function(targetOptionValueCombination, encodedVariantField) {
+      var _a;
+      if (targetOptionValueCombination.length === 0) {
+        return false;
+      }
+      if (!decodedOptionValues.has(encodedVariantField)) {
+        const decodedOptionValuesSet = /* @__PURE__ */ new Set();
+        for (const optionValue of decodeEncodedVariant(encodedVariantField)) {
+          decodedOptionValuesSet.add(optionValue.join(OPTION_VALUE_SEPARATOR));
+          for (let i2 = 0; i2 < optionValue.length; i2++) {
+            decodedOptionValuesSet.add(
+              optionValue.slice(0, i2 + 1).join(OPTION_VALUE_SEPARATOR)
+            );
+          }
+        }
+        decodedOptionValues.set(encodedVariantField, decodedOptionValuesSet);
+      }
+      return Boolean(
+        (_a = decodedOptionValues.get(encodedVariantField)) == null ? void 0 : _a.has(targetOptionValueCombination.join(OPTION_VALUE_SEPARATOR))
+      );
+    };
+  })();
+  function decodeEncodedVariant(encodedVariantField) {
+    if (!encodedVariantField)
+      return [];
+    if (encodedVariantField.startsWith("v1_")) {
+      return v1Decoder(stripVersion(encodedVariantField));
+    }
+    throw new Error("Unsupported option value encoding");
+  }
+  const stripVersion = (encodedVariantField) => encodedVariantField.replace(/^v1_/, "");
+  function v1Decoder(encodedVariantField) {
+    const tokenizer = /[ :,-]/g;
+    let index2 = 0;
+    let token;
+    const options = [];
+    const currentOptionValue = [];
+    let depth = 0;
+    let rangeStart = null;
+    while (token = tokenizer.exec(encodedVariantField)) {
+      const operation = token[0];
+      const optionValueIndex = Number.parseInt(encodedVariantField.slice(index2, token.index)) || 0;
+      if (rangeStart !== null) {
+        for (; rangeStart < optionValueIndex; rangeStart++) {
+          currentOptionValue[depth] = rangeStart;
+          options.push([...currentOptionValue]);
+        }
+        rangeStart = null;
+      }
+      currentOptionValue[depth] = optionValueIndex;
+      if (operation === V1_CONTROL_CHARS.RANGE) {
+        rangeStart = optionValueIndex;
+      } else if (operation === V1_CONTROL_CHARS.OPTION) {
+        depth++;
+      } else {
+        if (operation === V1_CONTROL_CHARS.SEQUENCE_GAP || operation === V1_CONTROL_CHARS.END_OF_PREFIX && encodedVariantField[token.index - 1] !== V1_CONTROL_CHARS.END_OF_PREFIX) {
+          options.push([...currentOptionValue]);
+        }
+        if (operation === V1_CONTROL_CHARS.END_OF_PREFIX) {
+          currentOptionValue.pop();
+          depth--;
+        }
+      }
+      index2 = tokenizer.lastIndex;
+    }
+    const lastRangeStartIndex = encodedVariantField.lastIndexOf("-");
+    if (rangeStart != null && lastRangeStartIndex > 0) {
+      const finalValueIndex = parseInt(
+        encodedVariantField.substring(lastRangeStartIndex + 1)
+      );
+      for (; rangeStart <= finalValueIndex; rangeStart++) {
+        currentOptionValue[depth] = rangeStart;
+        options.push([...currentOptionValue]);
+      }
+    }
+    return options;
+  }
   function parseMetafield(metafield) {
     if (!metafield.type) {
       const noTypeError = `parseMetafield(): The 'type' field is required in order to parse the Metafield.`;
@@ -3876,7 +3963,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     return JSON.parse(json);
   }
   function ProductPrice(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const {
       priceType = "regular",
       variantId,
@@ -3895,23 +3982,16 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     const variantPriceProperty = valueType === "max" ? "maxVariantPrice" : "minVariantPrice";
     if (priceType === "compareAt") {
       if (variantId && variant) {
-        if (variant.compareAtPriceV2) {
-          console.error(
-            "<ProductPrice> `compareAtPriceV2` is deprecated. Use `compareAtPrice` instead."
-          );
-        }
-        price = variant.compareAtPrice ?? variant.compareAtPriceV2;
+        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) ?? ((_c = variant.priceV2) == null ? void 0 : _c.amount) ?? "0"
-        );
+        priceAsNumber = parseFloat(((_b = variant.price) == null ? void 0 : _b.amount) ?? "0");
       } else {
         priceAsNumber = parseFloat(
-          ((_e = (_d = product == null ? void 0 : product.priceRange) == null ? void 0 : _d[variantPriceProperty]) == null ? void 0 : _e.amount) ?? "0"
+          ((_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");
@@ -3920,20 +4000,15 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       }
     } else {
       if (variantId && variant) {
-        if (variant.priceV2) {
-          console.error(
-            "<ProductPrice> `priceV2` is deprecated. Use `price` instead."
-          );
-        }
-        price = variant.price ?? variant.priceV2;
+        price = variant.price;
         if (valueType === "unit") {
           price = variant.unitPrice;
           measurement = variant.unitPriceMeasurement;
         }
       } else if (valueType === "max") {
-        price = (_f = product.priceRange) == null ? void 0 : _f.maxVariantPrice;
+        price = (_e = product.priceRange) == null ? void 0 : _e.maxVariantPrice;
       } else {
-        price = (_g = product.priceRange) == null ? void 0 : _g.minVariantPrice;
+        price = (_f = product.priceRange) == null ? void 0 : _f.minVariantPrice;
       }
     }
     if (!price) {
@@ -4302,9 +4377,11 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   exports2.Video = Video;
   exports2.createStorefrontClient = createStorefrontClient;
   exports2.customerAccountApiCustomScalars = customerAccountApiCustomScalars;
+  exports2.decodeEncodedVariant = decodeEncodedVariant;
   exports2.flattenConnection = flattenConnection;
   exports2.getClientBrowserParameters = getClientBrowserParameters;
   exports2.getShopifyCookies = getShopifyCookies;
+  exports2.isOptionValueCombinationInEncodedVariant = isOptionValueCombinationInEncodedVariant;
   exports2.parseGid = parseGid;
   exports2.parseMetafield = parseMetafield;
   exports2.sendShopifyAnalytics = sendShopifyAnalytics;