@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

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

@@ -1 +0,0 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{Button as l}from"../button/Button.js";import{TitleMedium as o,BodyPrimary as e}from"../TypographyStyle.js";import{BannerWithImageContainer as i,ContentWrapper as r,BannerWithImageButtonWrapper as u,BannerImageWrapper as d}from"./Banner.styled.js";function c(c){return n(i,Object.assign({style:null==c?void 0:c.containerStyle},{children:[n(r,{children:[n("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[n(o,Object.assign({color:"#28034e"},{children:[null==c?void 0:c.title," "]})),n(e,{children:[null==c?void 0:c.subTitle," "]})]})),(null==c?void 0:c.buttonText)&&n(u,{children:[(null==c?void 0:c.onClickSecondary)&&(null==c?void 0:c.buttonSecondaryText)&&t(l,{onClick:null==c?void 0:c.onClickSecondary,buttonText:null==c?void 0:c.buttonSecondaryText,buttonType:(null==c?void 0:c.buttonTypeSecondary)||"secondary"}),t(l,{onClick:null==c?void 0:c.onClick,buttonText:null==c?void 0:c.buttonText,buttonType:(null==c?void 0:c.buttonType)||"primary"})]})]}),t(d,{children:t("img",{src:null==c?void 0:c.bannerWithImageUrl,alt:"Banner image"})})]}))}export{c as default};

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

@@ -1,6 +0,0 @@
-import { AdBannerProps } from './model';
-/**
- * CardBanner - Banner with TitleSmall, BodyCaption, 3 icons, and button
- */
-declare function CardBanner(props: AdBannerProps): import("react/jsx-runtime").JSX.Element;
-export default CardBanner;

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

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

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

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

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

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

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

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

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

@@ -1,77 +0,0 @@
-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/banner/model.js

@@ -1 +0,0 @@
-var a,e;!function(a){a.CARD_BANNER="CARD_BANNER",a.CARD_BANNER_WITH_IMAGE="CARD_BANNER_WITH_IMAGE",a.BANNER_INLINE="BANNER_INLINE",a.BANNER_WITH_IMAGE="BANNER_WITH_IMAGE"}(a||(a={})),function(a){a.WHATSAPP="WHATSAPP",a.INSTAGRAM="INSTAGRAM",a.EMAIL="EMAIL"}(e||(e={}));const t=a=>{switch(a){case e.WHATSAPP:return"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fe106cfaf-05f5-455a-90db-e03f73840879?alt=media&token=2ad25cc1-c9c9-4b4c-9273-7654fe4ab802";case e.INSTAGRAM:return"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fbdcc71a8-f505-4549-8278-d6e7a95e1e19?alt=media&token=1729b489-3eb6-4dd3-b74d-e7115afdb2af";case e.EMAIL:return"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F00910e7b-2ce2-4b14-aea1-543a138c1653?alt=media&token=93e3e15e-4a0f-4737-b9a1-c9b0168a7d62";default:return""}};export{e as BannerThirdPartyIcon,a as BannerType,t as getUrlForBannerThirdPartyIcon};

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

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

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

@@ -1,40 +0,0 @@
-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.
- * @prop useCase - Optional use case identifier for the chatbot
- * @prop storeId - Optional store ID identifier for the chatbot
- */
-export interface BIKChatbotWithStyleProps extends BIKChatbotProps {
-    width?: string | number;
-    maxWidth?: string | number;
-    fullHeight?: boolean;
-    style?: CSSProperties;
-    chatWindowHeight?: string | number;
-    tools?: string[];
-    onSystemReady?: (system: SystemConfig) => void;
-    useCase?: string;
-    storeId?: string;
-}
-export declare const BIKChatbot: FC<BIKChatbotWithStyleProps>;
-export default BIKChatbot;

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

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

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

@@ -1,7 +0,0 @@
-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,177 +0,0 @@
-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);
-	}
-	to {
-		opacity: 1;
-		transform: translateY(0);
-	}
-`,p=n`
-	0%, 100% {
-		transform: scale(1);
-		opacity: 0.3;
-	}
-	50% {
-		transform: scale(1.4);
-		opacity: 1;
-	}
-`,l=n`
-	from {
-		opacity: 0;
-		transform: translateX(-18px);
-	}
-	to {
-		opacity: 1;
-		transform: translateX(0);
-	}
-`,c=r.div`
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 24px;
-	min-height: 240px;
-`,f=r.div`
-	text-align: center;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 24px;
-	max-width: 280px;
-	width: 100%;
-`,x=r.div`
-	width: 76px;
-	height: 76px;
-	border-radius: 50%;
-	background: linear-gradient(
-		135deg,
-		rgba(255, 22, 106, 0.28) 0%,
-		rgba(123, 104, 238, 0.32) 100%
-	);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow: 0 22px 44px rgba(123, 104, 238, 0.22);
-	padding: 12px;
-	position: relative;
-	overflow: hidden;
-
-	&::after {
-		content: '';
-		position: absolute;
-		inset: 6px;
-		border-radius: 50%;
-		background: radial-gradient(
-			circle at 30% 30%,
-			rgba(255, 255, 255, 0.6),
-			transparent 70%
-		);
-		mix-blend-mode: screen;
-	}
-`,g=n`
-	0% {
-		transform: scale(1);
-		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	}
-	35% {
-		transform: scale(1.04);
-		filter: drop-shadow(0 10px 24px rgba(236, 72, 153, 0.32));
-	}
-	70% {
-		transform: scale(0.98);
-		filter: drop-shadow(0 4px 12px rgba(148, 163, 184, 0.18));
-	}
-	100% {
-		transform: scale(1);
-		filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	}
-`,m=n`
-	0% {
-		transform: translateX(-120%);
-		opacity: 0;
-	}
-	30% {
-		opacity: 0.4;
-	}
-	60% {
-		transform: translateX(120%);
-		opacity: 0;
-	}
-	100% {
-		transform: translateX(120%);
-		opacity: 0;
-	}
-`,b=r.div`
-	font-size: 14px;
-	color: #52586c;
-	line-height: 1.5;
-	min-height: 21px;
-	animation: ${d} 0.4s ease forwards;
-`,h=r.div`
-	display: flex;
-	justify-content: center;
-	gap: 6px;
-`,y=r.span`
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-	background: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);
-	animation: ${p} 1.4s ease-in-out infinite;
-	animation-delay: ${e=>e.delay}s;
-`,u=r.div`
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	margin-top: 8px;
-	width: 100%;
-`,w=r.div`
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	background: linear-gradient(
-		135deg,
-		rgba(255, 255, 255, 0.92) 0%,
-		rgba(248, 246, 255, 0.96) 100%
-	);
-	border-radius: 12px;
-	padding: 12px;
-	box-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);
-	animation: ${l} 0.5s ease forwards;
-	animation-delay: ${e=>e.delay}s;
-	opacity: 0;
-`,v=r.div`
-	width: 36px;
-	height: 36px;
-	border-radius: 10px;
-	background: linear-gradient(140deg, #ffffff 0%, #f7f3ff 100%);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);
-	font-size: 18px;
-`,k=r.span`
-	font-size: 12px;
-	color: #5f6781;
-	text-align: left;
-`,j=r.img`
-	width: 100%;
-	height: 100%;
-	object-fit: contain;
-	filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	animation: ${g} 2.6s ease-in-out infinite;
-	position: relative;
-	z-index: 1;
-`,$=r.div`
-	position: absolute;
-	inset: 12px;
-	border-radius: 999px;
-	background: linear-gradient(
-		140deg,
-		rgba(255, 255, 255, 0.65),
-		rgba(255, 255, 255, 0)
-	);
-	animation: ${m} 2.6s ease-in-out infinite;
-	pointer-events: none;
-	z-index: 0;
-`,z=({className:r,style:n})=>{const[d,p]=t(0);return i(()=>{const e=window.setInterval(()=>{p(e=>(e+1)%o.length)},2e3);return()=>window.clearInterval(e)},[]),e(c,Object.assign({className:r,style:n},{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[d]},d),e(h,{children:[0,1,2].map(a=>e(y,{delay:.22*a},a))}),e(u,{children:s.map((t,i)=>a(w,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 +0,0 @@
-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

@@ -1,254 +0,0 @@
-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%;
-	min-width: 0;
-	min-height: 0;
-	height: 100%;
-	max-height: 100%;
-	background: white;
-	border-left: 1px solid #e5e7eb;
-	position: relative;
-
-	/* 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        "}}}
-`,g=o.div`
-	padding: 16px;
-	border-bottom: 1px solid #e5e7eb;
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	background: white;
-	flex-shrink: 0;
-
-	.header-text {
-		font-size: 14px;
-		font-weight: 500;
-		color: #374151;
-	}
-`,p=o.div`
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	min-height: 0;
-`,b=o.div`
-	flex: 1;
-	overflow-y: auto;
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	background: #fafafa;
-	scroll-behavior: smooth;
-	min-height: 0;
-
-	/* Custom scrollbar */
-	&::-webkit-scrollbar {
-		width: 6px;
-	}
-
-	&::-webkit-scrollbar-track {
-		background: #f1f1f1;
-		border-radius: 3px;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background: #c1c1c1;
-		border-radius: 3px;
-	}
-
-	&::-webkit-scrollbar-thumb:hover {
-		background: #a8a8a8;
-	}
-`,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;
-`,f=o.div`
-	width: 100%;
-	height: 180px;
-	background: #f3f4f6;
-	border-radius: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	margin-bottom: 12px;
-`,u=o.div`
-	width: 48px;
-	height: 48px;
-	background: rgba(0, 0, 0, 0.7);
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	cursor: pointer;
-	transition: all 0.2s ease;
-
-	&:hover {
-		background: rgba(0, 0, 0, 0.8);
-		transform: scale(1.05);
-	}
-
-	svg {
-		width: 16px;
-		height: 16px;
-		fill: white;
-		margin-left: 2px;
-	}
-`,m=o.div`
-	font-size: 14px;
-	color: #374151;
-	line-height: 1.5;
-`,k=o.div`
-	padding: 12px 16px;
-	border-radius: 16px;
-	font-size: 14px;
-	max-width: 80%;
-	white-space: pre-line;
-	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      "}
-`,v=o.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,w=o.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	align-items: flex-end;
-`,y=o.button`
-	border: 1px dotted #febad2;
-	background: linear-gradient(
-		92.69deg,
-		rgba(255, 230, 238, 0.5) 0.37%,
-		rgba(255, 240, 231, 0.5) 100%
-	);
-	padding: 8px 16px;
-	border-radius: 8px;
-	font-size: 13px;
-	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-	transition: all 0.2s ease;
-	text-align: left;
-	max-width: 280px;
-	align-self: flex-end;
-	opacity: ${e=>e.disabled?.5:1};
-
-	&:hover:not(:disabled) {
-		background: linear-gradient(
-			92.69deg,
-			rgba(255, 230, 238, 0.7) 0.37%,
-			rgba(255, 240, 231, 0.7) 100%
-		);
-		border-color: #f472b6;
-	}
-
-	&:active:not(:disabled) {
-		transform: scale(0.98);
-	}
-`,F=o.div`
-	padding: 16px;
-	background: white;
-`,j=o.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-`,T=o.button`
-	background: #fef2f2;
-	color: #dc2626;
-	padding: 12px 16px;
-	border-radius: 8px;
-	font-size: 13px;
-	border: 1px solid #fecaca;
-	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-	transition: all 0.2s ease;
-	text-align: left;
-	opacity: ${e=>e.disabled?.5:1};
-
-	&:hover:not(:disabled) {
-		background: #fee2e2;
-		border-color: #fca5a5;
-	}
-
-	&:active:not(:disabled) {
-		transform: scale(0.98);
-	}
-`,$=o.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,O=o.div`
-	position: relative;
-	display: flex;
-	width: 100%;
-`,S=o.textarea`
-	flex: 1;
-	border: 1px solid ${e=>e.hasText?"#3b82f6":"#d1d5db"};
-	border-radius: 12px;
-	padding: 12px;
-	padding-right: 48px;
-	font-size: 14px;
-	outline: none;
-	color: #374151;
-	background: white;
-	box-shadow: 0px 2px 8px 0px #0000001f;
-	transition: all 0.2s ease;
-	resize: none;
-	min-height: 44px;
-	max-height: 120px;
-	font-family: inherit;
-	width: 100%;
-
-	&:focus {
-		border-color: #3b82f6;
-		background: white;
-		box-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);
-	}
-
-	&::placeholder {
-		color: #9ca3af;
-	}
-`,z=o.button`
-	position: absolute;
-	bottom: 10px;
-	right: 10px;
-	width: 36px;
-	height: 36px;
-	border-radius: 50%;
-	background: ${e=>e.hasText?"linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)":"#e5e7eb"};
-	border: none;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-	transition: all 0.2s ease;
-	box-shadow: 0 2px 8px 0px #fa709a1c;
-	z-index: 2;
-
-	&:hover:not(:disabled) {
-		background: ${e=>e.hasText&&!e.disabled?"linear-gradient(135deg, #F857A6 0%, #FF5858 100%)":"#e5e7eb"};
-		transform: scale(1.05);
-	}
-
-	&:active:not(:disabled) {
-		transform: scale(0.95);
-	}
-
-	svg {
-		width: 16px;
-		height: 16px;
-		fill: white;
-		font-weight: bold;
-	}
-`,C=o.span`
-	background: linear-gradient(
-		${e=>e.angle||92.69}deg,
-		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
-	);
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-	background-clip: text;
-	display: inline-block;
-`,A=({messages:o,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:D,videoStarter:_,disabled:H=!1,isThinking:L=!1,onIceBreakerClick:W,chatState:K,chatWindowHeight:E,inputDisabled:N=!1})=>{const[P,V]=r(""),[q,G]=r(!1),[J,Q]=r(!1),R=n(null),U=n(null),X=q||L,Y=H||N,Z=K||(q||L?"thinking":J&&P.trim().length>0?"typing":0===o.length?"conversation-starter":o.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;a(()=>{var e;null===(e=R.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[o,q,L]);const re=E||"100%";return e(h,Object.assign({chatState:Z,style:{height:re}},{children:[e(g,{children:[i(t,{height:24,width:24}),i("div",Object.assign({className:"header-text"},{children:B}))]}),e(p,{children:[e(b,{children:["conversation-starter"===Z&&_&&e(x,{children:[i(f,{children:i(u,Object.assign({onClick:_.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:_.title})),i(l,{children:_.description})]})]}),o.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)),(q||L)&&i(c,{}),i("div",{ref:R})]}),D&&"conversation-starter"===Z&&i(v,{children:i(w,{children:D.map(e=>i(y,Object.assign({disabled:Y,onClick:()=>{Y||(null==W||W(e),A(e.text))}},{children:i(C,{children:e.text})}),e.id))})}),!D&&M.length>0&&"default"===Z&&i(F,{children:i(j,{children:M.map(e=>i(T,Object.assign({disabled:Y,onClick:()=>!Y&&A(e)},{children:e}),e))})}),i($,{children:e(O,{children:[i(S,{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}),i(z,Object.assign({onClick:ee,disabled:te,hasText:ie,"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 +0,0 @@
-import React from 'react';
-declare const ThinkingIndicator: React.FC;
-export default ThinkingIndicator;