@basis-theory/web-elements 2.11.2 → 3.0.0-beta.3

package/dist/create-card-DipDWgph.js

@@ -0,0 +1,232 @@
+import { E as ElementError, c as createIframe, a as createPostMessageClient, b as createEventDispatcher, l as log, d as createMounter } from "./index-BBfuUaLw.js";
+const DEFAULT_CARD_STACK_THRESHOLD = 400;
+const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId, ensureCoordinatorReady) => {
+  let iframe = null;
+  let client = null;
+  let mounter = null;
+  let isMounted = false;
+  let container = null;
+  let eventDispatcher = null;
+  const eventTarget = new EventTarget();
+  const id = coordinatorElementId;
+  const type = "card";
+  const setupEventListeners = () => {
+    if (!client) {
+      return;
+    }
+    eventDispatcher = createEventDispatcher({
+      elementType: type,
+      elementId: id,
+      client,
+      eventTarget
+    });
+    eventDispatcher.setupSubscriptions();
+  };
+  const createSubElementRef = (subId) => ({
+    id: subId,
+    type: "card",
+    get mounted() {
+      return isMounted;
+    },
+    mount: () => {
+      throw ElementError("Sub-field refs cannot be mounted independently");
+    },
+    unmount: () => {
+    },
+    update: () => Promise.resolve(),
+    focus: () => {
+    },
+    blur: () => {
+    },
+    clear: () => {
+    },
+    on: () => () => {
+    }
+  });
+  const cardElement = {
+    id,
+    type,
+    get mounted() {
+      return isMounted;
+    },
+    // Sub-field references for tokenization
+    fields: {
+      number: createSubElementRef(`${id}__number`),
+      expiryDate: createSubElementRef(`${id}__expiry`),
+      cvc: createSubElementRef(`${id}__cvc`)
+    },
+    mount: async (selector) => {
+      if (isMounted) {
+        throw ElementError("Element is already mounted");
+      }
+      container = typeof selector === "string" ? document.querySelector(selector) : selector;
+      if (!container) {
+        throw ElementError(`Container not found: ${selector}`);
+      }
+      const parentOrigin = window.location.origin;
+      const iframeUrl = new URL(`${sdkConfig.elementsBaseUrl}/card.html`);
+      iframeUrl.searchParams.set("parentOrigin", parentOrigin);
+      iframeUrl.searchParams.set("elementId", id);
+      iframeUrl.searchParams.set(
+        "measurePerformance",
+        String(sdkConfig.measurePerformance || false)
+      );
+      iframeUrl.searchParams.set("debug", String(sdkConfig.debug || false));
+      iframe = createIframe({
+        src: iframeUrl.toString(),
+        sandbox: "allow-scripts allow-same-origin",
+        title: options.ariaLabel || "Card Input"
+      });
+      iframe.setAttribute("data-bt-element-id", id);
+      iframe.setAttribute("data-theme-mode", sdkConfig.themeMode || "auto");
+      client = createPostMessageClient(iframe, {
+        targetOrigin: sdkConfig.iframeOrigin,
+        timeout: sdkConfig.timeoutMs,
+        retries: sdkConfig.retryConfig.maxRetries,
+        debug: sdkConfig.debug
+      });
+      mounter = createMounter();
+      setupEventListeners();
+      const readyPromise = new Promise((resolve, reject) => {
+        const timeout = setTimeout(() => {
+          reject(
+            ElementError(
+              `Iframe EVENT_READY not received within ${sdkConfig.timeoutMs}ms`,
+              id,
+              { elementType: type, timeoutMs: sdkConfig.timeoutMs }
+            )
+          );
+        }, sdkConfig.timeoutMs);
+        const handleReady = () => {
+          clearTimeout(timeout);
+          resolve();
+        };
+        eventTarget.addEventListener("ready", handleReady, { once: true });
+      });
+      mounter.mount(container, iframe, {
+        timeoutMs: sdkConfig.timeoutMs
+      });
+      isMounted = true;
+      try {
+        await ensureCoordinatorReady();
+        await readyPromise;
+        await client.sendRequest("CMD_SET_CONFIG", {
+          elementId: id,
+          apiKey,
+          apiTimeout: sdkConfig.timeoutMs,
+          apiRetries: sdkConfig.retryConfig.maxRetries,
+          theme: sdkConfig.theme,
+          darkTheme: sdkConfig.darkTheme,
+          themeMode: sdkConfig.themeMode,
+          placeholder: options.placeholder,
+          style: options.style,
+          disabled: options.disabled,
+          readOnly: options.readOnly,
+          layout: options.layout || "auto",
+          stackAt: options.stackAt || DEFAULT_CARD_STACK_THRESHOLD,
+          iconPosition: options.iconPosition || "left",
+          cardBrands: options.cardBrands,
+          debug: sdkConfig.debug
+        });
+        if (iframe) iframe.style.opacity = "1";
+      } catch (error) {
+        if (eventDispatcher) {
+          eventDispatcher.dispatchError(
+            "MOUNT_ERROR",
+            error.message,
+            error
+          );
+        }
+        isMounted = false;
+        if (client) {
+          client.destroy();
+          client = null;
+        }
+        if (mounter && iframe) {
+          mounter.unmount(iframe);
+          iframe = null;
+          mounter = null;
+        }
+        eventDispatcher = null;
+        container = null;
+        throw error;
+      }
+    },
+    unmount: () => {
+      if (!isMounted) {
+        throw ElementError("Element is not mounted");
+      }
+      if (client) {
+        client.sendRequest("CMD_CLEAR_CACHE", {}).catch((error) => {
+          log("Failed to send clear cache command", {
+            error: error.message
+          });
+        });
+        client.destroy();
+        client = null;
+      }
+      if (mounter && iframe) {
+        mounter.unmount(iframe);
+        iframe = null;
+        mounter = null;
+      }
+      eventDispatcher = null;
+      container = null;
+      isMounted = false;
+    },
+    update: async (newOptions) => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before updating");
+      }
+      const cardOptions = newOptions;
+      const updatePayload = {
+        placeholder: cardOptions.placeholder,
+        style: cardOptions.style,
+        disabled: cardOptions.disabled,
+        readOnly: cardOptions.readOnly,
+        layout: cardOptions.layout,
+        stackAt: cardOptions.stackAt,
+        iconPosition: cardOptions.iconPosition,
+        cardBrands: cardOptions.cardBrands
+      };
+      if (newOptions.themeMode !== void 0) {
+        updatePayload.themeMode = newOptions.themeMode;
+        updatePayload.theme = sdkConfig.theme;
+        updatePayload.darkTheme = sdkConfig.darkTheme;
+      }
+      await client.sendRequest("CMD_UPDATE_CONFIG", updatePayload);
+    },
+    focus: () => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before focusing");
+      }
+      client.sendRequest("CMD_FOCUS", {});
+    },
+    blur: () => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before blurring");
+      }
+      client.sendRequest("CMD_BLUR", {});
+    },
+    clear: () => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before clearing");
+      }
+      client.sendRequest("CMD_CLEAR", {});
+    },
+    on: (eventType, listener) => {
+      eventTarget.addEventListener(
+        eventType,
+        listener
+      );
+      return () => eventTarget.removeEventListener(
+        eventType,
+        listener
+      );
+    }
+  };
+  return cardElement;
+};
+export {
+  createCardElement
+};

