@modochats/widget 0.1.0 → 0.1.1

package/src/services/ui/html.ts

@@ -1,192 +0,0 @@
-import {Widget} from "#src/app.js";
-import {registerListeners} from "../listeners/adders.js";
-
-const createChatContainer = (widget: Widget) => {
-  widget.container = document.createElement("div");
-  widget.container.textContent = "Start Chat";
-  widget.container.classList.add("modo-widget");
-
-  // Add fullscreen class if fullscreen mode is enabled
-  if (widget.options.fullScreen) {
-    widget.container.classList.add("mw-fullscreen");
-  }
-
-  document.body.appendChild(widget.container);
-  let conBody = document.createElement("div");
-  widget.container.appendChild(conBody);
-  widget.container.innerHTML = `
-  <div dir="rtl" class="mw-chat-inner">
-  <div class="mw-chat-body ${widget.options.fullScreen ? "mw-active" : "mw-hidden"}">
-    <div class="mw-chat-container">
-      <!-- Chat Header -->
-      <div class="mw-chat-header">
-        <div style="display: flex; align-items: center; gap: 8px;">
-          <h3 class="mw-chat-title">پشتیبانی چت</h3>
-          <div class="mw-conversation-status-icon mw-hidden">
-            <!-- Clean AI/Bot icon -->
-            <svg class="mw-ai-chat-icon" style="width: 14px; height: 14px;" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE --><path fill="currentColor" d="M22 14h-1c0-3.87-3.13-7-7-7h-1V5.73A2 2 0 1 0 10 4c0 .74.4 1.39 1 1.73V7h-1c-3.87 0-7 3.13-7 7H2c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h1v1a2 2 0 0 0 2 2h14c1.11 0 2-.89 2-2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m-1 3h-2v3H5v-3H3v-1h2v-2c0-2.76 2.24-5 5-5h4c2.76 0 5 2.24 5 5v2h2zM8.5 13.5l2.36 2.36l-1.18 1.18l-1.18-1.18l-1.18 1.18l-1.18-1.18zm7 0l2.36 2.36l-1.18 1.18l-1.18-1.18l-1.18 1.18l-1.18-1.18z"/></svg>
-            <!-- Clean Human/Person icon -->
-            <svg class="mw-human-chat-icon" viewBox="0 0 24 24" width="18" height="18">
-              <path fill="currentColor" d="M12 4C13.66 4 15 5.34 15 7C15 8.66 13.66 10 12 10C10.34 10 9 8.66 9 7C9 5.34 10.34 4 12 4ZM12 12C15.31 12 18 13.34 18 15V18H6V15C6 13.34 8.69 12 12 12Z"/>
-            </svg>
-            <div class="mw-tooltip">
-              <span class="mw-tooltip-text-ai">چت بات هوشمند</span>
-              <span class="mw-tooltip-text-human">پشتیبان انسانی</span>
-            </div>
-          </div>
-          <div class="mw-connection-status mw-disconnected"></div>
-        </div>
-        <div style="display: flex; align-items: center; gap: 8px;">
-          <button class="mw-new-conversation-btn mw-hidden">
-            +
-          </button>
-          <button class="mw-voice-call-btn mw-hidden">
-           <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Google Material Icons by Material Design Authors - https://github.com/material-icons/material-icons/blob/master/LICENSE --><path fill="currentColor" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1c-9.39 0-17-7.61-17-17c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z"/></svg>
-           <div class="mw-voice-call-tooltip mw-hidden">
-             <div class="mw-voice-call-tooltip-text">مکالمه با هوش مصنوعی</div>
-            </div>
-          </button>
-        </div>
-      </div>
-
-      <div class="mw-chat-messages-con">
-      </div> 
-      <div class="mw-starters-con">
-        <div class="mw-starter-welcome">
-          <img class="mw-starter-logo" src="" alt="لوگو چت بات" style="display: none;">
-          <h2 class="mw-starter-title">پشتیبانی چت</h2>
-        </div>
-        <div class="mw-starter-items">
-        </div>
-      </div>
-
-      <div class="mw-reply-preview mw-hidden">
-        <div class="mw-reply-preview-content">
-          <div class="mw-reply-preview-info">
-            <span class="mw-reply-preview-label">پاسخ به:</span>
-            <span class="mw-reply-preview-text"></span>
-          </div>
-          <button class="mw-reply-preview-close" title="لغو پاسخ">
-            <svg viewBox="0 0 24 24" width="16" height="16">
-              <path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>
-            </svg>
-          </button>
-        </div>
-      </div>
-
-      <div class="mw-chat-input-area">
-        <input type="text" placeholder="پیام خود را تایپ کنید..." class="mw-chat-input">
-        <button class="mw-file-upload-btn" title="آپلود فایل">
-          <input type="file" class="mw-file-input" hidden />
-          <svg class="mw-file-upload-icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols Light by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M16.346 11.385V6.769h1v4.616zm-5.538 5.457q-.452-.269-.726-.734q-.274-.466-.274-1.031V6.769h1zM11.96 21q-2.271 0-3.846-1.595t-1.575-3.867v-8.73q0-1.587 1.09-2.697Q8.722 3 10.309 3t2.678 1.11t1.091 2.698V14h-1V6.789q-.006-1.166-.802-1.977T10.308 4q-1.163 0-1.966.821q-.804.821-.804 1.987v8.73q-.005 1.853 1.283 3.157Q10.11 20 11.961 20q.556 0 1.056-.124t.945-.372v1.11q-.468.2-.972.293q-.505.093-1.03.093m4.386-1v-2.616h-2.615v-1h2.615V13.77h1v2.615h2.616v1h-2.616V20z"/></svg>
-          <svg class="mw-file-remove-icon mw-hidden" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols Light by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M11.962 21q-2.273 0-3.848-1.594t-1.575-3.867V7.954L2.091 3.508L2.8 2.8l18.4 18.4l-.708.708l-3.805-3.806q-.664 1.298-1.913 2.098t-2.812.8M7.539 8.954v6.584q-.006 1.852 1.282 3.157T11.961 20q1.356 0 2.413-.727t1.574-1.91l-1.98-1.98q-.087.742-.656 1.295q-.568.553-1.35.553q-.881 0-1.518-.627q-.636-.627-.636-1.527v-3.854zm3.269 3.269v2.854q0 .479.328.816q.328.338.806.338q.474 0 .801-.335t.334-.808v-.596zm5.538 1.33V6.77h1v7.804zm-3.269-3.307V6.79q-.006-1.166-.805-1.977T10.308 4q-.708 0-1.281.32q-.573.319-.961.857l-.714-.713q.529-.68 1.285-1.072T10.307 3q1.587 0 2.679 1.11t1.091 2.698v4.458zm-2.27-3.477v1.189l-1-1.02V6.77z"/></svg>
-        </button>
-        <button class="mw-send-message-btn" data-is-loading="false">
-          <svg class="mw-send-icon" viewBox="0 0 24 24">
-            <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/>
-          </svg>
-          <span class="mw-btn-loading">
-            <svg class="mw-loading-spinner" viewBox="0 0 24 24">
-              <circle class="mw-spinner-circle" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"></circle>
-              <path class="mw-spinner-path" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-            </svg>
-          </span>
-        </button>
-      </div>
-
-      <div class="mw-form-overlay mw-hidden">
-        <div class="mw-form-content">
-          <h3 class="mw-form-title">اطلاعات تماس</h3>
-          <p class="mw-form-subtitle">لطفا برای اطلاع رسانی بهتر پیام ها شماره خود را وارد کنید (اختیاری)</p>
-          <div class="mw-form-input-area">
-            <input type="tel" placeholder="شماره تلفن (اختیاری)" class="mw-phone-input">
-          </div>
-          <div class="mw-form-buttons">
-            <button class="mw-form-submit-btn">
-              ارسال
-            </button>
-            <button class="mw-form-cancel-btn">
-              لغو
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Chat Footer -->
-      <div class="mw-chat-footer">
-        <span class="mw-footer-text">ساخته شده با </span>
-        <a href="" class="mw-footer-link" target="_blank" rel="noopener noreferrer" title="">مودوچت</a>
-      </div>
-
-      <!-- Voice Agent Overlay -->
-      <div class="mw-voice-agent-overlay mw-hidden">
-        <div class="mw-voice-agent-content">
-          <button class="mw-voice-close-btn">
-            <svg viewBox="0 0 24 24" width="24" height="24">
-              <path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>
-            </svg>
-          </button>
-          
-          <div class="mw-voice-agent-center">
-            <img class="mw-voice-agent-logo" src="" alt="چت بات" />
-            <h2 class="mw-voice-agent-title">تماس صوتی</h2>
-            <p class="mw-voice-agent-status">درحال اتصال...</p>
-          </div>
-
-          <div class="mw-voice-agent-controls">
-            <button class="mw-voice-disconnect-btn" title="قطع تماس">
-              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE --><path fill="currentColor" d="M231.59 90.13C175.44 34 80.56 34 24.41 90.13c-20 20-21.92 49.49-4.69 71.71A16 16 0 0 0 32.35 168a15.8 15.8 0 0 0 5.75-1.08l49-17.37l.29-.11a16 16 0 0 0 9.75-11.73l5.9-29.52a76.52 76.52 0 0 1 49.68-.11l6.21 29.75a16 16 0 0 0 9.72 11.59l.29.11l49 17.39a16 16 0 0 0 18.38-5.06c17.19-22.24 15.26-51.73-4.73-71.73M223.67 152l-.3-.12l-48.82-17.33l-6.21-29.74A16 16 0 0 0 158 93a92.56 92.56 0 0 0-60.34.13a16 16 0 0 0-10.32 12l-5.9 29.51l-48.81 17.22c-.1 0-.17.13-.27.17c-12.33-15.91-11-36.23 3.36-50.58c25-25 58.65-37.53 92.28-37.53s67.27 12.51 92.28 37.53c14.33 14.35 15.72 34.67 3.39 50.55m.32 48a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z"/></svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div> 
-  </div>
-  ${
-    !widget.options.fullScreen
-      ? `
-    <button class="mw-toggle-chat-btn">
-      <img
-        class="mw-chat-toggle-image"
-        src=""
-        alt="شروع گفتگو" />
-      <svg
-        class="mw-chat-toggle-close"
-        viewBox="0 0 24 24"
-        width="24"
-        height="24">
-        <path
-          fill="currentColor"
-          d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" />
-      </svg>
-      <!-- Badge for unread messages -->
-      <div class="mw-badge mw-hidden">
-        <span class="mw-badge-text">0</span>
-      </div>
-      <!-- Tooltip for toggle button -->
-      <div class="mw-toggle-tooltip mw-hidden">
-        <div class="mw-tooltip-inner">
-          <div
-            class="mw-toggle-tooltip-close"
-            title="بستن">
-            <svg
-              viewBox="0 0 24 24"
-              width="16"
-              height="16">
-              <path
-                fill="currentColor"
-                d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" />
-            </svg>
-          </div>
-          <span class="mw-toggle-tooltip-text">شروع گفتگو</span>
-        </div>
-      </div>
-    </button>
-  `
-      : ""
-  }
-  </div>
-  `;
-  registerListeners(widget.container);
-};
-export {createChatContainer};

