@weaverse/hydrogen 5.13.0 → 5.13.1

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { createSchema, isValidSchema } from '@weaverse/schema';
 export * from '@weaverse/schema';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, memo, useMemo, Suspense, useEffect, useContext, useRef } from 'react';
-import { useMatches, Await, useRevalidator, useNavigation, useLocation, useNavigate, useRouteLoaderData } from 'react-router';
+import { useMatches, useLoaderData, Await, useRevalidator, useNavigation, useLocation, useNavigate, useRouteLoaderData } from 'react-router';
 import { ErrorBoundary } from 'react-error-boundary';
 
 // src/index.ts
@@ -417,6 +417,29 @@ var ThemeTextStore = class {
     }
   };
 };
+
+// src/utils/pick-weaverse-data.ts
+function pickWeaverseData(dataProp, ownLoaderData, matches) {
+  if (dataProp !== void 0) {
+    return dataProp;
+  }
+  if (hasWeaverseData(ownLoaderData)) {
+    return ownLoaderData.weaverseData;
+  }
+  for (let i = matches.length - 1; i >= 0; i--) {
+    const loaderData = matches[i].loaderData;
+    if (hasWeaverseData(loaderData)) {
+      return loaderData.weaverseData;
+    }
+  }
+  return null;
+}
+function hasWeaverseData(value) {
+  if (typeof value !== "object" || value === null || !("weaverseData" in value)) {
+    return false;
+  }
+  return value.weaverseData !== void 0;
+}
 var ThemeSettingsStore = class {
   settings = {};
   schema;
@@ -709,7 +732,7 @@ var WeaverseHydrogen = class extends Weaverse {
     const entries = [];
     const languageId = this.translationLanguageId;
     if (!(this.translationLocale && languageId)) {
-      return void 0;
+      return;
     }
     for (const [itemId, fields] of Object.entries(this.translationMap)) {
       for (const [key, entry] of Object.entries(fields)) {
@@ -722,7 +745,7 @@ var WeaverseHydrogen = class extends Weaverse {
       }
     }
     if (entries.length === 0) {
-      return void 0;
+      return;
     }
     return { languageId, entries };
   };
@@ -786,20 +809,19 @@ function registerComponent(element) {
 var WeaverseHydrogenRoot = memo(
   ({
     components,
+    data: dataProp,
     errorComponent: ErrorComponent = ({ error }) => /* @__PURE__ */ jsx("div", { children: error instanceof Error ? error.message : "An unexpected error occurred" })
   }) => {
     const matches = useMatches();
     const enhancedDataContext = createWeaverseDataContext(matches);
-    const weaverseData = useMemo(() => {
-      for (let i = matches.length - 1; i >= 0; i--) {
-        const match = matches[i];
-        const loaderData = match.loaderData;
-        if (loaderData && "weaverseData" in loaderData) {
-          return loaderData.weaverseData;
-        }
-      }
+    const ownLoaderData = useLoaderData();
+    const weaverseData = useMemo(
+      () => pickWeaverseData(dataProp, ownLoaderData, matches),
+      [dataProp, ownLoaderData, matches]
+    );
+    if (dataProp === null) {
       return null;
-    }, [matches]);
+    }
     if (weaverseData) {
       if (weaverseData instanceof Promise) {
         return /* @__PURE__ */ jsx(ErrorBoundary, { fallbackRender: ErrorComponent, children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Await, { resolve: weaverseData, children: (resolvedData) => /* @__PURE__ */ jsx(
@@ -1355,7 +1377,7 @@ var WeaverseClient = class {
       const { projectId, weaverseHost } = this.configs;
       const i18n = this.storefront.i18n;
       if (!(projectId && weaverseHost)) {
-        return void 0;
+        return;
       }
       const language = (i18n?.language || "en").toLowerCase();
       const country = (i18n?.country || "us").toLowerCase();
@@ -1374,13 +1396,13 @@ var WeaverseClient = class {
       if (typeof overrides === "object" && overrides !== null) {
         return overrides;
       }
-      return void 0;
+      return;
     } catch (error) {
       console.warn(
         "Unable to load merchant overrides, using theme defaults:",
         this.extractErrorMessage(error)
       );
-      return void 0;
+      return;
     }
   };
   /**
@@ -1559,7 +1581,9 @@ var WeaverseClient = class {
         };
       }
       if (!page) {
-        page = this.generateFallbackPage("Please add new section to start.");
+        page = this.generateFallbackPage(
+          '<div style="text-align: center;">Please add new section to start.</div>'
+        );
       }
       if (page?.items?.length === 0) {
         page.items.push({