@wexio/messenger-widget-angular 1.0.23 → 1.0.25

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wexio
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,175 @@
+# Welcome to @wexio/messenger-widget-angular 👋
+
+[![Version](https://img.shields.io/npm/v/@wexio/messenger-widget-angular.svg)](https://www.npmjs.com/package/@wexio/messenger-widget-angular)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
+[![Documentation](https://img.shields.io/badge/docs-wexio.io-blue.svg)](https://learn.wexio.io/docs/web-widget)
+
+Native Angular standalone component for the [Wexio](https://wexio.io) web messenger. Thin wrapper around the underlying `<wexio-widget>` custom element — same `WidgetShell` runtime as the script-injected iframe and the React component. Same chat, same visitor identity, same backend; the only difference is **where the Angular tree mounts**.
+
+🏠 [Website](https://wexio.io)
+📚 [Developer Docs](https://learn.wexio.io/docs/web-widget)
+
+## 📂 Description
+
+- [Installation](#installation)
+- [Quick start](#quick-start)
+- [Identifying users](#identifying-users)
+- [Inputs](#inputs)
+- [Outputs](#outputs)
+- [Types](#types)
+- [SSR (Angular Universal)](#ssr-angular-universal)
+- [Browser support](#browser-support)
+- [Author](#author)
+- [License](#-license)
+
+## Installation
+
+```bash
+yarn add @wexio/messenger-widget-angular
+```
+
+or
+
+```bash
+npm install @wexio/messenger-widget-angular
+```
+
+Peer dependencies: `@angular/core >= 16`, `@angular/common >= 16`. The widget uses the host's Angular runtime.
+
+## Quick start
+
+```ts
+// app.component.ts
+import { Component } from "@angular/core";
+import { WexioWidgetComponent } from "@wexio/messenger-widget-angular";
+
+@Component({
+  standalone: true,
+  imports: [WexioWidgetComponent],
+  selector: "app-root",
+  template: `
+    <main>
+      <!-- your app -->
+      <wexio-widget-ng publicKey="pk_live_..." />
+    </main>
+  `,
+})
+export class AppComponent {}
+```
+
+That's it — the widget mounts a floating launcher, handles its own theme/locale/state, and the operator dashboard sees the visitor immediately.
+
+> **Selector** — the component selector is `wexio-widget-ng` (suffixed to avoid clashing with the underlying `<wexio-widget>` custom element it renders).
+
+## Identifying users
+
+Pass a verified `user` input to log a known visitor in. Provide ONE proof — a Google FedCM `id_token`, a host-signed `jwt`, or the legacy `userId` + `userHash` HMAC pair:
+
+```ts
+import { Component } from "@angular/core";
+import {
+  VisitorIdentity,
+  WexioWidgetComponent,
+} from "@wexio/messenger-widget-angular";
+
+@Component({
+  standalone: true,
+  imports: [WexioWidgetComponent],
+  selector: "app-root",
+  template: `<wexio-widget-ng publicKey="pk_live_..." [user]="user" />`,
+})
+export class AppComponent {
+  user: VisitorIdentity = {
+    jwt: serverSignedJwt, // host-signed identity token (recommended)
+    name: "Ada Lovelace",
+    email: "ada@example.com",
+  };
+}
+```
+
+> **Reactive identity** — assign a new object (or `null`) to `user` to re-fire the handshake / log out. The component's `ngOnChanges` watches it.
+
+## Inputs
+
+| Input          | Type                          | Description                                                                       |
+| -------------- | ----------------------------- | --------------------------------------------------------------------------------- |
+| `publicKey`    | `string`                      | Wexio integration public key (`pk_live_...`). Omit for demo mode.                 |
+| `locale`       | `string`                      | UI locale (BCP-47). Overrides the operator's `localeStrategy`.                    |
+| `prefillName`  | `string`                      | Unverified prechat prefill.                                                        |
+| `prefillEmail` | `string`                      | Unverified prechat prefill.                                                        |
+| `prefillPhone` | `string`                      | Unverified prechat prefill.                                                        |
+| `user`         | `VisitorIdentity \| null`     | Known-user identity proof. Pass `null` to log out.                                |
+
+## Outputs
+
+| Output    | Payload                                | When                                                |
+| --------- | -------------------------------------- | --------------------------------------------------- |
+| `resize`  | `{ width: number; height: number }`    | Panel dimensions changed (open ↔ closed). |
+| `close`   | `void`                                  | Visitor closed the panel.                            |
+
+```ts
+template: `
+  <wexio-widget-ng
+    publicKey="pk_live_..."
+    (resize)="onResize($event)"
+    (close)="onClose()"
+  />
+`;
+
+// ...
+onResize(size: { width: number; height: number }) {
+  console.log(size.width, size.height);
+}
+onClose() {
+  console.log("visitor closed the panel");
+}
+```
+
+## Types
+
+### VisitorIdentity
+
+```ts
+interface VisitorIdentity {
+  googleIdToken?: string;  // Google FedCM id_token (preferred)
+  jwt?: string;            // Host-signed JWT
+  userId?: string;         // Legacy HMAC pair…
+  userHash?: string;       // …(HMAC-SHA256(userId, integrationSecret))
+  name?: string;
+  email?: string;
+  phone?: string;
+  attributes?: Record<string, unknown>;
+}
+```
+
+## SSR (Angular Universal)
+
+The wrapper renders an empty `<wexio-widget>` element on the server. The actual widget initialises on first client-side mount (`ngAfterViewInit`). No special handling is needed for Angular Universal — the custom element runs only in the browser.
+
+## Browser support
+
+Modern evergreen browsers — anything that supports Shadow DOM and ES2020. Internet Explorer is not supported.
+
+## Use with other frameworks
+
+The underlying widget runtime is a Web Component, so it works in any modern framework:
+
+- [`@wexio/messenger-widget-react`](https://www.npmjs.com/package/@wexio/messenger-widget-react) — React
+- [`@wexio/messenger-widget-vue`](https://www.npmjs.com/package/@wexio/messenger-widget-vue) — Vue 3
+- [`@wexio/messenger-widget-ember`](https://www.npmjs.com/package/@wexio/messenger-widget-ember) — Ember
+
+## Author
+
+👤 **Wexio** ([https://wexio.io](https://wexio.io))
+
+## Show your support
+
+Give a ⭐️ if this package helped you!
+
+## 📝 License
+
+This project is [MIT](./LICENSE) licensed.
+
+---
+
+_Created with ❤️ by [Wexio](https://wexio.io)_

package/dist/esm2022/public-api.mjs

@@ -0,0 +1,11 @@
+/**
+ * Public surface of `@wexio/messenger-widget-angular`. ng-packagr uses
+ * this file as the package entry point (see `ng-package.json`).
+ *
+ * The widget runtime (`widget.js`) is shipped alongside the compiled
+ * Angular library and is copied into `dist/` via `ng-package.json`'s
+ * `assets` block. Consumers don't import `widget.js` directly — the
+ * Angular component registers + uses the custom element at boot.
+ */
+export { WexioWidgetComponent } from "./wexio-widget.component";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7OztHQVFHO0FBRUgsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFB1YmxpYyBzdXJmYWNlIG9mIGBAd2V4aW8vbWVzc2VuZ2VyLXdpZGdldC1hbmd1bGFyYC4gbmctcGFja2FnciB1c2VzXG4gKiB0aGlzIGZpbGUgYXMgdGhlIHBhY2thZ2UgZW50cnkgcG9pbnQgKHNlZSBgbmctcGFja2FnZS5qc29uYCkuXG4gKlxuICogVGhlIHdpZGdldCBydW50aW1lIChgd2lkZ2V0LmpzYCkgaXMgc2hpcHBlZCBhbG9uZ3NpZGUgdGhlIGNvbXBpbGVkXG4gKiBBbmd1bGFyIGxpYnJhcnkgYW5kIGlzIGNvcGllZCBpbnRvIGBkaXN0L2AgdmlhIGBuZy1wYWNrYWdlLmpzb25gJ3NcbiAqIGBhc3NldHNgIGJsb2NrLiBDb25zdW1lcnMgZG9uJ3QgaW1wb3J0IGB3aWRnZXQuanNgIGRpcmVjdGx5IOKAlCB0aGVcbiAqIEFuZ3VsYXIgY29tcG9uZW50IHJlZ2lzdGVycyArIHVzZXMgdGhlIGN1c3RvbSBlbGVtZW50IGF0IGJvb3QuXG4gKi9cblxuZXhwb3J0IHsgV2V4aW9XaWRnZXRDb21wb25lbnQgfSBmcm9tIFwiLi93ZXhpby13aWRnZXQuY29tcG9uZW50XCI7XG5leHBvcnQgdHlwZSB7IFZpc2l0b3JJZGVudGl0eSB9IGZyb20gXCIuL3dleGlvLXdpZGdldC5jb21wb25lbnRcIjtcbiJdfQ==

package/dist/esm2022/wexio-messenger-widget-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2V4aW8tbWVzc2VuZ2VyLXdpZGdldC1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3dleGlvLW1lc3Nlbmdlci13aWRnZXQtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/dist/esm2022/wexio-widget.component.mjs

@@ -0,0 +1,141 @@
+/**
+ * `@wexio/messenger-widget-angular` — Angular standalone component
+ * wrapping the `<wexio-widget>` custom element.
+ *
+ * Forwards `@Input()` properties to kebab-case attributes on the
+ * underlying custom element and re-emits its `wexio:resize` /
+ * `wexio:close` CustomEvents as Angular `@Output()` `EventEmitter`s.
+ *
+ * Importing this module side-effect registers `<wexio-widget>` as a
+ * custom element — no separate script tag needed.
+ *
+ * Standalone — drop into any Angular component's `imports`:
+ *
+ *   import { WexioWidgetComponent } from "@wexio/messenger-widget-angular";
+ *
+ *   @Component({
+ *     standalone: true,
+ *     imports: [WexioWidgetComponent],
+ *     template: `<wexio-widget-ng [publicKey]="pk" (close)="onClose()" />`,
+ *   })
+ *   export class AppComponent { ... }
+ */
+import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
+import * as i0 from "@angular/core";
+export class WexioWidgetComponent {
+    /** Wexio integration public key (`pk_live_...`). Omit for demo mode. */
+    publicKey;
+    /** UI locale (BCP-47). Overrides the operator's `localeStrategy`. */
+    locale;
+    /** Force widget mode. Public consumers should not set this. */
+    mode;
+    /** Unverified prechat prefill. */
+    prefillName;
+    /** Unverified prechat prefill. */
+    prefillEmail;
+    /** Unverified prechat prefill. */
+    prefillPhone;
+    /** Known-user identity proof. Pass `null` to log out. */
+    user;
+    /** Fires every time panel dimensions change (open ↔ closed). */
+    resize = new EventEmitter();
+    /** Fires when the visitor closes the panel. */
+    close = new EventEmitter();
+    elRef;
+    onResize = (event) => {
+        const detail = event
+            .detail;
+        if (detail)
+            this.resize.emit(detail);
+    };
+    onClose = () => this.close.emit();
+    ngAfterViewInit() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        // Runtime-inject the widget runtime once. We can't `import` it at
+        // build time (ng-packagr's strict TS rejects bare-JS imports), so
+        // we inject a `<script type="module">` here on first mount. The
+        // browser caches the module after first load, so subsequent
+        // component instances skip the network request entirely. Custom
+        // element upgrades retroactively — the `<wexio-widget>` element
+        // we already rendered will "upgrade" once the script registers
+        // its class, with no re-render flicker.
+        if (typeof document !== "undefined" &&
+            typeof customElements !== "undefined" &&
+            !customElements.get("wexio-widget") &&
+            !document.querySelector("script[data-wexio-widget-runtime]")) {
+            const script = document.createElement("script");
+            script.type = "module";
+            script.src = "https://cdn.wexio.io/widget/widget.js";
+            script.setAttribute("data-wexio-widget-runtime", "");
+            script.async = true;
+            document.head.appendChild(script);
+        }
+        el.addEventListener("wexio:resize", this.onResize);
+        el.addEventListener("wexio:close", this.onClose);
+        if (this.user)
+            el.identify?.(this.user);
+    }
+    ngOnChanges(changes) {
+        if (changes["user"] && this.elRef?.nativeElement) {
+            this.elRef.nativeElement.identify?.(this.user ?? null);
+        }
+    }
+    ngOnDestroy() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        el.removeEventListener("wexio:resize", this.onResize);
+        el.removeEventListener("wexio:close", this.onClose);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WexioWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: WexioWidgetComponent, isStandalone: true, selector: "wexio-widget-ng", inputs: { publicKey: "publicKey", locale: "locale", mode: "mode", prefillName: "prefillName", prefillEmail: "prefillEmail", prefillPhone: "prefillPhone", user: "user" }, outputs: { resize: "resize", close: "close" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<wexio-widget
+    #el
+    [attr.public-key]="publicKey ?? null"
+    [attr.locale]="locale ?? null"
+    [attr.mode]="mode ?? null"
+    [attr.prefill-name]="prefillName ?? null"
+    [attr.prefill-email]="prefillEmail ?? null"
+    [attr.prefill-phone]="prefillPhone ?? null"
+  ></wexio-widget>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WexioWidgetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "wexio-widget-ng",
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    template: `<wexio-widget
+    #el
+    [attr.public-key]="publicKey ?? null"
+    [attr.locale]="locale ?? null"
+    [attr.mode]="mode ?? null"
+    [attr.prefill-name]="prefillName ?? null"
+    [attr.prefill-email]="prefillEmail ?? null"
+    [attr.prefill-phone]="prefillPhone ?? null"
+  ></wexio-widget>`,
+                }]
+        }], propDecorators: { publicKey: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], prefillName: [{
+                type: Input
+            }], prefillEmail: [{
+                type: Input
+            }], prefillPhone: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], resize: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], elRef: [{
+                type: ViewChild,
+                args: ["el", { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2V4aW8td2lkZ2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93ZXhpby13aWRnZXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxPQUFPLEVBRUwsU0FBUyxFQUNULHNCQUFzQixFQUV0QixZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFFTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7O0FBaUN2QixNQUFNLE9BQU8sb0JBQW9CO0lBRy9CLHdFQUF3RTtJQUMvRCxTQUFTLENBQVU7SUFDNUIscUVBQXFFO0lBQzVELE1BQU0sQ0FBVTtJQUN6QiwrREFBK0Q7SUFDdEQsSUFBSSxDQUFxQztJQUNsRCxrQ0FBa0M7SUFDekIsV0FBVyxDQUFVO0lBQzlCLGtDQUFrQztJQUN6QixZQUFZLENBQVU7SUFDL0Isa0NBQWtDO0lBQ3pCLFlBQVksQ0FBVTtJQUMvQix5REFBeUQ7SUFDaEQsSUFBSSxDQUEwQjtJQUV2QyxnRUFBZ0U7SUFDdEQsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFxQyxDQUFDO0lBQ3pFLCtDQUErQztJQUNyQyxLQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUczQyxLQUFLLENBQWtDO0lBRS9CLFFBQVEsR0FBRyxDQUFDLEtBQVksRUFBRSxFQUFFO1FBQ2xDLE1BQU0sTUFBTSxHQUFJLEtBQXdEO2FBQ3JFLE1BQU0sQ0FBQztRQUNWLElBQUksTUFBTTtZQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUMsQ0FBQztJQUVNLE9BQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBRTFDLGVBQWU7UUFDYixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLGFBQWEsQ0FBQztRQUNyQyxJQUFJLENBQUMsRUFBRTtZQUFFLE9BQU87UUFDaEIsa0VBQWtFO1FBQ2xFLGtFQUFrRTtRQUNsRSxnRUFBZ0U7UUFDaEUsNERBQTREO1FBQzVELGdFQUFnRTtRQUNoRSxnRUFBZ0U7UUFDaEUsK0RBQStEO1FBQy9ELHdDQUF3QztRQUN4QyxJQUNFLE9BQU8sUUFBUSxLQUFLLFdBQVc7WUFDL0IsT0FBTyxjQUFjLEtBQUssV0FBVztZQUNyQyxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDO1lBQ25DLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxtQ0FBbUMsQ0FBQyxFQUM1RCxDQUFDO1lBQ0QsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNoRCxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztZQUN2QixNQUFNLENBQUMsR0FBRyxHQUFHLHVDQUF1QyxDQUFDO1lBQ3JELE1BQU0sQ0FBQyxZQUFZLENBQUMsMkJBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDckQsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDcEIsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEMsQ0FBQztRQUNELEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ25ELEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2pELElBQUksSUFBSSxDQUFDLElBQUk7WUFBRSxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxhQUFhLEVBQUUsQ0FBQztZQUNqRCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsYUFBYSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxFQUFFO1lBQUUsT0FBTztRQUNoQixFQUFFLENBQUMsbUJBQW1CLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RCxFQUFFLENBQUMsbUJBQW1CLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN0RCxDQUFDO3dHQTFFVSxvQkFBb0I7NEZBQXBCLG9CQUFvQixvYUFWckI7Ozs7Ozs7O21CQVFPOzs0RkFFTixvQkFBb0I7a0JBZGhDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7O21CQVFPO2lCQUNsQjs4QkFLVSxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTTtnQkFFRyxLQUFLO3NCQUFkLE1BQU07Z0JBR1AsS0FBSztzQkFESixTQUFTO3VCQUFDLElBQUksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIGBAd2V4aW8vbWVzc2VuZ2VyLXdpZGdldC1hbmd1bGFyYCDigJQgQW5ndWxhciBzdGFuZGFsb25lIGNvbXBvbmVudFxuICogd3JhcHBpbmcgdGhlIGA8d2V4aW8td2lkZ2V0PmAgY3VzdG9tIGVsZW1lbnQuXG4gKlxuICogRm9yd2FyZHMgYEBJbnB1dCgpYCBwcm9wZXJ0aWVzIHRvIGtlYmFiLWNhc2UgYXR0cmlidXRlcyBvbiB0aGVcbiAqIHVuZGVybHlpbmcgY3VzdG9tIGVsZW1lbnQgYW5kIHJlLWVtaXRzIGl0cyBgd2V4aW86cmVzaXplYCAvXG4gKiBgd2V4aW86Y2xvc2VgIEN1c3RvbUV2ZW50cyBhcyBBbmd1bGFyIGBAT3V0cHV0KClgIGBFdmVudEVtaXR0ZXJgcy5cbiAqXG4gKiBJbXBvcnRpbmcgdGhpcyBtb2R1bGUgc2lkZS1lZmZlY3QgcmVnaXN0ZXJzIGA8d2V4aW8td2lkZ2V0PmAgYXMgYVxuICogY3VzdG9tIGVsZW1lbnQg4oCUIG5vIHNlcGFyYXRlIHNjcmlwdCB0YWcgbmVlZGVkLlxuICpcbiAqIFN0YW5kYWxvbmUg4oCUIGRyb3AgaW50byBhbnkgQW5ndWxhciBjb21wb25lbnQncyBgaW1wb3J0c2A6XG4gKlxuICogICBpbXBvcnQgeyBXZXhpb1dpZGdldENvbXBvbmVudCB9IGZyb20gXCJAd2V4aW8vbWVzc2VuZ2VyLXdpZGdldC1hbmd1bGFyXCI7XG4gKlxuICogICBAQ29tcG9uZW50KHtcbiAqICAgICBzdGFuZGFsb25lOiB0cnVlLFxuICogICAgIGltcG9ydHM6IFtXZXhpb1dpZGdldENvbXBvbmVudF0sXG4gKiAgICAgdGVtcGxhdGU6IGA8d2V4aW8td2lkZ2V0LW5nIFtwdWJsaWNLZXldPVwicGtcIiAoY2xvc2UpPVwib25DbG9zZSgpXCIgLz5gLFxuICogICB9KVxuICogICBleHBvcnQgY2xhc3MgQXBwQ29tcG9uZW50IHsgLi4uIH1cbiAqL1xuXG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuLyoqIEtub3duLXVzZXIgaWRlbnRpdHkgcHJvb2YuIFByb3ZpZGUgT05FIG9mIGBnb29nbGVJZFRva2VuYCwgYGp3dGAsXG4gKiAgb3IgdGhlIGxlZ2FjeSBgdXNlcklkYCArIGB1c2VySGFzaGAgcGFpci4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVmlzaXRvcklkZW50aXR5IHtcbiAgZ29vZ2xlSWRUb2tlbj86IHN0cmluZztcbiAgand0Pzogc3RyaW5nO1xuICB1c2VySWQ/OiBzdHJpbmc7XG4gIHVzZXJIYXNoPzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgcGhvbmU/OiBzdHJpbmc7XG4gIGF0dHJpYnV0ZXM/OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcbn1cblxuaW50ZXJmYWNlIFdleGlvV2lkZ2V0RWxlbWVudCBleHRlbmRzIEhUTUxFbGVtZW50IHtcbiAgaWRlbnRpZnkodXNlcjogVmlzaXRvcklkZW50aXR5IHwgbnVsbCk6IHZvaWQ7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogXCJ3ZXhpby13aWRnZXQtbmdcIixcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZTogYDx3ZXhpby13aWRnZXRcbiAgICAjZWxcbiAgICBbYXR0ci5wdWJsaWMta2V5XT1cInB1YmxpY0tleSA/PyBudWxsXCJcbiAgICBbYXR0ci5sb2NhbGVdPVwibG9jYWxlID8/IG51bGxcIlxuICAgIFthdHRyLm1vZGVdPVwibW9kZSA/PyBudWxsXCJcbiAgICBbYXR0ci5wcmVmaWxsLW5hbWVdPVwicHJlZmlsbE5hbWUgPz8gbnVsbFwiXG4gICAgW2F0dHIucHJlZmlsbC1lbWFpbF09XCJwcmVmaWxsRW1haWwgPz8gbnVsbFwiXG4gICAgW2F0dHIucHJlZmlsbC1waG9uZV09XCJwcmVmaWxsUGhvbmUgPz8gbnVsbFwiXG4gID48L3dleGlvLXdpZGdldD5gLFxufSlcbmV4cG9ydCBjbGFzcyBXZXhpb1dpZGdldENvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95XG57XG4gIC8qKiBXZXhpbyBpbnRlZ3JhdGlvbiBwdWJsaWMga2V5IChgcGtfbGl2ZV8uLi5gKS4gT21pdCBmb3IgZGVtbyBtb2RlLiAqL1xuICBASW5wdXQoKSBwdWJsaWNLZXk/OiBzdHJpbmc7XG4gIC8qKiBVSSBsb2NhbGUgKEJDUC00NykuIE92ZXJyaWRlcyB0aGUgb3BlcmF0b3IncyBgbG9jYWxlU3RyYXRlZ3lgLiAqL1xuICBASW5wdXQoKSBsb2NhbGU/OiBzdHJpbmc7XG4gIC8qKiBGb3JjZSB3aWRnZXQgbW9kZS4gUHVibGljIGNvbnN1bWVycyBzaG91bGQgbm90IHNldCB0aGlzLiAqL1xuICBASW5wdXQoKSBtb2RlPzogXCJwcm9kdWN0aW9uXCIgfCBcInByZXZpZXdcIiB8IFwiZGVtb1wiO1xuICAvKiogVW52ZXJpZmllZCBwcmVjaGF0IHByZWZpbGwuICovXG4gIEBJbnB1dCgpIHByZWZpbGxOYW1lPzogc3RyaW5nO1xuICAvKiogVW52ZXJpZmllZCBwcmVjaGF0IHByZWZpbGwuICovXG4gIEBJbnB1dCgpIHByZWZpbGxFbWFpbD86IHN0cmluZztcbiAgLyoqIFVudmVyaWZpZWQgcHJlY2hhdCBwcmVmaWxsLiAqL1xuICBASW5wdXQoKSBwcmVmaWxsUGhvbmU/OiBzdHJpbmc7XG4gIC8qKiBLbm93bi11c2VyIGlkZW50aXR5IHByb29mLiBQYXNzIGBudWxsYCB0byBsb2cgb3V0LiAqL1xuICBASW5wdXQoKSB1c2VyPzogVmlzaXRvcklkZW50aXR5IHwgbnVsbDtcblxuICAvKiogRmlyZXMgZXZlcnkgdGltZSBwYW5lbCBkaW1lbnNpb25zIGNoYW5nZSAob3BlbiDihpQgY2xvc2VkKS4gKi9cbiAgQE91dHB1dCgpIHJlc2l6ZSA9IG5ldyBFdmVudEVtaXR0ZXI8eyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlciB9PigpO1xuICAvKiogRmlyZXMgd2hlbiB0aGUgdmlzaXRvciBjbG9zZXMgdGhlIHBhbmVsLiAqL1xuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZChcImVsXCIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGVsUmVmITogRWxlbWVudFJlZjxXZXhpb1dpZGdldEVsZW1lbnQ+O1xuXG4gIHByaXZhdGUgb25SZXNpemUgPSAoZXZlbnQ6IEV2ZW50KSA9PiB7XG4gICAgY29uc3QgZGV0YWlsID0gKGV2ZW50IGFzIEN1c3RvbUV2ZW50PHsgd2lkdGg6IG51bWJlcjsgaGVpZ2h0OiBudW1iZXIgfT4pXG4gICAgICAuZGV0YWlsO1xuICAgIGlmIChkZXRhaWwpIHRoaXMucmVzaXplLmVtaXQoZGV0YWlsKTtcbiAgfTtcblxuICBwcml2YXRlIG9uQ2xvc2UgPSAoKSA9PiB0aGlzLmNsb3NlLmVtaXQoKTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgZWwgPSB0aGlzLmVsUmVmPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcbiAgICAvLyBSdW50aW1lLWluamVjdCB0aGUgd2lkZ2V0IHJ1bnRpbWUgb25jZS4gV2UgY2FuJ3QgYGltcG9ydGAgaXQgYXRcbiAgICAvLyBidWlsZCB0aW1lIChuZy1wYWNrYWdyJ3Mgc3RyaWN0IFRTIHJlamVjdHMgYmFyZS1KUyBpbXBvcnRzKSwgc29cbiAgICAvLyB3ZSBpbmplY3QgYSBgPHNjcmlwdCB0eXBlPVwibW9kdWxlXCI+YCBoZXJlIG9uIGZpcnN0IG1vdW50LiBUaGVcbiAgICAvLyBicm93c2VyIGNhY2hlcyB0aGUgbW9kdWxlIGFmdGVyIGZpcnN0IGxvYWQsIHNvIHN1YnNlcXVlbnRcbiAgICAvLyBjb21wb25lbnQgaW5zdGFuY2VzIHNraXAgdGhlIG5ldHdvcmsgcmVxdWVzdCBlbnRpcmVseS4gQ3VzdG9tXG4gICAgLy8gZWxlbWVudCB1cGdyYWRlcyByZXRyb2FjdGl2ZWx5IOKAlCB0aGUgYDx3ZXhpby13aWRnZXQ+YCBlbGVtZW50XG4gICAgLy8gd2UgYWxyZWFkeSByZW5kZXJlZCB3aWxsIFwidXBncmFkZVwiIG9uY2UgdGhlIHNjcmlwdCByZWdpc3RlcnNcbiAgICAvLyBpdHMgY2xhc3MsIHdpdGggbm8gcmUtcmVuZGVyIGZsaWNrZXIuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIGRvY3VtZW50ICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICB0eXBlb2YgY3VzdG9tRWxlbWVudHMgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICFjdXN0b21FbGVtZW50cy5nZXQoXCJ3ZXhpby13aWRnZXRcIikgJiZcbiAgICAgICFkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFwic2NyaXB0W2RhdGEtd2V4aW8td2lkZ2V0LXJ1bnRpbWVdXCIpXG4gICAgKSB7XG4gICAgICBjb25zdCBzY3JpcHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwic2NyaXB0XCIpO1xuICAgICAgc2NyaXB0LnR5cGUgPSBcIm1vZHVsZVwiO1xuICAgICAgc2NyaXB0LnNyYyA9IFwiaHR0cHM6Ly9jZG4ud2V4aW8uaW8vd2lkZ2V0L3dpZGdldC5qc1wiO1xuICAgICAgc2NyaXB0LnNldEF0dHJpYnV0ZShcImRhdGEtd2V4aW8td2lkZ2V0LXJ1bnRpbWVcIiwgXCJcIik7XG4gICAgICBzY3JpcHQuYXN5bmMgPSB0cnVlO1xuICAgICAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzY3JpcHQpO1xuICAgIH1cbiAgICBlbC5hZGRFdmVudExpc3RlbmVyKFwid2V4aW86cmVzaXplXCIsIHRoaXMub25SZXNpemUpO1xuICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIoXCJ3ZXhpbzpjbG9zZVwiLCB0aGlzLm9uQ2xvc2UpO1xuICAgIGlmICh0aGlzLnVzZXIpIGVsLmlkZW50aWZ5Py4odGhpcy51c2VyKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1tcInVzZXJcIl0gJiYgdGhpcy5lbFJlZj8ubmF0aXZlRWxlbWVudCkge1xuICAgICAgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmlkZW50aWZ5Py4odGhpcy51c2VyID8/IG51bGwpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5lbFJlZj8ubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG4gICAgZWwucmVtb3ZlRXZlbnRMaXN0ZW5lcihcIndleGlvOnJlc2l6ZVwiLCB0aGlzLm9uUmVzaXplKTtcbiAgICBlbC5yZW1vdmVFdmVudExpc3RlbmVyKFwid2V4aW86Y2xvc2VcIiwgdGhpcy5vbkNsb3NlKTtcbiAgfVxufVxuIl19

package/dist/fesm2022/wexio-messenger-widget-angular.mjs

@@ -0,0 +1,158 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+
+/**
+ * `@wexio/messenger-widget-angular` — Angular standalone component
+ * wrapping the `<wexio-widget>` custom element.
+ *
+ * Forwards `@Input()` properties to kebab-case attributes on the
+ * underlying custom element and re-emits its `wexio:resize` /
+ * `wexio:close` CustomEvents as Angular `@Output()` `EventEmitter`s.
+ *
+ * Importing this module side-effect registers `<wexio-widget>` as a
+ * custom element — no separate script tag needed.
+ *
+ * Standalone — drop into any Angular component's `imports`:
+ *
+ *   import { WexioWidgetComponent } from "@wexio/messenger-widget-angular";
+ *
+ *   @Component({
+ *     standalone: true,
+ *     imports: [WexioWidgetComponent],
+ *     template: `<wexio-widget-ng [publicKey]="pk" (close)="onClose()" />`,
+ *   })
+ *   export class AppComponent { ... }
+ */
+class WexioWidgetComponent {
+    /** Wexio integration public key (`pk_live_...`). Omit for demo mode. */
+    publicKey;
+    /** UI locale (BCP-47). Overrides the operator's `localeStrategy`. */
+    locale;
+    /** Force widget mode. Public consumers should not set this. */
+    mode;
+    /** Unverified prechat prefill. */
+    prefillName;
+    /** Unverified prechat prefill. */
+    prefillEmail;
+    /** Unverified prechat prefill. */
+    prefillPhone;
+    /** Known-user identity proof. Pass `null` to log out. */
+    user;
+    /** Fires every time panel dimensions change (open ↔ closed). */
+    resize = new EventEmitter();
+    /** Fires when the visitor closes the panel. */
+    close = new EventEmitter();
+    elRef;
+    onResize = (event) => {
+        const detail = event
+            .detail;
+        if (detail)
+            this.resize.emit(detail);
+    };
+    onClose = () => this.close.emit();
+    ngAfterViewInit() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        // Runtime-inject the widget runtime once. We can't `import` it at
+        // build time (ng-packagr's strict TS rejects bare-JS imports), so
+        // we inject a `<script type="module">` here on first mount. The
+        // browser caches the module after first load, so subsequent
+        // component instances skip the network request entirely. Custom
+        // element upgrades retroactively — the `<wexio-widget>` element
+        // we already rendered will "upgrade" once the script registers
+        // its class, with no re-render flicker.
+        if (typeof document !== "undefined" &&
+            typeof customElements !== "undefined" &&
+            !customElements.get("wexio-widget") &&
+            !document.querySelector("script[data-wexio-widget-runtime]")) {
+            const script = document.createElement("script");
+            script.type = "module";
+            script.src = "https://cdn.wexio.io/widget/widget.js";
+            script.setAttribute("data-wexio-widget-runtime", "");
+            script.async = true;
+            document.head.appendChild(script);
+        }
+        el.addEventListener("wexio:resize", this.onResize);
+        el.addEventListener("wexio:close", this.onClose);
+        if (this.user)
+            el.identify?.(this.user);
+    }
+    ngOnChanges(changes) {
+        if (changes["user"] && this.elRef?.nativeElement) {
+            this.elRef.nativeElement.identify?.(this.user ?? null);
+        }
+    }
+    ngOnDestroy() {
+        const el = this.elRef?.nativeElement;
+        if (!el)
+            return;
+        el.removeEventListener("wexio:resize", this.onResize);
+        el.removeEventListener("wexio:close", this.onClose);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WexioWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: WexioWidgetComponent, isStandalone: true, selector: "wexio-widget-ng", inputs: { publicKey: "publicKey", locale: "locale", mode: "mode", prefillName: "prefillName", prefillEmail: "prefillEmail", prefillPhone: "prefillPhone", user: "user" }, outputs: { resize: "resize", close: "close" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<wexio-widget
+    #el
+    [attr.public-key]="publicKey ?? null"
+    [attr.locale]="locale ?? null"
+    [attr.mode]="mode ?? null"
+    [attr.prefill-name]="prefillName ?? null"
+    [attr.prefill-email]="prefillEmail ?? null"
+    [attr.prefill-phone]="prefillPhone ?? null"
+  ></wexio-widget>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WexioWidgetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: "wexio-widget-ng",
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    template: `<wexio-widget
+    #el
+    [attr.public-key]="publicKey ?? null"
+    [attr.locale]="locale ?? null"
+    [attr.mode]="mode ?? null"
+    [attr.prefill-name]="prefillName ?? null"
+    [attr.prefill-email]="prefillEmail ?? null"
+    [attr.prefill-phone]="prefillPhone ?? null"
+  ></wexio-widget>`,
+                }]
+        }], propDecorators: { publicKey: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], prefillName: [{
+                type: Input
+            }], prefillEmail: [{
+                type: Input
+            }], prefillPhone: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], resize: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], elRef: [{
+                type: ViewChild,
+                args: ["el", { static: true }]
+            }] } });
+
+/**
+ * Public surface of `@wexio/messenger-widget-angular`. ng-packagr uses
+ * this file as the package entry point (see `ng-package.json`).
+ *
+ * The widget runtime (`widget.js`) is shipped alongside the compiled
+ * Angular library and is copied into `dist/` via `ng-package.json`'s
+ * `assets` block. Consumers don't import `widget.js` directly — the
+ * Angular component registers + uses the custom element at boot.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WexioWidgetComponent };
+//# sourceMappingURL=wexio-messenger-widget-angular.mjs.map

package/dist/fesm2022/wexio-messenger-widget-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wexio-messenger-widget-angular.mjs","sources":["../../src/wexio-widget.component.ts","../../src/public-api.ts","../../src/wexio-messenger-widget-angular.ts"],"sourcesContent":["/**\n * `@wexio/messenger-widget-angular` — Angular standalone component\n * wrapping the `<wexio-widget>` custom element.\n *\n * Forwards `@Input()` properties to kebab-case attributes on the\n * underlying custom element and re-emits its `wexio:resize` /\n * `wexio:close` CustomEvents as Angular `@Output()` `EventEmitter`s.\n *\n * Importing this module side-effect registers `<wexio-widget>` as a\n * custom element — no separate script tag needed.\n *\n * Standalone — drop into any Angular component's `imports`:\n *\n *   import { WexioWidgetComponent } from \"@wexio/messenger-widget-angular\";\n *\n *   @Component({\n *     standalone: true,\n *     imports: [WexioWidgetComponent],\n *     template: `<wexio-widget-ng [publicKey]=\"pk\" (close)=\"onClose()\" />`,\n *   })\n *   export class AppComponent { ... }\n */\n\nimport {\n  AfterViewInit,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from \"@angular/core\";\n\n/** Known-user identity proof. Provide ONE of `googleIdToken`, `jwt`,\n *  or the legacy `userId` + `userHash` pair. */\nexport interface VisitorIdentity {\n  googleIdToken?: string;\n  jwt?: string;\n  userId?: string;\n  userHash?: string;\n  name?: string;\n  email?: string;\n  phone?: string;\n  attributes?: Record<string, unknown>;\n}\n\ninterface WexioWidgetElement extends HTMLElement {\n  identify(user: VisitorIdentity | null): void;\n}\n\n@Component({\n  standalone: true,\n  selector: \"wexio-widget-ng\",\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `<wexio-widget\n    #el\n    [attr.public-key]=\"publicKey ?? null\"\n    [attr.locale]=\"locale ?? null\"\n    [attr.mode]=\"mode ?? null\"\n    [attr.prefill-name]=\"prefillName ?? null\"\n    [attr.prefill-email]=\"prefillEmail ?? null\"\n    [attr.prefill-phone]=\"prefillPhone ?? null\"\n  ></wexio-widget>`,\n})\nexport class WexioWidgetComponent\n  implements AfterViewInit, OnChanges, OnDestroy\n{\n  /** Wexio integration public key (`pk_live_...`). Omit for demo mode. */\n  @Input() publicKey?: string;\n  /** UI locale (BCP-47). Overrides the operator's `localeStrategy`. */\n  @Input() locale?: string;\n  /** Force widget mode. Public consumers should not set this. */\n  @Input() mode?: \"production\" | \"preview\" | \"demo\";\n  /** Unverified prechat prefill. */\n  @Input() prefillName?: string;\n  /** Unverified prechat prefill. */\n  @Input() prefillEmail?: string;\n  /** Unverified prechat prefill. */\n  @Input() prefillPhone?: string;\n  /** Known-user identity proof. Pass `null` to log out. */\n  @Input() user?: VisitorIdentity | null;\n\n  /** Fires every time panel dimensions change (open ↔ closed). */\n  @Output() resize = new EventEmitter<{ width: number; height: number }>();\n  /** Fires when the visitor closes the panel. */\n  @Output() close = new EventEmitter<void>();\n\n  @ViewChild(\"el\", { static: true })\n  elRef!: ElementRef<WexioWidgetElement>;\n\n  private onResize = (event: Event) => {\n    const detail = (event as CustomEvent<{ width: number; height: number }>)\n      .detail;\n    if (detail) this.resize.emit(detail);\n  };\n\n  private onClose = () => this.close.emit();\n\n  ngAfterViewInit(): void {\n    const el = this.elRef?.nativeElement;\n    if (!el) return;\n    // Runtime-inject the widget runtime once. We can't `import` it at\n    // build time (ng-packagr's strict TS rejects bare-JS imports), so\n    // we inject a `<script type=\"module\">` here on first mount. The\n    // browser caches the module after first load, so subsequent\n    // component instances skip the network request entirely. Custom\n    // element upgrades retroactively — the `<wexio-widget>` element\n    // we already rendered will \"upgrade\" once the script registers\n    // its class, with no re-render flicker.\n    if (\n      typeof document !== \"undefined\" &&\n      typeof customElements !== \"undefined\" &&\n      !customElements.get(\"wexio-widget\") &&\n      !document.querySelector(\"script[data-wexio-widget-runtime]\")\n    ) {\n      const script = document.createElement(\"script\");\n      script.type = \"module\";\n      script.src = \"https://cdn.wexio.io/widget/widget.js\";\n      script.setAttribute(\"data-wexio-widget-runtime\", \"\");\n      script.async = true;\n      document.head.appendChild(script);\n    }\n    el.addEventListener(\"wexio:resize\", this.onResize);\n    el.addEventListener(\"wexio:close\", this.onClose);\n    if (this.user) el.identify?.(this.user);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes[\"user\"] && this.elRef?.nativeElement) {\n      this.elRef.nativeElement.identify?.(this.user ?? null);\n    }\n  }\n\n  ngOnDestroy(): void {\n    const el = this.elRef?.nativeElement;\n    if (!el) return;\n    el.removeEventListener(\"wexio:resize\", this.onResize);\n    el.removeEventListener(\"wexio:close\", this.onClose);\n  }\n}\n","/**\n * Public surface of `@wexio/messenger-widget-angular`. ng-packagr uses\n * this file as the package entry point (see `ng-package.json`).\n *\n * The widget runtime (`widget.js`) is shipped alongside the compiled\n * Angular library and is copied into `dist/` via `ng-package.json`'s\n * `assets` block. Consumers don't import `widget.js` directly — the\n * Angular component registers + uses the custom element at boot.\n */\n\nexport { WexioWidgetComponent } from \"./wexio-widget.component\";\nexport type { VisitorIdentity } from \"./wexio-widget.component\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,62 +1,5 @@
-import {
-  AfterViewInit,
-  ElementRef,
-  EventEmitter,
-  OnChanges,
-  OnDestroy,
-  SimpleChanges,
-} from "@angular/core";
-
-/** Known-user identity proof. Provide ONE of `googleIdToken`, `jwt`,
- *  or the legacy `userId` + `userHash` pair. */
-export interface VisitorIdentity {
-  googleIdToken?: string;
-  jwt?: string;
-  userId?: string;
-  userHash?: string;
-  name?: string;
-  email?: string;
-  phone?: string;
-  attributes?: Record<string, unknown>;
-}
-
 /**
- * Standalone Angular component wrapping the `<wexio-widget>` web
- * component. Drop into any component's `imports`:
- *
- *   @Component({
- *     standalone: true,
- *     imports: [WexioWidgetComponent],
- *     template: `<wexio-widget-ng [publicKey]="pk" (close)="onClose()" />`,
- *   })
- *   export class AppComponent { ... }
+ * Generated bundle index. Do not edit.
  */
-export declare class WexioWidgetComponent
-  implements AfterViewInit, OnChanges, OnDestroy
-{
-  /** Wexio integration public key (`pk_live_...`). Omit for demo mode. */
-  publicKey?: string;
-  /** UI locale (BCP-47). Overrides the operator's `localeStrategy`. */
-  locale?: string;
-  /** Force widget mode. Public consumers should not set this. */
-  mode?: "production" | "preview" | "demo";
-  /** Unverified prechat prefill. */
-  prefillName?: string;
-  /** Unverified prechat prefill. */
-  prefillEmail?: string;
-  /** Unverified prechat prefill. */
-  prefillPhone?: string;
-  /** Known-user identity proof. Pass `null` to log out. */
-  user?: VisitorIdentity | null;
-
-  /** Fires every time panel dimensions change (open ↔ closed). */
-  resize: EventEmitter<{ width: number; height: number }>;
-  /** Fires when the visitor closes the panel. */
-  close: EventEmitter<void>;
-
-  elRef: ElementRef<HTMLElement>;
-
-  ngAfterViewInit(): void;
-  ngOnChanges(changes: SimpleChanges): void;
-  ngOnDestroy(): void;
-}
+/// <amd-module name="@wexio/messenger-widget-angular" />
+export * from './public-api';

package/dist/public-api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Public surface of `@wexio/messenger-widget-angular`. ng-packagr uses
+ * this file as the package entry point (see `ng-package.json`).
+ *
+ * The widget runtime (`widget.js`) is shipped alongside the compiled
+ * Angular library and is copied into `dist/` via `ng-package.json`'s
+ * `assets` block. Consumers don't import `widget.js` directly — the
+ * Angular component registers + uses the custom element at boot.
+ */
+export { WexioWidgetComponent } from "./wexio-widget.component";
+export type { VisitorIdentity } from "./wexio-widget.component";