@active-reach/web-sdk 1.38.0 → 1.40.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { S as Storage, r as redactUrl, l as logger, A as Aegis } from "./analytics-Cz1ZBOxH.mjs";
-import { B, E, N, R, U, m } from "./analytics-Cz1ZBOxH.mjs";
+import { S as Storage, r as redactUrl, l as logger, A as Aegis } from "./analytics-C-Go3Pm5.mjs";
+import { B, E, N, R, U, m } from "./analytics-C-Go3Pm5.mjs";
 import { AegisWebPush } from "./push/AegisWebPush.js";
 function debounce(func, wait) {
   let timeoutId = null;
@@ -1411,8 +1411,11 @@ function buildProgressElement(el2, ctx, accent, muted) {
     return code && M[code] || "";
   };
   const threshold = () => {
+    var _a;
     if (typeof el2.threshold === "number" && el2.threshold > 0) return el2.threshold;
     if (el2.threshold_source === "free_delivery_setting") {
+      const fromCart = ctx.getCartState && ((_a = ctx.getCartState()) == null ? void 0 : _a.freeDeliveryAbove);
+      if (typeof fromCart === "number" && fromCart > 0) return fromCart;
       const v = Number(props()["cart.free_delivery_above"]);
       if (v > 0) return v;
     }
@@ -1447,6 +1450,11 @@ function buildProgressElement(el2, ctx, accent, muted) {
     var _a;
     const th = threshold();
     const cur = readCur();
+    if (th <= 0 && el2.threshold_source === "free_delivery_setting") {
+      wrap.style.display = "none";
+      return;
+    }
+    wrap.style.display = "flex";
     const { pct, complete } = computeProgress({ threshold: th, current: cur });
     bar.style.width = `${pct}%`;
     const labeled = cardProgressSubLabel({
@@ -3213,10 +3221,11 @@ function fillBar(accent, pct, h = 8) {
 }
 function renderStreak(ctx) {
   const ic = ctx.campaign.interactive_config || {};
+  const count = num(ic.streak_count, 0);
+  if (count <= 0) return;
   const s = openGameModal(ctx, "aegis-in-app-streak");
-  const count = num(ic.streak_count, 5);
   const goal = num(ic.streak_goal, count + 1);
-  const reward = str$1(ic.streak_reward_text, "Come back tomorrow to keep it going.");
+  const reward = str$1(ic.streak_reward_text, "Order today to keep it going.");
   const days = ["M", "T", "W", "T", "F", "S", "S"];
   s.content.appendChild(gEl("div", "font-size:44px;line-height:1", "🔥"));
   s.content.appendChild(gEl("div", "font-size:22px;font-weight:800;margin:4px 0 2px", `${count}-day streak!`));
@@ -3233,11 +3242,13 @@ function renderStreak(ctx) {
   note.appendChild(gEl("b", "", `Day ${goal}`));
   note.appendChild(document.createTextNode(" unlocks a reward."));
   s.content.appendChild(note);
-  s.ctaButton(str$1(ic.streak_cta_text, "Keep my streak"), () => {
+  const hasUrl = Boolean(str$1(ctx.campaign.action_url));
+  s.ctaButton(str$1(ic.streak_cta_text, hasUrl ? "Order today" : "Got it"), () => {
     var _a, _b, _c;
     (_a = ctx.haptic) == null ? void 0 : _a.call(ctx, 20);
     (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, s.card, "affirm");
     void ((_c = ctx.submitResponse) == null ? void 0 : _c.call(ctx, "streak", { streak_count: count }));
+    if (!hasUrl) s.dismiss();
   });
 }
 function renderMilestone(ctx) {
@@ -6092,6 +6103,7 @@ const _AegisInAppManager = class _AegisInAppManager {
     this.apiHost = config.apiHost || "https://api.aegis.ai";
     this.userId = config.userId ?? readAnonIdFromStorage$1();
     this.contactId = config.contactId;
+    this.contactToken = config.contactToken;
     this.organizationId = config.organizationId;
     this.propertyId = config.propertyId;
     this.debugMode = config.debugMode || false;
@@ -6306,9 +6318,10 @@ const _AegisInAppManager = class _AegisInAppManager {
     this.userId = userId;
     this.refreshCampaigns();
   }
-  updateContactId(contactId) {
+  updateContactId(contactId, contactToken) {
     var _a;
     this.contactId = contactId;
+    this.contactToken = contactToken;
     (_a = this.activeWebChat) == null ? void 0 : _a.updateContactId(contactId);
     this.disconnectSSE();
     if (this.enableSSE && this.organizationId) {
@@ -6523,6 +6536,9 @@ const _AegisInAppManager = class _AegisInAppManager {
     if (this.contactId) {
       headers["X-Contact-ID"] = this.contactId;
     }
+    if (this.contactId && this.contactToken) {
+      headers["X-Contact-Token"] = this.contactToken;
+    }
     Object.entries(headers).forEach(([key, value]) => {
       url.searchParams.append(key, value);
     });
@@ -6601,6 +6617,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (this.contactId) {
         headers["X-Contact-ID"] = this.contactId;
       }
+      if (this.contactId && this.contactToken) {
+        headers["X-Contact-Token"] = this.contactToken;
+      }
       if (this.organizationId) {
         headers["X-Organization-ID"] = this.organizationId;
       }
@@ -7538,6 +7557,23 @@ const _AegisInAppManager = class _AegisInAppManager {
       b.textContent = campaign.body;
       body.appendChild(b);
     }
+    const _profileKeys = /* @__PURE__ */ new Set(["first_name", "email", "date_of_birth"]);
+    const _collectsProfile = fields.some(
+      (f) => typeof f.maps_to === "string" && _profileKeys.has(f.maps_to)
+    );
+    if (_collectsProfile && this.organizationId && this.writeKey) {
+      const earn = document.createElement("div");
+      earn.style.cssText = "font-size: 11px; font-weight: 600; opacity: 0.75; margin-top: -4px;";
+      body.appendChild(earn);
+      void fetch(`${this.apiHost}/v1/in-app/earn-hint?rule_type=profile_complete`, {
+        headers: { "X-Aegis-Write-Key": this.writeKey, "X-Organization-ID": this.organizationId }
+      }).then((r) => r.ok ? r.json() : null).then((d) => {
+        if (!d || d.enabled !== true || !(Number(d.points) > 0)) return;
+        const name = typeof d.points_name === "string" ? d.points_name : "points";
+        earn.textContent = `Earn ${Number(d.points)} ${name} for completing your profile`;
+      }).catch(() => {
+      });
+    }
     const inputs = /* @__PURE__ */ new Map();
     const requiredKeys = /* @__PURE__ */ new Set();
     const ctrlCss = `padding: 9px 11px; border-radius: 9px; border: 1px solid ${text}33; background: ${text}0d; color: ${text}; font-size: 13px; width: 100%; box-sizing: border-box; font-family: inherit;`;
@@ -7644,6 +7680,7 @@ const _AegisInAppManager = class _AegisInAppManager {
         "X-Organization-ID": this.organizationId
       };
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       const variantId = campaign.assigned_variant_id;
       const res = await fetch(`${this.apiHost}/v1/in-app/responses`, {
         method: "POST",
@@ -7653,6 +7690,9 @@ const _AegisInAppManager = class _AegisInAppManager {
           campaign_id: campaign.id,
           response_type: "form",
           contact_id: this.contactId,
+          // The device id, so a play before login joins the person once they
+          // log in (RP1, Aman 2026-09-27). `user_id` may be the brand's own id.
+          anonymous_id: readAnonIdFromStorage$1(),
           user_id: this.userId,
           variant_id: variantId,
           platform: "web",
@@ -7679,6 +7719,7 @@ const _AegisInAppManager = class _AegisInAppManager {
         "X-Organization-ID": this.organizationId
       };
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       const variantId = campaign.assigned_variant_id;
       const res = await fetch(`${this.apiHost}/v1/in-app/responses`, {
         method: "POST",
@@ -7688,6 +7729,9 @@ const _AegisInAppManager = class _AegisInAppManager {
           campaign_id: campaign.id,
           response_type: responseType,
           contact_id: this.contactId,
+          // The device id, so a play before login joins the person once they
+          // log in (RP1, Aman 2026-09-27). `user_id` may be the brand's own id.
+          anonymous_id: readAnonIdFromStorage$1(),
           user_id: this.userId,
           variant_id: variantId,
           platform: "web",
@@ -11880,13 +11924,16 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
       if (this.userId) headers["X-User-ID"] = this.userId;
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       const workspaceId = (_a = this.getWorkspaceId) == null ? void 0 : _a.call(this);
+      const storedAnonId = readAnonIdFromStorage$1();
+      const identifiedUserId = this.userId && this.userId !== storedAnonId ? this.userId : void 0;
       const body = {
         campaign_id: campaignId,
         event_type: eventType,
-        user_id: this.userId,
+        user_id: identifiedUserId,
         contact_id: this.contactId,
-        anonymous_id: this.userId,
+        anonymous_id: storedAnonId,
         platform: "web",
         workspace_id: workspaceId,
         // Per-surface traffic (PROPERTY_IN_APP_TAB_SURFACE_BREAKDOWN_TRACKER
@@ -11978,6 +12025,7 @@ const _AegisInAppManager = class _AegisInAppManager {
     if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
     if (this.userId) headers["X-User-ID"] = this.userId;
     if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
     let retryable = true;
     try {
       const response = await fetch(
@@ -12490,6 +12538,9 @@ class ContactScoresFetcher {
       "X-Contact-ID": contactId,
       "X-User-ID": contactId
     };
+    if (opts.contactToken) {
+      headers["X-Contact-Token"] = opts.contactToken;
+    }
     if (this.organizationId) {
       headers["X-Organization-ID"] = this.organizationId;
     }
@@ -12652,6 +12703,7 @@ class PrefetchBundleClient {
     this.writeKey = options.writeKey;
     this.organizationId = options.organizationId;
     this.contactId = options.contactId;
+    this.contactToken = options.contactToken;
     this.userId = options.userId;
     this.propertyId = options.propertyId;
     this.abAssignments = options.abAssignments ?? {};
@@ -12716,7 +12768,10 @@ class PrefetchBundleClient {
     let changed = false;
     if (partial.contactId !== void 0 && partial.contactId !== this.contactId) {
       this.contactId = partial.contactId;
+      this.contactToken = partial.contactToken;
       changed = true;
+    } else if (partial.contactToken !== void 0 && partial.contactToken !== this.contactToken) {
+      this.contactToken = partial.contactToken;
     }
     if (partial.userId !== void 0 && partial.userId !== this.userId) {
       this.userId = partial.userId;
@@ -12789,6 +12844,7 @@ class PrefetchBundleClient {
     };
     if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
     if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
     if (this.userId) headers["X-User-ID"] = this.userId;
     if (this.propertyId) headers["X-Property-Id"] = this.propertyId;
     if (this.currentETag) headers["If-None-Match"] = this.currentETag;
@@ -12848,6 +12904,7 @@ class AegisInbox {
     this.writeKey = config.writeKey;
     this.organizationId = config.organizationId;
     this.contactId = config.contactId;
+    this.contactToken = config.contactToken;
     this.propertyId = config.propertyId;
     this.bundleClient = config.bundleClient;
     this.unreadPollIntervalMs = config.unreadPollIntervalMs ?? DEFAULT_UNREAD_POLL;
@@ -12896,7 +12953,10 @@ class AegisInbox {
     let changed = false;
     if (partial.contactId !== void 0 && partial.contactId !== this.contactId) {
       this.contactId = partial.contactId;
+      this.contactToken = partial.contactToken;
       changed = true;
+    } else if (partial.contactToken !== void 0 && partial.contactToken !== this.contactToken) {
+      this.contactToken = partial.contactToken;
     }
     if (partial.propertyId !== void 0 && partial.propertyId !== this.propertyId) {
       this.propertyId = partial.propertyId;
@@ -13067,6 +13127,7 @@ class AegisInbox {
     };
     if (this.organizationId) h["X-Organization-ID"] = this.organizationId;
     if (this.contactId) h["X-Contact-ID"] = this.contactId;
+    if (this.contactId && this.contactToken) h["X-Contact-Token"] = this.contactToken;
     if (this.propertyId) h["X-Property-Id"] = this.propertyId;
     return h;
   }
@@ -13181,6 +13242,7 @@ class AegisWidgetManager {
     this.apiHost = config.apiHost || "https://api.aegis.ai";
     this.userId = config.userId ?? readAnonIdFromStorage();
     this.contactId = config.contactId;
+    this.contactToken = config.contactToken;
     this.organizationId = config.organizationId;
     this.debugMode = config.debugMode || false;
     this.triggerEngine = config.triggerEngine;
@@ -13203,9 +13265,10 @@ class AegisWidgetManager {
    * configs so subsequent renders target the new identity. Does NOT
    * re-render already-visible widgets — a full teardown requires destroy().
    */
-  async updateContactId(contactId) {
-    if (this.contactId === contactId) return;
+  async updateContactId(contactId, contactToken) {
+    if (this.contactId === contactId && this.contactToken === contactToken) return;
     this.contactId = contactId;
+    this.contactToken = contactToken;
     this.log(`Contact ID updated → ${contactId ?? "(cleared)"}`);
     if (this.isInitialized && !this.isDestroyed && this.enablePrefetch && contactId) {
       await this.fetchPrefetchConfigs();
@@ -13441,6 +13504,7 @@ class AegisWidgetManager {
         "X-Aegis-Write-Key": this.writeKey
       };
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
       const response = await fetch(url, { headers, credentials: "include" });
       if (!response.ok) {
@@ -13463,6 +13527,7 @@ class AegisWidgetManager {
       };
       if (this.userId) headers["X-User-ID"] = this.userId;
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
       if (this.sourcePlatform) headers["X-Source-Platform"] = this.sourcePlatform;
       const response = await fetch(url, { headers, credentials: "include" });
@@ -14063,6 +14128,37 @@ class AegisWidgetManager {
       box-sizing: border-box;
     `;
     form.appendChild(nameInput);
+    const collectBirthday = config.collect_birthday === true;
+    let birthdayInput = null;
+    if (collectBirthday) {
+      const birthdayId = `aegis-spin-dob-${widgetId}`;
+      const birthdayLabel = document.createElement("label");
+      birthdayLabel.htmlFor = birthdayId;
+      birthdayLabel.textContent = "Birthday (optional) — for a birthday treat";
+      birthdayLabel.style.cssText = `
+        display: block;
+        font-size: 12px;
+        font-weight: 600;
+        opacity: 0.75;
+        margin-bottom: 4px;
+        color: ${this.sanitizeColor(textColor)};
+      `;
+      form.appendChild(birthdayLabel);
+      birthdayInput = document.createElement("input");
+      birthdayInput.id = birthdayId;
+      birthdayInput.type = "date";
+      birthdayInput.max = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+      birthdayInput.style.cssText = `
+        width: 100%;
+        padding: 14px;
+        border: 2px solid #ddd;
+        border-radius: 8px;
+        font-size: 16px;
+        margin-bottom: 12px;
+        box-sizing: border-box;
+      `;
+      form.appendChild(birthdayInput);
+    }
     const submitButton = document.createElement("button");
     submitButton.type = "submit";
     submitButton.textContent = "Spin the Wheel!";
@@ -14093,6 +14189,7 @@ class AegisWidgetManager {
       const phone = phoneInput.value.trim();
       const email = emailInput.value.trim();
       const name = nameInput.value.trim();
+      const dateOfBirth = birthdayInput ? birthdayInput.value.trim() : "";
       if (!this.validatePhone(phone)) {
         errorMessage.textContent = "Please enter a valid phone number (e.g., +1234567890)";
         errorMessage.style.display = "block";
@@ -14113,6 +14210,7 @@ class AegisWidgetManager {
             phone,
             email,
             name,
+            dateOfBirth,
             cart,
             widgetId
           });
@@ -14163,6 +14261,9 @@ class AegisWidgetManager {
       phone: data.phone.replace(/[\s()-]/g, ""),
       email: data.email || void 0,
       name: data.name || void 0,
+      // Omitted when blank — the server distinguishes "not given" from a value
+      // it could not parse, and neither is an empty string.
+      date_of_birth: data.dateOfBirth || void 0,
       cart_id: ((_a = data.cart) == null ? void 0 : _a.cart_id) || `web_${Date.now()}`,
       cart_token: (_b = data.cart) == null ? void 0 : _b.cart_id,
       cart_total: ((_c = data.cart) == null ? void 0 : _c.cart_total) || 0,
@@ -14664,6 +14765,7 @@ class AegisWidgetManager {
     };
     if (this.userId) headers["X-User-ID"] = this.userId;
     if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
     if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
     const response = await fetch(url, {
       method: "POST",
@@ -14741,6 +14843,7 @@ class AegisWidgetManager {
     };
     if (this.userId) headers["X-User-ID"] = this.userId;
     if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
     if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
     const workspaceId = (_a = this.getWorkspaceId) == null ? void 0 : _a.call(this);
     const response = await fetch(url, {
@@ -14768,6 +14871,7 @@ class AegisWidgetManager {
       };
       if (this.userId) headers["X-User-ID"] = this.userId;
       if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
       if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
       const workspaceId = (_a = this.getWorkspaceId) == null ? void 0 : _a.call(this);
       await fetch(url, {
@@ -15286,7 +15390,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     var _a;
     this.initialized = false;
     {
-      const v = "1.38.0";
+      const v = "1.40.0";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {
@@ -15306,12 +15410,14 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     const triggerEngine = config.triggerEngine ?? new TriggerEngine();
     const ownsTriggerEngine = !config.triggerEngine;
     this.contactId = config.contactId;
+    this.contactToken = config.contactToken;
     this.pairingApiHost = config.apiHost ?? "";
     this.widgets = new AegisWidgetManager({
       writeKey: config.writeKey,
       apiHost: config.apiHost,
       userId: config.userId,
       contactId: config.contactId,
+      contactToken: config.contactToken,
       organizationId: config.organizationId,
       debugMode: config.debugMode,
       triggerEngine,
@@ -15334,6 +15440,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
       apiHost: config.apiHost,
       userId: config.userId,
       contactId: config.contactId,
+      contactToken: config.contactToken,
       organizationId: config.organizationId,
       propertyId: config.propertyId,
       debugMode: config.debugMode,
@@ -15406,7 +15513,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     ]);
     (_a = this.chat) == null ? void 0 : _a.initialize();
     if (this.contactId) {
-      void this.contactScores.fetchForContact(this.contactId);
+      void this.contactScores.fetchForContact(this.contactId, { contactToken: this.contactToken });
     }
   }
   /**
@@ -15417,13 +15524,14 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
    * wait — callers that care about the fetched state await on the
    * returned promise.
    */
-  async updateContactId(contactId) {
+  async updateContactId(contactId, contactToken) {
     var _a, _b, _c;
     this.contactId = contactId;
-    (_b = (_a = this.inApp).updateContactId) == null ? void 0 : _b.call(_a, contactId);
+    this.contactToken = contactToken;
+    (_b = (_a = this.inApp).updateContactId) == null ? void 0 : _b.call(_a, contactId, contactToken);
     (_c = this.chat) == null ? void 0 : _c.updateContactId(contactId);
-    await this.widgets.updateContactId(contactId);
-    void this.contactScores.fetchForContact(contactId);
+    await this.widgets.updateContactId(contactId, contactToken);
+    void this.contactScores.fetchForContact(contactId, { contactToken });
   }
   /**
    * Forward a client-side event (product_viewed, cart_idle_90s, etc.)