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

package/dist/{create-card-DipDWgph.js → create-card-B5zEHyRg.js}

@@ -1,6 +1,6 @@
-import { E as ElementError, c as createIframe, a as createPostMessageClient, b as createEventDispatcher, l as log, d as createMounter } from "./index-BBfuUaLw.js";
+import { E as ElementError, c as createIframe, a as createPostMessageClient, b as createEventDispatcher, l as log, d as createMounter } from "./index-BOedIhUN.js";
 const DEFAULT_CARD_STACK_THRESHOLD = 400;
-const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId, ensureCoordinatorReady) => {
+const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId, ensureCoordinatorReady, notifyCoordinatorElementUnmount) => {
   let iframe = null;
   let client = null;
   let mounter = null;
@@ -119,13 +119,15 @@ const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId
           darkTheme: sdkConfig.darkTheme,
           themeMode: sdkConfig.themeMode,
           placeholder: options.placeholder,
-          style: options.style,
+          ...options.style !== void 0 && { 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,
+          ...options.cardBrands !== void 0 && { cardBrands: options.cardBrands },
+          ...options.binLookup !== void 0 && { binLookup: options.binLookup },
+          ...options.coBadge !== void 0 && { coBadge: options.coBadge },
           debug: sdkConfig.debug
         });
         if (iframe) iframe.style.opacity = "1";
@@ -156,12 +158,15 @@ const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId
       if (!isMounted) {
         throw ElementError("Element is not mounted");
       }