package/src/services/user/customer-data.ts

@@ -1,78 +0,0 @@
-import {Widget} from "#src/app.js";
-import {fetchUpdateUserData} from "#src/utils/fetch.js";
-import {generateUUID} from "#src/utils/uuid.js";
-
-class CustomerData {
-  private _uniqueId?: string;
-  private _userData?: Record<string, any>;
-  private widget: Widget;
-  phoneNumber?: string;
-
-  constructor(widget: Widget, userData?: Record<string, any>) {
-    this.widget = widget;
-    this.initializeUniqueId();
-    this.updateUserData(userData);
-    this.initializePhoneNumber();
-  }
-
-  initializePhoneNumber() {
-    const savedPhoneNumber = localStorage.getItem(`modo-chat:${this.widget.publicKey}-user-phone-number`);
-    if (savedPhoneNumber) {
-      this.phoneNumber = savedPhoneNumber;
-    }
-  }
-
-  /**
-   * Initialize unique ID from localStorage or generate a new one
-   * Unique ID is independent of user key/data and is generated by ourselves
-   */
-  private initializeUniqueId(): void {
-    const savedUniqueId = localStorage.getItem(`modo-chat:${this.widget.publicKey}-user-unique-id`);
-
-    if (savedUniqueId) {
-      this._uniqueId = savedUniqueId;
-    } else {
-      // Generate a new UUID if no saved unique ID exists
-      this._uniqueId = crypto.randomUUID ? crypto.randomUUID() : generateUUID();
-      localStorage.setItem(`modo-chat:${this.widget.publicKey}-user-unique-id`, this._uniqueId);
-    }
-  }
-
-  /**
-   * Get the current unique ID
-   */
-  get uniqueId(): string {
-    return this._uniqueId!;
-  }
-
-  /**
-   * Get the current user data
-   */
-  get userData(): Record<string, any> {
-    return this._userData || {};
-  }
-
-  /**
-   * Update user data with new values
-   * @param newUserData - Object containing new user data to merge
-   */
-  async updateUserData(newUserData?: Record<string, any>): Promise<void> {
-    if (newUserData && typeof newUserData === "object") {
-      this._userData = newUserData;
-    } else if (newUserData) console.warn("Invalid user data");
-  }
-
-  hasSubmittedPhoneForm(): boolean {
-    return Boolean(this.phoneNumber);
-  }
-
-  savePhoneNumber(phoneNumber?: string) {
-    this.phoneNumber = phoneNumber || "no phone number";
-    localStorage.setItem(`modo-chat:${this.widget.publicKey}-user-phone-number`, phoneNumber || "no phone number");
-  }
-
-  async fetchUpdate() {
-    await fetchUpdateUserData(this.widget.chatbot?.uuid as string, this.uniqueId, this.userData);
-  }
-}
-export {CustomerData};

