@finatic/client 0.9.0 → 0.9.1

package/src/core/portal/PortalUI.ts

@@ -1,335 +0,0 @@
-import { setupLogger, buildLoggerExtra, LoggerExtra } from '../../lib/logger';
-
-const portalLogger = setupLogger('FinaticClientSDK.PortalUI', undefined, {
-  codebase: 'FinaticClientSDK',
-});
-
-export class PortalUI {
-  private iframe: HTMLIFrameElement | null = null;
-  private container: HTMLDivElement | null = null;
-  private messageHandler: ((event: MessageEvent) => void) | null = null;
-  private sessionId: string | null = null;
-  private portalOrigin: string | null = null;
-  private options?: {
-    onSuccess?: (userId: string, tokens?: { access_token?: string; refresh_token?: string }) => void;
-    onError?: (error: Error) => void;
-    onClose?: () => void;
-    onEvent?: (type: string, data: any) => void;
-  };
-  private originalBodyStyle: string | null = null;
-
-  private readonly logger = portalLogger;
-
-  constructor(portalUrl: string) {
-    this.createContainer();
-  }
-
-  private buildLoggerExtra(functionName: string, metadata?: Record<string, unknown>): LoggerExtra {
-    return {
-      module: 'PortalUI',
-      function: functionName,
-      ...(metadata ? buildLoggerExtra(metadata) : {}),
-    };
-  }
-
-  private createContainer(): void {
-    this.logger.debug('Creating portal container and iframe', this.buildLoggerExtra('createContainer'));
-    this.container = document.createElement('div');
-    this.container.style.cssText = `
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.5);
-            display: none;
-            z-index: 9999;
-        `;
-
-    this.iframe = document.createElement('iframe');
-    // Let the portal handle its own styling - only set essential attributes
-    this.iframe.style.cssText = `
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 90%;
-            max-width: 500px;
-            height: 90%;
-            max-height: 600px;
-            border: none;
-            border-radius: 24px;
-        `;
-
-    // Set security headers
-    this.iframe.setAttribute('sandbox', 'allow-scripts allow-forms allow-popups allow-same-origin');
-    this.iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
-    this.iframe.setAttribute(
-      'allow',
-      'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
-    );
-
-    // Add CSP meta tag to allow Google Fonts and other required resources
-    const meta = document.createElement('meta');
-    meta.setAttribute('http-equiv', 'Content-Security-Policy');
-    meta.setAttribute(
-      'content',
-      `
-            default-src 'self' https:;
-            style-src 'self' 'unsafe-inline' https: https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.jsdelivr.net;
-            font-src 'self' https://fonts.gstatic.com;
-            img-src 'self' data: https:;
-            script-src 'self' 'unsafe-inline' 'unsafe-eval' https:;
-            connect-src 'self' https:;
-            frame-src 'self' https:;
-        `
-        .replace(/\s+/g, ' ')
-        .trim()
-    );
-    this.iframe.contentDocument?.head.appendChild(meta);
-
-    this.container.appendChild(this.iframe);
-    document.body.appendChild(this.container);
-    this.logger.debug('Portal container and iframe created successfully', this.buildLoggerExtra('createContainer'));
-  }
-
-  /**
-   * Lock background scrolling by setting overflow: hidden on body
-   */
-  private lockScroll(): void {
-    if (typeof document !== 'undefined' && document.body) {
-      // Store original body style to restore later
-      this.originalBodyStyle = document.body.style.cssText;
-
-      // Add overflow: hidden to prevent scrolling
-      document.body.style.overflow = 'hidden';
-      document.body.style.position = 'fixed';
-      document.body.style.width = '100%';
-      document.body.style.top = `-${window.scrollY}px`;
-
-      this.logger.debug('Background scroll locked', this.buildLoggerExtra('lockScroll'));
-    }
-  }
-
-  /**
-   * Unlock background scrolling by restoring original body style
-   */
-  private unlockScroll(): void {
-    if (typeof document !== 'undefined' && document.body && this.originalBodyStyle !== null) {
-      // Restore original body style
-      document.body.style.cssText = this.originalBodyStyle;
-
-      // Restore scroll position
-      const scrollY = document.body.style.top;
-      document.body.style.position = '';
-      document.body.style.top = '';
-      window.scrollTo(0, parseInt(scrollY || '0') * -1);
-
-      this.originalBodyStyle = null;
-      this.logger.debug('Background scroll unlocked', this.buildLoggerExtra('unlockScroll'));
-    }
-  }
-
-  public show(
-    url: string,
-    sessionId: string,
-    options: {
-      onSuccess?: (userId: string) => void;
-      onError?: (error: Error) => void;
-      onClose?: () => void;
-      onEvent?: (type: string, data: any) => void;
-    } = {}
-  ): void {
-    if (!this.iframe || !this.container) {
-      this.createContainer();
-    }
-
-    // Set portalOrigin to the actual portal URL's origin
-    try {
-      this.portalOrigin = new URL(url).origin;
-    } catch (e) {
-      this.portalOrigin = null;
-    }
-
-    this.sessionId = sessionId;
-    this.options = options;
-    this.container!.style.display = 'block';
-    this.iframe!.src = url;
-
-    // Lock background scrolling
-    this.lockScroll();
-
-    // Set up message handler
-    this.messageHandler = this.handleMessage.bind(this);
-    window.addEventListener('message', this.messageHandler);
-  }
-
-  public hide(): void {
-    if (this.container) {
-      this.container.style.display = 'none';
-    }
-    if (this.iframe) {
-      this.iframe.src = '';
-    }
-    if (this.messageHandler) {
-      window.removeEventListener('message', this.messageHandler);
-      this.messageHandler = null;
-    }
-    this.sessionId = null;
-
-    // Unlock background scrolling
-    this.unlockScroll();
-  }
-
-  private handleMessage(event: MessageEvent): void {
-    // Verify origin matches the portal URL
-    if (!this.portalOrigin || event.origin !== this.portalOrigin) {
-      this.logger.warn('Received message from unauthorized origin', this.buildLoggerExtra('handleMessage', {
-        received_origin: event.origin,
-        expected_origin: this.portalOrigin || 'unknown',
-      }));
-      return;
-    }
-
-    const { type, userId, access_token, refresh_token, error, height, data } = event.data;
-    this.logger.debug('Received portal message', this.buildLoggerExtra('handleMessage', {
-      message_type: type,
-      has_data: Boolean(data),
-    }));
-
-    switch (type) {
-      case 'portal-success': {
-        // Handle both direct userId and data.userId formats
-        const successUserId = userId || (data && data.userId);
-        const tokens = {
-          access_token: access_token || (data && data.access_token),
-          refresh_token: refresh_token || (data && data.refresh_token)
-        };
-        this.handlePortalSuccess(successUserId, tokens);
-        break;
-      }
-
-      case 'portal-error': {
-        // Handle both direct error and data.message formats
-        const errorMessage = error || (data && data.message);
-        this.handlePortalError(errorMessage);
-        break;
-      }
-
-      case 'portal-close':
-        this.handlePortalClose();
-        break;
-
-      case 'event':
-        this.handleGenericEvent(data);
-        break;
-
-      case 'resize':
-        this.handleResize(height);
-        break;
-
-      // Legacy support for old message types
-      case 'success':
-        this.handleSuccess(userId);
-        break;
-
-      case 'error':
-        this.handleError(error);
-        break;
-
-      case 'close':
-        this.handleClose();
-        break;
-
-      default:
-        this.logger.warn('Received unhandled message type', this.buildLoggerExtra('handleMessage', {
-          message_type: type,
-        }));
-    }
-  }
-
-  private handlePortalSuccess(userId: string, tokens?: { access_token?: string; refresh_token?: string }): void {
-    if (!userId) {
-      this.logger.error('Missing userId in portal-success message', this.buildLoggerExtra('handlePortalSuccess'));
-      return;
-    }
-
-    this.logger.info('Portal success - user connected', this.buildLoggerExtra('handlePortalSuccess', {
-      user_id_present: Boolean(userId),
-      tokens_provided: Boolean(tokens?.access_token && tokens?.refresh_token),
-    }));
-    if (tokens?.access_token && tokens?.refresh_token) {
-      this.logger.debug('Tokens received for user', this.buildLoggerExtra('handlePortalSuccess', {
-        tokens_provided: true,
-      }));
-    }
-
-    // Pass userId to parent (SDK will handle tokens internally)
-    this.options?.onSuccess?.(userId, tokens);
-  }
-
-  private handlePortalError(error: string): void {
-    this.logger.error('Portal error received', this.buildLoggerExtra('handlePortalError', {
-      error_message: error,
-    }));
-    this.options?.onError?.(new Error(error || 'Unknown portal error'));
-  }
-
-  private handlePortalClose(): void {
-    this.logger.info('Portal closed by user', this.buildLoggerExtra('handlePortalClose'));
-    this.options?.onClose?.();
-    this.hide();
-  }
-
-  private handleGenericEvent(data: any): void {
-    if (!data || !data.type) {
-      this.logger.warn('Invalid event data received', this.buildLoggerExtra('handleGenericEvent', {
-        has_type: Boolean(data?.type),
-      }));
-      return;
-    }
-
-    this.logger.debug('Generic event received', this.buildLoggerExtra('handleGenericEvent', {
-      event_type: data.type,
-      payload_present: Boolean(data.data),
-    }));
-
-    // Emit the event to be handled by the SDK
-    // This will be implemented in FinaticConnect
-    if (this.options?.onEvent) {
-      this.options.onEvent(data.type, data.data);
-    }
-  }
-
-  private handleSuccess(userId: string): void {
-    if (!userId) {
-      this.logger.error('Missing required fields in success message', this.buildLoggerExtra('handleSuccess'));
-      return;
-    }
-
-    // Pass userId to parent
-    this.options?.onSuccess?.(userId);
-  }
-
-  private handleError(error: string): void {
-    this.logger.error('Received portal error message', this.buildLoggerExtra('handleError', {
-      error_message: error,
-    }));
-    this.options?.onError?.(new Error(error || 'Unknown error'));
-  }
-
-  private handleClose(): void {
-    this.logger.debug('Received close message', this.buildLoggerExtra('handleClose'));
-    this.options?.onClose?.();
-    this.hide();
-  }
-
-  private handleResize(height: number): void {
-    if (height && this.iframe) {
-      this.logger.debug('Received resize message', this.buildLoggerExtra('handleResize', {
-        height,
-      }));
-      this.iframe.style.height = `${height}px`;
-    }
-  }
-}

