@amplifyup/sdk 0.1.76 → 0.1.77

package/dist/react.d.mts

@@ -200,8 +200,10 @@ declare function slotStateFromEl(el: {
     getAttribute: (name: string) => string | null;
 } | null | undefined): SlotState | null;
 
-declare function ComposerProvider({ children, }: {
+declare function ComposerProvider({ children, enabled, }: {
     children: ReactNode;
+    /** When false, pass through any parent store without creating or wiring one. */
+    enabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function MaybeComposerProvider({ enabled, layoutNodeId, children, }: {
     enabled: boolean;

package/dist/react.d.ts

@@ -200,8 +200,10 @@ declare function slotStateFromEl(el: {
     getAttribute: (name: string) => string | null;
 } | null | undefined): SlotState | null;
 
-declare function ComposerProvider({ children, }: {
+declare function ComposerProvider({ children, enabled, }: {
     children: ReactNode;
+    /** When false, pass through any parent store without creating or wiring one. */
+    enabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function MaybeComposerProvider({ enabled, layoutNodeId, children, }: {
     enabled: boolean;

package/dist/react.js

@@ -1095,9 +1095,8 @@ function dedupeLayoutProviderFetch(key, fetchFn) {
   return pending;
 }
 function previewLayoutReady(opts) {
-  if (opts.hasClientLayout) return true;
-  if (opts.clientLoading) return false;
-  return true;
+  if (opts.hasClientLayout || opts.hasServerLayout) return true;
+  return !opts.clientLoading;
 }
 
 // src/edge/variantKeys.ts
@@ -4016,14 +4015,16 @@ function applyComposerPatch(store, name, value, ref, layoutNodeId) {
   store.set(composerStoreKey(name, ref, layoutNodeId), value);
 }
 function ComposerProvider({
-  children
+  children,
+  enabled = true
 }) {
   const existing = React3.useContext(ComposerStoreContext);
   const storeRef = React3.useRef(null);
   if (!storeRef.current) storeRef.current = new ComposerFieldStore();
-  const store = existing || storeRef.current;
+  const ownsStore = !existing && enabled;
+  const store = existing || (enabled ? storeRef.current : null);
   React3.useEffect(() => {
-    if (existing) return;
+    if (!ownsStore || !store) return;
     const applyField = (fieldName, value, nodeId, ref) => {
       if (!fieldName || typeof fieldName !== "string") return;
       const fieldRef = isFieldRef(ref) ? ref : void 0;
@@ -4081,8 +4082,7 @@ function ComposerProvider({
       window.removeEventListener("amplifyup:props-patch", onPropsPatch);
       window.removeEventListener("message", onMessage);
     };
-  }, [existing, store]);
-  if (existing) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }, [ownsStore, store]);
   return /* @__PURE__ */ jsxRuntime.jsx(ComposerStoreContext.Provider, { value: store, children });
 }
 function useComposerFieldValue(name, fallback, ref) {
@@ -4109,9 +4109,7 @@ function MaybeComposerProvider({
   layoutNodeId,
   children
 }) {
-  const content = React3.useMemo(() => children, [children]);
-  if (!enabled) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
-  return /* @__PURE__ */ jsxRuntime.jsx(ComposerProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ComposerNodeContext.Provider, { value: layoutNodeId, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ComposerProvider, { enabled, children: /* @__PURE__ */ jsxRuntime.jsx(ComposerNodeContext.Provider, { value: enabled ? layoutNodeId : void 0, children }) });
 }
 function nodeRenderProps(node) {
   const settings = node.settings || {};
@@ -4544,17 +4542,16 @@ function AmplifyRendererInner({
   if (layoutTree.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("main", { children: emptyComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-16", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No content configured for this page." }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ComposerProvider, { children: /* @__PURE__ */ jsxRuntime.jsx("main", { children: composerPreviewFlag ? /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  return /* @__PURE__ */ jsxRuntime.jsx(ComposerProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
     {
-      "data-slot-id": "main",
-      "data-amplifyup-slot": "main",
-      "data-slot-source": "page",
-      "data-slot-state": layoutTree.length === 0 ? "empty" : "filled",
-      "data-slot-empty": layoutTree.length === 0 ? "true" : void 0,
+      "data-slot-id": composerPreviewFlag ? "main" : void 0,
+      "data-amplifyup-slot": composerPreviewFlag ? "main" : void 0,
+      "data-slot-source": composerPreviewFlag ? "page" : void 0,
+      "data-slot-state": composerPreviewFlag ? "filled" : void 0,
       children: layoutTree.map((node) => /* @__PURE__ */ jsxRuntime.jsx(React3.Fragment, { children: renderNode(node) }, node.id))
     }
-  ) : layoutTree.map((node) => /* @__PURE__ */ jsxRuntime.jsx(React3.Fragment, { children: renderNode(node) }, node.id)) }) });
+  ) });
 }
 var AmplifyRenderer = React3.memo(AmplifyRendererInner);
 function AddComponentIcon({ size = 28 }) {
@@ -4730,11 +4727,14 @@ function AmplifyPageContent({
   if (preview) {
     const ready = previewLayoutReady({
       clientLoading: client.loading,
-      hasClientLayout: !!clientLayout});
+      hasClientLayout: !!clientLayout,
+      hasServerLayout: !!serverLayout
+    });
     if (!ready) {
       return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: false, children: previewLoading });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const layoutSettled = !client.loading || !!clientLayout;
+    return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: layoutSettled, children: /* @__PURE__ */ jsxRuntime.jsx(
       AmplifyRenderer,
       {
         pageConfig: pageConfig ?? void 0,
@@ -4756,7 +4756,7 @@ function AmplifyPageContent({
   if (!hasAmplifyLayout(pageConfig)) {
     return fallback ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback }) : null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     AmplifyRenderer,
     {
       pageConfig: pageConfig ?? void 0,
@@ -4765,7 +4765,7 @@ function AmplifyPageContent({
       emptyComponent,
       errorComponent
     }
-  );
+  ) });
 }
 
 // src/slot-state.ts