package/src/services/voice-chat/model.ts

@@ -1,79 +0,0 @@
-import {VoiceClient, EventType} from "@modochats/voice-client";
-
-import {
-  initVoiceChatLayout,
-  handleVoiceConnected,
-  handleVoiceDisconnected,
-  handleVoiceConnectionError,
-  handleMicrophonePaused,
-  handleMicrophoneResumed
-} from "./utils.js";
-
-class VoiceChat {
-  instance?: VoiceClient;
-  isFirstInSession: boolean = true;
-  constructor() {
-    const widget = window.getMWidget?.();
-    this.instance = new VoiceClient({
-      apiBase: "https://live.modochats.com",
-      // apiBase: "http://localhost:8000",
-      chatbotUuid: widget?.chatbot?.uuid as string,
-      userUniqueId: widget?.customerData.uniqueId as string
-    });
-    this.instance.on(EventType.CONNECTED, (event: any) => {
-      handleVoiceConnected();
-    });
-
-    this.instance.on(EventType.DISCONNECTED, (event: any) => {
-      if (event.reason) {
-      }
-      handleVoiceDisconnected(event.reason);
-    });
-
-    this.instance.on(EventType.CONNECTION_ERROR, (event: any) => {
-      // console.error("🔴 Connection Error:", event.message);
-      handleVoiceConnectionError(event.message);
-    });
-
-    this.instance.on(EventType.MICROPHONE_PAUSED, () => {
-      handleMicrophonePaused();
-    });
-
-    this.instance.on(EventType.MICROPHONE_RESUMED, () => {
-      handleMicrophoneResumed();
-    });
-    // Initialize the voice agent UI
-    this.initHtml();
-
-    // session check
-    const hasSeen = sessionStorage.getItem("modochats:voice-agent-seen") === "true";
-    if (hasSeen) this.isFirstInSession = false;
-    else sessionStorage.setItem("modochats:voice-agent-seen", "true");
-    if (this.isFirstInSession) this.showTooltip();
-  }
-  async connect() {
-    try {
-      await this.instance?.connect();
-    } catch (error) {
-      // console.error("Failed to connect:", error);
-    }
-  }
-  async disconnect() {
-    await this.instance?.disconnect();
-  }
-  initHtml() {
-    initVoiceChatLayout();
-  }
-  toggleLayout() {
-    this.toggleLayout();
-  }
-
-  showTooltip() {
-    const tooltip = document.querySelector(".mw-voice-call-tooltip");
-    tooltip?.classList.remove("mw-hidden");
-    setTimeout(() => {
-      tooltip?.classList.add("mw-hidden");
-    }, 6000);
-  }
-}
-export {VoiceChat};

