@namiruai/vue 1.2.0 → 1.4.0

package/README.md

@@ -1,11 +1,11 @@
-# @namiru/vue
+# @namiruai/vue
 
 Vue 3 wrapper for the [Namiru.ai](https://namiru.ai) chat widget -- add AI customer support to your Vue app.
 
 ## Installation
 
 ```bash
-npm install @namiru/vue
+npm install @namiruai/vue
 ```
 
 ## Usage
@@ -14,7 +14,7 @@ npm install @namiru/vue
 
 ```vue
 <script setup>
-import { NamiruChat } from '@namiru/vue';
+import { NamiruChat } from '@namiruai/vue';
 </script>
 
 <template>
@@ -29,7 +29,7 @@ import { NamiruChat } from '@namiru/vue';
 
 ```vue
 <script setup>
-import { NamiruChat } from '@namiru/vue';
+import { NamiruChat } from '@namiruai/vue';
 </script>
 
 <template>
@@ -51,7 +51,6 @@ import { NamiruChat } from '@namiru/vue';
 | Prop | Type | Description |
 |------|------|-------------|
 | `agent-id` | `string` | **Required.** Your Namiru agent ID. |
-| `server-url` | `string` | Custom server URL (defaults to Namiru cloud). |
 | `mode` | `'button' \| 'inline'` | Display mode. Default: `'button'`. |
 | `position` | `'bottom-left' \| 'bottom-right'` | Button position. Default: `'bottom-right'`. |
 | `width` | `string` | Width for inline mode. |

package/dist/index.d.ts

@@ -1,8 +1,25 @@
+import { type PropType } from "vue";
 export declare const NamiruChat: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     agentId: {
         type: StringConstructor;
         required: true;
     };
+    mode: {
+        type: PropType<"button" | "inline">;
+        default: undefined;
+    };
+    position: {
+        type: PropType<"bottom-right" | "bottom-left">;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("leadCapture" | "feedback" | "sessionStart" | "sessionEnd")[], "leadCapture" | "feedback" | "sessionStart" | "sessionEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -10,10 +27,31 @@ export declare const NamiruChat: import("vue").DefineComponent<import("vue").Ext
         type: StringConstructor;
         required: true;
     };
+    mode: {
+        type: PropType<"button" | "inline">;
+        default: undefined;
+    };
+    position: {
+        type: PropType<"bottom-right" | "bottom-left">;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onLeadCapture?: ((...args: any[]) => any) | undefined;
     onFeedback?: ((...args: any[]) => any) | undefined;
     onSessionStart?: ((...args: any[]) => any) | undefined;
     onSessionEnd?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    mode: "button" | "inline";
+    position: "bottom-right" | "bottom-left";
+    width: string;
+    height: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from "@namiruai/chat";

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import{defineComponent as d,ref as i,onMounted as l,onBeforeUnmount as c,watch as m,h as C}from"vue";var f=d({name:"NamiruChat",props:{agentId:{type:String,required:!0}},emits:["leadCapture","feedback","sessionStart","sessionEnd"],setup(e,{emit:t}){let o=i(null),n=i(null);async function r(){let{init:u}=await import("@namiruai/chat"),s={agentId:e.agentId,onLeadCapture:a=>t("leadCapture",a),onFeedback:a=>t("feedback",a),onSessionStart:a=>t("sessionStart",a),onSessionEnd:a=>t("sessionEnd",a)};n.value=u(s)}return l(()=>{r()}),c(()=>{n.value?.destroy(),n.value=null}),m(()=>e.agentId,()=>{n.value?.destroy(),n.value=null,r()}),()=>C("div",{ref:o})}});export{f as NamiruChat};
+import{defineComponent as h,ref as d,onMounted as l,onBeforeUnmount as s,watch as f,h as m}from"vue";var c=h({name:"NamiruChat",props:{agentId:{type:String,required:!0},mode:{type:String,default:void 0},position:{type:String,default:void 0},width:{type:String,default:void 0},height:{type:String,default:void 0}},emits:["leadCapture","feedback","sessionStart","sessionEnd"],setup(t,{emit:i}){let u=d(null),n=d(null);async function o(){let{init:a}=await import("@namiruai/chat"),r={agentId:t.agentId,...t.mode&&{mode:t.mode},...t.position&&{position:t.position},...t.width&&{width:t.width},...t.height&&{height:t.height},onLeadCapture:e=>i("leadCapture",e),onFeedback:e=>i("feedback",e),onSessionStart:e=>i("sessionStart",e),onSessionEnd:e=>i("sessionEnd",e)};n.value=a(r)}return l(()=>{o()}),s(()=>{n.value?.destroy(),n.value=null}),f(()=>t.agentId,()=>{n.value?.destroy(),n.value=null,o()}),()=>{let a=t.mode==="inline"?{width:t.width,height:t.height}:void 0;return m("div",{ref:u,style:a})}}});export{c as NamiruChat};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["import {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  h,\n} from \"vue\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n} from \"@namiruai/chat\";\n\nexport const NamiruChat = defineComponent({\n  name: \"NamiruChat\",\n  props: {\n    agentId: { type: String, required: true },\n  },\n  emits: [\"leadCapture\", \"feedback\", \"sessionStart\", \"sessionEnd\"],\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null);\n    const instance = ref<NamiruChatInstance | null>(null);\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        onLeadCapture: (lead: LeadCaptureData) => emit(\"leadCapture\", lead),\n        onFeedback: (rating: \"up\" | \"down\") => emit(\"feedback\", rating),\n        onSessionStart: (id: string) => emit(\"sessionStart\", id),\n        onSessionEnd: (id: string) => emit(\"sessionEnd\", id),\n      };\n\n      instance.value = init(config);\n    }\n\n    onMounted(() => {\n      initialize();\n    });\n\n    onBeforeUnmount(() => {\n      instance.value?.destroy();\n      instance.value = null;\n    });\n\n    // agentId change triggers full re-init\n    watch(\n      () => props.agentId,\n      () => {\n        instance.value?.destroy();\n        instance.value = null;\n        initialize();\n      }\n    );\n\n    return () => {\n      return h(\"div\", { ref: containerRef });\n    };\n  },\n});\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
-  "mappings": "AAAA,OACE,mBAAAA,EACA,OAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,KAAAC,MACK,MAOA,IAAMC,EAAaN,EAAgB,CACxC,KAAM,aACN,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,SAAU,EAAK,CAC1C,EACA,MAAO,CAAC,cAAe,WAAY,eAAgB,YAAY,EAC/D,MAAMO,EAAO,CAAE,KAAAC,CAAK,EAAG,CACrB,IAAMC,EAAeR,EAAwB,IAAI,EAC3CS,EAAWT,EAA+B,IAAI,EAEpD,eAAeU,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAExCC,EAA2B,CAC/B,QAASN,EAAM,QACf,cAAgBO,GAA0BN,EAAK,cAAeM,CAAI,EAClE,WAAaC,GAA0BP,EAAK,WAAYO,CAAM,EAC9D,eAAiBC,GAAeR,EAAK,eAAgBQ,CAAE,EACvD,aAAeA,GAAeR,EAAK,aAAcQ,CAAE,CACrD,EAEAN,EAAS,MAAQE,EAAKC,CAAM,CAC9B,CAEA,OAAAX,EAAU,IAAM,CACdS,EAAW,CACb,CAAC,EAEDR,EAAgB,IAAM,CACpBO,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,IACnB,CAAC,EAGDN,EACE,IAAMG,EAAM,QACZ,IAAM,CACJG,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,KACjBC,EAAW,CACb,CACF,EAEO,IACEN,EAAE,MAAO,CAAE,IAAKI,CAAa,CAAC,CAEzC,CACF,CAAC",
-  "names": ["defineComponent", "ref", "onMounted", "onBeforeUnmount", "watch", "h", "NamiruChat", "props", "emit", "containerRef", "instance", "initialize", "init", "config", "lead", "rating", "id"]
+  "sourcesContent": ["import {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  h,\n  type PropType,\n} from \"vue\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n} from \"@namiruai/chat\";\n\nexport const NamiruChat = defineComponent({\n  name: \"NamiruChat\",\n  props: {\n    agentId: { type: String, required: true },\n    mode: { type: String as PropType<\"button\" | \"inline\">, default: undefined },\n    position: { type: String as PropType<\"bottom-right\" | \"bottom-left\">, default: undefined },\n    width: { type: String, default: undefined },\n    height: { type: String, default: undefined },\n  },\n  emits: [\"leadCapture\", \"feedback\", \"sessionStart\", \"sessionEnd\"],\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null);\n    const instance = ref<NamiruChatInstance | null>(null);\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        ...(props.mode && { mode: props.mode }),\n        ...(props.position && { position: props.position }),\n        ...(props.width && { width: props.width }),\n        ...(props.height && { height: props.height }),\n        onLeadCapture: (lead: LeadCaptureData) => emit(\"leadCapture\", lead),\n        onFeedback: (rating: \"up\" | \"down\") => emit(\"feedback\", rating),\n        onSessionStart: (id: string) => emit(\"sessionStart\", id),\n        onSessionEnd: (id: string) => emit(\"sessionEnd\", id),\n      };\n\n      instance.value = init(config);\n    }\n\n    onMounted(() => {\n      initialize();\n    });\n\n    onBeforeUnmount(() => {\n      instance.value?.destroy();\n      instance.value = null;\n    });\n\n    // agentId change triggers full re-init\n    watch(\n      () => props.agentId,\n      () => {\n        instance.value?.destroy();\n        instance.value = null;\n        initialize();\n      }\n    );\n\n    return () => {\n      const style = props.mode === \"inline\"\n        ? { width: props.width, height: props.height }\n        : undefined;\n      return h(\"div\", { ref: containerRef, style });\n    };\n  },\n});\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
+  "mappings": "AAAA,OACE,mBAAAA,EACA,OAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,KAAAC,MAEK,MAOA,IAAMC,EAAaN,EAAgB,CACxC,KAAM,aACN,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,SAAU,EAAK,EACxC,KAAM,CAAE,KAAM,OAAyC,QAAS,MAAU,EAC1E,SAAU,CAAE,KAAM,OAAoD,QAAS,MAAU,EACzF,MAAO,CAAE,KAAM,OAAQ,QAAS,MAAU,EAC1C,OAAQ,CAAE,KAAM,OAAQ,QAAS,MAAU,CAC7C,EACA,MAAO,CAAC,cAAe,WAAY,eAAgB,YAAY,EAC/D,MAAMO,EAAO,CAAE,KAAAC,CAAK,EAAG,CACrB,IAAMC,EAAeR,EAAwB,IAAI,EAC3CS,EAAWT,EAA+B,IAAI,EAEpD,eAAeU,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAExCC,EAA2B,CAC/B,QAASN,EAAM,QACf,GAAIA,EAAM,MAAQ,CAAE,KAAMA,EAAM,IAAK,EACrC,GAAIA,EAAM,UAAY,CAAE,SAAUA,EAAM,QAAS,EACjD,GAAIA,EAAM,OAAS,CAAE,MAAOA,EAAM,KAAM,EACxC,GAAIA,EAAM,QAAU,CAAE,OAAQA,EAAM,MAAO,EAC3C,cAAgBO,GAA0BN,EAAK,cAAeM,CAAI,EAClE,WAAaC,GAA0BP,EAAK,WAAYO,CAAM,EAC9D,eAAiBC,GAAeR,EAAK,eAAgBQ,CAAE,EACvD,aAAeA,GAAeR,EAAK,aAAcQ,CAAE,CACrD,EAEAN,EAAS,MAAQE,EAAKC,CAAM,CAC9B,CAEA,OAAAX,EAAU,IAAM,CACdS,EAAW,CACb,CAAC,EAEDR,EAAgB,IAAM,CACpBO,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,IACnB,CAAC,EAGDN,EACE,IAAMG,EAAM,QACZ,IAAM,CACJG,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,KACjBC,EAAW,CACb,CACF,EAEO,IAAM,CACX,IAAMM,EAAQV,EAAM,OAAS,SACzB,CAAE,MAAOA,EAAM,MAAO,OAAQA,EAAM,MAAO,EAC3C,OACJ,OAAOF,EAAE,MAAO,CAAE,IAAKI,EAAc,MAAAQ,CAAM,CAAC,CAC9C,CACF,CACF,CAAC",
+  "names": ["defineComponent", "ref", "onMounted", "onBeforeUnmount", "watch", "h", "NamiruChat", "props", "emit", "containerRef", "instance", "initialize", "init", "config", "lead", "rating", "id", "style"]
 }

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(a,n)=>{for(var e in n)u(a,e,{get:n[e],enumerable:!0})},s=(a,n,e,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of C(n))!f.call(a,i)&&i!==e&&u(a,i,{get:()=>n[i],enumerable:!(r=m(n,i))||r.enumerable});return a};var g=(a,n,e)=>(e=a!=null?c(p(a)):{},s(n||!a||!a.__esModule?u(e,"default",{value:a,enumerable:!0}):e,a)),N=a=>s(u({},"__esModule",{value:!0}),a);var v={};h(v,{NamiruChat:()=>I});module.exports=N(v);var t=require("vue"),I=(0,t.defineComponent)({name:"NamiruChat",props:{agentId:{type:String,required:!0}},emits:["leadCapture","feedback","sessionStart","sessionEnd"],setup(a,{emit:n}){let e=(0,t.ref)(null),r=(0,t.ref)(null);async function i(){let{init:d}=await import("@namiruai/chat"),l={agentId:a.agentId,onLeadCapture:o=>n("leadCapture",o),onFeedback:o=>n("feedback",o),onSessionStart:o=>n("sessionStart",o),onSessionEnd:o=>n("sessionEnd",o)};r.value=d(l)}return(0,t.onMounted)(()=>{i()}),(0,t.onBeforeUnmount)(()=>{r.value?.destroy(),r.value=null}),(0,t.watch)(()=>a.agentId,()=>{r.value?.destroy(),r.value=null,i()}),()=>(0,t.h)("div",{ref:e})}});
+"use strict";var s=Object.create;var u=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var i in e)u(t,i,{get:e[i],enumerable:!0})},h=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(t,o)&&o!==i&&u(t,o,{get:()=>e[o],enumerable:!(a=f(e,o))||a.enumerable});return t};var y=(t,e,i)=>(i=t!=null?s(g(t)):{},h(e||!t||!t.__esModule?u(i,"default",{value:t,enumerable:!0}):i,t)),p=t=>h(u({},"__esModule",{value:!0}),t);var w={};C(w,{NamiruChat:()=>S});module.exports=p(w);var n=require("vue"),S=(0,n.defineComponent)({name:"NamiruChat",props:{agentId:{type:String,required:!0},mode:{type:String,default:void 0},position:{type:String,default:void 0},width:{type:String,default:void 0},height:{type:String,default:void 0}},emits:["leadCapture","feedback","sessionStart","sessionEnd"],setup(t,{emit:e}){let i=(0,n.ref)(null),a=(0,n.ref)(null);async function o(){let{init:r}=await import("@namiruai/chat"),l={agentId:t.agentId,...t.mode&&{mode:t.mode},...t.position&&{position:t.position},...t.width&&{width:t.width},...t.height&&{height:t.height},onLeadCapture:d=>e("leadCapture",d),onFeedback:d=>e("feedback",d),onSessionStart:d=>e("sessionStart",d),onSessionEnd:d=>e("sessionEnd",d)};a.value=r(l)}return(0,n.onMounted)(()=>{o()}),(0,n.onBeforeUnmount)(()=>{a.value?.destroy(),a.value=null}),(0,n.watch)(()=>t.agentId,()=>{a.value?.destroy(),a.value=null,o()}),()=>{let r=t.mode==="inline"?{width:t.width,height:t.height}:void 0;return(0,n.h)("div",{ref:i,style:r})}}});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["import {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  h,\n} from \"vue\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n} from \"@namiruai/chat\";\n\nexport const NamiruChat = defineComponent({\n  name: \"NamiruChat\",\n  props: {\n    agentId: { type: String, required: true },\n  },\n  emits: [\"leadCapture\", \"feedback\", \"sessionStart\", \"sessionEnd\"],\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null);\n    const instance = ref<NamiruChatInstance | null>(null);\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        onLeadCapture: (lead: LeadCaptureData) => emit(\"leadCapture\", lead),\n        onFeedback: (rating: \"up\" | \"down\") => emit(\"feedback\", rating),\n        onSessionStart: (id: string) => emit(\"sessionStart\", id),\n        onSessionEnd: (id: string) => emit(\"sessionEnd\", id),\n      };\n\n      instance.value = init(config);\n    }\n\n    onMounted(() => {\n      initialize();\n    });\n\n    onBeforeUnmount(() => {\n      instance.value?.destroy();\n      instance.value = null;\n    });\n\n    // agentId change triggers full re-init\n    watch(\n      () => props.agentId,\n      () => {\n        instance.value?.destroy();\n        instance.value = null;\n        initialize();\n      }\n    );\n\n    return () => {\n      return h(\"div\", { ref: containerRef });\n    };\n  },\n});\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAOO,eAOMF,KAAa,mBAAgB,CACxC,KAAM,aACN,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,SAAU,EAAK,CAC1C,EACA,MAAO,CAAC,cAAe,WAAY,eAAgB,YAAY,EAC/D,MAAMG,EAAO,CAAE,KAAAC,CAAK,EAAG,CACrB,IAAMC,KAAe,OAAwB,IAAI,EAC3CC,KAAW,OAA+B,IAAI,EAEpD,eAAeC,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAExCC,EAA2B,CAC/B,QAASN,EAAM,QACf,cAAgBO,GAA0BN,EAAK,cAAeM,CAAI,EAClE,WAAaC,GAA0BP,EAAK,WAAYO,CAAM,EAC9D,eAAiBC,GAAeR,EAAK,eAAgBQ,CAAE,EACvD,aAAeA,GAAeR,EAAK,aAAcQ,CAAE,CACrD,EAEAN,EAAS,MAAQE,EAAKC,CAAM,CAC9B,CAEA,sBAAU,IAAM,CACdF,EAAW,CACb,CAAC,KAED,mBAAgB,IAAM,CACpBD,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,IACnB,CAAC,KAGD,SACE,IAAMH,EAAM,QACZ,IAAM,CACJG,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,KACjBC,EAAW,CACb,CACF,EAEO,OACE,KAAE,MAAO,CAAE,IAAKF,CAAa,CAAC,CAEzC,CACF,CAAC",
-  "names": ["src_exports", "__export", "NamiruChat", "__toCommonJS", "import_vue", "props", "emit", "containerRef", "instance", "initialize", "init", "config", "lead", "rating", "id"]
+  "sourcesContent": ["import {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  h,\n  type PropType,\n} from \"vue\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n} from \"@namiruai/chat\";\n\nexport const NamiruChat = defineComponent({\n  name: \"NamiruChat\",\n  props: {\n    agentId: { type: String, required: true },\n    mode: { type: String as PropType<\"button\" | \"inline\">, default: undefined },\n    position: { type: String as PropType<\"bottom-right\" | \"bottom-left\">, default: undefined },\n    width: { type: String, default: undefined },\n    height: { type: String, default: undefined },\n  },\n  emits: [\"leadCapture\", \"feedback\", \"sessionStart\", \"sessionEnd\"],\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null);\n    const instance = ref<NamiruChatInstance | null>(null);\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        ...(props.mode && { mode: props.mode }),\n        ...(props.position && { position: props.position }),\n        ...(props.width && { width: props.width }),\n        ...(props.height && { height: props.height }),\n        onLeadCapture: (lead: LeadCaptureData) => emit(\"leadCapture\", lead),\n        onFeedback: (rating: \"up\" | \"down\") => emit(\"feedback\", rating),\n        onSessionStart: (id: string) => emit(\"sessionStart\", id),\n        onSessionEnd: (id: string) => emit(\"sessionEnd\", id),\n      };\n\n      instance.value = init(config);\n    }\n\n    onMounted(() => {\n      initialize();\n    });\n\n    onBeforeUnmount(() => {\n      instance.value?.destroy();\n      instance.value = null;\n    });\n\n    // agentId change triggers full re-init\n    watch(\n      () => props.agentId,\n      () => {\n        instance.value?.destroy();\n        instance.value = null;\n        initialize();\n      }\n    );\n\n    return () => {\n      const style = props.mode === \"inline\"\n        ? { width: props.width, height: props.height }\n        : undefined;\n      return h(\"div\", { ref: containerRef, style });\n    };\n  },\n});\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAQO,eAOMF,KAAa,mBAAgB,CACxC,KAAM,aACN,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,SAAU,EAAK,EACxC,KAAM,CAAE,KAAM,OAAyC,QAAS,MAAU,EAC1E,SAAU,CAAE,KAAM,OAAoD,QAAS,MAAU,EACzF,MAAO,CAAE,KAAM,OAAQ,QAAS,MAAU,EAC1C,OAAQ,CAAE,KAAM,OAAQ,QAAS,MAAU,CAC7C,EACA,MAAO,CAAC,cAAe,WAAY,eAAgB,YAAY,EAC/D,MAAMG,EAAO,CAAE,KAAAC,CAAK,EAAG,CACrB,IAAMC,KAAe,OAAwB,IAAI,EAC3CC,KAAW,OAA+B,IAAI,EAEpD,eAAeC,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAExCC,EAA2B,CAC/B,QAASN,EAAM,QACf,GAAIA,EAAM,MAAQ,CAAE,KAAMA,EAAM,IAAK,EACrC,GAAIA,EAAM,UAAY,CAAE,SAAUA,EAAM,QAAS,EACjD,GAAIA,EAAM,OAAS,CAAE,MAAOA,EAAM,KAAM,EACxC,GAAIA,EAAM,QAAU,CAAE,OAAQA,EAAM,MAAO,EAC3C,cAAgBO,GAA0BN,EAAK,cAAeM,CAAI,EAClE,WAAaC,GAA0BP,EAAK,WAAYO,CAAM,EAC9D,eAAiBC,GAAeR,EAAK,eAAgBQ,CAAE,EACvD,aAAeA,GAAeR,EAAK,aAAcQ,CAAE,CACrD,EAEAN,EAAS,MAAQE,EAAKC,CAAM,CAC9B,CAEA,sBAAU,IAAM,CACdF,EAAW,CACb,CAAC,KAED,mBAAgB,IAAM,CACpBD,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,IACnB,CAAC,KAGD,SACE,IAAMH,EAAM,QACZ,IAAM,CACJG,EAAS,OAAO,QAAQ,EACxBA,EAAS,MAAQ,KACjBC,EAAW,CACb,CACF,EAEO,IAAM,CACX,IAAMM,EAAQV,EAAM,OAAS,SACzB,CAAE,MAAOA,EAAM,MAAO,OAAQA,EAAM,MAAO,EAC3C,OACJ,SAAO,KAAE,MAAO,CAAE,IAAKE,EAAc,MAAAQ,CAAM,CAAC,CAC9C,CACF,CACF,CAAC",
+  "names": ["src_exports", "__export", "NamiruChat", "__toCommonJS", "import_vue", "props", "emit", "containerRef", "instance", "initialize", "init", "config", "lead", "rating", "id", "style"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namiruai/vue",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Vue wrapper for Namiru AI chat widget",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",