@codebards/ik-embeddable-form 0.0.2702285982-qa → 0.0.2713998803-qa

package/dist/embed.js

@@ -454,7 +454,8 @@ var IKEmbeddableFormBundle = function(exports) {
             countryName: geoData.country,
             timezone: geoData.timezone,
             region: geoData.region,
-            city: geoData.city
+            city: geoData.city,
+            ip: geoData.ip ?? ""
           };
         }
       }
@@ -482,13 +483,15 @@ var IKEmbeddableFormBundle = function(exports) {
         countryName: COUNTRIES_BY_CODE[code] ?? code,
         timezone,
         region: data.region,
-        city: data.city
+        city: data.city,
+        ip: data.ip ?? ""
       };
     } catch {
       return {
         countryCode: "US",
         countryName: "United States",
-        timezone: resolveBrowserTimezone()
+        timezone: resolveBrowserTimezone(),
+        ip: ""
       };
     }
   }
@@ -1208,6 +1211,34 @@ var IKEmbeddableFormBundle = function(exports) {
     if (window.innerWidth < 1024) return "Tablet";
     return "Desktop";
   }
+  const UNKNOWN = { browserName: "Unknown", browserVersion: "Unknown" };
+  function getBrowserDetails() {
+    var _a, _b, _c;
+    try {
+      const ua = navigator.userAgent;
+      let browserName = "Unknown";
+      let version = "Unknown";
+      if (ua.indexOf("Firefox") > -1) {
+        browserName = "Firefox";
+        version = ua.split("Firefox/")[1] || "Unknown";
+      } else if (ua.indexOf("Chrome") > -1 && ua.indexOf("Edg/") === -1) {
+        browserName = "Chrome";
+        version = ((_a = ua.split("Chrome/")[1]) == null ? void 0 : _a.split(" ")[0]) || "Unknown";
+      } else if (ua.indexOf("Safari") > -1 && ua.indexOf("Chrome") === -1) {
+        browserName = "Safari";
+        version = ((_b = ua.split("Version/")[1]) == null ? void 0 : _b.split(" ")[0]) || "Unknown";
+      } else if (ua.indexOf("Edg/") > -1) {
+        browserName = "Edge";
+        version = ua.split("Edg/")[1] || "Unknown";
+      } else if (ua.indexOf("Trident/") > -1) {
+        browserName = "Internet Explorer";
+        version = ((_c = ua.split("rv:")[1]) == null ? void 0 : _c.split(")")[0]) || "Unknown";
+      }
+      return { browserName, browserVersion: version };
+    } catch {
+      return { ...UNKNOWN };
+    }
+  }
   const LOCALHOST_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
   function isLocalhostHost(hostname) {
     return LOCALHOST_HOSTS.has(hostname);
@@ -1271,6 +1302,7 @@ var IKEmbeddableFormBundle = function(exports) {
         ...openConfig.prefilledValues
       };
       const pageUrl = resolveWorkflowPageUrl(openConfig.pageUrl);
+      const browser = getBrowserDetails();
       contextInstance = {
         ...attribution,
         landingPageUrl: normalizeLandingPageUrl(attribution.landingPageUrl, pageUrl),
@@ -1281,6 +1313,9 @@ var IKEmbeddableFormBundle = function(exports) {
         city: geo.city ?? "",
         region: geo.region ?? "",
         device: getDeviceType(),
+        ipAddress: geo.ip,
+        browserName: browser.browserName,
+        browserVersion: browser.browserVersion,
         pageUrl,
         siteUrl: resolveStaticSiteUrl(openConfig.site),
         eventName: openConfig.eventName,
@@ -2088,13 +2123,13 @@ var IKEmbeddableFormBundle = function(exports) {
     }
     startSlotsPrefetch() {
       if (!this.needsSlotsPrefetch() || this.slotsPrefetchPromise) return;
-      this.mergeFormData({ slotsLoading: true });
+      this.mergeFormData({ slotsLoading: true }, true);
       const earlyPrefetch = getSlotsPrefetchPromise();
       const prefetch = earlyPrefetch ? earlyPrefetch.then((result) => {
         this.applySlotFetchResult(result);
       }) : this.loadSlotsIntoFormData();
       this.slotsPrefetchPromise = prefetch.catch((err) => {
-        this.mergeFormData({ slotsLoading: false });
+        this.mergeFormData({ slotsLoading: false }, true);
         this.analytics.trackError(err, {
           stepId: "prefetch-slots",
           formId: this.config.id
@@ -2126,6 +2161,7 @@ var IKEmbeddableFormBundle = function(exports) {
           slotDisplay: formatInviteeDisplay(firstSlot.inviteeStartTime, firstSlot.startTime)
         });
       }
+      this.notifyListeners();
     }
     async ensureSlotsReady(step) {
       if (this.slotsPrefetchPromise) {
@@ -2437,14 +2473,18 @@ var IKEmbeddableFormBundle = function(exports) {
       });
       return data;
     }
-    mergeFormData(incoming) {
+    mergeFormData(incoming, notify = false) {
       this.state = {
         ...this.state,
         formData: { ...this.state.formData, ...incoming }
       };
+      if (notify) this.notifyListeners();
     }
     setState(partial) {
       this.state = { ...this.state, ...partial };
+      this.notifyListeners();
+    }
+    notifyListeners() {
       this.listeners.forEach((l2) => l2(this.getState()));
     }
   }
@@ -2559,6 +2599,10 @@ var IKEmbeddableFormBundle = function(exports) {
       lastName: parts.slice(1).join(" ") || (parts[0] ?? "")
     };
   }
+  function customerIdFields(context) {
+    const customerId = str(context.openConfig.customerId);
+    return customerId ? { customer_id: customerId } : {};
+  }
   function resolveUtmMedium(context) {
     return resolveWordPressUtmMedium(
       context.visitorId,
@@ -2586,6 +2630,7 @@ var IKEmbeddableFormBundle = function(exports) {
     const { firstName, lastName } = resolveName(formData);
     const webinarType = resolveEffectiveWebinarType(formData, context.webinarType);
     return {
+      ...customerIdFields(context),
       "First Name": firstName,
       "Last Name": lastName,
       "Email Address": str(formData.email),
@@ -2608,6 +2653,9 @@ var IKEmbeddableFormBundle = function(exports) {
       fbcId: context.fbcId ?? "",
       fbpId: context.fbpId ?? "",
       user_agent: navigator.userAgent,
+      ipAddress: context.ipAddress,
+      browserName: context.browserName,
+      browserVersion: context.browserVersion,
       user_id: context.visitorId,
       li_fat_id: context.liFatId,
       cta_page_url: context.ctaPageUrl,
@@ -2659,6 +2707,7 @@ var IKEmbeddableFormBundle = function(exports) {
     const gaEventId = Date.now();
     const { firstName, lastName } = resolveName(formData);
     return {
+      ...customerIdFields(context),
       "First Name": firstName,
       "Last Name": lastName,
       "Email Address": str(formData.email),
@@ -2729,6 +2778,7 @@ var IKEmbeddableFormBundle = function(exports) {
     const linkedIn = str(formData.linkedIn).trim();
     const resumeBase64 = str(formData.resumeFileBase64).trim();
     return {
+      ...customerIdFields(context),
       Lead_Created_Time: formatLeadCreatedTime(formData.leadCreatedTime),
       Page_URL: encodeURIComponent(context.pageUrl),
       "First Name": firstName,
@@ -2879,7 +2929,13 @@ var IKEmbeddableFormBundle = function(exports) {
     }
     async fetchWithRetry(url, init, retriesLeft, timeoutMs) {
       const controller = new AbortController();
-      const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+      let timedOut = false;
+      const timeoutId = setTimeout(() => {
+        timedOut = true;
+        controller.abort(
+          new DOMException(`Request timed out after ${timeoutMs}ms`, "TimeoutError")
+        );
+      }, timeoutMs);
       try {
         const res = await fetch(url, { ...init, signal: controller.signal });
         clearTimeout(timeoutId);
@@ -2896,13 +2952,21 @@ var IKEmbeddableFormBundle = function(exports) {
         return { data, status: res.status, ok: true };
       } catch (err) {
         clearTimeout(timeoutId);
-        if (retriesLeft > 1 && this.isRetryable(err)) {
+        const normalizedErr = timedOut ? this.buildTimeoutError(timeoutMs) : err;
+        if (retriesLeft > 1 && this.isRetryable(normalizedErr)) {
           await this.delay(500 * (2 - retriesLeft));
           return this.fetchWithRetry(url, init, retriesLeft - 1, timeoutMs);
         }
-        throw err;
+        throw normalizedErr;
       }
     }
+    buildTimeoutError(timeoutMs) {
+      return {
+        code: "TIMEOUT",
+        message: "This is taking longer than expected. Please try again.",
+        details: { timeoutMs }
+      };
+    }
     applyResponseMapping(mapping, response) {
       if (!mapping) return {};
       const result = {};
@@ -2918,7 +2982,7 @@ var IKEmbeddableFormBundle = function(exports) {
       if (err instanceof TypeError) return true;
       if (err && typeof err === "object" && "code" in err) {
         const code = err.code;
-        return code === "HTTP_429" || code === "HTTP_503" || code === "HTTP_502";
+        return code === "TIMEOUT" || code === "HTTP_429" || code === "HTTP_503" || code === "HTTP_502";
       }
       return false;
     }
@@ -20500,10 +20564,49 @@ var IKEmbeddableFormBundle = function(exports) {
       }
     }
   };
+  const emailRegistrationVariant = {
+    id: "email-registration",
+    overrides: {
+      layout: {
+        leftPanel: {
+          progressGroups: [
+            {
+              number: 1,
+              title: "Webinar Registration",
+              stepIds: ["slot-selection"]
+            },
+            {
+              number: 2,
+              title: "Profile Details",
+              stepIds: ["profile-details", "goals-details"]
+            }
+          ]
+        },
+        rightPanel: {
+          progressGroups: [
+            { stepIds: ["slot-selection"] },
+            { stepIds: ["profile-details"] },
+            { stepIds: ["goals-details"] },
+            { stepIds: ["consultation-prefs"] }
+          ]
+        }
+      },
+      steps: {
+        // Lead is resolved from customer_id on the backend — skip contact collection.
+        "contact-details": { show: false },
+        "profile-details": {
+          fields: {
+            interviewTimeline: { show: false }
+          }
+        }
+      }
+    }
+  };
   const GQL_WEBINAR_VARIANTS = [
     defaultVariant,
     indiaVariant,
-    eventVariant
+    eventVariant,
+    emailRegistrationVariant
   ];
   const gqlWebinarConfig = {
     ...gqlWebinarBaseConfig,