package/dist/create-card-DipDWgph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-card-DipDWgph.js","sources":["../src/elements/create-card.ts"],"sourcesContent":["/**\n * Card Element Factory (Unified)\n */\n\nimport type { PostMessageClient } from '@basis-theory-elements/postmessage';\nimport { createPostMessageClient } from '@basis-theory-elements/postmessage';\nimport { ElementError, log } from '@basis-theory-elements/shared';\nimport { createMounter } from '../mounter/create-mounter';\nimport type {\n  CardElement,\n  ElementMounter,\n  ElementOptions,\n  EventListener,\n  EventType,\n  SDKConfig,\n  SubElementRef,\n} from '../types';\nimport { createIframe } from '../utils/create-iframe';\nimport { createEventDispatcher } from '../utils/create-event-dispatcher';\n\n/**\n * Default stack threshold in pixels for CardElement auto-layout\n * When container width is below this threshold, card inputs stack vertically\n */\nconst DEFAULT_CARD_STACK_THRESHOLD = 400;\n\n/**\n * Card element options\n */\nexport interface CardElementOptions {\n  /** CSS styling */\n  style?: Record<string, any>;\n\n  /** Placeholder text for each sub-field */\n  placeholder?: {\n    cardNumber?: string;\n    expiryDate?: string;\n    cvc?: string;\n  };\n\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  /** Disabled state (applies to all 3 sub-fields) */\n  disabled?: boolean;\n\n  /** Read-only state (applies to all 3 sub-fields) */\n  readOnly?: boolean;\n\n  /** Layout mode */\n  layout?: 'row' | 'column' | 'auto';\n\n  /** Stack threshold in pixels (only applies when layout: 'auto') */\n  stackAt?: number;\n\n  /** Icon position */\n  iconPosition?: 'left' | 'right' | 'none';\n\n  /** Restrict accepted card brands */\n  cardBrands?: string[];\n}\n\n/**\n * Factory function to create a unified card element\n * No class, pure functional approach with closure-based state\n */\nexport const createCardElement = (\n  apiKey: string,\n  sdkConfig: SDKConfig,\n  options: CardElementOptions = {},\n  coordinatorElementId: string,\n  ensureCoordinatorReady: () => Promise<void>\n): CardElement => {\n  // Private state (closure)\n  let iframe: HTMLIFrameElement | null = null;\n  let client: PostMessageClient | null = null;\n  let mounter: ElementMounter | null = null;\n  let isMounted = false;\n  let container: HTMLElement | null = null;\n  let eventDispatcher: ReturnType<typeof createEventDispatcher> | null = null;\n\n  // Event target for event emission\n  const eventTarget = new EventTarget();\n\n  // Use coordinator-generated ID for all references\n  const id = coordinatorElementId;\n  const type = 'card';\n\n  // Setup event dispatcher\n  const setupEventListeners = () => {\n    if (!client) {\n      return;\n    }\n\n    eventDispatcher = createEventDispatcher({\n      elementType: type,\n      elementId: id,\n      client,\n      eventTarget,\n    });\n\n    eventDispatcher.setupSubscriptions();\n  };\n\n  /**\n   * Create sub-element reference for tokenization\n   * These refs are used in bt.tokens.create() data payload\n   */\n  const createSubElementRef = (subId: string): SubElementRef => ({\n    id: subId,\n    type: 'card',\n    get mounted() {\n      return isMounted;\n    },\n    mount: () => {\n      throw ElementError('Sub-field refs cannot be mounted independently');\n    },\n    unmount: () => {},\n    update: () => Promise.resolve(),\n    focus: () => {},\n    blur: () => {},\n    clear: () => {},\n    on: () => () => {},\n  });\n\n  // Public API (Element interface with sub-field refs)\n  const cardElement = {\n    id,\n    type,\n    get mounted() {\n      return isMounted;\n    },\n\n    // Sub-field references for tokenization\n    fields: {\n      number: createSubElementRef(`${id}__number`),\n      expiryDate: createSubElementRef(`${id}__expiry`),\n      cvc: createSubElementRef(`${id}__cvc`),\n    },\n\n    mount: async (selector: string | HTMLElement) => {\n      if (isMounted) {\n        throw ElementError('Element is already mounted');\n      }\n\n      // Resolve container\n      container =\n        typeof selector === 'string'\n          ? document.querySelector(selector)\n          : selector;\n\n      if (!container) {\n        throw ElementError(`Container not found: ${selector}`);\n      }\n\n      // Create iframe\n      const parentOrigin = window.location.origin;\n      const iframeUrl = new URL(`${sdkConfig.elementsBaseUrl}/card.html`);\n      iframeUrl.searchParams.set('parentOrigin', parentOrigin);\n      iframeUrl.searchParams.set('elementId', id);\n      iframeUrl.searchParams.set(\n        'measurePerformance',\n        String(sdkConfig.measurePerformance || false)\n      );\n      iframeUrl.searchParams.set('debug', String(sdkConfig.debug || false));\n\n      iframe = createIframe({\n        src: iframeUrl.toString(),\n        sandbox: 'allow-scripts allow-same-origin',\n        title: options.ariaLabel || 'Card Input',\n      });\n\n      // Add element ID and theme mode attributes\n      iframe.setAttribute('data-bt-element-id', id);\n      iframe.setAttribute('data-theme-mode', sdkConfig.themeMode || 'auto');\n\n      // Create PostMessage client\n      client = createPostMessageClient(iframe, {\n        targetOrigin: sdkConfig.iframeOrigin,\n        timeout: sdkConfig.timeoutMs,\n        retries: sdkConfig.retryConfig.maxRetries,\n        debug: sdkConfig.debug,\n      });\n\n      // Create mounter\n      mounter = createMounter();\n\n      // Set up event listeners\n      setupEventListeners();\n\n      // Subscribe to 'ready' event BEFORE mounting iframe\n      const readyPromise = new Promise<void>((resolve, reject) => {\n        const timeout = setTimeout(() => {\n          reject(\n            ElementError(\n              `Iframe EVENT_READY not received within ${sdkConfig.timeoutMs}ms`,\n              id,\n              { elementType: type, timeoutMs: sdkConfig.timeoutMs }\n            )\n          );\n        }, sdkConfig.timeoutMs);\n\n        const handleReady = () => {\n          clearTimeout(timeout);\n          resolve();\n        };\n\n        eventTarget.addEventListener('ready', handleReady, { once: true });\n      });\n\n      // Mount iframe to DOM (synchronous)\n      mounter.mount(container, iframe, {\n        timeoutMs: sdkConfig.timeoutMs,\n      });\n\n      isMounted = true;\n\n      // Wait for coordinator + configuration to complete\n      try {\n        // Wait for coordinator (loads Core SDK if needed)\n        await ensureCoordinatorReady();\n\n        // Wait for EVENT_READY\n        await readyPromise;\n\n        // Send initial configuration with card-specific options\n        await client!.sendRequest('CMD_SET_CONFIG', {\n          elementId: id,\n          apiKey,\n          apiTimeout: sdkConfig.timeoutMs,\n          apiRetries: sdkConfig.retryConfig.maxRetries,\n          theme: sdkConfig.theme,\n          darkTheme: sdkConfig.darkTheme,\n          themeMode: sdkConfig.themeMode,\n          placeholder: options.placeholder,\n          style: options.style,\n          disabled: options.disabled,\n          readOnly: options.readOnly,\n          layout: options.layout || 'auto',\n          stackAt: options.stackAt || DEFAULT_CARD_STACK_THRESHOLD,\n          iconPosition: options.iconPosition || 'left',\n          cardBrands: options.cardBrands,\n          debug: sdkConfig.debug,\n        });\n\n        // Reveal iframe now that theme is fully applied\n        if (iframe) iframe.style.opacity = '1';\n      } catch (error) {\n        // Dispatch error event before cleanup\n        if (eventDispatcher) {\n          eventDispatcher.dispatchError(\n            'MOUNT_ERROR',\n            (error as Error).message,\n            error as Error\n          );\n        }\n\n        // Mount failed - clean up and mark as unmounted\n        isMounted = false;\n\n        if (client) {\n          client.destroy();\n          client = null;\n        }\n\n        if (mounter && iframe) {\n          mounter.unmount(iframe);\n          iframe = null;\n          mounter = null;\n        }\n\n        eventDispatcher = null;\n        container = null;\n\n        throw error;\n      }\n    },\n\n    unmount: () => {\n      if (!isMounted) {\n        throw ElementError('Element is not mounted');\n      }\n\n      // Tell iframe to notify coordinator to clear cached values (all 3 sub-fields)\n      if (client) {\n        client.sendRequest('CMD_CLEAR_CACHE', {}).catch((error) => {\n          log('Failed to send clear cache command', {\n            elementId: id,\n            error: (error as Error).message,\n          });\n        });\n\n        client.destroy();\n        client = null;\n      }\n\n      if (mounter && iframe) {\n        mounter.unmount(iframe);\n        iframe = null;\n        mounter = null;\n      }\n\n      eventDispatcher = null;\n      container = null;\n      isMounted = false;\n    },\n\n    update: async (newOptions: Partial<ElementOptions> & { themeMode?: string }) => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before updating');\n      }\n\n      // Cast to CardElementOptions to access card-specific properties\n      const cardOptions = newOptions as Partial<CardElementOptions> & { themeMode?: string };\n\n      // Build update payload\n      const updatePayload: Record<string, any> = {\n        placeholder: cardOptions.placeholder,\n        style: cardOptions.style,\n        disabled: cardOptions.disabled,\n        readOnly: cardOptions.readOnly,\n        layout: cardOptions.layout,\n        stackAt: cardOptions.stackAt,\n        iconPosition: cardOptions.iconPosition,\n        cardBrands: cardOptions.cardBrands,\n      };\n\n      // Include theme mode update if provided\n      if (newOptions.themeMode !== undefined) {\n        updatePayload.themeMode = newOptions.themeMode;\n        updatePayload.theme = sdkConfig.theme;\n        updatePayload.darkTheme = sdkConfig.darkTheme;\n      }\n\n      await client.sendRequest('CMD_UPDATE_CONFIG', updatePayload);\n    },\n\n    focus: () => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before focusing');\n      }\n\n      client.sendRequest('CMD_FOCUS', {});\n    },\n\n    blur: () => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before blurring');\n      }\n\n      client.sendRequest('CMD_BLUR', {});\n    },\n\n    clear: () => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before clearing');\n      }\n\n      client.sendRequest('CMD_CLEAR', {});\n    },\n\n    on: (eventType: EventType, listener: EventListener) => {\n      eventTarget.addEventListener(\n        eventType,\n        listener as EventListenerOrEventListenerObject\n      );\n\n      // Return unsubscribe function\n      return () =>\n        eventTarget.removeEventListener(\n          eventType,\n          listener as EventListenerOrEventListenerObject\n        );\n    },\n  };\n\n  return cardElement as CardElement;\n};\n"],"names":[],"mappings":"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"}