@amplifyup/sdk 0.2.3 → 0.2.5

package/dist/react.d.ts

@@ -1,11 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { P as PageConfig, f as AmplifyUpConfig, h as AmplifyPageContextInput, C as ContentSource, a as AmplifyContentMeta } from './types-ffQNIQCK.js';
 export { Z as ZoneConfig } from './types-ffQNIQCK.js';
-import react__default, { ReactNode, FC } from 'react';
-import { C as ComponentRegistry } from './AmplifyRenderer-BNWBrFQN.js';
-export { A as AmplifyRenderer, d as defineComponentRegistry } from './AmplifyRenderer-BNWBrFQN.js';
-import { o as Field$1, p as FIELDS_BRAND } from './query-Xo9cy-2F.js';
-export { A as FieldRef, B as Fields, I as ImageValue, C as LayoutComponentProps, L as ListRow, P as PortableRef, Q as QueryContentError, e as QueryContentOptions, k as QueryFilter, l as QueryFilterOp, i as QueryPagination, h as QueryResult, m as QuerySort, j as QuerySpec, S as SelectVariantsError, a as SelectVariantsOptions, b as SelectVariantsResult, r as attachFieldEnvelopes, v as composerStoreKey, u as envelopeListRows, z as isBrandedFields, x as isFieldEnvelope, y as isReadOnlyRowField, w as listOwnerFromSpec, n as nextPageSpec, q as queryContent, d as searchSpec, s as selectVariants, t as toFieldEnvelopes } from './query-Xo9cy-2F.js';
+import React__default, { ReactNode, FC } from 'react';
+import { C as ComponentRegistry } from './AmplifyRenderer-CTwblDs3.js';
+export { A as AmplifyRenderer, d as defineComponentRegistry } from './AmplifyRenderer-CTwblDs3.js';
+import { o as Field$1, p as FIELDS_BRAND } from './query-Bs5o-qmw.js';
+export { r as FieldRef, t as Fields, I as ImageValue, L as LayoutComponentProps, u as ListRow, P as PortableRef, Q as QueryContentError, b as QueryContentOptions, c as QueryFilter, d as QueryFilterOp, e as QueryPagination, f as QueryResult, g as QuerySort, h as QuerySpec, S as SelectVariantsError, i as SelectVariantsOptions, j as SelectVariantsResult, v as attachFieldEnvelopes, w as composerStoreKey, x as envelopeListRows, y as isBrandedFields, z as isFieldEnvelope, A as isReadOnlyRowField, B as listOwnerFromSpec, n as nextPageSpec, q as queryContent, s as searchSpec, m as selectVariants, C as toFieldEnvelopes } from './query-Bs5o-qmw.js';
 export { i as isComposerPreview, a as isPreviewRequest, b as isWorkingContentRequest } from './preview-_vHmzRen.js';
 
 interface AmplifyPageContentProps {
@@ -38,7 +37,7 @@ interface AmplifyPageContentProps {
  * Live pages paint the SSG/ISR layout first. Client Edge resolve (visitor id)
  * overlays only when the personalized tree differs from that static HTML.
  */
-declare function AmplifyPageContent(contentProps: AmplifyPageContentProps): react_jsx_runtime.JSX.Element | null;
+declare function AmplifyPageContent(contentProps: AmplifyPageContentProps): React__default.JSX.Element | null;
 
 type AmplifyPageProps = Omit<AmplifyPageContentProps, 'registry'>;
 /**
@@ -62,6 +61,13 @@ declare function useInComposer(force?: boolean): boolean;
 /** @deprecated Prefer `useInComposer`. Kept for internal AmplifyPageContent. */
 declare function useComposerPreviewFlag(force?: boolean): boolean;
 
+/**
+ * SDK Components for Slot and Field rendering
+ *
+ * These components allow developers to explicitly define where slots and fields
+ * are rendered in their components, with full control over styling and structure.
+ */
+
 /**
  * Slot Component
  *
@@ -91,7 +97,7 @@ declare function useComposerPreviewFlag(force?: boolean): boolean;
 declare function Slot({ name, className }: {
     name: string;
     className?: string;
-}): react_jsx_runtime.JSX.Element | null;
+}): React__default.JSX.Element | null;
 type RejectFieldInput<T> = [T] extends [readonly unknown[]] ? never : T extends {
     readonly [FIELDS_BRAND]: true;
 } ? never : T;
@@ -126,7 +132,7 @@ declare function Field<T = unknown>(props: {
     /** Required with `value` for computed values. */
     name?: string;
     className?: string;
-}): react_jsx_runtime.JSX.Element | null;
+}): React__default.JSX.Element | null;
 /**
  * RichText - Renders a markdown (or HTML string) value as formatted HTML.
  *
@@ -155,7 +161,7 @@ declare function RichText<T = string | null>(props: {
     as?: keyof JSX.IntrinsicElements;
     /** String children are treated as the markdown value (same as `value`). */
     children?: ReactNode;
