{"version":3,"sources":["../src/shared/auth-bridge.ts","../src/notifications/web-component.ts"],"names":[],"mappings":"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","file":"notifications-web-component.mjs","sourcesContent":["/**\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 Notifications 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/notifications-web-component';\n *\n * // Then use in HTML:\n * // \n * ```\n */\n\nimport { attachAuthBridge, type AuthBridgeHandle, AUTH_BRIDGE_OBSERVED_ATTRS } from \"../shared/auth-bridge\";\n\nconst NOTIF_CSS_ATTRIBUTES = [\n \"notif-background-color\",\n \"notif-text-color\",\n \"notif-secondary-text-color\",\n \"notif-border-color\",\n \"notif-border-radius\",\n \"notif-padding\",\n \"notif-shadow\",\n \"notif-primary-color\",\n \"notif-primary-hover\",\n \"notif-accent-color\",\n \"notif-item-bg\",\n \"notif-item-hover-bg\",\n \"notif-item-border\",\n \"notif-item-radius\",\n \"notif-item-shadow\",\n \"notif-item-padding\",\n \"notif-item-gap\",\n \"notif-unread-bg\",\n \"notif-unread-border\",\n \"notif-unread-indicator\",\n \"notif-avatar-size\",\n \"notif-avatar-radius\",\n \"notif-avatar-border\",\n \"notif-icon-size\",\n \"notif-icon-color\",\n \"notif-badge-bg\",\n \"notif-badge-color\",\n \"notif-badge-size\",\n \"notif-font-family\",\n \"notif-title-size\",\n \"notif-title-weight\",\n \"notif-body-size\",\n \"notif-timestamp-size\",\n \"notif-empty-icon-color\",\n \"notif-empty-text-color\",\n \"notif-empty-icon-size\",\n \"notif-divider-color\",\n \"notif-header-bg\",\n \"notif-header-border\",\n \"notif-button-bg\",\n \"notif-button-color\",\n \"notif-button-radius\",\n \"notif-transition-duration\",\n \"notif-hover-scale\",\n \"notif-loader-color\",\n] as const;\n\nclass LegionNotificationsElement 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 \"base-url\",\n \n \"user-id\",\n \"theme\",\n \"width\",\n \"height\",\n \"max-notifications\",\n \"auto-refresh\",\n \"empty-title\",\n \"empty-subtitle\",\n \"accent-color\",\n \"empty-icon\",\n ...NOTIF_CSS_ATTRIBUTES,\n \n ...AUTH_BRIDGE_OBSERVED_ATTRS,\n ];\n }\n\n connectedCallback(): void {\n this.authBridge = attachAuthBridge(this, {\n iframeAccessor: () => this.iframe,\n baseUrl: this.bridgeBaseUrl,\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) {\n this.render();\n }\n }\n\n private get baseUrl(): string {\n return this.getAttribute(\"base-url\") || window.location.origin;\n }\n\n private get userId(): string | null {\n return this.getAttribute(\"user-id\");\n }\n\n private get theme(): string {\n return this.getAttribute(\"theme\") || \"light\";\n }\n\n private get widgetWidth(): string {\n return this.getAttribute(\"width\") || \"100%\";\n }\n\n private get widgetHeight(): string {\n return this.getAttribute(\"height\") || \"400\";\n }\n\n private get maxNotifications(): number {\n return parseInt(this.getAttribute(\"max-notifications\") || \"10\", 10);\n }\n\n private get autoRefresh(): boolean {\n return this.getAttribute(\"auto-refresh\") !== \"false\";\n }\n\n private get emptyTitle(): string {\n return this.getAttribute(\"empty-title\") || \"You're all caught up\";\n }\n\n private get emptySubtitle(): string {\n return (\n this.getAttribute(\"empty-subtitle\") || \"No notifications right now\"\n );\n }\n\n private get accentColor(): string {\n return (\n this.getAttribute(\"accent-color\") ||\n (this.theme === \"dark\" ? \"gray\" : \"blue\")\n );\n }\n\n private get emptyIcon(): string {\n const value = (\n this.getAttribute(\"empty-icon\") || \"bell\"\n ).toLowerCase();\n return [\"bell\", \"gift\", \"activity\", \"trophy\"].includes(value)\n ? value\n : \"bell\";\n }\n\n render(): void {\n if (!this.shadowRoot) return;\n\n const url = new URL(`${this.baseUrl}/widget/notifications`);\n url.searchParams.set(\"theme\", this.theme);\n url.searchParams.set(\"maxNotifications\", String(this.maxNotifications));\n url.searchParams.set(\"autoRefresh\", String(this.autoRefresh));\n url.searchParams.set(\"emptyTitle\", this.emptyTitle);\n url.searchParams.set(\"emptySubtitle\", this.emptySubtitle);\n url.searchParams.set(\"accentColor\", this.accentColor);\n url.searchParams.set(\"emptyIcon\", this.emptyIcon);\n\n if (this.userId) {\n url.searchParams.set(\"userId\", this.userId);\n }\n\n NOTIF_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 iframe = document.createElement(\"iframe\");\n iframe.src = url.toString();\n iframe.style.width = this.widgetWidth.includes(\"%\")\n ? this.widgetWidth\n : `${this.widgetWidth}px`;\n iframe.style.height = this.widgetHeight.includes(\"%\")\n ? this.widgetHeight\n : `${this.widgetHeight}px`;\n iframe.frameBorder = \"0\";\n iframe.scrolling = \"auto\";\n iframe.title = \"Notifications Widget\";\n\n // Shadow DOM styling\n const bgColor =\n this.getAttribute(\"notif-background-color\") ||\n (this.theme === \"dark\" ? \"#1a1a1a\" : \"white\");\n const borderRadius =\n this.getAttribute(\"notif-border-radius\") || \"8px\";\n const shadow =\n this.getAttribute(\"notif-shadow\") ||\n \"0 2px 10px rgba(0, 0, 0, 0.1)\";\n\n const style = document.createElement(\"style\");\n style.textContent = `\n :host { display: block; width: 100%; min-height: ${this.widgetHeight}px; }\n iframe {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: ${borderRadius};\n box-shadow: ${shadow};\n background: ${bgColor};\n }\n `;\n\n iframe.onload = () => {\n // Send auth token via postMessage\n this.authBridge?.postCurrentToken();\n this.dispatchEvent(\n new CustomEvent(\"load\", {\n detail: { widget: \"notifications\", theme: this.theme },\n })\n );\n };\n\n iframe.onerror = () => {\n if (this.shadowRoot) {\n this.shadowRoot.innerHTML = `
Failed to load widget
`;\n }\n };\n\n this.shadowRoot.innerHTML = \"\";\n this.shadowRoot.appendChild(style);\n this.shadowRoot.appendChild(iframe);\n this.iframe = iframe;\n }\n\n private get bridgeBaseUrl(): string {\n return this.baseUrl;\n }\n}\n\nif (\n typeof customElements !== \"undefined\" &&\n !customElements.get(\"legion-notifications\")\n) {\n customElements.define(\"legion-notifications\", LegionNotificationsElement);\n}\n\nexport { LegionNotificationsElement };\n\n"]}