@codebards/ik-embeddable-form 0.0.2677686331-qa → 0.0.2678302598-qa

package/dist/embed.js

@@ -1,5 +1,8 @@
 var IKEmbeddableFormBundle = function(exports) {
   "use strict";
+  function logWebinarType(source, data = {}) {
+    console.log(`[IKForm][webinarType] ${source}`, data);
+  }
   var n, l$1, u$2, i$1, r$1, o$1, e$1, f$2, c$1, a$1, s$1, h$1, p$1, v$1, y$1, d$1 = {}, w$2 = [], _$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, g$2 = Array.isArray;
   function m$1(n2, l2) {
     for (var u2 in l2) n2[u2] = l2[u2];
@@ -851,9 +854,26 @@ var IKEmbeddableFormBundle = function(exports) {
   };
   function resolveWebinarTypeFromPrimaryGoal(primaryGoal, currentWebinarType) {
     const goal = primaryGoal.trim();
-    if (!goal || goal === "exploring") return currentWebinarType;
+    if (!goal || goal === "exploring") {
+      logWebinarType("qualifier.resolveFromPrimaryGoal (unchanged)", {
+        primaryGoal: goal,
+        webinarType: currentWebinarType
+      });
+      return currentWebinarType;
+    }
     const mapped = PRIMARY_GOAL_WEBINAR_TYPE[goal];
-    if (mapped === null || mapped === void 0) return currentWebinarType;
+    if (mapped === null || mapped === void 0) {
+      logWebinarType("qualifier.resolveFromPrimaryGoal (no mapping)", {
+        primaryGoal: goal,
+        webinarType: currentWebinarType
+      });
+      return currentWebinarType;
+    }
+    logWebinarType("qualifier.resolveFromPrimaryGoal (mapped)", {
+      primaryGoal: goal,
+      from: currentWebinarType,
+      webinarType: mapped
+    });
     return mapped;
   }
   function resolveLandingWebinarType(formData, fallbackWebinarType) {
@@ -866,11 +886,29 @@ var IKEmbeddableFormBundle = function(exports) {
     const primaryGoal = String(formData.primaryGoal ?? "").trim();
     if (!primaryGoal) {
       const assigned = formData.assignedWebinarType;
-      if (assigned != null && String(assigned).trim()) return String(assigned);
-      return resolveLandingWebinarType(formData, fallbackWebinarType);
+      if (assigned != null && String(assigned).trim()) {
+        logWebinarType("qualifier.resolveEffective (assigned)", {
+          webinarType: String(assigned),
+          fallbackWebinarType
+        });
+        return String(assigned);
+      }
+      const landing = resolveLandingWebinarType(formData, fallbackWebinarType);
+      logWebinarType("qualifier.resolveEffective (landing)", {
+        webinarType: landing,
+        fallbackWebinarType
+      });
+      return landing;
     }
     const landingType = resolveLandingWebinarType(formData, fallbackWebinarType);
-    return resolveWebinarTypeFromPrimaryGoal(primaryGoal, landingType);
+    const resolved = resolveWebinarTypeFromPrimaryGoal(primaryGoal, landingType);
+    logWebinarType("qualifier.resolveEffective (with goal)", {
+      primaryGoal,
+      landingType,
+      webinarType: resolved,
+      fallbackWebinarType
+    });
+    return resolved;
   }
   class StepResolver {
     resolveVisibleSteps(steps, formData) {
@@ -1098,15 +1136,15 @@ var IKEmbeddableFormBundle = function(exports) {
     const ga = getCookie("_ga") ?? "";
     return `${visitorId}${ga}:${vCountry}`;
   }
-  function persistContactCookies(data) {
-    setCookie("ik_email", data.email, 30, "functional");
-    setCookie("ik_phone", data.phone, 30, "functional");
-    setCookie("ik_phone_code", data.phoneCode, 30, "functional");
-  }
   function persistProfileCookies(data) {
     setCookie("ik_experience", data.experience, 30, "functional");
     setCookie("ik_domain", data.domain, 30, "functional");
   }
+  function clearContactPrefillCookies() {
+    deleteCookie("ik_email");
+    deleteCookie("ik_phone");
+    deleteCookie("ik_phone_code");
+  }
   function markRegistered() {
     setCookie("ik_registered", "1", 30, "functional");
   }
@@ -1138,22 +1176,14 @@ var IKEmbeddableFormBundle = function(exports) {
     );
   }
   function clearPrefillCookies() {
-    deleteCookie("ik_email");
-    deleteCookie("ik_phone");
-    deleteCookie("ik_phone_code");
+    clearContactPrefillCookies();
     deleteCookie("ik_experience");
     deleteCookie("ik_domain");
   }
   function getPrefillFromCookies() {
     const prefill = {};
-    const email = getCookie("ik_email");
-    const phone = getCookie("ik_phone");
-    const phoneCode = getCookie("ik_phone_code");
     const experience = getCookie("ik_experience");
     const domain = getCookie("ik_domain");
-    if (email) prefill.email = email;
-    if (phone) prefill.phone = phone;
-    if (phoneCode) prefill.phoneCode = phoneCode;
     if (experience) prefill.experience = experience;
     if (domain) prefill.domain = domain;
     return prefill;
@@ -1247,10 +1277,12 @@ var IKEmbeddableFormBundle = function(exports) {
   let slotsPrefetchPromise = null;
   function startSlotsPrefetch(openConfig) {
     if (slotsPrefetchPromise) return;
-    slotsPrefetchPromise = fetchWebinarSlots(
-      openConfig.webinarType || "REGULAR",
-      openConfig
-    );
+    const webinarType = openConfig.webinarType || "REGULAR";
+    logWebinarType("startSlotsPrefetch", {
+      webinarType,
+      openConfigWebinarType: openConfig.webinarType
+    });
+    slotsPrefetchPromise = fetchWebinarSlots(webinarType, openConfig);
   }
   function getSlotsPrefetchPromise() {
     return slotsPrefetchPromise;
@@ -1266,6 +1298,7 @@ var IKEmbeddableFormBundle = function(exports) {
       const vCountry = vCountryFromCookie ?? geo.countryName;
       const vCountryCode = geo.countryCode || vCountryFromCookie && countryNameToCode(vCountryFromCookie) || "";
       persistVisitorCountryCookieIfAbsent(geo.countryName);
+      clearContactPrefillCookies();
       const cookiePrefill = getPrefillFromCookies();
       openConfig.prefilledValues = {
         ...cookiePrefill,
@@ -1278,7 +1311,7 @@ var IKEmbeddableFormBundle = function(exports) {
         openConfig,
         vCountry,
         vCountryCode,
-        userTimezone: browserTz || geo.timezone,
+        userTimezone: geo.timezone || browserTz,
         city: geo.city ?? "",
         region: geo.region ?? "",
         device: getDeviceType(),
@@ -1291,6 +1324,13 @@ var IKEmbeddableFormBundle = function(exports) {
         isExitIntentPopup: openConfig.isExitIntentPopup ?? false,
         ready: true
       };
+      logWebinarType("initWebinarContext", {
+        webinarType: contextInstance.webinarType,
+        openConfigWebinarType: openConfig.webinarType,
+        vCountry: contextInstance.vCountry,
+        vCountryCode: contextInstance.vCountryCode,
+        userTimezone: contextInstance.userTimezone
+      });
       setClarityContext(attribution.visitorId);
       setUserContext(attribution.visitorId);
       startSlotsPrefetch(openConfig);
@@ -1417,16 +1457,35 @@ var IKEmbeddableFormBundle = function(exports) {
       type: webinarType
     });
     const url = `${base}/api/webinar-slot/upcoming-slots/?${params.toString()}`;
+    logWebinarType("fetchSlotsFromApi request", {
+      webinarType,
+      country,
+      timezone,
+      url
+    });
     const headers = { Accept: "application/json" };
     {
       headers.Authorization = "1Cgx6oYXkOlWkNDn7_tXO";
     }
     const res = await fetch(url, { method: "GET", headers });
     if (!res.ok) {
+      logWebinarType("fetchSlotsFromApi failed", {
+        webinarType,
+        country,
+        status: res.status,
+        url
+      });
       throw new Error(`Slot API failed: ${res.status}`);
     }
     const data = await res.json();
-    return Array.isArray(data) ? data : [];
+    const slots = Array.isArray(data) ? data : [];
+    logWebinarType("fetchSlotsFromApi response", {
+      webinarType,
+      country,
+      timezone,
+      count: slots.length
+    });
+    return slots;
   }
   function getStaticSlots(openConfig) {
     const custom = openConfig == null ? void 0 : openConfig.staticSlots;
@@ -1456,11 +1515,29 @@ var IKEmbeddableFormBundle = function(exports) {
     const country = resolveSlotApiCountry(openConfig, slotApiConfig);
     const timezone = resolveSlotApiTimezone();
     const l2Type = (slotApiConfig == null ? void 0 : slotApiConfig.fallbackType) ?? "REGULAR";
+    logWebinarType("fetchWebinarSlots start", {
+      webinarType,
+      l2FallbackType: l2Type,
+      country,
+      timezone,
+      openConfigWebinarType: openConfig == null ? void 0 : openConfig.webinarType,
+      slotApiCountryOverride: (openConfig == null ? void 0 : openConfig.slotApiCountry) ?? (slotApiConfig == null ? void 0 : slotApiConfig.country)
+    });
     try {
       const l1 = limitDisplaySlots(
         filterFutureSlots(await fetchSlotsFromApi(country, webinarType, timezone))
       );
+      logWebinarType("fetchWebinarSlots L1 result", {
+        webinarType,
+        country,
+        count: l1.length
+      });
       if (l1.length > 0) {
+        logWebinarType("fetchWebinarSlots using L1", {
+          assignedWebinarType: webinarType,
+          source: "api-l1",
+          count: l1.length
+        });
         return {
           slots: l1.map(apiSlotToWebinarSlot),
           rawSlots: l1,
@@ -1471,7 +1548,18 @@ var IKEmbeddableFormBundle = function(exports) {
       const l2 = limitDisplaySlots(
         filterFutureSlots(await fetchSlotsFromApi(country, l2Type, timezone))
       );
+      logWebinarType("fetchWebinarSlots L2 result", {
+        webinarType: l2Type,
+        country,
+        count: l2.length,
+        reason: "L1 empty — falling back"
+      });
       if (l2.length > 0) {
+        logWebinarType("fetchWebinarSlots using L2", {
+          assignedWebinarType: "REGULAR",
+          source: "api-l2",
+          count: l2.length
+        });
         return {
           slots: l2.map(apiSlotToWebinarSlot),
           rawSlots: l2,
@@ -1479,12 +1567,22 @@ var IKEmbeddableFormBundle = function(exports) {
           source: "api-l2"
         };
       }
-    } catch {
+    } catch (err) {
+      logWebinarType("fetchWebinarSlots API error — static fallback", {
+        webinarType,
+        country,
+        error: err instanceof Error ? err.message : String(err)
+      });
     }
     const staticSlots = filterFutureSlots(getStaticSlots(openConfig));
     const fallback = limitDisplaySlots(
       staticSlots.length > 0 ? staticSlots : filterFutureSlots(createFutureStaticSlots())
     );
+    logWebinarType("fetchWebinarSlots using static", {
+      assignedWebinarType: webinarType,
+      source: "static",
+      count: fallback.length
+    });
     return {
       slots: fallback.map(apiSlotToWebinarSlot),
       rawSlots: fallback,
@@ -1665,6 +1763,12 @@ var IKEmbeddableFormBundle = function(exports) {
     const webinarLeadType = String(
       formData.webinarLeadType ?? formData.assignedWebinarType ?? webinarType
     );
+    logWebinarType("clickstream.leadPayload", {
+      webinarType,
+      webinarLeadType,
+      assignedWebinarType: formData.assignedWebinarType,
+      contextWebinarType: ctx == null ? void 0 : ctx.webinarType
+    });
     return {
       Lead_Created_Time: leadCreatedTime,
       Lead_Name: leadName,
@@ -2096,6 +2200,12 @@ var IKEmbeddableFormBundle = function(exports) {
       });
     }
     async loadSlotsIntoFormData() {
+      var _a;
+      logWebinarType("FormEngine.loadSlotsIntoFormData", {
+        webinarType: this.openConfig.webinarType,
+        configWebinarType: this.config.webinarType,
+        fallbackType: (_a = this.config.slotApi) == null ? void 0 : _a.fallbackType
+      });
       const result = await fetchWebinarSlots(
         this.openConfig.webinarType,
         this.openConfig,
@@ -2104,6 +2214,12 @@ var IKEmbeddableFormBundle = function(exports) {
       this.applySlotFetchResult(result);
     }
     applySlotFetchResult(result) {
+      logWebinarType("FormEngine.applySlotFetchResult", {
+        assignedWebinarType: result.assignedWebinarType,
+        source: result.source,
+        slotCount: result.slots.length,
+        openConfigWebinarType: this.openConfig.webinarType
+      });
       this.mergeFormData({
         slots: result.slots,
         assignedWebinarType: result.assignedWebinarType,
@@ -2140,12 +2256,7 @@ var IKEmbeddableFormBundle = function(exports) {
     }
     async runBeforeNext(step) {
       if (step.beforeNext !== "fetch-slots") return;
-      const { email, phone, phoneCode } = this.state.formData;
-      persistContactCookies({
-        email: String(email ?? ""),
-        phone: String(phone ?? ""),
-        phoneCode: String(phoneCode ?? "+1")
-      });
+      const { phone } = this.state.formData;
       const phoneNumberFull = String(this.state.formData.phoneNumberFull ?? phone ?? "");
       this.mergeFormData({ phoneNumberFull });
       await this.ensureSlotsReady(step);
@@ -2212,6 +2323,12 @@ var IKEmbeddableFormBundle = function(exports) {
         );
         const primaryGoal = String(this.state.formData.primaryGoal ?? "");
         const newType = resolveWebinarTypeFromPrimaryGoal(primaryGoal, oldType);
+        logWebinarType("FormEngine.qualifier remap", {
+          oldType,
+          primaryGoal,
+          newType,
+          openConfigWebinarType: this.openConfig.webinarType
+        });
         this.mergeFormData({
           assignedWebinarType: newType,
           qualifierOldWebinarType: oldType
@@ -2416,9 +2533,15 @@ var IKEmbeddableFormBundle = function(exports) {
       return visible[0];
     }
     buildInitialFormData() {
+      const originalLandingWebinarType = this.openConfig.webinarType ?? this.config.webinarType ?? "REGULAR";
+      logWebinarType("FormEngine.buildInitialFormData", {
+        originalLandingWebinarType,
+        openConfigWebinarType: this.openConfig.webinarType,
+        configWebinarType: this.config.webinarType
+      });
       const data = {
         _variant: this.openConfig.variant ?? this.config.defaultVariant,
-        originalLandingWebinarType: this.openConfig.webinarType ?? this.config.webinarType ?? "REGULAR"
+        originalLandingWebinarType
       };
       if (this.openConfig.prefilledValues) {
         Object.assign(data, this.openConfig.prefilledValues);
@@ -2581,6 +2704,11 @@ var IKEmbeddableFormBundle = function(exports) {
     const utm = context.utm;
     const { firstName, lastName } = resolveName(formData);
     const webinarType = resolveEffectiveWebinarType(formData, context.webinarType);
+    logWebinarType("payloads.buildRegisterPayload", {
+      webinarType,
+      contextWebinarType: context.webinarType,
+      assignedWebinarType: formData.assignedWebinarType
+    });
     return {
       "First Name": firstName,
       "Last Name": lastName,
@@ -2628,9 +2756,18 @@ var IKEmbeddableFormBundle = function(exports) {
   function resolveProfileApiFields(formData, context) {
     const experience = str(formData.experience);
     const isStudent = experience === "student" || experience.toLowerCase().includes("student") || bool(formData.isStudent);
+    const webinarType = resolveEffectiveWebinarType(formData, context.webinarType);
+    const oldWebinarType = resolveLandingWebinarType(formData, context.webinarType);
+    logWebinarType("payloads.resolveProfileApiFields", {
+      webinarType,
+      oldWebinarType,
+      contextWebinarType: context.webinarType,
+      assignedWebinarType: formData.assignedWebinarType,
+      primaryGoal: formData.primaryGoal
+    });
     return {
-      "webinar-type": resolveEffectiveWebinarType(formData, context.webinarType),
-      "old-webinar-type": resolveLandingWebinarType(formData, context.webinarType),
+      "webinar-type": webinarType,
+      "old-webinar-type": oldWebinarType,
       primary_goal: resolvePrimaryGoalForApi(str(formData.primaryGoal)),
       "Work Experience": normalizeExperienceForApi(experience),
       "Role Domain": resolveDomainForApi(str(formData.domain)),
@@ -6921,6 +7058,12 @@ var IKEmbeddableFormBundle = function(exports) {
     getResolveContext(openConfig) {
       const webinarType = openConfig.webinarType || "REGULAR";
       const base = this.findBaseConfig(webinarType);
+      logWebinarType("ConfigResolver.getResolveContext", {
+        webinarType,
+        openConfigWebinarType: openConfig.webinarType,
+        resolvedBaseWebinarType: base == null ? void 0 : base.webinarType,
+        registeredTypes: Object.keys(this.registry)
+      });
       if (!base) {
         throw new Error(
           `[ConfigResolver] No config found for webinarType "${webinarType}". Registered types: ${Object.keys(this.registry).join(", ")}`
@@ -6932,6 +7075,12 @@ var IKEmbeddableFormBundle = function(exports) {
     buildResolvedConfig(base, openConfig, requestedVariantId, effectiveVariantId, overrides) {
       let resolved = this.deepClone(base);
       resolved.webinarType = openConfig.webinarType || "REGULAR";
+      logWebinarType("ConfigResolver.buildResolvedConfig", {
+        resolvedWebinarType: resolved.webinarType,
+        openConfigWebinarType: openConfig.webinarType,
+        baseWebinarType: base.webinarType,
+        effectiveVariantId
+      });
       const layeredOverrides = mergeOverrideSpecs(
         overrides,
         openConfig.configOverrides
@@ -7382,6 +7531,7 @@ var IKEmbeddableFormBundle = function(exports) {
       required,
       leftIcon,
       variant = "default",
+      autocomplete,
       id,
       class: className,
       "data-testid": dataTestId,
@@ -7450,6 +7600,7 @@ var IKEmbeddableFormBundle = function(exports) {
                       ...props,
                       id: inputId,
                       ref,
+                      autocomplete,
                       "data-testid": dataTestId,
                       class: [
                         "w-full transition-colors duration-150",
@@ -14855,6 +15006,7 @@ var IKEmbeddableFormBundle = function(exports) {
       onFocus,
       placeholder,
       name,
+      autocomplete = "off",
       variant = "default",
       "data-testid": dataTestId
     }, ref) => {
@@ -14904,6 +15056,7 @@ var IKEmbeddableFormBundle = function(exports) {
         const input = document.createElement("input");
         input.type = "tel";
         input.id = String(inputId);
+        input.setAttribute("autocomplete", String(autocomplete));
         if (placeholder) input.placeholder = String(placeholder);
         if (name) input.name = String(name);
         if (disabled) input.disabled = true;
@@ -18139,7 +18292,8 @@ var IKEmbeddableFormBundle = function(exports) {
                       ...withFieldInteract({ ...commonProps, ...rhfField }),
                       type: field.type,
                       value: String(rhfField.value ?? ""),
-                      variant: inputVariant
+                      variant: inputVariant,
+                      autocomplete: field.type === "email" ? "off" : void 0
                     }
                   );
                 case "tel":
@@ -18153,7 +18307,8 @@ var IKEmbeddableFormBundle = function(exports) {
                         value: String(rhfField.value ?? ""),
                         variant: inputVariant,
                         initialCountryIso: phoneFieldProps == null ? void 0 : phoneFieldProps.initialCountryIso,
-                        onCountryChange: phoneFieldProps == null ? void 0 : phoneFieldProps.onCountryChange
+                        onCountryChange: phoneFieldProps == null ? void 0 : phoneFieldProps.onCountryChange,
+                        autocomplete: "off"
                       }
                     );
                   }
@@ -18163,7 +18318,8 @@ var IKEmbeddableFormBundle = function(exports) {
                       ...withFieldInteract({ ...commonProps, ...rhfField }),
                       type: "tel",
                       value: String(rhfField.value ?? ""),
-                      variant: inputVariant
+                      variant: inputVariant,
+                      autocomplete: "off"
                     }
                   );
                 case "textarea":
@@ -20606,6 +20762,13 @@ ${intlTelStyles}`;
       if (isOpen) {
         unmount();
       }
+      logWebinarType("IKForm.open()", {
+        webinarType: config.webinarType,
+        eventName: config.eventName,
+        variant: config.variant,
+        site: config.site,
+        slotApiCountry: config.slotApiCountry
+      });
       if (config.displayMode === "inline" && !config.container) {
         console.error('IKForm.open: container is required when displayMode is "inline"');
         (_a = config.onError) == null ? void 0 : _a.call(config, { code: "INVALID_CONFIG", message: "container is required for inline displayMode" });
@@ -20643,7 +20806,7 @@ ${intlTelStyles}`;
       destroy();
     },
     getVersion() {
-      return "1.0.21";
+      return "1.0.23";
     }
   };
   if (typeof window !== "undefined") {