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

package/dist/esm/components/banner/CardBanner.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCallback as e}from"react";import{Button as n}from"../button/Button.js";import{TitleSmall as r,BodyCaption as i}from"../TypographyStyle.js";import{CardBannerWrapper as l,CardBannerContent as c,CardBannerIconsWrapper as d,CardBannerButtonWrapper as a}from"./Banner.styled.js";import{getUrlForBannerThirdPartyIcon as p}from"./model.js";function u(u){var y;const s=e(t=>p(t),[]);return t(l,{style:null==u?void 0:u.containerStyle,children:[t(c,{children:[o(r,{children:u.title}),o(i,{children:u.subTitle}),o(d,{children:null===(y=u.icons)||void 0===y?void 0:y.map((t,e)=>o("img",{src:s(t),alt:`icon-${e}`,style:{width:32,height:32,aspectRatio:1}},e))})]}),t(a,{children:[o(n,{buttonText:u.buttonText,buttonType:u.buttonType||"secondary",onClick:u.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==u?void 0:u.buttonSecondaryText)&&(null==u?void 0:u.onClickSecondary)&&o(n,{buttonText:u.buttonSecondaryText,buttonType:u.buttonTypeSecondary||"primary",onClick:u.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]})}export{u as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCallback as e}from"react";import{Button as n}from"../button/Button.js";import{TitleSmall as i,BodyCaption as r}from"../TypographyStyle.js";import{CardBannerWrapper as c,CardBannerContent as l,CardBannerIconsWrapper as d,CardBannerButtonWrapper as a}from"./Banner.styled.js";import{getUrlForBannerThirdPartyIcon as p}from"./model.js";function u(u){var s;const y=e((t=>p(t)),[]);return t(c,Object.assign({style:null==u?void 0:u.containerStyle},{children:[t(l,{children:[o(i,{children:u.title}),o(r,{children:u.subTitle}),o(d,{children:null===(s=u.icons)||void 0===s?void 0:s.map(((t,e)=>o("img",{src:y(t),alt:`icon-${e}`,style:{width:32,height:32,aspectRatio:1}},e)))})]}),t(a,{children:[o(n,{buttonText:u.buttonText,buttonType:u.buttonType||"secondary",onClick:u.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==u?void 0:u.buttonSecondaryText)&&(null==u?void 0:u.onClickSecondary)&&o(n,{buttonText:u.buttonSecondaryText,buttonType:u.buttonTypeSecondary||"primary",onClick:u.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]}))}export{u as default};

package/dist/esm/components/banner/CardBannerWithImage.d.ts

@@ -0,0 +1,6 @@
+import { AdBannerProps } from './model';
+/**
+ * CardBanner component - A banner with a card-style layout featuring an image, company logo, title, and button
+ */
+declare function CardBanner(props: AdBannerProps): import("react/jsx-runtime").JSX.Element;
+export default CardBanner;

package/dist/esm/components/banner/CardBannerWithImage.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Button as n}from"../button/Button.js";import{TitleSmall as e}from"../TypographyStyle.js";import{CardWrapper as l,CardImageWrapper as r,CardFooterWrapper as i,CompanyImageWrapper as a,CardButtonWrapper as c}from"./Banner.styled.js";function d(d){return t(l,{style:null==d?void 0:d.containerStyle,children:[o(r,{children:o("img",{src:null==d?void 0:d.cardImageUrl,alt:"Card Img",style:{aspectRatio:"auto"}})}),t(i,{children:[o(a,{children:o("img",{src:d.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),o(e,{children:null==d?void 0:d.title}),o(c,{children:o(n,{onClick:null==d?void 0:d.onClick,buttonType:(null==d?void 0:d.buttonType)||"secondary",buttonText:null==d?void 0:d.buttonText,style:{width:"fit-content",whiteSpace:"nowrap"}})})]})]})}export{d as default};
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import{Button as o}from"../button/Button.js";import{TitleSmall as e}from"../TypographyStyle.js";import{CardWrapper as l,CardImageWrapper as i,CardFooterWrapper as r,CompanyImageWrapper as a,CardButtonWrapper as c}from"./Banner.styled.js";function d(d){return t(l,Object.assign({style:null==d?void 0:d.containerStyle},{children:[n(i,{children:n("img",{src:null==d?void 0:d.cardImageUrl,alt:"Card Img",style:{aspectRatio:"auto"}})}),t(r,{children:[n(a,{children:n("img",{src:d.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),n(e,{children:null==d?void 0:d.title}),n(c,{children:n(o,{onClick:null==d?void 0:d.onClick,buttonType:(null==d?void 0:d.buttonType)||"secondary",buttonText:null==d?void 0:d.buttonText,style:{width:"fit-content",whiteSpace:"nowrap"}})})]})]}))}export{d as default};

package/dist/esm/components/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AdBanner } from './AdBanner';
+export * from './model';

package/dist/esm/components/banner/model.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { Type } from '../button/model';
+export declare enum BannerType {
+    CARD_BANNER = "CARD_BANNER",
+    CARD_BANNER_WITH_IMAGE = "CARD_BANNER_WITH_IMAGE",
+    BANNER_INLINE = "BANNER_INLINE",
+    BANNER_WITH_IMAGE = "BANNER_WITH_IMAGE"
+}
+export declare enum BannerThirdPartyIcon {
+    WHATSAPP = "WHATSAPP",
+    INSTAGRAM = "INSTAGRAM",
+    EMAIL = "EMAIL"
+}
+export declare const getUrlForBannerThirdPartyIcon: (icon: BannerThirdPartyIcon) => string;
+export interface AdBannerProps {
+    /**
+     * Type of banner to render
+     */
+    bannerType: BannerType;
+    /**
+     * Title text for the banner
+     */
+    title: string;
+    /**
+     * Subtitle or description text
+     */
+    subTitle?: React.ReactNode;
+    /**
+     * Primary button click handler
+     */
+    onClick: () => void;
+    /**
+     * Type/variant of the primary button
+     * @default 'secondary'
+     */
+    buttonType?: Type;
+    /**
+     * Text for the primary button
+     */
+    buttonText: string;
+    /**
+     * Text for the secondary button
+     */
+    buttonSecondaryText?: string;
+    /**
+     * Secondary button click handler
+     */
+    onClickSecondary?: () => void;
+    /**
+     * Type/variant of the secondary button
+     */
+    buttonTypeSecondary?: Type;
+    /**
+     * Array of tag labels
+     */
+    tags?: string[];
+    /**
+     * URL for the card image (CardBanner)
+     */
+    cardImageUrl?: string;
+    /**
+     * URL for the company/brand logo image
+     */
+    companyImageUrl?: string;
+    /**
+     * URL for the banner background image (BannerWithImage)
+     */
+    bannerWithImageUrl?: string;
+    /**
+     * Custom styles for the banner container
+     */
+    containerStyle?: React.CSSProperties;
+    /**
+     * Icons array for CardBanner
+     */
+    icons?: BannerThirdPartyIcon[];
+}

package/dist/esm/components/bik-chatbot/components/AIChat.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AIChatProps } from '../types';
+export declare const AIChat: React.FC<AIChatProps & {
+    chatWindowHeight?: string | number;
+}>;

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

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

package/dist/esm/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/esm/components/bik-chatbot/components/BIKChatbot.js

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

package/dist/esm/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/esm/components/bik-chatbot/components/ChatLoadingState.js

@@ -154,7 +154,7 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	font-size: 12px;
 	color: #5f6781;
 	text-align: left;
-`,$=r.img`
+`,j=r.img`
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
@@ -162,7 +162,7 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	animation: ${g} 2.6s ease-in-out infinite;
 	position: relative;
 	z-index: 1;
-`,j=r.div`
+`,$=r.div`
 	position: absolute;
 	inset: 12px;
 	border-radius: 999px;
@@ -174,4 +174,4 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	animation: ${m} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`,z=({className:r,style:n})=>{const[d,p]=t(0);return i(()=>{const e=window.setInterval(()=>{p(e=>(e+1)%o.length)},2e3);return()=>window.clearInterval(e)},[]),e(c,{className:r,style:n,children:a(f,{children:[a(x,{children:[e(j,{}),e($,{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(b,{children:o[d]},d),e(h,{children:[0,1,2].map(a=>e(y,{delay:.22*a},a))}),e(u,{children:s.map((t,i)=>a(w,{delay:.4+.2*i,children:[e(v,{children:t.symbol}),e(k,{children:t.text})]},t.text))})]})})};export{z as default};
+`,z=r=>{let{className:n,style:d}=r;const[p,l]=t(0);return i((()=>{const e=window.setInterval((()=>{l((e=>(e+1)%o.length))}),2e3);return()=>window.clearInterval(e)}),[]),e(c,Object.assign({className:n,style:d},{children:a(f,{children:[a(x,{children:[e($,{}),e(j,{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(b,{children:o[p]},p),e(h,{children:[0,1,2].map((a=>e(y,{delay:.22*a},a)))}),e(u,{children:s.map(((t,i)=>a(w,Object.assign({delay:.4+.2*i},{children:[e(v,{children:t.symbol}),e(k,{children:t.text})]}),t.text)))})]})}))};export{z as default};

package/dist/esm/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/esm/components/bik-chatbot/components/ChatWindow.js

@@ -12,7 +12,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 
 	/* State-based styling */
 	${e=>{switch(e.chatState){case"conversation-starter":return"\n          background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n        ";case"thinking":return"\n          background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n        ";default:return"\n          background: white;\n        "}}}
-`,p=o.div`
+`,g=o.div`
 	padding: 16px;
 	border-bottom: 1px solid #e5e7eb;
 	display: flex;
@@ -26,7 +26,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 		font-weight: 500;
 		color: #374151;
 	}
-`,g=o.div`
+`,p=o.div`
 	flex: 1;
 	display: flex;
 	flex-direction: column;
@@ -152,11 +152,11 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 `,F=o.div`
 	padding: 16px;
 	background: white;
-`,T=o.div`
+`,j=o.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,$=o.button`
+`,T=o.button`
 	background: #fef2f2;
 	color: #dc2626;
 	padding: 12px 16px;
@@ -176,14 +176,14 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,S=o.div`
+`,$=o.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,z=o.div`
+`,O=o.div`
 	position: relative;
 	display: flex;
 	width: 100%;
-`,j=o.textarea`
+`,S=o.textarea`
 	flex: 1;
 	border: 1px solid ${e=>e.hasText?"#3b82f6":"#d1d5db"};
 	border-radius: 12px;
@@ -210,7 +210,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	&::placeholder {
 		color: #9ca3af;
 	}
-`,C=o.button`
+`,z=o.button`
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
@@ -242,7 +242,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 		fill: white;
 		font-weight: bold;
 	}
-`,A=o.span`
+`,C=o.span`
 	background: linear-gradient(
 		${e=>e.angle||92.69}deg,
 		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
@@ -251,4 +251,4 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`,B=({messages:o,onSend:B,header:I="Create with AI",placeholder:M="Discover the right event & launch campaigns for better conversions...",suggestions:D=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:_,videoStarter:H,disabled:L=!1,isThinking:W=!1,onIceBreakerClick:K,chatState:E,chatWindowHeight:N,inputDisabled:P=!1})=>{const[V,q]=r(""),[G,J]=r(!1),[O,Q]=r(!1),R=n(null),U=n(null),X=G||W,Y=L||P,Z=E||(G||W?"thinking":O&&V.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),ee=()=>{!V.trim()||Y||X||(B(V),q(""),J(!0),setTimeout(()=>J(!1),1500))},ie=V.trim().length>0,te=Y||X||!ie;a(()=>{var e;null===(e=R.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[o,G,W]);return e(h,{chatState:Z,style:{height:N||"100%"},children:[e(p,{children:[i(t,{height:24,width:24}),i("div",{className:"header-text",children:I})]}),e(g,{children:[e(b,{children:["conversation-starter"===Z&&H&&e(x,{children:[i(f,{children:i(u,{onClick:H.onPlay,children:i("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:i("path",{d:"M8 5v14l11-7z"})})})}),e(m,{children:[i(d,{style:{fontWeight:500,marginBottom:"4px"},children:H.title}),i(l,{children:H.description})]})]}),o.map(e=>i(k,{role:e.role,children:"assistant"===e.role?i("div",{dangerouslySetInnerHTML:{__html:s(e.content)}}):i("div",{style:{whiteSpace:"pre-wrap"},children:e.content})},e.id)),(G||W)&&i(c,{}),i("div",{ref:R})]}),_&&"conversation-starter"===Z&&i(v,{children:i(w,{children:_.map(e=>i(y,{disabled:Y,onClick:()=>{Y||(null==K||K(e),B(e.text))},children:i(A,{children:e.text})},e.id))})}),!_&&D.length>0&&"default"===Z&&i(F,{children:i(T,{children:D.map(e=>i($,{disabled:Y,onClick:()=>!Y&&B(e),children:e},e))})}),i(S,{children:e(z,{children:[i(j,{ref:U,value:V,onChange:e=>{if(Y)return;const i=e.target.value;q(i),Q(i.trim().length>0);const t=U.current;t&&(t.style.height="auto",t.style.height=`${Math.min(t.scrollHeight,117)}px`)},placeholder:M,onKeyDown:e=>{Y||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!X&&V.trim()&&ee())},disabled:Y,hasText:ie,chatState:Z}),i(C,{onClick:ee,disabled:te,hasText:ie,"aria-label":"Send",children:e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[i("path",{d:"M6 12h12"}),i("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};export{A as CustomGradientText,B as default};
+`,A=o=>{let{messages:A,onSend:B,header:I="Create with AI",placeholder:M="Discover the right event & launch campaigns for better conversions...",suggestions:D=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:_,videoStarter:H,disabled:L=!1,isThinking:W=!1,onIceBreakerClick:K,chatState:E,chatWindowHeight:N,inputDisabled:P=!1}=o;const[V,q]=r(""),[G,J]=r(!1),[Q,R]=r(!1),U=n(null),X=n(null),Y=G||W,Z=L||P,ee=E||(G||W?"thinking":Q&&V.trim().length>0?"typing":0===A.length?"conversation-starter":A.length>0?"conversation":"default"),ie=()=>{!V.trim()||Z||Y||(B(V),q(""),J(!0),setTimeout((()=>J(!1)),1500))},te=V.trim().length>0,re=Z||Y||!te;a((()=>{var e;null===(e=U.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[A,G,W]);const ne=N||"100%";return e(h,Object.assign({chatState:ee,style:{height:ne}},{children:[e(g,{children:[i(t,{height:24,width:24}),i("div",Object.assign({className:"header-text"},{children:I}))]}),e(p,{children:[e(b,{children:["conversation-starter"===ee&&H&&e(x,{children:[i(f,{children:i(u,Object.assign({onClick:H.onPlay},{children:i("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:i("path",{d:"M8 5v14l11-7z"})}))}))}),e(m,{children:[i(d,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:H.title})),i(l,{children:H.description})]})]}),A.map((e=>i(k,Object.assign({role:e.role},{children:"assistant"===e.role?i("div",{dangerouslySetInnerHTML:{__html:s(e.content)}}):i("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:e.content}))}),e.id))),(G||W)&&i(c,{}),i("div",{ref:U})]}),_&&"conversation-starter"===ee&&i(v,{children:i(w,{children:_.map((e=>i(y,Object.assign({disabled:Z,onClick:()=>{Z||(null==K||K(e),B(e.text))}},{children:i(C,{children:e.text})}),e.id)))})}),!_&&D.length>0&&"default"===ee&&i(F,{children:i(j,{children:D.map((e=>i(T,Object.assign({disabled:Z,onClick:()=>!Z&&B(e)},{children:e}),e)))})}),i($,{children:e(O,{children:[i(S,{ref:X,value:V,onChange:e=>{if(Z)return;const i=e.target.value;q(i),R(i.trim().length>0);const t=X.current;t&&(t.style.height="auto",t.style.height=`${Math.min(t.scrollHeight,117)}px`)},placeholder:M,onKeyDown:e=>{Z||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!Y&&V.trim()&&ie())},disabled:Z,hasText:te,chatState:ee}),i(z,Object.assign({onClick:ie,disabled:re,hasText:te,"aria-label":"Send"},{children:e("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[i("path",{d:"M6 12h12"}),i("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};export{C as CustomGradientText,A as default};

package/dist/esm/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/esm/components/bik-chatbot/components/ThinkingIndicator.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as i}from"react";import r from"styled-components";import s from"../../../assets/icons/Idea.svg.js";import o from"../../../assets/icons/AiEdit.svg.js";import n from"../../../assets/icons/HelpIcon.svg.js";const l=r.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as i}from"react";import s from"styled-components";import r from"../../../assets/icons/Idea.svg.js";import n from"../../../assets/icons/AiEdit.svg.js";import o from"../../../assets/icons/HelpIcon.svg.js";const l=s.div`
     background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);
 	padding: 24px;
 	border-radius: 16px;
@@ -144,4 +144,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect
 			transform: translateY(0);
 		}
 	}
-`,m=[{icon:s,text:"Analyzing your questions..."},{icon:o,text:"Gathering insights..."},{icon:n,text:"Crafting the perfect response..."}],d=()=>{const[r,s]=a(0);i(()=>{const e=window.setInterval(()=>{s(e=>(e+1)%m.length)},1800);return()=>window.clearInterval(e)},[]);const o=m[r];return e(l,{role:"status","aria-live":"polite",children:[t(o.icon,{height:24,width:24}),e("div",{className:"bubble-content",children:[t("div",{className:"status-text",children:o.text}),t("div",{className:"dots",children:[0,1,2,3,4].map(e=>t("span",{className:"dot",style:{animationDelay:.15*e+"s"}},e))}),t("div",{className:"shimmer-group",children:[70,85,50].map((e,a)=>t("div",{className:"shimmer-line",style:{width:`${e}%`,animationDelay:.25+.12*a+"s"},children:t("span",{className:"shimmer-highlight"})},e))})]})]})};export{d as default};
+`,m=[{icon:r,text:"Analyzing your questions..."},{icon:n,text:"Gathering insights..."},{icon:o,text:"Crafting the perfect response..."}],d=()=>{const[s,r]=a(0);i((()=>{const e=window.setInterval((()=>{r((e=>(e+1)%m.length))}),1800);return()=>window.clearInterval(e)}),[]);const n=m[s];return e(l,Object.assign({role:"status","aria-live":"polite"},{children:[t(n.icon,{height:24,width:24}),e("div",Object.assign({className:"bubble-content"},{children:[t("div",Object.assign({className:"status-text"},{children:n.text})),t("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((e=>t("span",{className:"dot",style:{animationDelay:.15*e+"s"}},e)))})),t("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((e,a)=>t("div",Object.assign({className:"shimmer-line",style:{width:`${e}%`,animationDelay:.25+.12*a+"s"}},{children:t("span",{className:"shimmer-highlight"})}),e)))}))]}))]}))};export{d as default};

package/dist/esm/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/esm/components/bik-chatbot/contexts/AIContext.js

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

package/dist/esm/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/esm/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/esm/components/bik-chatbot/services/aiService.js

@@ -1 +1 @@
-import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){return t(this,arguments,void 0,function*(e,t,s="default",a){const n=e.map(e=>({role:e.role,text:i(e.content)})),o=[{role:"system",text:this.makeSystemMessage().content},...n];return this.generateWithRecursiveToolCalls(o,t,s,a)})}generateWithRecursiveToolCalls(e,s,i,n){return t(this,void 0,void 0,function*(){var t,o,r,l,c,d,h,p,u,m;const y=e.map(e=>({role:e.role,text:e.text}));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let t;if(1===v&&g){const e=[...y].reverse().find(e=>"user"===e.role);e&&(t=[{role:"user",content:e.text}])}e=yield a(y,i,s,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,t,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const s=null!==(t=e.parsed)&&void 0!==t?t:this.tryParseAssistantJson(e.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 t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.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 a(y,i,s,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===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(u=this.onMessageReceived)||void 0===u||u.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}})}}export{n as AIService};
+import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",n=arguments.length>3?arguments[3]:void 0;return t(this,void 0,void 0,(function*(){const t=e.map((e=>({role:e.role,text:i(e.content)}))),o=[{role:"system",text:this.makeSystemMessage().content},...t];return this.generateWithRecursiveToolCalls(o,s,a,n)}))}generateWithRecursiveToolCalls(e,s,i,n){var o,r,l,c,d,h,p,u,m,y;return t(this,void 0,void 0,(function*(){const t=e.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let n;if(1===v&&g){const e=[...t].reverse().find((e=>"user"===e.role));e&&(n=[{role:"user",content:e.text}])}e=yield a(t,i,s,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const t=null!==(o=e.parsed)&&void 0!==o?o:this.tryParseAssistantJson(e.assistantText);if(null!=t){const e=Array.isArray(t)?t:[t];this.displayInUI&&this.dispatchParsedResponses(e),null===(r=this.onMessageReceived)||void 0===r||r.call(this,t)}else{const t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.toolCall;I&&t.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===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_CALL",data:{name:n,args:e}});const o=yield this.functionHandler(n,e);if(I?t.push({role:"tool",text:JSON.stringify(o),toolCallId:I}):t.push({role:"tool",text:JSON.stringify(o)}),x){const e="object"==typeof o&&null!==o?o:String(o),r=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(h=this.onMessageReceived)||void 0===h||h.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield a(t,i,s,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!==(p=c.parsed)&&void 0!==p?p:this.tryParseAssistantJson(c.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: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}}))}}export{n as AIService};

package/dist/esm/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/esm/components/bik-chatbot/services/callToChatbot.js

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

package/dist/esm/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/esm/components/bik-chatbot/services/db.js

@@ -1 +1 @@
-import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,function*(){yield o(`${n}${t}`,r)})}function u(o){return i(this,void 0,void 0,function*(){return(yield t(`${n}${o}`))||null})}export{u as loadSession,r as saveSession};
+import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,(function*(){yield o(`${n}${t}`,r)}))}function u(o){return i(this,void 0,void 0,(function*(){return(yield t(`${n}${o}`))||null}))}export{u as loadSession,r as saveSession};

package/dist/esm/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;
+};