@bikdotai/bik-component-library 0.0.77-4.beta.0.8 → 0.0.78

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../contexts/AIContext.js"),t=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:I=!0,placeholder:g,iceBreakers:y,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:C,requestExecutor:S,baseUrl:k,endpointPath:w,responseFormat:H,responseSchema:P,width:q,maxWidth:E,fullHeight:M,style:B,chatWindowHeight:A,tools:O,onSystemReady:R,useCase:T,storeId:U}=o;if(!r)throw new Error("systemPrompt is required for generic mode.");const W=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",Object.assign({className:p,style:W},{children:e.jsx(s.AIProvider,Object.assign({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:S,baseUrl:k,endpointPath:w,tools:O,onSystemReady:R,useCase:T,storeId:U},{children:e.jsx(t.AIChat,{height:M?"100%":x,chatWindowHeight:A,showHeader:I,placeholder:g,iceBreakers:y,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:C})}))}))};exports.BIKChatbot=o,exports.default=o;

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

@@ -1,177 +0,0 @@
-"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);
-	}
-	to {
-		opacity: 1;
-		transform: translateY(0);
-	}
-`,d=t.keyframes`
-	0%, 100% {
-		transform: scale(1);
-		opacity: 0.3;
-	}
-	50% {
-		transform: scale(1.4);
-		opacity: 1;
-	}
-`,l=t.keyframes`
-	from {
-		opacity: 0;
-		transform: translateX(-18px);
-	}
-	to {
-		opacity: 1;
-		transform: translateX(0);
-	}
-`,p=r.default.div`
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 24px;
-	min-height: 240px;
-`,f=r.default.div`
-	text-align: center;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 24px;
-	max-width: 280px;
-	width: 100%;
-`,c=r.default.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;
-	}
-`,x=t.keyframes`
-	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));
-	}
-`,g=t.keyframes`
-	0% {
-		transform: translateX(-120%);
-		opacity: 0;
-	}
-	30% {
-		opacity: 0.4;
-	}
-	60% {
-		transform: translateX(120%);
-		opacity: 0;
-	}
-	100% {
-		transform: translateX(120%);
-		opacity: 0;
-	}
-`,m=r.default.div`
-	font-size: 14px;
-	color: #52586c;
-	line-height: 1.5;
-	min-height: 21px;
-	animation: ${o} 0.4s ease forwards;
-`,u=r.default.div`
-	display: flex;
-	justify-content: center;
-	gap: 6px;
-`,b=r.default.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-delay: ${e=>e.delay}s;
-`,y=r.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	margin-top: 8px;
-	width: 100%;
-`,h=r.default.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;
-`,w=r.default.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;
-`,j=r.default.span`
-	font-size: 12px;
-	color: #5f6781;
-	text-align: left;
-`,v=r.default.img`
-	width: 100%;
-	height: 100%;
-	object-fit: contain;
-	filter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));
-	animation: ${x} 2.6s ease-in-out infinite;
-	position: relative;
-	z-index: 1;
-`,k=r.default.div`
-	position: absolute;
-	inset: 12px;
-	border-radius: 999px;
-	background: linear-gradient(
-		140deg,
-		rgba(255, 255, 255, 0.65),
-		rgba(255, 255, 255, 0)
-	);
-	animation: ${g} 2.6s ease-in-out infinite;
-	pointer-events: none;
-	z-index: 0;
-`;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,Object.assign({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,Object.assign({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 +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/cjs/components/bik-chatbot/components/ChatWindow.js

@@ -1,254 +0,0 @@
-"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%;
-	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        "}}}
-`,c=l.default.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;
-	}
-`,x=l.default.div`
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	min-height: 0;
-`,h=l.default.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;
-	}
-`,g=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;
-`,p=l.default.div`
-	width: 100%;
-	height: 180px;
-	background: #f3f4f6;
-	border-radius: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	margin-bottom: 12px;
-`,b=l.default.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;
-	}
-`,u=l.default.div`
-	font-size: 14px;
-	color: #374151;
-	line-height: 1.5;
-`,f=l.default.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      "}
-`,k=l.default.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,v=l.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	align-items: flex-end;
-`,m=l.default.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);
-	}
-`,w=l.default.div`
-	padding: 16px;
-	background: white;
-`,j=l.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-`,y=l.default.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);
-	}
-`,F=l.default.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,S=l.default.div`
-	position: relative;
-	display: flex;
-	width: 100%;
-`,T=l.default.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;
-	}
-`,$=l.default.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;
-	}
-`,O=l.default.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;
-`;exports.CustomGradientText=O,exports.default=r=>{let{messages:o,onSend:l,header:C="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1}=r;const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),V=i.useRef(null),J=K||_,Q=M||H,U=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!W.trim()||Q||J||(l(W),E(""),P(!0),setTimeout((()=>P(!1)),1500))},Y=W.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,K,_]);const ee=L||"100%";return e.jsxs(s,Object.assign({chatState:U,style:{height:ee}},{children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:C}))]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===U&&A&&e.jsxs(g,{children:[e.jsx(p,{children:e.jsx(b,Object.assign({onClick:A.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(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:A.title})),e.jsx(n.BodyCaption,{children:A.description})]})]}),o.map((t=>e.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===U&&e.jsx(k,{children:e.jsx(v,{children:q.map((t=>e.jsx(m,Object.assign({disabled:Q,onClick:()=>{Q||(null==I||I(t),l(t.text))}},{children:e.jsx(O,{children:t.text})}),t.id)))})}),!q&&B.length>0&&"default"===U&&e.jsx(w,{children:e.jsx(j,{children:B.map((t=>e.jsx(y,Object.assign({disabled:Q,onClick:()=>!Q&&l(t)},{children:t}),t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:V,value:W,onChange:e=>{if(Q)return;const t=e.target.value;E(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:z,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&W.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsx($,Object.assign({onClick:X,disabled:Z,hasText:Y,"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"})]}))}))]})})]})]}))};

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ThinkingIndicator: React.FC;
-export default ThinkingIndicator;

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js

@@ -1,147 +0,0 @@
-"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;
-	border-bottom-left-radius: 6px;
-	width: clamp(260px, 70vw, 340px);
-	min-height: 108px;
-	margin-right: auto;
-	font-size: 14px;
-	color: #1f2937;
-	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
-	display: flex;
-	align-items: flex-start;
-	gap: 14px;
-	position: relative;
-	overflow: hidden;
-	flex-shrink: 0;
-
-	
-
-	.icon-svg {
-		width: 24px;
-		height: 24px;
-		flex-shrink: 0;
-		animation: iconPulse 2.4s ease-in-out infinite;
-	}
-
-	.bubble-content {
-		display: flex;
-		flex-direction: column;
-		gap: 12px;
-		width: 100%;
-	}
-
-	.status-text {
-		font-weight: 500;
-		color: #1f2937;
-		line-height: 1.45;
-		animation: textFade 0.35s ease forwards;
-		min-height: 20px;
-	}
-
-	.dots {
-		display: flex;
-		gap: 6px;
-	}
-
-	.dot {
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		background: #EC4899;
-		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
-		animation: dotBounce 1.3s ease-in-out infinite;
-	}
-
-	.shimmer-group {
-		display: flex;
-		flex-direction: column;
-		gap: 6px;
-	}
-
-	.shimmer-line {
-        height: 10px;
-		border-radius: 20px;
-		background: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);
-		position: relative;
-		overflow: hidden;
-		animation: shimmerAppear 0.4s ease forwards;
-	}
-
-	.shimmer-highlight {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(
-			90deg,
-			rgba(255, 255, 255, 0) 0%,
-			rgba(255, 255, 255, 0.75) 50%,
-			rgba(255, 255, 255, 0) 100%
-		);
-		transform: translateX(-100%);
-		animation: shimmerMove 1.8s linear infinite;
-	}
-
-	@keyframes iconPulse {
-		0%,
-		100% {
-			transform: scale(0.95) rotate(-3deg);
-		}
-		50% {
-			transform: scale(1.05) rotate(3deg);
-		}
-	}
-
-	@keyframes dotBounce {
-		0%,
-		100% {
-			transform: translateY(0) scale(1);
-			opacity: 0.35;
-		}
-		50% {
-			transform: translateY(-6px) scale(1.2);
-			opacity: 1;
-		}
-	}
-
-	@keyframes shimmerMove {
-		0% {
-			transform: translateX(-120%);
-		}
-		100% {
-			transform: translateX(140%);
-		}
-	}
-
-	@keyframes shimmerAppear {
-		from {
-			opacity: 0;
-			transform: translateY(2px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@keyframes glowPulse {
-		0%,
-		100% {
-			opacity: 0.2;
-		}
-		50% {
-			opacity: 0.55;
-		}
-	}
-
-	@keyframes textFade {
-		from {
-			opacity: 0;
-			transform: translateY(4px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-`,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,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsx("div",Object.assign({className:"status-text"},{children:i.text})),e.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,a)=>e.jsx("div",Object.assign({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 +0,0 @@
-import React from 'react';
-import { AIContextState, AIProviderProps } from '../types';
-export declare const AIProvider: React.FC<AIProviderProps>;
-export declare const useAIContext: () => AIContextState;

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js

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