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

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

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

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{j as s}from"../../../node_modules/react/jsx-runtime.js";import{useAIContext as t}from"../contexts/AIContext.js";import i from"./ChatLoadingState.js";import a from"./ChatWindow.js";const n=n=>{let{className:r,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:g=!1,isThinking:h=!1,height:j,iceBreakers:x,videoStarter:p,onMessageSent:u,onIceBreakerClick:v,chatState:b,chatWindowHeight:f,inputDisabled:k=!1}=n;const{isReady:y,isLoading:N,messages:O,sendMessage:S,error:w,system:A,isApiCallInProgress:C}=t(),I=l||(null==A?void 0:A.name)||"AI Assistant";return w?s.jsx("div",Object.assign({className:`flex items-center justify-center p-6 ${r}`,style:o},{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}))]}))})):y?s.jsx("div",Object.assign({className:r,style:Object.assign(Object.assign({},o),{height:j||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0})},{children:s.jsx(a,{messages:O,onSend:s=>e(void 0,void 0,void 0,(function*(){null==u||u(s),yield S(s)})),header:d?I:void 0,placeholder:c,suggestions:m,iceBreakers:x,videoStarter:p,disabled:g||N,isThinking:h||C,onIceBreakerClick:v,chatState:b,chatWindowHeight:f||"100%",inputDisabled:k})})):s.jsx(i,{className:r,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 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};

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

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

@@ -1,4 +1,4 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import i,{keyframes as r}from"styled-components";const n=["Preparing to assist you...","Getting ready to brainstorm..."],s=[{symbol:"✨",text:"Get AI-powered ideas"},{symbol:"💬",text:"Ask me anything"}],o=r`
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import r,{keyframes as n}from"styled-components";const o=["Preparing to assist you...","Getting ready to brainstorm..."],s=[{symbol:"✨",text:"Get AI-powered ideas"},{symbol:"💬",text:"Ask me anything"}],d=n`
 	from {
 		opacity: 0;
 		transform: translateY(12px);
@@ -7,7 +7,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		opacity: 1;
 		transform: translateY(0);
 	}
-`,d=r`
+`,p=n`
 	0%, 100% {
 		transform: scale(1);
 		opacity: 0.3;
@@ -16,7 +16,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		transform: scale(1.4);
 		opacity: 1;
 	}
-`,p=r`
+`,l=n`
 	from {
 		opacity: 0;
 		transform: translateX(-18px);
@@ -25,14 +25,14 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		opacity: 1;
 		transform: translateX(0);
 	}
-`,l=i.div`
+`,c=r.div`
 	flex: 1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	padding: 24px;
 	min-height: 240px;
-`,c=i.div`
+`,f=r.div`
 	text-align: center;
 	display: flex;
 	flex-direction: column;
@@ -40,7 +40,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 	gap: 24px;
 	max-width: 280px;
 	width: 100%;
-`,x=i.div`
+`,x=r.div`
 	width: 76px;
 	height: 76px;
 	border-radius: 50%;
@@ -69,7 +69,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		);
 		mix-blend-mode: screen;
 	}
-`,f=r`
+`,g=n`
 	0% {
 		transform: scale(1);
 		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
@@ -86,7 +86,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		transform: scale(1);
 		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
 	}
-`,g=r`
+`,m=n`
 	0% {
 		transform: translateX(-120%);
 		opacity: 0;
@@ -102,30 +102,30 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		transform: translateX(120%);
 		opacity: 0;
 	}
-`,m=i.div`
+`,b=r.div`
 	font-size: 14px;
 	color: #52586c;
 	line-height: 1.5;
 	min-height: 21px;
-	animation: ${o} 0.4s ease forwards;
-`,b=i.div`
+	animation: ${d} 0.4s ease forwards;
+`,h=r.div`
 	display: flex;
 	justify-content: center;
 	gap: 6px;
-`,h=i.span`
+`,y=r.span`
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);
-	animation: ${d} 1.4s ease-in-out infinite;
+	animation: ${p} 1.4s ease-in-out infinite;
 	animation-delay: ${e=>e.delay}s;