-}): react_jsx_runtime.JSX.Element | null;
+}): React__default.JSX.Element | null;
 /**
  * Image — renders a provider-backed image value as `<img>`.
  *
@@ -178,13 +184,13 @@ declare function Image<T = unknown>(props: {
     /** Required with `value` for computed values. */
     name?: string;
     alt?: string;
-} & Omit<react__default.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'name'>): react_jsx_runtime.JSX.Element | null;
+} & Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'name'>): React__default.JSX.Element | null;
 
 /** Tells Slot whether the layout/provider fetch has settled. */
 declare function ComposerLayoutStatusProvider({ ready, children, }: {
     ready: boolean;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 /** Composer slot lifecycle. Loading ≠ empty. */
 type SlotState = 'loading' | 'empty' | 'filled';
@@ -202,12 +208,12 @@ 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;
+}): React__default.JSX.Element;
 declare function MaybeComposerProvider({ enabled, layoutNodeId, children, }: {
     enabled: boolean;
     layoutNodeId?: string;
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 interface AmplifyUpContextType {
     pageConfig: PageConfig | null;
@@ -225,7 +231,7 @@ interface AmplifyUpProviderProps {
      */
     pageContext?: AmplifyPageContextInput;
 }
-declare function AmplifyUpProvider({ children, config, pageContext, }: AmplifyUpProviderProps): react_jsx_runtime.JSX.Element;
+declare function AmplifyUpProvider({ children, config, pageContext, }: AmplifyUpProviderProps): React__default.JSX.Element;
 declare function useAmplifyUp(): AmplifyUpContextType;
 
 export { AmplifyContentMeta, AmplifyPageContent, type AmplifyPageContentProps, type AmplifyPageProps, AmplifyUpProvider, ComponentRegistry, ComposerLayoutStatusProvider, ComposerProvider, ContentSource, Field, Field$1 as FieldEnvelope, Image, MaybeComposerProvider, PageConfig, RichText, Slot, type SlotState, bindAmplifyPage, resolveSlotState, slotShowsAddComponent, slotStateFromEl, useAmplifyUp, useComposerPreviewFlag, useInComposer };

package/dist/react.js

@@ -437,7 +437,7 @@ function isComposerPreview() {
 }
 
 // src/field-envelope.ts
-var FIELDS_BRAND = Symbol("amplifyup.fields");
+var FIELDS_BRAND = /* @__PURE__ */ Symbol("amplifyup.fields");
 var IDENTIFIER_KEYS = /* @__PURE__ */ new Set([
   "id",
   "_id",
@@ -3938,7 +3938,6 @@ function getSDK(adapter) {
   sdkInstance.ensureWindowBridge();
   return sdkInstance;
 }
-var trackContentView = (contentId, contentType, properties) => getSDK().trackContentView(contentId, contentType, properties);
 var refreshEventTracking = () => getSDK().refreshEventTracking();
 getSDK();
 var PageContentRegistryContext = React3.createContext(null);
@@ -4914,7 +4913,7 @@ function Image(props) {
 
 // src/component-key.ts
 var componentKey = (id) => id.toLowerCase().replace(/[^a-z0-9]/g, "");
-var REGISTRY_BRAND = Symbol.for("amplifyup.componentRegistry");
+var REGISTRY_BRAND = /* @__PURE__ */ Symbol.for("amplifyup.componentRegistry");
 var defineComponentRegistry = (components) => {
   const index = /* @__PURE__ */ new Map();
   for (const [name, component] of Object.entries(components)) {
@@ -5098,32 +5097,6 @@ function AmplifyRendererInner(rendererProps) {
   const error = serverPageConfig ? null : clientHook.error;
   const contentSource = clientHook.source;
   const [variantCache, setVariantCache] = React3.useState({});
-  React3.useEffect(() => {
-    if (typeof window !== "undefined") {
-      if (window.__AMPLIFYUP_PREVIEW_MODE__ === true) {
-        return;
-      }
-      if (window.location.pathname.includes("/api/pages/proxy")) {
-        return;
-      }
-      if (window.self !== window.top) {
-        return;
-      }
-      const urlParams = new URLSearchParams(window.location.search);
-      if (urlParams.get("preview") === "true" || urlParams.get("visualEditor") === "true") {
-        return;
-      }
-      if (window.location.href.includes("preview=true") || window.location.href.includes("visualEditor=true")) {
-        return;
-      }
-    }
-    if (pageConfig && pageConfig.id !== "default") {
-      trackContentView(pageConfig.id, "page", {
-        route: pageConfig.route,
-        title: pageConfig.title
-      });
-    }
-  }, [pageConfig]);
   React3.useEffect(() => {
     if (!pageConfig?.eventTracking?.length) return;
     const sdk = getSDK();
@@ -5528,6 +5501,9 @@ function AmplifyPageContent(contentProps) {
       return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: false, children: previewLoading });
     }
     const layoutSettled = !client.loading || !!clientLayout;
+    if (!pageConfig) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: layoutSettled, children: previewEmpty });
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(ComposerLayoutStatusProvider, { ready: layoutSettled, children: /* @__PURE__ */ jsxRuntime.jsx(
       AmplifyRenderer,
       {