@connect-xyz/withdraw-js 0.1.0

package/README.md

@@ -0,0 +1,226 @@
+# @connect-xyz/withdraw-js
+
+A JavaScript SDK that enables frontend applications to seamlessly integrate with the Connect Withdraw product.
+
+Connect Withdraw provides a secure way for end users to withdraw their funds. Learn more in the [Connect Withdraw documentation](https://docs.zerohash.com/docs/withdraw).
+
+## Installation
+
+### Via NPM (recommended)
+
+```bash
+npm install @connect-xyz/withdraw-js
+```
+
+```javascript
+import { Withdraw } from '@connect-xyz/withdraw-js';
+```
+
+### Via CDN
+
+You can import the script in your index file and use the Withdraw class provided by it.
+
+```html
+<script
+  type="module"
+  src="https://sdk.connect.xyz/withdraw-js/index.js"
+></script>
+```
+
+Or you can directly import in your javascript code.
+
+```javascript
+import { Withdraw } from 'https://sdk.connect.xyz/withdraw-js/index.js';
+```
+
+## Getting Started
+
+Follow these simple steps to integrate Connect Withdraw into your frontend application:
+
+### 1. Import the Withdraw module
+
+```tsx
+import { Withdraw } from '@connect-xyz/withdraw-js';
+```
+
+### 1.1 Or import via CDN
+
+```javascript
+import { Withdraw } from 'https://sdk.connect.xyz/withdraw-js/index.js';
+```
+
+### 2. Initialize the Withdraw module into Your App
+
+```javascript
+// Create a Withdraw instance with configuration
+const withdraw = new Withdraw({
+  jwt: 'your-jwt-token',
+  env: 'production', // or 'sandbox'
+  onError: ({ error, reason }) => {
+    console.error('Withdraw error:', error, 'Reason:', reason);
+  },
+  onClose: () => {
+    console.log('Withdraw widget closed');
+  },
+  onWithdrawal: ({ data }) => {
+    console.log('Withdrawal completed:', data);
+  },
+  onEvent: ({ type, data }) => {
+    console.log('Event received:', type, data);
+  },
+});
+
+// Render the widget to a container element
+const container = document.getElementById('withdraw-container');
+await withdraw.render(container);
+
+// Update configuration dynamically
+withdraw.updateConfig({
+  jwt: 'new-jwt-token',
+  onError: newErrorHandler,
+});
+
+// Check if rendered
+if (withdraw.isRendered()) {
+  console.log('Widget is active');
+}
+
+// Clean up when done
+withdraw.destroy();
+```
+
+## API Reference
+
+### Withdraw widget Props
+
+| Prop           | Type                              | Required | Default        | Description                                        |
+| -------------- | --------------------------------- | -------- | -------------- | -------------------------------------------------- |
+| `jwt`          | `string`                          | Yes      | -              | JWT token for authentication with Connect Withdraw |
+| `env`          | `"production" \| "sandbox"`       | No       | `"production"` | Target environment                                 |
+| `onError`      | `({ errorCode, reason }) => void` | No       | -              | Callback for error events                          |
+| `onClose`      | `() => void`                      | No       | -              | Callback when the widget is closed                 |
+| `onWithdrawal` | `({ data }) => void`              | No       | -              | Callback for withdrawal completed                  |
+| `onEvent`      | `({ type, data }) => void`        | No       | -              | Callback for general events                        |
+
+### Constructor
+
+```javascript
+new Withdraw(config: WithdrawConfig)
+```
+
+Creates a new Withdraw instance with the provided configuration.
+
+#### Parameters
+
+- `config` (WithdrawConfig): Configuration object
+  - `jwt` (string, required): JWT token for authentication
+  - `env` (string, optional): Environment - 'production' (default) or 'sandbox'
+  - `onError` (function, optional): Error callback
+  - `onClose` (function, optional): Close callback
+  - `onWithdrawal` (function, optional): Withdrawal callback
+  - `onEvent` (function, optional): General event callback
+
+### Methods
+
+#### `render(container: HTMLElement): Promise<void>`
+
+Renders the Withdraw widget to the specified container element.
+
+```javascript
+await withdraw.render(document.getElementById('withdraw-container'));
+```
+
+#### `updateConfig(config: Partial<WithdrawConfig>): void`
+
+Updates the configuration of an already rendered widget.
+
+```javascript
+withdraw.updateConfig({
+  jwt: 'new-token',
+  onError: newErrorHandler,
+});
+```
+
+#### `destroy(): void`
+
+Removes the widget from the DOM and cleans up resources.
+
+```javascript
+withdraw.destroy();
+```
+
+#### `isRendered(): boolean`
+
+Returns whether the widget is currently rendered.
+
+```javascript
+if (withdraw.isRendered()) {
+  // Widget is active
+}
+```
+
+#### `getConfig(): WithdrawConfig`
+
+Returns a copy of the current configuration.
+
+```javascript
+const config = withdraw.getConfig();
+console.log('Current JWT:', config.jwt);
+```
+
+## Callback Functions
+
+For detailed information about callback events and their payloads, see the [Withdraw SDK Callbacks documentation](https://docs.zerohash.com/docs/front-end-callbacks).
+
+### onError
+
+Called when an error occurs in the Withdraw widget.
+
+```javascript
+onError: ({ errorCode, reason }) => {
+  // errorCode: Error code
+  // reason: Human-readable error description
+};
+```
+
+### onClose
+
+Called when the Withdraw widget is closed by the user.
+
+```javascript
+onClose: () => {
+  // Handle close event
+};
+```
+
+### onWithdrawal
+
+Called when a withdrawal is completed.
+
+```javascript
+onWithdrawal: ({ data }) => {
+  // data: Object containing withdrawal details
+};
+```
+
+### onEvent
+
+Called for general events from the Withdraw widget.
+
+```javascript
+onEvent: ({ type, data }) => {
+  // type: Event type string
+  // data: Event-specific data object
+};
+```
+
+## Browser Support
+
+- Chrome/Edge 90+
+- Firefox 88+
+- Safari 14+
+- All modern browsers with Web Components support
+
+## More Information & Support
+
+For comprehensive documentation or support about Connect Withdraw, visit our [Documentation Page](https://docs.zerohash.com/).

package/dist/index.d.ts

@@ -0,0 +1,284 @@
+/**
+ * Connect Withdraw Javascript SDK
+ *
+ * A programmatic JavaScript SDK for integrating the Connect Withdraw widget
+ * into web applications without requiring HTML custom elements.
+ *
+ * @packageDocumentation
+ */
+
+/**
+ * Generic app event structure
+ * @template TType - Event type string
+ * @template TData - Event data payload
+ */
+declare type AppEvent<TType extends string = string, TData = Record<string, unknown>> = {
+    /** The type of event that occurred */
+    type: TType;
+    /** Data associated with the event */
+    data: TData;
+};
+
+/**
+ * Configuration options for the SDK
+ */
+declare interface BaseConfig<TEvent = AppEvent> extends CommonCallbacks<TEvent> {
+    /**
+     * JWT token used for authentication
+     */
+    jwt: string;
+    /**
+     * Target environment
+     * @default 'production'
+     */
+    env?: Environment;
+    /**
+     * Theme mode
+     * @default 'auto'
+     *
+     * Available themes:
+     * - `'auto'` - Automatically detect system preference (light/dark mode)
+     * - `'light'` - Force light theme
+     * - `'dark'` - Force dark theme
+     */
+    theme?: Theme;
+}
+
+declare type BaseErrorMessageKeys = 'ALREADY_RENDERED' | 'NOT_RENDERED' | 'INVALID_CONTAINER' | 'SCRIPT_LOAD_FAILED' | 'WEB_COMPONENT_NOT_DEFINED';
+
+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;
+}
+
+/**
+ * Common callback function types shared across all Connect apps
+ * @template TEvent - The event type for onEvent callback
+ */
+declare type CommonCallbacks<TEvent = AppEvent> = {
+    /** Called when an error occurs */
+    onError?: (error: ErrorPayload) => void;
+    /** Called when the component is closed */
+    onClose?: () => void;
+    /** Called when a general event occurs */
+    onEvent?: (event: TEvent) => void;
+};
+
+export declare type ConnectWithdrawElement = SdkElement<WithdrawConfig>;
+
+/**
+ * Environment configuration for the SDK
+ */
+export declare type Environment = 'sandbox' | 'production';
+
+/**
+ * Generic error codes for all Connect applications
+ */
+export declare enum ErrorCode {
+    /** Network connectivity error */
+    NETWORK_ERROR = 'network_error',
+    /** Authentication or session expired error */
+    AUTH_ERROR = 'auth_error',
+    /** Resource not found error */
+    NOT_FOUND_ERROR = 'not_found_error',
+    /** Validation error from user input */
+    VALIDATION_ERROR = 'validation_error',
+    /** Server error (5xx) */
+    SERVER_ERROR = 'server_error',
+    /** Client error (4xx) */
+    CLIENT_ERROR = 'client_error',
+    /** Unknown or unexpected error */
+    UNKNOWN_ERROR = 'unknown_error',
+}
+
+/**
+ * Generic error payload structure for error callbacks
+ */
+declare type ErrorPayload = {
+    /** Error code indicating the type of error */
+    errorCode: ErrorCode;
+    /** Human-readable reason for the error */
+    reason: string;
+};
+
+/**
+ * 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
+ * - `"dark"` - Force dark theme
+ */
+declare type Theme = 'auto' | 'light' | 'dark';
+
+/**
+ * Withdraw SDK class for programmatic control of the Connect Withdraw widget
+ *
+ * @example
+ * ```javascript
+ * const withdraw = new Withdraw({
+ *   jwt: 'your-jwt-token',
+ *   env: 'production',
+ *   theme: 'dark', // 'auto' | 'light' | 'dark'
+ *   onError: ({ error, reason }) => console.error(error, reason),
+ *   onClose: () => console.log('Withdraw closed'),
+ *   onWithdrawal: ({ data }) => console.log('Withdrawal', data),
+ *   onEvent: ({ type, data }) => console.log('Event', type, data)
+ * });
+ *
+ * // Render to a container
+ * await withdraw.render(document.getElementById('withdraw-container'))
+ *
+ * // Update configuration
+ * withdraw.updateConfig({ jwt: 'new-token', theme: 'light' })
+ *
+ * // Clean up
+ * withdraw.destroy()
+ * ```
+ */
+declare class Withdraw extends BaseJsSdk<WithdrawConfig> {
+    protected errorMessages: {
+        ALREADY_RENDERED: string;
+        NOT_RENDERED: string;
+        INVALID_CONTAINER: string;
+        SCRIPT_LOAD_FAILED: string;
+        WEB_COMPONENT_NOT_DEFINED: string;
+        INVALID_JWT: string;
+    };
+    protected scriptUrls: {
+        sandbox: string;
+        production: string;
+    };
+    protected webComponentTag: string;
+    /**
+     * Render the Withdraw 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 Withdraw widget
+     * @param config - Partial configuration to update
+     */
+    updateConfig(config: Partial<WithdrawConfig>): void;
+    /**
+     * Get the current configuration
+     * @returns The current configuration object
+     */
+    getConfig(): Readonly<WithdrawConfig>;
+    /**
+     * Check if the Withdraw widget is currently rendered
+     * @returns True if the widget is rendered, false otherwise
+     */
+    isRendered(): boolean;
+    /**
+     * Destroy the Withdraw widget and clean up resources
+     */
+    destroy(): void;
+}
+export { Withdraw }
+export default Withdraw;
+
+declare type WithdrawalCompletedPayload = {
+    /** Data associated with the withdrawal */
+    data: {
+        /** Unique identifier for the withdrawal */
+        withdrawalId: string;
+        /** Current status of the withdrawal */
+        status: WithdrawalStatus;
+        /** Asset identifier (e.g., 'btc', 'eth') */
+        assetId: string;
+        /** Network identifier (e.g., 'bitcoin', 'ethereum') */
+        networkId: string;
+        /** Amount being withdrawn */
+        amount?: string;
+    };
+};
+
+/**
+ * Withdrawal initiated event data
+ */
+declare type WithdrawalInitiatedEventData = {
+    /** Unique identifier for the withdrawal */
+    withdrawalId: string;
+};
+
+declare type WithdrawalStatus = {
+    /** Status value */
+    value: string;
+    /** Human-readable details about the status */
+    details: string;
+    /** Timestamp when the status occurred (ISO 8601 format) */
+    occurredAt: string;
+};
+
+/**
+ * Callback function types for Connect Withdraw components
+ * Extends common callbacks with withdraw-specific callbacks
+ */
+declare type WithdrawCallbacks = CommonCallbacks<WithdrawEvent> & {
+    /** Called when a withdrawal action occurs */
+    onWithdrawal?: (withdrawal: WithdrawalCompletedPayload) => void;
+};
+
+export declare interface WithdrawConfig extends BaseConfig<WithdrawEvent>, WithdrawCallbacks {
+}
+
+/**
+ * Withdraw event structure
+ */
+declare type WithdrawEvent = AppEvent<WithdrawEventType, WithdrawalInitiatedEventData>;
+
+/**
+ * Withdraw event type literals
+ */
+declare type WithdrawEventType = 'withdrawal.initiated' | 'withdrawal.submitted' | 'withdrawal.completed';
+
+export { }

package/dist/index.js

@@ -0,0 +1,197 @@
+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 = {
+      ...e,
+      env: e.env || s,
+      theme: e.theme
+    }, this.state = {
+      initialized: !1,
+      scriptLoaded: !1,
+      container: null,
+      element: null
+    };
+  }
+  /**
+   * 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 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
+   */
+  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 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: "Withdraw widget is already rendered. Call destroy() before rendering again.",
+    NOT_RENDERED: "Withdraw widget is not rendered. Call render() first.",
+    INVALID_CONTAINER: "Invalid container element provided.",
+    SCRIPT_LOAD_FAILED: "Failed to load the Connect Withdraw 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."
+  };
+  scriptUrls = {
+    sandbox: "https://sdk.sandbox.connect.xyz/withdraw-web/index.js",
+    production: "https://sdk.connect.xyz/withdraw-web/index.js"
+  };
+  webComponentTag = "connect-withdraw";
+  /**
+   * Render the Withdraw 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(e) {
+    return super.render(e);
+  }
+  /**
+   * Update the configuration of the Withdraw widget
+   * @param config - Partial configuration to update
+   */
+  updateConfig(e) {
+    return super.updateConfig(e);
+  }
+  /**
+   * Get the current configuration
+   * @returns The current configuration object
+   */
+  getConfig() {
+    return super.getConfig();
+  }
+  /**
+   * Check if the Withdraw widget is currently rendered
+   * @returns True if the widget is rendered, false otherwise
+   */
+  isRendered() {
+    return super.isRendered();
+  }
+  /**
+   * Destroy the Withdraw widget and clean up resources
+   */
+  destroy() {
+    return super.destroy();
+  }
+}
+export {
+  o as ErrorCode,
+  h as Withdraw,
+  h as default
+};

package/dist/index.umd.cjs

@@ -0,0 +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.Withdraw={}))})(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:"Withdraw widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"Withdraw widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect Withdraw 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."};scriptUrls={sandbox:"https://sdk.sandbox.connect.xyz/withdraw-web/index.js",production:"https://sdk.connect.xyz/withdraw-web/index.js"};webComponentTag="connect-withdraw";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.Withdraw=a,r.default=a,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@connect-xyz/withdraw-js",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "nx": {
+    "name": "withdraw-js"
+  }
+}