-`,y=i.div`
+`,u=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	margin-top: 8px;
 	width: 100%;
-`,u=i.div`
+`,w=r.div`
 	display: flex;
 	align-items: center;
 	gap: 12px;
@@ -137,10 +137,10 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 	border-radius: 12px;
 	padding: 12px;
 	box-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);
-	animation: ${p} 0.5s ease forwards;
+	animation: ${l} 0.5s ease forwards;
 	animation-delay: ${e=>e.delay}s;
 	opacity: 0;
-`,w=i.div`
+`,v=r.div`
 	width: 36px;
 	height: 36px;
 	border-radius: 10px;
@@ -150,19 +150,19 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 	justify-content: center;
 	box-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);
 	font-size: 18px;
-`,j=i.span`
+`,k=r.span`
 	font-size: 12px;
 	color: #5f6781;
 	text-align: left;
-`,v=i.img`
+`,$=r.img`
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
 	filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	animation: ${f} 2.6s ease-in-out infinite;
+	animation: ${g} 2.6s ease-in-out infinite;
 	position: relative;
 	z-index: 1;
-`,k=i.div`
+`,j=r.div`
 	position: absolute;
 	inset: 12px;
 	border-radius: 999px;
@@ -171,7 +171,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState a
 		rgba(255, 255, 255, 0.65),
 		rgba(255, 255, 255, 0)
 	);
-	animation: ${g} 2.6s ease-in-out infinite;
+	animation: ${m} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`,$=i=>{let{className:r,style:o}=i;const[d,p]=a(0);return t((()=>{const e=window.setInterval((()=>{p((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(l,Object.assign({className:r,style:o},{children:e.jsxs(c,{children:[e.jsxs(x,{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[d]},d),e.jsx(b,{children:[0,1,2].map((a=>e.jsx(h,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(u,Object.assign({delay:.4+.2*t},{children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]}),a.text)))})]})}))};export{$ 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,{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};

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").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;
+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;

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

@@ -1,4 +1,4 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/Ai_event_generating.svg.js";import{useState as t,useRef as r,useEffect as n}from"react";import a from"styled-components";import{BodySecondary as o,BodyCaption as d}from"../../TypographyStyle.js";import{renderMarkdownLite as s}from"../utils/markdown.js";import l from"./ThinkingIndicator.js";const c=a.div`
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/Ai_event_generating.svg.js";import{useState as r,useRef as n,useEffect as a}from"react";import o from"styled-components";import{BodySecondary as d,BodyCaption as l}from"../../TypographyStyle.js";import{renderMarkdownLite as s}from"../utils/markdown.js";import c from"./ThinkingIndicator.js";const h=o.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -12,7 +12,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 
 	/* 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        "}}}
-`,x=a.div`
+`,p=o.div`
 	padding: 16px;
 	border-bottom: 1px solid #e5e7eb;
 	display: flex;
@@ -26,13 +26,13 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 		font-weight: 500;
 		color: #374151;
 	}
-`,h=a.div`
+`,g=o.div`
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	min-height: 0;
-`,g=a.div`
+`,b=o.div`
 	flex: 1;
 	overflow-y: auto;
 	padding: 16px;
@@ -61,13 +61,13 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	&::-webkit-scrollbar-thumb:hover {
 		background: #a8a8a8;
 	}
-`,p=a.div`
+`,x=o.div`
 	background: white;
 	border-radius: 12px;
 	padding: 16px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	border: 1px solid #e5e7eb;
-`,b=a.div`
+`,f=o.div`
 	width: 100%;
 	height: 180px;
 	background: #f3f4f6;
@@ -77,7 +77,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	justify-content: center;
 	position: relative;
 	margin-bottom: 12px;
-`,f=a.div`
+`,u=o.div`
 	width: 48px;
 	height: 48px;
 	background: rgba(0, 0, 0, 0.7);
@@ -99,11 +99,11 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 		fill: white;
 		margin-left: 2px;
 	}
-`,u=a.div`
+`,m=o.div`
 	font-size: 14px;
 	color: #374151;
 	line-height: 1.5;
-`,m=a.div`
+`,k=o.div`
 	padding: 12px 16px;
 	border-radius: 16px;
 	font-size: 14px;
@@ -112,15 +112,15 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	word-wrap: break-word;
 
 	${e=>"user"===e.role?"\n        background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n        margin-left: auto;\n        border-bottom-right-radius: 4px;\n        \n        & > div {\n          background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          background-clip: text;\n          display: inline-block;\n        }\n      ":"system"===e.role?"\n        background: #f3f4f6;\n        color: #6b7280;\n        font-size: 12px;\n        font-style: italic;\n        text-align: center;\n        margin: 0 auto;\n        max-width: 90%;\n      ":"\n        background: white;\n        color: #111827;\n        border: 1px solid #e5e7eb;\n        margin-right: auto;\n        border-bottom-left-radius: 4px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      "}
-`,k=a.div`
+`,v=o.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,v=a.div`
+`,w=o.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	align-items: flex-end;
-`,w=a.button`
+`,y=o.button`
 	border: 1px dotted #febad2;
 	background: linear-gradient(
 		92.69deg,
@@ -149,14 +149,14 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,j=a.div`
+`,F=o.div`
 	padding: 16px;
 	background: white;
-`,y=a.div`
+`,T=o.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,F=a.button`
+`,$=o.button`
 	background: #fef2f2;
 	color: #dc2626;
 	padding: 12px 16px;
@@ -176,14 +176,14 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,T=a.div`
+`,S=o.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,$=a.div`
+`,z=o.div`
 	position: relative;
 	display: flex;
 	width: 100%;
-`,O=a.textarea`
+`,j=o.textarea`
 	flex: 1;
 	border: 1px solid ${e=>e.hasText?"#3b82f6":"#d1d5db"};
 	border-radius: 12px;
@@ -210,7 +210,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	&::placeholder {
 		color: #9ca3af;
 	}
-`,S=a.button`
+`,C=o.button`
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
@@ -242,7 +242,7 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 		fill: white;
 		font-weight: bold;
 	}
-`,z=a.span`
+`,A=o.span`
 	background: linear-gradient(
 		${e=>e.angle||92.69}deg,
 		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
@@ -251,4 +251,4 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`,C=a=>{let{messages:C,onSend:A,header:B="Create with AI",placeholder:I="Discover the right event & launch campaigns for better conversions...",suggestions:M=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:_,videoStarter:D,disabled:H=!1,isThinking:L=!1,onIceBreakerClick:W,chatState:K,chatWindowHeight:E,inputDisabled:N=!1}=a;const[P,V]=t(""),[q,G]=t(!1),[J,Q]=t(!1),R=r(null),U=r(null),X=q||L,Y=H||N,Z=K||(q||L?"thinking":J&&P.trim().length>0?"typing":0===C.length?"conversation-starter":C.length>0?"conversation":"default"),ee=()=>{!P.trim()||Y||X||(A(P),V(""),G(!0),setTimeout((()=>G(!1)),1500))},ie=P.trim().length>0,te=Y||X||!ie;n((()=>{var e;null===(e=R.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[C,q,L]);const re=E||"100%";return e.jsxs(c,Object.assign({chatState:Z,style:{height:re}},{children:[e.jsxs(x,{children:[e.jsx(i,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:B}))]}),e.jsxs(h,{children:[e.jsxs(g,{children:["conversation-starter"===Z&&D&&e.jsxs(p,{children:[e.jsx(b,{children:e.jsx(f,Object.assign({onClick:D.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(o,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:D.title})),e.jsx(d,{children:D.description})]})]}),C.map((i=>e.jsx(m,Object.assign({role:i.role},{children:"assistant"===i.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:s(i.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:i.content}))}),i.id))),(q||L)&&e.jsx(l,{}),e.jsx("div",{ref:R})]}),_&&"conversation-starter"===Z&&e.jsx(k,{children:e.jsx(v,{children:_.map((i=>e.jsx(w,Object.assign({disabled:Y,onClick:()=>{Y||(null==W||W(i),A(i.text))}},{children:e.jsx(z,{children:i.text})}),i.id)))})}),!_&&M.length>0&&"default"===Z&&e.jsx(j,{children:e.jsx(y,{children:M.map((i=>e.jsx(F,Object.assign({disabled:Y,onClick:()=>!Y&&A(i)},{children:i}),i)))})}),e.jsx(T,{children:e.jsxs($,{children:[e.jsx(O,{ref:U,value:P,onChange:e=>{if(Y)return;const i=e.target.value;V(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:I,onKeyDown:e=>{Y||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!X&&P.trim()&&ee())},disabled:Y,hasText:ie,chatState:Z}),e.jsx(S,Object.assign({onClick:ee,disabled:te,hasText:ie,"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"})]}))}))]})})]})]}))};export{z as CustomGradientText,C as default};
+`,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};

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;