@glideidentity/web-client-sdk 4.4.10 → 5.0.1-beta.0

package/README.md

@@ -14,9 +14,19 @@ The official web SDK for integrating Glide's carrier-grade phone verification in
 - 🛡️ **Type Safe**: Full TypeScript support with type guards and IntelliSense
 - 🎯 **Developer Friendly**: Clear error messages and browser compatibility checks
 
-## What's New in v4.4
-
-### 🎉 Enhanced Control & Better DX
+## What's New in v5.0
+
+### 🎨 Redesigned Modal UI
+- **Glass Morphism Design**: Modern frosted glass aesthetic with blur effects
+- **Multiple View Modes**: Choose between `toggle`, `dual`, or `pre-step` layouts
+- **Theme Support**: `dark`, `light`, or `auto` (follows system preference)
+- **OS Icons**: Apple and Android icons in toggle and dual mode
+- **Smooth Animations**: Fade-in/scale transitions and sliding toggle switch
+- **Help Interaction**: Expandable help panel with smooth slide-out animation
+- **Body Scroll Lock**: Background page no longer scrolls when modal is open
+- **Improved Accessibility**: Keyboard support (Escape to close), proper ARIA labels
+
+### 🎉 Enhanced Control & Better DX (v4.4)
 - **Extended Mode**: More control with `executionMode: 'extended'` for granular authentication flow
 - **Prevent Default UI**: Use `preventDefaultUI: true` to disable all SDK modals
 - **Type Guards**: Helper functions for type-safe result handling
