@eka-care/medassist-widget-embed 0.2.13 → 0.2.15

package/index.ts

@@ -1,603 +0,0 @@
-const getCurrentScript = (): HTMLScriptElement | null => {
-  if (typeof document === "undefined") {
-    console.error("document is not defined");
-    return null;
-  }
-
-  const { currentScript } = document;
-  if (currentScript instanceof HTMLScriptElement) {
-    return currentScript;
-  }
-
-  const scripts = document.getElementsByTagName("script");
-  return scripts.length ? scripts[scripts.length - 1] : null;
-};
-
-type WidgetEnvironment = "production" | "development" | "staging";
-
-const getEnvironment = (
-  value: string | null
-): WidgetEnvironment | undefined => {
-  if (
-    value === "production" ||
-    value === "development" ||
-    value === "staging"
-  ) {
-    return value;
-  }
-  return undefined;
-};
-
-const scriptEl = getCurrentScript();
-
-// Detect version tag from script src (e.g., @dev, @latest)
-const DEFAULT_WIDGET_ASSET_BASE = (() => {
-  if (scriptEl?.src?.includes("@dev")) {
-    return "https://unpkg.com/@eka-care/medassist-widget@dev/dist/";
-  }
-  return "https://unpkg.com/@eka-care/medassist-widget@latest/dist/";
-})();
-
-/** Theme from agent-config API (has mode; textColor derived: dark → black, light → white) */
-type AgentConfig = {
-  name?: string;
-  allowed?: ("text" | "file" | "audio")[];
-  theme?: {
-    background?: string;
-    background_img?: string;
-    accent?: string;
-    mode?: "light" | "dark";
-    title_img?: string;
-    icon_img?: string
-  }
-};
-
-type MedAssistInitConfig = {
-  auth?: string;
-  agentId?: string;
-  context?: Record<string, unknown>;
-  title?: string;
-  iconUrl?: string;
-  baseUrl?: string;
-  theme?: {
-    background?: string;
-    backgroundImage?: string;
-    primary?: string;
-    textColor?: "black" | "white";
-  };
-  [key: string]: unknown;
-};
-
-/** Map agent-config API theme to widget theme (mode → textColor: dark→black, light→white) */
-function mapAgentConfigThemeToWidgetTheme(apiTheme: AgentConfig["theme"] | undefined): MedAssistInitConfig["theme"] {
-  if (!apiTheme) return undefined;
-  const textColor = apiTheme.mode === "dark" ? "white" : apiTheme.mode === "light" ? "black" : undefined;
-  return {
-    ...(apiTheme.background && { background: apiTheme.background }),
-    ...(apiTheme.background_img && { backgroundImage: apiTheme.background_img }),
-    ...(apiTheme.accent && { primary: apiTheme.accent }),
-    ...(textColor && { textColor }),
-    ...(apiTheme.title_img && { titleImg: apiTheme.title_img }),
-  };
-}
-
-/** Preload an image by URL so it is cached and loads faster when the widget uses it. */
-function preloadImage(url: string): void {
-  if (!url || typeof document === "undefined") return;
-  try {
-    const link = document.createElement("link");
-    link.rel = "preload";
-    link.as = "image";
-    link.href = url;
-    document.head.appendChild(link);
-  } catch {
-    // fallback: use Image to prime cache
-    const img = new Image();
-    img.src = url;
-  }
-}
-
-/** Fetch agent-config from API and return theme from response data */
-async function fetchAgentConfig(baseUrl: string, agentId: string): Promise<AgentConfig | undefined> {
-  const url = `${baseUrl.replace(/\/$/, "")}/med-assist/agent-config/${agentId}`;
-  const res = await fetch(url, {
-    headers: {
-      "ngrok-skip-browser-warning": "69420",
-    },
-  });
-
-  if (!res.ok) return undefined;
-  const json = await res.json();
-  if (json?.success && json?.data) return json.data as AgentConfig;
-  return undefined;
-}
-
-interface EkaMedAssistWindow extends Window {
-  EkaMedAssist?: {
-    init: (config: MedAssistInitConfig) => void;
-    onClose?: () => void;
-  };
-  __ekaMedAssistConfig__?: MedAssistInitConfig;
-}
-
-const globalMedAssistConfig: MedAssistInitConfig = {};
-
-const getWidgetElement = (): HTMLElement | null => {
-  if (typeof document === "undefined") {
-    return null;
-  }
-  return document.querySelector("eka-medassist-widget");
-};
-
-if (typeof window !== "undefined") {
-  const w = window as EkaMedAssistWindow;
-  w.__ekaMedAssistConfig__ = globalMedAssistConfig;
-
-  w.EkaMedAssist = {
-    init(config: MedAssistInitConfig) {
-      Object.assign(globalMedAssistConfig, config);
-      const el = getWidgetElement();
-      if (!el) return;
-
-      if (config.agentId) el.setAttribute("agent-id", config.agentId);
-      if (config.title) el.setAttribute("title", config.title);
-      if (config.iconUrl) el.setAttribute("icon-url", config.iconUrl);
-      if (config.baseUrl) el.setAttribute("base-url", config.baseUrl);
-      if (config.context) {
-        try {
-          el.setAttribute("context", JSON.stringify(config.context));
-        } catch {
-          console.warn("Failed to stringify context passed to init");
-        }
-      }
-
-      if (config.theme?.backgroundImage) {
-        preloadImage(config.theme.backgroundImage);
-      }
-
-      (el as any).openFromBridge?.();
-    },
-  };
-}
-
-const scriptBaseUrl = (() => {
-  if (!scriptEl) {
-    return "";
-  }
-  try {
-    return new URL(".", scriptEl.src || window.location.href).href;
-  } catch {
-    return "";
-  }
-})();
-
-const widgetAssetBaseUrl = (() => {
-  if (!scriptEl) {
-    return DEFAULT_WIDGET_ASSET_BASE;
-  }
-
-  const dataValue = scriptEl.dataset.widgetAssets;
-  if (dataValue === "local") {
-    return `${scriptBaseUrl}src/`;
-  }
-
-  if (dataValue && dataValue.length > 0) {
-    try {
-      return new URL(dataValue, scriptBaseUrl).href;
-    } catch {
-      return dataValue.endsWith("/") ? dataValue : `${dataValue}/`;
-    }
-  }
-
-  return DEFAULT_WIDGET_ASSET_BASE;
-})();
-
-const WIDGET_JS_URL = `${widgetAssetBaseUrl}medassist-widget.js`;
-const WIDGET_CSS_URL = `${widgetAssetBaseUrl}medassist-widget.css`;
-
-let widgetScriptPromise: Promise<void> | null = null;
-let widgetCssTextPromise: Promise<string> | null = null;
-
-/** Start fetching widget CSS (shared promise). Used for preload and by loadWidgetCss. */
-function getWidgetCssTextPromise(): Promise<string> {
-  if (!widgetCssTextPromise) {
-    widgetCssTextPromise = fetch(WIDGET_CSS_URL).then((response) => {
-      if (!response.ok) {
-        throw new Error(
-          `Unable to fetch widget styles from ${WIDGET_CSS_URL}`
-        );
-      }
-      return response.text();
-    });
-  }
-  return widgetCssTextPromise;
-}
-
-class MedAssistWidgetLoader extends HTMLElement {
-  private defaultIconUrl: string;
-  private widgetLoaded: boolean;
-  private displayMode: "full" | "widget";
-
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-    this.defaultIconUrl = "https://cdn.eka.care/bot-icon.svg";
-    this.widgetLoaded = false;
-    this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-
-    // Listen for AUTH_EXPIRED events from the widget and forward to parent
-    this.setupAuthExpirationListener();
-  }
-
-  static get observedAttributes(): string[] {
-    return ["icon-url", "display-mode"];
-  }
-
-  connectedCallback(): void {
-    if (this.displayMode === "full") {
-      this.initializeFullMode();
-    } else {
-      this.renderButton();
-      this.preloadWidgetAssets();
-    }
-  }
-
-  attributeChangedCallback(name: string): void {
-    if (name === "icon-url") {
-      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();
-        }
-      }
-    }
-  }
-
-  /** When in widget mode, start loading JS and CSS on page load so first open is faster. */
-  private preloadWidgetAssets(): void {
-    getWidgetCssTextPromise(); // start CSS fetch (no inject until open)
-    void this.loadWidgetScript(); // start JS load
-    void this.preloadBackgroundImage();
-  }
-
-  /** Preload theme background image from init config, theme attribute, or agent-config API. */
-  private preloadBackgroundImage(): void {
-    const initConfig =
-      typeof window !== "undefined"
-        ? (window as EkaMedAssistWindow).__ekaMedAssistConfig__
-        : undefined;
-    const attributeTheme = this.getAttribute("theme")
-      ? (() => {
-          try {
-            return JSON.parse(this.getAttribute("theme") || "{}") as { backgroundImage?: string };
-          } catch {
-            return undefined;
-          }
-        })()
-      : undefined;
-
-    const fromInit = initConfig?.theme?.backgroundImage;
-    const fromAttr = attributeTheme?.backgroundImage;
-    if (fromInit) preloadImage(fromInit);
-    if (fromAttr && fromAttr !== fromInit) preloadImage(fromAttr);
-
-    const baseUrl =
-      (initConfig?.baseUrl as string) || this.getAttribute("base-url") || "";
-    const agentId =
-      (initConfig?.agentId as string) || this.getAttribute("agent-id") || "";
-    if (baseUrl && agentId) {
-      fetchAgentConfig(baseUrl, agentId)
-        .then((agentConfig) => {
-          const url = agentConfig?.theme?.background_img;
-          if (url) preloadImage(url);
-        })
-        .catch(() => {
-          // ignore; widget will load config when it opens
-        });
-    }
-  }
-
-  private setupAuthExpirationListener(): void {
-    if (typeof window === "undefined") return;
-
-    const messageHandler = (event: MessageEvent) => {
-      if (event.data?.type === "AUTH_EXPIRED") {
-        if (window.parent !== window) {
-          window.parent.postMessage({ type: "AUTH_EXPIRED", message: "Authentication expired" }, "*");
-        }
-        // window.webkit.messageHandlers.authTokenExpired.postMessage({});
-      }
-    }
-
-    window.addEventListener("message", messageHandler);
-  }
-
-  public openFromBridge(): void {
-    this.displayMode = this.getAttribute("display-mode") === "full" ? "full" : "widget";
-    if (this.displayMode === "full") {
-      this.initializeFullMode();
-    } else {
-      this.renderButton();
-    }
-
-    this.loadWidgetCss()
-      .then(() => this.loadWidgetScript())
-      .then(() => this.loadAndRender())
-      .catch((error) => {
-        console.error("Failed to open MedAssist widget from bridge", error);
-      });
-  }
-
-  renderButton(): void {
-    const iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
-    const shadowRoot = this.shadowRoot;
-
-    if (!shadowRoot) {
-      console.error("Shadow root was not created");
-      return;
-    }
-
-    if (!shadowRoot.querySelector("button")) {
-      shadowRoot.innerHTML = `
-        <style>
-          #medassist-open-btn {
-            width: 60px;
-            height: 60px;
-            border-radius: 50%;
-            border: none;
-            cursor: pointer;
-            background-color:rgb(255, 255, 255);
-            padding: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-          }
-          #medassist-open-btn img {
-            width: 30px;
-            height: 30px;
-          }
-          :host {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
-            z-index: 200000;
-          }
-          #medassist-open-btn:hover {
-            background-color:rgb(239, 237, 245);
-          }
-          .hidden {
-            display: none !important;
-          }
-          #medassist-open-btn.hidden {
-            display: none !important;
-          }
-        </style>
-
-        <button id="medassist-open-btn">
-          <img src="${iconUrl}" alt="MedAssist Icon">
-        </button>
-        <div id="medassist-widget-root" class="hidden"></div>
-      `;
-
-      shadowRoot
-        .getElementById("medassist-open-btn")
-        ?.addEventListener("click", () => this.loadAndRender());
-    } else {
-      const img = shadowRoot.querySelector<HTMLImageElement>(
-        "#medassist-open-btn img"
-      );
-      if (img) {
-        img.src = iconUrl;
-      }
-    }
-  }
-
-  initializeFullMode(): void {
-    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(): Promise<void> {
-    const shadowRoot = this.shadowRoot;
-    if (!shadowRoot) {
-      console.error("Shadow root is not available");
-      return;
-    }
-
-    const button = shadowRoot.getElementById("medassist-open-btn");
-    const rootElement = shadowRoot.getElementById("medassist-widget-root");
-    const agentId = this.getAttribute("agent-id");
-    let iconUrl = this.getAttribute("icon-url") || this.defaultIconUrl;
-    const environment =
-      getEnvironment(this.getAttribute("environment")) ?? "production";
-    let title = this.getAttribute("title") || "Medi Clinic";
-    const baseUrl = this.getAttribute("base-url") || "https://matrix.eka.care/reloaded";
-    const displayModeAttribute = this.getAttribute("display-mode");
-    const displayMode: "full" | "widget" = displayModeAttribute === "full" ? "full" : "widget";
-    const attributeContext = this.getAttribute("context") ? JSON.parse(this.getAttribute("context") || "{}") : undefined;
-    const attributeTheme = this.getAttribute("theme") ? (() => { try { return JSON.parse(this.getAttribute("theme") || "{}"); } catch { return undefined; } })() : undefined;
-
-    const initConfig = (typeof window !== "undefined"
-      ? (window as EkaMedAssistWindow).__ekaMedAssistConfig__
-      : undefined) || {};
-
-    const mergedContext = {
-      ...(attributeContext || {}),
-      ...(initConfig.context || {}),
-    };
-
-    const auth = initConfig.auth || undefined;
-    const resolvedAgentId = initConfig.agentId || agentId;
-    const apiBaseUrl = (initConfig.baseUrl as string) || baseUrl;
-
-    const customOnClose = typeof window !== "undefined" ? (window as EkaMedAssistWindow).EkaMedAssist?.onClose : undefined;
-
-    if (!resolvedAgentId) {
-      console.error("Agent ID is required");
-      return;
-    }
-
-    if (!rootElement) {
-      console.error("Widget root element is missing");
-      return;
-    }
-
-    if (button) {
-      button.classList.add("hidden");
-    }
-    rootElement.classList.remove("hidden");
-
-    // Fetch agent-config when baseUrl is available; derive theme (mode → textColor: dark→black, light→white)
-    let apiTheme: MedAssistInitConfig["theme"] = undefined;
-    let allowed: ("text" | "file" | "audio")[] | undefined;
-    if (apiBaseUrl) {
-      try {
-        const agentConfig = await fetchAgentConfig(apiBaseUrl, resolvedAgentId);
-        title = agentConfig?.name || title;
-        iconUrl = agentConfig?.theme?.icon_img || iconUrl;
-        apiTheme = mapAgentConfigThemeToWidgetTheme(agentConfig?.theme || undefined);
-        allowed = agentConfig?.allowed;
-      } catch {
-        // ignore; use attribute + init theme only
-      }
-    }
-
-    const widgetConfig = {
-      title: (initConfig.title as string) || title,
-      iconUrl: (initConfig.iconUrl as string) || iconUrl,
-      allowed,
-      environment,
-      onClose: () => {
-        if (customOnClose && typeof customOnClose === "function") {
-          customOnClose();
-        }
-        if (button) {
-          button.classList.remove("hidden");
-        }
-        rootElement.classList.add("hidden");
-
-      },
-      baseUrl: apiBaseUrl,
-      context: mergedContext,
-      displayMode,
-      auth,
-      theme: { ...(apiTheme || {}), ...(attributeTheme || {}), ...(initConfig.theme || {}) }
-    };
-
-    if (this.widgetLoaded) {
-      window.renderMedAssist?.(rootElement, resolvedAgentId, widgetConfig);
-      return;
-    }
-
-    try {
-      await Promise.all([this.loadWidgetCss(), this.loadWidgetScript()]);
-      if (typeof window.renderMedAssist !== "function") {
-        throw new Error("renderMedAssist is not available on window");
-      }
-
-      window.renderMedAssist(rootElement, resolvedAgentId, widgetConfig);
-      this.widgetLoaded = true;
-    } catch (error) {
-      console.error("Failed to load MedAssist widget", error);
-      if (button) {
-        button.classList.remove("hidden");
-      }
-      rootElement.classList.add("hidden");
-    }
-  }
-
-  async loadWidgetCss(): Promise<void> {
-    const shadowRoot = this.shadowRoot;
-    if (!shadowRoot) {
-      throw new Error("Shadow root is not available");
-    }
-
-    if (shadowRoot.querySelector("[data-medassist-style='true']")) {
-      return;
-    }
-
-    const cssText = await getWidgetCssTextPromise();
-    const styleTag = document.createElement("style");
-    styleTag.setAttribute("data-medassist-style", "true");
-    styleTag.textContent = cssText;
-    shadowRoot.appendChild(styleTag);
-  }
-
-  loadWidgetScript(): Promise<void> {
-    if (!widgetScriptPromise) {
-      widgetScriptPromise = new Promise<void>((resolve, reject) => {
-        const existingScript = document.querySelector<HTMLScriptElement>(
-          `script[src="${WIDGET_JS_URL}"]`
-        );
-
-        if (existingScript) {
-          if (existingScript.dataset.loaded === "true") {
-            resolve();
-            return;
-          }
-          existingScript.addEventListener("load", () => resolve());
-          existingScript.addEventListener("error", (event) =>
-            reject(event.error || new Error("Unknown script loading error"))
-          );
-          return;
-        }
-
-        const script = document.createElement("script");
-        script.src = WIDGET_JS_URL;
-        script.async = true;
-        script.dataset.widget = "medassist";
-
-        script.onload = () => {
-          script.dataset.loaded = "true";
-          resolve();
-        };
-        script.onerror = (event) => {
-          if (event instanceof ErrorEvent && event.error) {
-            reject(event.error);
-            return;
-          }
-          reject(new Error(`Failed to load ${WIDGET_JS_URL}`));
-        };
-
-        document.head.appendChild(script);
-      });
-    }
-
-    return widgetScriptPromise;
-  }
-}
-
-customElements.define("eka-medassist-widget", MedAssistWidgetLoader);

package/src/.gitkeep

@@ -1,2 +0,0 @@
-
-