@shopify/hydrogen-react 2025.5.0 → 2025.7.1

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

@@ -1,6 +1,6 @@
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.hydrogenreact = {}, global.React));
-})(this, function(exports2, React$1) {
+})(this, (function(exports2, React$1) {
   "use strict";
   function _interopNamespaceDefault(e2) {
     const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -51,9 +51,9 @@
     return a2;
   }
   var n;
-  !function(t2) {
+  !(function(t2) {
     t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
-  }(n || (n = {}));
+  })(n || (n = {}));
   var e = { type: "xstate.init" };
   function r(t2) {
     return void 0 === t2 ? [] : [].concat(t2);
@@ -69,7 +69,7 @@
       return t2 === n2;
     };
   }
-  function u$1(t2) {
+  function u(t2) {
     return "string" == typeof t2 ? { type: t2 } : t2;
   }
   function c(t2, n2) {
@@ -77,45 +77,45 @@
   }
   function f(t2, n2, e2) {
     var r2 = n2, i2 = false;
-    return [t2.filter(function(t3) {
+    return [t2.filter((function(t3) {
       if ("xstate.assign" === t3.type) {
         i2 = true;
         var n3 = Object.assign({}, r2);
-        return "function" == typeof t3.assignment ? n3 = t3.assignment(r2, e2) : Object.keys(t3.assignment).forEach(function(i3) {
+        return "function" == typeof t3.assignment ? n3 = t3.assignment(r2, e2) : Object.keys(t3.assignment).forEach((function(i3) {
           n3[i3] = "function" == typeof t3.assignment[i3] ? t3.assignment[i3](r2, e2) : t3.assignment[i3];
-        }), r2 = n3, false;
+        })), r2 = n3, false;
       }
       return true;
-    }), r2, i2];
+    })), r2, i2];
   }
   function s(n2, i2) {
     void 0 === i2 && (i2 = {});
-    var s2 = t(f(r(n2.states[n2.initial].entry).map(function(t2) {
+    var s2 = t(f(r(n2.states[n2.initial].entry).map((function(t2) {
       return o(t2, i2.actions);
-    }), n2.context, e), 2), l2 = s2[0], v2 = s2[1], y = { config: n2, _options: i2, initialState: { value: n2.initial, actions: l2, context: v2, matches: a(n2.initial) }, transition: function(e2, i3) {
-      var s3, l3, v3 = "string" == typeof e2 ? { value: e2, context: n2.context } : e2, p = v3.value, g2 = v3.context, d = u$1(i3), x = n2.states[p];
+    })), n2.context, e), 2), l2 = s2[0], v2 = s2[1], y = { config: n2, _options: i2, initialState: { value: n2.initial, actions: l2, context: v2, matches: a(n2.initial) }, transition: function(e2, i3) {
+      var s3, l3, v3 = "string" == typeof e2 ? { value: e2, context: n2.context } : e2, p = v3.value, g = v3.context, d = u(i3), x = n2.states[p];
       if (x.on) {
         var m = r(x.on[d.type]);
         try {
-          for (var h = function(t2) {
+          for (var h = (function(t2) {
             var n3 = "function" == typeof Symbol && Symbol.iterator, e3 = n3 && t2[n3], r2 = 0;
             if (e3) return e3.call(t2);
             if (t2 && "number" == typeof t2.length) return { next: function() {
               return t2 && r2 >= t2.length && (t2 = void 0), { value: t2 && t2[r2++], done: !t2 };
             } };
             throw new TypeError(n3 ? "Object is not iterable." : "Symbol.iterator is not defined.");
-          }(m), b = h.next(); !b.done; b = h.next()) {
+          })(m), b = h.next(); !b.done; b = h.next()) {
             var S = b.value;
-            if (void 0 === S) return c(p, g2);
+            if (void 0 === S) return c(p, g);
             var w = "string" == typeof S ? { target: S } : S, j = w.target, E = w.actions, R = void 0 === E ? [] : E, N = w.cond, O = void 0 === N ? function() {
               return true;
             } : N, _ = void 0 === j, k = null != j ? j : p, T = n2.states[k];
-            if (O(g2, d)) {
-              var q = t(f((_ ? r(R) : [].concat(x.exit, R, T.entry).filter(function(t2) {
+            if (O(g, d)) {
+              var q = t(f((_ ? r(R) : [].concat(x.exit, R, T.entry).filter((function(t2) {
                 return t2;
-              })).map(function(t2) {
+              }))).map((function(t2) {
                 return o(t2, y._options.actions);
-              }), g2, d), 3), z = q[0], A = q[1], B = q[2], C = null != j ? j : p;
+              })), g, d), 3), z = q[0], A = q[1], B = q[2], C = null != j ? j : p;
               return { value: C, context: A, actions: z, changed: j !== p || z.length > 0 || B, matches: a(C) };
             }
           }
@@ -129,21 +129,21 @@
           }
         }
       }
-      return c(p, g2);
+      return c(p, g);
     } };
     return y;
   }
   var l$1 = function(t2, n2) {
-    return t2.actions.forEach(function(e2) {
+    return t2.actions.forEach((function(e2) {
       var r2 = e2.exec;
       return r2 && r2(t2.context, n2);
-    });
+    }));
   };
   function v(t2) {
     var r2 = t2.initialState, i2 = n.NotStarted, o2 = /* @__PURE__ */ new Set(), c2 = { _machine: t2, send: function(e2) {
-      i2 === n.Running && (r2 = t2.transition(r2, e2), l$1(r2, u$1(e2)), o2.forEach(function(t3) {
+      i2 === n.Running && (r2 = t2.transition(r2, e2), l$1(r2, u(e2)), o2.forEach((function(t3) {
         return t3(r2);
-      }));
+      })));
     }, subscribe: function(t3) {
       return o2.add(t3), t3(r2), { unsubscribe: function() {
         return o2.delete(t3);
@@ -807,7 +807,7 @@
   }
 `
   );
-  const SFAPI_VERSION = "2025-04";
+  const SFAPI_VERSION = "2025-07";
   const MOCK_SHOP_DOMAIN = "mock.shop";
   const isMockShop = (domain) => domain.includes(MOCK_SHOP_DOMAIN);
   function createStorefrontClient({
@@ -929,6 +929,21 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   const ShopifyContext = React$1.createContext(
     defaultShopifyContext
   );
+  function isSfapiProxyEnabled() {
+    var _a, _b, _c;
+    if (typeof window === "undefined") return false;
+    try {
+      const navigationEntry = (_b = (_a = window.performance) == null ? void 0 : _a.getEntriesByType) == null ? void 0 : _b.call(
+        _a,
+        "navigation"
+      )[0];
+      return !!((_c = navigationEntry == null ? void 0 : navigationEntry.serverTiming) == null ? void 0 : _c.some(
+        (entry) => entry.name === "_sfapi_proxy"
+      ));
+    } catch (e2) {
+      return false;
+    }
+  }
   function ShopifyProvider({
     children,
     ...shopifyConfig
@@ -944,12 +959,14 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       );
     }
     const finalConfig = React$1.useMemo(() => {
+      const sameDomainForStorefrontApi = shopifyConfig.sameDomainForStorefrontApi ?? isSfapiProxyEnabled();
       function getShopifyDomain(overrideProps) {
         const domain = (overrideProps == null ? void 0 : overrideProps.storeDomain) ?? shopifyConfig.storeDomain;
         return domain.includes("://") ? domain : `https://${domain}`;
       }
       return {
         ...shopifyConfig,
+        sameDomainForStorefrontApi,
         getPublicTokenHeaders(overrideProps) {
           return getPublicTokenHeadersRaw(
             overrideProps.contentType,
@@ -959,7 +976,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         },
         getShopifyDomain,
         getStorefrontApiUrl(overrideProps) {
-          const finalDomainUrl = getShopifyDomain({
+          const finalDomainUrl = sameDomainForStorefrontApi && typeof window !== "undefined" ? window.location.origin : getShopifyDomain({
             storeDomain: (overrideProps == null ? void 0 : overrideProps.storeDomain) ?? shopifyConfig.storeDomain
           });
           return `${finalDomainUrl}${finalDomainUrl.endsWith("/") ? "" : "/"}api/${(overrideProps == null ? void 0 : overrideProps.storefrontApiVersion) ?? shopifyConfig.storefrontApiVersion}/graphql.json`;
@@ -981,77 +998,98 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   const SHOPIFY_STOREFRONT_S_HEADER = "Shopify-Storefront-S";
   const SHOPIFY_Y = "_shopify_y";
   const SHOPIFY_S = "_shopify_s";
-  var g = /* @__PURE__ */ new Set([
-    "domain",
-    "path",
-    "max-age",
-    "expires",
-    "samesite",
-    "secure",
-    "httponly"
-  ]);
-  function u(a2) {
-    let r2 = {}, e2, t2, n2 = 0, m = a2.split(/;\s*/g), s2, i2;
-    for (; n2 < m.length; n2++)
-      if (t2 = m[n2], e2 = t2.indexOf("="), ~e2) {
-        if (s2 = t2.substring(0, e2++).trim(), i2 = t2.substring(e2).trim(), i2[0] === '"' && (i2 = i2.substring(1, i2.length - 1)), ~i2.indexOf("%"))
-          try {
-            i2 = decodeURIComponent(i2);
-          } catch (f2) {
+  const SHOPIFY_VISIT_TOKEN_HEADER = "X-Shopify-VisitToken";
+  const SHOPIFY_UNIQUE_TOKEN_HEADER = "X-Shopify-UniqueToken";
+  const cachedTrackingValues = { current: null };
+  function getTrackingValues() {
+    var _a, _b, _c;
+    let trackingValues;
+    if (typeof window !== "undefined" && typeof window.performance !== "undefined") {
+      try {
+        const resourceRE = /^https?:\/\/([^/]+)(\/api\/(?:unstable|2\d{3}-\d{2})\/graphql\.json(?=$|\?))?/;
+        const entries = performance.getEntriesByType(
+          "resource"
+        );
+        let matchedValues;
+        for (let i2 = entries.length - 1; i2 >= 0; i2--) {
+          const entry = entries[i2];
+          if (entry.initiatorType !== "fetch") continue;
+          const currentHost = window.location.host;
+          const match = entry.name.match(resourceRE);
+          if (!match) continue;
+          const [, matchedHost, sfapiPath] = match;
+          const isMatch = (
+            // Same origin (exact host match)
+            matchedHost === currentHost || // Subdomain with SFAPI path
+            sfapiPath && (matchedHost == null ? void 0 : matchedHost.endsWith(`.${currentHost}`))
+          );
+          if (isMatch) {
+            const values = extractFromPerformanceEntry(entry);
+            if (values) {
+              matchedValues = values;
+              break;
+            }
           }
-        g.has(t2 = s2.toLowerCase()) ? t2 === "expires" ? r2.expires = new Date(i2) : t2 === "max-age" ? r2.maxage = +i2 : r2[t2] = i2 : r2[s2] = i2;
-      } else
-        (s2 = t2.trim().toLowerCase()) && (s2 === "httponly" || s2 === "secure") && (r2[s2] = true);
-    return r2;
-  }
-  function l(a2, r2, e2 = {}) {
-    let t2 = a2 + "=" + encodeURIComponent(r2);
-    return e2.expires && (t2 += "; Expires=" + new Date(e2.expires).toUTCString()), e2.maxage != null && e2.maxage >= 0 && (t2 += "; Max-Age=" + (e2.maxage | 0)), e2.domain && (t2 += "; Domain=" + e2.domain), e2.path && (t2 += "; Path=" + e2.path), e2.samesite && (t2 += "; SameSite=" + e2.samesite), (e2.secure || e2.samesite === "None") && (t2 += "; Secure"), e2.httponly && (t2 += "; HttpOnly"), t2;
-  }
-  const tokenHash = "xxxx-4xxx-xxxx-xxxxxxxxxxxx";
-  function buildUUID() {
-    let hash = "";
-    try {
-      const crypto = window.crypto;
-      const randomValuesArray = new Uint16Array(31);
-      crypto.getRandomValues(randomValuesArray);
-      let i2 = 0;
-      hash = tokenHash.replace(/[x]/g, (c2) => {
-        const r2 = randomValuesArray[i2] % 16;
-        const v2 = c2 === "x" ? r2 : r2 & 3 | 8;
-        i2++;
-        return v2.toString(16);
-      }).toUpperCase();
-    } catch (err) {
-      hash = tokenHash.replace(/[x]/g, (c2) => {
-        const r2 = Math.random() * 16 | 0;
-        const v2 = c2 === "x" ? r2 : r2 & 3 | 8;
-        return v2.toString(16);
-      }).toUpperCase();
+        }
+        if (matchedValues) {
+          trackingValues = matchedValues;
+        }
+        if (trackingValues) {
+          cachedTrackingValues.current = trackingValues;
+        } else if (cachedTrackingValues.current) {
+          trackingValues = cachedTrackingValues.current;
+        }
+        if (!trackingValues) {
+          const navigationEntries = performance.getEntriesByType(
+            "navigation"
+          )[0];
+          trackingValues = extractFromPerformanceEntry(navigationEntries, false);
+        }
+      } catch {
+      }
     }
-    return `${hexTime()}-${hash}`;
-  }
-  function hexTime() {
-    let dateNumber = 0;
-    let perfNumber = 0;
-    dateNumber = (/* @__PURE__ */ new Date()).getTime() >>> 0;
-    try {
-      perfNumber = performance.now() >>> 0;
-    } catch (err) {
-      perfNumber = 0;
+    if (!trackingValues) {
+      const cookie = (
+        // Read from arguments to avoid declaring parameters in this function signature.
+        // This logic is only used internally from `getShopifyCookies` and will be deprecated.
+        typeof arguments[0] === "string" ? arguments[0] : typeof document !== "undefined" ? document.cookie : ""
+      );
+      trackingValues = {
+        uniqueToken: ((_a = cookie.match(/\b_shopify_y=([^;]+)/)) == null ? void 0 : _a[1]) || "",
+        visitToken: ((_b = cookie.match(/\b_shopify_s=([^;]+)/)) == null ? void 0 : _b[1]) || "",
+        consent: ((_c = cookie.match(/\b_tracking_consent=([^;]+)/)) == null ? void 0 : _c[1]) || ""
+      };
     }
-    const output = Math.abs(dateNumber + perfNumber).toString(16).toLowerCase();
-    return output.padStart(8, "0");
-  }
-  function getShopifyCookies(cookies) {
-    const cookieData = u(cookies);
-    return {
-      [SHOPIFY_Y]: cookieData[SHOPIFY_Y] || "",
-      [SHOPIFY_S]: cookieData[SHOPIFY_S] || ""
-    };
+    return trackingValues;
+  }
+  function extractFromPerformanceEntry(entry, isConsentRequired = true) {
+    let uniqueToken = "";
+    let visitToken = "";
+    let consent = "";
+    const serverTiming = entry.serverTiming;
+    if (serverTiming && serverTiming.length >= 3) {
+      for (let i2 = serverTiming.length - 1; i2 >= 0; i2--) {
+        const { name, description } = serverTiming[i2];
+        if (!name || !description) continue;
+        if (name === "_y") {
+          uniqueToken = description;
+        } else if (name === "_s") {
+          visitToken = description;
+        } else if (name === "_cmp") {
+          consent = description;
+        }
+        if (uniqueToken && visitToken && consent) break;
+      }
+    }
+    return uniqueToken && visitToken && (isConsentRequired ? consent : true) ? { uniqueToken, visitToken, consent } : void 0;
   }
   function useCartFetch() {
-    const { storefrontId, getPublicTokenHeaders, getStorefrontApiUrl } = useShop();
+    const {
+      storefrontId,
+      getPublicTokenHeaders,
+      getStorefrontApiUrl,
+      sameDomainForStorefrontApi
+    } = useShop();
     return React$1.useCallback(
       ({
         query,
@@ -1061,9 +1099,17 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         if (storefrontId) {
           headers[SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
         }
-        const cookieData = getShopifyCookies(document.cookie);
-        headers[SHOPIFY_STOREFRONT_Y_HEADER] = cookieData[SHOPIFY_Y];
-        headers[SHOPIFY_STOREFRONT_S_HEADER] = cookieData[SHOPIFY_S];
+        if (!sameDomainForStorefrontApi) {
+          const { uniqueToken, visitToken } = getTrackingValues();
+          if (uniqueToken) {
+            headers[SHOPIFY_STOREFRONT_Y_HEADER] = uniqueToken;
+            headers[SHOPIFY_UNIQUE_TOKEN_HEADER] = uniqueToken;
+          }
+          if (visitToken) {
+            headers[SHOPIFY_STOREFRONT_S_HEADER] = visitToken;
+            headers[SHOPIFY_VISIT_TOKEN_HEADER] = visitToken;
+          }
+        }
         return fetch(getStorefrontApiUrl(), {
           method: "POST",
           headers,
@@ -1081,7 +1127,12 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           };
         });
       },
-      [getPublicTokenHeaders, storefrontId, getStorefrontApiUrl]
+      [
+        getPublicTokenHeaders,
+        storefrontId,
+        getStorefrontApiUrl,
+        sameDomainForStorefrontApi
+      ]
     );
   }
   function useCartActions({
@@ -2358,6 +2409,48 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
+  const tokenHash = "xxxx-4xxx-xxxx-xxxxxxxxxxxx";
+  function buildUUID() {
+    let hash = "";
+    try {
+      const crypto = window.crypto;
+      const randomValuesArray = new Uint16Array(31);
+      crypto.getRandomValues(randomValuesArray);
+      let i2 = 0;
+      hash = tokenHash.replace(/[x]/g, (c2) => {
+        const r2 = randomValuesArray[i2] % 16;
+        const v2 = c2 === "x" ? r2 : r2 & 3 | 8;
+        i2++;
+        return v2.toString(16);
+      }).toUpperCase();
+    } catch (err) {
+      hash = tokenHash.replace(/[x]/g, (c2) => {
+        const r2 = Math.random() * 16 | 0;
+        const v2 = c2 === "x" ? r2 : r2 & 3 | 8;
+        return v2.toString(16);
+      }).toUpperCase();
+    }
+    return `${hexTime()}-${hash}`;
+  }
+  function hexTime() {
+    let dateNumber = 0;
+    let perfNumber = 0;
+    dateNumber = (/* @__PURE__ */ new Date()).getTime() >>> 0;
+    try {
+      perfNumber = performance.now() >>> 0;
+    } catch (err) {
+      perfNumber = 0;
+    }
+    const output = Math.abs(dateNumber + perfNumber).toString(16).toLowerCase();
+    return output.padStart(8, "0");
+  }
+  function getShopifyCookies(cookies) {
+    const trackingValues = getTrackingValues(cookies);
+    return {
+      [SHOPIFY_Y]: trackingValues.uniqueToken,
+      [SHOPIFY_S]: trackingValues.visitToken
+    };
+  }
   const SCHEMA_ID$1 = "trekkie_storefront_page_view/1.4";
   const OXYGEN_DOMAIN = "myshopify.dev";
   function pageView$1(payload) {
@@ -2409,7 +2502,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
-  const version = "2025.5.0";
+  const version = "2025.7.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";
@@ -2584,6 +2677,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     ];
   }
   function formatPayload(payload) {
+    const payloadWithPrivacy = payload;
     return {
       source: payload.shopifySalesChannel || ShopifySalesChannel.headless,
       asset_version_id: payload.assetVersionId || version,
@@ -2600,9 +2694,9 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       navigation_api: payload.navigationApi,
       shop_id: parseInt(parseGid(payload.shopId).id),
       currency: payload.currency,
-      ccpa_enforced: payload.ccpaEnforced || false,
-      gdpr_enforced: payload.gdprEnforced || false,
-      gdpr_enforced_as_string: payload.gdprEnforced ? "true" : "false",
+      ccpa_enforced: payloadWithPrivacy.ccpaEnforced || false,
+      gdpr_enforced: payloadWithPrivacy.gdprEnforced || false,
+      gdpr_enforced_as_string: payloadWithPrivacy.gdprEnforced ? "true" : "false",
       analytics_allowed: payload.analyticsAllowed || false,
       marketing_allowed: payload.marketingAllowed || false,
       sale_of_data_allowed: payload.saleOfDataAllowed || false
@@ -2727,10 +2821,10 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       };
     }
     const [navigationType, navigationApi] = getNavigationType();
-    const cookies = getShopifyCookies(document.cookie);
+    const trackingValues = getTrackingValues();
     return {
-      uniqueToken: cookies[SHOPIFY_Y],
-      visitToken: cookies[SHOPIFY_S],
+      uniqueToken: trackingValues.uniqueToken,
+      visitToken: trackingValues.visitToken,
       url: location.href,
       path: location.pathname,
       search: location.search,
@@ -2861,6 +2955,17 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       );
     }
     const amount = parseFloat(money.amount);
+    let isCurrencySupported = true;
+    try {
+      new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency: money.currencyCode
+      });
+    } catch (e2) {
+      if (e2 instanceof RangeError && e2.message.includes("currency")) {
+        isCurrencySupported = false;
+      }
+    }
     const {
       defaultFormatter,
       nameFormatter,
@@ -2869,9 +2974,13 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       withoutCurrencyFormatter,
       withoutTrailingZerosOrCurrencyFormatter
     } = React$1.useMemo(() => {
-      const options = {
+      const options = isCurrencySupported ? {
         style: "currency",
         currency: money.currencyCode
+      } : {
+        style: "decimal",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
       };
       return {
         defaultFormatter: getLazyFormatter(locale, options),
@@ -2888,21 +2997,39 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           minimumFractionDigits: 0,
           maximumFractionDigits: 0
         }),
-        withoutCurrencyFormatter: getLazyFormatter(locale),
+        withoutCurrencyFormatter: getLazyFormatter(locale, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }),
         withoutTrailingZerosOrCurrencyFormatter: getLazyFormatter(locale, {
           minimumFractionDigits: 0,
           maximumFractionDigits: 0
         })
       };
-    }, [money.currencyCode, locale]);
+    }, [money.currencyCode, locale, isCurrencySupported]);
     const isPartCurrency = (part) => part.type === "currency";
     const lazyFormatters = React$1.useMemo(
       () => ({
         original: () => money,
         currencyCode: () => money.currencyCode,
-        localizedString: () => defaultFormatter().format(amount),
-        parts: () => defaultFormatter().formatToParts(amount),
-        withoutTrailingZeros: () => amount % 1 === 0 ? withoutTrailingZerosFormatter().format(amount) : defaultFormatter().format(amount),
+        localizedString: () => {
+          const formatted = defaultFormatter().format(amount);
+          return isCurrencySupported ? formatted : `${formatted} ${money.currencyCode}`;
+        },
+        parts: () => {
+          const parts = defaultFormatter().formatToParts(amount);
+          if (!isCurrencySupported) {
+            parts.push(
+              { type: "literal", value: " " },
+              { type: "currency", value: money.currencyCode }
+            );
+          }
+          return parts;
+        },
+        withoutTrailingZeros: () => {
+          const formatted = amount % 1 === 0 ? withoutTrailingZerosFormatter().format(amount) : defaultFormatter().format(amount);
+          return isCurrencySupported ? formatted : `${formatted} ${money.currencyCode}`;
+        },
         withoutTrailingZerosAndCurrency: () => amount % 1 === 0 ? withoutTrailingZerosOrCurrencyFormatter().format(amount) : withoutCurrencyFormatter().format(amount),
         currencyName: () => {
           var _a;
@@ -2928,6 +3055,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       [
         money,
         amount,
+        isCurrencySupported,
         nameFormatter,
         defaultFormatter,
         narrowSymbolFormatter,
@@ -2953,7 +3081,19 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     return function() {
       let formatter = formatterCache.get(key);
       if (!formatter) {
-        formatter = new Intl.NumberFormat(locale, options);
+        try {
+          formatter = new Intl.NumberFormat(locale, options);
+        } catch (error) {
+          if (error instanceof RangeError && error.message.includes("currency")) {
+            const fallbackOptions = { ...options };
+            delete fallbackOptions.currency;
+            delete fallbackOptions.currencyDisplay;
+            delete fallbackOptions.currencySign;
+            formatter = new Intl.NumberFormat(locale, fallbackOptions);
+          } else {
+            throw error;
+          }
+        }
         formatterCache.set(key, formatter);
       }
       return formatter;
@@ -4127,8 +4267,33 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           parsedValue: metafield.value
         };
       // TODO: 'money' should probably be parsed even further to like `useMoney()`, but that logic needs to be extracted first so it's not a hook
+      case "money": {
+        let parsedValue = null;
+        try {
+          const parsed = parseJSON(metafield.value ?? "");
+          if (parsed && typeof parsed === "object" && "currency_code" in parsed) {
+            const moneyData = parsed;
+            parsedValue = {
+              amount: moneyData.amount,
+              currencyCode: moneyData.currency_code
+            };
+          } else if (parsed && typeof parsed === "object" && "currencyCode" in parsed) {
+            parsedValue = parsed;
+          } else {
+            parsedValue = parsed;
+          }
+        } catch (err) {
+          const parseError = `parseMetafield(): attempted to JSON.parse the 'metafield.value' property, but failed.`;
+          {
+            throw new Error(parseError);
+          }
+        }
+        return {
+          ...metafield,
+          parsedValue
+        };
+      }
       case "dimension":
-      case "money":
       case "json":
       case "rating":
       case "volume":
@@ -4557,17 +4722,29 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }, [JSON.stringify(selectedOptions)]);
     return null;
   }
+  function l(a2, r2, e2 = {}) {
+    let t2 = a2 + "=" + encodeURIComponent(r2);
+    return e2.expires && (t2 += "; Expires=" + new Date(e2.expires).toUTCString()), e2.maxage != null && e2.maxage >= 0 && (t2 += "; Max-Age=" + (e2.maxage | 0)), e2.domain && (t2 += "; Domain=" + e2.domain), e2.path && (t2 += "; Path=" + e2.path), e2.samesite && (t2 += "; SameSite=" + e2.samesite), (e2.secure || e2.samesite === "None") && (t2 += "; Secure"), e2.httponly && (t2 += "; HttpOnly"), t2;
+  }
   const longTermLength = 60 * 60 * 24 * 360 * 1;
   const shortTermLength = 60 * 30;
   function useShopifyCookies(options) {
     const {
-      hasUserConsent = false,
+      hasUserConsent,
       domain = "",
-      checkoutDomain = ""
+      checkoutDomain = "",
+      storefrontAccessToken,
+      fetchTrackingValues,
+      ignoreDeprecatedCookies = false
     } = options || {};
+    const coreCookiesReady = useCoreShopifyCookies({
+      storefrontAccessToken,
+      fetchTrackingValues,
+      checkoutDomain
+    });
     React$1.useEffect(() => {
-      const cookies = getShopifyCookies(document.cookie);
-      let currentDomain = domain || window.document.location.host;
+      if (ignoreDeprecatedCookies || !coreCookiesReady) return;
+      let currentDomain = domain || window.location.host;
       if (checkoutDomain) {
         const checkoutDomainParts = checkoutDomain.split(".").reverse();
         const currentDomainParts = currentDomain.split(".").reverse();
@@ -4582,15 +4759,19 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       if (/^localhost/.test(currentDomain)) currentDomain = "";
       const domainWithLeadingDot = currentDomain ? /^\./.test(currentDomain) ? currentDomain : `.${currentDomain}` : "";
       if (hasUserConsent) {
+        const trackingValues = getTrackingValues();
+        if ((trackingValues.uniqueToken || trackingValues.visitToken || "").startsWith("00000000-")) {
+          return;
+        }
         setCookie(
           SHOPIFY_Y,
-          cookies[SHOPIFY_Y] || buildUUID(),
+          trackingValues.uniqueToken || buildUUID(),
           longTermLength,
           domainWithLeadingDot
         );
         setCookie(
           SHOPIFY_S,
-          cookies[SHOPIFY_S] || buildUUID(),
+          trackingValues.visitToken || buildUUID(),
           shortTermLength,
           domainWithLeadingDot
         );
@@ -4598,7 +4779,14 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         setCookie(SHOPIFY_Y, "", 0, domainWithLeadingDot);
         setCookie(SHOPIFY_S, "", 0, domainWithLeadingDot);
       }
-    }, [options, hasUserConsent, domain, checkoutDomain]);
+    }, [
+      coreCookiesReady,
+      hasUserConsent,
+      domain,
+      checkoutDomain,
+      ignoreDeprecatedCookies
+    ]);
+    return coreCookiesReady;
   }
   function setCookie(name, value, maxage, domain) {
     document.cookie = l(name, value, {
@@ -4608,6 +4796,73 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       path: "/"
     });
   }
+  async function fetchTrackingValuesFromBrowser(storefrontAccessToken, storefrontApiDomain = "") {
+    const { uniqueToken, visitToken } = getTrackingValues();
+    const response = await fetch(
+      // TODO: update this endpoint when it becomes stable
+      `${storefrontApiDomain.replace(/\/+$/, "")}/api/unstable/graphql.json`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...storefrontAccessToken && {
+            "X-Shopify-Storefront-Access-Token": storefrontAccessToken
+          },
+          ...visitToken || uniqueToken ? {
+            [SHOPIFY_VISIT_TOKEN_HEADER]: visitToken,
+            [SHOPIFY_UNIQUE_TOKEN_HEADER]: uniqueToken
+          } : void 0
+        },
+        body: JSON.stringify({
+          query: (
+            // This query ensures we get _cmp (consent) server-timing header, which is not available in other queries.
+            // This value can be passed later to consent-tracking-api and privacy-banner scripts to avoid extra requests.
+            "query ensureCookies { consentManagement { cookies(visitorConsent:{}) { cookieDomain } } }"
+          )
+        })
+      }
+    );
+    if (!response.ok) {
+      throw new Error(
+        `Failed to fetch consent from browser: ${response.status} ${response.statusText}`
+      );
+    }
+    await response.json();
+    getTrackingValues();
+  }
+  function useCoreShopifyCookies({
+    checkoutDomain,
+    storefrontAccessToken,
+    fetchTrackingValues = false
+  }) {
+    const [cookiesReady, setCookiesReady] = React$1.useState(!fetchTrackingValues);
+    const hasFetchedTrackingValues = React$1.useRef(false);
+    React$1.useEffect(() => {
+      if (!fetchTrackingValues) {
+        setCookiesReady(true);
+        return;
+      }
+      if (hasFetchedTrackingValues.current) return;
+      hasFetchedTrackingValues.current = true;
+      fetchTrackingValuesFromBrowser(storefrontAccessToken).catch(
+        (error) => checkoutDomain ? (
+          // Retry with checkout domain if available to at least
+          // get the server-timing values for tracking.
+          fetchTrackingValuesFromBrowser(
+            storefrontAccessToken,
+            checkoutDomain
+          )
+        ) : Promise.reject(error)
+      ).catch((error) => {
+        console.warn(
+          "[h2:warn:useShopifyCookies] Failed to fetch tracking values from browser: " + (error instanceof Error ? error.message : String(error))
+        );
+      }).finally(() => {
+        setCookiesReady(true);
+      });
+    }, [checkoutDomain, fetchTrackingValues, storefrontAccessToken]);
+    return cookiesReady;
+  }
   exports2.AddToCartButton = AddToCartButton;
   exports2.AnalyticsEventName = AnalyticsEventName;
   exports2.AnalyticsPageType = AnalyticsPageType;
@@ -4631,6 +4886,8 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   exports2.SHOPIFY_STOREFRONT_ID_HEADER = SHOPIFY_STOREFRONT_ID_HEADER;
   exports2.SHOPIFY_STOREFRONT_S_HEADER = SHOPIFY_STOREFRONT_S_HEADER;
   exports2.SHOPIFY_STOREFRONT_Y_HEADER = SHOPIFY_STOREFRONT_Y_HEADER;
+  exports2.SHOPIFY_UNIQUE_TOKEN_HEADER = SHOPIFY_UNIQUE_TOKEN_HEADER;
+  exports2.SHOPIFY_VISIT_TOKEN_HEADER = SHOPIFY_VISIT_TOKEN_HEADER;
   exports2.SHOPIFY_Y = SHOPIFY_Y;
   exports2.ShopPayButton = ShopPayButton;
   exports2.ShopifyProvider = ShopifyProvider;
@@ -4644,6 +4901,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   exports2.getClientBrowserParameters = getClientBrowserParameters;
   exports2.getProductOptions = getProductOptions;
   exports2.getShopifyCookies = getShopifyCookies;
+  exports2.getTrackingValues = getTrackingValues;
   exports2.isOptionValueCombinationInEncodedVariant = isOptionValueCombinationInEncodedVariant;
   exports2.mapSelectedProductOptionToObject = mapSelectedProductOptionToObject;
   exports2.parseGid = parseGid;
@@ -4659,5 +4917,5 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   exports2.useShop = useShop;
   exports2.useShopifyCookies = useShopifyCookies;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+}));
 //# sourceMappingURL=hydrogen-react.dev.js.map