@codebards/ik-embeddable-form 0.0.2765927162-qa → 0.0.2767921802-qa

package/dist/embed.js

@@ -1348,11 +1348,233 @@ var IKEmbeddableFormBundle = function(exports) {
     const month = ((_c = MONTHS[date.getMonth()]) == null ? void 0 : _c.slice(0, 3)) ?? "";
     return `${weekday}, ${date.getDate()} ${month}`;
   }
+  const defaultVariant = {
+    id: "default",
+    overrides: {
+      steps: {
+        "profile-details": {
+          fields: {
+            interviewTimeline: { show: false },
+            topicOfInterest: { show: false }
+          }
+        }
+      }
+    }
+  };
+  const INDIA_EXPERIENCE_OPTIONS = [
+    { value: "I’m currently a student", label: "I’m currently a student" },
+    { value: "0-2", label: "0-2" },
+    { value: "3-4", label: "3-4" },
+    { value: "5-8", label: "5-8" },
+    { value: "9-15", label: "9-15" },
+    { value: "16-20", label: "16-20" },
+    { value: "20+", label: "20+" }
+  ];
+  const INDIA_DOMAIN_OPTIONS = [
+    { value: "Back-end", label: "Back-end" },
+    { value: "Cloud Engineer", label: "Cloud Engineer" },
+    { value: "Cyber Security", label: "Cyber Security" },
+    { value: "Data Engineer", label: "Data Engineer" },
+    { value: "Data Science", label: "Data Science" },
+    { value: "Front-end", label: "Front-end" },
+    { value: "Full Stack", label: "Full Stack" },
+    { value: "Machine Learning / AI", label: "Machine Learning / AI" },
+    { value: "Engineering Manager - any domain", label: "Engineering Manager - any domain" },
+    { value: "Tech Product Manager", label: "Tech Product Manager" },
+    { value: "Technical Program Manager", label: "Technical Program Manager" },
+    { value: "Test Engineer / SDET / QE", label: "Test Engineer / SDET / QE" },
+    { value: "Android Developer", label: "Android Developer" },
+    { value: "iOS Developer", label: "iOS Developer" },
+    { value: "Site Reliability Engineer", label: "Site Reliability Engineer" },
+    { value: "Embedded Software Engineer", label: "Embedded Software Engineer" },
+    { value: "Other Software Engineers", label: "Other Software Engineers" },
+    { value: "Data Analyst / Business Analyst", label: "Data Analyst / Business Analyst" },
+    { value: "Core Engineering", label: "Core Engineering" },
+    { value: "Salesforce developer", label: "Salesforce developer" },
+    { value: "DevOps Engineer", label: "DevOps Engineer" },
+    { value: "None of the above", label: "None of the above" }
+  ];
+  const indiaVariant = {
+    id: "india",
+    overrides: {
+      layout: {
+        leftPanel: {
+          progressGroups: [
+            {
+              number: 1,
+              title: "Webinar Registration",
+              stepIds: ["contact-details", "slot-selection"],
+              // India skips goals-details, so this group stays blue through
+              // profile-details and only completes on the expert-insights step.
+              pendingOnStepIds: ["profile-details"]
+            },
+            {
+              number: 2,
+              title: "Profile Details",
+              stepIds: ["profile-details"]
+            }
+          ]
+        },
+        rightPanel: {
+          progressGroups: [
+            { stepIds: ["contact-details"] },
+            { stepIds: ["slot-selection"] },
+            { stepIds: ["profile-details"] },
+            { stepIds: ["consultation-prefs"] }
+          ]
+        }
+      },
+      steps: {
+        "profile-details": {
+          fields: {
+            primaryGoal: { show: false },
+            experience: { options: INDIA_EXPERIENCE_OPTIONS },
+            domain: { options: INDIA_DOMAIN_OPTIONS },
+            topicOfInterest: { show: true },
+            interviewTimeline: { show: false }
+          }
+        },
+        "goals-details": { show: false }
+      }
+    }
+  };
+  const eventVariant = {
+    id: "event",
+    overrides: {
+      layout: {
+        leftPanel: {
+          data: {
+            headline: "Register for the Event",
+            subheadline: "Share your details to reserve your seat"
+          },
+          progressGroups: [
+            {
+              number: 1,
+              title: "Webinar Registration",
+              stepIds: ["contact-details", "slot-selection"]
+            },
+            {
+              number: 2,
+              title: "Profile Details",
+              stepIds: ["profile-details"]
+            }
+          ]
+        },
+        rightPanel: {
+          progressGroups: [
+            { stepIds: ["contact-details"] },
+            { stepIds: ["profile-details"] },
+            { stepIds: ["consultation-prefs"] }
+          ]
+        }
+      },
+      steps: {
+        "slot-selection": { show: false },
+        "profile-details": {
+          fields: {
+            primaryGoal: { show: false },
+            topicOfInterest: { show: false }
+          }
+        },
+        "goals-details": { show: false }
+      }
+    }
+  };
+  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 noSlotVariant = {
+    id: "no-slot",
+    overrides: {
+      layout: {
+        leftPanel: {
+          progressGroups: [
+            {
+              number: 1,
+              title: "Webinar Registration",
+              stepIds: ["contact-details"]
+            },
+            {
+              number: 2,
+              title: "Profile Details",
+              stepIds: ["profile-details", "goals-details"]
+            }
+          ]
+        },
+        rightPanel: {
+          progressGroups: [
+            { stepIds: ["contact-details"] },
+            { stepIds: ["profile-details"] },
+            { stepIds: ["goals-details"] },
+            { stepIds: ["consultation-prefs"] }
+          ]
+        }
+      },
+      steps: {
+        // No slot step downstream, so there is nothing to fetch slots for.
+        "contact-details": { beforeNext: "none" },
+        "slot-selection": { show: false },
+        "profile-details": {
+          fields: {
+            interviewTimeline: { show: false },
+            topicOfInterest: { show: false }
+          }
+        }
+      }
+    }
+  };
+  const GQL_WEBINAR_VARIANTS = [
+    defaultVariant,
+    indiaVariant,
+    eventVariant,
+    emailRegistrationVariant,
+    noSlotVariant
+  ];
+  const SLOTLESS_VARIANT_IDS = [noSlotVariant.id];
+  function isSlotlessVariant(variantId) {
+    return variantId != null && SLOTLESS_VARIANT_IDS.includes(variantId);
+  }
   let contextInstance = null;
   let initPromise = null;
   let slotsPrefetchPromise = null;
   function startSlotsPrefetch(openConfig) {
     if (slotsPrefetchPromise) return;
+    if (isSlotlessVariant(openConfig.variant)) return;
     const webinarType = openConfig.webinarType || "REGULAR";
     slotsPrefetchPromise = fetchWebinarSlots(webinarType, openConfig);
   }