-      if (client) {
-        client.sendRequest("CMD_CLEAR_CACHE", {}).catch((error) => {
-          log("Failed to send clear cache command", {
+      const subFieldSuffixes = ["__number", "__expiry", "__cvc"];
+      for (const suffix of subFieldSuffixes) {
+        notifyCoordinatorElementUnmount(`${id}${suffix}`).catch((error) => {
+          log("Failed to notify coordinator of element unmount", {
             error: error.message
           });
         });
+      }
+      if (client) {
         client.destroy();
         client = null;
       }
@@ -180,15 +185,38 @@ const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId
       }
       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
+        elementId: id
       };
+      if (cardOptions.placeholder !== void 0) {
+        updatePayload.placeholder = cardOptions.placeholder;
+      }
+      if (cardOptions.style !== void 0) {
+        updatePayload.style = cardOptions.style;
+      }
+      if (cardOptions.disabled !== void 0) {
+        updatePayload.disabled = cardOptions.disabled;
+      }
+      if (cardOptions.readOnly !== void 0) {
+        updatePayload.readOnly = cardOptions.readOnly;
+      }
+      if (cardOptions.layout !== void 0) {
+        updatePayload.layout = cardOptions.layout;
+      }
+      if (cardOptions.stackAt !== void 0) {
+        updatePayload.stackAt = cardOptions.stackAt;
+      }
+      if (cardOptions.iconPosition !== void 0) {
+        updatePayload.iconPosition = cardOptions.iconPosition;
+      }
+      if (cardOptions.cardBrands !== void 0) {
+        updatePayload.cardBrands = cardOptions.cardBrands;
+      }
+      if (cardOptions.binLookup !== void 0) {
+        updatePayload.binLookup = cardOptions.binLookup;
+      }
+      if (cardOptions.coBadge !== void 0) {
+        updatePayload.coBadge = cardOptions.coBadge;
+      }
       if (newOptions.themeMode !== void 0) {
         updatePayload.themeMode = newOptions.themeMode;
         updatePayload.theme = sdkConfig.theme;
@@ -223,6 +251,12 @@ const createCardElement = (apiKey, sdkConfig, options = {}, coordinatorElementId
         eventType,
         listener
       );
+    },
+    setNetwork: async (network) => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before setNetwork");
+      }
+      await client.sendRequest("CMD_SET_NETWORK", { network });
     }
   };
   return cardElement;

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-card-B5zEHyRg.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   * BIN enrichment for the card number field. If omitted but `coBadge` is set, enrichment\n   * runs unless explicitly disabled (`false` or `{ enabled: false }`).\n   */\n  binLookup?: boolean | { enabled?: boolean; debounceMs?: number };\n\n  /** Co-badge options; implies BIN enrichment when set (see `binLookup`). */\n  coBadge?: {\n    preferredNetworks?: string[];\n    mode?: 'auto' | 'manual';\n  };\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  notifyCoordinatorElementUnmount: (elementId: string) => Promise<void> // ← Notify coordinator on unmount\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        // Omit `binLookup` / `coBadge` when undefined so the iframe never receives\n        // explicit `undefined` (object literals include own keys with undefined values).\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          ...(options.style !== undefined && { 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          ...(options.cardBrands !== undefined && { cardBrands: options.cardBrands }),\n          ...(options.binLookup !== undefined && { binLookup: options.binLookup }),\n          ...(options.coBadge !== undefined && { coBadge: options.coBadge }),\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      // PCI DSS 3.2.1: Notify coordinator to broadcast ELEMENT_UNMOUNTED for all sub-fields\n      // This clears cached values and notifies other elements (like CopyButton)\n      // Card element has 3 sub-fields: __number, __expiry, __cvc\n      const subFieldSuffixes = ['__number', '__expiry', '__cvc'];\n      for (const suffix of subFieldSuffixes) {\n        notifyCoordinatorElementUnmount(`${id}${suffix}`).catch((error) => {\n          log('Failed to notify coordinator of element unmount', {\n            elementId: `${id}${suffix}`,\n            error: (error as Error).message,\n          });\n        });\n      }\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      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      const cardOptions = newOptions as Partial<CardElementOptions> & { themeMode?: string };\n\n      // Only send fields that are present (matches create-card-number) so we never\n      // overwrite iframe config with undefined/null over postMessage.\n      const updatePayload: Record<string, any> = {\n        elementId: id,\n      };\n\n      if (cardOptions.placeholder !== undefined) {\n        updatePayload.placeholder = cardOptions.placeholder;\n      }\n      if (cardOptions.style !== undefined) {\n        updatePayload.style = cardOptions.style;\n      }\n      if (cardOptions.disabled !== undefined) {\n        updatePayload.disabled = cardOptions.disabled;\n      }\n      if (cardOptions.readOnly !== undefined) {\n        updatePayload.readOnly = cardOptions.readOnly;\n      }\n      if (cardOptions.layout !== undefined) {\n        updatePayload.layout = cardOptions.layout;\n      }\n      if (cardOptions.stackAt !== undefined) {\n        updatePayload.stackAt = cardOptions.stackAt;\n      }\n      if (cardOptions.iconPosition !== undefined) {\n        updatePayload.iconPosition = cardOptions.iconPosition;\n      }\n      if (cardOptions.cardBrands !== undefined) {\n        updatePayload.cardBrands = cardOptions.cardBrands;\n      }\n      if (cardOptions.binLookup !== undefined) {\n        updatePayload.binLookup = cardOptions.binLookup;\n      }\n      if (cardOptions.coBadge !== undefined) {\n        updatePayload.coBadge = cardOptions.coBadge;\n      }\n\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    setNetwork: async (network: string) => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before setNetwork');\n      }\n      await client.sendRequest('CMD_SET_NETWORK', { network });\n    },\n  };\n\n  return cardElement as CardElement;\n};\n"],"names":[],"mappings":"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"}

package/dist/create-copy-button-DrAz8g0m.js

