@connect-xyz/auth-js 1.59.1 → 1.59.4

package/dist/index.d.ts

@@ -126,7 +126,7 @@ declare interface BaseConfig<TEvent = AppEvent> extends CommonCallbacks<TEvent>
 
     /**
      * Theme mode
-     * @default 'auto'
+     * @default 'light'
      *
      * Available themes:
      * - `'auto'` - Automatically detect system preference (light/dark mode)
@@ -290,7 +290,11 @@ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig>
             return import.meta.env['VITE_SCRIPT_URL'] || this.scriptUrls[this.getEnvironment()];
         }
 
-        return this.scriptUrls[this.getEnvironment()];
+        // 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()];
     }
 
     private async loadScript() {

package/dist/index.js

@@ -1,14 +1,29 @@
-const s = "production", d = "JWT token is required and must be a string.";
-class c {
+const d = "production", h = "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), i = typeof atob < "u" ? atob(t) : Buffer.from(t, "base64").toString("utf-8"), a = JSON.parse(i)?.payload?.region;
+    if (typeof a != "string")
+      return null;
+    const s = a.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 {
   config;
   state;
   scriptLoadingPromise;
   constructor(e) {
     if (!e.jwt || typeof e.jwt != "string")
-      throw new Error(d);
+      throw new Error(h);
     this.config = {
       ...e,
-      env: e.env || s,
+      env: e.env || d,
       theme: e.theme
     }, this.state = {
       initialized: !1,
@@ -29,10 +44,10 @@ class c {
       throw new Error(this.errorMessages.ALREADY_RENDERED);
     try {
       await this.ensureScriptLoaded();
-      const r = this.createWebComponent();
-      e.innerHTML = "", e.appendChild(r), this.state.container = e, this.state.element = r, this.state.initialized = !0;
-    } catch (r) {
-      throw console.error("Failed to render widget:", r), r;
+      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;
     }
   }
   /**
@@ -43,9 +58,9 @@ class c {
   updateConfig(e) {
     if (!this.state.initialized || !this.state.element)
       throw new Error(this.errorMessages.NOT_RENDERED);
-    const r = this.state.element;
-    Object.entries(e).forEach(([t, n]) => {
-      n && (this.config[t] = n, r[t] = n);
+    const n = this.state.element;
+    Object.entries(e).forEach(([t, i]) => {
+      i && (this.config[t] = i, n[t] = i);
     });
   }
   /**
@@ -69,7 +84,7 @@ class c {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || s;
+    return this.config.env || d;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -81,20 +96,21 @@ class c {
     return customElements.get(this.webComponentTag);
   }
   getScriptUrl() {
-    return this.scriptUrls[this.getEnvironment()];
+    const e = u(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, r) => {
+      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() : r(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
+            this.getWebComponent() ? e() : n(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
           }, 0);
         }, t.onerror = () => {
-          this.scriptLoadingPromise = void 0, r(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
+          this.scriptLoadingPromise = void 0, n(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
         }, document.head.appendChild(t);
       });
       try {
@@ -107,14 +123,14 @@ class c {
   }
   async waitForWebComponent(e = 5e3) {
     if (!this.getWebComponent())
-      return new Promise((r, t) => {
-        const n = setTimeout(() => {
+      return new Promise((n, t) => {
+        const i = setTimeout(() => {
           t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
         }, e);
         customElements.whenDefined(this.webComponentTag).then(() => {
-          clearTimeout(n), r();
-        }).catch((a) => {
-          clearTimeout(n), t(a);
+          clearTimeout(i), n();
+        }).catch((o) => {
+          clearTimeout(i), t(o);
         });
       });
   }
@@ -131,16 +147,16 @@ class c {
   }
   createWebComponent() {
     const e = document.createElement(this.webComponentTag);
-    return Object.entries(this.config).forEach(([r, t]) => {
-      t && (e[r] = t);
+    return Object.entries(this.config).forEach(([n, t]) => {
+      t && (e[n] = t);
     }), e;
   }
 }
-var o;
-(function(i) {
-  i.NETWORK_ERROR = "network_error", i.AUTH_ERROR = "auth_error", i.NOT_FOUND_ERROR = "not_found_error", i.VALIDATION_ERROR = "validation_error", i.SERVER_ERROR = "server_error", i.CLIENT_ERROR = "client_error", i.UNKNOWN_ERROR = "unknown_error";
-})(o || (o = {}));
-class h extends c {
+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 {
   errorMessages = {
     ALREADY_RENDERED: "Auth widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "Auth widget is not rendered. Call render() first.",
@@ -190,7 +206,7 @@ class h extends c {
   }
 }
 export {
-  h as Auth,
-  o as ErrorCode,
-  h as default
+  g as Auth,
+  c as ErrorCode,
+  g as default
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(r,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(r=typeof globalThis<"u"?globalThis:r||self,s(r.Auth={}))})(this,(function(r){"use strict";const s="production",d="JWT token is required and must be a string.";class h{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(d);this.config={...e,env:e.env||s,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 i=this.createWebComponent();e.innerHTML="",e.appendChild(i),this.state.container=e,this.state.element=i,this.state.initialized=!0}catch(i){throw console.error("Failed to render widget:",i),i}}updateConfig(e){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const i=this.state.element;Object.entries(e).forEach(([t,o])=>{o&&(this.config[t]=o,i[t]=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||s}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getScriptUrl(){return this.scriptUrls[this.getEnvironment()]}async loadScript(){if(!this.isScriptLoaded()){if(this.scriptLoadingPromise)return this.scriptLoadingPromise;this.scriptLoadingPromise=new Promise((e,i)=>{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():i(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED))},0)},t.onerror=()=>{this.scriptLoadingPromise=void 0,i(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((i,t)=>{const o=setTimeout(()=>{t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(o),i()}).catch(c=>{clearTimeout(o),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(([i,t])=>{t&&(e[i]=t)}),e}}r.ErrorCode=void 0,(function(n){n.NETWORK_ERROR="network_error",n.AUTH_ERROR="auth_error",n.NOT_FOUND_ERROR="not_found_error",n.VALIDATION_ERROR="validation_error",n.SERVER_ERROR="server_error",n.CLIENT_ERROR="client_error",n.UNKNOWN_ERROR="unknown_error"})(r.ErrorCode||(r.ErrorCode={}));class a extends h{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()}}r.Auth=a,r.default=a,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(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"}})}));

package/package.json

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