@shopify/hydrogen-react 2025.1.2 → 2025.1.4

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

@@ -35,20 +35,17 @@
     ***************************************************************************** */
   function t(t2, n2) {
     var e2 = "function" == typeof Symbol && t2[Symbol.iterator];
-    if (!e2)
-      return t2;
+    if (!e2) return t2;
     var r2, i2, o2 = e2.call(t2), a2 = [];
     try {
-      for (; (void 0 === n2 || n2-- > 0) && !(r2 = o2.next()).done; )
-        a2.push(r2.value);
+      for (; (void 0 === n2 || n2-- > 0) && !(r2 = o2.next()).done; ) a2.push(r2.value);
     } catch (t3) {
       i2 = { error: t3 };
     } finally {
       try {
         r2 && !r2.done && (e2 = o2.return) && e2.call(o2);
       } finally {
-        if (i2)
-          throw i2.error;
+        if (i2) throw i2.error;
       }
     }
     return a2;
@@ -72,7 +69,7 @@
       return t2 === n2;
     };
   }
-  function u$1(t2) {
+  function u(t2) {
     return "string" == typeof t2 ? { type: t2 } : t2;
   }
   function c(t2, n2) {
@@ -96,32 +93,29 @@
     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];
+      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) {
             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 };
-              } };
+            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()) {
             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)) {
+            if (O(g, d)) {
               var q = t(f((_ ? r(R) : [].concat(x.exit, R, T.entry).filter(function(t2) {
                 return 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) };
             }
           }
@@ -131,12 +125,11 @@
           try {
             b && !b.done && (l3 = h.return) && l3.call(h);
           } finally {
-            if (s3)
-              throw s3.error;
+            if (s3) throw s3.error;
           }
         }
       }
-      return c(p, g2);
+      return c(p, g);
     } };
     return y;
   }
