@codebards/ik-embeddable-form 0.0.2726025383-qa → 0.0.2726880419-qa

package/dist/embed.js

@@ -1365,9 +1365,7 @@ var IKEmbeddableFormBundle = function(exports) {
     return null;
   }
   function isIndiaEmbedConfig(openConfig) {
-    const site = String(openConfig.site ?? "").trim().toLowerCase();
-    if (site === "in" || site === "india") return true;
-    return String(openConfig.variant ?? "").trim().toLowerCase().startsWith("india");
+    return String(openConfig.site ?? "").trim().toLowerCase() === "india";
   }
   function geoBusinessCountry(countryName, countryCode) {
     if ((countryName == null ? void 0 : countryName.trim()) === "India") return "IN";
@@ -15624,6 +15622,7 @@ var IKEmbeddableFormBundle = function(exports) {
                           {
                             groups: progressGroups,
                             activeGroupIndex,
+                            currentStepId,
                             panelId
                           }
                         )
@@ -15763,6 +15762,7 @@ var IKEmbeddableFormBundle = function(exports) {
   function VerticalProgressTracker({
     groups,
     activeGroupIndex,
+    currentStepId,
     panelId
   }) {
     return /* @__PURE__ */ u$1(
@@ -15772,11 +15772,15 @@ var IKEmbeddableFormBundle = function(exports) {
         "data-testid": leftPanelTestId(panelId, "progress-tracker"),
         "aria-label": "Registration progress groups",
         children: groups.map((group, idx) => {
+          var _a;
           const isActive = idx === activeGroupIndex;
-          const isComplete = idx < activeGroupIndex;
-          const isUpcoming = !isActive && !isComplete;
+          const isPassed = idx < activeGroupIndex;
+          const isPending = isPassed && !!((_a = group.pendingOnStepIds) == null ? void 0 : _a.includes(currentStepId));
+          const isComplete = isPassed && !isPending;
+          const isUpcoming = !isActive && !isComplete && !isPending;
           const isLast = idx === groups.length - 1;
-          const isHighlighted = isActive || isComplete;
+          const isHighlighted = isActive || isComplete || isPending;
+          const isInProgress = isActive || isPending;
           return /* @__PURE__ */ u$1(
             "li",
             {
@@ -15802,9 +15806,9 @@ var IKEmbeddableFormBundle = function(exports) {
                           class: [
                             "relative flex shrink-0 items-center justify-center overflow-hidden rounded-[30px]",
                             isHighlighted ? "size-10" : "size-8",
-                            isActive ? "shadow-[0px_4px_12px_0px_rgba(3,131,248,0.37)]" : ""
+                            isInProgress ? "shadow-[0px_4px_12px_0px_rgba(3,131,248,0.37)]" : ""
                           ].join(" "),
-                          style: isComplete ? { backgroundImage: COMPLETED_STEP_GRADIENT } : isActive ? { backgroundImage: ACTIVE_STEP_GRADIENT } : void 0,
+                          style: isComplete ? { backgroundImage: COMPLETED_STEP_GRADIENT } : isInProgress ? { backgroundImage: ACTIVE_STEP_GRADIENT } : void 0,
                           role: "presentation",
                           children: [
                             isUpcoming && /* @__PURE__ */ u$1(
@@ -15829,7 +15833,7 @@ var IKEmbeddableFormBundle = function(exports) {
                                 "data-testid": leftPanelTestId(panelId, `progress-group-${group.number}-number`),
                                 class: [
                                   "relative text-center font-semibold leading-[1.48]",
-                                  isActive ? "text-[16px] text-white" : "text-[14px] text-[#667085]"
+                                  isInProgress ? "text-[16px] text-white" : "text-[14px] text-[#667085]"
                                 ].join(" "),
                                 children: group.number
                               }
@@ -15861,7 +15865,7 @@ var IKEmbeddableFormBundle = function(exports) {
                                 "data-testid": leftPanelTestId(panelId, `progress-group-${group.number}-title`),
                                 class: [
                                   "font-semibold leading-[1.48]",
-                                  isComplete ? "text-[14px] text-[#027a48]" : isActive ? "text-[14px] text-[#0a3483]" : "text-[12px] text-[#98a2b3]"
+                                  isComplete ? "text-[14px] text-[#027a48]" : isInProgress ? "text-[14px] text-[#0a3483]" : "text-[12px] text-[#98a2b3]"
                                 ].join(" "),
                                 children: group.title
                               }
@@ -20814,7 +20818,10 @@ var IKEmbeddableFormBundle = function(exports) {
             {
               number: 1,
               title: "Webinar Registration",
-              stepIds: ["contact-details", "slot-selection"]
+              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,