@amplifyup/sdk 0.1.68 → 0.1.70

package/dist/AmplifyRenderer.js

@@ -1103,33 +1103,11 @@ var AmplifyUpSDK = class {
     }
   }
   /**
-   * Detect if we're running in visual editor mode
-   * Returns true if:
-   * 1. Preview mode flag is set by proxy
-   * 2. We're in an iframe AND parent is from orchestrator domain
-   * 3. OR visualEditor/preview query parameter is present
+   * Detect if we're running in visual editor mode.
+   * Single source of truth: isComposerPreview() (flag, query, Composer referrer).
    */
   detectVisualEditorMode() {
-    if (typeof window === "undefined") return false;
-    if (window.__AMPLIFYUP_PREVIEW_MODE__ === true) {
-      return true;
-    }
-    const urlParams = new URLSearchParams(window.location.search);
-    if (urlParams.get("visualEditor") === "true" || urlParams.get("preview") === "true") {
-      return true;
-    }
-    const inIframe = window.self !== window.top;
-    if (!inIframe) return false;
-    try {
-      if (document.referrer) {
-        const referrerUrl = new URL(document.referrer);
-        if (referrerUrl.hostname === "localhost" && referrerUrl.port === "5001" || referrerUrl.pathname.includes("/dashboard/composer") || referrerUrl.pathname.includes("/dashboard/routes/")) {
-          return true;
-        }
-      }
-    } catch (e) {
-    }
-    return false;
+    return isComposerPreview();
   }
   /**
    * Check if we're in preview/composer mode (should disable tracking)
@@ -3478,13 +3456,19 @@ function getSDK(adapter) {
 var trackContentView = (contentId, contentType, properties) => getSDK().trackContentView(contentId, contentType, properties);
 var refreshEventTracking = () => getSDK().refreshEventTracking();
 getSDK();
-function useComposerPreviewFlag(force = false) {
+function useInComposer(force = false) {
   const [detected, setDetected] = react.useState(false);
   react.useEffect(() => {
     if (!force && isComposerPreview()) setDetected(true);
   }, [force]);
   return force || detected;
 }
+function useComposerPreviewFlag(force = false) {
+  return useInComposer(force);
+}
+react.createContext({
+  ready: true
+});
 
 // src/composer-store.ts
 var ComposerFieldStore = class {
@@ -3773,26 +3757,7 @@ function AmplifyRendererInner({
     return () => window.clearTimeout(t);
   }, [variantCache, pageConfig?.id]);
   react.useEffect(() => {
-    const isVisualEditorMode = () => {
-      if (typeof window === "undefined") return false;
-      const urlParams = new URLSearchParams(window.location.search);
-      if (urlParams.get("visualEditor") === "true" || urlParams.get("preview") === "true") {
-        return true;
-      }
-      const inIframe = window.self !== window.top;
-      if (!inIframe) return false;
-      try {
-        if (document.referrer) {
-          const referrerUrl = new URL(document.referrer);
-          if (referrerUrl.hostname === "localhost" && referrerUrl.port === "5001") {
-            return true;
-          }
-        }
-      } catch (e) {
-      }
-      return false;
-    };
-    if (!isVisualEditorMode()) {
+    if (!isComposerPreview()) {
       return;
     }
     if (!pageConfig) {
@@ -4086,6 +4051,7 @@ function AmplifyRendererInner({
       "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,
       children: layoutTree.map((node) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderNode(node) }, node.id))
     }