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

@codebards/ik-embeddable-form 0.0.2788575612-qa → 0.0.2791646055-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

@@ -22766,7 +22766,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 +22776,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 +22801,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>
@@ -22822,24 +22824,31 @@ ${leadMagnetStyles}`;
       (c2) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c2]
     );
   }
+  const GATE_TERMINAL_STEP_ID = "goals-details";
   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 +22865,27 @@ ${leadMagnetStyles}`;
       onClose: dismissOnce
     });
   }
+  function claimResultTab(tool) {
+    let resultTab = null;
+    let claimed = false;
+    const onClick = (event) => {
+      if (claimed) return;
+      const onTerminalStep = event.composedPath().some((el) => el instanceof HTMLElement && el.dataset.testid === GATE_TERMINAL_STEP_ID);
+      if (!onTerminalStep) 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;
@@ -22933,11 +22963,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 +22975,23 @@ ${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 goToResult tries once more and,
+            // failing that, falls back to navigating this tab.
+            onRegistered: (gateTab) => {
+              if (gateTab && !gateTab.closed) gateTab.location.href = resultUrl;
+              else goToResult(resultUrl);
+            }
           });
+        } else if (resultTab) {
+          resultTab.location.href = resultUrl;
         } else {
-          handOff();
+          goToResult(resultUrl);
         }
       } catch (err) {
         const message = err instanceof Error ? err.message : "Upload failed. Please try again.";