@weaverse/hydrogen 2.7.1 → 2.7.4

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { ElementData, ElementSchema, BasicInput as BasicInput$1, WeaverseElement, WeaverseCoreParams, WeaverseProjectDataType, WeaverseResourcePickerData, Weaverse, PlatformTypeEnum, WeaverseItemStore } from '@weaverse/react';
-export { InputType, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
+export { InputType, PositionInputValue, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { NavigateFunction } from '@remix-run/react';
 import { createWithCache, Storefront } from '@shopify/hydrogen';
 import { LanguageCode, CountryCode, CurrencyCode } from '@shopify/hydrogen/storefront-api-types';
@@ -112,9 +112,15 @@ interface HydrogenComponentSchema extends ElementSchema {
 type BasicInput = BasicInput$1 & {
     shouldRevalidate?: boolean;
 };
+type HeadingInputType = 'heading';
+type HeadingInput = {
+    type: HeadingInputType;
+    label: string;
+    [key: string]: any;
+};
 interface InspectorGroup {
     group: string;
-    inputs: BasicInput[];
+    inputs: (BasicInput | HeadingInput)[];
 }
 interface HydrogenComponentProps<L = any> extends WeaverseElement {
     className?: string;
@@ -336,4 +342,4 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     set data(update: HydrogenComponentData);
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HeadingInput, type HeadingInputType, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ElementData, ElementSchema, BasicInput as BasicInput$1, WeaverseElement, WeaverseCoreParams, WeaverseProjectDataType, WeaverseResourcePickerData, Weaverse, PlatformTypeEnum, WeaverseItemStore } from '@weaverse/react';
-export { InputType, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
+export { InputType, PositionInputValue, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { NavigateFunction } from '@remix-run/react';
 import { createWithCache, Storefront } from '@shopify/hydrogen';
 import { LanguageCode, CountryCode, CurrencyCode } from '@shopify/hydrogen/storefront-api-types';
@@ -112,9 +112,15 @@ interface HydrogenComponentSchema extends ElementSchema {
 type BasicInput = BasicInput$1 & {
     shouldRevalidate?: boolean;
 };
+type HeadingInputType = 'heading';
+type HeadingInput = {
+    type: HeadingInputType;
+    label: string;
+    [key: string]: any;
+};
 interface InspectorGroup {
     group: string;
-    inputs: BasicInput[];
+    inputs: (BasicInput | HeadingInput)[];
 }
 interface HydrogenComponentProps<L = any> extends WeaverseElement {
     className?: string;
@@ -336,4 +342,4 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     set data(update: HydrogenComponentData);
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HeadingInput, type HeadingInputType, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.js

@@ -38,15 +38,15 @@ __export(src_exports, {
   getRequestQueries: () => getRequestQueries,
   getSelectedProductOptions: () => getSelectedProductOptions,
   getWeaverseConfigs: () => getWeaverseConfigs,
-  useChildInstances: () => import_react13.useChildInstances,
-  useItemInstance: () => import_react13.useItemInstance,
-  useParentInstance: () => import_react13.useParentInstance,
+  useChildInstances: () => import_react14.useChildInstances,
+  useItemInstance: () => import_react14.useItemInstance,
+  useParentInstance: () => import_react14.useParentInstance,
   useThemeSettings: () => useThemeSettings,
-  useWeaverse: () => import_react13.useWeaverse,
+  useWeaverse: () => import_react14.useWeaverse,
   withWeaverse: () => withWeaverse
 });
 module.exports = __toCommonJS(src_exports);
-var import_react13 = require("@weaverse/react");
+var import_react14 = require("@weaverse/react");
 
 // src/components/main.tsx
 var main_exports = {};
@@ -69,9 +69,9 @@ var schema = {
 var defaultComponents = [main_exports];
 
 // src/WeaverseHydrogenRoot.tsx
-var import_react10 = require("@remix-run/react");
-var import_react11 = require("@weaverse/react");
-var import_react12 = __toESM(require("react"));
+var import_react11 = require("@remix-run/react");
+var import_react12 = require("@weaverse/react");
+var import_react13 = __toESM(require("react"));
 var import_react_error_boundary = require("react-error-boundary");
 
 // src/context.ts
@@ -81,7 +81,7 @@ function createCachedWeaverseInstance(params, components) {
   if (import_react2.isBrowser) {
     window.__weaverses = window.__weaverses || [];
     let weaverse = window.__weaverses.find((w) => {
-      let { pathname, search } = w.requestInfo;
+      let { pathname } = w.requestInfo;
       return pathname === params.requestInfo.pathname;
     });
     if (!weaverse) {
@@ -208,23 +208,36 @@ function useStudio(weaverse) {
   }, [weaverse.requestInfo]);
 }
 
+// src/pixel.tsx
+var import_react10 = __toESM(require("react"));
+var Pixel = ({ baseUrl, projectId, pageId }) => {
+  const url = `${baseUrl}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
+  return /* @__PURE__ */ import_react10.default.createElement("img", { src: url, alt: "weaverse pixel", style: { display: "none" } });
+};
+var WeaversePixel = ({ context }) => {
+  let { projectId, pageId, weaverseHost, isDesignMode } = context;
+  if (isDesignMode || !projectId || !pageId || !weaverseHost)
+    return null;
+  return /* @__PURE__ */ import_react10.default.createElement(Pixel, { baseUrl: weaverseHost, projectId, pageId });
+};
+
 // src/WeaverseHydrogenRoot.tsx
-var WeaverseHydrogenRoot = (0, import_react12.memo)(
+var WeaverseHydrogenRoot = (0, import_react13.memo)(
   ({
     errorComponent: ErrorComponent = FallbackError,
     components
   }) => {
-    let loaderData = (0, import_react10.useLoaderData)();
+    let loaderData = (0, import_react11.useLoaderData)();
     let data = loaderData?.weaverseData;
     if (data) {
       if (data instanceof Promise) {
-        return /* @__PURE__ */ import_react12.default.createElement(import_react_error_boundary.ErrorBoundary, { fallbackRender: ErrorComponent }, /* @__PURE__ */ import_react12.default.createElement(import_react12.Suspense, null, /* @__PURE__ */ import_react12.default.createElement(import_react10.Await, { resolve: data }, (resolvedData) => {
-          return /* @__PURE__ */ import_react12.default.createElement(RenderRoot, { data: resolvedData, components });
+        return /* @__PURE__ */ import_react13.default.createElement(import_react_error_boundary.ErrorBoundary, { fallbackRender: ErrorComponent }, /* @__PURE__ */ import_react13.default.createElement(import_react13.Suspense, null, /* @__PURE__ */ import_react13.default.createElement(import_react11.Await, { resolve: data }, (resolvedData) => {
+          return /* @__PURE__ */ import_react13.default.createElement(RenderRoot, { data: resolvedData, components });
         })));
       }
-      return /* @__PURE__ */ import_react12.default.createElement(RenderRoot, { data, components });
+      return /* @__PURE__ */ import_react13.default.createElement(RenderRoot, { data, components });
     }
-    return /* @__PURE__ */ import_react12.default.createElement(
+    return /* @__PURE__ */ import_react13.default.createElement(
       ErrorComponent,
       {
         error: { message: "No Weaverse data return from route loader!" }
@@ -236,17 +249,17 @@ function RenderRoot(props) {
   let { data, components } = props;
   let weaverse = createWeaverseInstance(data, components);
   useStudio(weaverse);
-  return /* @__PURE__ */ import_react12.default.createElement(import_react11.WeaverseRoot, { context: weaverse });
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(import_react12.WeaverseRoot, { context: weaverse }), /* @__PURE__ */ import_react13.default.createElement(WeaversePixel, { context: weaverse }));
 }
 function withWeaverse(Component) {
   return (props) => {
-    let loaderData = (0, import_react10.useRouteLoaderData)("root");
+    let loaderData = (0, import_react11.useRouteLoaderData)("root");
     let themeSettingsStore = new ThemeSettingsStore(loaderData?.weaverseTheme);
-    return /* @__PURE__ */ import_react12.default.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ import_react12.default.createElement(Component, { ...props }));
+    return /* @__PURE__ */ import_react13.default.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ import_react13.default.createElement(Component, { ...props }));
   };
 }
 function FallbackError({ error }) {
-  return /* @__PURE__ */ import_react12.default.createElement("div", null, error?.message || "An unexpected error occurred");
+  return /* @__PURE__ */ import_react13.default.createElement("div", null, error?.message || "An unexpected error occurred");
 }
 
 // src/weaverse-client.ts
@@ -257,7 +270,7 @@ var package_default = {
   name: "@weaverse/hydrogen",
   author: "Weaverse Team",
   description: "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  version: "2.7.1",
+  version: "2.7.4",
   license: "MIT",
   main: "dist/index.js",
   typings: "dist/index.d.ts",
@@ -295,7 +308,7 @@ var package_default = {
     singleQuote: true
   },
   dependencies: {
-    "@weaverse/react": "2.7.1",
+    "@weaverse/react": "2.7.4",
     "react-error-boundary": "^4.0.11"
   },
   devDependencies: {
@@ -324,7 +337,13 @@ function getWeaverseConfigs(request, env) {
     PUBLIC_STOREFRONT_API_TOKEN
   } = env || {};
   let envFromProcess = typeof process !== "undefined" && process.env || {};
-  let { weaverseProjectId, weaverseHost, isDesignMode, weaverseVersion, weaverseApiKey } = queries;
+  let {
+    weaverseProjectId,
+    weaverseHost,
+    isDesignMode,
+    weaverseVersion,
+    weaverseApiKey
+  } = queries;
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
     weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://weaverse.io",
@@ -400,10 +419,13 @@ var WeaverseClient = class {
     } = options;
     let res = this.withCache(cacheKey, strategy, async () => {
       let cacheControlHeader = (0, import_hydrogen.generateCacheControlHeader)(strategy);
-      let response = await fetch(url, { ...reqInit, headers: {
-        "Cache-Control": cacheControlHeader,
-        ...reqInit.headers
-      } });
+      let response = await fetch(url, {
+        ...reqInit,
+        headers: {
+          "Cache-Control": cacheControlHeader,
+          ...reqInit.headers
+        }
+      });
       if (!response.ok) {
         let error = await response.text();
         let { status, statusText } = response;
@@ -557,7 +579,7 @@ function getSelectedProductOptions(request) {
 }
 
 // src/index.ts
-var WeaverseHydrogen = class extends import_react13.Weaverse {
+var WeaverseHydrogen = class extends import_react14.Weaverse {
   platformType = "shopify-hydrogen";
   pageId;
   internal;
@@ -573,7 +595,7 @@ var WeaverseHydrogen = class extends import_react13.Weaverse {
   }
   registerComponents = (components) => {
     components.forEach((comp) => {
-      import_react13.Weaverse.registerElement({
+      import_react14.Weaverse.registerElement({
         type: comp?.schema?.type,
         Component: comp?.default,
         schema: comp?.schema,
@@ -582,7 +604,7 @@ var WeaverseHydrogen = class extends import_react13.Weaverse {
     });
   };
 };
-var WeaverseHydrogenItem = class extends import_react13.WeaverseItemStore {
+var WeaverseHydrogenItem = class extends import_react14.WeaverseItemStore {
   constructor(initialData, weaverse) {
     super(initialData, weaverse);
     let { data, ...rest } = initialData;

package/dist/index.mjs

@@ -37,7 +37,7 @@ var defaultComponents = [main_exports];
 // src/WeaverseHydrogenRoot.tsx
 import { Await, useLoaderData, useRouteLoaderData } from "@remix-run/react";
 import { WeaverseRoot } from "@weaverse/react";
-import React2, { memo, Suspense } from "react";
+import React3, { memo, Suspense } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 
 // src/context.ts
@@ -47,7 +47,7 @@ function createCachedWeaverseInstance(params, components) {
   if (isBrowser) {
     window.__weaverses = window.__weaverses || [];
     let weaverse = window.__weaverses.find((w) => {
-      let { pathname, search } = w.requestInfo;
+      let { pathname } = w.requestInfo;
       return pathname === params.requestInfo.pathname;
     });
     if (!weaverse) {
@@ -174,6 +174,19 @@ function useStudio(weaverse) {
   }, [weaverse.requestInfo]);
 }
 
+// src/pixel.tsx
+import React2 from "react";
+var Pixel = ({ baseUrl, projectId, pageId }) => {
+  const url = `${baseUrl}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
+  return /* @__PURE__ */ React2.createElement("img", { src: url, alt: "weaverse pixel", style: { display: "none" } });
+};
+var WeaversePixel = ({ context }) => {
+  let { projectId, pageId, weaverseHost, isDesignMode } = context;
+  if (isDesignMode || !projectId || !pageId || !weaverseHost)
+    return null;
+  return /* @__PURE__ */ React2.createElement(Pixel, { baseUrl: weaverseHost, projectId, pageId });
+};
+
 // src/WeaverseHydrogenRoot.tsx
 var WeaverseHydrogenRoot = memo(
   ({
@@ -184,13 +197,13 @@ var WeaverseHydrogenRoot = memo(
     let data = loaderData?.weaverseData;
     if (data) {
       if (data instanceof Promise) {
-        return /* @__PURE__ */ React2.createElement(ErrorBoundary, { fallbackRender: ErrorComponent }, /* @__PURE__ */ React2.createElement(Suspense, null, /* @__PURE__ */ React2.createElement(Await, { resolve: data }, (resolvedData) => {
-          return /* @__PURE__ */ React2.createElement(RenderRoot, { data: resolvedData, components });
+        return /* @__PURE__ */ React3.createElement(ErrorBoundary, { fallbackRender: ErrorComponent }, /* @__PURE__ */ React3.createElement(Suspense, null, /* @__PURE__ */ React3.createElement(Await, { resolve: data }, (resolvedData) => {
+          return /* @__PURE__ */ React3.createElement(RenderRoot, { data: resolvedData, components });
         })));
       }
-      return /* @__PURE__ */ React2.createElement(RenderRoot, { data, components });
+      return /* @__PURE__ */ React3.createElement(RenderRoot, { data, components });
     }
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React3.createElement(
       ErrorComponent,
       {
         error: { message: "No Weaverse data return from route loader!" }
@@ -202,17 +215,17 @@ function RenderRoot(props) {
   let { data, components } = props;
   let weaverse = createWeaverseInstance(data, components);
   useStudio(weaverse);
-  return /* @__PURE__ */ React2.createElement(WeaverseRoot, { context: weaverse });
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(WeaverseRoot, { context: weaverse }), /* @__PURE__ */ React3.createElement(WeaversePixel, { context: weaverse }));
 }
 function withWeaverse(Component) {
   return (props) => {
     let loaderData = useRouteLoaderData("root");
     let themeSettingsStore = new ThemeSettingsStore(loaderData?.weaverseTheme);
-    return /* @__PURE__ */ React2.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ React2.createElement(Component, { ...props }));
+    return /* @__PURE__ */ React3.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ React3.createElement(Component, { ...props }));
   };
 }
 function FallbackError({ error }) {
-  return /* @__PURE__ */ React2.createElement("div", null, error?.message || "An unexpected error occurred");
+  return /* @__PURE__ */ React3.createElement("div", null, error?.message || "An unexpected error occurred");
 }
 
 // src/weaverse-client.ts
@@ -223,7 +236,7 @@ var package_default = {
   name: "@weaverse/hydrogen",
   author: "Weaverse Team",
   description: "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  version: "2.7.1",
+  version: "2.7.4",
   license: "MIT",
   main: "dist/index.js",
   typings: "dist/index.d.ts",
@@ -261,7 +274,7 @@ var package_default = {
     singleQuote: true
   },
   dependencies: {
-    "@weaverse/react": "2.7.1",
+    "@weaverse/react": "2.7.4",
     "react-error-boundary": "^4.0.11"
   },
   devDependencies: {
@@ -290,7 +303,13 @@ function getWeaverseConfigs(request, env) {
     PUBLIC_STOREFRONT_API_TOKEN
   } = env || {};
   let envFromProcess = typeof process !== "undefined" && process.env || {};
-  let { weaverseProjectId, weaverseHost, isDesignMode, weaverseVersion, weaverseApiKey } = queries;
+  let {
+    weaverseProjectId,
+    weaverseHost,
+    isDesignMode,
+    weaverseVersion,
+    weaverseApiKey
+  } = queries;
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
     weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://weaverse.io",
@@ -366,10 +385,13 @@ var WeaverseClient = class {
     } = options;
     let res = this.withCache(cacheKey, strategy, async () => {
       let cacheControlHeader = generateCacheControlHeader(strategy);
-      let response = await fetch(url, { ...reqInit, headers: {
-        "Cache-Control": cacheControlHeader,
-        ...reqInit.headers
-      } });
+      let response = await fetch(url, {
+        ...reqInit,
+        headers: {
+          "Cache-Control": cacheControlHeader,
+          ...reqInit.headers
+        }
+      });
       if (!response.ok) {
         let error = await response.text();
         let { status, statusText } = response;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@weaverse/hydrogen",
   "author": "Weaverse Team",
   "description": "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  "version": "2.7.1",
+  "version": "2.7.4",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -40,10 +40,10 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@weaverse/react": "2.7.1",
+    "@weaverse/react": "2.7.4",
     "react-error-boundary": "^4.0.11"
   },
   "devDependencies": {
     "@shopify/remix-oxygen": "^2.0.1"
   }
-}
+}