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

package/dist/embed.js

@@ -2088,13 +2088,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 +2126,7 @@ var IKEmbeddableFormBundle = function(exports) {
           slotDisplay: formatInviteeDisplay(firstSlot.inviteeStartTime, firstSlot.startTime)
         });
       }
+      this.notifyListeners();
     }
     async ensureSlotsReady(step) {
       if (this.slotsPrefetchPromise) {
@@ -2437,14 +2438,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 +2564,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 +2595,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),
@@ -2659,6 +2669,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 +2740,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 +2891,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 +2914,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 +2944,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 +20526,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,