package/src/services/voice-chat/utils.ts

@@ -1,137 +0,0 @@
-function toggleVoiceChatLayout() {
-  const widget = window.getMWidget?.();
-  const voiceOverlay = widget?.container?.querySelector(".mw-voice-agent-overlay");
-
-  if (voiceOverlay) {
-    voiceOverlay.classList.toggle("mw-active");
-    voiceOverlay.classList.toggle("mw-hidden");
-  }
-}
-
-function initVoiceChatLayout() {
-  const widget = window.getMWidget?.();
-  const voiceOverlay = widget?.container?.querySelector(".mw-voice-agent-overlay");
-  const voiceCloseBtn = voiceOverlay?.querySelector(".mw-voice-close-btn");
-  const voiceDisconnectBtn = voiceOverlay?.querySelector(".mw-voice-disconnect-btn");
-  const voiceCallBtn = widget?.container?.querySelector(".mw-voice-call-btn");
-
-  // Show voice call button
-  if (voiceCallBtn) {
-    voiceCallBtn.classList.remove("mw-hidden");
-    voiceCallBtn.classList.add("mw-visible");
-  }
-
-  // Set logo from chatbot data
-  const logoImg = voiceOverlay?.querySelector(".mw-voice-agent-logo") as HTMLImageElement;
-  if (logoImg && widget?.chatbot?.image) {
-    logoImg.src = widget.chatbot.image;
-    logoImg.alt = widget.chatbot.name || "چت بات";
-  }
-
-  // Set title
-  const titleEl = voiceOverlay?.querySelector(".mw-voice-agent-title") as HTMLElement;
-  if (titleEl) {
-    titleEl.textContent = widget?.chatbot?.name || "تماس صوتی";
-  }
-
-  // Call button click handler
-  voiceCallBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-hidden");
-      voiceOverlay.classList.add("mw-active");
-      // Connect to voice instance
-      widget?.voiceChat?.connect();
-    }
-  });
-
-  // Close button click handler
-  voiceCloseBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-active");
-      voiceOverlay.classList.add("mw-hidden");
-      // Disconnect from voice instance
-      widget?.voiceChat?.disconnect();
-    }
-  });
-
-  // Disconnect button click handler
-  voiceDisconnectBtn?.addEventListener("click", () => {
-    if (voiceOverlay) {
-      voiceOverlay.classList.remove("mw-active");
-      voiceOverlay.classList.add("mw-hidden");
-      // Disconnect from voice instance
-      widget?.voiceChat?.disconnect();
-    }
-  });
-}
-
-function updateVoiceChatStatus(status: string, color?: string) {
-  const widget = window.getMWidget?.();
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  if (statusEl) {
-    statusEl.textContent = status;
-    if (color) {
-      statusEl.style.color = color;
-    }
-  }
-}
-
-function handleVoiceConnected() {
-  const widget = window.getMWidget?.();
-  const logoEl = widget?.container?.querySelector(".mw-voice-agent-logo") as HTMLElement;
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  // Add animation classes when connected
-  if (logoEl) {
-    logoEl.style.animation = "mw-voice-pulse 2s ease-in-out infinite";
-  }
-  if (statusEl) {
-    statusEl.style.animation = "mw-pulse 1.5s ease-in-out infinite";
-  }
-
-  updateVoiceChatStatus("متصل ✓", "#68d391"); // Green
-}
-
-function handleVoiceDisconnected(reason?: string) {
-  const widget = window.getMWidget?.();
-  const logoEl = widget?.container?.querySelector(".mw-voice-agent-logo") as HTMLElement;
-  const statusEl = widget?.container?.querySelector(".mw-voice-agent-status") as HTMLElement;
-
-  // Remove animations when disconnected
-  if (logoEl) {
-    logoEl.style.animation = "none";
-  }
-  if (statusEl) {
-    statusEl.style.animation = "none";
-  }
-
-  const statusText = reason ? `قطع شد: ${reason}` : "قطع شد";
-  updateVoiceChatStatus(statusText, "#fc8181"); // Red
-}
-
-function handleVoiceConnectionError(message: string) {
-  updateVoiceChatStatus(`خطا: ${message}`, "#fbb040"); // Warning/Orange
-
-  // Also show error in console with better visibility
-  console.error("🔴 Voice Connection Error:", message);
-}
-
-function handleMicrophonePaused() {
-  updateVoiceChatStatus("⏸ میکروفن متوقف شد", "#fbb040"); // Orange
-}
-
-function handleMicrophoneResumed() {
-  updateVoiceChatStatus("🎤 میکروفن فعال", "#68d391"); // Green
-}
-
-export {
-  toggleVoiceChatLayout,
-  initVoiceChatLayout,
-  updateVoiceChatStatus,
-  handleVoiceConnected,
-  handleVoiceDisconnected,
-  handleVoiceConnectionError,
-  handleMicrophonePaused,
-  handleMicrophoneResumed
-};

