@amplifyup/sdk 0.1.40 → 0.1.42

package/dist/react.mjs

@@ -102,6 +102,7 @@ var AWSAdapter = class {
     const eventData = {
       type: "page",
       anonymousId: properties.instanceId,
+      sessionId: properties.sessionId,
       userId: properties.userId,
       properties: {
         path: properties.path || properties.url,
@@ -144,6 +145,7 @@ var AWSAdapter = class {
       type: "track",
       event: eventName,
       anonymousId: properties.instanceId,
+      sessionId: properties.sessionId,
       userId: properties.userId,
       properties: {
         ...properties
@@ -166,6 +168,7 @@ var AWSAdapter = class {
     const eventData = {
       type: "identify",
       anonymousId: traits.instanceId,
+      sessionId: traits.sessionId,
       traits: {
         ...traits,
         ...identifiers ? { identifiers } : {}
@@ -184,6 +187,7 @@ var AWSAdapter = class {
     const eventData = {
       type: "set_fields",
       anonymousId: context.instanceId,
+      sessionId: context.sessionId,
       fields,
       traits: {
         instanceId: context.instanceId,
@@ -206,7 +210,11 @@ 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();
@@ -233,9 +241,9 @@ function readCookie(name) {
   }
   return null;
 }
-function writeCookie(name, value) {
+function writeCookie(name, value, maxAgeSeconds = 31536e3) {
   if (typeof document === "undefined") return;
-  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax`;
+  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=${maxAgeSeconds}; SameSite=Lax`;
 }
 function getInstanceId() {
   if (typeof window === "undefined") {
@@ -258,6 +266,23 @@ function getUserId() {
   }
   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;
@@ -270,7 +295,10 @@ function clearIds() {
   }
   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
@@ -433,6 +461,7 @@ async function fetchEdgeResolve(options) {
     params.set("variants", variantParam);
   } else if (options.anonId) {
     params.set("anonId", options.anonId);
+    if (options.sessionId) params.set("sessionId", options.sessionId);
   }
   const fetchFn = options.fetch ?? globalThis.fetch.bind(globalThis);
   const init = {
@@ -534,6 +563,7 @@ async function fetchContent(options) {
       trackingId: options.trackingId,
       route: options.route,
       anonId: options.variantKeys ? void 0 : options.anonId,
+      sessionId: options.variantKeys ? void 0 : options.sessionId,
       siteId: options.siteId,
       fetch: options.fetchFn,
       revalidate: options.revalidate,
@@ -603,6 +633,7 @@ async function fetchEdgeSelect(options) {
       ...options.trackingId ? { trackingId: options.trackingId } : {},
       ...options.site ? { site: options.site } : {},
       anonId: options.anonId,
+      ...options.sessionId ? { sessionId: options.sessionId } : {},
       ...options.zones?.length ? { zones: options.zones } : {},
       ...options.context ? { context: options.context } : {}
     })
@@ -631,6 +662,7 @@ async function selectVariants(options) {
     site: options.site,
     view: options.view,
     anonId: options.anonId,
+    sessionId: options.sessionId,
     zones: options.zones,
     context: options.context,
     fetch: options.fetch,
@@ -715,7 +747,6 @@ function searchSpec(pagination, field, term) {
 }
 
 // src/index.ts
-var SESSION_IDLE_GAP_MS = 30 * 60 * 1e3;
 var DWELL_ACTIVITY_IDLE_MS = 2 * 60 * 1e3;
 var DWELL_POLL_MS = 5e3;
 function readPreviewQueryOverrides() {
@@ -891,6 +922,7 @@ var AmplifyUpSDK = class {
     if (typeof window === "undefined") return;
     window.AmplifyUp = {
       getInstanceId: () => this.getInstanceId(),
+      getSessionId: () => this.getSessionId(),
       getUserId: () => this.getUserId(),
       getTrackingId: () => this.getTrackingId(),
       getTarget: () => this.getTarget(),
@@ -1313,12 +1345,14 @@ var AmplifyUpSDK = class {
       return;
     }
     const instanceId = getInstanceId();
+    const sessionId = getSessionId();
     const pageProperties = {
       name: url,
       path: url,
       url: typeof window !== "undefined" ? window.location.href : url,
       referrer: typeof document !== "undefined" ? document.referrer : void 0,
       instanceId,
+      sessionId,
       trackingId: this.config?.trackingId,
       // Timestamp is included in event payload
       ...properties
@@ -1337,8 +1371,10 @@ var AmplifyUpSDK = class {
       return;
     }
     const instanceId = getInstanceId();
+    const sessionId = getSessionId();
     const trackProperties = {
       instanceId,
+      sessionId,
       trackingId: this.config?.trackingId,
       url: typeof window !== "undefined" ? window.location.href : void 0,
       path: properties?.path || (typeof window !== "undefined" ? window.location.pathname : void 0),
@@ -1411,8 +1447,10 @@ var AmplifyUpSDK = class {
       return;
     }
     const instanceId = getInstanceId();
+    const sessionId = getSessionId();
     const identifyTraits = {
       instanceId,
+      sessionId,
       trackingId: this.config?.trackingId,
       ...traits
     };
@@ -1450,6 +1488,7 @@ var AmplifyUpSDK = class {
     if (typeof this.adapter.setProfileFields === "function") {
       this.adapter.setProfileFields(fields, {
         instanceId: instanceId || void 0,
+        sessionId: getSessionId() || void 0,
         trackingId: this.config?.trackingId
       });
     }
@@ -1500,6 +1539,12 @@ var AmplifyUpSDK = class {
   getInstanceId() {
     return getInstanceId();
   }
+  /**
+   * Get session id (30-minute inactivity reset).
+   */
+  getSessionId() {
+    return getSessionId();
+  }
   /**
    * Get user ID
    */
@@ -3216,6 +3261,9 @@ function isReactNodeFallback(fallback) {
   if (fallback == null || fallback === false) return false;
   return !isPlainTextValue(fallback);
 }
+function classNameIsBlock(className) {
+  return /(?:^|\s)block(?:\s|$)/.test(className || "");
+}
 function htmlHasVisualChrome(html) {
   return /<(input|button|select|textarea|form|svg|iframe|video|audio|img)\b/i.test(
     html
@@ -3392,7 +3440,8 @@ function ComposerInlineField({
         outlineOffset: "2px",
         minWidth: "1ch",
         minHeight: "1em",
-        display: render ? void 0 : "inline",
+        // Do not force `inline` — that overrides Tailwind `block` and parks
+        // an empty-field hint on the same line as a sibling that has a value.
         opacity: showHint ? 0.5 : void 0
       },
       children: showRendered ? value != null && value !== "" && !storedEmpty ? render(value) : fallback ?? idleDisplay : isReactNodeFallback(fallback) && !idleDisplay ? fallback : null
@@ -3516,7 +3565,8 @@ function Field({
   }
   const text = formatFieldValue(fieldValue);
   const showVisualFallback = !text && isReactNodeFallback(fallback);
-  if (composerEdit && canInlineEdit(name, fieldValue) && !showVisualFallback) {
+  const emptyBlockField = isComposerEmptyText(fieldValue) && classNameIsBlock(className);
+  if (composerEdit && canInlineEdit(name, fieldValue) && !showVisualFallback && !emptyBlockField) {
     return /* @__PURE__ */ jsx(
       ComposerInlineField,
       {
@@ -3529,7 +3579,7 @@ function Field({
       }
     );
   }
-  if (fieldValue === void 0 || fieldValue === null) {
+  if (fieldValue === void 0 || fieldValue === null || isComposerEmptyText(fieldValue)) {
     return fallback ? /* @__PURE__ */ jsx("span", { className, children: fallback }) : null;
   }
   if (!text) {
@@ -3563,7 +3613,7 @@ function RichText({
     return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
   }
   if (isComposerEmptyText(fieldValue)) {
-    if (composerEdit && canInlineEdit(name, fieldValue) && !isReactNodeFallback(fallback)) {
+    if (composerEdit && canInlineEdit(name, fieldValue) && !isReactNodeFallback(fallback) && !classNameIsBlock(className)) {
       return /* @__PURE__ */ jsx(
         ComposerInlineField,
         {
@@ -4372,12 +4422,14 @@ function AmplifyUpProvider({ children, config }) {
         }
         let variantKeys;
         const anonId = sdk.getInstanceId();
+        const sessionId = sdk.getSessionId();
         if (!preview && anonId) {
           try {
             const selected = await selectVariants({
               trackingId,
               view: actualRoute,
               anonId,
+              sessionId: sessionId || void 0,
               site: sdk.getSiteId() || void 0,
               edgeUrl
             });
@@ -4390,6 +4442,7 @@ function AmplifyUpProvider({ children, config }) {
           route: actualRoute,
           trackingId,
           anonId: variantKeys ? void 0 : anonId,
+          sessionId: variantKeys ? void 0 : sessionId || void 0,
           siteId: sdk.getSiteId() || null,
           preview,
           orchestratorUrl,