@@ -29,13 +39,16 @@ The official web SDK for integrating Glide's carrier-grade phone verification in
 ## Table of Contents
 
 - [Installation](#installation)
+- [Development](#development)
 - [Quick Start](#quick-start)
+- [Modal Customization](#modal-customization)
 - [Extended Mode - Advanced Control](#extended-mode---advanced-control)
 - [Authentication Strategies](#authentication-strategies)
 - [Framework Examples](#framework-examples)
 - [Error Handling](#error-handling)
 - [Browser Support](#browser-support)
 - [API Reference](#api-reference)
+- [Documentation](#documentation)
 
 ## Installation
 
@@ -43,6 +56,34 @@ The official web SDK for integrating Glide's carrier-grade phone verification in
 npm install @glideidentity/web-client-sdk
 ```
 
+## Development
+
+### Using Docker (Recommended)
+
+```bash
+# Build the SDK
+docker compose run --rm build
+
+# Run tests
+docker compose run --rm test
+
+# Interactive development shell
+docker compose run --rm dev
+```
+
+### Without Docker
+
+```bash
+# Install dependencies
+npm install
+
+# Build the SDK
+npm run build
+
+# Run tests
+npm test
+```
+
 ## Quick Start
 
 ### React Example
@@ -69,7 +110,7 @@ function PhoneVerification() {
       const credential = await phoneAuth.invokeSecurePrompt(prepareResult);
       
       // Process the credential
-      const result = await phoneAuth.getPhoneNumberCredential(
+      const result = await phoneAuth.getPhoneNumber(
         credential, 
         prepareResult.session
       );
@@ -92,7 +133,7 @@ function PhoneVerification() {
       const credential = await phoneAuth.invokeSecurePrompt(prepareResult);
       
       // Verify the number
-      const result = await phoneAuth.verifyPhoneNumberCredential(
+      const result = await phoneAuth.verifyPhoneNumber(
         credential,
         prepareResult.session
       );
@@ -116,6 +157,84 @@ function PhoneVerification() {
 }
 ```
 
+## Modal Customization
+
+The SDK provides a built-in modal for QR code display with extensive customization options.
+
+### View Modes
+
+Choose how the QR code is displayed to users:
+
+| Mode | Description | Best For |
+|------|-------------|----------|
+| `toggle` | Single QR with iOS/Android sliding toggle switch | Default, clean UI |
+| `dual` | Side-by-side QR codes for both platforms | When users might not know their OS |
+| `pre-step` | OS selection screen before showing QR | Guided experience |
+
+```javascript
+const credential = await phoneAuth.invokeSecurePrompt(prepareResult, {
+  modalOptions: {
+    viewMode: 'dual'  // 'toggle' | 'dual' | 'pre-step'
+  }
+});
+```
+
+### Theme Options
+
+Control the modal's appearance:
+
+```javascript
+const credential = await phoneAuth.invokeSecurePrompt(prepareResult, {
+  modalOptions: {
+    theme: 'auto',        // 'dark' | 'light' | 'auto' (follows system preference)
+    title: 'Scan to Verify',
+    showCloseButton: true,
+    closeOnBackdrop: true,
+    closeOnEscape: true
+  }
+});
+```
+
+### Full Modal Options
+
+```typescript
+modalOptions: {
+  // View mode
+  viewMode?: 'toggle' | 'dual' | 'pre-step';  // Default: 'toggle'
+  
+  // Theme
+  theme?: 'dark' | 'light' | 'auto';          // Default: 'auto'
+  
+  // Content
+  title?: string;                              // Modal title
+  
+  // Behavior
+  showCloseButton?: boolean;                   // Show X button (default: true)
+  closeOnBackdrop?: boolean;                   // Close when clicking outside (default: true)
+  closeOnEscape?: boolean;                     // Close on Escape key (default: true)
+  
+  // Styling
+  className?: string;                          // Custom CSS class for modal
+}
+```
+
+### View Mode Examples
+
+**Toggle Mode** (default) - Clean single QR with platform switcher:
+```javascript
+modalOptions: { viewMode: 'toggle' }
+```
+
+**Dual Mode** - Both QR codes visible at once:
+```javascript
+modalOptions: { viewMode: 'dual' }
+```
+
+**Pre-step Mode** - User selects platform first:
+```javascript
+modalOptions: { viewMode: 'pre-step' }
+```
+
 ## Extended Mode - Advanced Control
 
 The SDK supports an **Extended Mode** that provides granular control over the authentication flow. This mode returns an `ExtendedResponse` object with additional methods and data for custom implementations.
@@ -307,7 +426,7 @@ if (isExtendedResponse(result)) {
   }
 } else {
   // Standard mode - got credential directly
-  const verified = await phoneAuth.verifyPhoneNumberCredential(result, session);
+  const verified = await phoneAuth.verifyPhoneNumber(result, session);
 }
 ```
 
@@ -348,7 +467,7 @@ async function verifyPhone() {
     });
     
     const credential = await phoneAuth.invokeSecurePrompt(prepared);
-    result.value = await phoneAuth.verifyPhoneNumberCredential(
+    result.value = await phoneAuth.verifyPhoneNumber(
       credential,
       prepared.session
     );
@@ -397,7 +516,7 @@ export class PhoneVerifyComponent {
       });
       
       const credential = await this.phoneAuth.invokeSecurePrompt(prepared);
-      this.result = await this.phoneAuth.verifyPhoneNumberCredential(
+      this.result = await this.phoneAuth.verifyPhoneNumber(
         credential,
         prepared.session
       );
@@ -430,7 +549,7 @@ async function getPhoneNumber() {
     
     const credential = await client.invokeSecurePrompt(prepareResult);
     
-    const result = await client.getPhoneNumberCredential(
+    const result = await client.getPhoneNumber(
       credential,
       prepareResult.session
     );
@@ -546,11 +665,22 @@ interface InvokeOptions {
   
   // UI customization (when preventDefaultUI is false)
   modalOptions?: {
-    className?: string;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    showCloseButton?: boolean;
+    // View mode
+    viewMode?: 'toggle' | 'dual' | 'pre-step';  // Default: 'toggle'
+    
+    // Theme
+    theme?: 'dark' | 'light' | 'auto';          // Default: 'auto' (system preference)
+    
+    // Content
+    title?: string;                              // Modal title text
+    
+    // Behavior
+    showCloseButton?: boolean;                   // Show X button (default: true)
+    closeOnBackdrop?: boolean;                   // Close on backdrop click (default: true)
+    closeOnEscape?: boolean;                     // Close on Escape key (default: true)
+    
+    // Styling
+    className?: string;                          // Custom CSS class
   };
   
   // Callbacks
@@ -567,19 +697,18 @@ interface InvokeOptions {
 ### Methods
 
 ```typescript
-// Core methods
+// Core methods (granular control)
 preparePhoneRequest(options: PrepareRequest): Promise<PrepareResponse>
 invokeSecurePrompt(response: PrepareResponse, options?: InvokeOptions): Promise<any>
-getPhoneNumberCredential(credential: any, session: SessionInfo): Promise<GetPhoneNumberResponse>
-verifyPhoneNumberCredential(credential: any, session: SessionInfo): Promise<VerifyPhoneNumberResponse>
+getPhoneNumber(credential: any, session: SessionInfo): Promise<GetPhoneNumberResponse>
+verifyPhoneNumber(credential: any, session: SessionInfo): Promise<VerifyPhoneNumberResponse>
 
-// High-level convenience methods
+// High-level convenience methods (full flow)
 getPhoneNumberComplete(): Promise<GetPhoneNumberResponse>
 verifyPhoneNumberComplete(phoneNumber: string): Promise<VerifyPhoneNumberResponse>
 
 // Utility methods
 isSupported(): boolean
-cancelCurrentRequest(): void
 ```
 
 ### Response Types
@@ -609,6 +738,25 @@ interface VerifyPhoneNumberResponse {
 }
 ```
 
+## Documentation
+
+For detailed documentation, see the [docs](./docs) folder:
+
+| Document | Description |
+|----------|-------------|
+| [Architecture](./docs/architecture.md) | SDK architecture and design principles |
+| [Phone Authentication](./docs/phone-auth.md) | Complete phone auth usage guide |
+| [Desktop Authentication](./docs/desktop-auth.md) | QR code authentication flow |
+| [Dual Platform QR](./docs/dual-platform-qr.md) | iOS/Android specific QR codes |
+| [Error Handling](./docs/error-handling.md) | Error codes and handling strategies |
+| [Trigger Pattern](./docs/trigger-pattern.md) | Consistent trigger API across strategies |
+| [Implementation Notes](./docs/implementation-notes.md) | Technical implementation details |
+| [Local Development](./docs/local-development.md) | Testing the SDK locally |
+| [TS43 Data Flow](./docs/TS43_DATA_FLOW.md) | Digital Credentials API details |
+| [Type Hierarchy](./docs/TYPE_HIERARCHY.md) | TypeScript type system |
+| [Naming Conventions](./docs/NAMING_CONVENTIONS.md) | API naming standards |
+| [Security Checklist](./docs/security-checklist.md) | NPM publishing security |
+
 ## Support
 
 - [Documentation](https://docs.glideidentity.com)

package/dist/adapters/angular/index.js

@@ -5,7 +5,6 @@ var client_service_1 = require("./client.service");
 Object.defineProperty(exports, "ClientService", { enumerable: true, get: function () { return client_service_1.ClientService; } });
 var phone_auth_service_1 = require("./phone-auth.service");
 Object.defineProperty(exports, "PhoneAuthService", { enumerable: true, get: function () { return phone_auth_service_1.PhoneAuthService; } });
-// Export error utilities
 var phone_auth_1 = require("../../core/phone-auth");
 Object.defineProperty(exports, "PhoneAuthErrorCode", { enumerable: true, get: function () { return phone_auth_1.PhoneAuthErrorCode; } });
 Object.defineProperty(exports, "isPhoneAuthError", { enumerable: true, get: function () { return phone_auth_1.isPhoneAuthError; } });

package/dist/adapters/angular/phone-auth.service.d.ts

@@ -11,28 +11,10 @@ export declare class PhoneAuthService {
     result$: Observable<PhoneAuthResult | null>;
     currentStep$: Observable<AuthStep>;
     constructor();
-    /**
-     * Configure the phone auth client
-     */
     configure(config: AuthConfig): void;
-    /**
-     * Check if browser supports secure phone authentication
-     */
     isSupported(): boolean;
-    /**
-     * Verify phone number
-     */
     verify(options: PhoneAuthOptions): Promise<PhoneAuthResult>;
-    /**
-     * Get phone number
-     */
     getPhoneNumber(options?: Omit<PhoneAuthOptions, 'use_case' | 'phone_number'>): Promise<PhoneAuthResult>;
-    /**
-     * Verify specific phone number
-     */
     verifyPhoneNumber(phoneNumber: string, options?: Omit<PhoneAuthOptions, 'use_case' | 'phone_number'>): Promise<PhoneAuthResult>;
-    /**
-     * Reset state
-     */
     reset(): void;
 }

package/dist/adapters/angular/phone-auth.service.js

@@ -24,33 +24,22 @@ const phone_auth_1 = require("../../core/phone-auth");
 const rxjs_1 = require("rxjs");
 let PhoneAuthService = class PhoneAuthService {
     constructor() {
-        // State subjects
         this.isLoadingSubject = new rxjs_1.BehaviorSubject(false);
         this.errorSubject = new rxjs_1.BehaviorSubject(null);
         this.resultSubject = new rxjs_1.BehaviorSubject(null);
         this.currentStepSubject = new rxjs_1.BehaviorSubject('idle');
-        // Public observables
         this.isLoading$ = this.isLoadingSubject.asObservable();
         this.error$ = this.errorSubject.asObservable();
         this.result$ = this.resultSubject.asObservable();
         this.currentStep$ = this.currentStepSubject.asObservable();
         this.client = new phone_auth_1.PhoneAuthClient();
     }
-    /**
-     * Configure the phone auth client
-     */
     configure(config) {
         this.client = new phone_auth_1.PhoneAuthClient(config);
     }
-    /**
-     * Check if browser supports secure phone authentication
-     */
     isSupported() {
         return this.client.isSupported();
     }
-    /**
-     * Verify phone number
-     */
     verify(options) {
         return __awaiter(this, void 0, void 0, function* () {
             this.isLoadingSubject.next(true);
@@ -58,19 +47,14 @@ let PhoneAuthService = class PhoneAuthService {
             this.resultSubject.next(null);
             this.currentStepSubject.next('requesting');
             try {
-                // Step 1: Prepare request
                 const preparedRequest = yield this.client.preparePhoneRequest(options);
-                // Step 2: Show authenticating state
                 this.currentStepSubject.next('authenticating');
                 const credentialResponse = yield this.client.invokeSecurePrompt(preparedRequest);
-                // Step 3: Process response through appropriate endpoint
                 this.currentStepSubject.next('processing');
-                // Cast to credential type - adapters never use headless mode
                 const credential = credentialResponse;
                 const processedResult = options.use_case === 'GetPhoneNumber'
                     ? yield this.client.getPhoneNumber(credential, preparedRequest.session)
                     : yield this.client.verifyPhoneNumber(credential, preparedRequest.session);
-                // Create final result
                 const isVerifyResponse = 'verified' in processedResult;
                 const result = processedResult;
                 this.resultSubject.next(result);
@@ -78,7 +62,6 @@ let PhoneAuthService = class PhoneAuthService {
                 return result;
             }
             catch (error) {
-                // Enhance error with context
                 const authError = error;
                 const enhancedError = Object.assign(Object.assign({}, authError), { context: authError.context || {
                         useCase: options.use_case,
@@ -95,25 +78,16 @@ let PhoneAuthService = class PhoneAuthService {
             }
         });
     }
-    /**
-     * Get phone number
-     */
     getPhoneNumber(options) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.verify(Object.assign({ use_case: 'GetPhoneNumber' }, options));
         });
     }
-    /**
-     * Verify specific phone number
-     */
     verifyPhoneNumber(phoneNumber, options) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.verify(Object.assign({ use_case: 'VerifyPhoneNumber', phone_number: phoneNumber }, options));
         });
     }
-    /**
-     * Reset state
-     */
     reset() {
         this.isLoadingSubject.next(false);
         this.errorSubject.next(null);

package/dist/adapters/react/index.d.ts

@@ -4,6 +4,6 @@ export type { UsePhoneAuthOptions } from './usePhoneAuth';
 export type { ClientConfig, ClientResponse, RequestOptions } from '../../core/types';
 export type { AuthConfig as PhoneAuthConfig, PhoneAuthOptions, PhoneAuthResult, AuthError, AuthStep } from '../../core/phone-auth';
 export { PhoneAuthErrorCode, isPhoneAuthError, isUserError, getUserMessage, isErrorCode, getRetryDelay, isRetryableError, serializeError, createErrorBreadcrumb } from '../../core/phone-auth';
-export type { PhoneAuthCallbacks, PLMN, SessionInfo, PrepareRequest, PrepareResponse, GetPhoneNumberRequest, GetPhoneNumberResponse, VerifyPhoneNumberRequest, VerifyPhoneNumberResponse, SecureCredentialRequest, SecureCredentialResponse, DigitalCredential, TS43Data, LinkData, ClientInfo, ConsentData, BrowserErrorType, BrowserErrorCodeType, BrowserNameType } from '../../core/phone-auth/types';
+export type { PhoneAuthCallbacks, PLMN, SessionInfo, PrepareRequest, PrepareResponse, GetPhoneNumberRequest, GetPhoneNumberResponse, VerifyPhoneNumberRequest, VerifyPhoneNumberResponse, SecureCredentialRequest, SecureCredentialResponse, DigitalCredential, TS43Data, LinkData, ClientInfo, BrowserErrorType, BrowserErrorCodeType, BrowserNameType } from '../../core/phone-auth/types';
 export { USE_CASE as UseCase, AUTHENTICATION_STRATEGY as AuthenticationStrategy, BrowserError, BrowserErrorCode, BrowserName } from '../../core/phone-auth/types';
 export { PhoneAuthClient } from '../../core/phone-auth';

package/dist/adapters/react/index.js

@@ -5,7 +5,6 @@ var usePhoneAuth_1 = require("./usePhoneAuth");
 Object.defineProperty(exports, "usePhoneAuth", { enumerable: true, get: function () { return usePhoneAuth_1.usePhoneAuth; } });
 var useClient_1 = require("./useClient");
 Object.defineProperty(exports, "useClient", { enumerable: true, get: function () { return useClient_1.useClient; } });
-// Export error utilities
 var phone_auth_1 = require("../../core/phone-auth");
 Object.defineProperty(exports, "PhoneAuthErrorCode", { enumerable: true, get: function () { return phone_auth_1.PhoneAuthErrorCode; } });
 Object.defineProperty(exports, "isPhoneAuthError", { enumerable: true, get: function () { return phone_auth_1.isPhoneAuthError; } });
@@ -16,13 +15,11 @@ Object.defineProperty(exports, "getRetryDelay", { enumerable: true, get: functio
 Object.defineProperty(exports, "isRetryableError", { enumerable: true, get: function () { return phone_auth_1.isRetryableError; } });
 Object.defineProperty(exports, "serializeError", { enumerable: true, get: function () { return phone_auth_1.serializeError; } });
 Object.defineProperty(exports, "createErrorBreadcrumb", { enumerable: true, get: function () { return phone_auth_1.createErrorBreadcrumb; } });
-// Export constants for use case and strategy
 var types_1 = require("../../core/phone-auth/types");
 Object.defineProperty(exports, "UseCase", { enumerable: true, get: function () { return types_1.USE_CASE; } });
 Object.defineProperty(exports, "AuthenticationStrategy", { enumerable: true, get: function () { return types_1.AUTHENTICATION_STRATEGY; } });
 Object.defineProperty(exports, "BrowserError", { enumerable: true, get: function () { return types_1.BrowserError; } });
 Object.defineProperty(exports, "BrowserErrorCode", { enumerable: true, get: function () { return types_1.BrowserErrorCode; } });
 Object.defineProperty(exports, "BrowserName", { enumerable: true, get: function () { return types_1.BrowserName; } });
-// Export the PhoneAuthClient class for direct use
 var phone_auth_2 = require("../../core/phone-auth");
 Object.defineProperty(exports, "PhoneAuthClient", { enumerable: true, get: function () { return phone_auth_2.PhoneAuthClient; } });

package/dist/adapters/react/useClient.js

@@ -31,7 +31,6 @@ function useClient(config) {
         };
     }, []);
     const authenticate = (authUrl, options) => __awaiter(this, void 0, void 0, function* () {
-        // Legacy authentication removed - use setToken directly
         const error = new Error('authenticate method is deprecated. Use client.setToken() directly.');
         setError(error);
         setLoading(false);

package/dist/adapters/react/usePhoneAuth.js

@@ -18,13 +18,8 @@ function usePhoneAuth(config = {}) {
     const [result, setResult] = (0, react_1.useState)(null);
     const [currentStep, setCurrentStep] = (0, react_1.useState)('idle');
     const lastRequestRef = (0, react_1.useRef)(null);
-    // Create client instance with callbacks
-    const client = (0, react_1.useMemo)(() => new phone_auth_1.PhoneAuthClient(Object.assign(Object.assign({}, config), { 
-        // Pass through callbacks if provided
-        onCrossDeviceDetected: config.onCrossDeviceDetected, onRetryAttempt: config.onRetryAttempt })), [JSON.stringify(config)]);
-    // Check browser support
+    const client = (0, react_1.useMemo)(() => new phone_auth_1.PhoneAuthClient(Object.assign(Object.assign({}, config), { onCrossDeviceDetected: config.onCrossDeviceDetected, onRetryAttempt: config.onRetryAttempt })), [JSON.stringify(config)]);
     const isSupported = (0, react_1.useMemo)(() => client.isSupported(), [client]);
-    // Verify method with silent retry support
     const verify = (0, react_1.useCallback)((options) => __awaiter(this, void 0, void 0, function* () {
         setIsLoading(true);
         setError(null);
@@ -32,14 +27,12 @@ function usePhoneAuth(config = {}) {
         setCurrentStep('requesting');
         lastRequestRef.current = options;
         try {
-            // Use the client's verify method which includes retry logic
             const verificationResult = yield client.verify(options);
             setResult(verificationResult);
             setCurrentStep('complete');
             return verificationResult;
         }
         catch (err) {
-            // Error is only set after all retries are exhausted
             const authError = err;
             setError(authError);
             setCurrentStep('idle');
@@ -49,47 +42,39 @@ function usePhoneAuth(config = {}) {
             setIsLoading(false);
         }
     }), [client]);
-    // Manual retry method
     const retryLastRequest = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
         if (!lastRequestRef.current) {
             throw new Error('No previous request to retry');
         }
         return verify(lastRequestRef.current);
     }), [verify]);
-    // Convenience methods
     const getPhoneNumber = (0, react_1.useCallback)((options) => verify(Object.assign({ use_case: 'GetPhoneNumber' }, options)), [verify]);
     const verifyPhoneNumber = (0, react_1.useCallback)((phoneNumber, options) => verify(Object.assign({ use_case: 'VerifyPhoneNumber', phone_number: phoneNumber }, options)), [verify]);
-    // Reset state
     const reset = (0, react_1.useCallback)(() => {
         setIsLoading(false);
         setError(null);
         setResult(null);
         setCurrentStep('idle');
     }, []);
-    // Expose granular methods directly from client for better discoverability
     const preparePhoneRequest = (0, react_1.useCallback)((options) => client.preparePhoneRequest(options), [client]);
     const invokeSecurePrompt = (0, react_1.useCallback)((prepareResponse) => client.invokeSecurePrompt(prepareResponse), [client]);
     const getPhoneNumberCredential = (0, react_1.useCallback)((credentialResponse, session) => client.getPhoneNumber(credentialResponse, session), [client]);
     const verifyPhoneNumberCredential = (0, react_1.useCallback)((credentialResponse, session) => client.verifyPhoneNumber(credentialResponse, session), [client]);
     return {
-        // State
         isLoading,
         error,
         result,
         currentStep,
         isSupported,
-        // High-level methods
         verify,
         getPhoneNumber,
         verifyPhoneNumber,
         retryLastRequest,
         reset,
-        // Granular methods (directly exposed for better discoverability)
         preparePhoneRequest,
         invokeSecurePrompt,
         getPhoneNumberCredential,
         verifyPhoneNumberCredential,
-        // Client instance (still available for advanced usage)
         client
     };
 }

package/dist/adapters/vanilla/client.js

@@ -17,7 +17,6 @@ class VanillaClient {
     }
     authenticate(authUrl, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            // Legacy authentication removed - use setToken directly
             throw new Error('authenticate method is deprecated. Use client.setToken() directly.');
         });
     }

package/dist/adapters/vanilla/index.js

@@ -5,7 +5,6 @@ var client_1 = require("./client");
 Object.defineProperty(exports, "ClientManager", { enumerable: true, get: function () { return client_1.VanillaClient; } });
 var phone_auth_1 = require("./phone-auth");
 Object.defineProperty(exports, "PhoneAuthManager", { enumerable: true, get: function () { return phone_auth_1.PhoneAuthManager; } });
-// Export error utilities
 var phone_auth_2 = require("../../core/phone-auth");
 Object.defineProperty(exports, "PhoneAuthErrorCode", { enumerable: true, get: function () { return phone_auth_2.PhoneAuthErrorCode; } });
 Object.defineProperty(exports, "isPhoneAuthError", { enumerable: true, get: function () { return phone_auth_2.isPhoneAuthError; } });

package/dist/adapters/vanilla/phone-auth.js

@@ -23,18 +23,11 @@ class PhoneAuthManager {
             isSupported: this.client.isSupported()
         };
     }
-    /**
-     * Get current state
-     */
     getState() {
         return Object.assign({}, this.state);
     }
-    /**
-     * Subscribe to state changes
-     */
     subscribe(listener) {
         this.listeners.push(listener);
-        // Return unsubscribe function
         return () => {
             const index = this.listeners.indexOf(listener);
             if (index !== -1) {
@@ -42,16 +35,10 @@ class PhoneAuthManager {
             }
         };
     }
-    /**
-     * Update state and notify listeners
-     */
     updateState(updates) {
         this.state = Object.assign(Object.assign({}, this.state), updates);
         this.listeners.forEach(listener => listener(this.getState()));
     }
-    /**
-     * Verify phone number
-     */
     verify(options) {
         return __awaiter(this, void 0, void 0, function* () {
             this.updateState({
@@ -61,19 +48,14 @@ class PhoneAuthManager {
                 currentStep: 'requesting'
             });
             try {
-                // Step 1: Prepare request
                 const preparedRequest = yield this.client.preparePhoneRequest(options);
-                // Step 2: Show authenticating state
                 this.updateState({ currentStep: 'authenticating' });
                 const credentialResponse = yield this.client.invokeSecurePrompt(preparedRequest);
-                // Step 3: Process response through appropriate endpoint
                 this.updateState({ currentStep: 'processing' });
-                // Cast to credential type - adapters never use headless mode
                 const credential = credentialResponse;
                 const processedResult = options.use_case === 'GetPhoneNumber'
                     ? yield this.client.getPhoneNumber(credential, preparedRequest.session)
                     : yield this.client.verifyPhoneNumber(credential, preparedRequest.session);
-                // Create final result
                 const isVerifyResponse = 'verified' in processedResult;
                 const result = processedResult;
                 this.updateState({
@@ -84,7 +66,6 @@ class PhoneAuthManager {
                 return result;
             }
             catch (error) {
-                // Enhance error with context
                 const authError = error;
                 const enhancedError = Object.assign(Object.assign({}, authError), { context: authError.context || {
                         useCase: options.use_case,
@@ -101,25 +82,16 @@ class PhoneAuthManager {
             }
         });
     }
-    /**
-     * Get phone number
-     */
     getPhoneNumber(options) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.verify(Object.assign({ use_case: 'GetPhoneNumber' }, options));
         });
     }
-    /**
-     * Verify specific phone number
-     */
     verifyPhoneNumber(phoneNumber, options) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.verify(Object.assign({ use_case: 'VerifyPhoneNumber', phone_number: phoneNumber }, options));
         });
     }
-    /**
-     * Reset state
-     */
     reset() {
         this.updateState({
             isLoading: false,
@@ -128,9 +100,6 @@ class PhoneAuthManager {
             currentStep: 'idle'
         });
     }
-    /**
-     * Check if browser supports secure phone authentication
-     */
     isSupported() {
         return this.state.isSupported;
     }

package/dist/adapters/vue/index.d.ts

@@ -5,6 +5,6 @@ export { PhoneAuthClient } from '../../core/phone-auth';
 export type { ClientConfig, ClientResponse, RequestOptions } from '../../core/types';
 export type { AuthConfig as PhoneAuthConfig, PhoneAuthOptions, PhoneAuthResult, AuthError, AuthStep } from '../../core/phone-auth';
 export { PhoneAuthErrorCode, isPhoneAuthError, isUserError, getUserMessage, isErrorCode, getRetryDelay, isRetryableError, serializeError, createErrorBreadcrumb } from '../../core/phone-auth';
-export type { PhoneAuthCallbacks, PLMN, SessionInfo, PrepareRequest, PrepareResponse, GetPhoneNumberRequest, GetPhoneNumberResponse, VerifyPhoneNumberRequest, VerifyPhoneNumberResponse, SecureCredentialRequest, SecureCredentialResponse, DigitalCredential, TS43Data, LinkData, ClientInfo, ConsentData, BrowserErrorType, BrowserErrorCodeType, BrowserNameType } from '../../core/phone-auth/types';
+export type { PhoneAuthCallbacks, PLMN, SessionInfo, PrepareRequest, PrepareResponse, GetPhoneNumberRequest, GetPhoneNumberResponse, VerifyPhoneNumberRequest, VerifyPhoneNumberResponse, SecureCredentialRequest, SecureCredentialResponse, DigitalCredential, TS43Data, LinkData, ClientInfo, BrowserErrorType, BrowserErrorCodeType, BrowserNameType } from '../../core/phone-auth/types';
 export { USE_CASE as UseCase, AUTHENTICATION_STRATEGY as AuthenticationStrategy, BrowserError, BrowserErrorCode, BrowserName } from '../../core/phone-auth/types';
 export { USE_CASE, ERROR_CODE, ERROR_MESSAGES, ERROR_STATUS_CODES } from '../../core/phone-auth/api-types';