@connect-xyz/auth-js 1.1.0 → 1.3.0

package/README.md

@@ -56,6 +56,7 @@ import { Auth } from 'https://sdk.connect.xyz/auth-js/index.js';
 const auth = new Auth({
   jwt: 'your-jwt-token',
   env: 'production', // or 'sandbox'
+  theme: 'auto', // 'auto' (default), 'light', or 'dark'
   onError: ({ error, reason }) => {
     console.error('Auth error:', error, 'Reason:', reason);
   },
@@ -97,6 +98,7 @@ import { Auth, AuthConfig, ErrorData, DepositData } from '@connect/auth-js';
 const config: AuthConfig = {
   jwt: 'your-jwt-token',
   env: 'sandbox',
+  theme: 'dark', // 'auto' (default), 'light', or 'dark'
   onError: ({ error, reason }: ErrorData) => {
     // Handle error with type safety
   },
@@ -116,6 +118,7 @@ const auth = new Auth(config);
 | ----------- | --------------------------------- | -------- | -------------- | ---------------------------------------------- |
 | `jwt`       | `string`                          | Yes      | -              | JWT token for authentication with Connect Auth |
 | `env`       | `"production" \| "sandbox"`       | No       | `"production"` | Target environment                             |
+| `theme`     | `"auto" \| "light" \| "dark"`     | No       | `"auto"`       | Theme mode for the interface                   |
 | `onError`   | `({ errorCode, reason }) => void` | No       | -              | Callback for error events                      |
 | `onClose`   | `() => void`                      | No       | -              | Callback when the widget is closed             |
 | `onDeposit` | `({ data }) => void`              | No       | -              | Callback for deposit received                  |
@@ -134,6 +137,7 @@ Creates a new Auth instance with the provided configuration.
 - `config` (AuthConfig): Configuration object
   - `jwt` (string, required): JWT token for authentication
   - `env` (string, optional): Environment - 'production' (default) or 'sandbox'
+  - `theme` (string, optional): Theme mode - 'auto' (default), 'light', or 'dark'
   - `onError` (function, optional): Error callback
   - `onClose` (function, optional): Close callback
   - `onDeposit` (function, optional): Deposit callback

package/dist/index.d.ts

@@ -44,26 +44,19 @@ declare type AppEvent<TType extends string = string, TData = Record<string, unkn
  * auth.destroy();
  * ```
  */
-declare class Auth {
-    private config;
-    private state;
-    /**
-     * Create a new Auth instance
-     * @param config - Configuration options for the Auth SDK
-     */
-    constructor(config: AuthConfig);
-    /**
-     * Get the current environment
-     */
-    private get environment();
-    /**
-     * Load the web component script if not already loaded
-     */
-    private ensureScriptLoaded;
-    /**
-     * Create the web component element
-     */
-    private createWebComponent;
+declare class Auth extends BaseJsSdk<AuthConfig> {
+    protected errorMessages: {
+        readonly ALREADY_RENDERED: "Auth widget is already rendered. Call destroy() before rendering again.";
+        readonly NOT_RENDERED: "Auth widget is not rendered. Call render() first.";
+        readonly INVALID_CONTAINER: "Invalid container element provided.";
+        readonly SCRIPT_LOAD_FAILED: "Failed to load the Connect Auth script.";
+        readonly WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded.";
+    };
+    protected scriptUrls: {
+        sandbox: string;
+        production: string;
+    };
+    protected webComponentTag: string;
     /**
      * Render the Auth widget to a container element
      * @param container - The container element to render the widget into
@@ -76,19 +69,19 @@ declare class Auth {
      */
     updateConfig(config: Partial<AuthConfig>): void;
     /**
-     * Destroy the Auth widget and clean up resources
+     * Get the current configuration
+     * @returns The current configuration object
      */
-    destroy(): void;
+    getConfig(): Readonly<AuthConfig>;
     /**
      * Check if the Auth widget is currently rendered
      * @returns True if the widget is rendered, false otherwise
      */
     isRendered(): boolean;
     /**
-     * Get the current configuration
-     * @returns The current configuration object
+     * Destroy the Auth widget and clean up resources
      */
-    getConfig(): Readonly<AuthConfig>;
+    destroy(): void;
 }
 export { Auth }
 export default Auth;
@@ -102,21 +95,34 @@ declare type AuthCallbacks = CommonCallbacks<AuthEvent> & {
     onDeposit?: (deposit: DepositCompletedPayload) => void;
 };
 
+export declare interface AuthConfig extends BaseConfig<AuthEvent>, AuthCallbacks {
+}
+
+/**
+ * Auth event structure for auth-specific events
+ */
+declare type AuthEvent = AppEvent<AuthEventType, DepositSubmittedEventData>;
+
 /**
- * Configuration options for the Auth SDK
+ * Auth event type literals
+ */
+declare type AuthEventType = 'deposit.submitted';
+
+/**
+ * Configuration options for the SDK
  */
-export declare interface AuthConfig extends AuthCallbacks {
+declare interface BaseConfig<TEvent = AppEvent> extends CommonCallbacks<TEvent> {
     /**
-     * JWT token used for authentication with the Connect Auth service
+     * JWT token used for authentication
      */
     jwt: string;
     /**
-     * Target environment for the Connect Auth service
+     * Target environment
      * @default 'production'
      */
     env?: Environment;
     /**
-     * Theme mode for the Connect Auth interface
+     * Theme mode
      * @default 'auto'
      *
      * Available themes:
@@ -127,28 +133,54 @@ export declare interface AuthConfig extends AuthCallbacks {
     theme?: Theme;
 }
 
-/**
- * Auth event structure for auth-specific events
- */
-declare type AuthEvent = AppEvent<AuthEventType, DepositSubmittedEventData>;
-
-/**
- * Auth event type literals
- */
-declare type AuthEventType = 'deposit.submitted';
+declare type BaseErrorMessageKeys = 'ALREADY_RENDERED' | 'NOT_RENDERED' | 'INVALID_CONTAINER' | 'SCRIPT_LOAD_FAILED' | 'WEB_COMPONENT_NOT_DEFINED';
 
-/**
- * Internal state of the Auth SDK
- */
-export declare interface AuthState {
-    /** Whether the SDK is initialized */
-    initialized: boolean;
-    /** Whether the web component script is loaded */
-    scriptLoaded: boolean;
-    /** The container element where the auth widget is rendered */
-    container: HTMLElement | null;
-    /** The web component element */
-    element: HTMLElement | null;
+declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig> {
+    private config;
+    private state;
+    private scriptLoadingPromise?;
+    protected abstract errorMessages: Record<BaseErrorMessageKeys, string>;
+    protected abstract scriptUrls: Record<Environment, string>;
+    protected abstract webComponentTag: string;
+    constructor(config: Config);
+    /**
+     * Render the widget to a container element
+     * @param container - The container element to render the widget into
+     * @returns Promise that resolves when the widget is rendered
+     */
+    render(container: HTMLElement): Promise<void>;
+    /**
+     * Update the configuration of the widget
+     * @param config - Partial configuration to update
+     * @returns void
+     */
+    updateConfig(config: Partial<Config>): void;
+    /**
+     * Destroy the widget and clean up resources
+     */
+    destroy(): void;
+    /**
+     * Check if the widget is currently rendered
+     * @returns True if the widget is rendered, false otherwise
+     */
+    isRendered(): boolean;
+    /**
+     * Get the current configuration
+     * @returns The current configuration object
+     */
+    getConfig(): Readonly<Config>;
+    private getEnvironment;
+    private getScriptId;
+    private isScriptLoaded;
+    private getWebComponent;
+    private getScriptUrl;
+    private loadScript;
+    private waitForWebComponent;
+    /**
+     * Load the web component script if not already loaded
+     */
+    protected ensureScriptLoaded(): Promise<void>;
+    private createWebComponent;
 }
 
 /**
@@ -164,18 +196,7 @@ declare type CommonCallbacks<TEvent = AppEvent> = {
     onEvent?: (event: TEvent) => void;
 };
 
-/**
- * ConnectAuth element interface
- */
-export declare interface ConnectAuthElement extends HTMLElement {
-    jwt: string;
-    env?: Environment;
-    theme?: Theme;
-    onError?: (errorData: ErrorPayload) => void;
-    onClose?: () => void;
-    onDeposit?: (depositData: DepositCompletedPayload) => void;
-    onEvent?: (eventData: AuthEvent) => void;
-}
+export declare type ConnectAuthElement = SdkElement<AuthConfig>;
 
 /**
  * Deposit completed payload structure for deposit callbacks
@@ -217,14 +238,14 @@ declare type DepositSubmittedEventData = {
 };
 
 /**
- * Environment configuration for the Auth SDK
+ * Environment configuration for the SDK
  */
 export declare type Environment = 'sandbox' | 'production';
 
 /**
  * Generic error codes for all Connect applications
  */
-declare enum ErrorCode {
+export declare enum ErrorCode {
     /** Network connectivity error */
     NETWORK_ERROR = 'network_error',
     /** Authentication or session expired error */
@@ -252,7 +273,12 @@ declare type ErrorPayload = {
 };
 
 /**
- * Theme configuration for the Auth SDK
+ * Generic HTMLElement representing a web component with custom config
+ */
+declare type SdkElement<Config extends BaseConfig<never>> = HTMLElement & Config;
+
+/**
+ * Theme configuration for the SDK
  *
  * - `"auto"` - Automatically detect system preference (light/dark mode)
  * - `"light"` - Force light theme

package/dist/index.js

@@ -1,78 +1,18 @@
-var l = Object.defineProperty;
-var E = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var d = (n, t, e) => E(n, typeof t != "symbol" ? t + "" : t, e);
-const u = {
-  sandbox: "https://sdk.sandbox.connect.xyz/auth-web/index.js",
-  production: "https://sdk.connect.xyz/auth-web/index.js"
-}, m = "connect-auth-script", p = "connect-auth", c = "production", r = {
-  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.",
-  INVALID_JWT: "JWT token is required and must be a string."
-}, a = /* @__PURE__ */ new Map();
-function f(n) {
-  return u[n];
-}
-function h(n) {
-  return `${m}-${n}`;
-}
-function w(n) {
-  const t = h(n);
-  return !!document.getElementById(t);
-}
-async function D(n) {
-  const t = h(n);
-  if (w(n))
-    return Promise.resolve();
-  if (a.has(t))
-    return a.get(t);
-  const e = new Promise((i, s) => {
-    const o = document.createElement("script");
-    o.id = t, o.src = f(n), o.type = "module", o.async = !0, o.onload = () => {
-      setTimeout(() => {
-        customElements.get("connect-auth") ? i() : s(new Error(r.WEB_COMPONENT_NOT_DEFINED));
-      }, 0);
-    }, o.onerror = () => {
-      a.delete(t), s(new Error(`${r.SCRIPT_LOAD_FAILED} (${n})`));
-    }, document.head.appendChild(o);
-  });
-  a.set(t, e);
-  try {
-    await e;
-  } catch (i) {
-    throw a.delete(t), i;
-  }
-  return e;
-}
-async function N(n = 5e3) {
-  const t = "connect-auth";
-  return customElements.get(t) ? Promise.resolve() : new Promise((e, i) => {
-    const s = setTimeout(() => {
-      i(new Error(`Timeout waiting for ${t} to be defined`));
-    }, n);
-    customElements.whenDefined(t).then(() => {
-      clearTimeout(s), e();
-    }).catch((o) => {
-      clearTimeout(s), i(o);
-    });
-  });
-}
-class I {
-  /**
-   * Create a new Auth instance
-   * @param config - Configuration options for the Auth SDK
-   */
-  constructor(t) {
-    d(this, "config");
-    d(this, "state");
-    if (!t.jwt || typeof t.jwt != "string")
-      throw new Error(r.INVALID_JWT);
+var c = Object.defineProperty;
+var h = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var n = (i, e, t) => h(i, typeof e != "symbol" ? e + "" : e, t);
+const o = "production", l = "JWT token is required and must be a string.";
+class p {
+  constructor(e) {
+    n(this, "config");
+    n(this, "state");
+    n(this, "scriptLoadingPromise");
+    if (!e.jwt || typeof e.jwt != "string")
+      throw new Error(l);
     this.config = {
-      ...t,
-      env: t.env || c,
-      theme: t.theme
+      ...e,
+      env: e.env || o,
+      theme: e.theme
     }, this.state = {
       initialized: !1,
       scriptLoaded: !1,
@@ -81,10 +21,105 @@ class I {
     };
   }
   /**
-   * Get the current environment
+   * Render the widget to a container element
+   * @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))
+      throw new Error(this.errorMessages.INVALID_CONTAINER);
+    if (this.state.initialized)
+      throw new Error(this.errorMessages.ALREADY_RENDERED);
+    try {
+      await this.ensureScriptLoaded();
+      const t = this.createWebComponent();
+      e.innerHTML = "", e.appendChild(t), this.state.container = e, this.state.element = t, this.state.initialized = !0;
+    } catch (t) {
+      throw console.error("Failed to render widget:", t), t;
+    }
+  }
+  /**
+   * Update the configuration of the widget
+   * @param config - Partial configuration to update
+   * @returns void
+   */
+  updateConfig(e) {
+    if (!this.state.initialized || !this.state.element)
+      throw new Error(this.errorMessages.NOT_RENDERED);
+    const t = this.state.element;
+    Object.entries(e).forEach(([r, s]) => {
+      s && (this.config[r] = s, t[r] = s);
+    });
+  }
+  /**
+   * Destroy the widget and clean up resources
+   */
+  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);
+  }
+  /**
+   * Check if the widget is currently rendered
+   * @returns True if the widget is rendered, false otherwise
+   */
+  isRendered() {
+    return this.state.initialized;
+  }
+  /**
+   * Get the current configuration
+   * @returns The current configuration object
    */
-  get environment() {
-    return this.config.env || c;
+  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() {
+    return this.scriptUrls[this.getEnvironment()];
+  }
+  async loadScript() {
+    if (!this.isScriptLoaded()) {
+      if (this.scriptLoadingPromise)
+        return this.scriptLoadingPromise;
+      this.scriptLoadingPromise = new Promise((e, t) => {
+        const r = document.createElement("script");
+        r.id = this.getScriptId(), r.src = this.getScriptUrl(), r.type = "module", r.async = !0, r.onload = () => {
+          setTimeout(() => {
+            this.getWebComponent() ? e() : t(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
+          }, 0);
+        }, r.onerror = () => {
+          this.scriptLoadingPromise = void 0, t(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
+        }, document.head.appendChild(r);
+      });
+      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((t, r) => {
+        const s = setTimeout(() => {
+          r(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
+        }, e);
+        customElements.whenDefined(this.webComponentTag).then(() => {
+          clearTimeout(s), t();
+        }).catch((d) => {
+          clearTimeout(s), r(d);
+        });
+      });
   }
   /**
    * Load the web component script if not already loaded
@@ -92,68 +127,76 @@ class I {
   async ensureScriptLoaded() {
     if (!this.state.scriptLoaded)
       try {
-        await D(this.environment), await N(), this.state.scriptLoaded = !0;
-      } catch (t) {
-        throw console.error("Failed to load Connect Auth script:", t), t;
+        await this.loadScript(), await this.waitForWebComponent(), this.state.scriptLoaded = !0;
+      } catch (e) {
+        throw console.error("Failed to load Connect script:", e), e;
       }
   }
-  /**
-   * Create the web component element
-   */
   createWebComponent() {
-    const t = document.createElement(p);
-    return t.jwt = this.config.jwt, t.theme = this.config.theme, this.config.env && (t.env = this.config.env), this.config.onError && (t.onError = this.config.onError), this.config.onClose && (t.onClose = this.config.onClose), this.config.onDeposit && (t.onDeposit = this.config.onDeposit), this.config.onEvent && (t.onEvent = this.config.onEvent), t;
+    const e = document.createElement(this.webComponentTag);
+    return Object.entries(this.config).forEach(([t, r]) => {
+      r && (e[t] = r);
+    }), e;
+  }
+}
+var a;
+(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";
+})(a || (a = {}));
+class u extends p {
+  constructor() {
+    super(...arguments);
+    n(this, "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."
+    });
+    n(this, "scriptUrls", {
+      sandbox: "https://sdk.sandbox.connect.xyz/auth-web/index.js",
+      production: "https://sdk.connect.xyz/auth-web/index.js"
+    });
+    n(this, "webComponentTag", "connect-auth");
   }
   /**
    * Render the Auth widget to a container element
    * @param container - The container element to render the widget into
    * @returns Promise that resolves when the widget is rendered
    */
-  async render(t) {
-    if (!t || !(t instanceof HTMLElement))
-      throw new Error(r.INVALID_CONTAINER);
-    if (this.state.initialized)
-      throw new Error(r.ALREADY_RENDERED);
-    try {
-      await this.ensureScriptLoaded();
-      const e = this.createWebComponent();
-      t.innerHTML = "", t.appendChild(e), this.state.container = t, this.state.element = e, this.state.initialized = !0;
-    } catch (e) {
-      throw console.error("Failed to render Auth widget:", e), e;
-    }
+  render(t) {
+    return super.render(t);
   }
   /**
    * Update the configuration of the Auth widget
    * @param config - Partial configuration to update
    */
   updateConfig(t) {
-    if (!this.state.initialized || !this.state.element)
-      throw new Error(r.NOT_RENDERED);
-    const e = this.state.element;
-    t.jwt && (this.config.jwt = t.jwt, e.jwt = t.jwt), t.theme !== void 0 && (this.config.theme = t.theme, e.theme = t.theme), t.onError !== void 0 && (this.config.onError = t.onError, e.onError = t.onError), t.onClose !== void 0 && (this.config.onClose = t.onClose, e.onClose = t.onClose), t.onDeposit !== void 0 && (this.config.onDeposit = t.onDeposit, e.onDeposit = t.onDeposit), t.onEvent !== void 0 && (this.config.onEvent = t.onEvent, e.onEvent = t.onEvent);
+    return super.updateConfig(t);
   }
   /**
-   * Destroy the Auth widget and clean up resources
+   * Get the current configuration
+   * @returns The current configuration object
    */
-  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);
+  getConfig() {
+    return super.getConfig();
   }
   /**
    * Check if the Auth widget is currently rendered
    * @returns True if the widget is rendered, false otherwise
    */
   isRendered() {
-    return this.state.initialized;
+    return super.isRendered();
   }
   /**
-   * Get the current configuration
-   * @returns The current configuration object
+   * Destroy the Auth widget and clean up resources
    */
-  getConfig() {
-    return { ...this.config };
+  destroy() {
+    return super.destroy();
   }
 }
 export {
-  I as Auth,
-  I as default
+  u as Auth,
+  a as ErrorCode,
+  u as default
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.Auth={}))})(this,function(n){"use strict";var T=Object.defineProperty;var C=(n,i,s)=>i in n?T(n,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[i]=s;var l=(n,i,s)=>C(n,typeof i!="symbol"?i+"":i,s);const i={sandbox:"https://sdk.sandbox.connect.xyz/auth-web/index.js",production:"https://sdk.connect.xyz/auth-web/index.js"},s="connect-auth-script",f="connect-auth",u="production",a={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.",INVALID_JWT:"JWT token is required and must be a string."},c=new Map;function p(o){return i[o]}function E(o){return`${s}-${o}`}function w(o){const e=E(o);return!!document.getElementById(e)}async function D(o){const e=E(o);if(w(o))return Promise.resolve();if(c.has(e))return c.get(e);const t=new Promise((d,h)=>{const r=document.createElement("script");r.id=e,r.src=p(o),r.type="module",r.async=!0,r.onload=()=>{setTimeout(()=>{customElements.get("connect-auth")?d():h(new Error(a.WEB_COMPONENT_NOT_DEFINED))},0)},r.onerror=()=>{c.delete(e),h(new Error(`${a.SCRIPT_LOAD_FAILED} (${o})`))},document.head.appendChild(r)});c.set(e,t);try{await t}catch(d){throw c.delete(e),d}return t}async function N(o=5e3){const e="connect-auth";return customElements.get(e)?Promise.resolve():new Promise((t,d)=>{const h=setTimeout(()=>{d(new Error(`Timeout waiting for ${e} to be defined`))},o);customElements.whenDefined(e).then(()=>{clearTimeout(h),t()}).catch(r=>{clearTimeout(h),d(r)})})}class m{constructor(e){l(this,"config");l(this,"state");if(!e.jwt||typeof e.jwt!="string")throw new Error(a.INVALID_JWT);this.config={...e,env:e.env||u,theme:e.theme},this.state={initialized:!1,scriptLoaded:!1,container:null,element:null}}get environment(){return this.config.env||u}async ensureScriptLoaded(){if(!this.state.scriptLoaded)try{await D(this.environment),await N(),this.state.scriptLoaded=!0}catch(e){throw console.error("Failed to load Connect Auth script:",e),e}}createWebComponent(){const e=document.createElement(f);return e.jwt=this.config.jwt,e.theme=this.config.theme,this.config.env&&(e.env=this.config.env),this.config.onError&&(e.onError=this.config.onError),this.config.onClose&&(e.onClose=this.config.onClose),this.config.onDeposit&&(e.onDeposit=this.config.onDeposit),this.config.onEvent&&(e.onEvent=this.config.onEvent),e}async render(e){if(!e||!(e instanceof HTMLElement))throw new Error(a.INVALID_CONTAINER);if(this.state.initialized)throw new Error(a.ALREADY_RENDERED);try{await this.ensureScriptLoaded();const t=this.createWebComponent();e.innerHTML="",e.appendChild(t),this.state.container=e,this.state.element=t,this.state.initialized=!0}catch(t){throw console.error("Failed to render Auth widget:",t),t}}updateConfig(e){if(!this.state.initialized||!this.state.element)throw new Error(a.NOT_RENDERED);const t=this.state.element;e.jwt&&(this.config.jwt=e.jwt,t.jwt=e.jwt),e.theme!==void 0&&(this.config.theme=e.theme,t.theme=e.theme),e.onError!==void 0&&(this.config.onError=e.onError,t.onError=e.onError),e.onClose!==void 0&&(this.config.onClose=e.onClose,t.onClose=e.onClose),e.onDeposit!==void 0&&(this.config.onDeposit=e.onDeposit,t.onDeposit=e.onDeposit),e.onEvent!==void 0&&(this.config.onEvent=e.onEvent,t.onEvent=e.onEvent)}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}}}n.Auth=m,n.default=m,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(i=typeof globalThis<"u"?globalThis:i||self,n(i.Auth={}))})(this,function(i){"use strict";var l=Object.defineProperty;var m=(i,n,a)=>n in i?l(i,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[n]=a;var o=(i,n,a)=>m(i,typeof n!="symbol"?n+"":n,a);const n="production",a="JWT token is required and must be a string.";class c{constructor(e){o(this,"config");o(this,"state");o(this,"scriptLoadingPromise");if(!e.jwt||typeof e.jwt!="string")throw new Error(a);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 t=this.createWebComponent();e.innerHTML="",e.appendChild(t),this.state.container=e,this.state.element=t,this.state.initialized=!0}catch(t){throw console.error("Failed to render widget:",t),t}}updateConfig(e){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const t=this.state.element;Object.entries(e).forEach(([r,d])=>{d&&(this.config[r]=d,t[r]=d)})}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,t)=>{const r=document.createElement("script");r.id=this.getScriptId(),r.src=this.getScriptUrl(),r.type="module",r.async=!0,r.onload=()=>{setTimeout(()=>{this.getWebComponent()?e():t(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED))},0)},r.onerror=()=>{this.scriptLoadingPromise=void 0,t(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`))},document.head.appendChild(r)});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((t,r)=>{const d=setTimeout(()=>{r(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(d),t()}).catch(u=>{clearTimeout(d),r(u)})})}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(([t,r])=>{r&&(e[t]=r)}),e}}i.ErrorCode=void 0,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"}(i.ErrorCode||(i.ErrorCode={}));class h extends c{constructor(){super(...arguments);o(this,"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."});o(this,"scriptUrls",{sandbox:"https://sdk.sandbox.connect.xyz/auth-web/index.js",production:"https://sdk.connect.xyz/auth-web/index.js"});o(this,"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()}}i.Auth=h,i.default=h,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

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