@codebards/ik-embeddable-form 0.0.2736450101-qa → 0.0.2736851469-qa

package/dist/embed.js

@@ -1574,41 +1574,143 @@ var IKEmbeddableFormBundle = function(exports) {
     "December"
   ];
   const WEEKDAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-  function createFutureStaticSlots(count = 3) {
-    const pad = (n2) => String(n2).padStart(2, "0");
-    const slots = [];
+  const FALLBACK_SCHEDULES = {
+    IND: {
+      skipDay: null,
+      timeSlots: {
+        0: "12:00:00",
+        1: "18:00:00",
+        2: "18:00:00",
+        3: "18:00:00",
+        4: "18:00:00",
+        5: "18:00:00",
+        6: "12:00:00"
+      },
+      timeZone: "Asia/Kolkata",
+      utcOffsetHours: 5.5
+    },
+    USA: {
+      skipDay: 6,
+      timeSlots: {
+        0: "20:30:00",
+        1: "19:30:00",
+        2: "20:30:00",
+        3: "19:30:00",
+        4: "20:30:00",
+        5: "19:30:00",
+        6: null
+      },
+      timeZone: "America/New_York",
+      utcOffsetHours: -5
+    }
+  };
+  function pad2(n2) {
+    return String(n2).padStart(2, "0");
+  }
+  function formatUtcOffset(offsetHours) {
+    const sign = offsetHours >= 0 ? "+" : "-";
+    const abs = Math.abs(offsetHours);
+    const hours = Math.floor(abs);
+    const minutes = Math.round((abs - hours) * 60);
+    return `${sign}${pad2(hours)}:${pad2(minutes)}`;
+  }
+  function todayInTimeZone(timeZone) {
+    const parts = new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(/* @__PURE__ */ new Date());
+    const get2 = (type) => {
+      var _a;
+      return Number((_a = parts.find((p2) => p2.type === type)) == null ? void 0 : _a.value);
+    };
+    return { year: get2("year"), month: get2("month"), day: get2("day") };
+  }
+  function wallClockParts(date, timeZone) {
+    const parts = new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hourCycle: "h23"
+    }).formatToParts(date);
+    const get2 = (type) => {
+      var _a;
+      return Number((_a = parts.find((p2) => p2.type === type)) == null ? void 0 : _a.value);
+    };
+    return {
+      year: get2("year"),
+      month: get2("month"),
+      day: get2("day"),
+      hour: get2("hour"),
+      minute: get2("minute"),
+      second: get2("second")
+    };
+  }
+  function timeZoneOffsetString(timeZone, at) {
+    var _a;
+    try {
+      const raw = ((_a = new Intl.DateTimeFormat("en-US", { timeZone, timeZoneName: "longOffset" }).formatToParts(at).find((p2) => p2.type === "timeZoneName")) == null ? void 0 : _a.value) ?? "GMT+00:00";
+      let offset = raw.replace("GMT", "") || "+00:00";
+      if (/^[+-]\d:/.test(offset)) offset = offset.replace(/^([+-])(\d):/, "$10$2:");
+      return offset || "+00:00";
+    } catch {
+      return "+00:00";
+    }
+  }
+  function generateFallbackSlots(country, targetTimezone, webinarType, count = 13) {
+    const schedule = FALLBACK_SCHEDULES[country === "IND" ? "IND" : "USA"];
+    const scheduleOffset = formatUtcOffset(schedule.utcOffsetHours);
+    const today = todayInTimeZone(schedule.timeZone);
     const now = /* @__PURE__ */ new Date();
+    const slots = [];
     for (let i2 = 0; i2 < count; i2++) {
-      const start = new Date(now);
-      start.setDate(start.getDate() + 7 * (i2 + 1));
-      start.setHours(19, 30, 0, 0);
-      const end = new Date(start);
-      end.setHours(20, 30, 0, 0);
-      const hour12 = start.getHours() % 12 || 12;
-      const ampm = start.getHours() >= 12 ? "PM" : "AM";
-      const offsetMin = -start.getTimezoneOffset();
-      const sign = offsetMin >= 0 ? "+" : "-";
-      const tzOffset = `${sign}${pad(Math.floor(Math.abs(offsetMin) / 60))}:${pad(Math.abs(offsetMin) % 60)}`;
-      const toIso = (d2) => `${d2.getFullYear()}-${pad(d2.getMonth() + 1)}-${pad(d2.getDate())}T${pad(d2.getHours())}:${pad(d2.getMinutes())}:00${tzOffset}`;
-      const weekday = WEEKDAYS[start.getDay()] ?? "Tuesday";
-      const monthLabel = MONTHS[start.getMonth()] ?? "June";
-      const day = pad(start.getDate());
-      const year = String(start.getFullYear());
-      const minute = pad(start.getMinutes());
-      const endHour12 = end.getHours() % 12 || 12;
-      const endAmpm = end.getHours() >= 12 ? "PM" : "AM";
+      const candidate = new Date(today.year, today.month - 1, today.day);
+      candidate.setDate(candidate.getDate() + i2);
+      const weekday = candidate.getDay();
+      if (weekday === schedule.skipDay) continue;
+      const time = schedule.timeSlots[weekday];
+      if (!time) continue;
+      const [hour, minute, second] = time.split(":").map(Number);
+      candidate.setHours(hour, minute, second, 0);
+      const isoInSchedule = `${candidate.getFullYear()}-${pad2(candidate.getMonth() + 1)}-${pad2(candidate.getDate())}T${pad2(candidate.getHours())}:${pad2(candidate.getMinutes())}:${pad2(candidate.getSeconds())}${scheduleOffset}`;
+      const instant = new Date(isoInSchedule);
+      if (Number.isNaN(instant.getTime()) || instant < now) continue;
+      const end = new Date(instant.getTime() + 60 * 60 * 1e3);
+      const startWall = wallClockParts(instant, targetTimezone);
+      const endWall = wallClockParts(end, targetTimezone);
+      const targetOffset = timeZoneOffsetString(targetTimezone, instant);
+      const toIso = (w2) => `${w2.year}-${pad2(w2.month)}-${pad2(w2.day)}T${pad2(w2.hour)}:${pad2(w2.minute)}:${pad2(w2.second)}${targetOffset}`;
+      const formatClock = (hour24, min) => {
+        const hour12 = hour24 % 12 || 12;
+        const ampm = hour24 >= 12 ? "PM" : "AM";
+        return { label: `${hour12}:${pad2(min)}${ampm}`, hour12, ampm };
+      };
+      const weekdayLabel = WEEKDAYS[new Date(startWall.year, startWall.month - 1, startWall.day).getDay()] ?? "Tuesday";
+      const monthLabel = MONTHS[startWall.month - 1] ?? "June";
+      const dateLabel = `${weekdayLabel}, ${monthLabel} ${pad2(startWall.day)}, ${startWall.year}`;
+      const start = formatClock(startWall.hour, startWall.minute);
+      const slotEnd = formatClock(endWall.hour, endWall.minute);
       slots.push({
-        start_time: toIso(start),
-        end_time: toIso(end),
-        day,
-        month: pad(start.getMonth() + 1),
-        year,
-        hour: String(hour12),
-        minute,
-        am_or_pm: ampm,
-        weekday,
-        invitee_start_time: `${hour12}:${minute}${ampm} - ${weekday}, ${monthLabel} ${day}, ${year}`,
-        invitee_end_time: `${endHour12}:${pad(end.getMinutes())}${endAmpm} - ${weekday}, ${monthLabel} ${day}, ${year}`
+        start_time: toIso(startWall),
+        end_time: toIso(endWall),
+        utc_start_time: instant.toISOString(),
+        utc_end_time: end.toISOString(),
+        day: pad2(startWall.day),
+        month: pad2(startWall.month),
+        year: String(startWall.year),
+        hour: String(start.hour12),
+        minute: pad2(startWall.minute),
+        second: pad2(startWall.second),
+        am_or_pm: start.ampm,
+        weekday: weekdayLabel,
+        invitee_start_time: `${start.label} - ${dateLabel}`,
+        invitee_end_time: `${slotEnd.label} - ${dateLabel}`,
+        webinar_lead_type: webinarType
       });
     }
     return slots;
@@ -1675,12 +1777,12 @@ var IKEmbeddableFormBundle = function(exports) {
     const slots = Array.isArray(data) ? data : [];
     return slots;
   }
-  function getStaticSlots(openConfig) {
+  function getStaticSlots(openConfig, country, timezone, webinarType) {
     const custom = openConfig == null ? void 0 : openConfig.staticSlots;
     if (custom && custom.length > 0) {
       return custom;
     }
-    return createFutureStaticSlots();
+    return generateFallbackSlots(country, timezone, webinarType);
   }
   function resolveSlotApiCountry(openConfig, slotApiConfig) {
     if (openConfig == null ? void 0 : openConfig.slotApiCountry) {
@@ -1723,20 +1825,18 @@ var IKEmbeddableFormBundle = function(exports) {
         return {
           slots: l2.map(apiSlotToWebinarSlot),
           rawSlots: l2,
-          assignedWebinarType: "REGULAR",
+          assignedWebinarType: l2Type,
           source: "api-l2"
         };
       }
     } catch {
     }
-    const staticSlots = filterFutureSlots(getStaticSlots(openConfig));
-    const fallback = limitDisplaySlots(
-      staticSlots.length > 0 ? staticSlots : filterFutureSlots(createFutureStaticSlots())
-    );
+    const staticSlots = filterFutureSlots(getStaticSlots(openConfig, country, timezone, l2Type));
+    const fallback = limitDisplaySlots(staticSlots);
     return {
       slots: fallback.map(apiSlotToWebinarSlot),
       rawSlots: fallback,
-      assignedWebinarType: webinarType,
+      assignedWebinarType: l2Type,
       source: "static"
     };
   }
@@ -1950,7 +2050,8 @@ var IKEmbeddableFormBundle = function(exports) {
       Region: formData.region ?? (ctx == null ? void 0 : ctx.region) ?? "",
       step,
       data_click_id: resolveClickId(formData),
-      ab_bucket_json: JSON.stringify({ gql_yoe_dropdown_ab: "" })
+      ab_bucket_json: JSON.stringify({ gql_yoe_dropdown_ab: "" }),
+      fingerprint_id: getFingerprintId()
     };
   }
   async function postClickstream(url, apiKey, datasetId, tableId, row) {
@@ -2363,7 +2464,7 @@ 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);
@@ -2736,11 +2837,12 @@ 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();
     }
     /**
      * Like `mergeFormData`, but notifies subscribers so the UI re-renders.
@@ -2753,6 +2855,9 @@ var IKEmbeddableFormBundle = function(exports) {
     }
     setState(partial) {
       this.state = { ...this.state, ...partial };
+      this.notifyListeners();
+    }
+    notifyListeners() {
       this.listeners.forEach((l2) => l2(this.getState()));
     }
   }
@@ -2888,6 +2993,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,
@@ -2915,6 +3024,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": email(formData.email),
@@ -2994,6 +3104,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": email(formData.email),
@@ -3065,6 +3176,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,
@@ -3187,6 +3299,10 @@ var IKEmbeddableFormBundle = function(exports) {
       return url.toString();
     }
     buildBody(contract, formData) {
+      const body = this.buildRawBody(contract, formData);
+      return { ...body, fingerprint_id: getFingerprintId() };
+    }
+    buildRawBody(contract, formData) {
       if (contract.payloadBuilder) {
         return buildPayload(contract.payloadBuilder, formData);
       }
@@ -3211,7 +3327,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);
@@ -3228,13 +3350,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 = {};
@@ -3250,7 +3380,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;
     }
@@ -21595,10 +21725,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,