@namiruai/react 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Namiru.ai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# @namiru/react
+
+React wrapper for the [Namiru.ai](https://namiru.ai) chat widget -- add AI customer support to your React app.
+
+## Installation
+
+```bash
+npm install @namiru/react
+```
+
+## Usage
+
+### Floating Button (default)
+
+```tsx
+import { NamiruChat } from '@namiru/react';
+
+function App() {
+  return (
+    <NamiruChat
+      agentId="your-agent-id"
+      position="bottom-right"
+    />
+  );
+}
+```
+
+### Inline Mode
+
+```tsx
+import { NamiruChat } from '@namiru/react';
+
+function App() {
+  return (
+    <div style={{ width: '400px', height: '600px' }}>
+      <NamiruChat
+        agentId="your-agent-id"
+        mode="inline"
+        width="100%"
+        height="100%"
+      />
+    </div>
+  );
+}
+```
+
+### Props
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `agentId` | `string` | **Required.** Your Namiru agent ID. |
+| `serverUrl` | `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. |
+| `height` | `string` | Height for inline mode. |
+| `onLeadCapture` | `(lead) => void` | Callback when a lead is captured. |
+| `onSessionStart` | `(sessionId) => void` | Callback when a chat session starts. |
+
+## Documentation
+
+For full documentation, visit [namiru.ai](https://namiru.ai).
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import type { LeadCaptureData, PreChatCustomConfig } from "@namiruai/chat";
+export interface NamiruChatProps {
+    agentId: string;
+    serverUrl?: string;
+    mode?: "button" | "inline";
+    position?: "bottom-left" | "bottom-right";
+    preChatEnabled?: boolean;
+    preChatTemplate?: "ecommerce" | "saas" | "services" | "custom" | null;
+    preChatCustom?: PreChatCustomConfig;
+    greetingDelay?: number;
+    width?: string;
+    height?: string;
+    onLeadCapture?: (lead: LeadCaptureData) => void;
+    onFeedback?: (rating: "up" | "down") => void;
+    onSessionStart?: (sessionId: string) => void;
+    onSessionEnd?: (sessionId: string) => void;
+}
+export declare function NamiruChat(props: NamiruChatProps): import("react/jsx-runtime").JSX.Element;
+export type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from "@namiruai/chat";

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+import{useRef as a,useEffect as d}from"react";import{jsx as o}from"react/jsx-runtime";function m(e){let t=a(null),n=a(null),i=a(e.agentId);return d(()=>{let r=!1;async function u(){let{init:h}=await import("@namiruai/chat");if(r||!t.current)return;let C={agentId:e.agentId,serverUrl:e.serverUrl,mode:e.mode,position:e.position,container:e.mode==="inline"?t.current:void 0,preChatEnabled:e.preChatEnabled,preChatTemplate:e.preChatTemplate,preChatCustom:e.preChatCustom,greetingDelay:e.greetingDelay,width:e.width,height:e.height,onLeadCapture:e.onLeadCapture,onFeedback:e.onFeedback,onSessionStart:e.onSessionStart,onSessionEnd:e.onSessionEnd};n.current=h(C)}return u(),()=>{r=!0,n.current?.destroy(),n.current=null}},[e.agentId]),d(()=>{if(i.current!==e.agentId){i.current=e.agentId;return}n.current?.updateConfig({serverUrl:e.serverUrl,mode:e.mode,position:e.position,preChatEnabled:e.preChatEnabled,preChatTemplate:e.preChatTemplate,preChatCustom:e.preChatCustom,greetingDelay:e.greetingDelay,width:e.width,height:e.height,onLeadCapture:e.onLeadCapture,onFeedback:e.onFeedback,onSessionStart:e.onSessionStart,onSessionEnd:e.onSessionEnd})},[e.serverUrl,e.mode,e.position,e.preChatEnabled,e.preChatTemplate,e.preChatCustom,e.greetingDelay,e.width,e.height,e.onLeadCapture,e.onFeedback,e.onSessionStart,e.onSessionEnd]),e.mode==="inline"?o("div",{ref:t,style:{width:"100%",height:"100%"}}):o("div",{ref:t})}export{m as NamiruChat};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["import { useRef, useEffect } from \"react\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n  PreChatCustomConfig,\n} from \"@namiruai/chat\";\n\nexport interface NamiruChatProps {\n  agentId: string;\n  serverUrl?: string;\n  mode?: \"button\" | \"inline\";\n  position?: \"bottom-left\" | \"bottom-right\";\n  preChatEnabled?: boolean;\n  preChatTemplate?: \"ecommerce\" | \"saas\" | \"services\" | \"custom\" | null;\n  preChatCustom?: PreChatCustomConfig;\n  greetingDelay?: number;\n  width?: string;\n  height?: string;\n  onLeadCapture?: (lead: LeadCaptureData) => void;\n  onFeedback?: (rating: \"up\" | \"down\") => void;\n  onSessionStart?: (sessionId: string) => void;\n  onSessionEnd?: (sessionId: string) => void;\n}\n\nexport function NamiruChat(props: NamiruChatProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<NamiruChatInstance | null>(null);\n  const prevAgentIdRef = useRef<string>(props.agentId);\n\n  useEffect(() => {\n    let destroyed = false;\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      if (destroyed || !containerRef.current) return;\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        serverUrl: props.serverUrl,\n        mode: props.mode,\n        position: props.position,\n        container: props.mode === \"inline\" ? containerRef.current : undefined,\n        preChatEnabled: props.preChatEnabled,\n        preChatTemplate: props.preChatTemplate,\n        preChatCustom: props.preChatCustom,\n        greetingDelay: props.greetingDelay,\n        width: props.width,\n        height: props.height,\n        onLeadCapture: props.onLeadCapture,\n        onFeedback: props.onFeedback,\n        onSessionStart: props.onSessionStart,\n        onSessionEnd: props.onSessionEnd,\n      };\n\n      instanceRef.current = init(config);\n    }\n\n    initialize();\n\n    return () => {\n      destroyed = true;\n      instanceRef.current?.destroy();\n      instanceRef.current = null;\n    };\n  }, [props.agentId]);\n\n  // Update config on prop changes (except agentId which triggers re-init)\n  useEffect(() => {\n    if (prevAgentIdRef.current !== props.agentId) {\n      prevAgentIdRef.current = props.agentId;\n      return;\n    }\n\n    instanceRef.current?.updateConfig({\n      serverUrl: props.serverUrl,\n      mode: props.mode,\n      position: props.position,\n      preChatEnabled: props.preChatEnabled,\n      preChatTemplate: props.preChatTemplate,\n      preChatCustom: props.preChatCustom,\n      greetingDelay: props.greetingDelay,\n      width: props.width,\n      height: props.height,\n      onLeadCapture: props.onLeadCapture,\n      onFeedback: props.onFeedback,\n      onSessionStart: props.onSessionStart,\n      onSessionEnd: props.onSessionEnd,\n    });\n  }, [\n    props.serverUrl,\n    props.mode,\n    props.position,\n    props.preChatEnabled,\n    props.preChatTemplate,\n    props.preChatCustom,\n    props.greetingDelay,\n    props.width,\n    props.height,\n    props.onLeadCapture,\n    props.onFeedback,\n    props.onSessionStart,\n    props.onSessionEnd,\n  ]);\n\n  if (props.mode === \"inline\") {\n    return <div ref={containerRef} style={{ width: \"100%\", height: \"100%\" }} />;\n  }\n\n  return <div ref={containerRef} />;\n}\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
+  "mappings": "AAAA,OAAS,UAAAA,EAAQ,aAAAC,MAAiB,QA2GvB,cAAAC,MAAA,oBAlFJ,SAASC,EAAWC,EAAwB,CACjD,IAAMC,EAAeL,EAAuB,IAAI,EAC1CM,EAAcN,EAAkC,IAAI,EACpDO,EAAiBP,EAAeI,EAAM,OAAO,EA8EnD,OA5EAH,EAAU,IAAM,CACd,IAAIO,EAAY,GAEhB,eAAeC,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAE9C,GAAIF,GAAa,CAACH,EAAa,QAAS,OAExC,IAAMM,EAA2B,CAC/B,QAASP,EAAM,QACf,UAAWA,EAAM,UACjB,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,UAAWA,EAAM,OAAS,SAAWC,EAAa,QAAU,OAC5D,eAAgBD,EAAM,eACtB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,cAAeA,EAAM,cACrB,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,cAAeA,EAAM,cACrB,WAAYA,EAAM,WAClB,eAAgBA,EAAM,eACtB,aAAcA,EAAM,YACtB,EAEAE,EAAY,QAAUI,EAAKC,CAAM,CACnC,CAEA,OAAAF,EAAW,EAEJ,IAAM,CACXD,EAAY,GACZF,EAAY,SAAS,QAAQ,EAC7BA,EAAY,QAAU,IACxB,CACF,EAAG,CAACF,EAAM,OAAO,CAAC,EAGlBH,EAAU,IAAM,CACd,GAAIM,EAAe,UAAYH,EAAM,QAAS,CAC5CG,EAAe,QAAUH,EAAM,QAC/B,MACF,CAEAE,EAAY,SAAS,aAAa,CAChC,UAAWF,EAAM,UACjB,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,eAAgBA,EAAM,eACtB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,cAAeA,EAAM,cACrB,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,cAAeA,EAAM,cACrB,WAAYA,EAAM,WAClB,eAAgBA,EAAM,eACtB,aAAcA,EAAM,YACtB,CAAC,CACH,EAAG,CACDA,EAAM,UACNA,EAAM,KACNA,EAAM,SACNA,EAAM,eACNA,EAAM,gBACNA,EAAM,cACNA,EAAM,cACNA,EAAM,MACNA,EAAM,OACNA,EAAM,cACNA,EAAM,WACNA,EAAM,eACNA,EAAM,YACR,CAAC,EAEGA,EAAM,OAAS,SACVF,EAAC,OAAI,IAAKG,EAAc,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAAG,EAGpEH,EAAC,OAAI,IAAKG,EAAc,CACjC",
+  "names": ["useRef", "useEffect", "jsx", "NamiruChat", "props", "containerRef", "instanceRef", "prevAgentIdRef", "destroyed", "initialize", "init", "config"]
+}

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var m=Object.create;var d=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var n in t)d(e,n,{get:t[n],enumerable:!0})},u=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of c(t))!f.call(e,a)&&a!==n&&d(e,a,{get:()=>t[a],enumerable:!(r=g(t,a))||r.enumerable});return e};var b=(e,t,n)=>(n=e!=null?m(s(e)):{},u(t||!e||!e.__esModule?d(n,"default",{value:e,enumerable:!0}):n,e)),v=e=>u(d({},"__esModule",{value:!0}),e);var I={};S(I,{NamiruChat:()=>E});module.exports=v(I);var i=require("react"),o=require("react/jsx-runtime");function E(e){let t=(0,i.useRef)(null),n=(0,i.useRef)(null),r=(0,i.useRef)(e.agentId);return(0,i.useEffect)(()=>{let a=!1;async function h(){let{init:C}=await import("@namiruai/chat");if(a||!t.current)return;let l={agentId:e.agentId,serverUrl:e.serverUrl,mode:e.mode,position:e.position,container:e.mode==="inline"?t.current:void 0,preChatEnabled:e.preChatEnabled,preChatTemplate:e.preChatTemplate,preChatCustom:e.preChatCustom,greetingDelay:e.greetingDelay,width:e.width,height:e.height,onLeadCapture:e.onLeadCapture,onFeedback:e.onFeedback,onSessionStart:e.onSessionStart,onSessionEnd:e.onSessionEnd};n.current=C(l)}return h(),()=>{a=!0,n.current?.destroy(),n.current=null}},[e.agentId]),(0,i.useEffect)(()=>{if(r.current!==e.agentId){r.current=e.agentId;return}n.current?.updateConfig({serverUrl:e.serverUrl,mode:e.mode,position:e.position,preChatEnabled:e.preChatEnabled,preChatTemplate:e.preChatTemplate,preChatCustom:e.preChatCustom,greetingDelay:e.greetingDelay,width:e.width,height:e.height,onLeadCapture:e.onLeadCapture,onFeedback:e.onFeedback,onSessionStart:e.onSessionStart,onSessionEnd:e.onSessionEnd})},[e.serverUrl,e.mode,e.position,e.preChatEnabled,e.preChatTemplate,e.preChatCustom,e.greetingDelay,e.width,e.height,e.onLeadCapture,e.onFeedback,e.onSessionStart,e.onSessionEnd]),e.mode==="inline"?(0,o.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}}):(0,o.jsx)("div",{ref:t})}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["import { useRef, useEffect } from \"react\";\nimport type {\n  NamiruChatConfig,\n  NamiruChatInstance,\n  LeadCaptureData,\n  PreChatCustomConfig,\n} from \"@namiruai/chat\";\n\nexport interface NamiruChatProps {\n  agentId: string;\n  serverUrl?: string;\n  mode?: \"button\" | \"inline\";\n  position?: \"bottom-left\" | \"bottom-right\";\n  preChatEnabled?: boolean;\n  preChatTemplate?: \"ecommerce\" | \"saas\" | \"services\" | \"custom\" | null;\n  preChatCustom?: PreChatCustomConfig;\n  greetingDelay?: number;\n  width?: string;\n  height?: string;\n  onLeadCapture?: (lead: LeadCaptureData) => void;\n  onFeedback?: (rating: \"up\" | \"down\") => void;\n  onSessionStart?: (sessionId: string) => void;\n  onSessionEnd?: (sessionId: string) => void;\n}\n\nexport function NamiruChat(props: NamiruChatProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<NamiruChatInstance | null>(null);\n  const prevAgentIdRef = useRef<string>(props.agentId);\n\n  useEffect(() => {\n    let destroyed = false;\n\n    async function initialize() {\n      const { init } = await import(\"@namiruai/chat\");\n\n      if (destroyed || !containerRef.current) return;\n\n      const config: NamiruChatConfig = {\n        agentId: props.agentId,\n        serverUrl: props.serverUrl,\n        mode: props.mode,\n        position: props.position,\n        container: props.mode === \"inline\" ? containerRef.current : undefined,\n        preChatEnabled: props.preChatEnabled,\n        preChatTemplate: props.preChatTemplate,\n        preChatCustom: props.preChatCustom,\n        greetingDelay: props.greetingDelay,\n        width: props.width,\n        height: props.height,\n        onLeadCapture: props.onLeadCapture,\n        onFeedback: props.onFeedback,\n        onSessionStart: props.onSessionStart,\n        onSessionEnd: props.onSessionEnd,\n      };\n\n      instanceRef.current = init(config);\n    }\n\n    initialize();\n\n    return () => {\n      destroyed = true;\n      instanceRef.current?.destroy();\n      instanceRef.current = null;\n    };\n  }, [props.agentId]);\n\n  // Update config on prop changes (except agentId which triggers re-init)\n  useEffect(() => {\n    if (prevAgentIdRef.current !== props.agentId) {\n      prevAgentIdRef.current = props.agentId;\n      return;\n    }\n\n    instanceRef.current?.updateConfig({\n      serverUrl: props.serverUrl,\n      mode: props.mode,\n      position: props.position,\n      preChatEnabled: props.preChatEnabled,\n      preChatTemplate: props.preChatTemplate,\n      preChatCustom: props.preChatCustom,\n      greetingDelay: props.greetingDelay,\n      width: props.width,\n      height: props.height,\n      onLeadCapture: props.onLeadCapture,\n      onFeedback: props.onFeedback,\n      onSessionStart: props.onSessionStart,\n      onSessionEnd: props.onSessionEnd,\n    });\n  }, [\n    props.serverUrl,\n    props.mode,\n    props.position,\n    props.preChatEnabled,\n    props.preChatTemplate,\n    props.preChatCustom,\n    props.greetingDelay,\n    props.width,\n    props.height,\n    props.onLeadCapture,\n    props.onFeedback,\n    props.onSessionStart,\n    props.onSessionEnd,\n  ]);\n\n  if (props.mode === \"inline\") {\n    return <div ref={containerRef} style={{ width: \"100%\", height: \"100%\" }} />;\n  }\n\n  return <div ref={containerRef} />;\n}\n\nexport type { NamiruChatConfig, NamiruChatInstance, LeadCaptureData } from \"@namiruai/chat\";\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkC,iBA2GvBC,EAAA,6BAlFJ,SAASH,EAAWI,EAAwB,CACjD,IAAMC,KAAe,UAAuB,IAAI,EAC1CC,KAAc,UAAkC,IAAI,EACpDC,KAAiB,UAAeH,EAAM,OAAO,EA8EnD,SA5EA,aAAU,IAAM,CACd,IAAII,EAAY,GAEhB,eAAeC,GAAa,CAC1B,GAAM,CAAE,KAAAC,CAAK,EAAI,KAAM,QAAO,gBAAgB,EAE9C,GAAIF,GAAa,CAACH,EAAa,QAAS,OAExC,IAAMM,EAA2B,CAC/B,QAASP,EAAM,QACf,UAAWA,EAAM,UACjB,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,UAAWA,EAAM,OAAS,SAAWC,EAAa,QAAU,OAC5D,eAAgBD,EAAM,eACtB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,cAAeA,EAAM,cACrB,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,cAAeA,EAAM,cACrB,WAAYA,EAAM,WAClB,eAAgBA,EAAM,eACtB,aAAcA,EAAM,YACtB,EAEAE,EAAY,QAAUI,EAAKC,CAAM,CACnC,CAEA,OAAAF,EAAW,EAEJ,IAAM,CACXD,EAAY,GACZF,EAAY,SAAS,QAAQ,EAC7BA,EAAY,QAAU,IACxB,CACF,EAAG,CAACF,EAAM,OAAO,CAAC,KAGlB,aAAU,IAAM,CACd,GAAIG,EAAe,UAAYH,EAAM,QAAS,CAC5CG,EAAe,QAAUH,EAAM,QAC/B,MACF,CAEAE,EAAY,SAAS,aAAa,CAChC,UAAWF,EAAM,UACjB,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,eAAgBA,EAAM,eACtB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,cAAeA,EAAM,cACrB,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,cAAeA,EAAM,cACrB,WAAYA,EAAM,WAClB,eAAgBA,EAAM,eACtB,aAAcA,EAAM,YACtB,CAAC,CACH,EAAG,CACDA,EAAM,UACNA,EAAM,KACNA,EAAM,SACNA,EAAM,eACNA,EAAM,gBACNA,EAAM,cACNA,EAAM,cACNA,EAAM,MACNA,EAAM,OACNA,EAAM,cACNA,EAAM,WACNA,EAAM,eACNA,EAAM,YACR,CAAC,EAEGA,EAAM,OAAS,YACV,OAAC,OAAI,IAAKC,EAAc,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAAG,KAGpE,OAAC,OAAI,IAAKA,EAAc,CACjC",
+  "names": ["src_exports", "__export", "NamiruChat", "__toCommonJS", "import_react", "import_jsx_runtime", "props", "containerRef", "instanceRef", "prevAgentIdRef", "destroyed", "initialize", "init", "config"]
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@namiruai/react",
+  "version": "1.0.0",
+  "description": "React wrapper for Namiru AI chat widget",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": ["dist", "LICENSE", "README.md"],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "Namiru <hello@namiru.ai>",
+  "homepage": "https://namiru.ai",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/namiru-ai/namiru"
+  },
+  "keywords": ["react", "chat", "widget", "ai", "customer-support", "chatbot", "namiru"],
+  "scripts": {
+    "build": "node build.js",
+    "dev": "node build.js --watch"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "@namiruai/chat": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "esbuild": "^0.20.0",
+    "react": "^18.2.0",
+    "typescript": "^5.3.0"
+  }
+}