@alter-ai/connect 0.1.1 → 0.2.1

package/README.md

@@ -1,19 +1,21 @@
 # Alter Connect SDK
 
-A lightweight JavaScript SDK for embedding OAuth integrations into your application. Connect your users to Google, Slack, Microsoft, and more with just a few lines of code.
+A lightweight JavaScript SDK for embedding OAuth integrations into your application. The SDK opens a backend-served Connect UI in a popup — the backend handles auth, provider selection, branding, and OAuth, then sends results back via postMessage.
 
-## 🚀 Quick Start
+**~10KB minified | Zero dependencies | TypeScript included**
+
+## Quick Start
 
 ### 1. Install
 
 ```bash
-npm install @alter-vault/connect
+npm install @alter-ai/connect
 ```
 
 Or use via CDN:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@alter-vault/connect@latest/dist/alter-connect.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@alter-ai/connect@latest/dist/alter-connect.umd.js"></script>
 ```
 
 ### 2. Get a Session Token from Your Backend
@@ -31,9 +33,15 @@ const response = await fetch('https://api.alterai.dev/oauth/connect/session', {
   body: JSON.stringify({
     end_user: {
       id: 'user_123',
-      email: 'user@example.com'
+      email: 'user@example.com',
+      name: 'John Doe'
+    },
+    attributes: {
+      user_id: 'user_123',
+      org_id: 'org_456'
     },
-    allowed_providers: ['google', 'slack', 'microsoft']
+    allowed_providers: ['google', 'slack', 'microsoft'],
+    allowed_origin: 'https://yourapp.com'
   })
 });
 
@@ -43,9 +51,9 @@ const { session_token } = await response.json();
 ### 3. Open the Connect UI
 
 ```javascript
-import AlterConnect from '@alter-vault/connect';
+import AlterConnect from '@alter-ai/connect';
 
-// Initialize SDK
+// Initialize SDK (no API key needed!)
 const alterConnect = AlterConnect.create();
 
 // Get session token from YOUR backend
@@ -60,19 +68,22 @@ await alterConnect.open({
   },
   onError: (error) => {
     console.error('Failed:', error);
+  },
+  onExit: () => {
+    console.log('User closed the window');
   }
 });
 ```
 
-That's it! The SDK handles the OAuth flow, popup windows, and all security.
+That's it! The SDK handles the OAuth flow, popup windows, mobile redirects, and all security.
 
-## 📖 Framework Examples
+## Framework Examples
 
 ### React
 
 ```jsx
 import { useState } from 'react';