@@ -0,0 +1,233 @@
+import { C as ConfigurationError, l as log, E as ElementError, c as createIframe, a as createPostMessageClient, b as createEventDispatcher, d as createMounter } from "./index-BOedIhUN.js";
+const createCopyButtonElement = (_apiKey, sdkConfig, inputOptions, coordinatorElementId, ensureCoordinatorReady, _notifyCoordinatorElementUnmount) => {
+  const options = inputOptions;
+  if ((options == null ? void 0 : options.allowClipboard) !== true) {
+    throw ConfigurationError(
+      "CopyButton requires allowClipboard: true. Clipboard access for raw card data may not be PCI compliant and must be explicitly enabled.",
+      {
+        received: options == null ? void 0 : options.allowClipboard,
+        expected: true,
+        elementType: "copyButton"
+      }
+    );
+  }
+  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 = "copyButton";
+  const setupEventListeners = () => {
+    if (!client) return;
+    eventDispatcher = createEventDispatcher({
+      elementType: type,
+      elementId: id,
+      client,
+      eventTarget
+    });
+    eventDispatcher.setupSubscriptions();
+    client.subscribe("EVENT_COPY", (payload) => {
+      const event = new CustomEvent("copy", {
+        detail: {
+          elementType: type,
+          elementId: id,
+          timestamp: Date.now(),
+          success: (payload == null ? void 0 : payload.success) ?? false,
+          error: payload == null ? void 0 : payload.error
+        }
+      });
+      eventTarget.dispatchEvent(event);
+    });
+  };
+  const element = {
+    id,
+    type,
+    get mounted() {
+      return isMounted;
+    },
+    mount: async (selector) => {
+      if (isMounted) {
+        throw ElementError("Element is already mounted", id);
+      }
+      container = typeof selector === "string" ? document.querySelector(selector) : selector;
+      if (!container) {
+        throw ElementError(`Container not found: ${selector}`);
+      }
+      const signature = crypto.randomUUID();
+      const parentOrigin = window.location.origin;
+      const iframeUrl = new URL(`${sdkConfig.elementsBaseUrl}/copy-button.html`);
+      iframeUrl.searchParams.set("parentOrigin", parentOrigin);
+      iframeUrl.searchParams.set("elementId", id);
+      iframeUrl.searchParams.set("signature", signature);
+      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",
+        // clipboard-write is required for Firefox/Safari clipboard access in iframes
+        allow: "clipboard-write",
+        title: "Copy Button"
+      });
+      iframe.setAttribute("data-bt-element-id", id);
+      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,
+          signature,
+          // Must match URL param signature for iframe to operate
+          theme: sdkConfig.theme,
+          darkTheme: sdkConfig.darkTheme,
+          themeMode: sdkConfig.themeMode,
+          text: options.text || "Copy",
+          value: options.value,
+          disabled: options.disabled,
+          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.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", id);
+      }
+      const updatePayload = {};
+      const copyButtonOptions = newOptions;
+      if (copyButtonOptions.text !== void 0) {
+        updatePayload.text = copyButtonOptions.text;
+      }
+      if (copyButtonOptions.value !== void 0) {
+        updatePayload.value = copyButtonOptions.value;
+      }
+      if (copyButtonOptions.disabled !== void 0) {
+        updatePayload.disabled = copyButtonOptions.disabled;
+      }
+      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", id);
+      }
+      client.sendRequest("CMD_FOCUS", {});
+    },
+    blur: () => {
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before blurring", id);
+      }
+      client.sendRequest("CMD_BLUR", {});
+    },
+    // No-op for CopyButton (nothing to clear in a button)
+    clear: () => {
+    },
+    on: (eventType, listener) => {
+      eventTarget.addEventListener(
+        eventType,
+        listener
+      );
+      return () => eventTarget.removeEventListener(
+        eventType,
+        listener
+      );
+    },
+    /**
+     * Link this copy button to another element's value
+     * Sends CMD_SET_VALUE_REF to the iframe with the referenced element's ID
+     * @returns Promise that resolves when the reference is set
+     */
+    setValueRef: async (refElement) => {
+      log("setValueRef called", {
+        refElementId: refElement == null ? void 0 : refElement.id
+      });
+      if (!refElement || !refElement.id) {
+        throw ElementError("setValueRef requires a valid Element with an ID", id);
+      }
+      if (!isMounted || !client) {
+        throw ElementError("Element must be mounted before calling setValueRef", id);
+      }
+      await client.sendRequest("CMD_SET_VALUE_REF", {
+        referenceElementId: refElement.id
+      });
+    }
+  };
+  return element;
+};
+export {
+  createCopyButtonElement
+};

