@zerohash-sdk/fiat-deposits-js 1.3.1 → 1.3.3

package/dist/index.d.ts

@@ -27,7 +27,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)
@@ -191,7 +191,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() {
@@ -355,7 +359,7 @@ declare type ErrorPayload = {
  * const fiatDeposits = new FiatDeposits({
  *   jwt: 'your-jwt-token',
  *   env: 'prod',
- *   theme: 'auto',
+ *   theme: 'light',
  *   onCompleted: ({ amountDeposited }) => console.log('Deposited', amountDeposited),
  *   onClose: () => console.log('Closed'),
  *   onError: ({ errorCode, reason }) => console.error(errorCode, reason),

package/dist/index.js

@@ -1,14 +1,29 @@
-const n = "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.", p = (r) => {
+  if (!r || typeof r != "string")
+    return null;
+  const e = r.split(".");
+  if (e.length < 2)
+    return null;
+  try {
+    const i = e[1].replace(/-/g, "+").replace(/_/g, "/"), t = i + "===".slice(0, (4 - i.length % 4) % 4), n = typeof atob < "u" ? atob(t) : Buffer.from(t, "base64").toString("utf-8"), a = JSON.parse(n)?.payload?.region;
+    if (typeof a != "string")
+      return null;
+    const s = a.toLowerCase();
+    return s === "us" || s === "eu" ? s : null;
+  } catch {
+    return null;
+  }
+}, l = (r, e) => p(e) !== "eu" ? r : r === "cert" ? "eu-cert" : r === "prod" ? "eu-prod" : r;
+class u {
   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 || n,
+      env: e.env || d,
       theme: e.theme
     }, this.state = {
       initialized: !1,
@@ -44,8 +59,8 @@ class c {
     if (!this.state.initialized || !this.state.element)
       throw new Error(this.errorMessages.NOT_RENDERED);
     const i = this.state.element;
-    Object.entries(e).forEach(([t, s]) => {
-      s && (this.config[t] = s, i[t] = s);
+    Object.entries(e).forEach(([t, n]) => {
+      n && (this.config[t] = n, i[t] = n);
     });
   }
   /**
@@ -69,7 +84,7 @@ class c {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || n;
+    return this.config.env || d;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -81,7 +96,8 @@ class c {
     return customElements.get(this.webComponentTag);
   }
   getScriptUrl() {
-    return this.scriptUrls[this.getEnvironment()];
+    const e = l(this.getEnvironment(), this.config.jwt);
+    return this.scriptUrls[e] ?? this.scriptUrls[this.getEnvironment()];
   }
   async loadScript() {
     if (!this.isScriptLoaded()) {
@@ -108,13 +124,13 @@ class c {
   async waitForWebComponent(e = 5e3) {
     if (!this.getWebComponent())
       return new Promise((i, t) => {
-        const s = setTimeout(() => {
+        const n = setTimeout(() => {
           t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
         }, e);
         customElements.whenDefined(this.webComponentTag).then(() => {
-          clearTimeout(s), i();
-        }).catch((a) => {
-          clearTimeout(s), t(a);
+          clearTimeout(n), i();
+        }).catch((o) => {
+          clearTimeout(n), t(o);
         });
       });
   }
@@ -136,11 +152,11 @@ class c {
     }), e;
   }
 }
-var o;
+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";
-})(o || (o = {}));
-class h extends c {
+})(c || (c = {}));
+class m extends u {
   errorMessages = {
     ALREADY_RENDERED: "FiatDeposits widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "FiatDeposits widget is not rendered. Call render() first.",
@@ -194,5 +210,5 @@ class h extends c {
   }
 }
 export {
-  h as FiatDeposits
+  m as FiatDeposits
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r.FiatDeposits={}))})(this,(function(r){"use strict";const n="production",d="JWT token is required and must be a string.";class c{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(d);this.config={...e,env:e.env||n,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||n}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(p=>{clearTimeout(o),t(p)})})}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}}var a;(function(s){s.NETWORK_ERROR="network_error",s.AUTH_ERROR="auth_error",s.NOT_FOUND_ERROR="not_found_error",s.VALIDATION_ERROR="validation_error",s.SERVER_ERROR="server_error",s.CLIENT_ERROR="client_error",s.UNKNOWN_ERROR="unknown_error"})(a||(a={}));class h extends c{errorMessages={ALREADY_RENDERED:"FiatDeposits widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"FiatDeposits widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect FiatDeposits script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/fiat-deposits-web/index.js",dev:"https://connect-sdk.dev.0hash.com/fiat-deposits-web/index.js",cert:"https://sdk.sandbox.connect.xyz/fiat-deposits-web/index.js",prod:"https://sdk.connect.xyz/fiat-deposits-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/fiat-deposits-web/index.js",production:"https://sdk.connect.xyz/fiat-deposits-web/index.js"};webComponentTag="zerohash-fiat-deposits";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.FiatDeposits=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s.FiatDeposits={}))})(this,(function(s){"use strict";const o="production",h="JWT token is required and must be a string.",l=i=>{if(!i||typeof i!="string")return null;const e=i.split(".");if(e.length<2)return null;try{const r=e[1].replace(/-/g,"+").replace(/_/g,"/"),t=r+"===".slice(0,(4-r.length%4)%4),n=typeof atob<"u"?atob(t):Buffer.from(t,"base64").toString("utf-8"),p=JSON.parse(n)?.payload?.region;if(typeof p!="string")return null;const a=p.toLowerCase();return a==="us"||a==="eu"?a:null}catch{return null}},u=(i,e)=>l(e)!=="eu"?i:i==="cert"?"eu-cert":i==="prod"?"eu-prod":i;class f{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(h);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 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}}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)})}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=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)=>{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))},0)},t.onerror=()=>{this.scriptLoadingPromise=void 0,r(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((r,t)=>{const n=setTimeout(()=>{t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(n),r()}).catch(c=>{clearTimeout(n),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(([r,t])=>{t&&(e[r]=t)}),e}}var d;(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"})(d||(d={}));class m extends f{errorMessages={ALREADY_RENDERED:"FiatDeposits widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"FiatDeposits widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect FiatDeposits script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/fiat-deposits-web/index.js",dev:"https://connect-sdk.dev.0hash.com/fiat-deposits-web/index.js",cert:"https://sdk.sandbox.connect.xyz/fiat-deposits-web/index.js",prod:"https://sdk.connect.xyz/fiat-deposits-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/fiat-deposits-web/index.js",production:"https://sdk.connect.xyz/fiat-deposits-web/index.js"};webComponentTag="zerohash-fiat-deposits";render(e){return super.render(e)}updateConfig(e){return super.updateConfig(e)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}s.FiatDeposits=m,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerohash-sdk/fiat-deposits-js",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",