@eka-care/medassist-widget-embed 0.1.4 → 0.1.5

package/dist/index.d.ts

@@ -12,11 +12,14 @@ declare let widgetCssTextPromise: Promise<string> | null;
 declare class MedAssistWidgetLoader extends HTMLElement {
     private defaultIconUrl;
     private widgetLoaded;
+    private displayMode;
+    private onClose?;
     constructor();
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(name: string): void;
     renderButton(): void;
+    initializeFullMode(): void;
     loadAndRender(): Promise<void>;
     loadWidgetCss(): Promise<void>;
     loadWidgetScript(): Promise<void>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,QAAO,iBAAiB,GAAG,IAahD,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;AAElE,QAAA,MAAM,cAAc,GAClB,OAAO,MAAM,GAAG,IAAI,KACnB,iBAAiB,GAAG,SAStB,CAAC;AAEF,QAAA,MAAM,yBAAyB,8DAC8B,CAAC;AAE9D,QAAA,MAAM,QAAQ,0BAAqB,CAAC;AACpC,QAAA,MAAM,aAAa,QASf,CAAC;AAEL,QAAA,MAAM,kBAAkB,QAmBpB,CAAC;AAEL,QAAA,MAAM,aAAa,QAA6C,CAAC;AACjE,QAAA,MAAM,cAAc,QAA8C,CAAC;AAEnE,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAW,CAAC;AACrD,QAAA,IAAI,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAW,CAAC;AAExD,cAAM,qBAAsB,SAAQ,WAAW;IAC7C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAU;;IAS9B,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM5C,YAAY,IAAI,IAAI;IAiEd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAiE9B,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;CA0ClC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,QAAO,iBAAiB,GAAG,IAahD,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;AAElE,QAAA,MAAM,cAAc,GAClB,OAAO,MAAM,GAAG,IAAI,KACnB,iBAAiB,GAAG,SAStB,CAAC;AAEF,QAAA,MAAM,yBAAyB,8DAC8B,CAAC;AAE9D,QAAA,MAAM,QAAQ,0BAAqB,CAAC;AACpC,QAAA,MAAM,aAAa,QASf,CAAC;AAEL,QAAA,MAAM,kBAAkB,QAmBpB,CAAC;AAEL,QAAA,MAAM,aAAa,QAA6C,CAAC;AACjE,QAAA,MAAM,cAAc,QAA8C,CAAC;AAEnE,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAW,CAAC;AACrD,QAAA,IAAI,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAW,CAAC;AAExD,cAAM,qBAAsB,SAAQ,WAAW;IAC7C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,OAAO,CAAC,CAAa;;IAU7B,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB,IAAI,IAAI;IAazB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAmB5C,YAAY,IAAI,IAAI;IAiEpB,kBAAkB,IAAI,IAAI;IA6BpB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAmF9B,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;CA0ClC"}

package/dist/index.js

@@ -60,16 +60,41 @@ class MedAssistWidgetLoader extends HTMLElement {
         this.attachShadow({ mode: "open" });
         this.defaultIconUrl = "./assets/bot-icon.svg";
         this.widgetLoaded = false;
+        this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
     }
     static get observedAttributes() {
-        return ["icon-url"];
+        return ["icon-url", "display-mode"];
     }
     connectedCallback() {
-        this.renderButton();
+        if (this.displayMode === "full") {
+            this.initializeFullMode();
+            this.loadWidgetCss().then(() => {
+                this.loadWidgetScript().then(() => {
+                    this.loadAndRender();
+                });
+            });
+        }
+        else {
+            this.renderButton();
+        }
     }
     attributeChangedCallback(name) {
         if (name === "icon-url") {
-            this.renderButton();
+            if (this.displayMode === "widget") {
+                this.renderButton();
+            }
+        }
+        if (name === "display-mode") {
+            const newMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
+            if (newMode !== this.displayMode) {
+                this.displayMode = newMode;
+                if (newMode === "full") {
+                    this.initializeFullMode();
+                }
+                else {
+                    this.renderButton();
+                }
+            }
         }
     }
     renderButton() {
@@ -132,9 +157,35 @@ class MedAssistWidgetLoader extends HTMLElement {
             }
         }
     }
+    initializeFullMode() {
+        const shadowRoot = this.shadowRoot;
+        if (!shadowRoot) {
+            console.error("Shadow root is not available");
+            return;
+        }
+        if (!shadowRoot.getElementById("medassist-widget-root")) {
+            shadowRoot.innerHTML = `
+        <style>
+         :host {
+         display: block;
+         width: 100%;
+         height: 100%;
+         position: fixed;
+         top: 0;
+         left: 0;
+         z-index: 200000;
+         }
+           #medassist-widget-root {
+            width: 100%;
+            height: 100%;
+          }
+        </style>
+        <div id="medassist-widget-root"></div>
+      `;
+        }
+    }
     async loadAndRender() {
         var _a, _b;
-        console.log("MedAssistWidgetLoader loadAndRender");
         const shadowRoot = this.shadowRoot;
         if (!shadowRoot) {
             console.error("Shadow root is not available");
@@ -150,22 +201,36 @@ class MedAssistWidgetLoader extends HTMLElement {
         const displayModeAttribute = this.getAttribute("display-mode");
         const displayMode = displayModeAttribute === "full" ? "full" : "widget";
         const context = this.getAttribute("context") ? JSON.parse(this.getAttribute("context") || "{}") : undefined;
+        const customOnClose = this.onClose || (() => {
+            const onCloseAttr = this.getAttribute("data-on-close");
+            if (onCloseAttr && typeof window[onCloseAttr] === "function") {
+                return window[onCloseAttr];
+            }
+            return undefined;
+        })();
         if (!agentId) {
             console.error("Agent ID is required");
             return;
         }
-        if (!button || !rootElement) {
-            console.error("Widget button or root element is missing");
+        if (!rootElement) {
+            console.error("Widget root element is missing");
             return;
         }
-        button.classList.add("hidden");
+        if (button) {
+            button.classList.add("hidden");
+        }
         rootElement.classList.remove("hidden");
         const widgetConfig = {
             title,
             iconUrl,
             environment,
             onClose: () => {
-                button.classList.remove("hidden");
+                if (customOnClose && typeof customOnClose === "function") {
+                    customOnClose();
+                }
+                if (button) {
+                    button.classList.remove("hidden");
+                }
                 rootElement.classList.add("hidden");
             },
             baseUrl,
@@ -186,7 +251,9 @@ class MedAssistWidgetLoader extends HTMLElement {
         }
         catch (error) {
             console.error("Failed to load MedAssist widget", error);
-            button.classList.remove("hidden");
+            if (button) {
+                button.classList.remove("hidden");
+            }
             rootElement.classList.add("hidden");
         }
     }