package/src/tools/fetch.ts

@@ -1,7 +0,0 @@
-import {BASE_API_URL} from "#src/constants/index.js";
-import {ofetch} from "ofetch";
-
-const $fetch = ofetch.create({
-  baseURL: BASE_API_URL
-});
-export {$fetch};

package/src/types/app.ts

@@ -1,17 +0,0 @@
-interface WidgetOptions {
-  position: "left" | "right";
-  theme: "dark" | "light";
-  primaryColor: string;
-  title: string;
-  foregroundColor: string;
-  userData?: Record<string, any>;
-  autoInit?: boolean;
-  fullScreen: boolean;
-}
-interface FetchPaginationRes<T = any> {
-  results: T[];
-  next: string | null;
-  prev: string | null;
-  count: number;
-}
-export {WidgetOptions, FetchPaginationRes};

package/src/types/conversation.ts

@@ -1,14 +0,0 @@
-enum ConversationStatus {
-  AI_CHAT,
-  SUPPORTER_CHAT,
-  RESOLVED,
-  UNKNOWN
-}
-enum MessageType {
-  USER,
-  AI,
-  SUPPORTER,
-  SYSTEM,
-  UNKNOWN
-}
-export type {ConversationStatus, MessageType};

package/src/types/socket.ts

@@ -1,7 +0,0 @@
-interface SocketMessage {
-  type: "new_message" | "ai_response" | "conversation_status_change";
-  message: any;
-  status: string;
-}
-
-export type {SocketMessage};

