@amplifyup/sdk 0.1.69 → 0.1.70

package/dist/react.d.mts

@@ -43,6 +43,20 @@ interface AmplifyPageContentProps {
  */
 declare function AmplifyPageContent({ fallback, renderComponent, pageConfig: pageConfigProp, forceComposerPreview, previewLoadingComponent, previewEmptyComponent, loadingComponent, emptyComponent, errorComponent, }: AmplifyPageContentProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * True when the page is running inside AmplifyUp Composer.
+ *
+ * Safe to use for conditional render (e.g. expose a CSS-background image
+ * as a clickable `<Image>` only in Composer). First client render matches
+ * the server (`false`); detection runs after mount.
+ *
+ * @param force - When true (e.g. SSR already knows `?preview=true`), skip
+ *   the post-mount flip and return true immediately.
+ */
+declare function useInComposer(force?: boolean): boolean;
+/** @deprecated Prefer `useInComposer`. Kept for internal AmplifyPageContent. */
+declare function useComposerPreviewFlag(force?: boolean): boolean;
+
 declare function ComponentContextProvider({ children, slots, props, layoutNodeId, componentId, }: {
     children: ReactNode;
     slots?: Record<string, ReactNode>;
@@ -214,4 +228,4 @@ interface AmplifyUpProviderProps {
 declare function AmplifyUpProvider({ children, config, pageContext, }: AmplifyUpProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAmplifyUp(): AmplifyUpContextType;
 
-export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ComposerLayoutStatusProvider, ComposerProvider, ContentSource, Field, Field$1 as FieldEnvelope, Image, LayoutComponentProps, MaybeComposerProvider, PageConfig, RichText, Slot, type SlotState, resolveSlotState, slotShowsAddComponent, slotStateFromEl, useAmplifyUp };
+export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ComposerLayoutStatusProvider, ComposerProvider, ContentSource, Field, Field$1 as FieldEnvelope, Image, LayoutComponentProps, MaybeComposerProvider, PageConfig, RichText, Slot, type SlotState, resolveSlotState, slotShowsAddComponent, slotStateFromEl, useAmplifyUp, useComposerPreviewFlag, useInComposer };

package/dist/react.d.ts

@@ -43,6 +43,20 @@ interface AmplifyPageContentProps {
  */
 declare function AmplifyPageContent({ fallback, renderComponent, pageConfig: pageConfigProp, forceComposerPreview, previewLoadingComponent, previewEmptyComponent, loadingComponent, emptyComponent, errorComponent, }: AmplifyPageContentProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * True when the page is running inside AmplifyUp Composer.
+ *
+ * Safe to use for conditional render (e.g. expose a CSS-background image
+ * as a clickable `<Image>` only in Composer). First client render matches
+ * the server (`false`); detection runs after mount.
+ *
+ * @param force - When true (e.g. SSR already knows `?preview=true`), skip
+ *   the post-mount flip and return true immediately.
+ */
+declare function useInComposer(force?: boolean): boolean;
+/** @deprecated Prefer `useInComposer`. Kept for internal AmplifyPageContent. */
+declare function useComposerPreviewFlag(force?: boolean): boolean;
+
 declare function ComponentContextProvider({ children, slots, props, layoutNodeId, componentId, }: {
     children: ReactNode;
     slots?: Record<string, ReactNode>;
@@ -214,4 +228,4 @@ interface AmplifyUpProviderProps {
 declare function AmplifyUpProvider({ children, config, pageContext, }: AmplifyUpProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAmplifyUp(): AmplifyUpContextType;
 
-export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ComposerLayoutStatusProvider, ComposerProvider, ContentSource, Field, Field$1 as FieldEnvelope, Image, LayoutComponentProps, MaybeComposerProvider, PageConfig, RichText, Slot, type SlotState, resolveSlotState, slotShowsAddComponent, slotStateFromEl, useAmplifyUp };
+export { AmplifyContentMeta, AmplifyPageContent, AmplifyUpProvider, ComponentContextProvider, ComposerLayoutStatusProvider, ComposerProvider, ContentSource, Field, Field$1 as FieldEnvelope, Image, LayoutComponentProps, MaybeComposerProvider, PageConfig, RichText, Slot, type SlotState, resolveSlotState, slotShowsAddComponent, slotStateFromEl, useAmplifyUp, useComposerPreviewFlag, useInComposer };

package/dist/react.js

@@ -1515,33 +1515,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)
@@ -3890,13 +3868,16 @@ 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] = React3.useState(false);
   React3.useEffect(() => {
     if (!force && isComposerPreview()) setDetected(true);
   }, [force]);
   return force || detected;
 }
+function useComposerPreviewFlag(force = false) {
+  return useInComposer(force);
+}
 
 // src/composer-store.ts
 var ComposerFieldStore = class {
@@ -4185,26 +4166,7 @@ function AmplifyRendererInner({
     return () => window.clearTimeout(t);
   }, [variantCache, pageConfig?.id]);
   React3.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) {
@@ -5752,5 +5714,7 @@ exports.slotShowsAddComponent = slotShowsAddComponent;
 exports.slotStateFromEl = slotStateFromEl;
 exports.toFieldEnvelopes = toFieldEnvelopes;
 exports.useAmplifyUp = useAmplifyUp;
+exports.useComposerPreviewFlag = useComposerPreviewFlag;
+exports.useInComposer = useInComposer;
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map