{"version":3,"sources":["../src/wallet/types.ts","../src/shared/auth-bridge.ts","../src/wallet/web-component.ts"],"names":[],"mappings":"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","file":"wallet-web-component.mjs","sourcesContent":["/**\n * Theming props for the Wallet Widget.\n * These map to CSS custom properties used internally.\n */\nexport interface WalletThemingProps {\n /** Container background color */\n walletBackgroundColor?: string;\n /** Primary text color */\n walletTextColor?: string;\n /** Secondary text color */\n walletSecondaryTextColor?: string;\n /** Border color */\n walletBorderColor?: string;\n /** Container border radius */\n walletBorderRadius?: string;\n /** Container padding */\n walletPadding?: string;\n /** Container box shadow */\n walletShadow?: string;\n /** Primary accent color */\n walletPrimaryColor?: string;\n /** Primary hover color */\n walletPrimaryHover?: string;\n /** Tab background */\n walletTabBackground?: string;\n /** Active tab background */\n walletTabActiveBackground?: string;\n /** Active tab text color */\n walletTabActiveColor?: string;\n /** Tab border color */\n walletTabBorderColor?: string;\n /** Tab border radius */\n walletTabRadius?: string;\n /** Coupon gradient start */\n walletCouponBgStart?: string;\n /** Coupon gradient end */\n walletCouponBgEnd?: string;\n /** Coupon border color */\n walletCouponBorderColor?: string;\n /** Coupon border radius */\n walletCouponRadius?: string;\n /** Coupon box shadow */\n walletCouponShadow?: string;\n /** Coupon hover shadow */\n walletCouponHoverShadow?: string;\n /** Voucher gradient start */\n walletVoucherBgStart?: string;\n /** Voucher gradient mid */\n walletVoucherBgMid?: string;\n /** Voucher gradient end */\n walletVoucherBgEnd?: string;\n /** Voucher accent gradient start */\n walletVoucherAccentStart?: string;\n /** Voucher accent gradient mid */\n walletVoucherAccentMid?: string;\n /** Voucher accent gradient end */\n walletVoucherAccentEnd?: string;\n /** Voucher border color */\n walletVoucherBorderColor?: string;\n /** Voucher border radius */\n walletVoucherRadius?: string;\n /** Voucher box shadow */\n walletVoucherShadow?: string;\n /** Font family */\n walletFontFamily?: string;\n /** Title font size */\n walletTitleSize?: string;\n /** Title font weight */\n walletTitleWeight?: string;\n /** Body text font size */\n walletBodySize?: string;\n /** Meta text font size */\n walletMetaSize?: string;\n /** Active badge background */\n walletBadgeActiveBg?: string;\n /** Active badge text color */\n walletBadgeActiveColor?: string;\n /** Expired badge background */\n walletBadgeExpiredBg?: string;\n /** Expired badge text color */\n walletBadgeExpiredColor?: string;\n /** Redeemed badge background */\n walletBadgeRedeemedBg?: string;\n /** Redeemed badge text color */\n walletBadgeRedeemedColor?: string;\n /** Button border radius */\n walletButtonRadius?: string;\n /** Button padding */\n walletButtonPadding?: string;\n /** Progress bar background */\n walletProgressBg?: string;\n /** Progress bar color */\n walletProgressColor?: string;\n /** Progress bar warning color */\n walletProgressWarningColor?: string;\n /** Transition duration */\n walletTransitionDuration?: string;\n /** Hover scale factor */\n walletHoverScale?: string;\n /** Empty state icon color */\n walletEmptyIconColor?: string;\n /** Empty state text color */\n walletEmptyTextColor?: string;\n}\n\n/**\n * Core configuration props for the Wallet Widget.\n */\nexport interface WalletWidgetProps extends WalletThemingProps {\n /** Base URL of the Legion application (required) */\n baseUrl: string;\n /** User ID (required) */\n userId: string;\n /** API key for authentication */\n apiKey?: string;\n /** Theme preset. Default: \"light\" */\n theme?: \"light\" | \"dark\";\n /** Show wallet balance. Default: true */\n showBalance?: boolean;\n /** Show transaction history. Default: true */\n showHistory?: boolean;\n /** Widget height CSS value. Default: \"500px\" */\n height?: string;\n /** Additional CSS class name for the container */\n className?: string;\n /** Additional inline styles for the container */\n style?: React.CSSProperties;\n /** Callback when the widget iframe has loaded */\n onLoad?: (detail: { widget: string; theme: string }) => void;\n /** Callback when the widget iframe fails to load */\n onError?: (message: string) => void;\n}\n\n/**\n * Mapping from camelCase theming prop names to the kebab-case query\n * parameter names used by the wallet widget iframe URL.\n */\nexport const WALLET_THEMING_PROP_TO_PARAM: Record<\n keyof WalletThemingProps,\n string\n> = {\n walletBackgroundColor: \"wallet-background-color\",\n walletTextColor: \"wallet-text-color\",\n walletSecondaryTextColor: \"wallet-secondary-text-color\",\n walletBorderColor: \"wallet-border-color\",\n walletBorderRadius: \"wallet-border-radius\",\n walletPadding: \"wallet-padding\",\n walletShadow: \"wallet-shadow\",\n walletPrimaryColor: \"wallet-primary-color\",\n walletPrimaryHover: \"wallet-primary-hover\",\n walletTabBackground: \"wallet-tab-background\",\n walletTabActiveBackground: \"wallet-tab-active-background\",\n walletTabActiveColor: \"wallet-tab-active-color\",\n walletTabBorderColor: \"wallet-tab-border-color\",\n walletTabRadius: \"wallet-tab-radius\",\n walletCouponBgStart: \"wallet-coupon-bg-start\",\n walletCouponBgEnd: \"wallet-coupon-bg-end\",\n walletCouponBorderColor: \"wallet-coupon-border-color\",\n walletCouponRadius: \"wallet-coupon-radius\",\n walletCouponShadow: \"wallet-coupon-shadow\",\n walletCouponHoverShadow: \"wallet-coupon-hover-shadow\",\n walletVoucherBgStart: \"wallet-voucher-bg-start\",\n walletVoucherBgMid: \"wallet-voucher-bg-mid\",\n walletVoucherBgEnd: \"wallet-voucher-bg-end\",\n walletVoucherAccentStart: \"wallet-voucher-accent-start\",\n walletVoucherAccentMid: \"wallet-voucher-accent-mid\",\n walletVoucherAccentEnd: \"wallet-voucher-accent-end\",\n walletVoucherBorderColor: \"wallet-voucher-border-color\",\n walletVoucherRadius: \"wallet-voucher-radius\",\n walletVoucherShadow: \"wallet-voucher-shadow\",\n walletFontFamily: \"wallet-font-family\",\n walletTitleSize: \"wallet-title-size\",\n walletTitleWeight: \"wallet-title-weight\",\n walletBodySize: \"wallet-body-size\",\n walletMetaSize: \"wallet-meta-size\",\n walletBadgeActiveBg: \"wallet-badge-active-bg\",\n walletBadgeActiveColor: \"wallet-badge-active-color\",\n walletBadgeExpiredBg: \"wallet-badge-expired-bg\",\n walletBadgeExpiredColor: \"wallet-badge-expired-color\",\n walletBadgeRedeemedBg: \"wallet-badge-redeemed-bg\",\n walletBadgeRedeemedColor: \"wallet-badge-redeemed-color\",\n walletButtonRadius: \"wallet-button-radius\",\n walletButtonPadding: \"wallet-button-padding\",\n walletProgressBg: \"wallet-progress-bg\",\n walletProgressColor: \"wallet-progress-color\",\n walletProgressWarningColor: \"wallet-progress-warning-color\",\n walletTransitionDuration: \"wallet-transition-duration\",\n walletHoverScale: \"wallet-hover-scale\",\n walletEmptyIconColor: \"wallet-empty-icon-color\",\n walletEmptyTextColor: \"wallet-empty-text-color\",\n};\n\n","/**\n * Auth bridge for `` web components (plan §4.2, LEG-444).\n *\n * Wires three message paths around an iframe-backed widget:\n *\n * parent page --(window.postMessage 'legion:auth')--> host component\n * host --(iframe.postMessage 'AUTH_TOKEN')----> iframe\n * iframe --(window.postMessage 'legion:auth-expired')-> host component\n * └─ re-emitted as\n * CustomEvent('legion:auth-expired')\n *\n * Token sources, highest to lowest precedence:\n * 1. parent postMessage `{ type: \"legion:auth\", token }`\n * 2. `auth-token` attribute (canonical, plan §4.2)\n * 3. `api-key` attribute (legacy alias, kept for backwards-compat)\n *\n * Parent → host messages are filtered against the comma-separated\n * `allowed-parent-origins` attribute. If unset, only `window.parent === self`\n * (top-level page) and same-origin parents are accepted.\n */\n\nexport interface AuthBridgeOptions {\n /** Returns the live iframe element if mounted. */\n iframeAccessor: () => HTMLIFrameElement | null;\n /** Used as the targetOrigin when posting to the iframe. */\n baseUrl: string;\n}\n\nexport interface AuthBridgeHandle {\n /** Tear down listeners. Call from `disconnectedCallback`. */\n detach(): void;\n /** Push the current token to the iframe. Call after `iframe.onload`. */\n postCurrentToken(): void;\n /** Resolve the active token (parent override → auth-token → api-key). */\n currentToken(): string | null;\n}\n\nconst AUTH_TOKEN_MESSAGE = \"AUTH_TOKEN\";\nconst PARENT_AUTH_MESSAGE = \"legion:auth\";\nconst IFRAME_EXPIRED_MESSAGE = \"legion:auth-expired\";\n\nfunction parseAllowedOrigins(host: HTMLElement): string[] {\n const raw = host.getAttribute(\"allowed-parent-origins\") || \"\";\n return raw\n .split(\",\")\n .map((s) => s.trim())\n .filter(Boolean);\n}\n\nfunction isAllowedParentOrigin(host: HTMLElement, origin: string): boolean {\n // Same-origin is always trusted.\n if (origin === window.location.origin) return true;\n const allowed = parseAllowedOrigins(host);\n return allowed.includes(origin);\n}\n\nexport function attachAuthBridge(\n host: HTMLElement,\n opts: AuthBridgeOptions\n): AuthBridgeHandle {\n // Token override pushed by the parent via postMessage. Wins over attrs.\n let parentToken: string | null = null;\n\n const currentToken = (): string | null => {\n if (parentToken) return parentToken;\n return host.getAttribute(\"auth-token\") || host.getAttribute(\"api-key\");\n };\n\n const postCurrentToken = (): void => {\n const iframe = opts.iframeAccessor();\n const token = currentToken();\n if (!iframe || !iframe.contentWindow || !token) return;\n iframe.contentWindow.postMessage(\n { type: AUTH_TOKEN_MESSAGE, token },\n opts.baseUrl\n );\n };\n\n const onMessage = (event: MessageEvent): void => {\n if (!event || typeof event.data !== \"object\" || event.data === null) {\n return;\n }\n const data = event.data as { type?: unknown; token?: unknown };\n\n // 1. Parent → host: token refresh.\n if (data.type === PARENT_AUTH_MESSAGE) {\n if (!isAllowedParentOrigin(host, event.origin)) return;\n if (typeof data.token !== \"string\" || !data.token) return;\n parentToken = data.token;\n postCurrentToken();\n return;\n }\n\n // 2. Iframe → host: token expired. The iframe is mounted in the\n // shadow DOM; messages from it carry `event.source === iframe.contentWindow`.\n if (data.type === IFRAME_EXPIRED_MESSAGE) {\n const iframe = opts.iframeAccessor();\n if (!iframe || event.source !== iframe.contentWindow) return;\n host.dispatchEvent(\n new CustomEvent(IFRAME_EXPIRED_MESSAGE, {\n bubbles: true,\n composed: true,\n })\n );\n }\n };\n\n window.addEventListener(\"message\", onMessage);\n\n return {\n detach() {\n window.removeEventListener(\"message\", onMessage);\n },\n postCurrentToken,\n currentToken,\n };\n}\n\n/** Attribute names the bridge cares about; widgets must add these to `observedAttributes`. */\nexport const AUTH_BRIDGE_OBSERVED_ATTRS = [\n \"auth-token\",\n \"api-key\",\n \"allowed-parent-origins\",\n] as const;\n","/**\n * Web Component entry point for the Wallet widget.\n *\n * Importing this module registers the custom element\n * so it can be used in any HTML page or framework that supports web components.\n *\n * @example\n * ```ts\n * import '@legionhandtech/lht-react-widgets/wallet-web-component';\n *\n * // Then use in HTML:\n * // \n * ```\n */\n\nimport { WALLET_THEMING_PROP_TO_PARAM } from \"./types\";\nimport {\n attachAuthBridge,\n type AuthBridgeHandle,\n AUTH_BRIDGE_OBSERVED_ATTRS,\n} from \"../shared/auth-bridge\";\n\nconst WALLET_CSS_ATTRIBUTES = Object.values(WALLET_THEMING_PROP_TO_PARAM);\n\nconst TOKEN_ATTRS = new Set(AUTH_BRIDGE_OBSERVED_ATTRS);\n\nclass LegionWalletElement extends HTMLElement {\n public iframe: HTMLIFrameElement | null = null;\n private authBridge: AuthBridgeHandle | null = null;\n\n constructor() {\n super();\n this.attachShadow({ mode: \"open\" });\n }\n\n static get observedAttributes(): string[] {\n return [\n \"user-id\",\n \"theme\",\n \"show-balance\",\n \"show-history\",\n \"base-url\",\n \"height\",\n ...AUTH_BRIDGE_OBSERVED_ATTRS,\n ...WALLET_CSS_ATTRIBUTES,\n ];\n }\n\n connectedCallback(): void {\n this.authBridge = attachAuthBridge(this, {\n iframeAccessor: () => this.iframe,\n baseUrl: this.baseUrl,\n });\n this.render();\n }\n\n disconnectedCallback(): void {\n this.authBridge?.detach();\n this.authBridge = null;\n }\n\n attributeChangedCallback(\n name: string,\n oldValue: string | null,\n newValue: string | null\n ): void {\n if (oldValue === newValue) return;\n // Token attribute changes don't need a full iframe rebuild — just push\n // the new token via postMessage. Re-rendering would tear down state in\n // the embedded widget for no reason. See plan §4.2.\n if (TOKEN_ATTRS.has(name) && this.iframe) {\n this.authBridge?.postCurrentToken();\n return;\n }\n this.render();\n }\n\n private get userId(): string | null {\n return this.getAttribute(\"user-id\");\n }\n\n private get apiKey(): string | null {\n // Resolved through the bridge so parent-postMessage tokens win, with the\n // `auth-token` attribute next and the legacy `api-key` last.\n return this.authBridge?.currentToken() ?? null;\n }\n\n private get theme(): string {\n return this.getAttribute(\"theme\") || \"light\";\n }\n\n private get showBalance(): boolean {\n return this.getAttribute(\"show-balance\") !== \"false\";\n }\n\n private get showHistory(): boolean {\n return this.getAttribute(\"show-history\") !== \"false\";\n }\n\n private get baseUrl(): string {\n return this.getAttribute(\"base-url\") || window.location.origin;\n }\n\n private get widgetHeight(): string {\n return this.getAttribute(\"height\") || \"500\";\n }\n\n render(): void {\n if (!this.shadowRoot) return;\n\n if (!this.userId) {\n this.shadowRoot.innerHTML = `
User ID is required
`;\n return;\n }\n\n const iframe = document.createElement(\"iframe\");\n const url = new URL(\"/widget/wallet\", this.baseUrl);\n\n url.searchParams.set(\"userId\", this.userId);\n url.searchParams.set(\"theme\", this.theme);\n url.searchParams.set(\"showBalance\", String(this.showBalance));\n url.searchParams.set(\"showHistory\", String(this.showHistory));\n\n if (this.apiKey) {\n url.searchParams.set(\"apiKey\", this.apiKey);\n }\n\n WALLET_CSS_ATTRIBUTES.forEach((attr) => {\n const val = this.getAttribute(attr);\n if (val !== null && val !== undefined && String(val).length > 0) {\n url.searchParams.set(attr, val);\n }\n });\n\n const heightValue = this.widgetHeight.replace(\"px\", \"\");\n iframe.src = url.toString();\n iframe.width = \"100%\";\n iframe.height = heightValue;\n iframe.frameBorder = \"0\";\n iframe.scrolling = \"auto\";\n iframe.title = \"Wallet Widget\";\n\n iframe.onload = () => {\n // Bridge handles token resolution + targetOrigin enforcement.\n this.authBridge?.postCurrentToken();\n this.dispatchEvent(\n new CustomEvent(\"load\", {\n detail: { widget: \"wallet\", theme: this.theme },\n })\n );\n };\n\n iframe.onerror = () => {\n if (!this.shadowRoot) return;\n this.shadowRoot.innerHTML = `
Failed to load wallet widget
`;\n };\n\n const style = document.createElement(\"style\");\n style.textContent = `\n :host {\n display: block;\n width: 100%;\n min-height: ${heightValue}px;\n }\n iframe {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n background: ${this.theme === \"dark\" ? \"#1a1a1a\" : \"white\"};\n }\n `;\n\n this.shadowRoot.innerHTML = \"\";\n this.shadowRoot.appendChild(style);\n this.shadowRoot.appendChild(iframe);\n this.iframe = iframe;\n }\n}\n\nif (\n typeof customElements !== \"undefined\" &&\n !customElements.get(\"legion-wallet\")\n) {\n customElements.define(\"legion-wallet\", LegionWalletElement);\n}\n\nexport { LegionWalletElement };\n\n"]}