@amplifyup/sdk 0.1.75 → 0.1.77

package/dist/react.mjs

@@ -1,5 +1,5 @@
 'use client';
-import React3, { createContext, memo, useState, useEffect, Fragment as Fragment$1, useContext, useRef, Component, useMemo, useSyncExternalStore, useCallback } from 'react';
+import React3, { createContext, memo, useState, useEffect, Fragment as Fragment$1, useContext, useRef, Component, useSyncExternalStore, useCallback } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { marked } from 'marked';
 
@@ -11,7 +11,121 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
+// src/storage.ts
+var INSTANCE_ID_KEY = "amplifyup_instance_id";
+var USER_ID_KEY = "amplifyup_user_id";
+var SESSION_ID_KEY = "amplifyup_session_id";
+var SESSION_ACTIVITY_KEY = "amplifyup_session_activity";
+var VISITOR_FIRST_SEEN_KEY = "amplifyup_visitor_first_seen";
+var ANON_COOKIE_NAME = "amplifyup_anon_id";
+var SESSION_COOKIE_NAME = "amplifyup_session_id";
+var SESSION_IDLE_GAP_MS = 30 * 60 * 1e3;
+function generateGuid() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+function readCookie(name) {
+  if (typeof document === "undefined") return null;
+  const parts = document.cookie.split(";");
+  for (const part of parts) {
+    const idx = part.indexOf("=");
+    if (idx === -1) continue;
+    if (part.slice(0, idx).trim() !== name) continue;
+    const value = part.slice(idx + 1).trim();
+    try {
+      return value ? decodeURIComponent(value) : null;
+    } catch {
+      return value || null;
+    }
+  }
+  return null;
+}
+function writeCookie(name, value, maxAgeSeconds = 31536e3) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=${maxAgeSeconds}; SameSite=Lax`;
+}
+function getInstanceId() {
+  if (typeof window === "undefined") {
+    return "";
+  }
+  const fromCookie = readCookie(ANON_COOKIE_NAME);
+  const fromLs = localStorage.getItem(INSTANCE_ID_KEY);
+  const instanceId = fromLs || fromCookie || `browser_${generateGuid()}`;
+  if (fromLs !== instanceId) {
+    localStorage.setItem(INSTANCE_ID_KEY, instanceId);
+  }
+  if (fromCookie !== instanceId) {
+    writeCookie(ANON_COOKIE_NAME, instanceId);
+  }
+  return instanceId;
+}
+function getUserId() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return localStorage.getItem(USER_ID_KEY);
+}
+function getSessionId() {
+  if (typeof window === "undefined") {
+    return "";
+  }
+  const now = Date.now();
+  const lastActivity = Number(localStorage.getItem(SESSION_ACTIVITY_KEY) || 0);
+  const fromCookie = readCookie(SESSION_COOKIE_NAME);
+  const fromLs = localStorage.getItem(SESSION_ID_KEY);
+  let sessionId = fromLs || fromCookie || "";
+  if (!sessionId || lastActivity > 0 && now - lastActivity >= SESSION_IDLE_GAP_MS) {
+    sessionId = generateGuid();
+  }
+  localStorage.setItem(SESSION_ID_KEY, sessionId);
+  localStorage.setItem(SESSION_ACTIVITY_KEY, String(now));
+  writeCookie(SESSION_COOKIE_NAME, sessionId, Math.floor(SESSION_IDLE_GAP_MS / 1e3));
+  return sessionId;
+}
+function getVisitorFirstSeenAt() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    const existing = localStorage.getItem(VISITOR_FIRST_SEEN_KEY);
+    if (existing) return existing;
+    const firstSeenAt = (/* @__PURE__ */ new Date()).toISOString();
+    localStorage.setItem(VISITOR_FIRST_SEEN_KEY, firstSeenAt);
+    return firstSeenAt;
+  } catch {
+    return null;
+  }
+}
+function setUserId(userId) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  localStorage.setItem(USER_ID_KEY, userId);
+}
+function clearIds() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  localStorage.removeItem(INSTANCE_ID_KEY);
+  localStorage.removeItem(USER_ID_KEY);
+  localStorage.removeItem(SESSION_ID_KEY);
+  localStorage.removeItem(SESSION_ACTIVITY_KEY);
+  localStorage.removeItem(VISITOR_FIRST_SEEN_KEY);
+  document.cookie = `${ANON_COOKIE_NAME}=; Path=/; Max-Age=0; SameSite=Lax`;
+  document.cookie = `${SESSION_COOKIE_NAME}=; Path=/; Max-Age=0; SameSite=Lax`;
+}
+
 // src/adapters/aws.ts
+function visitorContext() {
+  const firstSeenAt = getVisitorFirstSeenAt();
+  return firstSeenAt ? { firstSeenAt } : void 0;
+}
 var AWSAdapter = class {
   constructor() {
     this.initialized = false;
@@ -51,7 +165,9 @@ var AWSAdapter = class {
       console.warn("AmplifyUp SDK: AWS configuration missing");
       return;
     }
-    const url = `${this.apiGatewayUrl}${endpoint}`;
+    const trackingId = eventData?.trackingId || this.config?.trackingId;
+    const query = trackingId ? `?tid=${encodeURIComponent(trackingId)}` : "";
+    const url = `${this.apiGatewayUrl}${endpoint}${query}`;
     try {
       const response = await fetch(url, {
         method: "POST",
@@ -113,7 +229,8 @@ var AWSAdapter = class {
         page: {
           path: properties.path || properties.url,
           referrer: properties.referrer
-        }
+        },
+        visitor: visitorContext()
       },
       timestamp: properties.timestamp || (/* @__PURE__ */ new Date()).toISOString()
     };
@@ -151,7 +268,8 @@ var AWSAdapter = class {
         ...properties
       },
       context: {
-        url: properties.url || (typeof window !== "undefined" ? window.location.href : "")
+        url: properties.url || (typeof window !== "undefined" ? window.location.href : ""),
+        visitor: visitorContext()
       },
       timestamp: properties.timestamp || (/* @__PURE__ */ new Date()).toISOString()
     };
@@ -207,100 +325,6 @@ var AWSAdapter = class {
   }
 };
 
-// src/storage.ts
-var INSTANCE_ID_KEY = "amplifyup_instance_id";
-var USER_ID_KEY = "amplifyup_user_id";
-var SESSION_ID_KEY = "amplifyup_session_id";
-var SESSION_ACTIVITY_KEY = "amplifyup_session_activity";
-var ANON_COOKIE_NAME = "amplifyup_anon_id";
-var SESSION_COOKIE_NAME = "amplifyup_session_id";
-var SESSION_IDLE_GAP_MS = 30 * 60 * 1e3;
-function generateGuid() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-}
-function readCookie(name) {
-  if (typeof document === "undefined") return null;
-  const parts = document.cookie.split(";");
-  for (const part of parts) {
-    const idx = part.indexOf("=");
-    if (idx === -1) continue;
-    if (part.slice(0, idx).trim() !== name) continue;
-    const value = part.slice(idx + 1).trim();
-    try {
-      return value ? decodeURIComponent(value) : null;
-    } catch {
-      return value || null;
-    }
-  }
-  return null;
-}
-function writeCookie(name, value, maxAgeSeconds = 31536e3) {
-  if (typeof document === "undefined") return;
-  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=${maxAgeSeconds}; SameSite=Lax`;
-}
-function getInstanceId() {
-  if (typeof window === "undefined") {
-    return "";
-  }
-  const fromCookie = readCookie(ANON_COOKIE_NAME);
-  const fromLs = localStorage.getItem(INSTANCE_ID_KEY);
-  const instanceId = fromLs || fromCookie || `browser_${generateGuid()}`;
-  if (fromLs !== instanceId) {
-    localStorage.setItem(INSTANCE_ID_KEY, instanceId);
-  }
-  if (fromCookie !== instanceId) {
-    writeCookie(ANON_COOKIE_NAME, instanceId);
-  }
-  return instanceId;
-}
-function getUserId() {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  return localStorage.getItem(USER_ID_KEY);
-}
-function getSessionId() {
-  if (typeof window === "undefined") {
-    return "";
-  }
-  const now = Date.now();
-  const lastActivity = Number(localStorage.getItem(SESSION_ACTIVITY_KEY) || 0);
-  const fromCookie = readCookie(SESSION_COOKIE_NAME);
-  const fromLs = localStorage.getItem(SESSION_ID_KEY);
-  let sessionId = fromLs || fromCookie || "";
-  if (!sessionId || lastActivity > 0 && now - lastActivity >= SESSION_IDLE_GAP_MS) {
-    sessionId = generateGuid();
-  }
-  localStorage.setItem(SESSION_ID_KEY, sessionId);
-  localStorage.setItem(SESSION_ACTIVITY_KEY, String(now));
-  writeCookie(SESSION_COOKIE_NAME, sessionId, Math.floor(SESSION_IDLE_GAP_MS / 1e3));
-  return sessionId;
-}
-function setUserId(userId) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  localStorage.setItem(USER_ID_KEY, userId);
-}
-function clearIds() {
-  if (typeof window === "undefined") {
-    return;
-  }
-  localStorage.removeItem(INSTANCE_ID_KEY);
-  localStorage.removeItem(USER_ID_KEY);
-  localStorage.removeItem(SESSION_ID_KEY);
-  localStorage.removeItem(SESSION_ACTIVITY_KEY);
-  document.cookie = `${ANON_COOKIE_NAME}=; Path=/; Max-Age=0; SameSite=Lax`;
-  document.cookie = `${SESSION_COOKIE_NAME}=; Path=/; Max-Age=0; SameSite=Lax`;
-}
-
 // src/targets.ts
 var AWS_DEV_API = "https://api-dev.amplifyup.ai";
 var AWS_PROD_API = "https://api.amplifyup.ai";