-import AlterConnect from '@alter-vault/connect';
+import AlterConnect from '@alter-ai/connect';
 
 function ConnectButton() {
   const [alterConnect] = useState(() => AlterConnect.create());
@@ -102,7 +113,7 @@ function ConnectButton() {
 
 <script setup>
 import { ref, onMounted } from 'vue';
-import AlterConnect from '@alter-vault/connect';
+import AlterConnect from '@alter-ai/connect';
 
 const alterConnect = ref(null);
 
@@ -127,7 +138,7 @@ async function handleConnect() {
 ```html
 <button id="connect-btn">Connect Account</button>
 
-<script src="https://cdn.jsdelivr.net/npm/@alter-vault/connect@latest/dist/alter-connect.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@alter-ai/connect@latest/dist/alter-connect.umd.js"></script>
 <script>
   const alterConnect = AlterConnect.create();
 
@@ -143,100 +154,7 @@ async function handleConnect() {
 </script>
 ```
 
-## 🎨 Branding & Customization
-
-**Branding is now managed through the Developer Portal** and automatically applied to the Connect UI at runtime.
-
-### Managing Branding (Developer Portal)
-
-Configure your app's branding through the Developer Portal API:
-
-#### Initial Setup or Complete Rebrand (PUT)
-
-Use PUT for initial branding setup or to completely replace existing branding:
-
-```javascript
-// Create or fully replace branding
-await fetch('https://api.alterai.dev/api/v1/developer/apps/{app_id}/branding', {
-  method: 'PUT',
-  headers: {
-    'Authorization': `Bearer ${DEVELOPER_TOKEN}`,
-    'Content-Type': 'application/json'
-  },
-  body: JSON.stringify({
-    logo_url: 'https://your-domain.com/logo.png',  // Required
-    colors: {                                        // Required
-      primary: '#6366f1',
-      text: '#1f2937',
-      background: '#ffffff'
-    },
-    font_family: 'Inter, sans-serif'  // Optional
-  })
-});
-```
-
-#### Partial Updates (PATCH)
-
-Use PATCH to update specific branding fields:
-
-```javascript
-// Update only font (logo + colors preserved)
-await fetch('https://api.alterai.dev/api/v1/developer/apps/{app_id}/branding', {
-  method: 'PATCH',
-  headers: {
-    'Authorization': `Bearer ${DEVELOPER_TOKEN}`,
-    'Content-Type': 'application/json'
-  },
-  body: JSON.stringify({
-    font_family: 'Roboto, sans-serif'
-  })
-});
-
-// Update logo + colors (font preserved)
-await fetch('https://api.alterai.dev/api/v1/developer/apps/{app_id}/branding', {
-  method: 'PATCH',
-  headers: {
-    'Authorization': `Bearer ${DEVELOPER_TOKEN}`,
-    'Content-Type': 'application/json'
-  },
-  body: JSON.stringify({
-    logo_url: 'https://your-domain.com/new-logo.png',
-    colors: {
-      primary: '#ff0000',
-      text: '#000000',
-      background: '#ffffff'
-    }
-  })
-});
-```
-
-**Important Rules:**
-- **PUT:** Requires `logo_url` and `colors`. Font is optional. Replaces all existing branding.
-- **PATCH:** Requires existing branding (use PUT first). If updating logo or colors, both must be provided together. Font can be updated independently.
-- **DELETE:** Removes all branding and reverts to Alter defaults.
-
-### How It Works
-
-1. **Configure branding** in the Developer Portal
-2. **SDK fetches branding** automatically when `alterConnect.open()` is called
-3. **Branding is applied** instantly to the Connect UI
-4. **No redeployment needed** - changes take effect immediately
-
-### Fallback Behavior
-
-If no branding is configured or the API call fails, the SDK gracefully falls back to Alter's default branding.
-
-### SDK Configuration Options
-
-For local development or debugging, you can still configure some options:
-
-```javascript
-const alterConnect = AlterConnect.create({
-  debug: true  // Enable console logging
-});
-```
-
-## 📚 API Reference
+## API Reference
 
 ### `AlterConnect.create(config?)`
 
@@ -244,42 +162,40 @@ Creates a new SDK instance.
 
 ```javascript
 const alterConnect = AlterConnect.create({
-  debug: false
+  debug: true  // Enable console logging (default: false)
 });
 ```
 
-**Config Options:**
-
 | Option | Type | Description | Default |
 |--------|------|-------------|---------|
 | `debug` | `boolean` | Enable debug logging | `false` |
 
-**Note:** Branding (colors, fonts, logo) is now managed through the Developer Portal and fetched automatically at runtime.
+**Note:** Visual customization (colors, fonts, logo) is configured via the Developer Portal branding settings. The backend-served Connect UI applies your branding automatically.
 
 ---
 
 ### `alterConnect.open(options)`
 
-Opens the Connect UI modal.
+Opens the Connect UI. On desktop, opens a centered popup window (500x700px). On mobile, uses a full-page redirect flow.
 
 ```javascript
 await alterConnect.open({
   token: 'sess_abc123...',
+  baseURL: 'https://api.alterai.dev',  // Optional
   onSuccess: (connection) => { /* ... */ },
   onError: (error) => { /* ... */ },
-  onExit: () => { /* ... */ }
+  onExit: () => { /* ... */ },
+  onEvent: (eventName, metadata) => { /* ... */ }
 });
 ```
 
-**Options:**
-
 | Parameter | Type | Required | Description |
 |-----------|------|----------|-------------|
-| `token` | `string` | ✅ Yes | Session token from your backend |
+| `token` | `string` | Yes | Session token from your backend |
 | `baseURL` | `string` | No | Alter API URL (usually auto-detected) |
-| `onSuccess` | `function` | ✅ Yes | Called when connection succeeds |
+| `onSuccess` | `function` | Yes | Called when connection succeeds |
 | `onError` | `function` | No | Called when connection fails |
-| `onExit` | `function` | No | Called when user closes modal |
+| `onExit` | `function` | No | Called when user closes popup |
 | `onEvent` | `function` | No | Called for analytics events |
 
 **Connection Object (onSuccess):**
@@ -292,9 +208,12 @@ await alterConnect.open({
   account_identifier: string;   // e.g., 'user@gmail.com'
   timestamp: string;            // ISO 8601 timestamp
   operation: 'creation' | 'reauth';
-  scopes: string[];            // Granted OAuth scopes
+  scopes: string[];             // Granted OAuth scopes
   status: 'active' | 'pending' | 'error';
-  metadata?: object;           // Additional provider data
+  metadata?: {
+    account_display_name?: string;
+    account_email?: string;
+  };
 }
 ```
 
@@ -330,6 +249,22 @@ alterConnect.destroy();
 
 ---
 
+### `alterConnect.on(event, handler)`
+
+Register an event listener. Returns an unsubscribe function.
+
+```javascript
+const unsubscribe = alterConnect.on('success', (connection) => {
+  console.log('Connected:', connection);
+});
+
+// Later: unsubscribe();
+```
+
+**Events:** `success`, `error`, `exit`, `close`, `event`
+
+---
+
 ### `alterConnect.isOpen()`
 
 Checks if the Connect UI is currently open.
@@ -340,8 +275,6 @@ if (alterConnect.isOpen()) {
 }
 ```
 
-**Returns:** `boolean`
-
 ---
 
 ### `alterConnect.getVersion()`
@@ -349,14 +282,38 @@ if (alterConnect.isOpen()) {
 Gets the SDK version.
 
 ```javascript
-console.log(alterConnect.getVersion()); // "0.1.0"
+console.log(alterConnect.getVersion()); // "0.2.1"
 ```
 
-**Returns:** `string`
+## Mobile Support
+
+The SDK automatically detects mobile devices and switches to an optimized flow:
+
+| Device | Flow | How It Works |
+|--------|------|-------------|
+| Desktop | Popup | Opens centered popup (500x700px), communicates via postMessage |
+| Phone (<=480px) | Redirect | Full-page redirect, returns via URL params |
+| Tablet (portrait) | Redirect | Full-page redirect for better UX |
+| Tablet (landscape) | Popup | Uses popup flow like desktop |
+
+No code changes needed — the SDK handles device detection automatically.
+
+For mobile redirect flow, include a `return_url` when creating the session:
+
+```javascript
+// Backend session creation with mobile support
+body: JSON.stringify({
+  end_user: { id: 'user_123', email: 'user@example.com' },
+  attributes: { user_id: 'user_123' },
+  allowed_providers: ['google', 'slack'],
+  allowed_origin: 'https://yourapp.com',  // For desktop popup (postMessage)
+  return_url: 'https://yourapp.com/'      // For mobile redirect (return destination)
+})
+```
 
-## 🔒 Security Architecture
+## Security Architecture
 
-The SDK uses a **Plaid-style token architecture** for security:
+The SDK uses a **Plaid-style token architecture**:
 
 ```
 Frontend (Public)          Backend (Secure)           Alter API
@@ -375,140 +332,63 @@ Frontend (Public)          Backend (Secure)           Alter API
      │  4. { session_token }    │                        │
      │<─────────────────────────│                        │
      │                          │                        │
-     │  5. SDK.open({ token })  │                        │
-     │──────────────────────────┼───────────────────────>│
-     │                          │  6. OAuth flow         │
-     │<─────────────────────────┴────────────────────────│
-     │  7. onSuccess(connection)│                        │
+     │  5. SDK opens popup to backend Connect UI         │
+     │───────────────────────────────────────────────────>│
+     │                          │                        │
+     │     6. Backend handles auth + OAuth               │
+     │                          │                        │
+     │  7. postMessage(connection)                       │
+     │<──────────────────────────────────────────────────│
+     │  8. onSuccess(connection) │                        │
 ```
 
 **Key Security Features:**
 
-✅ **API keys never touch frontend** - Only backend has API key
-✅ **Session tokens are short-lived** - Expire after 10 minutes
-✅ **Session tokens are single-use** - Can only create one connection
-✅ **Session tokens are scoped** - Locked to specific user & providers
-✅ **No secrets in browser** - SDK is purely a UI component
+- **API keys never touch frontend** - Only backend has API key
+- **Session tokens are short-lived** - Expire after 10 minutes
+- **Session tokens are single-use** - Can only create one connection
+- **Session tokens are scoped** - Locked to specific user & providers
+- **No secrets in browser** - SDK is purely a popup launcher + callback listener
 
-## 💡 Smart UX
+## Smart UX
 
 ### Single Provider Flow
 
-When only 1 provider is allowed, the SDK **skips the selection UI** and opens OAuth directly:
+When only 1 provider is allowed, the Connect UI **skips the selection screen** and opens OAuth directly:
 
 ```javascript
-// Backend
-allowed_providers: ['google']
-
-// SDK behavior: Opens Google OAuth immediately (no modal)
+// Backend: allowed_providers: ['google']
+// Result: Opens Google OAuth immediately (no selection screen)
 ```
 
 ### Multiple Provider Flow
 
-When 2+ providers are allowed, the SDK shows a **provider selection modal**:
+When 2+ providers are allowed, the Connect UI shows a **provider selection screen**:
 
 ```javascript
-// Backend
-allowed_providers: ['google', 'slack', 'microsoft']
-
-// SDK behavior: Shows modal with provider grid
+// Backend: allowed_providers: ['google', 'slack', 'microsoft']
+// Result: Shows provider selection, user picks one
 ```
 
-## 🎯 Common Patterns
-
-### Save Connection to Your Database
-
-```javascript
-await alterConnect.open({
-  token: sessionToken,
-  onSuccess: async (connection) => {
-    // Save to YOUR database
-    await fetch('/api/connections', {
-      method: 'POST',
-      body: JSON.stringify({
-        connection_id: connection.connection_id,
-        user_id: currentUserId,
-        provider: connection.provider
-      })
-    });
-  }
-});
-```
-
-### Validate Provider Type
-
-```javascript
-await alterConnect.open({
-  token: sessionToken,
-  onSuccess: async (connection) => {
-    // Ensure user connected the right provider
-    if (connection.provider !== 'google') {
-      alert('Please connect your Gmail account');
-      return;
-    }
-
-    await saveConnection(connection);
-  }
-});
-```
-
-### Validate Email Domain
-
-```javascript
-await alterConnect.open({
-  token: sessionToken,
-  onSuccess: async (connection) => {
-    // Ensure user connected a work email
-    if (!connection.account_identifier.endsWith('@company.com')) {
-      alert('Please connect your @company.com work email');
-      return;
-    }
-
-    await saveConnection(connection);
-  }
-});
-```
-
-### Handle Errors Gracefully
-
-```javascript
-await alterConnect.open({
-  token: sessionToken,
-  onSuccess: (connection) => {
-    console.log('Connected!', connection);
-  },
-  onError: (error) => {
-    if (error.code === 'popup_blocked') {
-      alert('Please allow popups for this site');
-    } else if (error.code === 'session_expired') {
-      alert('Session expired. Please try again.');
-    } else {
-      alert(`Connection failed: ${error.message}`);
-    }
-  },
-  onExit: () => {
-    console.log('User cancelled');
-  }
-});
-```
-
-## 📦 TypeScript Support
+## TypeScript Support
 
 Full TypeScript definitions included:
 
 ```typescript
-import AlterConnect, { Connection, AlterError } from '@alter-vault/connect';
+import AlterConnect, {
+  AlterConnectConfig,
+  Connection,
+  AlterError
+} from '@alter-ai/connect';
 
-const alterConnect = AlterConnect.create({
-  customization: { colors: { primary: '#6366f1' } }
-});
+const alterConnect = AlterConnect.create({ debug: true });
 
 await alterConnect.open({
   token: sessionToken,
   onSuccess: (connection: Connection) => {
-    // TypeScript knows all properties
     console.log(connection.connection_id);
     console.log(connection.provider);
+    console.log(connection.scopes);
   },
   onError: (error: AlterError) => {
     console.error(error.code, error.message);
@@ -516,21 +396,24 @@ await alterConnect.open({
 });
 ```
 
-## 🌐 Browser Support
+## Bundle Size
+
+| Format | Size | Gzipped |
+|--------|------|---------|
+| **CJS** | ~10KB | ~3.5KB |
+| **ESM** | ~10KB | ~3.4KB |
+| **UMD** | ~11KB | ~3.5KB |
+
+Zero runtime dependencies.
+
+## Browser Support
 
 - Chrome/Edge 90+
 - Firefox 88+
 - Safari 14+
 - Mobile browsers (iOS Safari 14+, Chrome Mobile)
 
-## 📊 Bundle Size
-
-- **UMD:** 21KB minified
-- **ESM:** 21KB minified
-- **CJS:** 21KB minified
-- **Zero runtime dependencies**
-
-## 🐛 Troubleshooting
+## Troubleshooting
 
 ### Popup Blocked
 
@@ -539,13 +422,13 @@ await alterConnect.open({
 **Solution:** Ensure `alterConnect.open()` is called directly from a user interaction (click event):
 
 ```javascript
-// ❌ Bad - may be blocked
+// Bad - may be blocked
 button.addEventListener('click', async () => {
   const token = await fetchToken(); // Async delay
   alterConnect.open({ token }); // May be blocked
 });
 
-// ✅ Good - no async delay before open()
+// Good - no async delay before open()
 button.addEventListener('click', () => {
   fetchToken().then(token => {
     alterConnect.open({ token }); // Called synchronously
@@ -565,13 +448,13 @@ button.addEventListener('click', () => {
 
 **Solution:** Session tokens should be created from your **backend**, not frontend. The SDK handles all frontend API calls.
 
-## 🤝 Support
+## Support
 
 - **Documentation:** [https://docs.alterai.dev](https://docs.alterai.dev)
 - **API Reference:** [https://api.alterai.dev/docs](https://api.alterai.dev/docs)
-- **Issues:** [GitHub Issues](https://github.com/alter-ai/alter-vault/issues)
+- **Issues:** [GitHub Issues](https://github.com/AlterAIDev/Alter-Vault/issues)
 - **Email:** support@alterai.dev
 
-## 📄 License
+## License
 
 MIT License - See [LICENSE](LICENSE) file for details

package/dist/alter-connect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t={colors:{primary:"#6366f1",text:"#1f2937",background:"#ffffff"},fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},e="en",n=!1;function o(t){if(t.customization?.colors?.primary&&!r(t.customization.colors.primary))throw new Error(`Invalid primary color: ${t.customization.colors.primary}`);if(t.customization?.colors?.text&&!r(t.customization.colors.text))throw new Error(`Invalid text color: ${t.customization.colors.text}`);if(t.customization?.colors?.background&&!r(t.customization.colors.background))throw new Error(`Invalid background color: ${t.customization.colors.background}`)}function s(o){const s=t.colors,i=t.fontFamily;return{customization:{colors:{primary:o.customization?.colors?.primary||s.primary,text:o.customization?.colors?.text||s.text,background:o.customization?.colors?.background||s.background},fontFamily:o.customization?.fontFamily||i},locale:o.locale||e,debug:o.debug??n}}function i(t,...e){t.debug&&console.log("[Alter Connect]",...e)}function r(t){return!!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t)||(!!/^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d.]+\s*)?\)$/.test(t)||(!!/^hsla?\(\s*\d+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/.test(t)||!!/^[a-z]+$/.test(t.toLowerCase())))}class a{constructor(){this.events=new Map}on(t,e){return this.events.has(t)||this.events.set(t,new Set),this.events.get(t).add(e),()=>this.off(t,e)}off(t,e){const n=this.events.get(t);n&&n.delete(e)}emit(t,...e){const n=this.events.get(t);n&&n.forEach(n=>{try{n(...e)}catch(e){console.error(`[Alter Connect] Error in event handler for '${t}':`,e)}})}removeAllListeners(t){t?this.events.delete(t):this.events.clear()}}class l{constructor(){this.state={isOpen:!1,isLoading:!1,error:null,sessionToken:null,providers:[],selectedProvider:null,searchQuery:"",categoryFilter:null},this.listeners=new Set}getState(){return{...this.state}}get(t){return this.state[t]}setState(t){this.state={...this.state,...t},this.notifyListeners()}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}clearListeners(){this.listeners.clear()}notifyListeners(){const t=this.getState();this.listeners.forEach(e=>{try{e(t)}catch(t){console.error("[Alter Connect] Error in state listener:",t)}})}}class c{constructor(t=!1){this.TIMEOUT=3e4,this.DEFAULT_BASE_URL="https://api.alterai.dev",this.debug=t}async fetchProviders(t,e){this.log("Fetching providers with session token");const n=await this.fetch("/oauth/providers",{method:"GET",sessionToken:t,baseURL:e||this.DEFAULT_BASE_URL});return this.log(`Fetched ${n.providers.length} providers`),n.providers}async fetchBranding(t,e){this.log("Fetching branding with session token");const n=await this.fetch("/oauth/branding",{method:"GET",sessionToken:t,baseURL:e||this.DEFAULT_BASE_URL});return this.log("Fetched branding:",n),n}buildAuthorizationURL(t,e,n){const o=`${n||this.DEFAULT_BASE_URL}/oauth/connect/initiate?provider=${t}&session=${e}`;return this.log("Authorization URL:",o),o}async fetch(t,e){const n=`${e.baseURL}${t}`,o={"Content-Type":"application/json"};e.sessionToken&&(o["X-Session-Token"]=e.sessionToken);const s=new AbortController,i=setTimeout(()=>s.abort(),this.TIMEOUT);try{const t=await fetch(n,{method:e.method,headers:o,body:e.body,signal:s.signal});if(clearTimeout(i),!t.ok){const e=await t.json().catch(()=>({error:"unknown_error",message:`HTTP ${t.status}: ${t.statusText}`}));throw this.createError(e.error||"api_error",e.message||e.error_description||`Request failed with status ${t.status}`,e)}return await t.json()}catch(t){if(clearTimeout(i),"AbortError"===t.name)throw this.createError("timeout",`Request timed out after ${this.TIMEOUT}ms`,{timeout:this.TIMEOUT});if(t instanceof TypeError)throw this.createError("network_error","Network request failed. Please check your internet connection.",{originalError:t.message});if(this.isAlterError(t))throw t;throw this.createError("unknown_error",t.message||"An unexpected error occurred",{originalError:t})}}createError(t,e,n){return{code:t,message:e,details:n}}isAlterError(t){return t&&"object"==typeof t&&"code"in t&&"message"in t}log(...t){this.debug&&console.log("[Alter API Client]",...t)}}class h{constructor(t){this.overlay=null,this.container=null,this.contentEl=null,this.closeButton=null,this.onClose=null,this.handleClose=()=>{this.onClose&&this.onClose()},this.handleEscape=t=>{"Escape"===t.key&&this.handleClose()},this.config=t}open(t){this.onClose=t.onClose,this.overlay=document.createElement("div"),this.overlay.className="alter-connect-overlay",this.overlay.style.cssText="\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 999999;\n      animation: alter-connect-fade-in 0.2s ease-out;\n    ",this.container=document.createElement("div"),this.container.className="alter-connect-modal",this.container.style.cssText=`\n      background: #ffffff;\n      border-radius: 12px;\n      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n      width: 90%;\n      max-width: 480px;\n      max-height: 90vh;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      font-family: ${this.config.customization.fontFamily};\n      animation: alter-connect-slide-up 0.3s ease-out;\n      color: #1a1a1a;\n    `,this.closeButton=document.createElement("button"),this.closeButton.className="alter-connect-close",this.closeButton.innerHTML="×",this.closeButton.setAttribute("aria-label","Close"),this.closeButton.style.cssText="\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      background: transparent;\n      border: none;\n      font-size: 28px;\n      line-height: 1;\n      color: #6b7280;\n      cursor: pointer;\n      padding: 0;\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n      transition: background-color 0.2s, color 0.2s;\n    ",this.closeButton.addEventListener("click",()=>this.handleClose()),this.closeButton.addEventListener("mouseenter",()=>{this.closeButton.style.backgroundColor="#f3f4f6",this.closeButton.style.color="#111827"}),this.closeButton.addEventListener("mouseleave",()=>{this.closeButton.style.backgroundColor="transparent",this.closeButton.style.color="#6b7280"}),this.contentEl=document.createElement("div"),this.contentEl.className="alter-connect-content",this.contentEl.style.cssText="\n      padding: 40px 32px 32px 32px;\n      overflow-y: auto;\n      flex: 1;\n      position: relative;\n    ",this.container.appendChild(this.closeButton),this.container.appendChild(this.contentEl),this.overlay.appendChild(this.container),document.body.appendChild(this.overlay),this.overlay.addEventListener("click",t=>{t.target===this.overlay&&this.handleClose()}),document.addEventListener("keydown",this.handleEscape),document.body.style.overflow="hidden"}setContent(t){this.contentEl&&(this.contentEl.innerHTML="",this.contentEl.appendChild(t))}close(){this.overlay&&this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay),this.overlay=null,this.container=null,this.contentEl=null,this.closeButton=null,this.onClose=null,document.removeEventListener("keydown",this.handleEscape),document.body.style.overflow=""}destroy(){this.close()}}class d{constructor(t){this.container=null,this.onProviderClick=null,this.config=t}render(t,e){return this.onProviderClick=e,this.container=document.createElement("div"),this.container.className="alter-connect-provider-list",this.container.style.cssText="\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n      gap: 12px;\n      margin-bottom: 20px;\n    ",this.renderProviders(t),this.container}update(t){this.container&&(this.container.innerHTML="",this.renderProviders(t))}destroy(){this.container=null,this.onProviderClick=null}renderProviders(t){if(this.container){if(0===t.length){const t=document.createElement("div");return t.style.cssText="\n        text-align: center;\n        padding: 40px 20px;\n        color: white;\n        font-size: 14px;\n      ",t.textContent="No providers found",void this.container.appendChild(t)}t.forEach(t=>{const e=this.createProviderButton(t);this.container.appendChild(e)})}}createProviderButton(t){const e=document.createElement("button");e.className="alter-connect-provider-button",e.setAttribute("data-provider-id",t.id),e.style.cssText=`\n      display: flex;\n      align-items: center;\n      padding: 16px;\n      background: white;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 0.15s;\n      text-decoration: none;\n      color: inherit;\n      gap: 12px;\n      font-family: ${this.config.customization.fontFamily};\n      width: 100%;\n    `;const n=document.createElement("span");n.textContent="→",n.className="connect-arrow",n.style.cssText="\n      color: #9ca3af;\n      font-size: 18px;\n      transition: all 0.15s;\n      flex-shrink: 0;\n    ",e.addEventListener("mouseenter",()=>{e.style.borderColor="#d1d5db",e.style.boxShadow="0 2px 8px rgba(0, 0, 0, 0.08)",e.style.transform="translateY(-1px)",n.style.color="#000000",n.style.transform="translateX(2px)"}),e.addEventListener("mouseleave",()=>{e.style.borderColor="#e5e7eb",e.style.boxShadow="none",e.style.transform="translateY(0)",n.style.color="#9ca3af",n.style.transform="translateX(0)"});const o=document.createElement("div");if(o.style.cssText="\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #f9fafb;\n      border: 1px solid #e5e7eb;\n      flex-shrink: 0;\n    ",t.logo_url){const e=document.createElement("img");e.src=t.logo_url,e.alt=t.name,e.style.cssText="\n        width: 28px;\n        height: 28px;\n        object-fit: contain;\n      ",e.addEventListener("error",()=>{o.textContent=t.name.charAt(0).toUpperCase()}),o.appendChild(e)}else o.textContent=t.name.charAt(0).toUpperCase();const s=document.createElement("div");s.style.cssText="\n      flex: 1;\n      min-width: 0;\n      text-align: left;\n    ";const i=document.createElement("div");i.textContent=t.name,i.style.cssText="\n      font-size: 14px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin-bottom: 2px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    ";const r=document.createElement("div");return r.textContent=t.category?t.category.charAt(0).toUpperCase()+t.category.slice(1):"Other",r.style.cssText="\n      font-size: 12px;\n      color: #6b7280;\n      font-weight: 400;\n    ",s.appendChild(i),s.appendChild(r),e.appendChild(o),e.appendChild(s),e.appendChild(n),e.addEventListener("click",()=>{this.onProviderClick&&this.onProviderClick(t)}),e}}class p{constructor(t){this.popup=null,this.pollInterval=null,this.messageListener=null,this.options={onSuccess:t.onSuccess,onError:t.onError,onCancel:t.onCancel,popupWidth:t.popupWidth||450,popupHeight:t.popupHeight||600,debug:t.debug||!1}}openPopup(t){const e=window.screenX+(window.outerWidth-this.options.popupWidth)/2,n=window.screenY+(window.outerHeight-this.options.popupHeight)/2,o=[`width=${this.options.popupWidth}`,`height=${this.options.popupHeight}`,`left=${e}`,`top=${n}`,"resizable=yes","scrollbars=yes","status=yes"].join(",");this.log("Opening OAuth popup:",t),this.popup=window.open(t,"alter_oauth_popup",o),this.popup?(this.startPolling(),this.setupMessageListener()):this.options.onError({code:"popup_blocked",message:"Popup was blocked by browser. Please allow popups for this site."})}close(){this.log("Closing OAuth handler"),this.popup&&!this.popup.closed&&this.popup.close(),this.popup=null,null!==this.pollInterval&&(clearInterval(this.pollInterval),this.pollInterval=null),this.messageListener&&(window.removeEventListener("message",this.messageListener),this.messageListener=null)}startPolling(){this.pollInterval=window.setInterval(()=>{this.popup&&!this.popup.closed||(this.log("Popup closed by user"),this.close(),this.options.onCancel())},500)}setupMessageListener(){this.messageListener=t=>{this.log("Received message:",t.data);const e=t.data;if(e&&"object"==typeof e)if("alter_connect_success"===e.type){this.log("OAuth success");const t={connection_id:e.connection_id,provider:e.provider,provider_name:e.provider_name||e.provider,account_identifier:e.account_identifier,timestamp:e.timestamp,operation:e.operation||"creation",scopes:e.scopes||[],status:e.status||"active",metadata:e.metadata};this.close(),this.options.onSuccess(t)}else if("alter_connect_error"===e.type){this.log("OAuth error");const t={code:e.error||"oauth_error",message:e.error_description||"OAuth authorization failed",details:e};this.close(),this.options.onError(t)}},window.addEventListener("message",this.messageListener)}log(...t){this.options.debug&&console.log("[OAuth Handler]",...t)}}const u="0.1.0";class g{constructor(t={}){this._searchBar=null,this._providerList=null,this._oauthHandler=null,this._baseURL="https://api.alterai.dev",o(t),this.config=s(t),this.eventEmitter=new a,this.stateManager=new l,this.apiClient=new c(this.config.debug),this._modal=new h(this.config),this._isInitialized=!0,function(){if(document.getElementById("alter-connect-styles"))return;const t=document.createElement("style");t.id="alter-connect-styles",t.textContent="\n    @keyframes alter-connect-fade-in {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    @keyframes alter-connect-slide-up {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .alter-connect-modal * {\n      box-sizing: border-box;\n    }\n  ",document.head.appendChild(t)}(),i(this.config,"Alter Connect SDK initialized",{version:u})}static create(t){return new g(t)}async open(t){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call open() - SDK instance has been destroyed");if(i(this.config,"Opening Connect UI"),!t.token||"string"!=typeof t.token)throw this.createError("invalid_options","Session token is required. Create one from your backend using POST /oauth/connect/session");if(!t.onSuccess||"function"!=typeof t.onSuccess)throw this.createError("invalid_options","onSuccess callback is required");if(this.isOpen())i(this.config,"Connect UI is already open");else try{this._baseURL=t.baseURL||"https://api.alterai.dev",this.stateManager.setState({isOpen:!0,isLoading:!0,error:null}),this.stateManager.setState({sessionToken:t.token});const[e,n]=await Promise.all([this.apiClient.fetchProviders(t.token,this._baseURL),this.apiClient.fetchBranding(t.token,this._baseURL).catch(()=>null)]);if(n&&(i(this.config,"Applying branding from API"),n.colors&&(this.config.customization.colors={primary:n.colors.primary,text:n.colors.text,background:n.colors.background}),n.font_family&&(this.config.customization.fontFamily=n.font_family),this.config.customization.logoUrl=n.logo_url||void 0),this.stateManager.setState({providers:e,isLoading:!1}),this.registerEventHandlers(t),1===e.length)i(this.config,"Single provider detected - skipping selection UI"),this.handleProviderClick(e[0]),t.onEvent&&t.onEvent("single_provider_flow",{timestamp:(new Date).toISOString(),provider:e[0].id});else{i(this.config,"Multiple providers detected - showing selection UI");const n=this.buildUIContent(e);this._modal.open({onClose:()=>{this.eventEmitter.emit("exit")}}),this._modal.setContent(n),t.onEvent&&t.onEvent("modal_opened",{timestamp:(new Date).toISOString(),providerCount:e.length})}i(this.config,"Connect UI opened successfully")}catch(e){throw i(this.config,"Error opening Connect UI:",e),this.stateManager.setState({isLoading:!1,isOpen:!1,error:this.normalizeError(e)}),t.onError&&t.onError(this.normalizeError(e)),e}}close(){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call close() - SDK instance has been destroyed");i(this.config,"Closing Connect UI"),this._oauthHandler&&(this._oauthHandler.close(),this._oauthHandler=null),this._searchBar&&(this._searchBar.destroy(),this._searchBar=null),this._providerList&&(this._providerList.destroy(),this._providerList=null),this._modal.close(),this.stateManager.setState({isOpen:!1,selectedProvider:null,searchQuery:"",categoryFilter:null}),this.eventEmitter.emit("close")}destroy(){this._isInitialized&&(i(this.config,"Destroying SDK instance"),this._oauthHandler&&(this._oauthHandler.close(),this._oauthHandler=null),this._searchBar&&(this._searchBar.destroy(),this._searchBar=null),this._providerList&&(this._providerList.destroy(),this._providerList=null),this._modal.destroy(),this.stateManager.get("isOpen")&&this.stateManager.setState({isOpen:!1,selectedProvider:null,searchQuery:"",categoryFilter:null}),this.eventEmitter.removeAllListeners(),this.stateManager.clearListeners(),this._isInitialized=!1)}updateConfig(t){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call updateConfig() - SDK instance has been destroyed");i(this.config,"Updating config",t);const e={...this.config,...t};o(e),this.config=s(e),this.apiClient=new c(this.config.debug)}getConfig(){return{...this.config}}on(t,e){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call on() - SDK instance has been destroyed");return this.eventEmitter.on(t,e)}off(t,e){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call off() - SDK instance has been destroyed");this.eventEmitter.off(t,e)}isOpen(){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call isOpen() - SDK instance has been destroyed");return this.stateManager.get("isOpen")}getVersion(){return u}buildUIContent(t){const e=document.createElement("div");e.className="alter-connect-ui-container";const n=document.createElement("div");n.style.cssText="\n      background: #000000;\n      border-bottom: 1px solid #1a1a1a;\n      padding: 20px 24px;\n      margin: -32px -32px 32px -32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    ";const o=document.createElement("img");this.config.customization.logoUrl?(o.src=this.config.customization.logoUrl,o.alt="App Logo"):(o.src=`${this._baseURL}/static/Alter_Primary_Logo_name.png`,o.alt="Alter"),o.style.cssText="\n      height: 28px;\n      width: auto;\n      max-width: 200px;\n      object-fit: contain;\n    ",o.addEventListener("error",()=>{const t=document.createElement("div");t.textContent="alter",t.style.cssText='\n        font-size: 18px;\n        font-weight: 600;\n        color: #ffffff;\n        letter-spacing: -0.02em;\n        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n      ',o.replaceWith(t)}),n.appendChild(o);const s=document.createElement("div");s.style.cssText="\n      margin-bottom: 32px;\n      text-align: center;\n    ";const i=document.createElement("h1");i.textContent="Connect an Integration",i.style.cssText='\n      font-size: 24px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin-bottom: 8px;\n      letter-spacing: -0.02em;\n      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n    ';const r=document.createElement("p");r.textContent="Choose a service to connect to your account",r.style.cssText='\n      margin: 0;\n      font-size: 15px;\n      color: #6b7280;\n      font-weight: 400;\n      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n    ',s.appendChild(i),s.appendChild(r),this._providerList=new d(this.config);const a=this._providerList.render(t,t=>{this.handleProviderClick(t)});return e.appendChild(n),e.appendChild(s),e.appendChild(a),e}handleProviderClick(t){i(this.config,"Provider clicked:",t.id),this.stateManager.setState({selectedProvider:t});const e=this.stateManager.get("sessionToken");if(!e){const t=this.createError("no_session","No active session");return void this.eventEmitter.emit("error",t)}const n=this.apiClient.buildAuthorizationURL(t.id,e,this._baseURL);this._oauthHandler=new p({onSuccess:t=>{i(this.config,"OAuth success:",t),this.handleOAuthSuccess(t)},onError:t=>{i(this.config,"OAuth error:",t),this.handleOAuthError(t)},onCancel:()=>{i(this.config,"OAuth cancelled"),this.handleOAuthCancel()},popupWidth:450,popupHeight:600,debug:this.config.debug}),this._oauthHandler.openPopup(n),i(this.config,"OAuth flow started for provider:",t.id)}handleOAuthSuccess(t){this.stateManager.setState({selectedProvider:null}),this.eventEmitter.emit("success",t),this._oauthHandler&&(this._oauthHandler=null)}handleOAuthError(t){this.stateManager.setState({selectedProvider:null,error:t}),this.eventEmitter.emit("error",t),this._oauthHandler&&(this._oauthHandler=null)}handleOAuthCancel(){this.stateManager.setState({selectedProvider:null}),this.eventEmitter.emit("exit"),this._oauthHandler&&(this._oauthHandler=null)}registerEventHandlers(t){t.onSuccess&&this.eventEmitter.on("success",e=>{t.onSuccess(e),this.close()}),t.onExit&&this.eventEmitter.on("exit",()=>{t.onExit(),this.close()}),t.onError&&this.eventEmitter.on("error",e=>{t.onError(e)}),t.onEvent&&this.eventEmitter.on("event",(e,n)=>{t.onEvent(e,n)})}createError(t,e,n){const o=new Error(e);return o.code=t,o.details=n,o}normalizeError(t){if(t&&"object"==typeof t&&"code"in t&&"message"in t)return t;const e=this.createError("unknown_error",t?.message||String(t)||"An unexpected error occurred",{originalError:t});return{code:e.code,message:e.message,details:e.details}}}exports.default=g;
+"use strict";function e(e,...t){e.debug&&console.log("[Alter Connect]",...t)}Object.defineProperty(exports,"__esModule",{value:!0});class t{constructor(){this.events=new Map}on(e,t){return this.events.has(e)||this.events.set(e,new Set),this.events.get(e).add(t),()=>this.off(e,t)}off(e,t){const s=this.events.get(e);s&&s.delete(t)}emit(e,...t){const s=this.events.get(e);s&&s.forEach(s=>{try{s(...t)}catch(t){console.error(`[Alter Connect] Error in event handler for '${e}':`,t)}})}removeAllListeners(e){e?this.events.delete(e):this.events.clear()}}class s{constructor(){this.state={isOpen:!1,sessionToken:null,error:null},this.listeners=new Set}getState(){return{...this.state}}get(e){return this.state[e]}setState(e){this.state={...this.state,...e},this.notifyListeners()}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}clearListeners(){this.listeners.clear()}notifyListeners(){const e=this.getState();this.listeners.forEach(t=>{try{t(e)}catch(e){console.error("[Alter Connect] Error in state listener:",e)}})}}function i(){const e=navigator.userAgent||navigator.vendor||window.opera,t=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(e),s="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0,i=window.innerWidth<=768;return t||s&&i}function n(){return i()&&window.innerWidth<=480?"phone":i()&&window.innerWidth>480&&window.innerWidth<=1024?"tablet":"desktop"}function o(e){return"reauth"===e?"reauth":"creation"}function r(e){return"pending"===e?"pending":"error"===e?"error":"active"}function a(e){sessionStorage.removeItem("alter_oauth_state");try{const t=new URL(e);window.history.replaceState({},document.title,t.pathname+t.search+t.hash)}catch{window.history.replaceState({},document.title,window.location.pathname)}}class c{constructor(e){this.popup=null,this.pollInterval=null,this.messageListener=null,this.settled=!1,this.options={baseURL:e.baseURL,onSuccess:e.onSuccess,onError:e.onError,onCancel:e.onCancel,popupWidth:e.popupWidth||500,popupHeight:e.popupHeight||700,debug:e.debug||!1};try{this.expectedOrigin=new URL(e.baseURL).origin}catch{throw new Error(`Invalid baseURL: "${e.baseURL}". Must be a full URL with protocol (e.g., "https://api.alterai.dev").`)}}startOAuth(e){!function(){const e=n();return"phone"===e||"tablet"===e&&window.innerHeight>window.innerWidth}()?(this.log("Using popup flow for desktop"),this.openPopup(e)):(this.log("Using redirect flow for mobile device"),this.startRedirectFlow(e))}startRedirectFlow(e){this.log("Starting redirect flow:",e);const t={timestamp:Date.now(),returnUrl:window.location.href};try{sessionStorage.setItem("alter_oauth_state",JSON.stringify(t))}catch(e){return this.log("Failed to save state:",e),void this.options.onError({code:"redirect_error",message:"Failed to start OAuth flow: could not save session state",details:{error:e}})}window.location.href=e}static checkOAuthReturn(e,t){const s=sessionStorage.getItem("alter_oauth_state");if(!s)return!1;try{const i=JSON.parse(s);if(Date.now()-i.timestamp>3e5)return sessionStorage.removeItem("alter_oauth_state"),!1;const n=new URLSearchParams(window.location.search),c=n.get("alter_connect_success"),h=n.get("alter_connect_error");if("true"===c){const s=n.get("connection_id"),c=n.get("provider"),h=n.get("account_identifier");if(!s||!c||!h)return a(i.returnUrl),t({code:"invalid_response",message:"OAuth redirect returned incomplete connection data"}),!0;const l={connection_id:s,provider:c,provider_name:n.get("provider_name")||c,account_identifier:h,timestamp:n.get("timestamp")||(new Date).toISOString(),operation:o(n.get("operation")),scopes:n.get("scopes")?.split(",")||[],status:r(n.get("status"))};return a(i.returnUrl),e(l),!0}if(h){const e={code:n.get("error_code")||"oauth_error",message:n.get("error_description")||"OAuth authorization failed"};return a(i.returnUrl),t(e),!0}return!1}catch(e){return console.error("[OAuth Handler] Failed to check OAuth return:",e),sessionStorage.removeItem("alter_oauth_state"),!1}}openPopup(e){const t=window.screenX+(window.outerWidth-this.options.popupWidth)/2,s=window.screenY+(window.outerHeight-this.options.popupHeight)/2,i=[`width=${this.options.popupWidth}`,`height=${this.options.popupHeight}`,`left=${t}`,`top=${s}`,"resizable=yes","scrollbars=yes","status=yes"].join(",");this.log("Opening OAuth popup:",e),this.popup=window.open(e,"alter_oauth_popup",i),this.popup?(this.startPolling(),this.setupMessageListener()):this.options.onError({code:"popup_blocked",message:"Popup was blocked by browser. Please allow popups for this site."})}close(){this.log("Closing OAuth handler"),this.popup&&!this.popup.closed&&this.popup.close(),this.popup=null,null!==this.pollInterval&&(clearInterval(this.pollInterval),this.pollInterval=null),this.messageListener&&(window.removeEventListener("message",this.messageListener),this.messageListener=null)}startPolling(){this.pollInterval=window.setInterval(()=>{this.settled||this.popup&&!this.popup.closed||(this.log("Popup closed by user"),this.settled=!0,this.close(),this.options.onCancel())},500)}setupMessageListener(){this.messageListener=e=>{if(this.settled)return;if(e.origin!==this.expectedOrigin)return void this.log("Rejected message from unexpected origin:",e.origin,"(expected:",this.expectedOrigin+")");this.log("Received message from",e.origin);const t=e.data;if(t&&"object"==typeof t)if("alter_connect_success"===t.type){this.log("OAuth success");const e=function(e){return e.connection_id&&"string"==typeof e.connection_id?e.provider&&"string"==typeof e.provider?e.account_identifier&&"string"==typeof e.account_identifier?e.timestamp&&"string"==typeof e.timestamp?null:"Missing or invalid timestamp":"Missing or invalid account_identifier":"Missing or invalid provider":"Missing or invalid connection_id"}(t);if(e)return this.log("Invalid connection payload:",e),this.settled=!0,this.close(),void this.options.onError({code:"invalid_response",message:`Server returned incomplete connection data: ${e}`});const s={connection_id:t.connection_id,provider:t.provider,provider_name:t.provider_name||t.provider,account_identifier:t.account_identifier,timestamp:t.timestamp,operation:o(t.operation),scopes:Array.isArray(t.scopes)?t.scopes:[],status:r(t.status),metadata:t.metadata};this.settled=!0,this.close(),this.options.onSuccess(s)}else if("alter_connect_error"===t.type){this.log("OAuth error");const e={code:t.error||"oauth_error",message:t.error_description||"OAuth authorization failed",details:t};this.settled=!0,this.close(),this.options.onError(e)}},window.addEventListener("message",this.messageListener)}log(...e){this.options.debug&&console.log("[OAuth Handler]",...e)}}const h="0.2.0";class l{constructor(i={}){this._oauthHandler=null,this._baseURL="https://api.alterai.dev",this._perOpenCleanups=[],this.config=function(e){return{debug:e.debug??!1}}(i),this.eventEmitter=new t,this.stateManager=new s,this._isInitialized=!0,e(this.config,"Alter Connect SDK initialized",{version:h}),this.checkRedirectReturn()}checkRedirectReturn(){c.checkOAuthReturn(t=>{e(this.config,"OAuth redirect return - success:",t),this.eventEmitter.emit("success",t)},t=>{e(this.config,"OAuth redirect return - error:",t),this.eventEmitter.emit("error",t)})&&e(this.config,"OAuth redirect return detected and handled")}static create(e){return new l(e)}async open(t){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call open() - SDK instance has been destroyed");if(e(this.config,"Opening Connect UI"),!t.token||"string"!=typeof t.token)throw this.createError("invalid_options","Session token is required. Create one from your backend using POST /oauth/connect/session");if(!t.onSuccess||"function"!=typeof t.onSuccess)throw this.createError("invalid_options","onSuccess callback is required");if(this.isOpen())return void e(this.config,"Connect UI is already open");this._baseURL=t.baseURL||"https://api.alterai.dev",this._oauthHandler=new c({baseURL:this._baseURL,onSuccess:t=>{e(this.config,"OAuth success:",t),this.handleOAuthSuccess(t)},onError:t=>{e(this.config,"OAuth error:",t),this.handleOAuthError(t)},onCancel:()=>{e(this.config,"OAuth cancelled (popup closed)"),this.handleOAuthCancel()},popupWidth:500,popupHeight:700,debug:this.config.debug}),this.stateManager.setState({isOpen:!0,error:null,sessionToken:t.token}),this.registerEventHandlers(t);const s=`${this._baseURL}/oauth/connect#session=${encodeURIComponent(t.token)}`;e(this.config,"Connect URL:",s),this._oauthHandler.startOAuth(s),t.onEvent&&t.onEvent("connect_opened",{timestamp:(new Date).toISOString()}),e(this.config,"Connect UI opened successfully")}close(){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call close() - SDK instance has been destroyed");e(this.config,"Closing Connect UI"),this._oauthHandler&&(this._oauthHandler.close(),this._oauthHandler=null),this._perOpenCleanups.forEach(e=>e()),this._perOpenCleanups=[],this.stateManager.setState({isOpen:!1}),this.eventEmitter.emit("close")}destroy(){this._isInitialized&&(e(this.config,"Destroying SDK instance"),this._oauthHandler&&(this._oauthHandler.close(),this._oauthHandler=null),this.stateManager.get("isOpen")&&this.stateManager.setState({isOpen:!1}),this.eventEmitter.removeAllListeners(),this.stateManager.clearListeners(),this._isInitialized=!1)}on(e,t){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call on() - SDK instance has been destroyed");return this.eventEmitter.on(e,t)}off(e,t){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call off() - SDK instance has been destroyed");this.eventEmitter.off(e,t)}isOpen(){if(!this._isInitialized)throw this.createError("sdk_destroyed","Cannot call isOpen() - SDK instance has been destroyed");return this.stateManager.get("isOpen")}getVersion(){return h}cleanupHandler(){this._oauthHandler=null}handleOAuthSuccess(e){this.cleanupHandler(),this.eventEmitter.emit("success",e)}handleOAuthError(e){this.cleanupHandler(),this.stateManager.setState({error:e}),this.eventEmitter.emit("error",e)}handleOAuthCancel(){this.cleanupHandler(),this.eventEmitter.emit("exit")}registerEventHandlers(e){e.onSuccess&&this._perOpenCleanups.push(this.eventEmitter.on("success",t=>{e.onSuccess(t),this.close()})),e.onExit&&this._perOpenCleanups.push(this.eventEmitter.on("exit",()=>{e.onExit(),this.close()})),this._perOpenCleanups.push(this.eventEmitter.on("error",t=>{e.onError&&e.onError(t),this.close()})),e.onEvent&&this._perOpenCleanups.push(this.eventEmitter.on("event",(t,s)=>{e.onEvent(t,s)}))}createError(e,t,s){const i=new Error(t);return i.code=e,i.details=s,i}}exports.default=l;
 //# sourceMappingURL=alter-connect.cjs.js.map