@@ -2313,15 +2535,15 @@ var IKEmbeddableFormBundle = function(exports) {
       this.setState({ isSubmitting: true, error: null });
       try {
         await this.runBeforeNext(currentStep);
-        if (currentStep.id === "profile-details" && !this.state.formData.hasSlotBooked) {
+        if (currentStep.id === "profile-details" && !this.state.formData.hasSlotBooked && this.hasSlotBookingStep()) {
           await this.slotBookingPromise;
-        }
-        if (currentStep.id === "profile-details" && !this.state.formData.hasSlotBooked) {
-          throw {
-            code: "SLOT_NOT_BOOKED",
-            message: "Unable to reserve your event slot. Please try again.",
-            stepId: currentStep.id
-          };
+          if (!this.state.formData.hasSlotBooked) {
+            throw {
+              code: "SLOT_NOT_BOOKED",
+              message: "Unable to reserve your event slot. Please try again.",
+              stepId: currentStep.id
+            };
+          }
         }
         if (currentStep.id === "slot-selection") {
           validateAndLogSlotTime(String(this.state.formData.eventStartTime ?? ""), {
@@ -2502,6 +2724,23 @@ var IKEmbeddableFormBundle = function(exports) {
     needsSlotsPrefetch() {
       return this.config.steps.some((step) => step.beforeNext === "fetch-slots");
     }
+    /**
+     * True when the resolved flow still books a slot — either the picker step or the
+     * background auto-book step survived variant merging.
+     *
+     * Slotless variants (`no-slot`) drop both, so `hasSlotBooked` is never set for them
+     * and the gate leaving `profile-details` must not apply. Read off the resolved steps
+     * rather than the variant id so remote/host overrides that remove the slot flow
+     * behave the same way.
+     */
+    hasSlotBookingStep() {
+      return this.stepResolver.resolveVisibleSteps(this.config.steps, this.state.formData).some(
+        (step) => {
+          var _a;
+          return step.id === "slot-selection" || ((_a = step.autoExecute) == null ? void 0 : _a.action) === "book-webinar-slot";
+        }
+      );
+    }
     startSlotsPrefetch() {
       if (!this.needsSlotsPrefetch() || this.slotsPrefetchPromise) return;
       this.patchFormData({ slotsLoading: true });
@@ -2560,10 +2799,10 @@ var IKEmbeddableFormBundle = function(exports) {
       }
     }
     async runBeforeNext(step) {
-      if (step.beforeNext !== "fetch-slots") return;
       const { phone } = this.state.formData;
       const phoneNumberFull = String(this.state.formData.phoneNumberFull ?? phone ?? "");
       this.mergeFormData({ phoneNumberFull });
+      if (step.beforeNext !== "fetch-slots") return;
       await this.ensureSlotsReady(step);
     }
     async runStepSuccess(step, response) {
@@ -21874,182 +22113,6 @@ var IKEmbeddableFormBundle = function(exports) {
       }
     ]
   };
-  const defaultVariant = {
-    id: "default",
-    overrides: {
-      steps: {
-        "profile-details": {
-          fields: {
-            interviewTimeline: { show: false },
-            topicOfInterest: { show: false }
-          }
-        }
-      }
-    }
-  };
-  const INDIA_EXPERIENCE_OPTIONS = [
-    { value: "I’m currently a student", label: "I’m currently a student" },
-    { value: "0-2", label: "0-2" },
-    { value: "3-4", label: "3-4" },
-    { value: "5-8", label: "5-8" },
-    { value: "9-15", label: "9-15" },
-    { value: "16-20", label: "16-20" },
-    { value: "20+", label: "20+" }
-  ];
-  const INDIA_DOMAIN_OPTIONS = [
-    { value: "Back-end", label: "Back-end" },
-    { value: "Cloud Engineer", label: "Cloud Engineer" },
-    { value: "Cyber Security", label: "Cyber Security" },
-    { value: "Data Engineer", label: "Data Engineer" },
-    { value: "Data Science", label: "Data Science" },
-    { value: "Front-end", label: "Front-end" },
-    { value: "Full Stack", label: "Full Stack" },
-    { value: "Machine Learning / AI", label: "Machine Learning / AI" },
-    { value: "Engineering Manager - any domain", label: "Engineering Manager - any domain" },
-    { value: "Tech Product Manager", label: "Tech Product Manager" },
-    { value: "Technical Program Manager", label: "Technical Program Manager" },
-    { value: "Test Engineer / SDET / QE", label: "Test Engineer / SDET / QE" },
-    { value: "Android Developer", label: "Android Developer" },
-    { value: "iOS Developer", label: "iOS Developer" },
-    { value: "Site Reliability Engineer", label: "Site Reliability Engineer" },
-    { value: "Embedded Software Engineer", label: "Embedded Software Engineer" },
-    { value: "Other Software Engineers", label: "Other Software Engineers" },
-    { value: "Data Analyst / Business Analyst", label: "Data Analyst / Business Analyst" },
-    { value: "Core Engineering", label: "Core Engineering" },
-    { value: "Salesforce developer", label: "Salesforce developer" },
-    { value: "DevOps Engineer", label: "DevOps Engineer" },
-    { value: "None of the above", label: "None of the above" }
-  ];
-  const indiaVariant = {
-    id: "india",
-    overrides: {
-      layout: {
-        leftPanel: {
-          progressGroups: [
-            {
-              number: 1,
-              title: "Webinar Registration",
-              stepIds: ["contact-details", "slot-selection"],
-              // India skips goals-details, so this group stays blue through
-              // profile-details and only completes on the expert-insights step.
-              pendingOnStepIds: ["profile-details"]
-            },
-            {
-              number: 2,
-              title: "Profile Details",
-              stepIds: ["profile-details"]
-            }
-          ]
-        },
-        rightPanel: {
-          progressGroups: [
-            { stepIds: ["contact-details"] },
-            { stepIds: ["slot-selection"] },
-            { stepIds: ["profile-details"] },
-            { stepIds: ["consultation-prefs"] }
-          ]
-        }
-      },
-      steps: {
-        "profile-details": {
-          fields: {
-            primaryGoal: { show: false },
-            experience: { options: INDIA_EXPERIENCE_OPTIONS },
-            domain: { options: INDIA_DOMAIN_OPTIONS },
-            topicOfInterest: { show: true },
-            interviewTimeline: { show: false }
-          }
-        },
-        "goals-details": { show: false }
-      }
-    }
-  };
-  const eventVariant = {
-    id: "event",
-    overrides: {
-      layout: {
-        leftPanel: {
-          data: {
-            headline: "Register for the Event",
-            subheadline: "Share your details to reserve your seat"
-          },
-          progressGroups: [
-            {
-              number: 1,
-              title: "Webinar Registration",
-              stepIds: ["contact-details", "slot-selection"]
-            },
-            {
-              number: 2,
-              title: "Profile Details",
-              stepIds: ["profile-details"]
-            }
-          ]
-        },
-        rightPanel: {
-          progressGroups: [
-            { stepIds: ["contact-details"] },
-            { stepIds: ["profile-details"] },
-            { stepIds: ["consultation-prefs"] }
-          ]
-        }
-      },
-      steps: {
-        "slot-selection": { show: false },
-        "profile-details": {
-          fields: {
-            primaryGoal: { show: false },
-            topicOfInterest: { show: false }
-          }
-        },
-        "goals-details": { show: false }
-      }
-    }
-  };
-  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,
-    emailRegistrationVariant
-  ];
   const gqlWebinarConfig = {
     ...gqlWebinarBaseConfig,
     variants: GQL_WEBINAR_VARIANTS