@@ -148,7 +141,7 @@
   };
   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) {
@@ -159,8 +152,7 @@
       if (o3) {
         var u2 = "object" == typeof o3 ? o3 : { context: t2.config.context, value: o3 };
         r2 = { value: u2.value, actions: [], context: u2.context, matches: a(u2.value) };
-      } else
-        r2 = t2.initialState;
+      } else r2 = t2.initialState;
       return i2 = n.Running, l$1(r2, e), c2;
     }, stop: function() {
       return i2 = n.Stopped, o2.clear(), c2;
@@ -176,228 +168,251 @@
   var withSelector_development = {};
   var shim = { exports: {} };
   var useSyncExternalStoreShim_development = {};
-  /**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  {
-    (function() {
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      }
-      var React2 = React$1;
-      var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function error(format) {
-        {
+  var hasRequiredUseSyncExternalStoreShim_development;
+  function requireUseSyncExternalStoreShim_development() {
+    if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
+    hasRequiredUseSyncExternalStoreShim_development = 1;
+    /**
+     * @license React
+     * use-sync-external-store-shim.development.js
+     *
+     * Copyright (c) Facebook, Inc. and its affiliates.
+     *
+     * This source code is licensed under the MIT license found in the
+     * LICENSE file in the root directory of this source tree.
+     */
+    {
+      (function() {
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+        }
+        var React2 = React$1;
+        var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        function error(format) {
           {
-            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-              args[_key2 - 1] = arguments[_key2];
+            {
+              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                args[_key2 - 1] = arguments[_key2];
+              }
+              printWarning("error", format, args);
             }
-            printWarning("error", format, args);
           }
         }
-      }
-      function printWarning(level, format, args) {
-        {
-          var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-          var stack = ReactDebugCurrentFrame.getStackAddendum();
-          if (stack !== "") {
-            format += "%s";
-            args = args.concat([stack]);
-          }
-          var argsWithFormat = args.map(function(item) {
-            return String(item);
-          });
-          argsWithFormat.unshift("Warning: " + format);
-          Function.prototype.apply.call(console[level], console, argsWithFormat);
-        }
-      }
-      function is(x, y) {
-        return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      var objectIs = typeof Object.is === "function" ? Object.is : is;
-      var useState = React2.useState, useEffect = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
-      var didWarnOld18Alpha = false;
-      var didWarnUncachedGetSnapshot = false;
-      function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-        {
-          if (!didWarnOld18Alpha) {
-            if (React2.startTransition !== void 0) {
-              didWarnOld18Alpha = true;
-              error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.");
+        function printWarning(level, format, args) {
+          {
+            var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+            var stack = ReactDebugCurrentFrame.getStackAddendum();
+            if (stack !== "") {
+              format += "%s";
+              args = args.concat([stack]);
             }
+            var argsWithFormat = args.map(function(item) {
+              return String(item);
+            });
+            argsWithFormat.unshift("Warning: " + format);
+            Function.prototype.apply.call(console[level], console, argsWithFormat);
           }
         }
-        var value = getSnapshot();
-        {
-          if (!didWarnUncachedGetSnapshot) {
-            var cachedValue = getSnapshot();
-            if (!objectIs(value, cachedValue)) {
-              error("The result of getSnapshot should be cached to avoid an infinite loop");
-              didWarnUncachedGetSnapshot = true;
-            }
-          }
+        function is(x, y) {
+          return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
-        var _useState = useState({
-          inst: {
-            value,
-            getSnapshot
-          }
-        }), inst = _useState[0].inst, forceUpdate = _useState[1];
-        useLayoutEffect(function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          if (checkIfSnapshotChanged(inst)) {
-            forceUpdate({
-              inst
-            });
+        var objectIs = typeof Object.is === "function" ? Object.is : is;
+        var useState = React2.useState, useEffect = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
+        var didWarnOld18Alpha = false;
+        var didWarnUncachedGetSnapshot = false;
+        function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+          {
+            if (!didWarnOld18Alpha) {
+              if (React2.startTransition !== void 0) {
+                didWarnOld18Alpha = true;
+                error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.");
+              }
+            }
           }
-        }, [subscribe, value, getSnapshot]);
-        useEffect(function() {
-          if (checkIfSnapshotChanged(inst)) {
-            forceUpdate({
-              inst
-            });
+          var value = getSnapshot();
+          {
+            if (!didWarnUncachedGetSnapshot) {
+              var cachedValue = getSnapshot();
+              if (!objectIs(value, cachedValue)) {
+                error("The result of getSnapshot should be cached to avoid an infinite loop");
+                didWarnUncachedGetSnapshot = true;
+              }
+            }
           }
-          var handleStoreChange = function() {
+          var _useState = useState({
+            inst: {
+              value,
+              getSnapshot
+            }
+          }), inst = _useState[0].inst, forceUpdate = _useState[1];
+          useLayoutEffect(function() {
+            inst.value = value;
+            inst.getSnapshot = getSnapshot;
             if (checkIfSnapshotChanged(inst)) {
               forceUpdate({
                 inst
               });
             }
-          };
-          return subscribe(handleStoreChange);
-        }, [subscribe]);
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        var prevValue = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(prevValue, nextValue);
-        } catch (error2) {
-          return true;
+          }, [subscribe, value, getSnapshot]);
+          useEffect(function() {
+            if (checkIfSnapshotChanged(inst)) {
+              forceUpdate({
+                inst
+              });
+            }
+            var handleStoreChange = function() {
+              if (checkIfSnapshotChanged(inst)) {
+                forceUpdate({
+                  inst
+                });
+              }
+            };
+            return subscribe(handleStoreChange);
+          }, [subscribe]);
+          useDebugValue(value);
+          return value;
         }
-      }
-      function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
-        return getSnapshot();
-      }
-      var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
-      var isServerEnvironment = !canUseDOM;
-      var shim2 = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
-      var useSyncExternalStore$2 = React2.useSyncExternalStore !== void 0 ? React2.useSyncExternalStore : shim2;
-      useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2;
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-      }
-    })();
-  }
-  {
-    shim.exports = useSyncExternalStoreShim_development;
-  }
-  var shimExports = shim.exports;
-  /**
-   * @license React
-   * use-sync-external-store-shim/with-selector.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  {
-    (function() {
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      }
-      var React2 = React$1;
-      var shim2 = shimExports;
-      function is(x, y) {
-        return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      var objectIs = typeof Object.is === "function" ? Object.is : is;
-      var useSyncExternalStore = shim2.useSyncExternalStore;
-      var useRef = React2.useRef, useEffect = React2.useEffect, useMemo = React2.useMemo, useDebugValue = React2.useDebugValue;
-      function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-        var instRef = useRef(null);
-        var inst;
-        if (instRef.current === null) {
-          inst = {
-            hasValue: false,
-            value: null
-          };
-          instRef.current = inst;
-        } else {
-          inst = instRef.current;
+        function checkIfSnapshotChanged(inst) {
+          var latestGetSnapshot = inst.getSnapshot;
+          var prevValue = inst.value;
+          try {
+            var nextValue = latestGetSnapshot();
+            return !objectIs(prevValue, nextValue);
+          } catch (error2) {
+            return true;
+          }
         }
-        var _useMemo = useMemo(function() {
-          var hasMemo = false;
-          var memoizedSnapshot;
-          var memoizedSelection;
-          var memoizedSelector = function(nextSnapshot) {
-            if (!hasMemo) {
-              hasMemo = true;
-              memoizedSnapshot = nextSnapshot;
-              var _nextSelection = selector(nextSnapshot);
-              if (isEqual2 !== void 0) {
-                if (inst.hasValue) {
-                  var currentSelection = inst.value;
-                  if (isEqual2(currentSelection, _nextSelection)) {
-                    memoizedSelection = currentSelection;
-                    return currentSelection;
+        function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
+          return getSnapshot();
+        }
+        var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+        var isServerEnvironment = !canUseDOM;
+        var shim2 = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
+        var useSyncExternalStore$2 = React2.useSyncExternalStore !== void 0 ? React2.useSyncExternalStore : shim2;
+        useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2;
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+        }
+      })();
+    }
+    return useSyncExternalStoreShim_development;
+  }
+  var hasRequiredShim;
+  function requireShim() {
+    if (hasRequiredShim) return shim.exports;
+    hasRequiredShim = 1;
+    {
+      shim.exports = requireUseSyncExternalStoreShim_development();
+    }
+    return shim.exports;
+  }
+  var hasRequiredWithSelector_development;
+  function requireWithSelector_development() {
+    if (hasRequiredWithSelector_development) return withSelector_development;
+    hasRequiredWithSelector_development = 1;
+    /**
+     * @license React
+     * use-sync-external-store-shim/with-selector.development.js
+     *
+     * Copyright (c) Facebook, Inc. and its affiliates.
+     *
+     * This source code is licensed under the MIT license found in the
+     * LICENSE file in the root directory of this source tree.
+     */
+    {
+      (function() {
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+        }
+        var React2 = React$1;
+        var shim2 = requireShim();
+        function is(x, y) {
+          return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
+        }
+        var objectIs = typeof Object.is === "function" ? Object.is : is;
+        var useSyncExternalStore = shim2.useSyncExternalStore;
+        var useRef = React2.useRef, useEffect = React2.useEffect, useMemo = React2.useMemo, useDebugValue = React2.useDebugValue;
+        function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
+          var instRef = useRef(null);
+          var inst;
+          if (instRef.current === null) {
+            inst = {
+              hasValue: false,
+              value: null
+            };
+            instRef.current = inst;
+          } else {
+            inst = instRef.current;
+          }
+          var _useMemo = useMemo(function() {
+            var hasMemo = false;
+            var memoizedSnapshot;
+            var memoizedSelection;
+            var memoizedSelector = function(nextSnapshot) {
+              if (!hasMemo) {
+                hasMemo = true;
+                memoizedSnapshot = nextSnapshot;
+                var _nextSelection = selector(nextSnapshot);
+                if (isEqual2 !== void 0) {
+                  if (inst.hasValue) {
+                    var currentSelection = inst.value;
+                    if (isEqual2(currentSelection, _nextSelection)) {
+                      memoizedSelection = currentSelection;
+                      return currentSelection;
+                    }
                   }
                 }
+                memoizedSelection = _nextSelection;
+                return _nextSelection;
               }
-              memoizedSelection = _nextSelection;
-              return _nextSelection;
-            }
-            var prevSnapshot = memoizedSnapshot;
-            var prevSelection = memoizedSelection;
-            if (objectIs(prevSnapshot, nextSnapshot)) {
-              return prevSelection;
-            }
-            var nextSelection = selector(nextSnapshot);
-            if (isEqual2 !== void 0 && isEqual2(prevSelection, nextSelection)) {
-              return prevSelection;
-            }
-            memoizedSnapshot = nextSnapshot;
-            memoizedSelection = nextSelection;
-            return nextSelection;
-          };
-          var maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
-          var getSnapshotWithSelector = function() {
-            return memoizedSelector(getSnapshot());
-          };
-          var getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
-            return memoizedSelector(maybeGetServerSnapshot());
-          };
-          return [getSnapshotWithSelector, getServerSnapshotWithSelector];
-        }, [getSnapshot, getServerSnapshot, selector, isEqual2]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
-        var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-        useEffect(function() {
-          inst.hasValue = true;
-          inst.value = value;
-        }, [value]);
-        useDebugValue(value);
-        return value;
-      }
-      withSelector_development.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector;
-      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-      }
-    })();
+              var prevSnapshot = memoizedSnapshot;
+              var prevSelection = memoizedSelection;
+              if (objectIs(prevSnapshot, nextSnapshot)) {
+                return prevSelection;
+              }
+              var nextSelection = selector(nextSnapshot);
+              if (isEqual2 !== void 0 && isEqual2(prevSelection, nextSelection)) {
+                return prevSelection;
+              }
+              memoizedSnapshot = nextSnapshot;
+              memoizedSelection = nextSelection;
+              return nextSelection;
+            };
+            var maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
+            var getSnapshotWithSelector = function() {
+              return memoizedSelector(getSnapshot());
+            };
+            var getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
+              return memoizedSelector(maybeGetServerSnapshot());
+            };
+            return [getSnapshotWithSelector, getServerSnapshotWithSelector];
+          }, [getSnapshot, getServerSnapshot, selector, isEqual2]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
+          var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
+          useEffect(function() {
+            inst.hasValue = true;
+            inst.value = value;
+          }, [value]);
+          useDebugValue(value);
+          return value;
+        }
+        withSelector_development.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector;
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+        }
+      })();
+    }
+    return withSelector_development;
   }
