@connect-xyz/auth-js 1.60.2 → 1.62.0

package/dist/index.d.ts

@@ -284,21 +284,22 @@ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig>
         return customElements.get(this.webComponentTag);
     }
 
-    private getScriptUrl() {
-        // Support local development with Vite
+    private getEffectiveScriptUrls(): Record<string, string> {
+        // Support local development with Vite: an internal build pins the script
+        // URL for the configured env, bypassing the CDN maps entirely.
         if (typeof import.meta !== 'undefined' && import.meta.env?.['VITE_INTERNAL_BUILD'] === 'true') {
-            return import.meta.env['VITE_SCRIPT_URL'] || this.scriptUrls[this.getEnvironment()];
+            const override = import.meta.env['VITE_SCRIPT_URL'];
+            if (override) return { [this.getEnvironment()]: override };
         }
 
-        // Route EU partners (region claim in JWT) to EU-hosted assets without
-        // changing the public `env` contract — falls back to the configured env
-        // when no EU URL is registered for that environment.
-        const effectiveEnv = resolveEnvByRegion(this.getEnvironment(), this.config.jwt);
-        return this.scriptUrls[effectiveEnv] ?? this.scriptUrls[this.getEnvironment()];
+        return this.scriptUrls;
     }
 
     private async loadScript() {
-        if (this.isScriptLoaded()) {
+        // When the element is already defined or another instance's script tag is
+        // in flight, defer to waitForWebComponent — the shared loader would no-op
+        // for those cases and never settle this promise.
+        if (this.getWebComponent() || this.isScriptLoaded()) {
             return;
         }
 
@@ -306,29 +307,28 @@ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig>
             return this.scriptLoadingPromise;
         }
 
+        // The shared loader also reports failures to Faro (with JWT claims for
+        // partner/participant context) and removes a failed tag so a later
+        // render() call can retry cleanly.
         this.scriptLoadingPromise = new Promise<void>((resolve, reject) => {
-            const script = document.createElement('script');
-            script.id = this.getScriptId();
-            script.src = this.getScriptUrl();
-            script.type = 'module';
-            script.async = true;
-
-            script.onload = () => {
-                setTimeout(() => {
-                    if (this.getWebComponent()) {
-                        resolve();
-                    } else {
-                        reject(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
-                    }
-                }, 0);
-            };
-
-            script.onerror = () => {
-                this.scriptLoadingPromise = undefined;
-                reject(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
-            };
-
-            document.head.appendChild(script);
+            loadWebComponentScript({
+                webComponentTag: this.webComponentTag,
+                appName: this.webComponentTag,
+                scriptUrls: this.getEffectiveScriptUrls(),
+                collectorUrls: FARO_COLLECTOR_URLS,
+                env: this.getEnvironment(),
+                jwt: this.config.jwt,
+                onLoad: resolve,
+                onError: (info) => {
+                    reject(
+                    new Error(
+                    info.reason === 'not-defined'
+                    ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED
+                    : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`
+                    )
+                    );
+                },
+            });
         });
 
         try {

package/dist/index.js

@@ -1,30 +1,148 @@
-const d = "production", h = "JWT token is required and must be a string.", l = (r) => {
-  if (!r || typeof r != "string")
+const C = "production", z = "JWT token is required and must be a string.", M = {
+  dev: "https://grafana-faro-collector.dev.0hash.com/collect",
+  cert: "https://grafana-faro-collector.cert.zerohash.com/collect",
+  prod: "https://grafana-faro-collector.zerohash.com/collect",
+  "eu-cert": "https://grafana-faro-collector.cert.zerohash.eu/collect",
+  "eu-prod": "https://grafana-faro-collector.zerohash.eu/collect",
+  sandbox: "https://grafana-faro-collector.cert.zerohash.com/collect",
+  production: "https://grafana-faro-collector.zerohash.com/collect"
+}, W = (e) => {
+  if (!e || typeof e != "string")
     return null;
-  const e = r.split(".");
-  if (e.length < 2)
+  const t = e.split(".");
+  if (t.length < 2)
     return null;
   try {
-    const n = e[1].replace(/-/g, "+").replace(/_/g, "/"), t = n + "===".slice(0, (4 - n.length % 4) % 4), i = typeof atob < "u" ? atob(t) : Buffer.from(t, "base64").toString("utf-8"), a = JSON.parse(i)?.payload?.region;
-    if (typeof a != "string")
+    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "===".slice(0, (4 - r.length % 4) % 4), o = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), c = JSON.parse(o)?.payload?.region;
+    if (typeof c != "string")
       return null;
-    const s = a.toLowerCase();
+    const s = c.toLowerCase();
     return s === "us" || s === "eu" ? s : null;
   } catch {
     return null;
   }
-}, u = (r, e) => l(e) !== "eu" ? r : r === "cert" ? "eu-cert" : r === "prod" ? "eu-prod" : r;
-class p {
+}, O = (e, t) => W(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, P = (e) => {
+  if (!e || typeof e != "string")
+    return {};
+  const t = e.split(".");
+  if (t.length < 2)
+    return {};
+  try {
+    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "===".slice(0, (4 - r.length % 4) % 4), o = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), a = JSON.parse(o), c = a?.payload ?? {}, s = (d) => typeof d == "string" && d.length > 0 ? d : void 0;
+    return {
+      participantCode: s(c.participant_code),
+      platformName: s(c.platform_name),
+      platformCode: s(a.platform_code),
+      region: s(c.region)
+    };
+  } catch {
+    return {};
+  }
+}, T = (e, t, r) => {
+  const n = O(t, r);
+  return e[n] ?? e[t] ?? e.prod;
+}, U = (e, t, r) => {
+  const n = O(t, r);
+  return e[n] ?? e[t];
+}, _ = () => {
+}, F = () => {
+  const e = new Uint8Array(8);
+  return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
+}, k = (e, t) => {
+  const r = F(), n = globalThis.__ZH_WEB_SDK_VERSION__, o = {};
+  e.claims.participantCode && (o.participant_code = e.claims.participantCode), e.claims.platformName && (o.platform_name = e.claims.platformName), e.claims.platformCode && (o.platform_code = e.claims.platformCode), e.claims.region && (o.region = e.claims.region), n && (o.zh_web_sdk_version = n);
+  const a = {
+    meta: {
+      app: { name: e.appName, version: t ?? "unknown", environment: e.env },
+      session: { id: r, attributes: o },
+      browser: typeof navigator < "u" ? { userAgent: navigator.userAgent } : void 0,
+      page: typeof window < "u" ? { url: window.location.origin } : void 0
+    },
+    logs: [
+      {
+        message: `Failed to load the script for ${e.webComponentTag} from ${e.env} environment.`,
+        level: "error",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        context: {
+          web_component: e.webComponentTag,
+          script_url: e.scriptUrl,
+          reason: e.reason,
+          tried_fallback: String(e.triedFallback),
+          elapsed_ms: String(e.elapsedMs)
+        }
+      }
+    ]
+  };
+  return { sessionId: r, payload: a };
+}, x = (e, t, r) => {
+  if (!e || typeof fetch > "u")
+    return;
+  const { sessionId: n, payload: o } = k(t, r);
+  try {
+    fetch(e, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", "x-faro-session-id": n },
+      body: JSON.stringify(o),
+      keepalive: !0
+    }).catch(() => {
+    });
+  } catch {
+  }
+}, B = (e) => {
+  const { webComponentTag: t, appName: r, appVersion: n, scriptUrls: o, fallbackScriptUrls: a, collectorUrls: c, env: s, jwt: d, timeoutMs: S = 15e3, onLoad: L, onError: I } = e;
+  if (typeof document > "u")
+    return _;
+  const m = `${t}-script-${s}`;
+  if (customElements.get(t) || document.getElementById(m))
+    return _;
+  const v = P(d), A = e.report ?? ((l) => x(c && U(c, s, d), l, n));
+  let u = !1, w = 0, f;
+  const h = () => {
+    f !== void 0 && clearTimeout(f);
+  }, g = (l, p, i) => {
+    if (u)
+      return;
+    const D = Math.round(performance.now() - w), y = {
+      webComponentTag: t,
+      appName: r,
+      env: s,
+      scriptUrl: p,
+      reason: l,
+      triedFallback: i,
+      elapsedMs: D,
+      claims: v
+    };
+    A(y);
+    const E = i ? void 0 : T(a ?? {}, s, d);
+    if (E && E !== p) {
+      R(E, !0);
+      return;
+    }
+    u = !0, h(), document.getElementById(m)?.remove(), I?.(y);
+  }, R = (l, p) => {
+    h(), w = performance.now();
+    const i = document.createElement("script");
+    i.id = m, i.src = l, i.type = "module", i.async = !0, i.onload = () => {
+      setTimeout(() => {
+        u || (customElements.get(t) ? (u = !0, h(), L?.()) : g("not-defined", l, p));
+      }, 0);
+    }, i.onerror = () => g("network", l, p), f = setTimeout(() => g("timeout", l, p), S), document.getElementById(m)?.remove(), document.head.appendChild(i);
+  }, b = T(o, s, d);
+  return b ? (R(b, !1), () => {
+    u = !0, h();
+  }) : _;
+};
+class j {
   config;
   state;
   scriptLoadingPromise;
-  constructor(e) {
-    if (!e.jwt || typeof e.jwt != "string")
-      throw new Error(h);
+  constructor(t) {
+    if (!t.jwt || typeof t.jwt != "string")
+      throw new Error(z);
     this.config = {
-      ...e,
-      env: e.env || d,
-      theme: e.theme
+      ...t,
+      env: t.env || C,
+      theme: t.theme
     }, this.state = {
       initialized: !1,
       scriptLoaded: !1,
@@ -37,17 +155,17 @@ class p {
    * @param container - The container element to render the widget into
    * @returns Promise that resolves when the widget is rendered
    */
-  async render(e) {
-    if (!e || !(e instanceof HTMLElement))
+  async render(t) {
+    if (!t || !(t instanceof HTMLElement))
       throw new Error(this.errorMessages.INVALID_CONTAINER);
     if (this.state.initialized)
       throw new Error(this.errorMessages.ALREADY_RENDERED);
     try {
       await this.ensureScriptLoaded();
-      const n = this.createWebComponent();
-      e.innerHTML = "", e.appendChild(n), this.state.container = e, this.state.element = n, this.state.initialized = !0;
-    } catch (n) {
-      throw console.error("Failed to render widget:", n), n;
+      const r = this.createWebComponent();
+      t.innerHTML = "", t.appendChild(r), this.state.container = t, this.state.element = r, this.state.initialized = !0;
+    } catch (r) {
+      throw console.error("Failed to render widget:", r), r;
     }
   }
   /**
@@ -55,12 +173,12 @@ class p {
    * @param config - Partial configuration to update
    * @returns void
    */
-  updateConfig(e) {
+  updateConfig(t) {
     if (!this.state.initialized || !this.state.element)
       throw new Error(this.errorMessages.NOT_RENDERED);
-    const n = this.state.element;
-    Object.entries(e).forEach(([t, i]) => {
-      i && (this.config[t] = i, n[t] = i);
+    const r = this.state.element;
+    Object.entries(t).forEach(([n, o]) => {
+      o && (this.config[n] = o, r[n] = o);
     });
   }
   /**
@@ -84,7 +202,7 @@ class p {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || d;
+    return this.config.env || C;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -95,42 +213,45 @@ class p {
   getWebComponent() {
     return customElements.get(this.webComponentTag);
   }
-  getScriptUrl() {
-    const e = u(this.getEnvironment(), this.config.jwt);
-    return this.scriptUrls[e] ?? this.scriptUrls[this.getEnvironment()];
+  getEffectiveScriptUrls() {
+    return this.scriptUrls;
   }
   async loadScript() {
-    if (!this.isScriptLoaded()) {
+    if (!(this.getWebComponent() || this.isScriptLoaded())) {
       if (this.scriptLoadingPromise)
         return this.scriptLoadingPromise;
-      this.scriptLoadingPromise = new Promise((e, n) => {
-        const t = document.createElement("script");
-        t.id = this.getScriptId(), t.src = this.getScriptUrl(), t.type = "module", t.async = !0, t.onload = () => {
-          setTimeout(() => {
-            this.getWebComponent() ? e() : n(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
-          }, 0);
-        }, t.onerror = () => {
-          this.scriptLoadingPromise = void 0, n(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
-        }, document.head.appendChild(t);
+      this.scriptLoadingPromise = new Promise((t, r) => {
+        B({
+          webComponentTag: this.webComponentTag,
+          appName: this.webComponentTag,
+          scriptUrls: this.getEffectiveScriptUrls(),
+          collectorUrls: M,
+          env: this.getEnvironment(),
+          jwt: this.config.jwt,
+          onLoad: t,
+          onError: (n) => {
+            r(new Error(n.reason === "not-defined" ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
+          }
+        });
       });
       try {
         await this.scriptLoadingPromise;
-      } catch (e) {
-        throw this.scriptLoadingPromise = void 0, e;
+      } catch (t) {
+        throw this.scriptLoadingPromise = void 0, t;
       }
       return this.scriptLoadingPromise;
     }
   }
-  async waitForWebComponent(e = 5e3) {
+  async waitForWebComponent(t = 5e3) {
     if (!this.getWebComponent())
-      return new Promise((n, t) => {
-        const i = setTimeout(() => {
-          t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
-        }, e);
+      return new Promise((r, n) => {
+        const o = setTimeout(() => {
+          n(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
+        }, t);
         customElements.whenDefined(this.webComponentTag).then(() => {
-          clearTimeout(i), n();
-        }).catch((o) => {
-          clearTimeout(i), t(o);
+          clearTimeout(o), r();
+        }).catch((a) => {
+          clearTimeout(o), n(a);
         });
       });
   }
@@ -141,22 +262,22 @@ class p {
     if (!this.state.scriptLoaded)
       try {
         await this.loadScript(), await this.waitForWebComponent(), this.state.scriptLoaded = !0;
-      } catch (e) {
-        throw console.error("Failed to load Connect script:", e), e;
+      } catch (t) {
+        throw console.error("Failed to load Connect script:", t), t;
       }
   }
   createWebComponent() {
-    const e = document.createElement(this.webComponentTag);
-    return Object.entries(this.config).forEach(([n, t]) => {
-      t && (e[n] = t);
-    }), e;
+    const t = document.createElement(this.webComponentTag);
+    return Object.entries(this.config).forEach(([r, n]) => {
+      n && (t[r] = n);
+    }), t;
   }
 }
-var c;
-(function(r) {
-  r.NETWORK_ERROR = "network_error", r.AUTH_ERROR = "auth_error", r.NOT_FOUND_ERROR = "not_found_error", r.VALIDATION_ERROR = "validation_error", r.SERVER_ERROR = "server_error", r.CLIENT_ERROR = "client_error", r.UNKNOWN_ERROR = "unknown_error";
-})(c || (c = {}));
-class g extends p {
+var N;
+(function(e) {
+  e.NETWORK_ERROR = "network_error", e.AUTH_ERROR = "auth_error", e.NOT_FOUND_ERROR = "not_found_error", e.VALIDATION_ERROR = "validation_error", e.SERVER_ERROR = "server_error", e.CLIENT_ERROR = "client_error", e.UNKNOWN_ERROR = "unknown_error";
+})(N || (N = {}));
+class V extends j {
   errorMessages = {
     ALREADY_RENDERED: "Auth widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "Auth widget is not rendered. Call render() first.",
@@ -174,15 +295,15 @@ class g extends p {
    * @param container - The container element to render the widget into
    * @returns Promise that resolves when the widget is rendered
    */
-  render(e) {
-    return super.render(e);
+  render(t) {
+    return super.render(t);
   }
   /**
    * Update the configuration of the Auth widget
    * @param config - Partial configuration to update
    */
-  updateConfig(e) {
-    return super.updateConfig(e);
+  updateConfig(t) {
+    return super.updateConfig(t);
   }
   /**
    * Get the current configuration
@@ -206,7 +327,7 @@ class g extends p {
   }
 }
 export {
-  g as Auth,
-  c as ErrorCode,
-  g as default
+  V as Auth,
+  N as ErrorCode,
+  V as default
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(i=typeof globalThis<"u"?globalThis:i||self,o(i.Auth={}))})(this,(function(i){"use strict";const o="production",u="JWT token is required and must be a string.",l=r=>{if(!r||typeof r!="string")return null;const e=r.split(".");if(e.length<2)return null;try{const n=e[1].replace(/-/g,"+").replace(/_/g,"/"),t=n+"===".slice(0,(4-n.length%4)%4),s=typeof atob<"u"?atob(t):Buffer.from(t,"base64").toString("utf-8"),h=JSON.parse(s)?.payload?.region;if(typeof h!="string")return null;const a=h.toLowerCase();return a==="us"||a==="eu"?a:null}catch{return null}},p=(r,e)=>l(e)!=="eu"?r:r==="cert"?"eu-cert":r==="prod"?"eu-prod":r;class m{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(u);this.config={...e,env:e.env||o,theme:e.theme},this.state={initialized:!1,scriptLoaded:!1,container:null,element:null}}async render(e){if(!e||!(e instanceof HTMLElement))throw new Error(this.errorMessages.INVALID_CONTAINER);if(this.state.initialized)throw new Error(this.errorMessages.ALREADY_RENDERED);try{await this.ensureScriptLoaded();const n=this.createWebComponent();e.innerHTML="",e.appendChild(n),this.state.container=e,this.state.element=n,this.state.initialized=!0}catch(n){throw console.error("Failed to render widget:",n),n}}updateConfig(e){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const n=this.state.element;Object.entries(e).forEach(([t,s])=>{s&&(this.config[t]=s,n[t]=s)})}destroy(){this.state.initialized&&(this.state.element&&this.state.element.parentNode&&this.state.element.parentNode.removeChild(this.state.element),this.state.container&&(this.state.container.innerHTML=""),this.state.container=null,this.state.element=null,this.state.initialized=!1)}isRendered(){return this.state.initialized}getConfig(){return{...this.config}}getEnvironment(){return this.config.env||o}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getScriptUrl(){const e=p(this.getEnvironment(),this.config.jwt);return this.scriptUrls[e]??this.scriptUrls[this.getEnvironment()]}async loadScript(){if(!this.isScriptLoaded()){if(this.scriptLoadingPromise)return this.scriptLoadingPromise;this.scriptLoadingPromise=new Promise((e,n)=>{const t=document.createElement("script");t.id=this.getScriptId(),t.src=this.getScriptUrl(),t.type="module",t.async=!0,t.onload=()=>{setTimeout(()=>{this.getWebComponent()?e():n(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED))},0)},t.onerror=()=>{this.scriptLoadingPromise=void 0,n(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`))},document.head.appendChild(t)});try{await this.scriptLoadingPromise}catch(e){throw this.scriptLoadingPromise=void 0,e}return this.scriptLoadingPromise}}async waitForWebComponent(e=5e3){if(!this.getWebComponent())return new Promise((n,t)=>{const s=setTimeout(()=>{t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(s),n()}).catch(c=>{clearTimeout(s),t(c)})})}async ensureScriptLoaded(){if(!this.state.scriptLoaded)try{await this.loadScript(),await this.waitForWebComponent(),this.state.scriptLoaded=!0}catch(e){throw console.error("Failed to load Connect script:",e),e}}createWebComponent(){const e=document.createElement(this.webComponentTag);return Object.entries(this.config).forEach(([n,t])=>{t&&(e[n]=t)}),e}}i.ErrorCode=void 0,(function(r){r.NETWORK_ERROR="network_error",r.AUTH_ERROR="auth_error",r.NOT_FOUND_ERROR="not_found_error",r.VALIDATION_ERROR="validation_error",r.SERVER_ERROR="server_error",r.CLIENT_ERROR="client_error",r.UNKNOWN_ERROR="unknown_error"})(i.ErrorCode||(i.ErrorCode={}));class d extends m{errorMessages={ALREADY_RENDERED:"Auth widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"Auth widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect Auth script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={sandbox:"https://sdk.sandbox.connect.xyz/auth-web/index.js",production:"https://sdk.connect.xyz/auth-web/index.js"};webComponentTag="connect-auth";render(e){return super.render(e)}updateConfig(e){return super.updateConfig(e)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}i.Auth=d,i.default=d,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(s,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(s=typeof globalThis<"u"?globalThis:s||self,u(s.Auth={}))})(this,(function(s){"use strict";const u="production",L="JWT token is required and must be a string.",I={dev:"https://grafana-faro-collector.dev.0hash.com/collect",cert:"https://grafana-faro-collector.cert.zerohash.com/collect",prod:"https://grafana-faro-collector.zerohash.com/collect","eu-cert":"https://grafana-faro-collector.cert.zerohash.eu/collect","eu-prod":"https://grafana-faro-collector.zerohash.eu/collect",sandbox:"https://grafana-faro-collector.cert.zerohash.com/collect",production:"https://grafana-faro-collector.zerohash.com/collect"},v=e=>{if(!e||typeof e!="string")return null;const t=e.split(".");if(t.length<2)return null;try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),n=r+"===".slice(0,(4-r.length%4)%4),o=typeof atob<"u"?atob(n):Buffer.from(n,"base64").toString("utf-8"),d=JSON.parse(o)?.payload?.region;if(typeof d!="string")return null;const i=d.toLowerCase();return i==="us"||i==="eu"?i:null}catch{return null}},R=(e,t)=>v(t)!=="eu"?e:e==="cert"?"eu-cert":e==="prod"?"eu-prod":e,A=e=>{if(!e||typeof e!="string")return{};const t=e.split(".");if(t.length<2)return{};try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),n=r+"===".slice(0,(4-r.length%4)%4),o=typeof atob<"u"?atob(n):Buffer.from(n,"base64").toString("utf-8"),c=JSON.parse(o),d=c?.payload??{},i=l=>typeof l=="string"&&l.length>0?l:void 0;return{participantCode:i(d.participant_code),platformName:i(d.platform_name),platformCode:i(c.platform_code),region:i(d.region)}}catch{return{}}},y=(e,t,r)=>{const n=R(t,r);return e[n]??e[t]??e.prod},D=(e,t,r)=>{const n=R(t,r);return e[n]??e[t]},E=()=>{},M=()=>{const e=new Uint8Array(8);return globalThis.crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")},z=(e,t)=>{const r=M(),n=globalThis.__ZH_WEB_SDK_VERSION__,o={};e.claims.participantCode&&(o.participant_code=e.claims.participantCode),e.claims.platformName&&(o.platform_name=e.claims.platformName),e.claims.platformCode&&(o.platform_code=e.claims.platformCode),e.claims.region&&(o.region=e.claims.region),n&&(o.zh_web_sdk_version=n);const c={meta:{app:{name:e.appName,version:t??"unknown",environment:e.env},session:{id:r,attributes:o},browser:typeof navigator<"u"?{userAgent:navigator.userAgent}:void 0,page:typeof window<"u"?{url:window.location.origin}:void 0},logs:[{message:`Failed to load the script for ${e.webComponentTag} from ${e.env} environment.`,level:"error",timestamp:new Date().toISOString(),context:{web_component:e.webComponentTag,script_url:e.scriptUrl,reason:e.reason,tried_fallback:String(e.triedFallback),elapsed_ms:String(e.elapsedMs)}}]};return{sessionId:r,payload:c}},W=(e,t,r)=>{if(!e||typeof fetch>"u")return;const{sessionId:n,payload:o}=z(t,r);try{fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-faro-session-id":n},body:JSON.stringify(o),keepalive:!0}).catch(()=>{})}catch{}},P=e=>{const{webComponentTag:t,appName:r,appVersion:n,scriptUrls:o,fallbackScriptUrls:c,collectorUrls:d,env:i,jwt:l,timeoutMs:F=15e3,onLoad:j,onError:k}=e;if(typeof document>"u")return E;const h=`${t}-script-${i}`;if(customElements.get(t)||document.getElementById(h))return E;const B=A(l),V=e.report??(p=>W(d&&D(d,i,l),p,n));let f=!1,T=0,_;const g=()=>{_!==void 0&&clearTimeout(_)},w=(p,m,a)=>{if(f)return;const $=Math.round(performance.now()-T),O={webComponentTag:t,appName:r,env:i,scriptUrl:m,reason:p,triedFallback:a,elapsedMs:$,claims:B};V(O);const b=a?void 0:y(c??{},i,l);if(b&&b!==m){N(b,!0);return}f=!0,g(),document.getElementById(h)?.remove(),k?.(O)},N=(p,m)=>{g(),T=performance.now();const a=document.createElement("script");a.id=h,a.src=p,a.type="module",a.async=!0,a.onload=()=>{setTimeout(()=>{f||(customElements.get(t)?(f=!0,g(),j?.()):w("not-defined",p,m))},0)},a.onerror=()=>w("network",p,m),_=setTimeout(()=>w("timeout",p,m),F),document.getElementById(h)?.remove(),document.head.appendChild(a)},S=y(o,i,l);return S?(N(S,!1),()=>{f=!0,g()}):E};class U{config;state;scriptLoadingPromise;constructor(t){if(!t.jwt||typeof t.jwt!="string")throw new Error(L);this.config={...t,env:t.env||u,theme:t.theme},this.state={initialized:!1,scriptLoaded:!1,container:null,element:null}}async render(t){if(!t||!(t instanceof HTMLElement))throw new Error(this.errorMessages.INVALID_CONTAINER);if(this.state.initialized)throw new Error(this.errorMessages.ALREADY_RENDERED);try{await this.ensureScriptLoaded();const r=this.createWebComponent();t.innerHTML="",t.appendChild(r),this.state.container=t,this.state.element=r,this.state.initialized=!0}catch(r){throw console.error("Failed to render widget:",r),r}}updateConfig(t){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const r=this.state.element;Object.entries(t).forEach(([n,o])=>{o&&(this.config[n]=o,r[n]=o)})}destroy(){this.state.initialized&&(this.state.element&&this.state.element.parentNode&&this.state.element.parentNode.removeChild(this.state.element),this.state.container&&(this.state.container.innerHTML=""),this.state.container=null,this.state.element=null,this.state.initialized=!1)}isRendered(){return this.state.initialized}getConfig(){return{...this.config}}getEnvironment(){return this.config.env||u}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getEffectiveScriptUrls(){return this.scriptUrls}async loadScript(){if(!(this.getWebComponent()||this.isScriptLoaded())){if(this.scriptLoadingPromise)return this.scriptLoadingPromise;this.scriptLoadingPromise=new Promise((t,r)=>{P({webComponentTag:this.webComponentTag,appName:this.webComponentTag,scriptUrls:this.getEffectiveScriptUrls(),collectorUrls:I,env:this.getEnvironment(),jwt:this.config.jwt,onLoad:t,onError:n=>{r(new Error(n.reason==="not-defined"?this.errorMessages.WEB_COMPONENT_NOT_DEFINED:`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`))}})});try{await this.scriptLoadingPromise}catch(t){throw this.scriptLoadingPromise=void 0,t}return this.scriptLoadingPromise}}async waitForWebComponent(t=5e3){if(!this.getWebComponent())return new Promise((r,n)=>{const o=setTimeout(()=>{n(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},t);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(o),r()}).catch(c=>{clearTimeout(o),n(c)})})}async ensureScriptLoaded(){if(!this.state.scriptLoaded)try{await this.loadScript(),await this.waitForWebComponent(),this.state.scriptLoaded=!0}catch(t){throw console.error("Failed to load Connect script:",t),t}}createWebComponent(){const t=document.createElement(this.webComponentTag);return Object.entries(this.config).forEach(([r,n])=>{n&&(t[r]=n)}),t}}s.ErrorCode=void 0,(function(e){e.NETWORK_ERROR="network_error",e.AUTH_ERROR="auth_error",e.NOT_FOUND_ERROR="not_found_error",e.VALIDATION_ERROR="validation_error",e.SERVER_ERROR="server_error",e.CLIENT_ERROR="client_error",e.UNKNOWN_ERROR="unknown_error"})(s.ErrorCode||(s.ErrorCode={}));class C extends U{errorMessages={ALREADY_RENDERED:"Auth widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"Auth widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect Auth script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={sandbox:"https://sdk.sandbox.connect.xyz/auth-web/index.js",production:"https://sdk.connect.xyz/auth-web/index.js"};webComponentTag="connect-auth";render(t){return super.render(t)}updateConfig(t){return super.updateConfig(t)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}s.Auth=C,s.default=C,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connect-xyz/auth-js",
-  "version": "1.60.2",
+  "version": "1.62.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",