@bikdotai/bik-component-library 0.0.735-beta.1 → 0.0.736-beta.0

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

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

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

@@ -1,77 +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[];
-}
+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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AIChatProps } from '../types';
-export declare const AIChat: React.FC<AIChatProps & {
-    chatWindowHeight?: string | number;
-}>;
+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=n=>{let{className:o,style:l,header:d,showHeader:c=!0,placeholder:m="Ask me anything...",suggestions:h=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:g=!1,isThinking:p=!1,height:v,iceBreakers:u,videoStarter:f,onMessageSent:k,onIceBreakerClick:x,chatState:y,chatWindowHeight:b,inputDisabled:j=!1}=n;const{isReady:N,isLoading:S,messages:w,sendMessage:A,error:C,system:I,isApiCallInProgress:T}=i(),B=d||(null==I?void 0:I.name)||"AI Assistant";return C?s("div",{className:`flex items-center justify-center p-6 ${o}`,style:l,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:C})]})}):N?s("div",{className:o,style:Object.assign(Object.assign({},l),{height:v||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s(r,{messages:w,onSend:s=>e(void 0,void 0,void 0,(function*(){null==k||k(s),yield A(s)})),header:c?B:void 0,placeholder:m,suggestions:h,iceBreakers:u,videoStarter:f,disabled:g||S,isThinking:p||T,onIceBreakerClick:x,chatState:y,chatWindowHeight:b||"100%",inputDisabled:j})}):s(a,{className:o,style:l})};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

@@ -1,36 +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;
+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=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:x=!0,placeholder:g,iceBreakers:y,videoStarter:I,onMessageSent:v,onIceBreakerClick:S,chatState:k,inputDisabled:w,requestExecutor:b,baseUrl:H,endpointPath:C,responseFormat:E,responseSchema:M,width:P,maxWidth:j,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:P||void 0,maxWidth:P?void 0:j||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",{className:u,style:q,children:e(t,{systemPrompt:r,systemId:a,functions:i,functionHandler:n,responseFormat:E,responseSchema:M,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:m,customModel:h,conversationId:p,requestExecutor:b,baseUrl:H,endpointPath:C,tools:U,onSystemReady:W,children:e(o,{height:B?"100%":f,chatWindowHeight:T,showHeader:x,placeholder:g,iceBreakers:y,videoStarter:I,onMessageSent:v,onIceBreakerClick:S,chatState:k,inputDisabled:w})})})};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

@@ -1,7 +1,7 @@
-import React from 'react';
-interface ChatLoadingStateProps {
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const ChatLoadingState: React.FC<ChatLoadingStateProps>;
-export default ChatLoadingState;
+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=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,{className:n,style:d,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[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,{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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ChatWindowProps } from '../types';
-export declare const CustomGradientText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    colors?: string;
-    angle?: number;
-}>> & string;
-export type { ChatState } from '../types';
-interface ChatWindowWithHeightProps extends ChatWindowProps {
-    chatWindowHeight?: string | number;
-}
-declare const ChatWindow: React.FC<ChatWindowWithHeightProps>;
-export default ChatWindow;
+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=o=>{let{messages:B,onSend:I,header:M="Create with AI",placeholder:D="Discover the right event & launch campaigns for better conversions...",suggestions:_=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:H,videoStarter:L,disabled:W=!1,isThinking:K=!1,onIceBreakerClick:E,chatState:N,chatWindowHeight:P,inputDisabled:V=!1}=o;const[q,G]=r(""),[J,O]=r(!1),[Q,R]=r(!1),U=n(null),X=n(null),Y=J||K,Z=W||V,ee=N||(J||K?"thinking":Q&&q.trim().length>0?"typing":0===B.length?"conversation-starter":B.length>0?"conversation":"default"),ie=()=>{!q.trim()||Z||Y||(I(q),G(""),O(!0),setTimeout((()=>O(!1)),1500))},te=q.trim().length>0,re=Z||Y||!te;a((()=>{var e;null===(e=U.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[B,J,K]);return e(h,{chatState:ee,style:{height:P||"100%"},children:[e(p,{children:[i(t,{height:24,width:24}),i("div",{className:"header-text",children:M})]}),e(g,{children:[e(b,{children:["conversation-starter"===ee&&L&&e(x,{children:[i(f,{children:i(u,{onClick:L.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:L.title}),i(l,{children:L.description})]})]}),B.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))),(J||K)&&i(c,{}),i("div",{ref:U})]}),H&&"conversation-starter"===ee&&i(v,{children:i(w,{children:H.map((e=>i(y,{disabled:Z,onClick:()=>{Z||(null==E||E(e),I(e.text))},children:i(A,{children:e.text})},e.id)))})}),!H&&_.length>0&&"default"===ee&&i(F,{children:i(T,{children:_.map((e=>i($,{disabled:Z,onClick:()=>!Z&&I(e),children:e},e)))})}),i(S,{children:e(z,{children:[i(j,{ref:X,value:q,onChange:e=>{if(Z)return;const i=e.target.value;G(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:D,onKeyDown:e=>{Z||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!Y&&q.trim()&&ie())},disabled:Z,hasText:te,chatState:ee}),i(C,{onClick:ie,disabled:re,hasText:te,"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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const ThinkingIndicator: React.FC;
-export default ThinkingIndicator;
+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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { AIContextState, AIProviderProps } from '../types';
-export declare const AIProvider: React.FC<AIProviderProps>;
-export declare const useAIContext: () => AIContextState;
+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=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:w,responseFormat:b,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:b,onMessageReceived:I,displayInUI:h,maxToolCalls:x,maxTokens:A,apiAdapter:C&&P?l(C,P,w||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),S={isReady:!!R&&!T,isLoading:T,isApiCallInProgress:G,system:R,messages:H,conversation:_,sendMessage:z,error:F};return o(m.Provider,{value:S,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};
+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};