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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),e=require("../button/Button.js"),r=require("../TypographyStyle.js"),s=require("./Banner.styled.js");exports.default=function(n){return t.jsxRuntimeExports.jsxs(s.CardWrapper,Object.assign({style:null==n?void 0:n.containerStyle},{children:[t.jsxRuntimeExports.jsx(s.CardImageWrapper,{children:t.jsxRuntimeExports.jsx("img",{src:null==n?void 0:n.cardImageUrl,alt:"Card Img",style:{aspectRatio:"auto"}})}),t.jsxRuntimeExports.jsxs(s.CardFooterWrapper,{children:[t.jsxRuntimeExports.jsx(s.CompanyImageWrapper,{children:t.jsxRuntimeExports.jsx("img",{src:n.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),t.jsxRuntimeExports.jsx(r.TitleSmall,{children:null==n?void 0:n.title}),t.jsxRuntimeExports.jsx(s.CardButtonWrapper,{children:t.jsxRuntimeExports.jsx(e.Button,{onClick:null==n?void 0:n.onClick,buttonType:(null==n?void 0:n.buttonType)||"secondary",buttonText:null==n?void 0:n.buttonText,style:{width:"fit-content",whiteSpace:"nowrap"}})})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),r=require("../TypographyStyle.js"),l=require("./Banner.styled.js");exports.default=function(n){return e.jsxs(l.CardWrapper,{style:null==n?void 0:n.containerStyle,children:[e.jsx(l.CardImageWrapper,{children:e.jsx("img",{src:null==n?void 0:n.cardImageUrl,alt:"Card Img",style:{aspectRatio:"auto"}})}),e.jsxs(l.CardFooterWrapper,{children:[e.jsx(l.CompanyImageWrapper,{children:e.jsx("img",{src:n.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),e.jsx(r.TitleSmall,{children:null==n?void 0:n.title}),e.jsx(l.CardButtonWrapper,{children:e.jsx(t.Button,{onClick:null==n?void 0:n.onClick,buttonType:(null==n?void 0:n.buttonType)||"secondary",buttonText:null==n?void 0:n.buttonText,style:{width:"fit-content",whiteSpace:"nowrap"}})})]})]})};

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

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(a);const n=["Preparing to assist you...","Getting ready to brainstorm..."],s=[{symbol:"✨",text:"Get AI-powered ideas"},{symbol:"💬",text:"Ask me anything"}],o=a.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t);const n=["Preparing to assist you...","Getting ready to brainstorm..."],s=[{symbol:"✨",text:"Get AI-powered ideas"},{symbol:"💬",text:"Ask me anything"}],o=t.keyframes`
 	from {
 		opacity: 0;
 		transform: translateY(12px);
@@ -7,7 +7,7 @@
 		opacity: 1;
 		transform: translateY(0);
 	}
-`,d=a.keyframes`
+`,d=t.keyframes`
 	0%, 100% {
 		transform: scale(1);
 		opacity: 0.3;
@@ -16,7 +16,7 @@
 		transform: scale(1.4);
 		opacity: 1;
 	}
-`,l=a.keyframes`
+`,l=t.keyframes`
 	from {
 		opacity: 0;
 		transform: translateX(-18px);
@@ -32,7 +32,7 @@
 	justify-content: center;
 	padding: 24px;
 	min-height: 240px;
-`,x=r.default.div`
+`,f=r.default.div`
 	text-align: center;
 	display: flex;
 	flex-direction: column;
@@ -40,7 +40,7 @@
 	gap: 24px;
 	max-width: 280px;
 	width: 100%;
-`,f=r.default.div`
+`,c=r.default.div`
 	width: 76px;
 	height: 76px;
 	border-radius: 50%;
@@ -69,7 +69,7 @@
 		);
 		mix-blend-mode: screen;
 	}
-`,c=a.keyframes`
+`,x=t.keyframes`
 	0% {
 		transform: scale(1);
 		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
@@ -86,7 +86,7 @@
 		transform: scale(1);
 		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
 	}
-`,m=a.keyframes`
+`,g=t.keyframes`
 	0% {
 		transform: translateX(-120%);
 		opacity: 0;
@@ -102,7 +102,7 @@
 		transform: translateX(120%);
 		opacity: 0;
 	}
-`,g=r.default.div`
+`,m=r.default.div`
 	font-size: 14px;
 	color: #52586c;
 	line-height: 1.5;
@@ -140,7 +140,7 @@
 	animation: ${l} 0.5s ease forwards;
 	animation-delay: ${e=>e.delay}s;
 	opacity: 0;
-`,j=r.default.div`
+`,w=r.default.div`
 	width: 36px;
 	height: 36px;
 	border-radius: 10px;
@@ -150,7 +150,7 @@
 	justify-content: center;
 	box-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);
 	font-size: 18px;
-`,w=r.default.span`
+`,j=r.default.span`
 	font-size: 12px;
 	color: #5f6781;
 	text-align: left;
@@ -159,7 +159,7 @@
 	height: 100%;
 	object-fit: contain;
 	filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	animation: ${c} 2.6s ease-in-out infinite;
+	animation: ${x} 2.6s ease-in-out infinite;
 	position: relative;
 	z-index: 1;
 `,k=r.default.div`
@@ -171,7 +171,7 @@
 		rgba(255, 255, 255, 0.65),
 		rgba(255, 255, 255, 0)
 	);
-	animation: ${m} 2.6s ease-in-out infinite;
+	animation: ${g} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`;exports.default=a=>{let{className:i,style:r}=a;const[o,d]=t.useState(0);return t.useEffect((()=>{const e=window.setInterval((()=>{d((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsxRuntimeExports.jsx(p,Object.assign({className:i,style:r},{children:e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(k,{}),e.jsxRuntimeExports.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.jsxRuntimeExports.jsx(g,{children:n[o]},o),e.jsxRuntimeExports.jsx(u,{children:[0,1,2].map((t=>e.jsxRuntimeExports.jsx(b,{delay:.22*t},t)))}),e.jsxRuntimeExports.jsx(y,{children:s.map(((t,a)=>e.jsxRuntimeExports.jsxs(h,Object.assign({delay:.4+.2*a},{children:[e.jsxRuntimeExports.jsx(j,{children:t.symbol}),e.jsxRuntimeExports.jsx(w,{children:t.text})]}),t.text)))})]})}))};
+`;exports.default=t=>{let{className:i,style:r}=t;const[o,d]=a.useState(0);return a.useEffect((()=>{const e=window.setInterval((()=>{d((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(p,{className:i,style:r,children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[o]},o),e.jsx(u,{children:[0,1,2].map((a=>e.jsx(b,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(h,{delay:.4+.2*t,children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]},a.text)))})]})})};

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

@@ -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/cjs/components/bik-chatbot/components/ChatWindow.js

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("styled-components"),a=require("../../../assets/icons/Idea.svg.js"),i=require("../../../assets/icons/AiEdit.svg.js"),r=require("../../../assets/icons/HelpIcon.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n(s).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),s=require("../../../assets/icons/Idea.svg.js"),i=require("../../../assets/icons/AiEdit.svg.js"),r=require("../../../assets/icons/HelpIcon.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n(a).default.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 @@
 			transform: translateY(0);
 		}
 	}
-`,l=[{icon:a.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[s,a]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{a((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[s];return e.jsxRuntimeExports.jsxs(o,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsxRuntimeExports.jsx(i.icon,{height:24,width:24}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"status-text"},{children:i.text})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsxRuntimeExports.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,s)=>e.jsxRuntimeExports.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*s+"s"}},{children:e.jsxRuntimeExports.jsx("span",{className:"shimmer-highlight"})}),t)))}))]}))]}))};
+`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{s((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[a];return e.jsxs(o,{role:"status","aria-live":"polite",children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",{className:"bubble-content",children:[e.jsx("div",{className:"status-text",children:i.text}),e.jsx("div",{className:"dots",children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))}),e.jsx("div",{className:"shimmer-group",children:[70,85,50].map(((t,a)=>e.jsx("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"},children:e.jsx("span",{className:"shimmer-highlight"})},t)))})]})]})};

package/dist/cjs/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;