@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.8

package/dist/cjs/components/bik-chatbot/components/AIChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=({className:r,style:n,header:l,showHeader:d=!0,placeholder:o="Ask me anything...",suggestions:c=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:h=!1,isThinking:u=!1,height:g,iceBreakers:m,videoStarter:x,onMessageSent:v,onIceBreakerClick:j,chatState:p,chatWindowHeight:f,inputDisabled:y=!1})=>{const{isReady:k,isLoading:b,messages:A,sendMessage:C,error:w,system:I,isApiCallInProgress:N}=t.useAIContext(),S=l||(null==I?void 0:I.name)||"AI Assistant";return w?s.jsx("div",{className:`flex items-center justify-center p-6 ${r}`,style:n,children:s.jsxs("div",{className:"text-red-500 text-center",children:[s.jsx("div",{className:"text-lg font-semibold mb-2",children:"Error"}),s.jsx("div",{className:"text-sm",children:w})]})}):k?s.jsx("div",{className:r,style:Object.assign(Object.assign({},n),{height:g||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s.jsx(a.default,{messages:A,onSend:s=>e.__awaiter(void 0,void 0,void 0,function*(){null==v||v(s),yield C(s)}),header:d?S:void 0,placeholder:o,suggestions:c,iceBreakers:m,videoStarter:x,disabled:h||b,isThinking:u||N,onIceBreakerClick:j,chatState:p,chatWindowHeight:f||"100%",inputDisabled:y})}):s.jsx(i.default,{className:r,style:n})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=r=>{let{className:n,style:l,header:d,showHeader:c=!0,placeholder:o="Ask me anything...",suggestions:g=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:h=!1,isThinking:u=!1,height:j,iceBreakers:m,videoStarter:x,onMessageSent:v,onIceBreakerClick:b,chatState:p,chatWindowHeight:f,inputDisabled:y=!1}=r;const{isReady:k,isLoading:A,messages:C,sendMessage:O,error:w,system:I,isApiCallInProgress:N}=t.useAIContext(),S=d||(null==I?void 0:I.name)||"AI Assistant";return w?s.jsx("div",Object.assign({className:`flex items-center justify-center p-6 ${n}`,style:l},{children:s.jsxs("div",Object.assign({className:"text-red-500 text-center"},{children:[s.jsx("div",Object.assign({className:"text-lg font-semibold mb-2"},{children:"Error"})),s.jsx("div",Object.assign({className:"text-sm"},{children:w}))]}))})):k?s.jsx("div",Object.assign({className:n,style:Object.assign(Object.assign({},l),{height:j||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0})},{children:s.jsx(a.default,{messages:C,onSend:s=>e.__awaiter(void 0,void 0,void 0,(function*(){null==v||v(s),yield O(s)})),header:c?S:void 0,placeholder:o,suggestions:g,iceBreakers:m,videoStarter:x,disabled:h||A,isThinking:u||N,onIceBreakerClick:b,chatState:p,chatWindowHeight:f||"100%",inputDisabled:y})})):s.jsx(i.default,{className:n,style:l})};

package/dist/cjs/components/bik-chatbot/components/BIKChatbot.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties, FC } from 'react';
+import { BIKChatbotProps, SystemConfig } from '../types';
+/**
+ * BIKChatbot - Generic AI chatbot component
+ *
+ * This component provides a flexible, generic chatbot interface that can be configured
+ * for any use case through custom prompts, functions, and response handling.
+ *
+ * Usage Examples:
+ *
+ * // Simple text chatbot
+ * <BIKChatbot
+ *   systemPrompt="You are a helpful assistant"
+ *   responseFormat="text"
+ *   onMessageReceived={(text) => handleText(text)}
+ * />
+ *
+ */
+/**
+ * @prop chatWindowHeight - The height (px or string) for internal chat window/messages area. Default 400px.
+ * @prop fullHeight - If true, makes the chatbot extend to full height (100% height)
+ * @prop width - Width of the chatbot container (default: undefined, will use maxWidth constraint)
+ * @prop maxWidth - Maximum width constraint (default: 480px, only applies if width is not set)
+ * @prop onSystemReady - Callback fired when system is initialized, receives SystemConfig with name, id, model, etc.
+ */
+export interface BIKChatbotWithStyleProps extends BIKChatbotProps {
+    width?: string | number;
+    maxWidth?: string | number;
+    fullHeight?: boolean;
+    style?: CSSProperties;
+    chatWindowHeight?: string | number;
+    tools?: string[];
+    onSystemReady?: (system: SystemConfig) => void;
+}
+export declare const BIKChatbot: FC<BIKChatbotWithStyleProps>;
+export default BIKChatbot;

package/dist/cjs/components/bik-chatbot/components/BIKChatbot.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),s=require("./AIChat.js");const o=({systemPrompt:o,systemId:r,functions:a,functionHandler:i,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,model:h,conversationId:m,className:u,height:p,showHeader:x=!0,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:g,onIceBreakerClick:v,chatState:S,inputDisabled:b,requestExecutor:k,baseUrl:j,endpointPath:w,responseFormat:C,responseSchema:H,width:P,maxWidth:q,fullHeight:E,style:M,chatWindowHeight:B,tools:A,onSystemReady:R})=>{if(!o)throw new Error("systemPrompt is required for generic mode.");const T=Object.assign({width:P||void 0,maxWidth:P?void 0:q||480,height:E?"100%":p||(null==M?void 0:M.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},M);return e.jsx("div",{className:u,style:T,children:e.jsx(t.AIProvider,{systemPrompt:o,systemId:r,functions:a,functionHandler:i,responseFormat:C,responseSchema:H,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,customModel:h,conversationId:m,requestExecutor:k,baseUrl:j,endpointPath:w,tools:A,onSystemReady:R,children:e.jsx(s.AIChat,{height:E?"100%":p,chatWindowHeight:B,showHeader:x,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:g,onIceBreakerClick:v,chatState:S,inputDisabled:b})})})};exports.BIKChatbot=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),s=require("./AIChat.js");const o=o=>{let{systemPrompt:r,systemId:a,functions:i,functionHandler:n,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,model:m,conversationId:u,className:p,height:x,showHeader:g=!0,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:S,requestExecutor:k,baseUrl:w,endpointPath:C,responseFormat:H,responseSchema:P,width:q,maxWidth:E,fullHeight:M,style:B,chatWindowHeight:A,tools:O,onSystemReady:R}=o;if(!r)throw new Error("systemPrompt is required for generic mode.");const T=Object.assign({width:q||void 0,maxWidth:q?void 0:E||480,height:M?"100%":x||(null==B?void 0:B.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},B);return e.jsx("div",Object.assign({className:p,style:T},{children:e.jsx(t.AIProvider,Object.assign({systemPrompt:r,systemId:a,functions:i,functionHandler:n,responseFormat:H,responseSchema:P,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,customModel:m,conversationId:u,requestExecutor:k,baseUrl:w,endpointPath:C,tools:O,onSystemReady:R},{children:e.jsx(s.AIChat,{height:M?"100%":x,chatWindowHeight:A,showHeader:g,placeholder:y,iceBreakers:I,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:S})}))}))};exports.BIKChatbot=o,exports.default=o;

package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ChatLoadingStateProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ChatLoadingState: React.FC<ChatLoadingStateProps>;
+export default ChatLoadingState;

package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.js

@@ -174,4 +174,4 @@
 	animation: ${g} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`;exports.default=({className:t,style:i})=>{const[r,o]=a.useState(0);return a.useEffect(()=>{const e=window.setInterval(()=>{o(e=>(e+1)%n.length)},2e3);return()=>window.clearInterval(e)},[]),e.jsx(p,{className:t,style:i,children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[r]},r),e.jsx(u,{children:[0,1,2].map(a=>e.jsx(b,{delay:.22*a},a))}),e.jsx(y,{children:s.map((a,t)=>e.jsxs(h,{delay:.4+.2*t,children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]},a.text))})]})})};
+`;exports.default=t=>{let{className:i,style:r}=t;const[o,d]=a.useState(0);return a.useEffect((()=>{const e=window.setInterval((()=>{d((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(p,Object.assign({className:i,style:r},{children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[o]},o),e.jsx(u,{children:[0,1,2].map((a=>e.jsx(b,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(h,Object.assign({delay:.4+.2*t},{children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]}),a.text)))})]})}))};

package/dist/cjs/components/bik-chatbot/components/ChatWindow.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ChatWindowProps } from '../types';
+export declare const CustomGradientText: import("styled-components").StyledComponent<"span", any, {
+    colors?: string | undefined;
+    angle?: number | undefined;
+}, never>;
+export type { ChatState } from '../types';
+interface ChatWindowWithHeightProps extends ChatWindowProps {
+    chatWindowHeight?: string | number;
+}
+declare const ChatWindow: React.FC<ChatWindowWithHeightProps>;
+export default ChatWindow;

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js

@@ -61,13 +61,13 @@
 	&::-webkit-scrollbar-thumb:hover {
 		background: #a8a8a8;
 	}
-`,p=l.default.div`
+`,g=l.default.div`
 	background: white;
 	border-radius: 12px;
 	padding: 16px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	border: 1px solid #e5e7eb;
-`,g=l.default.div`
+`,p=l.default.div`
 	width: 100%;
 	height: 180px;
 	background: #f3f4f6;
@@ -77,7 +77,7 @@
 	justify-content: center;
 	position: relative;
 	margin-bottom: 12px;
-`,u=l.default.div`
+`,b=l.default.div`
 	width: 48px;
 	height: 48px;
 	background: rgba(0, 0, 0, 0.7);
@@ -99,7 +99,7 @@
 		fill: white;
 		margin-left: 2px;
 	}
-`,b=l.default.div`
+`,u=l.default.div`
 	font-size: 14px;
 	color: #374151;
 	line-height: 1.5;
@@ -242,7 +242,7 @@
 		fill: white;
 		font-weight: bold;
 	}
-`,C=l.default.span`
+`,O=l.default.span`
 	background: linear-gradient(
 		${e=>e.angle||92.69}deg,
 		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
@@ -251,4 +251,4 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`;exports.CustomGradientText=C,exports.default=({messages:r,onSend:o,header:l="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1})=>{const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),O=i.useRef(null),V=K||_,J=M||H,Q=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===r.length?"conversation-starter":r.length>0?"conversation":"default"),U=()=>{!W.trim()||J||V||(o(W),E(""),P(!0),setTimeout(()=>P(!1),1500))},X=W.trim().length>0,Y=J||V||!X;i.useEffect(()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[r,K,_]);const Z=L||"100%";return e.jsxs(s,{chatState:Q,style:{height:Z},children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",{className:"header-text",children:l})]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===Q&&A&&e.jsxs(p,{children:[e.jsx(g,{children:e.jsx(u,{onClick:A.onPlay,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M8 5v14l11-7z"})})})}),e.jsxs(b,{children:[e.jsx(n.BodySecondary,{style:{fontWeight:500,marginBottom:"4px"},children:A.title}),e.jsx(n.BodyCaption,{children:A.description})]})]}),r.map(t=>e.jsx(f,{role:t.role,children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",{style:{whiteSpace:"pre-wrap"},children:t.content})},t.id)),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===Q&&e.jsx(k,{children:e.jsx(v,{children:q.map(t=>e.jsx(m,{disabled:J,onClick:()=>{J||(null==I||I(t),o(t.text))},children:e.jsx(C,{children:t.text})},t.id))})}),!q&&B.length>0&&"default"===Q&&e.jsx(w,{children:e.jsx(j,{children:B.map(t=>e.jsx(y,{disabled:J,onClick:()=>!J&&o(t),children:t},t))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:O,value:W,onChange:e=>{if(J)return;const t=e.target.value;E(t),G(t.trim().length>0);const i=O.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:z,onKeyDown:e=>{J||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!V&&W.trim()&&U())},disabled:J,hasText:X,chatState:Q}),e.jsx($,{onClick:U,disabled:Y,hasText:X,"aria-label":"Send",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};
+`;exports.CustomGradientText=O,exports.default=r=>{let{messages:o,onSend:l,header:C="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1}=r;const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),V=i.useRef(null),J=K||_,Q=M||H,U=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!W.trim()||Q||J||(l(W),E(""),P(!0),setTimeout((()=>P(!1)),1500))},Y=W.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,K,_]);const ee=L||"100%";return e.jsxs(s,Object.assign({chatState:U,style:{height:ee}},{children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:C}))]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===U&&A&&e.jsxs(g,{children:[e.jsx(p,{children:e.jsx(b,Object.assign({onClick:A.onPlay},{children:e.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxs(u,{children:[e.jsx(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:A.title})),e.jsx(n.BodyCaption,{children:A.description})]})]}),o.map((t=>e.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===U&&e.jsx(k,{children:e.jsx(v,{children:q.map((t=>e.jsx(m,Object.assign({disabled:Q,onClick:()=>{Q||(null==I||I(t),l(t.text))}},{children:e.jsx(O,{children:t.text})}),t.id)))})}),!q&&B.length>0&&"default"===U&&e.jsx(w,{children:e.jsx(j,{children:B.map((t=>e.jsx(y,Object.assign({disabled:Q,onClick:()=>!Q&&l(t)},{children:t}),t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:V,value:W,onChange:e=>{if(Q)return;const t=e.target.value;E(t),G(t.trim().length>0);const i=V.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:z,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&W.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsx($,Object.assign({onClick:X,disabled:Z,hasText:Y,"aria-label":"Send"},{children:e.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ThinkingIndicator: React.FC;
+export default ThinkingIndicator;

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js

@@ -144,4 +144,4 @@
 			transform: translateY(0);
 		}
 	}
-`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect(()=>{const e=window.setInterval(()=>{s(e=>(e+1)%l.length)},1800);return()=>window.clearInterval(e)},[]);const i=l[a];return e.jsxs(o,{role:"status","aria-live":"polite",children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",{className:"bubble-content",children:[e.jsx("div",{className:"status-text",children:i.text}),e.jsx("div",{className:"dots",children:[0,1,2,3,4].map(t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t))}),e.jsx("div",{className:"shimmer-group",children:[70,85,50].map((t,a)=>e.jsx("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"},children:e.jsx("span",{className:"shimmer-highlight"})},t))})]})]})};
+`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{s((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[a];return e.jsxs(o,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsx("div",Object.assign({className:"status-text"},{children:i.text})),e.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,a)=>e.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"}},{children:e.jsx("span",{className:"shimmer-highlight"})}),t)))}))]}))]}))};

package/dist/cjs/components/bik-chatbot/contexts/AIContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AIContextState, AIProviderProps } from '../types';
+export declare const AIProvider: React.FC<AIProviderProps>;
+export declare const useAIContext: () => AIContextState;

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=({children:a,systemPrompt:u,systemId:l,functions:d,tools:c,functionHandler:m,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:A,requestExecutor:E,baseUrl:I,endpointPath:g,responseFormat:x,conversationId:y="default-session",customModel:h,onSystemReady:C})=>{const[L,q]=t.useState(null),[P,M]=t.useState(!0),[_,b]=t.useState(null),w=t.useRef(null);t.useEffect(()=>u?E&&I?void b(null):(b("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void M(!1)):(b("systemPrompt is required for generic mode"),void M(!1)),[u,E,I]);const j=t.useCallback(()=>e.__awaiter(void 0,void 0,void 0,function*(){try{M(!0),b(null);const e=h||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${h||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);q({id:l||"generic",name:l?`${l} `:"Generic AI Assistant",model:e,systemPrompt:u,functions:d,tools:c})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";b(s)}finally{M(!1)}}),[h,u,l,d]);t.useEffect(()=>{u&&j()},[j]),t.useEffect(()=>{L&&C&&L.id!==w.current&&(w.current=L.id,C(L)),L||(w.current=null)},[L]);const{messages:D,conversation:O,sendMessage:R,isApiCallInProgress:T}=r.useAIChat({system:L||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:y,skipInitialization:!L,customFunctions:d,functionHandler:m,responseFormat:x,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:A,apiAdapter:E&&I?o.createExecutorApiAdapter(E,I,g||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),U={isReady:!!L&&!P,isLoading:P,isApiCallInProgress:T,system:L,messages:D,conversation:O,sendMessage:R,error:_};return s.jsx(i.Provider,{value:U,children:a})},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=a=>{let{children:u,systemPrompt:l,systemId:d,functions:c,tools:m,functionHandler:p,onMessageReceived:v,displayInUI:f,maxToolCalls:A,maxTokens:g,requestExecutor:E,baseUrl:I,endpointPath:x,responseFormat:y,conversationId:h="default-session",customModel:C,onSystemReady:L}=a;const[q,P]=t.useState(null),[b,M]=t.useState(!0),[_,j]=t.useState(null),w=t.useRef(null);t.useEffect((()=>l?E&&I?void j(null):(j("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void M(!1)):(j("systemPrompt is required for generic mode"),void M(!1))),[l,E,I]);const D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M(!0),j(null);const e=C||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${C||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);P({id:d||"generic",name:d?`${d} `:"Generic AI Assistant",model:e,systemPrompt:l,functions:c,tools:m})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";j(s)}finally{M(!1)}}))),[C,l,d,c]);t.useEffect((()=>{l&&D()}),[D]),t.useEffect((()=>{q&&L&&q.id!==w.current&&(w.current=q.id,L(q)),q||(w.current=null)}),[q]);const{messages:O,conversation:R,sendMessage:T,isApiCallInProgress:U}=r.useAIChat({system:q||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:h,skipInitialization:!q,customFunctions:c,functionHandler:p,responseFormat:y,onMessageReceived:v,displayInUI:f,maxToolCalls:A,maxTokens:g,apiAdapter:E&&I?o.createExecutorApiAdapter(E,I,x||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),F={isReady:!!q&&!b,isLoading:b,isApiCallInProgress:U,system:q,messages:O,conversation:R,sendMessage:T,error:_};return s.jsx(i.Provider,Object.assign({value:F},{children:u}))},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};

package/dist/cjs/components/bik-chatbot/index.d.ts

@@ -0,0 +1,137 @@
+export { BIKChatbot, default as default } from './components/BIKChatbot';
+export { AIChat } from './components/AIChat';
+export { AIProvider, useAIContext } from './contexts/AIContext';
+export { useAIChat } from './services/useAIChat';
+export type { ChatMessage, ChatState, IceBreaker, VideoStarter, SessionRecord, FunctionDefinition, ToolCall, GenericAIResponse, CallbackPayload, SystemConfig, PromptConfig, ToolPrompt, ApiRequestExecutor, GenericChatbotProps, BIKChatbotProps, AIChatProps, ChatWindowProps, AIProviderProps, AIContextState, UseAIChatProps, AIServiceConstructorProps, ErrorWithMessage, } from './types';
+export { createSessionRecord, DEFAULT_RESPONSE_FORMAT, DEFAULT_MAX_TOOL_CALLS, DEFAULT_CONVERSATION_ID, CHAT_MESSAGE_ROLES, RESPONSE_FORMATS, } from './types';
+/**
+ * BIKChatbot - Generic AI Chatbot Component
+ *
+ * This component provides a flexible, generic chatbot interface that can be configured
+ * for any use case through custom prompts, functions, and response handling.
+ *
+ * ## Generic Mode (Custom Functions & Built-in Tools)
+ *
+ * ### Simple Text Chatbot (responseFormat: 'text')
+ *
+ * ```typescript
+ * <BIKChatbot
+ *   systemPrompt="You are a helpful assistant"
+ *   responseFormat="text"
+ *   requestExecutor={myRequestExecutor}
+ *   baseUrl={myBaseUrl}
+ *   onMessageReceived={(text) => handleText(text)}
+ * />
+ * ```
+ *
+ * ### Analytics Advisor with Functions (and built-in tools)
+ *
+ * ```typescript
+ * <BIKChatbot
+ *   systemPrompt="You analyze delivery metrics and suggest improvements. Call getAnalytics() to fetch data, then summarize for the user."
+ *   responseFormat="json"
+ *   tools={["web_search_preview"]}
+ *   requestExecutor={myRequestExecutor}
+ *   baseUrl={myBaseUrl}
+ *   functions={[
+ *     {
+ *       name: "getAnalytics",
+ *       description: "Fetch delivery rate and engagement metrics",
+ *       parameters: { type: "object", properties: {}, required: [] }
+ *     }
+ *   ]}
+ *   functionHandler={async (name, args) => {
+ *     if (name === "getAnalytics") {
+ *       return { deliveryRate: 0.75, engagementRate: 0.12 };
+ *     }
+ *   }}
+ *   onMessageReceived={(payload) => {
+ *     // In json mode, payload is parsed JSON when AI returns JSON text
+ *     // Or TOOL_CALL/TOOL_RESULT when tools are used
+ *   }}
+ * />
+ * ```
+ *
+ * ### Content Idea Generator (Multi-step Tool Calls)
+ *
+ * ```typescript
+ * <BIKChatbot
+ *   systemPrompt="Call getTrends() to fetch social media trends. Generate 5 content ideas. Call updateIdeas() to save them. Then summarize for the user."
+ *   responseFormat="json"
+ *   functions={[
+ *     { name: "getTrends", description: "Get latest social media trends", parameters: { type: "object", properties: {}, required: [] } },
+ *     { name: "updateIdeas", description: "Save content ideas", parameters: { type: "object", properties: { ideas: { type: "array", items: { type: "string" } } }, required: ["ideas"] } }
+ *   ]}
+ *   functionHandler={async (name, args) => {
+ *     if (name === "getTrends") return "AI, short-form video, nostalgia marketing";
+ *     if (name === "updateIdeas") { saveToDatabase(args.ideas); return { success: true }; }
+ *   }}
+ *   onMessageReceived={(payload) => {
+ *     // Handle TOOL_CALL/TOOL_RESULT events or parsed JSON, depending on flow
+ *   }}
+ * />
+ * ```
+ *
+ * ### Silent Background Generation
+ *
+ * ```typescript
+ * <BIKChatbot
+ *   systemPrompt="Generate email templates for the campaign"
+ *   responseFormat="json"
+ *   displayInUI={false}  // Silent mode - no chat bubbles
+ *   onMessageReceived={(payload) => {
+ *     // Receives data (parsed JSON or tool events) without UI display
+ *   }}
+ * />
+ * ```
+ *
+ * ### Built-in Tools & Campaign Flow (Optional)
+ *
+ * ```typescript
+ * <BIKChatbot
+ *   systemPrompt={campaignSystemPrompt}
+ *   tools={["web_search_preview"]}
+ *   requestExecutor={myRequestExecutor}
+ *   baseUrl={myBaseUrl}
+ *   functions={[submitCampaignsFunction]}
+ *   functionHandler={async (name, args) => name === 'submitCampaigns' ? 'submitted' : 'ok'}
+ *   onMessageReceived={(event) => {
+ *     if (event && typeof event === 'object' && 'type' in event && (event as any).type === 'TOOL_CALL') {
+ *       const d = (event as any).data;
+ *       if (d?.name === 'submitCampaigns' && Array.isArray(d?.args?.campaigns)) {
+ *         setCampaigns(d.args.campaigns);
+ *       }
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * ## Universal Pattern for ANY Use Case
+ *
+ * 1. Define your custom functions (tools AI can call) and built-in tools (e.g., web_search_preview)
+ * 2. Set `responseFormat`:
+ *    - 'text' for normal chat
+ *    - 'json' to parse assistant JSON and show parsed.response
+ * 3. Implement `functionHandler` for your tools
+ * 4. Handle final output in `onMessageReceived`:
+ *    - text string (when responseFormat='text')
+ *    - parsed JSON object (when responseFormat='json')
+ *    - TOOL_CALL / TOOL_RESULT events (when tools are used)
+ *
+ * **The Universal Flow:**
+ * ```
+ * User input → AI thinking
+ *   ↓
+ * AI calls custom function (getTrends, getAnalytics, etc.)
+ *   ↓
+ * Your functionHandler executes it
+ *   ↓
+ * Result returned to AI
+ *   ↓
+ * AI calls another function (optional, repeat) or returns final reply
+ *   ↓
+ * Component displays response in chat bubble (or stays silent if displayInUI=false)
+ *   ↓
+ * onMessageReceived receives text, parsed JSON, or tool events
+ * ```
+ */

package/dist/cjs/components/bik-chatbot/services/aiService.d.ts

@@ -0,0 +1,30 @@
+import { AIServiceConstructorProps, ChatMessage, FunctionDefinition, SystemConfig } from '../types';
+import { APIAdapter } from '../types/ai';
+import type { ResponseFormat } from '../types/ai';
+export declare class AIService {
+    system: SystemConfig;
+    dispatchMessage: (m: ChatMessage) => void;
+    customFunctions?: FunctionDefinition[];
+    functionHandler?: (name: string, args: unknown) => Promise<unknown>;
+    onMessageReceived?: (message: string | object) => void;
+    displayInUI?: boolean;
+    maxToolCalls?: number;
+    maxTokens?: number;
+    apiAdapter: APIAdapter;
+    responseFormat?: ResponseFormat;
+    constructor(opts: AIServiceConstructorProps);
+    private sanitizeToolOutput;
+    private tryParseAssistantJson;
+    private dispatchParsedResponses;
+    private makeSystemMessage;
+    generate(messages: {
+        role: string;
+        content: string;
+    }[], conversationId: string, intent?: string, lastResponseId?: string): Promise<{
+        responseId?: string;
+    }>;
+    /**
+     * Recursive tool call engine for all AI interactions
+     */
+    private generateWithRecursiveToolCalls;
+}

package/dist/cjs/components/bik-chatbot/services/aiService.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})})}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){return e.__awaiter(this,arguments,void 0,function*(e,s,i="default",a){const n=e.map(e=>({role:e.role,text:t.sanitizeUserInput(e.content)})),o=[{role:"system",text:this.makeSystemMessage().content},...n];return this.generateWithRecursiveToolCalls(o,s,i,a)})}generateWithRecursiveToolCalls(t,i,a,n){return e.__awaiter(this,void 0,void 0,function*(){var e,o,r,l,c,d,h,u,p,m;const y=t.map(e=>({role:e.role,text:e.text}));let f,g=n,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let e;if(1===v&&g){const t=[...y].reverse().find(e=>"user"===e.role);t&&(e=[{role:"user",content:t.text}])}t=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,e,this.system.tools,this.maxTokens)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const s=null!==(e=t.parsed)&&void 0!==e?e:this.tryParseAssistantJson(t.assistantText);if(null!=s){const e=Array.isArray(s)?s:[s];this.displayInUI&&this.dispatchParsedResponses(e),null===(o=this.onMessageReceived)||void 0===o||o.call(this,s)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=t.toolCall;I&&y.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const e="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(c=this.onMessageReceived)||void 0===c||c.call(this,{type:"TOOL_CALL",data:{name:n,args:e}});const t=yield this.functionHandler(n,e);if(I?y.push({role:"tool",text:JSON.stringify(t),toolCallId:I}):y.push({role:"tool",text:JSON.stringify(t)}),x){const e="object"==typeof t&&null!==t?t:String(t),o=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const r=[{type:"function_call_output",call_id:x,output:o}],l=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,r,this.system.tools,this.maxTokens);if(g=l.responseId,!l.toolCall){if(l.assistantText)if("json"===this.responseFormat){const e=null!==(h=l.parsed)&&void 0!==h?h:this.tryParseAssistantJson(l.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(u=this.onMessageReceived)||void 0===u||u.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(p=this.onMessageReceived)||void 0===p||p.call(this,l.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,l.assistantText);return{responseId:g}}f=l}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach(((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})}))}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",n=arguments.length>3?arguments[3]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){const e=s.map((e=>({role:e.role,text:t.sanitizeUserInput(e.content)}))),o=[{role:"system",text:this.makeSystemMessage().content},...e];return this.generateWithRecursiveToolCalls(o,i,a,n)}))}generateWithRecursiveToolCalls(t,i,a,n){var o,r,l,c,d,h,u,p,m,y;return e.__awaiter(this,void 0,void 0,(function*(){const e=t.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let n;if(1===v&&g){const t=[...e].reverse().find((e=>"user"===e.role));t&&(n=[{role:"user",content:t.text}])}t=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,n,this.system.tools,this.maxTokens)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const e=null!==(o=t.parsed)&&void 0!==o?o:this.tryParseAssistantJson(t.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,t.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=t.toolCall;I&&e.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const t="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_CALL",data:{name:n,args:t}});const o=yield this.functionHandler(n,t);if(I?e.push({role:"tool",text:JSON.stringify(o),toolCallId:I}):e.push({role:"tool",text:JSON.stringify(o)}),x){const t="object"==typeof o&&null!==o?o:String(o),r=this.sanitizeToolOutput(n,t);try{const e="string"==typeof t?t:JSON.stringify(t);null===(h=this.onMessageReceived)||void 0===h||h.call(this,{type:"TOOL_RESULT",data:{name:n,preview:e.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,l,this.system.tools,this.maxTokens);if(g=c.responseId,!c.toolCall){if(c.assistantText)if("json"===this.responseFormat){const e=null!==(u=c.parsed)&&void 0!==u?u:this.tryParseAssistantJson(c.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,c.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(y=this.onMessageReceived)||void 0===y||y.call(this,c.assistantText);return{responseId:g}}f=c}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}}))}};

package/dist/cjs/components/bik-chatbot/services/callToChatbot.d.ts

@@ -0,0 +1,6 @@
+import { APIAdapter, ApiRequestExecutor, ChatMessageItem, FunctionCallOutputItem, FunctionDefinition, GenericAIResponse } from '../types';
+export declare function createExecutorApiAdapter(executor: ApiRequestExecutor, baseUrl: string, endpointPath?: string): APIAdapter;
+export declare function callToChatbot(history: {
+    role: string;
+    text: string;
+}[], intent: string | undefined, conversationId: string | undefined, systemId: string | undefined, apiAdapter: APIAdapter, previousResponseId?: string, customFunctions?: FunctionDefinition[], model?: string, nextInput?: Array<ChatMessageItem | FunctionCallOutputItem>, builtinTools?: string[], maxTokens?: number): Promise<GenericAIResponse>;

package/dist/cjs/components/bik-chatbot/services/callToChatbot.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../types/ai.js");exports.callToChatbot=function(o){return e.__awaiter(this,arguments,void 0,function*(e,o="default",n="default-session",s="generic",r,a,i,l=t.DEFAULT_MODEL,u,d,c){if(!r)throw new Error("Chatbot authentication not configured: RequestExecutor is required");const p=u&&u.length>0?u:function(e){return e.map(({role:e,text:t})=>({role:e,content:t}))}(e),m={input:p,intent:o,conversationId:n,systemId:s,previousResponseId:a,customFunctions:i,builtinTools:d,model:l,maxTokens:null!=c?c:4e3};return yield r(m)})},exports.createExecutorApiAdapter=function(t,o,n="/openaiApiFunctions-callChatbot"){return s=>e.__awaiter(this,void 0,void 0,function*(){var e,r;const{input:a,model:i,maxTokens:l=4e3,previousResponseId:u,customFunctions:d,builtinTools:c}=s,p={input:a,tools:[...(c||[]).map(e=>({type:e})),...(m=d,m&&0!==m.length?m.map(e=>({type:"function",name:e.name,description:e.description,parameters:e.parameters})):[])],model:i,max_output_tokens:l,previous_response_id:u};var m;const v=`${o.replace(/\/$/,"")}${n}`,{status:_,data:f,error:h}=yield t.sendData({apiPath:v,apiMethod:"POST",requestBody:p});if(200!==_||!(null==f?void 0:f.success)){const t=(null===(r=null===(e=null==f?void 0:f.errors)||void 0===e?void 0:e[0])||void 0===r?void 0:r.message)||h;throw new Error("Backend error: "+(t?` - ${String(t)}`:""))}return function(e){const t={assistantText:e.assistantText,parsed:e.parsed,lastResponseId:e.lastResponseId,responseId:e.responseId};return e.toolCall&&(t.toolCall={name:e.toolCall.name,args:e.toolCall.args,toolCallId:e.toolCall.id,callId:e.toolCall.call_id}),t}(f.data)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../types/ai.js");exports.callToChatbot=function(o){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default-session",s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"generic",r=arguments.length>4?arguments[4]:void 0,l=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0,d=arguments.length>7&&void 0!==arguments[7]?arguments[7]:t.DEFAULT_MODEL,u=arguments.length>8?arguments[8]:void 0,c=arguments.length>9?arguments[9]:void 0,p=arguments.length>10?arguments[10]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){if(!r)throw new Error("Chatbot authentication not configured: RequestExecutor is required");const e=u&&u.length>0?u:function(e){return e.map((e=>{let{role:t,text:o}=e;return{role:t,content:o}}))}(o),t={input:e,intent:n,conversationId:i,systemId:s,previousResponseId:l,customFunctions:a,builtinTools:c,model:d,maxTokens:null!=p?p:4e3};return yield r(t)}))},exports.createExecutorApiAdapter=function(t,o){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"/openaiApiFunctions-callChatbot";return i=>e.__awaiter(this,void 0,void 0,(function*(){var e,s;const{input:r,model:l,maxTokens:a=4e3,previousResponseId:d,customFunctions:u,builtinTools:c}=i,p={input:r,tools:[...(c||[]).map((e=>({type:e}))),...(v=u,v&&0!==v.length?v.map((e=>({type:"function",name:e.name,description:e.description,parameters:e.parameters}))):[])],model:l,max_output_tokens:a,previous_response_id:d};var v;const h=`${o.replace(/\/$/,"")}${n}`,{status:g,data:m,error:_}=yield t.sendData({apiPath:h,apiMethod:"POST",requestBody:p});if(200!==g||!(null==m?void 0:m.success)){const t=(null===(s=null===(e=null==m?void 0:m.errors)||void 0===e?void 0:e[0])||void 0===s?void 0:s.message)||_;throw new Error("Backend error: "+(t?` - ${String(t)}`:""))}return function(e){const t={assistantText:e.assistantText,parsed:e.parsed,lastResponseId:e.lastResponseId,responseId:e.responseId};return e.toolCall&&(t.toolCall={name:e.toolCall.name,args:e.toolCall.args,toolCallId:e.toolCall.id,callId:e.toolCall.call_id}),t}(m.data)}))};

package/dist/cjs/components/bik-chatbot/services/db.d.ts

@@ -0,0 +1,6 @@
+import { SessionRecord } from '../types';
+/** Save session record to IndexedDB */
+export declare function saveSession(sessionId: string, record: SessionRecord): Promise<void>;
+export declare function loadSession(sessionId: string): Promise<SessionRecord | null>;
+export declare function deleteSession(sessionId: string): Promise<void>;
+export declare function listSessions(): Promise<string[]>;

package/dist/cjs/components/bik-chatbot/services/db.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("idb-keyval");const t="ai-session:";exports.loadSession=function(r){return e.__awaiter(this,void 0,void 0,function*(){return(yield i.get(`${t}${r}`))||null})},exports.saveSession=function(r,s){return e.__awaiter(this,void 0,void 0,function*(){yield i.set(`${t}${r}`,s)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("idb-keyval");const t="ai-session:";exports.loadSession=function(r){return e.__awaiter(this,void 0,void 0,(function*(){return(yield i.get(`${t}${r}`))||null}))},exports.saveSession=function(r,s){return e.__awaiter(this,void 0,void 0,(function*(){yield i.set(`${t}${r}`,s)}))};

package/dist/cjs/components/bik-chatbot/services/useAIChat.d.ts

@@ -0,0 +1,7 @@
+import { ChatMessage, SessionRecord, UseAIChatProps } from '../types';
+export declare function useAIChat({ system, conversationId, skipInitialization, customFunctions, functionHandler, responseFormat, onMessageReceived, displayInUI, maxToolCalls, maxTokens, apiAdapter, }: Omit<UseAIChatProps, 'updateUI'>): {
+    messages: ChatMessage[];
+    conversation: SessionRecord;
+    sendMessage: (content: string, intent?: string) => Promise<void>;
+    isApiCallInProgress: boolean;
+};

package/dist/cjs/components/bik-chatbot/services/useAIChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react"),a=require("../types/chat.js"),t=require("./aiService.js"),n=require("./db.js");exports.useAIChat=function({system:i,conversationId:o,skipInitialization:c=!1,customFunctions:r,functionHandler:d,responseFormat:l,onMessageReceived:g,displayInUI:u,maxToolCalls:m,maxTokens:b,apiAdapter:j}){const[p,O]=s.useState(()=>a.createSessionRecord(o)),[v,I]=s.useState([]),[S,w]=s.useState(),[y,f]=s.useState(!1);s.useEffect(()=>{n.loadSession(o).then(e=>{var s;e&&(O(e),I(e.messages),w(null===(s=e.metadata)||void 0===s?void 0:s.lastResponseId))})},[o]);const h=s.useMemo(()=>c?null:new t.AIService({system:Object.assign(Object.assign({},i),{handleCallback:(e,s)=>{var a;null===(a=i.handleCallback)||void 0===a||a.call(i,e,s)}}),dispatchMessage:e=>{I(s=>[...s,e]),O(s=>{const a=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,e]});return n.saveSession(a.sessionId,Object.assign(Object.assign({},a),{metadata:Object.assign(Object.assign({},a.metadata||{}),{lastResponseId:S})})),a})},customFunctions:r,functionHandler:d,responseFormat:l,onMessageReceived:g,displayInUI:u,maxToolCalls:m,maxTokens:b,apiAdapter:j}),[i.id,c,b]);return{messages:v,conversation:p,sendMessage:(s,...a)=>e.__awaiter(this,[s,...a],void 0,function*(e,s="default"){if(!h)return;const a={id:`u-${Date.now()}`,role:"user",content:e,timestamp:Date.now()};I(e=>[...e,a]),O(e=>{const s=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,a]});return n.saveSession(s.sessionId,Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:S})})),s}),f(!0);try{const e=yield h.generate([...v,a].map(e=>({role:e.role,content:e.content})),o,s,S);(null==e?void 0:e.responseId)&&(w(e.responseId),O(s=>{const a=Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:e.responseId})});return n.saveSession(a.sessionId,a),a}))}catch(e){const s=(null==e?void 0:e.message)||"Something went wrong. Please try again.",a={id:`err-${Date.now()}`,role:"system",content:s,timestamp:Date.now()};I(e=>[...e,a]),O(e=>{const s=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,a]});return n.saveSession(s.sessionId,Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:S})})),s})}finally{f(!1)}}),isApiCallInProgress:y}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react"),t=require("../types/chat.js"),a=require("./aiService.js"),n=require("./db.js");exports.useAIChat=function(i){var o=this;let{system:r,conversationId:c,skipInitialization:d=!1,customFunctions:l,functionHandler:g,responseFormat:u,onMessageReceived:m,displayInUI:b,maxToolCalls:j,maxTokens:p,apiAdapter:O}=i;const[v,I]=s.useState((()=>t.createSessionRecord(c))),[S,f]=s.useState([]),[w,y]=s.useState(),[h,A]=s.useState(!1);s.useEffect((()=>{n.loadSession(c).then((e=>{var s;e&&(I(e),f(e.messages),y(null===(s=e.metadata)||void 0===s?void 0:s.lastResponseId))}))}),[c]);const R=s.useMemo((()=>d?null:new a.AIService({system:Object.assign(Object.assign({},r),{handleCallback:(e,s)=>{var t;null===(t=r.handleCallback)||void 0===t||t.call(r,e,s)}}),dispatchMessage:e=>{f((s=>[...s,e])),I((s=>{const t=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,e]});return n.saveSession(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:w})})),t}))},customFunctions:l,functionHandler:g,responseFormat:u,onMessageReceived:m,displayInUI:b,maxToolCalls:j,maxTokens:p,apiAdapter:O})),[r.id,d,p]);return{messages:S,conversation:v,sendMessage:function(s){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";return e.__awaiter(o,void 0,void 0,(function*(){if(!R)return;const e={id:`u-${Date.now()}`,role:"user",content:s,timestamp:Date.now()};f((s=>[...s,e])),I((s=>{const t=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,e]});return n.saveSession(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:w})})),t})),A(!0);try{const s=yield R.generate([...S,e].map((e=>({role:e.role,content:e.content}))),c,t,w);(null==s?void 0:s.responseId)&&(y(s.responseId),I((e=>{const t=Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:s.responseId})});return n.saveSession(t.sessionId,t),t})))}catch(e){const s=(null==e?void 0:e.message)||"Something went wrong. Please try again.",t={id:`err-${Date.now()}`,role:"system",content:s,timestamp:Date.now()};f((e=>[...e,t])),I((e=>{const s=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,t]});return n.saveSession(s.sessionId,Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:w})})),s}))}finally{A(!1)}}))},isApiCallInProgress:h}};

package/dist/cjs/components/bik-chatbot/types/ai.d.ts

@@ -0,0 +1,158 @@
+/**
+ * AI Service Types
+ *
+ * Types for AI service functionality, function definitions, and responses.
+ */
+export declare const ALLOWED_MODELS: string[];
+export declare const DEFAULT_MODEL = "gpt-4.1-mini";
+export interface FunctionDefinition {
+    name: string;
+    description: string;
+    parameters: {
+        type: 'object';
+        properties: Record<string, any>;
+        required?: string[];
+    };
+}
+export interface ToolCall {
+    name: string;
+    args: unknown;
+    toolCallId?: string;
+    callId?: string;
+}
+export type GenericAIResponse = {
+    assistantText: string;
+    parsed?: unknown;
+    toolCall?: ToolCall;
+    lastResponseId: string;
+    responseId?: string;
+};
+export interface ChatMessageItem {
+    role: 'system' | 'user' | 'assistant';
+    content: string;
+}
+export interface FunctionCallOutputItem {
+    type: 'function_call_output';
+    call_id: string;
+    output: string | object;
+}
+export type CallbackPayload = {
+    type: 'UI_UPDATE';
+    data: unknown;
+} | {
+    type: 'UI_SIGNAL';
+    data: unknown;
+} | {
+    type: 'AI_RESPONSE';
+    data: {
+        text: string;
+        responseId?: string;
+        timestamp: number;
+    };
+} | {
+    type: 'TOOL_CALL';
+    data: {
+        name: string;
+        args: unknown;
+    };
+};
+export interface SystemConfig {
+    id: string;
+    name: string;
+    model: string;
+    systemPrompt: string;
+    functions?: FunctionDefinition[];
+    tools?: string[];
+    handleCallback?: (payload: CallbackPayload, ctx: {
+        dispatchMessage: (m: any) => void;
+        updatePageState: (updater: (s: any) => any) => void;
+        updateUI?: (signal: any) => void;
+    }) => void;
+}
+export interface PromptConfig {
+    goal_prompt?: string;
+    use_case_prompt?: string;
+    response_instructions?: string;
+    store_instructions?: string;
+    exit_prompt?: string;
+    output_prompt?: string;
+    custom_prompt?: string;
+    extra_content?: {
+        contextual_info?: string;
+        brand_info?: string;
+    };
+}
+export interface ToolPrompt {
+    tool: string;
+    whenToUse: string;
+    outputFormat?: string;
+}
+export interface ErrorWithMessage {
+    message: string;
+}
+export declare const DEFAULT_RESPONSE_FORMAT: 'text' | 'json';
+export declare const DEFAULT_MAX_TOOL_CALLS = 5;
+export declare const RESPONSE_FORMATS: readonly ["text", "json"];
+export declare const BUILTIN_TOOL_TYPES: readonly ["web_search_preview"];
+export type BuiltinToolType = (typeof BUILTIN_TOOL_TYPES)[number];
+export type BackendTool = {
+    type: BuiltinToolType;
+} | {
+    type: 'function';
+    name: string;
+    description: string;
+    parameters: object;
+} | ({
+    type: string;
+} & Record<string, unknown>);
+export interface BackendApiRequest {
+    input: Array<ChatMessageItem | FunctionCallOutputItem>;
+    tools: BackendTool[];
+    model: string;
+    max_output_tokens: number;
+    previous_response_id?: string;
+}
+export interface BackendApiResponse {
+    status: number;
+    success: boolean;
+    data: {
+        assistantText: string;
+        parsed: unknown;
+        toolCall?: {
+            name: string;
+            args: object | string;
+            id: string;
+            call_id?: string;
+        };
+        responseId: string;
+        lastResponseId: string;
+        requiresFunctionCall: boolean;
+    };
+}
+export type ResponseFormat = 'text' | 'json';
+export interface ApiRequestExecutor {
+    sendData<T>(opts: {
+        apiPath: string;
+        apiMethod?: 'POST' | 'GET' | 'PUT' | 'PATCH' | 'DELETE';
+        requestBody?: unknown;
+        requestHeader?: Record<string, string>;
+        skipStoreId?: boolean;
+        abortController?: AbortController;
+    }): Promise<{
+        status: number;
+        data?: T;
+        error?: unknown;
+    }>;
+}
+export type APIAdapter = (request: CallToChatbotRequest) => Promise<GenericAIResponse>;
+export type CallToChatbotRequest = {
+    input: Array<ChatMessageItem | FunctionCallOutputItem>;
+    intent: string;
+    conversationId: string;
+    systemId: string;
+    previousResponseId?: string;
+    customFunctions?: FunctionDefinition[];
+    builtinTools?: string[];
+    model: string;
+    maxTokens?: number;
+};