@wexio/messenger-widget-angular 1.0.23 → 1.0.24

package/dist/wexio-widget.component.d.ts

@@ -0,0 +1,71 @@
+/**
+ * `@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 { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
+import * as i0 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>;
+}
+interface WexioWidgetElement extends HTMLElement {
+    identify(user: VisitorIdentity | null): void;
+}
+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<WexioWidgetElement>;
+    private onResize;
+    private onClose;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WexioWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WexioWidgetComponent, "wexio-widget-ng", never, { "publicKey": { "alias": "publicKey"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "prefillName": { "alias": "prefillName"; "required": false; }; "prefillEmail": { "alias": "prefillEmail"; "required": false; }; "prefillPhone": { "alias": "prefillPhone"; "required": false; }; "user": { "alias": "user"; "required": false; }; }, { "resize": "resize"; "close": "close"; }, never, never, true, never>;
+}
+export {};

package/package.json

@@ -1,22 +1,27 @@
 {
   "name": "@wexio/messenger-widget-angular",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Angular standalone component embed for the Wexio web messenger. Thin wrapper around the <wexio-widget> custom element — same WidgetShell runtime, same Shadow-DOM isolation.",
   "license": "MIT",
   "private": false,
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "main": "./dist/fesm2022/wexio-messenger-widget-angular.mjs",
+  "module": "./dist/fesm2022/wexio-messenger-widget-angular.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
+      "default": "./dist/fesm2022/wexio-messenger-widget-angular.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   },
   "files": [
-    "dist",
+    "dist/fesm2022",
+    "dist/esm2022",
+    "dist/*.d.ts",
+    "dist/*.d.mts",
     "README.md",
     "LICENSE"
   ],
@@ -27,6 +32,16 @@
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0"
   },
+  "devDependencies": {
+    "@angular/common": "^18.0.0",
+    "@angular/compiler": "^18.0.0",
+    "@angular/compiler-cli": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "ng-packagr": "^18.0.0",
+    "rxjs": "^7.8.0",
+    "typescript": "~5.4.0",
+    "zone.js": "~0.14.0"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/wexiohub/messenger-widget-angular.git"

package/dist/index.js

@@ -1 +0,0 @@
-export { WexioWidgetComponent } from "./wexio-widget.component";

package/dist/wexio-widget.component.js

@@ -1,119 +0,0 @@
-/**
- * `@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 { ... }
- */
-var _a;
-import { __decorate, __metadata } from "tslib";
-import { Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
-import "./widget.js";
-let WexioWidgetComponent = class WexioWidgetComponent {
-    constructor() {
-        /** Fires every time panel dimensions change (open ↔ closed). */
-        this.resize = new EventEmitter();
-        /** Fires when the visitor closes the panel. */
-        this.close = new EventEmitter();
-        this.onResize = (event) => {
-            const detail = event
-                .detail;
-            if (detail)
-                this.resize.emit(detail);
-        };
-        this.onClose = () => this.close.emit();
-    }
-    ngAfterViewInit() {
-        const el = this.elRef?.nativeElement;
-        if (!el)
-            return;
-        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);
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "publicKey", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "locale", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "mode", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "prefillName", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "prefillEmail", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WexioWidgetComponent.prototype, "prefillPhone", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WexioWidgetComponent.prototype, "user", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], WexioWidgetComponent.prototype, "resize", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], WexioWidgetComponent.prototype, "close", void 0);
-__decorate([
-    ViewChild("el", { static: true }),
-    __metadata("design:type", typeof (_a = typeof ElementRef !== "undefined" && ElementRef) === "function" ? _a : Object)
-], WexioWidgetComponent.prototype, "elRef", void 0);
-WexioWidgetComponent = __decorate([
-    Component({
-        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>`,
-    })
-], WexioWidgetComponent);
-export { WexioWidgetComponent };