@@ -1065,9 +1089,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
@@ -3986,14 +4009,16 @@ function applyComposerPatch(store, name, value, ref, layoutNodeId) {
   store.set(composerStoreKey(name, ref, layoutNodeId), value);
 }
 function ComposerProvider({
-  children
+  children,
+  enabled = true
 }) {
   const existing = useContext(ComposerStoreContext);
   const storeRef = 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);
   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;
@@ -4051,8 +4076,7 @@ function ComposerProvider({
       window.removeEventListener("amplifyup:props-patch", onPropsPatch);
       window.removeEventListener("message", onMessage);
     };
-  }, [existing, store]);
-  if (existing) return /* @__PURE__ */ jsx(Fragment, { children });
+  }, [ownsStore, store]);
   return /* @__PURE__ */ jsx(ComposerStoreContext.Provider, { value: store, children });
 }
 function useComposerFieldValue(name, fallback, ref) {
@@ -4079,9 +4103,7 @@ function MaybeComposerProvider({
   layoutNodeId,
   children
 }) {
-  const content = useMemo(() => children, [children]);
-  if (!enabled) return /* @__PURE__ */ jsx(Fragment, { children: content });
-  return /* @__PURE__ */ jsx(ComposerProvider, { children: /* @__PURE__ */ jsx(ComposerNodeContext.Provider, { value: layoutNodeId, children }) });
+  return /* @__PURE__ */ jsx(ComposerProvider, { enabled, children: /* @__PURE__ */ jsx(ComposerNodeContext.Provider, { value: enabled ? layoutNodeId : void 0, children }) });
 }
 function nodeRenderProps(node) {
   const settings = node.settings || {};
@@ -4514,17 +4536,16 @@ function AmplifyRendererInner({
   if (layoutTree.length === 0) {
     return /* @__PURE__ */ jsx("main", { children: emptyComponent || /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-16", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No content configured for this page." }) }) });
   }
