npm - @codebards/ik-embeddable-form - Versions diffs - 0.0.2788575612-qa → 0.0.2792144458-qa - Mend

@codebards/ik-embeddable-form 0.0.2788575612-qa → 0.0.2792144458-qa

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/embed.js CHANGED Viewed

@@ -1713,10 +1713,12 @@ var IKEmbeddableFormBundle = function(exports) {
       privacyPolicyUrl: getPrivacyPolicyUrl()
     };
   }
-  function shouldShowLeftPanel(config, openConfig) {
+  function shouldShowLeftPanel(config, openConfig, progressSteps, currentStepId) {
     var _a;
     if (openConfig == null ? void 0 : openConfig.hideLeftPanel) return false;
     if ((_a = resolveLayoutConfig(config)) == null ? void 0 : _a.hideLeftPanel) return false;
+    const currentStep = progressSteps == null ? void 0 : progressSteps.find((s2) => s2.id === currentStepId);
+    if (currentStep == null ? void 0 : currentStep.hideLeftPanel) return false;
     return !!getLeftPanel(config);
   }
   function getDisplayMode(openConfig) {
@@ -16902,7 +16904,7 @@ var IKEmbeddableFormBundle = function(exports) {
   }) {
     const leftPanel = getLeftPanel(config);
     const rightPanel = getRightPanel(config);
-    const showLeftPanel = shouldShowLeftPanel(config, openConfig);
+    const showLeftPanel = shouldShowLeftPanel(config, openConfig, progressSteps, currentStepId);
     const showProgress = shouldShowStepper(config, openConfig, progressSteps, currentStepId);
     const formIntro = getFormIntro(config, openConfig);
     const showFormIntro = shouldShowFormIntro(config, openConfig, progressSteps, currentStepId);
@@ -22253,6 +22255,7 @@ var IKEmbeddableFormBundle = function(exports) {
         id: "success",
         type: "success",
         hidden: true,
+        hideLeftPanel: true,
         title: "Registration completed!",
         analyticsEvents: [
           {
@@ -22461,7 +22464,8 @@ ${intlTelStyles}`;
       uuidPlacement: "path",
       resultParams: { tab: "resume-insights" },
       gateBehindGqlForm: true,
-      gqlGateConfig: GQL_GATE_CONFIG
+      gqlGateConfig: GQL_GATE_CONFIG,
+      pollResultBeforeRedirect: true
     },
     {
       id: "salary-analyser",
@@ -22655,6 +22659,8 @@ ${leadMagnetStyles}`;
   function delay(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
+  class AnalysisFailedError extends Error {
+  }
   async function pollUntilComplete(tool, uuid, api) {
     const deadline = Date.now() + POLL_MAX_MS;
     while (Date.now() < deadline) {
@@ -22670,7 +22676,7 @@ ${leadMagnetStyles}`;
       if (!res.ok) continue;
       const body = await res.json();
       if (body.state === "FAILED" || body.state === "ERROR") {
-        throw new Error("The analyser could not read that resume. Please try another file.");
+        throw new AnalysisFailedError("The analyser could not read that resume. Please try another file.");
       }
       if (body.state === "COMPLETED") {
         return body.data ?? {};
@@ -22766,7 +22772,9 @@ ${leadMagnetStyles}`;
     }
   }
   function renderPendingTab(tab, tool, options = {}) {
-    const waitingCopy = options.gated ? `Finish signing up in the tab you came from and your results will appear here.` : `This usually takes under a minute. Please keep this tab open — your results will
+    const heading = options.gated ? "Finishing up" : "Analysing your resume";
+    const waitingCopy = options.gated ? `We're wrapping up your registration in the tab you came from — your results will
+       appear here automatically the moment it's done.` : `This usually takes under a minute. Please keep this tab open — your results will
        appear here automatically.`;
     try {
       tab.document.write(`<!doctype html>
@@ -22774,7 +22782,7 @@ ${leadMagnetStyles}`;
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Analysing your resume — ${escapeHtml(tool.copy.title)}</title>
+<title>${escapeHtml(heading)} — ${escapeHtml(tool.copy.title)}</title>
 <style>
   :root { color-scheme: light dark; }
   * { box-sizing: border-box; }
@@ -22799,7 +22807,7 @@ ${leadMagnetStyles}`;
 <body>
   <div class="wrap" role="status" aria-live="polite">
     <div class="spinner"></div>
-    <h1>Analysing your resume</h1>
+    <h1>${escapeHtml(heading)}</h1>
     <p>${waitingCopy}</p>
   </div>
 </body>
@@ -22808,6 +22816,17 @@ ${leadMagnetStyles}`;
     } catch {
     }
   }
+  function updatePendingTabMessage(tab, heading, body) {
+    try {
+      const h1 = tab.document.querySelector(".wrap h1");
+      const p2 = tab.document.querySelector(".wrap p");
+      if (h1) h1.textContent = heading;
+      if (p2) p2.textContent = body;
+      const [, toolName] = tab.document.title.split(" — ");
+      if (toolName) tab.document.title = `${heading} — ${toolName}`;
+    } catch {
+    }
+  }
   function renderFailedTab(tab, message) {
     try {
       const target = tab.document.querySelector(".wrap");
@@ -22822,24 +22841,31 @@ ${leadMagnetStyles}`;
       (c2) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c2]
     );
   }
+  const GATE_SUBMIT_BUTTON_TESTID = "goals-details__submit-btn";
   function openGqlGate(options) {
     const { tool, identity, dataClickId, onRegistered, onDismissed } = options;
     const IKForm = typeof window !== "undefined" ? window.IKForm : void 0;
     if (!IKForm) {
-      onRegistered();
+      onRegistered(null);
       return;
     }
+    const releaseClaim = claimResultTab(tool);
     let settled = false;
     const handOffOnce = () => {
       if (settled) return;
       settled = true;
       IKForm.close();
-      onRegistered();
+      onRegistered(releaseClaim());
     };
     const dismissOnce = () => {
       if (settled) return;
-      settled = true;
-      onDismissed == null ? void 0 : onDismissed();
+      setTimeout(() => {
+        var _a;
+        if (settled) return;
+        settled = true;
+        (_a = releaseClaim()) == null ? void 0 : _a.close();
+        onDismissed == null ? void 0 : onDismissed();
+      }, 3e3);
     };
     IKForm.open({
       ...tool.gqlGateConfig,
@@ -22856,6 +22882,27 @@ ${leadMagnetStyles}`;
       onClose: dismissOnce
     });
   }
+  function claimResultTab(tool) {
+    let resultTab = null;
+    let claimed = false;
+    const onClick = (event) => {
+      if (claimed) return;
+      const onSubmitButton = event.composedPath().some((el) => el instanceof HTMLElement && el.dataset.testid === GATE_SUBMIT_BUTTON_TESTID);
+      if (!onSubmitButton) return;
+      claimed = true;
+      resultTab = window.open("", "_blank");
+      if (resultTab) {
+        renderPendingTab(resultTab, tool, { gated: true });
+        window.focus();
+      }
+      document.removeEventListener("click", onClick, true);
+    };
+    document.addEventListener("click", onClick, true);
+    return () => {
+      document.removeEventListener("click", onClick, true);
+      return resultTab;
+    };
+  }
   function goToResult(url) {
     const tab = window.open(url, "_blank");
     if (!tab) window.location.href = url;
@@ -22907,6 +22954,28 @@ ${leadMagnetStyles}`;
     }
     return null;
   }
+  async function deliverResult(tab, tool, uuid, resultUrl) {
+    if (!tab || tab.closed) {
+      goToResult(resultUrl);
+      return;
+    }
+    if (tool.pollResultBeforeRedirect) {
+      updatePendingTabMessage(
+        tab,
+        "Wrapping up your analysis",
+        "Almost there — putting together your resume insights. This can take up to a minute."
+      );
+      try {
+        await pollUntilComplete(tool, uuid, "RESUME_ANALYSIS");
+      } catch (err) {
+        if (err instanceof AnalysisFailedError) {
+          if (!tab.closed) renderFailedTab(tab, err.message);
+          return;
+        }
+      }
+    }
+    if (!tab.closed) tab.location.href = resultUrl;
+  }
   function useUploadController(tool, surface) {
     const [state2, setState] = d(() => getToolState(tool.id));
     const [localFile, setLocalFile] = d(null);
@@ -22933,11 +23002,8 @@ ${leadMagnetStyles}`;
     );
     const submit = q$1(async () => {
       if (!localFile) return;
-      const resultTab = window.open("", "_blank");
-      if (resultTab) {
-        renderPendingTab(resultTab, tool, { gated: tool.gateBehindGqlForm });
-        if (tool.gateBehindGqlForm) window.focus();
-      }
+      const resultTab = tool.gateBehindGqlForm ? null : window.open("", "_blank");
+      if (resultTab) renderPendingTab(resultTab, tool);
       setToolState(tool.id, { status: "uploading" });
       try {
         const base64 = await fileToBase64(localFile);
@@ -22948,22 +23014,22 @@ ${leadMagnetStyles}`;
         const resultUrl = buildResultUrl(tool, uuid);
         setToolState(tool.id, { status: "done" });
         reportLeadMagnetClick(buildLifecycleClickId(surface, tool.id, "upload-success"));
-        const handOff = () => {
-          if (resultTab && !resultTab.closed) resultTab.location.href = resultUrl;
-          else goToResult(resultUrl);
-        };
         if (tool.gateBehindGqlForm) {
           openGqlGate({
             tool,
             identity: data,
             dataClickId: resolveClickId(surface, tool.id),
-            onRegistered: handOff,
-            // Abandoned the form — don't leave a tab spinning on a result they will never
-            // be sent to.
-            onDismissed: () => resultTab == null ? void 0 : resultTab.close()
+            // `gateTab` is whatever openGqlGate managed to claim on the submit click — null
+            // if the browser refused it, in which case deliverResult's own goToResult
+            // fallback tries once more and, failing that, falls back to navigating this tab.
+            onRegistered: (gateTab) => {
+              void deliverResult(gateTab, tool, uuid, resultUrl);
+            }
           });
+        } else if (resultTab) {
+          resultTab.location.href = resultUrl;
         } else {
-          handOff();
+          void deliverResult(resultTab, tool, uuid, resultUrl);
         }
       } catch (err) {
         const message = err instanceof Error ? err.message : "Upload failed. Please try again.";