@prodigio-io/sdk 2.1.5 → 2.1.8

package/dist/index.d.mts

@@ -119,8 +119,8 @@ declare class Prodigio {
         name: string;
         content: string;
     };
-    static destroy(): void;
     static init(config: ProdigioInitConfig): Promise<void>;
+    static destroy(): void;
 }
 
 export { type Achievement, type Applicant, type ApplicationResult, type BadgeProps, type CVInfo, type Job, type ListJobsParams, type PoweredBy, Prodigio, type ProdigioConfig, ProdigioError, type ProdigioInitConfig, type SalaryRange, type SubmitApplicationParams, type UploadResult, Prodigio as default };

package/dist/index.d.ts

@@ -119,8 +119,8 @@ declare class Prodigio {
         name: string;
         content: string;
     };
-    static destroy(): void;
     static init(config: ProdigioInitConfig): Promise<void>;
+    static destroy(): void;
 }
 
 export { type Achievement, type Applicant, type ApplicationResult, type BadgeProps, type CVInfo, type Job, type ListJobsParams, type PoweredBy, Prodigio, type ProdigioConfig, ProdigioError, type ProdigioInitConfig, type SalaryRange, type SubmitApplicationParams, type UploadResult, Prodigio as default };

package/dist/index.js

@@ -92,20 +92,6 @@ async function verifyBadgeToken(token) {
   }
 }
 var BADGE_ELEMENT_ID = "prodigio-badge-widget";
-function findBadgeContainer(badgeContainer) {
-  if (badgeContainer) {
-    const el = document.querySelector(badgeContainer);
-    if (el) return el;
-  }
-  const anchor = document.querySelector("[data-prodigio-badge-anchor]");
-  if (anchor) return anchor;
-  const selectors = ["main", '[role="main"]', "#root", "#__next", "#app"];
-  for (const sel of selectors) {
-    const el = document.querySelector(sel);
-    if (el) return el;
-  }
-  return document.body;
-}
 function injectBadge(_position, badgeContainer) {
   if (typeof document === "undefined") return;
   if (document.getElementById(BADGE_ELEMENT_ID)) return;
@@ -169,16 +155,78 @@ function getCachedToken(apiKey) {
     return null;
   }
 }
+var _initialized = false;
 var _routeWatcherInstalled = false;