-  return /* @__PURE__ */ jsx(ComposerProvider, { children: /* @__PURE__ */ jsx("main", { children: composerPreviewFlag ? /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx(ComposerProvider, { children: /* @__PURE__ */ 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__ */ jsx(Fragment$1, { children: renderNode(node) }, node.id))
     }
-  ) : layoutTree.map((node) => /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node) }, node.id)) }) });
+  ) });
 }
 var AmplifyRenderer = memo(AmplifyRendererInner);
 function AddComponentIcon({ size = 28 }) {
@@ -4700,11 +4721,14 @@ function AmplifyPageContent({
   if (preview) {
     const ready = previewLayoutReady({
       clientLoading: client.loading,
-      hasClientLayout: !!clientLayout});
+      hasClientLayout: !!clientLayout,
+      hasServerLayout: !!serverLayout
+    });
     if (!ready) {
       return /* @__PURE__ */ jsx(ComposerLayoutStatusProvider, { ready: false, children: previewLoading });
     }
-    return /* @__PURE__ */ jsx(ComposerLayoutStatusProvider, { ready: true, children: /* @__PURE__ */ jsx(
+    const layoutSettled = !client.loading || !!clientLayout;
+    return /* @__PURE__ */ jsx(ComposerLayoutStatusProvider, { ready: layoutSettled, children: /* @__PURE__ */ jsx(
       AmplifyRenderer,
       {
         pageConfig: pageConfig ?? void 0,
@@ -4726,7 +4750,7 @@ function AmplifyPageContent({
   if (!hasAmplifyLayout(pageConfig)) {
     return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ComposerLayoutStatusProvider, { ready: true, children: /* @__PURE__ */ jsx(
     AmplifyRenderer,
     {
       pageConfig: pageConfig ?? void 0,
@@ -4735,7 +4759,7 @@ function AmplifyPageContent({
       emptyComponent,
       errorComponent
     }
-  );
+  ) });
 }
 
 // src/slot-state.ts