@connect-xyz/auth-js 1.2.0 → 1.7.0

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,15 @@
-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);
+const s = "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 = {
-      ...t,
-      env: t.env || c,
-      theme: t.theme
+      ...e,
+      env: e.env || s,
+      theme: e.theme
     }, this.state = {
       initialized: !1,
       scriptLoaded: !1,
@@ -81,10 +18,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
    */
-  get environment() {
-    return this.config.env || c;
+  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;
+    }
+  }
+  /**
+   * 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 r = this.state.element;
+    Object.entries(e).forEach(([t, n]) => {
+      n && (this.config[t] = n, r[t] = n);
+    });
+  }
+  /**
+   * 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
+   */
+  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, 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((a) => {
+          clearTimeout(n), t(a);
+        });
+      });
   }
   /**
    * Load the web component script if not already loaded
@@ -92,68 +124,73 @@ 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(([r, t]) => {
+      t && (e[r] = 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 {
+  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 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(e) {
+    return super.render(e);
   }
   /**
    * 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);
+  updateConfig(e) {
+    return super.updateConfig(e);
   }
   /**
-   * 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
+  h as Auth,
+  o as ErrorCode,
+  h 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(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"}})});

package/package.json

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