-  {
-    withSelector.exports = withSelector_development;
+  var hasRequiredWithSelector;
+  function requireWithSelector() {
+    if (hasRequiredWithSelector) return withSelector.exports;
+    hasRequiredWithSelector = 1;
+    {
+      withSelector.exports = requireWithSelector_development();
+    }
+    return withSelector.exports;
   }
-  var withSelectorExports = withSelector.exports;
+  var withSelectorExports = requireWithSelector();
   function useConstant(fn) {
     var ref = React__namespace.useRef();
     if (!ref.current) {
@@ -407,21 +422,17 @@
   }
   var __read = function(o2, n2) {
     var m = typeof Symbol === "function" && o2[Symbol.iterator];
-    if (!m)
-      return o2;
+    if (!m) return o2;
     var i2 = m.call(o2), r2, ar = [], e2;
     try {
-      while ((n2 === void 0 || n2-- > 0) && !(r2 = i2.next()).done)
-        ar.push(r2.value);
+      while ((n2 === void 0 || n2-- > 0) && !(r2 = i2.next()).done) ar.push(r2.value);
     } catch (error) {
       e2 = { error };
     } finally {
       try {
-        if (r2 && !r2.done && (m = i2["return"]))
-          m.call(i2);
+        if (r2 && !r2.done && (m = i2["return"])) m.call(i2);
       } finally {
-        if (e2)
-          throw e2.error;
+        if (e2) throw e2.error;
       }
     }
     return ar;
@@ -841,8 +852,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       getStorefrontApiUrl(overrideProps) {
         const domain = getShopifyDomain(overrideProps);
         const apiUrl = domain + (domain.endsWith("/") ? "api" : "/api");
-        if (isMockShop(domain))
-          return apiUrl;
+        if (isMockShop(domain)) return apiUrl;
         return `${apiUrl}/${(overrideProps == null ? void 0 : overrideProps.storefrontApiVersion) ?? storefrontApiVersion}/graphql.json`;
       },
       getPrivateTokenHeaders(overrideProps) {
@@ -919,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
@@ -934,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,
@@ -949,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`;
@@ -971,77 +998,94 @@ 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(cookieString) {
+    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 = typeof cookieString === "string" ? cookieString : 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,
@@ -1051,9 +1095,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,
@@ -1071,7 +1123,12 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           };
         });
       },
-      [getPublicTokenHeaders, storefrontId, getStorefrontApiUrl]
+      [
+        getPublicTokenHeaders,
+        storefrontId,
+        getStorefrontApiUrl,
+        sameDomainForStorefrontApi
+      ]
     );
   }
   function useCartActions({
@@ -1414,8 +1471,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         cartFetchAction: async (_, event) => {
           var _a;
-          if (event.type !== "CART_FETCH")
-            return;
+          if (event.type !== "CART_FETCH") return;
           const { data, errors } = await cartFetch((_a = event == null ? void 0 : event.payload) == null ? void 0 : _a.cartId);
           const resultEvent = eventFromFetchResult(event, data == null ? void 0 : data.cart, errors);
           send(resultEvent);
@@ -1423,8 +1479,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         cartCreateAction: async (_, event) => {
           var _a;
-          if (event.type !== "CART_CREATE")
-            return;
+          if (event.type !== "CART_CREATE") return;
           const { data, errors } = await cartCreate(event == null ? void 0 : event.payload);
           const resultEvent = eventFromFetchResult(
             event,
@@ -1436,8 +1491,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         cartLineAddAction: async (context, event) => {
           var _a, _b;
-          if (event.type !== "CARTLINE_ADD" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id))
-            return;
+          if (event.type !== "CARTLINE_ADD" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id)) return;
           const { data, errors } = await cartLineAdd(
             context.cart.id,
             event.payload.lines
@@ -1452,8 +1506,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         cartLineUpdateAction: async (context, event) => {
           var _a, _b;
-          if (event.type !== "CARTLINE_UPDATE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id))
-            return;
+          if (event.type !== "CARTLINE_UPDATE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id)) return;
           const { data, errors } = await cartLineUpdate(
             context.cart.id,
             event.payload.lines
@@ -1468,8 +1521,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         cartLineRemoveAction: async (context, event) => {
           var _a, _b;
-          if (event.type !== "CARTLINE_REMOVE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id))
-            return;
+          if (event.type !== "CARTLINE_REMOVE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id)) return;
           const { data, errors } = await cartLineRemove(
             context.cart.id,
             event.payload.lines
@@ -1484,8 +1536,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         noteUpdateAction: async (context, event) => {
           var _a, _b;
-          if (event.type !== "NOTE_UPDATE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id))
-            return;
+          if (event.type !== "NOTE_UPDATE" || !((_a = context == null ? void 0 : context.cart) == null ? void 0 : _a.id)) return;
           const { data, errors } = await noteUpdate(
             context.cart.id,
             event.payload.note
@@ -1643,8 +1694,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       );
     countryCode = (countryCode ?? shop.countryIsoCode ?? "US").toUpperCase();
     languageCode = (languageCode ?? shop.languageIsoCode ?? "EN").toUpperCase();
-    if (countryCode)
-      countryCode = countryCode.toUpperCase();
+    if (countryCode) countryCode = countryCode.toUpperCase();
     const [prevCountryCode, setPrevCountryCode] = React$1.useState(countryCode);
     const [prevCustomerAccessToken, setPrevCustomerAccessToken] = React$1.useState(customerAccessToken);
     const customerOverridesCountryCode = React$1.useRef(false);
@@ -1685,8 +1735,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       },
       onCartActionOptimisticUI(context, event) {
         var _a2, _b2, _c2, _d2;
-        if (!context.cart)
-          return { ...context };
+        if (!context.cart) return { ...context };
         switch (event.type) {
           case "CARTLINE_REMOVE":
             return {
@@ -1776,8 +1825,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
       }
     }, [cart, cartReady, cartSend]);
     React$1.useEffect(() => {
-      if (!countryChanged || customerOverridesCountryCode.current)
-        return;
+      if (!countryChanged || customerOverridesCountryCode.current) return;
       cartSend({
         type: "BUYER_IDENTITY_UPDATE",
         payload: { buyerIdentity: { countryCode, customerAccessToken } }
@@ -2120,17 +2168,20 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     });
   }
   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;
-    }, {});
+    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,
@@ -2354,6 +2405,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) {
@@ -2405,7 +2498,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
     return false;
   }
-  const version = "2025.1.2";
+  const version = "2025.1.4";
   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";
@@ -2628,8 +2721,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   }
   function sendShopifyAnalytics(event, shopDomain) {
     const { eventName, payload } = event;
-    if (!payload.hasUserConsent)
-      return Promise.resolve();
+    if (!payload.hasUserConsent) return Promise.resolve();
     let events = [];
     const pageViewPayload = payload;
     if (eventName === AnalyticsEventName.PAGE_VIEW) {
@@ -2660,8 +2752,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     }
   }
   function isLighthouseUserAgent() {
-    if (typeof window === "undefined" || !window.navigator)
-      return false;
+    if (typeof window === "undefined" || !window.navigator) return false;
     return /Chrome-Lighthouse/.test(window.navigator.userAgent);
   }
   const ERROR_MESSAGE = "sendShopifyAnalytics request is unsuccessful";
@@ -2725,10 +2816,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,
@@ -3157,8 +3248,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     };
   })();
   function decodeEncodedVariant(encodedVariantField) {
-    if (!encodedVariantField)
-      return [];
+    if (!encodedVariantField) return [];
     if (encodedVariantField.startsWith("v1_")) {
       return v1Decoder(stripVersion(encodedVariantField));
     }
@@ -3357,8 +3447,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   }
   function getAdjacentAndFirstAvailableVariants(product) {
     const checkedProduct = checkProductParam(product);
-    if (!checkedProduct.options)
-      return [];
+    if (!checkedProduct.options) return [];
     const availableVariants = {};
     checkedProduct.options.map((option) => {
       var _a;
@@ -3388,8 +3477,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   }
   function getProductOptions(product) {
     const checkedProduct = checkProductParam(product, true);
-    if (!checkedProduct.options)
-      return [];
+    if (!checkedProduct.options) return [];
     const {
       options,
       selectedOrFirstAvailableVariant: selectedVariant,
@@ -3790,14 +3878,12 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
     return isFixedWidth(width) ? fixed : responsive;
   }
   function parseAspectRatio(aspectRatio) {
-    if (!aspectRatio)
-      return;
+    if (!aspectRatio) return;
     const [width, height] = aspectRatio.split("/");
     return 1 / (Number(width) / Number(height));
   }
   function generateSizes(imageWidths, aspectRatio, crop = "center", sourceDimensions) {
-    if (!imageWidths)
-      return;
+    if (!imageWidths) return;
     return imageWidths.map((width) => {
       return {
         width,
@@ -4129,6 +4215,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
           ...metafield,
           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 "dimension":
       case "money":
       case "json":
@@ -4199,8 +4286,7 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   function parseJSON(json) {
     if (String(json).includes("__proto__")) {
       return JSON.parse(json, (k, v2) => {
-        if (k !== "__proto__")
-          return v2;
+        if (k !== "__proto__") return v2;
       });
     }
     return JSON.parse(json);
@@ -4291,10 +4377,8 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
   }) {
     if (node.bold && node.italic)
       return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement("strong", null, node.value));
-    if (node.bold)
-      return /* @__PURE__ */ React.createElement("strong", null, node.value);
-    if (node.italic)
-      return /* @__PURE__ */ React.createElement("em", null, node.value);
+    if (node.bold) return /* @__PURE__ */ React.createElement("strong", null, node.value);
+    if (node.italic) return /* @__PURE__ */ React.createElement("em", null, node.value);
     return node.value;
   }
   function RichTextLink({
@@ -4562,17 +4646,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();
@@ -4584,19 +4680,22 @@ Refer to the authentication https://shopify.dev/api/storefront#authentication do
         });
         currentDomain = sameDomainParts.reverse().join(".");
       }
-      if (/^localhost/.test(currentDomain))
-        currentDomain = "";
+      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
         );
@@ -4604,7 +4703,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, {
@@ -4614,6 +4720,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;
@@ -4637,6 +4810,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;
@@ -4650,6 +4825,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;