package/src/types/window.ts

@@ -1,12 +0,0 @@
-import {Widget} from "../app.js";
-
-declare global {
-  interface Window {
-    ModoChat: typeof Widget;
-    ModoWidget: typeof Widget;
-    getMWidget?: () => Widget;
-  }
-}
-
-// This is needed to make this file a module
-export {};

package/src/utils/audio.ts

@@ -1,67 +0,0 @@
-// Cache for preloaded audio elements
-const audioCache = new Map<string, HTMLAudioElement>();
-
-const preloadAudio = (audioPath: string): Promise<HTMLAudioElement> => {
-  return new Promise((resolve, reject) => {
-    if (audioCache.has(audioPath)) {
-      resolve(audioCache.get(audioPath)!);
-      return;
-    }
-
-    const audioElement = new Audio(audioPath);
-    audioElement.volume = 0.5;
-    audioElement.preload = "auto";
-
-    audioElement.addEventListener("canplaythrough", () => {
-      audioCache.set(audioPath, audioElement);
-      resolve(audioElement);
-    });
-
-    audioElement.addEventListener("error", error => {
-      reject(error);
-    });
-
-    // Start loading
-    audioElement.load();
-  });
-};
-
-const playAudio = async (audioPath: string) => {
-  try {
-    // Try to get preloaded audio or create new one
-    let audioElement = audioCache.get(audioPath);
-
-    if (!audioElement) {
-      audioElement = new Audio(audioPath);
-      audioElement.volume = 0.5;
-      audioElement.preload = "auto";
-    }
-
-    // Play the audio
-    await audioElement.play();
-  } catch (error) {
-    console.warn("Failed to play audio:", error);
-    // Fallback: try to play a simple beep sound using Web Audio API
-    try {
-      const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
-      const oscillator = audioContext.createOscillator();
-      const gainNode = audioContext.createGain();
-
-      oscillator.connect(gainNode);
-      gainNode.connect(audioContext.destination);
-
-      oscillator.frequency.setValueAtTime(800, audioContext.currentTime);
-      oscillator.type = "sine";
-
-      gainNode.gain.setValueAtTime(0.3, audioContext.currentTime);
-      gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5);
-
-      oscillator.start(audioContext.currentTime);
-      oscillator.stop(audioContext.currentTime + 0.5);
-    } catch (fallbackError) {
-      console.warn("Audio fallback also failed:", fallbackError);
-    }
-  }
-};
-
-export {playAudio, preloadAudio};

package/src/utils/browser.ts

@@ -1,4 +0,0 @@
-let getDocumentHead = () => {
-  return document.getElementsByTagName("HEAD")[0];
-};
-export {getDocumentHead};