@foisit/vue-wrapper 2.4.2 → 2.4.4

package/README.md

@@ -562,8 +562,6 @@ onMounted(() => {
 ### Full Type Definitions
 
 ```typescript
-import type { AssistantCommand, InteractiveResponse } from '@foisit/core';
-
 // Type-safe command definition
 const myCommand: AssistantCommand = {
   command: 'update settings',
@@ -674,7 +672,6 @@ test('renders assistant', () => {
 
 ## Related Packages
 
-- **[@foisit/core](../core)** - Core engine (auto-installed)
 - **[@foisit/angular-wrapper](../angular-wrapper)** - Angular integration
 - **[@foisit/react-wrapper](../react-wrapper)** - React integration
 

package/index.mjs

@@ -3,9 +3,9 @@
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const ie = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, qe = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [], ve = () => {
+const ie = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, qe = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [], we = () => {
 }, ze = (t) => t.charCodeAt(0) === 111 && t.charCodeAt(1) === 110 && // uppercase letter
-(t.charCodeAt(2) > 122 || t.charCodeAt(2) < 97), z = Object.assign, k = Array.isArray, R = (t) => typeof t == "function", T = (t) => typeof t == "string", we = (t) => typeof t == "symbol", O = (t) => t !== null && typeof t == "object";
+(t.charCodeAt(2) > 122 || t.charCodeAt(2) < 97), z = Object.assign, k = Array.isArray, R = (t) => typeof t == "function", T = (t) => typeof t == "string", ve = (t) => typeof t == "symbol", O = (t) => t !== null && typeof t == "object";
 let me;
 const Q = () => me || (me = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
 function ae(t) {
@@ -21,12 +21,12 @@ function ae(t) {
   } else if (T(t) || O(t))
     return t;
 }
-const Ue = /;(?![^(]*\))/g, Be = /:([^]+)/, We = /\/\*[^]*?\*\//g;
+const Be = /;(?![^(]*\))/g, Ue = /:([^]+)/, We = /\/\*[^]*?\*\//g;
 function je(t) {
   const e = {};
-  return t.replace(We, "").split(Ue).forEach((n) => {
+  return t.replace(We, "").split(Be).forEach((n) => {
     if (n) {
-      const i = n.split(Be);
+      const i = n.split(Ue);
       i.length > 1 && (e[i[0].trim()] = i[1].trim());
     }
   }), e;
@@ -54,7 +54,7 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((t) => t !== "arguments" && t !== "caller").map((t) => Symbol[t]).filter(we)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((t) => t !== "arguments" && t !== "caller").map((t) => Symbol[t]).filter(ve)
 );
 function xe(t) {
   return se(t) ? xe(t.__v_raw) : !!(t && t.__v_isReactive);
@@ -282,7 +282,7 @@ function ot(t) {
 const H = (t) => t.id == null ? t.flags & 2 ? -1 : 1 / 0 : t.id;
 function _e(t) {
   process.env.NODE_ENV !== "production" && (t = t || /* @__PURE__ */ new Map());
-  const e = process.env.NODE_ENV !== "production" ? (n) => Ie(t, n) : ve;
+  const e = process.env.NODE_ENV !== "production" ? (n) => Ie(t, n) : we;
   try {
     for (I = 0; I < C.length; I++) {
       const n = C[I];
@@ -437,7 +437,7 @@ function gt(t, e, n = {}, i, s) {
   r && r.key, c = ge(
     q,
     {
-      key: (a && !we(a) ? a : `_${e}`) + // #7256 force differentiate fallback content from actual content
+      key: (a && !ve(a) ? a : `_${e}`) + // #7256 force differentiate fallback content from actual content
       (!r && i ? "_fb" : "")
     },
     r || [],
@@ -453,7 +453,7 @@ process.env.NODE_ENV !== "production" && (yt.ownKeys = (t) => (_(
   "Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."
 ), Reflect.ownKeys(t)));
 let bt = null;
-const vt = {}, Le = (t) => Object.getPrototypeOf(t) === vt, wt = (t) => t.__isSuspense, q = /* @__PURE__ */ Symbol.for("v-fgt"), xt = /* @__PURE__ */ Symbol.for("v-txt"), Te = /* @__PURE__ */ Symbol.for("v-cmt"), K = [];
+const wt = {}, Le = (t) => Object.getPrototypeOf(t) === wt, vt = (t) => t.__isSuspense, q = /* @__PURE__ */ Symbol.for("v-fgt"), xt = /* @__PURE__ */ Symbol.for("v-txt"), Te = /* @__PURE__ */ Symbol.for("v-cmt"), K = [];
 let E = null;
 function pe(t = !1) {
   K.push(E = t ? null : []);
@@ -542,7 +542,7 @@ function Pe(t, e = null, n = null, i = 0, s = null, o = !1) {
     let { class: a, style: c } = e;
     a && !T(a) && (e.class = le(a)), O(c) && (oe(c) && !k(c) && (c = z({}, c)), e.style = ae(c));
   }
-  const r = T(t) ? 1 : wt(t) ? 128 : ft(t) ? 64 : O(t) ? 4 : R(t) ? 2 : 0;
+  const r = T(t) ? 1 : vt(t) ? 128 : ft(t) ? 64 : O(t) ? 4 : R(t) ? 2 : 0;
   return process.env.NODE_ENV !== "production" && r & 4 && oe(t) && (t = M(t), _(
     "Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
     `
@@ -926,7 +926,7 @@ class Mt {
         const c = this.getCommandById(r);
         return c ? this.safeRunAction(c, a) : { message: "That action is no longer available.", type: "error" };
       }
-      return ["no", "n", "cancel", "stop"].includes(o) ? (this.pendingConfirmation = null, { message: "✅ Cancelled.", type: "success" }) : {
+      return ["no", "n", "cancel", "stop"].includes(o) ? (this.pendingConfirmation = null, { message: "Cancelled.", type: "success" }) : {
         message: "Please confirm: Yes or No.",
         type: "confirm",
         options: [
@@ -1065,7 +1065,7 @@ class Mt {
   }
   buildConfirmResponse(e) {
     return {
-      message: `⚠️ Are you sure you want to run "${e.command}"?`,
+      message: `Are you sure you want to run "${e.command}"?`,
       type: "confirm",
       options: [
         { label: "Yes", value: "yes" },
@@ -1170,19 +1170,19 @@ class Mt {
 }
 class He {
   constructor() {
-    this.synth = window.speechSynthesis;
+    this.synth = typeof window < "u" ? window.speechSynthesis : null;
   }
   speak(e, n) {
     if (!this.synth) {
-      console.error("SpeechSynthesis API is not supported in this browser.");
+      console.error("SpeechSynthesis API is not supported in this environment.");
       return;
     }
     const i = new SpeechSynthesisUtterance(e);
-    n && (i.pitch = n.pitch || 1, i.rate = n.rate || 1, i.volume = n.volume || 1), i.onstart = () => {
+    n && (i.pitch = n.pitch || 1, i.rate = n.rate || 1, i.volume = n.volume || 1), typeof window < "u" && (i.onstart = () => {
       window.dispatchEvent(new CustomEvent("foisit:tts-start"));
     }, i.onend = () => {
       console.log("Speech finished."), window.dispatchEvent(new CustomEvent("foisit:tts-end"));
-    }, i.onerror = (s) => {
+    }), i.onerror = (s) => {
       console.error("Error during speech synthesis:", s.error);
     }, this.synth.speak(i);
   }
@@ -1205,6 +1205,7 @@ class Pt {
   }
 }
 const be = () => {
+  if (typeof window > "u") return null;
   const t = window;
   return t.SpeechRecognition ?? t.webkitSpeechRecognition ?? null;
 };
@@ -1230,16 +1231,16 @@ class Vt {
       s.onaudiostart = () => this.log("onaudiostart"), s.onsoundstart = () => this.log("onsoundstart"), s.onspeechstart = () => this.log("onspeechstart"), s.onspeechend = () => this.log("onspeechend"), s.onsoundend = () => this.log("onsoundend"), s.onaudioend = () => this.log("onaudioend"), this.recognition.onerror = (o) => this.handleError(o);
     } else
       this.recognition = null, this.emitStatus("unsupported");
-    window.addEventListener("foisit:tts-start", this.onTTSStart), window.addEventListener("foisit:tts-end", this.onTTSEnd), this.visibilityHandler = () => {
+    typeof window < "u" ? (window.addEventListener("foisit:tts-start", this.onTTSStart), window.addEventListener("foisit:tts-end", this.onTTSEnd), this.visibilityHandler = () => {
       var s;
-      if (document.hidden) {
+      if (typeof document < "u" && document.hidden) {
         try {
           (s = this.recognition) == null || s.stop();
         } catch {
         }
         this.emitStatus(this.ttsSpeaking ? "speaking" : "idle");
       } else this.isListening && !this.ttsSpeaking && this.safeRestart();
-    }, document.addEventListener("visibilitychange", this.visibilityHandler);
+    }, typeof document < "u" && document.addEventListener("visibilitychange", this.visibilityHandler)) : this.visibilityHandler = void 0;
   }
   // Debug logger helpers
   log(e) {
@@ -1445,7 +1446,10 @@ function Ht() {
   const t = document.querySelector("#gradient-indicator");
   t && (t.remove(), console.log("Gradient indicator removed from the DOM"));
 }
-class qt {
+function qt() {
+  return typeof window < "u" && typeof document < "u";
+}
+class zt {
   constructor() {
     this.state = "idle", this.subscribers = [];
   }
@@ -1463,9 +1467,9 @@ class qt {
     this.subscribers.forEach((e) => e(this.state));
   }
 }
-class zt {
+class Bt {
   constructor(e) {
-    this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1, this.loadingEl = null, this.config = e, this.init();
+    this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1, this.loadingEl = null, this.active = qt(), this.config = e, this.active && this.init();
   }
   init() {
     var n, i;
@@ -1505,17 +1509,17 @@ class zt {
     }), s.appendChild(this.input), this.chatWindow.appendChild(e), this.chatWindow.appendChild(this.messagesContainer), this.chatWindow.appendChild(s), (o = this.container) == null || o.appendChild(this.chatWindow);
   }
   registerCallbacks(e, n) {
-    this.onSubmit = e, this.onClose = n;
+    this.active && (this.onSubmit = e, this.onClose = n);
   }
   toggle(e, n) {
-    e && (this.onSubmit = e), n && (this.onClose = n), this.isOpen = !this.isOpen, this.chatWindow && (this.isOpen ? (this.chatWindow.style.display = "flex", requestAnimationFrame(() => {
+    this.active && (e && (this.onSubmit = e), n && (this.onClose = n), this.isOpen = !this.isOpen, this.chatWindow && (this.isOpen ? (this.chatWindow.style.display = "flex", requestAnimationFrame(() => {
       this.chatWindow && (this.chatWindow.style.opacity = "1", this.chatWindow.style.transform = "translateY(0) scale(1)");
     }), setTimeout(() => {
       var i;
       return (i = this.input) == null ? void 0 : i.focus();
     }, 100)) : (this.chatWindow.style.opacity = "0", this.chatWindow.style.transform = "translateY(20px) scale(0.95)", setTimeout(() => {
       this.chatWindow && !this.isOpen && (this.chatWindow.style.display = "none");
-    }, 200), this.onClose && this.onClose()));
+    }, 200), this.onClose && this.onClose())));
   }
   addMessage(e, n) {
     if (!this.messagesContainer) return;
@@ -1562,8 +1566,8 @@ class zt {
       if (d.type === "select") {
         const u = document.createElement("select");
         u.className = "foisit-form-input";
-        const v = document.createElement("option");
-        v.value = "", v.textContent = "Select...", u.appendChild(v);
+        const w = document.createElement("option");
+        w.value = "", w.textContent = "Select...", u.appendChild(w);
         const x = (p) => {
           (p ?? []).forEach((S) => {
             const b = document.createElement("option");
@@ -1585,17 +1589,17 @@ class zt {
         }
         d.defaultValue != null && (u.value = String(d.defaultValue)), m = u;
       } else if (d.type === "file") {
-        const u = d, v = document.createElement("input");
-        v.className = "foisit-form-input", v.type = "file", u.accept && Array.isArray(u.accept) && (v.accept = u.accept.join(",")), u.multiple && (v.multiple = !0), u.capture && (u.capture === !0 ? v.setAttribute("capture", "") : v.setAttribute("capture", String(u.capture))), v.addEventListener("change", async () => {
-          const x = Array.from(v.files || []), p = y;
+        const u = d, w = document.createElement("input");
+        w.className = "foisit-form-input", w.type = "file", u.accept && Array.isArray(u.accept) && (w.accept = u.accept.join(",")), u.multiple && (w.multiple = !0), u.capture && (u.capture === !0 ? w.setAttribute("capture", "") : w.setAttribute("capture", String(u.capture))), w.addEventListener("change", async () => {
+          const x = Array.from(w.files || []), p = y;
           if (p.style.display = "none", p.textContent = "", x.length === 0) return;
           const S = u.maxFiles ?? (u.multiple ? 10 : 1);
           if (x.length > S) {
             p.textContent = `Please select at most ${S} file(s).`, p.style.display = "block";
             return;
           }
-          const b = u.maxSizeBytes ?? 1 / 0, g = x.reduce((w, U) => w + U.size, 0);
-          if (x.some((w) => w.size > b)) {
+          const b = u.maxSizeBytes ?? 1 / 0, g = x.reduce((v, B) => v + B.size, 0);
+          if (x.some((v) => v.size > b)) {
             p.textContent = `One or more files exceed the maximum size of ${Math.round(b / 1024)} KB.`, p.style.display = "block";
             return;
           }
@@ -1605,13 +1609,13 @@ class zt {
             return;
           }
           if (u.accept && Array.isArray(u.accept)) {
-            const w = u.accept;
-            if (!x.every((B) => B.type ? w.some((W) => W.startsWith(".") ? B.name.toLowerCase().endsWith(W.toLowerCase()) : B.type === W || B.type.startsWith(W.split("/")[0] + "/")) : !0)) {
+            const v = u.accept;
+            if (!x.every((U) => U.type ? v.some((W) => W.startsWith(".") ? U.name.toLowerCase().endsWith(W.toLowerCase()) : U.type === W || U.type.startsWith(W.split("/")[0] + "/")) : !0)) {
               p.textContent = "One or more files have an unsupported type.", p.style.display = "block";
               return;
             }
           }
-        }), m = v;
+        }), m = w;
       } else {
         const u = document.createElement("input");
         u.className = "foisit-form-input", d.type === "string" && (u.placeholder = d.placeholder || "Type here..."), d.type === "number" ? (u.type = "number", typeof d.min == "number" && (u.min = String(d.min)), typeof d.max == "number" && (u.max = String(d.max)), typeof d.step == "number" && (u.step = String(d.step)), d.defaultValue != null && (u.value = String(d.defaultValue))) : d.type === "date" ? (u.type = "date", typeof d.min == "string" && (u.min = d.min), typeof d.max == "string" && (u.max = d.max), d.defaultValue != null && (u.value = String(d.defaultValue))) : (u.type = "text", d.defaultValue != null && (u.value = String(d.defaultValue))), m = u;
@@ -1644,15 +1648,15 @@ class zt {
             continue;
           }
           if (b.length === 0) continue;
-          const g = (n ?? []).find((w) => w.name === m.name), $ = (g == null ? void 0 : g.delivery) ?? "file";
+          const g = (n ?? []).find((v) => v.name === m.name), $ = (g == null ? void 0 : g.delivery) ?? "file";
           if (g != null && g.maxWidth || g != null && g.maxHeight)
             try {
-              const w = await this.getImageDimensions(b[0]);
-              if (g.maxWidth && w.width > g.maxWidth) {
+              const v = await this.getImageDimensions(b[0]);
+              if (g.maxWidth && v.width > g.maxWidth) {
                 f = !0, p && (p.textContent = `Image width must be ≤ ${g.maxWidth}px`, p.style.display = "block");
                 continue;
               }
-              if (g.maxHeight && w.height > g.maxHeight) {
+              if (g.maxHeight && v.height > g.maxHeight) {
                 f = !0, p && (p.textContent = `Image height must be ≤ ${g.maxHeight}px`, p.style.display = "block");
                 continue;
               }
@@ -1660,8 +1664,8 @@ class zt {
             }
           if (g != null && g.maxDurationSec)
             try {
-              const w = await this.getMediaDuration(b[0]);
-              if (w && w > g.maxDurationSec) {
+              const v = await this.getMediaDuration(b[0]);
+              if (v && v > g.maxDurationSec) {
                 f = !0, p && (p.textContent = `Media duration must be ≤ ${g.maxDurationSec}s`, p.style.display = "block");
                 continue;
               }
@@ -1671,17 +1675,17 @@ class zt {
             l[m.name] = g != null && g.multiple ? b : b[0];
           else if ($ === "base64")
             try {
-              const w = await Promise.all(b.map((U) => this.readFileAsDataURL(U)));
-              l[m.name] = g != null && g.multiple ? w : w[0];
+              const v = await Promise.all(b.map((B) => this.readFileAsDataURL(B)));
+              l[m.name] = g != null && g.multiple ? v : v[0];
             } catch {
               f = !0, p && (p.textContent = "Failed to encode file(s) to base64.", p.style.display = "block");
               continue;
             }
           continue;
         }
-        const y = (m.el.value ?? "").toString().trim(), u = m.el.parentElement, v = u == null ? void 0 : u.querySelector(".foisit-form-error");
+        const y = (m.el.value ?? "").toString().trim(), u = m.el.parentElement, w = u == null ? void 0 : u.querySelector(".foisit-form-error");
         if (m.required && (y == null || y === "")) {
-          f = !0, m.el.classList.add("foisit-error-border"), v && (v.textContent = "This field is required", v.style.display = "block");
+          f = !0, m.el.classList.add("foisit-error-border"), w && (w.textContent = "This field is required", w.style.display = "block");
           continue;
         }
         if (y !== "")
@@ -2095,7 +2099,7 @@ class Ut {
     this.config = e, this.isActivated = !1, this.lastProcessedInput = "", this.processingLock = !1, this.defaultIntroMessage = "How can I help you?", this.commandHandler = new Mt({
       enableSmartIntent: this.config.enableSmartIntent !== !1,
       intentEndpoint: this.config.intentEndpoint
-    }), this.fallbackHandler = new Pt(), this.voiceProcessor = new Vt(), this.textToSpeech = new He(), this.stateManager = new qt(), this.gestureHandler = new Ft(), this.overlayManager = new zt({
+    }), this.fallbackHandler = new Pt(), this.voiceProcessor = new Vt(), this.textToSpeech = new He(), this.stateManager = new zt(), this.gestureHandler = new Ft(), this.overlayManager = new Bt({
       floatingButton: this.config.floatingButton,
       inputPlaceholder: this.config.inputPlaceholder
     }), this.config.commands.forEach((n) => this.commandHandler.addCommand(n)), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse), this.gestureHandler.setupDoubleTapListener(() => this.toggle()), this.overlayManager.registerCallbacks(
@@ -2239,7 +2243,7 @@ class Ut {
     return typeof i == "string" && i.trim() ? i.trim() : null;
   }
 }
-const Bt = /* @__PURE__ */ mt({
+const Wt = /* @__PURE__ */ mt({
   name: "AssistantProvider",
   props: {
     config: {
@@ -2254,23 +2258,23 @@ const Bt = /* @__PURE__ */ mt({
       return (i = e.default) == null ? void 0 : i.call(e);
     };
   }
-}), Wt = (t, e) => {
+}), jt = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [i, s] of e)
     n[i] = s;
   return n;
 };
-function jt(t, e, n, i, s, o) {
+function Kt(t, e, n, i, s, o) {
   return gt(t.$slots, "default");
 }
-const Kt = /* @__PURE__ */ Wt(Bt, [["render", jt]]), Yt = () => {
+const Yt = /* @__PURE__ */ jt(Wt, [["render", Kt]]), Jt = () => {
   const t = ut("assistantService");
   if (!t)
     throw new Error("useAssistant must be used within an AssistantProvider");
   return t;
 };
 export {
-  Kt as AssistantProvider,
+  Yt as AssistantProvider,
   Ut as AssistantService,
-  Yt as useAssistant
+  Jt as useAssistant
 };

package/package.json

@@ -1,25 +1,35 @@
 {
   "name": "@foisit/vue-wrapper",
-  "version": "2.4.2",
-  "main": "./index.js",
+  "version": "2.4.4",
+  "main": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "import": "./index.mjs",
-      "require": "./index.js",
       "types": "./index.d.ts"
     }
   },
   "files": [
-    "index.js",
     "index.mjs",
     "index.d.ts",
     "lib",
-    "style.css",
     "README.md"
   ],
   "sideEffects": false,
-  "description": "Foisit: Speak, and its done. A voice assistant library for vue apps",
+  "description": "A powerful AI assistant library for Vue applications, providing seamless chatbot functionality and intelligent interactions for websites.",
+  "keywords": [
+    "ai-assistant",
+    "chatbot",
+    "vue",
+    "ai",
+    "assistant",
+    "accessibility",
+    "website-integration"
+  ],
+  "homepage": "https://github.com/boluwatifee4/foisit#readme",
+  "bugs": {
+    "url": "https://github.com/boluwatifee4/foisit/issues"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/boluwatifee4/foisit.git"