package/dist/create-copy-button-DrAz8g0m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-copy-button-DrAz8g0m.js","sources":["../src/elements/create-copy-button.ts"],"sourcesContent":["/**\n * Copy Button Element Factory\n *\n * Creates a secure button that copies values to clipboard.\n * Can copy either a static value or a value from a linked BT element.\n *\n * SECURITY NOTE: This element is opt-in only via allowClipboard: true.\n * Clipboard access for raw card data may not be PCI compliant and must\n * never be enabled inadvertently.\n */\n\nimport type { PostMessageClient } from '@basis-theory-elements/postmessage';\nimport { createPostMessageClient } from '@basis-theory-elements/postmessage';\nimport { ConfigurationError, ElementError, log } from '@basis-theory-elements/shared';\nimport { createMounter } from '../mounter/create-mounter';\nimport type {\n  CopyButtonElement,\n  CopyButtonOptions,\n  Element,\n  ElementMounter,\n  ElementOptions,\n  EventListener,\n  EventType,\n  SDKConfig,\n} from '../types';\nimport { createIframe } from '../utils/create-iframe';\nimport { createEventDispatcher } from '../utils/create-event-dispatcher';\n\n/**\n * Factory function to create a copy button element\n *\n * @throws ConfigurationError if allowClipboard is not set to true\n */\nexport const createCopyButtonElement = (\n  _apiKey: string, // Reserved for future API calls\n  sdkConfig: SDKConfig,\n  inputOptions: ElementOptions | CopyButtonOptions | undefined,\n  coordinatorElementId: string,\n  ensureCoordinatorReady: () => Promise<void>,\n  _notifyCoordinatorElementUnmount: (elementId: string) => Promise<void> // Not used - CopyButton doesn't cache sensitive values\n): CopyButtonElement => {\n  // SECURITY: Defense-in-depth check for allowClipboard flag\n  // Primary validation is in validate-element-options.ts, but we keep this\n  // as a backup in case the factory is called directly (e.g., lazy loading)\n  const options = inputOptions as CopyButtonOptions | undefined;\n  if (options?.allowClipboard !== true) {\n    throw ConfigurationError(\n      'CopyButton requires allowClipboard: true. ' +\n        'Clipboard access for raw card data may not be PCI compliant ' +\n        'and must be explicitly enabled.',\n      {\n        received: options?.allowClipboard,\n        expected: true,\n        elementType: 'copyButton',\n      }\n    );\n  }\n\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  const eventTarget = new EventTarget();\n  const id = coordinatorElementId;\n  const type = 'copyButton' as const;\n\n  // Setup event dispatcher (centralized event mapping logic)\n  const setupEventListeners = () => {\n    if (!client) return;\n\n    eventDispatcher = createEventDispatcher({\n      elementType: type,\n      elementId: id,\n      client,\n      eventTarget,\n    });\n\n    eventDispatcher.setupSubscriptions();\n\n    // Subscribe to copy events from the iframe\n    client.subscribe('EVENT_COPY', (payload) => {\n      const event = new CustomEvent('copy', {\n        detail: {\n          elementType: type,\n          elementId: id,\n          timestamp: Date.now(),\n          success: payload?.success ?? false,\n          error: payload?.error,\n        },\n      });\n      eventTarget.dispatchEvent(event);\n    });\n  };\n\n  const element: CopyButtonElement = {\n    id,\n    type,\n    get mounted() {\n      return isMounted;\n    },\n\n    mount: async (selector: string | HTMLElement) => {\n      if (isMounted) {\n        throw ElementError('Element is already mounted', id);\n      }\n\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      // Generate signature for iframe authentication\n      // Must match between URL param and CMD_SET_CONFIG to prevent\n      // unauthorized iframe framing attacks\n      const signature = crypto.randomUUID();\n\n      // Pass parent origin + element ID + signature via URL parameters\n      const parentOrigin = window.location.origin;\n      const iframeUrl = new URL(`${sdkConfig.elementsBaseUrl}/copy-button.html`);\n      iframeUrl.searchParams.set('parentOrigin', parentOrigin);\n      iframeUrl.searchParams.set('elementId', id);\n      iframeUrl.searchParams.set('signature', signature);\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        // clipboard-write is required for Firefox/Safari clipboard access in iframes\n        allow: 'clipboard-write',\n        title: 'Copy Button',\n      });\n\n      // Add element ID attribute for debugging\n      iframe.setAttribute('data-bt-element-id', id);\n\n      client = createPostMessageClient(iframe, {\n        targetOrigin: sdkConfig.iframeOrigin,\n        timeout: sdkConfig.timeoutMs,\n        retries: sdkConfig.retryConfig.maxRetries,\n        debug: sdkConfig.debug,\n      });\n\n      mounter = createMounter();\n      setupEventListeners();\n\n      // Subscribe to 'ready' event BEFORE mounting iframe (prevents race condition)\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\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        await ensureCoordinatorReady();\n        await readyPromise;\n\n        // Send copy button config with signature for authentication\n        await client!.sendRequest('CMD_SET_CONFIG', {\n          elementId: id,\n          signature, // Must match URL param signature for iframe to operate\n          theme: sdkConfig.theme,\n          darkTheme: sdkConfig.darkTheme,\n          themeMode: sdkConfig.themeMode,\n          text: options.text || 'Copy',\n          value: options.value,\n          disabled: options.disabled,\n          debug: sdkConfig.debug,\n        });\n\n        // Reveal iframe now that theme is 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\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      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      isMounted = false;\n    },\n\n    update: async (newOptions: Partial<CopyButtonOptions> & { themeMode?: string }) => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before updating', id);\n      }\n\n      // Only send fields that are present (matches create-card-number) so we never\n      // overwrite iframe config with undefined/null over postMessage.\n      const updatePayload: Record<string, any> = {};\n\n      const copyButtonOptions = newOptions as Partial<CopyButtonOptions> & { themeMode?: string };\n\n      if (copyButtonOptions.text !== undefined) {\n        updatePayload.text = copyButtonOptions.text;\n      }\n      if (copyButtonOptions.value !== undefined) {\n        updatePayload.value = copyButtonOptions.value;\n      }\n      if (copyButtonOptions.disabled !== undefined) {\n        updatePayload.disabled = copyButtonOptions.disabled;\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', id);\n      }\n\n      client.sendRequest('CMD_FOCUS', {});\n    },\n\n    blur: () => {\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before blurring', id);\n      }\n\n      client.sendRequest('CMD_BLUR', {});\n    },\n\n    // No-op for CopyButton (nothing to clear in a button)\n    clear: () => {},\n\n    on: (eventType: EventType, listener: EventListener) => {\n      eventTarget.addEventListener(\n        eventType,\n        listener as EventListenerOrEventListenerObject\n      );\n\n      return () =>\n        eventTarget.removeEventListener(\n          eventType,\n          listener as EventListenerOrEventListenerObject\n        );\n    },\n\n    /**\n     * Link this copy button to another element's value\n     * Sends CMD_SET_VALUE_REF to the iframe with the referenced element's ID\n     * @returns Promise that resolves when the reference is set\n     */\n    setValueRef: async (refElement: Element): Promise<void> => {\n      log('setValueRef called', {\n        copyButtonId: id,\n        refElementId: refElement?.id,\n      });\n\n      if (!refElement || !refElement.id) {\n        throw ElementError('setValueRef requires a valid Element with an ID', id);\n      }\n\n      if (!isMounted || !client) {\n        throw ElementError('Element must be mounted before calling setValueRef', id);\n      }\n\n      // Send command to iframe to link to the referenced element\n      await client.sendRequest('CMD_SET_VALUE_REF', {\n        referenceElementId: refElement.id,\n      });\n    },\n  };\n\n  return element;\n};\n"],"names":[],"mappings":"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"}