@shopify/hydrogen-react 2025.1.0 → 2025.1.1

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

@@ -2405,7 +2405,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
-  const version = "2025.1.0";
+  const version = "2025.1.1";
   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";
@@ -2560,7 +2560,6 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   function addToCart(payload) {
     const addToCartPayload = payload;
     const cartToken = parseGid(addToCartPayload.cartId);
-    const cart_token = (cartToken == null ? void 0 : cartToken.id) ? `${cartToken.id}` : null;
     return [
       schemaWrapper(
         SCHEMA_ID,
@@ -2568,7 +2567,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           {
             event_name: PRODUCT_ADDED_TO_CART_EVENT_NAME,
             customerId: addToCartPayload.customerId,
-            cart_token,
+            cart_token: (cartToken == null ? void 0 : cartToken.id) ? `${cartToken.id}` : null,
             total_value: addToCartPayload.totalValue,
             products: formatProductPayload(addToCartPayload.products),
             customer_id: parseInt(
@@ -2762,13 +2761,10 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         switch (rawType) {
           case PerformanceNavigation.TYPE_NAVIGATE:
             return "navigate";
-            break;
           case PerformanceNavigation.TYPE_RELOAD:
             return "reload";
-            break;
           case PerformanceNavigation.TYPE_BACK_FORWARD:
             return "back_forward";
-            break;
           default:
             return `unknown: ${rawType}`;
         }
@@ -3218,14 +3214,19 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     return options;
   }
   function mapProductOptions(options) {
-    return options.map((option) => {
-      return Object.assign(
-        {},
-        ...(option == null ? void 0 : option.optionValues) ? option.optionValues.map((value, index2) => {
-          return { [value.name]: index2 };
-        }) : []
-      );
-    });
+    return Object.assign(
+      {},
+      ...options.map((option) => {
+        return {
+          [option.name]: Object.assign(
+            {},
+            ...(option == null ? void 0 : option.optionValues) ? option.optionValues.map((value, index2) => {
+              return { [value.name]: index2 };
+            }) : []
+          )
+        };
+      })
+    );
   }
   function mapSelectedProductOptionToObject(options) {
     return Object.assign(
@@ -3238,28 +3239,30 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   function mapSelectedProductOptionToObjectAsString(options) {
     return JSON.stringify(mapSelectedProductOptionToObject(options));
   }
-  function encodeSelectedProductOptionAsKey(selectedOption, productOptionMappings) {
+  function encodeSelectedProductOptionAsKey(selectedOption) {
     if (Array.isArray(selectedOption)) {
       return JSON.stringify(
-        selectedOption.map((key, index2) => {
-          return productOptionMappings[index2][key.value];
-        })
+        Object.assign(
+          {},
+          ...selectedOption.map((option) => ({ [option.name]: option.value }))
+        )
       );
     } else {
-      return JSON.stringify(
-        Object.keys(selectedOption).map((key, index2) => {
-          return productOptionMappings[index2][selectedOption[key]];
-        })
-      );
+      return JSON.stringify(selectedOption);
     }
   }
-  function mapVariants(variants, productOptionMappings) {
+  function buildEncodingArrayFromSelectedOptions(selectedOption, productOptionMappings) {
+    const encoding = Object.keys(selectedOption).map((key) => {
+      return productOptionMappings[key] ? productOptionMappings[key][selectedOption[key]] : null;
+    });
+    return encoding.filter((code) => code !== null);
+  }
+  function mapVariants(variants) {
     return Object.assign(
       {},
       ...variants.map((variant) => {
         const variantKey = encodeSelectedProductOptionAsKey(
-          variant.selectedOptions || [],
-          productOptionMappings
+          variant.selectedOptions || []
         );
         return { [variantKey]: variant };
       })
@@ -3395,15 +3398,20 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       encodedVariantAvailability,
       handle: productHandle
     } = checkedProduct;
+    const selectedOptionKeys = selectedVariant == null ? void 0 : selectedVariant.selectedOptions.map(
+      (option) => option.name
+    );
+    const filteredOptions = options.filter((option) => {
+      return selectedOptionKeys && selectedOptionKeys.indexOf(option.name) >= 0;
+    });
     const productOptionMappings = mapProductOptions(options);
     const variants = mapVariants(
-      selectedVariant ? [selectedVariant, ...adjacentVariants] : adjacentVariants,
-      productOptionMappings
+      selectedVariant ? [selectedVariant, ...adjacentVariants] : adjacentVariants
     );
     const selectedOptions = mapSelectedProductOptionToObject(
       selectedVariant ? selectedVariant.selectedOptions : []
     );
-    const productOptions = options.map((option, optionIndex) => {
+    const productOptions = filteredOptions.map((option, optionIndex) => {
       return {
         ...option,
         optionValues: option.optionValues.map((value) => {
@@ -3411,13 +3419,13 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           const targetOptionParams = { ...selectedOptions };
           targetOptionParams[option.name] = value.name;
           const targetKey = encodeSelectedProductOptionAsKey(
+            targetOptionParams || []
+          );
+          const encodingKey = buildEncodingArrayFromSelectedOptions(
             targetOptionParams || [],
             productOptionMappings
           );
-          const topDownKey = JSON.parse(targetKey).slice(
-            0,
-            optionIndex + 1
-          );
+          const topDownKey = encodingKey.slice(0, optionIndex + 1);
           const exists = isOptionValueCombinationInEncodedVariant(
             topDownKey,
             encodedVariantExistence || ""