package/src/index.d.ts

@@ -1,23 +0,0 @@
-// Error types
-export interface TradeAccessDeniedError {
-  success: false;
-  response_data: null;
-  message: string;
-  status_code: 403;
-  category: 'TRADE_ACCESS_DENIED';
-}
-
-export interface OrderNotFoundError {
-  success: false;
-  response_data: null;
-  message: string;
-  status_code: 404;
-  category: 'ORDER_NOT_FOUND';
-}
-
-export interface ValidationError {
-  success: false;
-  response_data: null;
-  message: string;
-  status_code: 400;
-} 

package/src/index.ts

@@ -1,100 +0,0 @@
-// Types (explicit re-exports to avoid conflicts)
-export type {
-  // Core API types
-  ApiConfig,
-  ApiResponse,
-  Order,
-  OptionsOrder,
-  BrokerAccount,
-  PortfolioSnapshot,
-  PerformanceMetrics,
-  UserToken,
-  Holding,
-  Portfolio,
-  PortalResponse,
-  SessionInitResponse,
-  SessionResponse,
-  OtpRequestResponse,
-  OtpVerifyResponse,
-  PortalUrlResponse,
-  SessionValidationResponse,
-  SessionAuthenticateResponse,
-  RequestHeaders,
-  SessionStatus,
-  BrokerOrderParams,
-  BrokerExtras,
-  CryptoOrderOptions,
-  OptionsOrderOptions,
-  OrderResponse,
-  TradingContext,
-  DeviceInfo,
-  BrokerOrder,
-  BrokerPosition,
-  BrokerBalance,
-  BrokerDataOptions,
-  BrokerInfo,
-  TokenInfo,
-  RefreshTokenRequest,
-  RefreshTokenResponse,
-  AccountsFilter,
-  OrdersFilter,
-  PositionsFilter,
-  BalancesFilter,
-  BrokerDataOrder,
-  BrokerDataPosition,
-  BrokerDataAccount,
-  FilteredOrdersResponse,
-  FilteredPositionsResponse,
-  FilteredAccountsResponse,
-  FilteredBalancesResponse,
-  BrokerConnection,
-  OrderFill,
-  OrderEvent,
-  OrderLeg,
-  OrderGroup,
-  OrderGroupOrder,
-  PositionLot,
-  PositionLotFill,
-  OrderFillsFilter,
-  OrderEventsFilter,
-  OrderGroupsFilter,
-  PositionLotsFilter,
-  PositionLotFillsFilter,
-} from './types';
-
-export type { FinaticConnectOptions, FinaticUserToken, PortalMessage } from './types/connect';
-export type {
-  PortalProps,
-  PortalTheme,
-  PortalThemeConfig,
-  PortalThemePreset,
-} from './types/portal';
-
-// Error types
-export type {
-  TradeAccessDeniedError,
-  OrderNotFoundError,
-  ValidationError,
-} from './types/api/errors';
-
-// Main SDK classes
-export { ApiClient } from './core/client/ApiClient';
-export { FinaticConnect } from './core/client/FinaticConnect';
-
-// Supabase configuration
-// Supabase export removed - SDK no longer depends on Supabase
-
-// Core types and classes
-export { PaginatedResult } from './types/common/pagination';
-
-// Utilities
-export * from './utils/errors';
-export * from './utils/events';
-export * from './utils/themeUtils';
-export * from './lib/logger';
-
-// Theme presets
-export { portalThemePresets } from './themes/portalPresets';
-
-// Mocks (optional, for testing) - removed from main export to reduce bundle size
-// export { MockFactory } from './mocks/MockFactory';

package/src/lib/logger/index.ts

@@ -1,3 +0,0 @@
-export * from './logger';
-export * from './logger.types';
-