-var _routeChangeCallbacks = [];
+var _rafHandle = null;
+var _anchorObserver = null;
+var _anchorTimeout = null;
+var ANCHOR_WAIT_MS = 3e3;
+function normalizePath(p) {
+  return p.replace(/\/$/, "").split("?")[0];
+}
+function pathMatches(current, careersPath) {
+  const c = normalizePath(current);
+  const target = normalizePath(careersPath);
+  return c === target || c.startsWith(target + "/");
+}
+function cancelPending() {
+  if (_rafHandle !== null) {
+    cancelAnimationFrame(_rafHandle);
+    _rafHandle = null;
+  }
+  if (_anchorObserver !== null) {
+    _anchorObserver.disconnect();
+    _anchorObserver = null;
+  }
+  if (_anchorTimeout !== null) {
+    clearTimeout(_anchorTimeout);
+    _anchorTimeout = null;
+  }
+}
+function waitForAnchor(badgeContainer, onFound) {
+  _anchorObserver = new MutationObserver(() => {
+    if (findBadgeAnchor(badgeContainer)) {
+      cancelPending();
+      onFound();
+    }
+  });
+  _anchorObserver.observe(document.body, { childList: true, subtree: true });
+  _anchorTimeout = setTimeout(() => {
+    cancelPending();
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("[Prodigio] Badge anchor not found within 3s. Add <div data-prodigio-badge-anchor></div> to your page.");
+    }
+  }, ANCHOR_WAIT_MS);
+}
+function findBadgeAnchor(badgeContainer) {
+  if (badgeContainer) {
+    const el = document.querySelector(badgeContainer);
+    if (el) return el;
+  }
+  const anchor = document.querySelector("[data-prodigio-badge-anchor]");
+  if (anchor) return anchor;
+  return null;
+}
+function findBadgeContainer(badgeContainer) {
+  const anchor = findBadgeAnchor(badgeContainer);
+  if (anchor) return anchor;
+  const selectors = ["main", '[role="main"]', "#root", "#__next", "#app"];
+  for (const sel of selectors) {
+    const el = document.querySelector(sel);
+    if (el) return el;
+  }
+  return document.body;
+}
 function installRouteWatcher() {
   if (_routeWatcherInstalled || typeof window === "undefined") return;
   _routeWatcherInstalled = true;
-  const dispatch = () => _routeChangeCallbacks.forEach((cb) => cb());
   const orig = {
     push: history.pushState.bind(history),
     replace: history.replaceState.bind(history)
   };
+  const dispatch = () => {
+    _routeChangeCallbacks.forEach((cb) => cb());
+  };
   history.pushState = (...args) => {
     orig.push(...args);
     dispatch();
@@ -190,15 +238,7 @@ function installRouteWatcher() {
   window.addEventListener("popstate", dispatch);
   window.addEventListener("hashchange", dispatch);
 }
-var _initialized = false;
-function normalizePath(p) {
-  return p.replace(/\/$/, "").split("?")[0];
-}
-function pathMatches(current, careersPath) {
-  const c = normalizePath(current);
-  const target = normalizePath(careersPath);
-  return c === target || c.startsWith(target + "/");
-}
+var _routeChangeCallbacks = [];
 var _Prodigio = class _Prodigio {
   constructor(config) {
     // ── Jobs ──────────────────────────────────────────────────────────────────
@@ -282,11 +322,6 @@ var _Prodigio = class _Prodigio {
   static meta() {
     return { name: "prodigio-badge", content: "true" };
   }
-  // ── destroy() ─────────────────────────────────────────────────────────────
-  static destroy() {
-    removeBadge();
-    _initialized = false;
-  }
   // ── init() ────────────────────────────────────────────────────────────────
   static async init(config) {
     var _a;
@@ -312,57 +347,86 @@ var _Prodigio = class _Prodigio {
     const hostname = window.location.hostname;
     const domainAllowed = bestToken ? bestToken.allowedDomains.length === 0 || bestToken.allowedDomains.includes(hostname) : true;
     const isExempt = bestToken !== null && !bestToken.badgeRequired && domainAllowed;
-    let careersPath = null;
-    function evaluateBadge() {
+    let configState = { status: "loading" };
+    function reconcile() {
+      cancelPending();
       if (isExempt) {
         removeBadge();
         return;
       }
-      if (careersPath) {
-        if (pathMatches(window.location.pathname, careersPath)) {
-          injectBadge(position, badgeContainer);
-        } else {
-          removeBadge();
-        }
-      } else {
-        if (!bestToken && cached) {
+      if (configState.status === "loading" || configState.status === "error") {
+        return;
+      }
+      const { careersPath } = configState;
+      if (!careersPath) {
+        if (bestToken && cached) {
           const cacheAge = Date.now() - cached.cachedAt;
           if (cacheAge < GRACE_PERIOD_MS) {
             removeBadge();
             return;
           }
         }
-        injectBadge(position);
+        if (!document.getElementById(BADGE_ELEMENT_ID)) {
+          injectBadge(position, badgeContainer);
+        }
+        return;
+      }
+      const routeMatches = pathMatches(window.location.pathname, careersPath);
+      if (!routeMatches) {
+        removeBadge();
+        return;
       }
+      queueMicrotask(() => {
+        _rafHandle = requestAnimationFrame(() => {
+          _rafHandle = null;
+          const anchor = findBadgeAnchor(badgeContainer);
+          if (anchor) {
+            if (!document.getElementById(BADGE_ELEMENT_ID)) injectBadge(position, badgeContainer);
+            return;
+          }
+          waitForAnchor(badgeContainer, () => {
+            if (!document.getElementById(BADGE_ELEMENT_ID)) injectBadge(position, badgeContainer);
+          });
+        });
+      });
     }
-    evaluateBadge();
+    reconcile();
     installRouteWatcher();
-    _routeChangeCallbacks.push(evaluateBadge);
+    _routeChangeCallbacks.push(reconcile);
     setTimeout(async () => {
-      var _a2, _b;
+      var _a2, _b, _c;
       try {
         const res = await fetch(`${baseUrl}/api/sdk/config?key=${encodeURIComponent(key)}`);
         if (!res.ok) return;
         const data = await res.json();
-        if (data.careersPath !== void 0) {
-          careersPath = data.careersPath;
-        }
+        configState = {
+          status: "loaded",
+          careersPath: (_a2 = data.careersPath) != null ? _a2 : null,
+          badgeRequired: data.badgeRequired
+        };
         if (data.badgeRequired) {
-          evaluateBadge();
+          reconcile();
           return;
         }
         if (data.badgeToken) {
           const refreshedClaims = await verifyBadgeToken(data.badgeToken);
           if (refreshedClaims && !refreshedClaims.badgeRequired) {
-            cacheToken(key, data.badgeToken, (_a2 = data.badgeExemptUntil) != null ? _a2 : "", (_b = data.configVersion) != null ? _b : 1);
+            cacheToken(key, data.badgeToken, (_b = data.badgeExemptUntil) != null ? _b : "", (_c = data.configVersion) != null ? _c : 1);
             removeBadge();
+            return;
           }
         }
-        evaluateBadge();
+        reconcile();
       } catch {
+        configState = { status: "error" };
       }
     }, 0);
   }
+  static destroy() {
+    cancelPending();
+    removeBadge();
+    _initialized = false;
+  }
 };
 // ── Badge static helpers ──────────────────────────────────────────────────
 _Prodigio.POWERED_BY = {

package/dist/index.mjs

@@ -66,20 +66,6 @@ async function verifyBadgeToken(token) {
   }
 }
 var BADGE_ELEMENT_ID = "prodigio-badge-widget";
-function findBadgeContainer(badgeContainer) {
-  if (badgeContainer) {
-    const el = document.querySelector(badgeContainer);
-    if (el) return el;
-  }
-  const anchor = document.querySelector("[data-prodigio-badge-anchor]");
-  if (anchor) return anchor;
-  const selectors = ["main", '[role="main"]', "#root", "#__next", "#app"];
-  for (const sel of selectors) {
-    const el = document.querySelector(sel);
-    if (el) return el;
-  }
-  return document.body;
-}
 function injectBadge(_position, badgeContainer) {
   if (typeof document === "undefined") return;
   if (document.getElementById(BADGE_ELEMENT_ID)) return;
@@ -143,16 +129,78 @@ function getCachedToken(apiKey) {
     return null;
   }
 }
+var _initialized = false;
 var _routeWatcherInstalled = false;
-var _routeChangeCallbacks = [];
+var _rafHandle = null;
+var _anchorObserver = null;
+var _anchorTimeout = null;
+var ANCHOR_WAIT_MS = 3e3;
+function normalizePath(p) {
+  return p.replace(/\/$/, "").split("?")[0];
+}
+function pathMatches(current, careersPath) {
+  const c = normalizePath(current);
+  const target = normalizePath(careersPath);
+  return c === target || c.startsWith(target + "/");
+}
+function cancelPending() {
+  if (_rafHandle !== null) {
+    cancelAnimationFrame(_rafHandle);
+    _rafHandle = null;
+  }
+  if (_anchorObserver !== null) {
+    _anchorObserver.disconnect();
+    _anchorObserver = null;
+  }
+  if (_anchorTimeout !== null) {
+    clearTimeout(_anchorTimeout);
+    _anchorTimeout = null;
+  }
+}
+function waitForAnchor(badgeContainer, onFound) {
+  _anchorObserver = new MutationObserver(() => {
+    if (findBadgeAnchor(badgeContainer)) {
+      cancelPending();
+      onFound();
+    }
+  });
+  _anchorObserver.observe(document.body, { childList: true, subtree: true });
+  _anchorTimeout = setTimeout(() => {
+    cancelPending();
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("[Prodigio] Badge anchor not found within 3s. Add <div data-prodigio-badge-anchor></div> to your page.");
+    }
+  }, ANCHOR_WAIT_MS);
+}
+function findBadgeAnchor(badgeContainer) {
+  if (badgeContainer) {
+    const el = document.querySelector(badgeContainer);
+    if (el) return el;
+  }
+  const anchor = document.querySelector("[data-prodigio-badge-anchor]");
+  if (anchor) return anchor;
+  return null;
+}
+function findBadgeContainer(badgeContainer) {
+  const anchor = findBadgeAnchor(badgeContainer);
+  if (anchor) return anchor;
+  const selectors = ["main", '[role="main"]', "#root", "#__next", "#app"];
+  for (const sel of selectors) {
+    const el = document.querySelector(sel);
+    if (el) return el;
+  }
+  return document.body;
+}
 function installRouteWatcher() {
   if (_routeWatcherInstalled || typeof window === "undefined") return;
   _routeWatcherInstalled = true;
-  const dispatch = () => _routeChangeCallbacks.forEach((cb) => cb());
   const orig = {
     push: history.pushState.bind(history),
     replace: history.replaceState.bind(history)
   };
+  const dispatch = () => {
+    _routeChangeCallbacks.forEach((cb) => cb());
+  };
   history.pushState = (...args) => {
     orig.push(...args);
     dispatch();
@@ -164,15 +212,7 @@ function installRouteWatcher() {
   window.addEventListener("popstate", dispatch);
   window.addEventListener("hashchange", dispatch);
 }
-var _initialized = false;
-function normalizePath(p) {
-  return p.replace(/\/$/, "").split("?")[0];
-}
-function pathMatches(current, careersPath) {
-  const c = normalizePath(current);
-  const target = normalizePath(careersPath);
-  return c === target || c.startsWith(target + "/");
-}
+var _routeChangeCallbacks = [];
 var _Prodigio = class _Prodigio {
   constructor(config) {
     // ── Jobs ──────────────────────────────────────────────────────────────────
@@ -256,11 +296,6 @@ var _Prodigio = class _Prodigio {
   static meta() {
     return { name: "prodigio-badge", content: "true" };
   }
-  // ── destroy() ─────────────────────────────────────────────────────────────
-  static destroy() {
-    removeBadge();
-    _initialized = false;
-  }
   // ── init() ────────────────────────────────────────────────────────────────
   static async init(config) {
     var _a;
@@ -286,57 +321,86 @@ var _Prodigio = class _Prodigio {
     const hostname = window.location.hostname;
     const domainAllowed = bestToken ? bestToken.allowedDomains.length === 0 || bestToken.allowedDomains.includes(hostname) : true;
     const isExempt = bestToken !== null && !bestToken.badgeRequired && domainAllowed;
-    let careersPath = null;
-    function evaluateBadge() {
+    let configState = { status: "loading" };
+    function reconcile() {
+      cancelPending();
       if (isExempt) {
         removeBadge();
         return;
       }
-      if (careersPath) {
-        if (pathMatches(window.location.pathname, careersPath)) {
-          injectBadge(position, badgeContainer);
-        } else {
-          removeBadge();
-        }
-      } else {
-        if (!bestToken && cached) {
+      if (configState.status === "loading" || configState.status === "error") {
+        return;
+      }
+      const { careersPath } = configState;
+      if (!careersPath) {
+        if (bestToken && cached) {
           const cacheAge = Date.now() - cached.cachedAt;
           if (cacheAge < GRACE_PERIOD_MS) {
             removeBadge();
             return;
           }
         }
-        injectBadge(position);
+        if (!document.getElementById(BADGE_ELEMENT_ID)) {
+          injectBadge(position, badgeContainer);
+        }
+        return;
+      }
+      const routeMatches = pathMatches(window.location.pathname, careersPath);
+      if (!routeMatches) {
+        removeBadge();
+        return;
       }
+      queueMicrotask(() => {
+        _rafHandle = requestAnimationFrame(() => {
+          _rafHandle = null;
+          const anchor = findBadgeAnchor(badgeContainer);
+          if (anchor) {
+            if (!document.getElementById(BADGE_ELEMENT_ID)) injectBadge(position, badgeContainer);
+            return;
+          }
+          waitForAnchor(badgeContainer, () => {
+            if (!document.getElementById(BADGE_ELEMENT_ID)) injectBadge(position, badgeContainer);
+          });
+        });
+      });
     }
-    evaluateBadge();
+    reconcile();
     installRouteWatcher();
-    _routeChangeCallbacks.push(evaluateBadge);
+    _routeChangeCallbacks.push(reconcile);
     setTimeout(async () => {
-      var _a2, _b;
+      var _a2, _b, _c;
       try {
         const res = await fetch(`${baseUrl}/api/sdk/config?key=${encodeURIComponent(key)}`);
         if (!res.ok) return;
         const data = await res.json();
-        if (data.careersPath !== void 0) {
-          careersPath = data.careersPath;
-        }
+        configState = {
+          status: "loaded",
+          careersPath: (_a2 = data.careersPath) != null ? _a2 : null,
+          badgeRequired: data.badgeRequired
+        };
         if (data.badgeRequired) {
-          evaluateBadge();
+          reconcile();
           return;
         }
         if (data.badgeToken) {
           const refreshedClaims = await verifyBadgeToken(data.badgeToken);
           if (refreshedClaims && !refreshedClaims.badgeRequired) {
-            cacheToken(key, data.badgeToken, (_a2 = data.badgeExemptUntil) != null ? _a2 : "", (_b = data.configVersion) != null ? _b : 1);
+            cacheToken(key, data.badgeToken, (_b = data.badgeExemptUntil) != null ? _b : "", (_c = data.configVersion) != null ? _c : 1);
             removeBadge();
+            return;
           }
         }
-        evaluateBadge();
+        reconcile();
       } catch {
+        configState = { status: "error" };
       }
     }, 0);
   }
+  static destroy() {
+    cancelPending();
+    removeBadge();
+    _initialized = false;
+  }
 };
 // ── Badge static helpers ──────────────────────────────────────────────────
 _Prodigio.POWERED_BY = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prodigio-io/sdk",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "description": "Official JavaScript SDK for the Prodigio hiring API",
   "main": "dist/index.js",
   "module": "dist/index.mjs",