@bikdotai/bik-component-library 0.0.718-beta.18 → 0.0.718-beta.2

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

@@ -1,252 +0,0 @@
-"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`
-	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        "}}}
-`,x=d.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;
-	}
-`,c=d.default.div`
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	min-height: 0;
-`,p=d.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;
-	}
-`,u=d.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`
-	width: 100%;
-	height: 180px;
-	background: #f3f4f6;
-	border-radius: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	margin-bottom: 12px;
-`,g=d.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;
-	}
-`,b=d.default.div`
-	font-size: 14px;
-	color: #374151;
-	line-height: 1.5;
-`,f=d.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      "}
-`,m=d.default.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,j=d.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	align-items: flex-end;
-`,k=d.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: pointer;
-	transition: all 0.2s ease;
-	text-align: left;
-	max-width: 280px;
-	align-self: flex-end;
-
-	&:hover {
-		background: linear-gradient(
-			92.69deg,
-			rgba(255, 230, 238, 0.7) 0.37%,
-			rgba(255, 240, 231, 0.7) 100%
-		);
-		border-color: #f472b6;
-	}
-
-	&:active {
-		transform: scale(0.98);
-	}
-`,v=d.default.div`
-	padding: 16px;
-	background: white;
-`,w=d.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-`,y=d.default.button`
-	background: #fef2f2;
-	color: #dc2626;
-	padding: 12px 16px;
-	border-radius: 8px;
-	font-size: 13px;
-	border: 1px solid #fecaca;
-	cursor: pointer;
-	transition: all 0.2s ease;
-	text-align: left;
-
-	&:hover {
-		background: #fee2e2;
-		border-color: #fca5a5;
-	}
-
-	&:active {
-		transform: scale(0.98);
-	}
-`,E=d.default.div`
-	padding: 16px;
-	flex-shrink: 0;
-`,R=d.default.div`
-	position: relative;
-	display: flex;
-	width: 100%;
-`,F=d.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;
-	}
-`,S=d.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;
-	}
-`,T=d.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=T,exports.default=r=>{let{messages:o,onSend:d,header:O="Create with AI",placeholder:C="Discover the right event & launch campaigns for better conversions...",suggestions:z=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:B,videoStarter:$,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:O}))]}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsxs(p,{children:["conversation-starter"===U&&$&&e.jsxRuntimeExports.jsxs(u,{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(g,Object.assign({onClick:$.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:$.title})),e.jsxRuntimeExports.jsx(n.BodyCaption,{children:$.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})]}),B&&"conversation-starter"===U&&e.jsxRuntimeExports.jsx(m,{children:e.jsxRuntimeExports.jsx(j,{children:B.map((t=>e.jsxRuntimeExports.jsx(k,Object.assign({onClick:()=>{q||(null==M||M(t),d(t.text))}},{children:e.jsxRuntimeExports.jsx(T,{children:t.text})}),t.id)))})}),!B&&z.length>0&&"default"===U&&e.jsxRuntimeExports.jsx(v,{children:e.jsxRuntimeExports.jsx(w,{children:z.map((t=>e.jsxRuntimeExports.jsx(y,Object.assign({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:C,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"})]}))}))]})})]})]}))};

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,188 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=a(require("styled-components")).default.div`
-	background: #ffffff;
-	border: 1px solid ${e=>`${e.accent}33`};
-	padding: 16px 18px 20px;
-	border-radius: 16px;
-	border-bottom-left-radius: 6px;
-	width: clamp(260px, 70vw, 340px);
-	min-height: 140px;
-	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;
-
-	&::after {
-		content: '';
-		position: absolute;
-		left: 18px;
-		right: 18px;
-		bottom: 10px;
-		height: 4px;
-		border-radius: 999px;
-		background: ${e=>e.gradient};
-		opacity: 0.35;
-		animation: glowPulse 2.4s ease-in-out infinite;
-		pointer-events: none;
-	}
-
-	.icon-wrapper {
-		position: relative;
-		width: 44px;
-		height: 44px;
-		border-radius: 12px;
-		background: ${e=>e.gradient};
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		box-shadow: 0 10px 25px ${e=>`${e.accent}26`};
-		animation: iconPulse 2.4s ease-in-out infinite;
-		flex-shrink: 0;
-		overflow: hidden;
-	}
-
-	.icon-wrapper::after {
-		content: '';
-		position: absolute;
-		inset: 0;
-		border-radius: 12px;
-		background: radial-gradient(
-			circle at top left,
-			rgba(255, 255, 255, 0.7),
-			transparent 65%
-		);
-		mix-blend-mode: screen;
-	}
-
-	.icon-letter {
-		font-size: 18px;
-		font-weight: 700;
-		color: #ffffff;
-		letter-spacing: 0.02em;
-	}
-
-	.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: ${e=>e.accent};
-		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: 6px;
-		border-radius: 999px;
-		background: rgba(148, 163, 184, 0.18);
-		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);
-		}
-	}
-`,s=[{label:"A",text:"Analyzing your question...",gradient:"linear-gradient(135deg, #a855f7 0%, #7c3aed 100%)",accent:"#7c3aed"},{label:"C",text:"Crafting the perfect response...",gradient:"linear-gradient(135deg, #f97316 0%, #fb5f08 100%)",accent:"#fb5f08"},{label:"G",text:"Gathering insights...",gradient:"linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)",accent:"#2563eb"}];exports.default=()=>{const[a,r]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{r((e=>(e+1)%s.length))}),1800);return()=>window.clearInterval(e)}),[]);const n=s[a];return e.jsxRuntimeExports.jsxs(i,Object.assign({gradient:n.gradient,accent:n.accent,role:"status","aria-live":"polite"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-wrapper"},{children:e.jsxRuntimeExports.jsx("span",Object.assign({className:"icon-letter"},{children:n.label}))})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"status-text"},{children:n.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:[60,80,45].map(((t,a)=>e.jsxRuntimeExports.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"}},{children:e.jsxRuntimeExports.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("../../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("../services/useAIChat.js"),r=require("../types/ai.js"),n=require("../services/callToChatbot.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:x,maxTokens:A,requestExecutor:E,baseUrl:g,endpointPath:I,responseFormat:y,conversationId:h="default-session",customModel:C,onSystemReady:L}=a;const[q,j]=t.useState(null),[P,_]=t.useState(!0),[b,M]=t.useState(null),w=t.useRef(null);t.useEffect((()=>l?E&&g?void M(null):(M("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void _(!1)):(M("systemPrompt is required for generic mode"),void _(!1))),[l,E,g]);const D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_(!0),M(null);const e=C||r.DEFAULT_MODEL;if(!r.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${C||"default"}. Allowed models are: ${r.ALLOWED_MODELS.join(", ")}`);j({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";M(s)}finally{_(!1)}}))),[C,l,d,c]);t.useEffect((()=>{l&&D()}),[D]),t.useEffect((()=>{q&&L&&q.id!==w.current&&(w.current=q.id,L(q)),q||(w.current=null)}),[q]);const{messages:O,conversation:R,sendMessage:T,isApiCallInProgress:U}=o.useAIChat({system:q||{id:"loading",name:"Loading...",model:r.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:h,skipInitialization:!q,customFunctions:c,functionHandler:p,responseFormat:y,onMessageReceived:v,displayInUI:f,maxToolCalls:x,maxTokens:A,apiAdapter:E&&g?n.createExecutorApiAdapter(E,g,I||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),F={isReady:!!q&&!P,isLoading:P,isApiCallInProgress:U,system:q,messages:O,conversation:R,sendMessage:T,error:b};return s.jsxRuntimeExports.jsx(i.Provider,Object.assign({value:F},{children:u}))},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};

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

@@ -1,137 +0,0 @@
-export { BIKChatbot, default as default } from './components/BIKChatbot';
-export { AIChat } from './components/AIChat';
-export { AIProvider, useAIContext } from './contexts/AIContext';
-export { useAIChat } from './services/useAIChat';
-export type { ChatMessage, ChatState, IceBreaker, VideoStarter, SessionRecord, FunctionDefinition, ToolCall, GenericAIResponse, CallbackPayload, SystemConfig, PromptConfig, ToolPrompt, ApiRequestExecutor, GenericChatbotProps, BIKChatbotProps, AIChatProps, ChatWindowProps, AIProviderProps, AIContextState, UseAIChatProps, AIServiceConstructorProps, ErrorWithMessage, } from './types';
-export { createSessionRecord, DEFAULT_RESPONSE_FORMAT, DEFAULT_MAX_TOOL_CALLS, DEFAULT_CONVERSATION_ID, CHAT_MESSAGE_ROLES, RESPONSE_FORMATS, } 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.
- *
- * ## Generic Mode (Custom Functions & Built-in Tools)
- *
- * ### Simple Text Chatbot (responseFormat: 'text')
- *
- * ```typescript
- * <BIKChatbot
- *   systemPrompt="You are a helpful assistant"
- *   responseFormat="text"
- *   requestExecutor={myRequestExecutor}
- *   baseUrl={myBaseUrl}
- *   onMessageReceived={(text) => handleText(text)}
- * />
- * ```
- *
- * ### Analytics Advisor with Functions (and built-in tools)
- *
- * ```typescript
- * <BIKChatbot
- *   systemPrompt="You analyze delivery metrics and suggest improvements. Call getAnalytics() to fetch data, then summarize for the user."
- *   responseFormat="json"
- *   tools={["web_search_preview"]}
- *   requestExecutor={myRequestExecutor}
- *   baseUrl={myBaseUrl}
- *   functions={[
- *     {
- *       name: "getAnalytics",
- *       description: "Fetch delivery rate and engagement metrics",
- *       parameters: { type: "object", properties: {}, required: [] }
- *     }
- *   ]}
- *   functionHandler={async (name, args) => {
- *     if (name === "getAnalytics") {
- *       return { deliveryRate: 0.75, engagementRate: 0.12 };
- *     }
- *   }}
- *   onMessageReceived={(payload) => {
- *     // In json mode, payload is parsed JSON when AI returns JSON text
- *     // Or TOOL_CALL/TOOL_RESULT when tools are used
- *   }}
- * />
- * ```
- *
- * ### Content Idea Generator (Multi-step Tool Calls)
- *
- * ```typescript
- * <BIKChatbot
- *   systemPrompt="Call getTrends() to fetch social media trends. Generate 5 content ideas. Call updateIdeas() to save them. Then summarize for the user."
- *   responseFormat="json"
- *   functions={[
- *     { name: "getTrends", description: "Get latest social media trends", parameters: { type: "object", properties: {}, required: [] } },
- *     { name: "updateIdeas", description: "Save content ideas", parameters: { type: "object", properties: { ideas: { type: "array", items: { type: "string" } } }, required: ["ideas"] } }
- *   ]}
- *   functionHandler={async (name, args) => {
- *     if (name === "getTrends") return "AI, short-form video, nostalgia marketing";
- *     if (name === "updateIdeas") { saveToDatabase(args.ideas); return { success: true }; }
- *   }}
- *   onMessageReceived={(payload) => {
- *     // Handle TOOL_CALL/TOOL_RESULT events or parsed JSON, depending on flow
- *   }}
- * />
- * ```
- *
- * ### Silent Background Generation
- *
- * ```typescript
- * <BIKChatbot
- *   systemPrompt="Generate email templates for the campaign"
- *   responseFormat="json"
- *   displayInUI={false}  // Silent mode - no chat bubbles
- *   onMessageReceived={(payload) => {
- *     // Receives data (parsed JSON or tool events) without UI display
- *   }}
- * />
- * ```
- *
- * ### Built-in Tools & Campaign Flow (Optional)
- *
- * ```typescript
- * <BIKChatbot
- *   systemPrompt={campaignSystemPrompt}
- *   tools={["web_search_preview"]}
- *   requestExecutor={myRequestExecutor}
- *   baseUrl={myBaseUrl}
- *   functions={[submitCampaignsFunction]}
- *   functionHandler={async (name, args) => name === 'submitCampaigns' ? 'submitted' : 'ok'}
- *   onMessageReceived={(event) => {
- *     if (event && typeof event === 'object' && 'type' in event && (event as any).type === 'TOOL_CALL') {
- *       const d = (event as any).data;
- *       if (d?.name === 'submitCampaigns' && Array.isArray(d?.args?.campaigns)) {
- *         setCampaigns(d.args.campaigns);
- *       }
- *     }
- *   }}
- * />
- * ```
- *
- * ## Universal Pattern for ANY Use Case
- *
- * 1. Define your custom functions (tools AI can call) and built-in tools (e.g., web_search_preview)
- * 2. Set `responseFormat`:
- *    - 'text' for normal chat
- *    - 'json' to parse assistant JSON and show parsed.response
- * 3. Implement `functionHandler` for your tools
- * 4. Handle final output in `onMessageReceived`:
- *    - text string (when responseFormat='text')
- *    - parsed JSON object (when responseFormat='json')
- *    - TOOL_CALL / TOOL_RESULT events (when tools are used)
- *
- * **The Universal Flow:**
- * ```
- * User input → AI thinking
- *   ↓
- * AI calls custom function (getTrends, getAnalytics, etc.)
- *   ↓
- * Your functionHandler executes it
- *   ↓
- * Result returned to AI
- *   ↓
- * AI calls another function (optional, repeat) or returns final reply
- *   ↓
- * Component displays response in chat bubble (or stays silent if displayInUI=false)
- *   ↓
- * onMessageReceived receives text, parsed JSON, or tool events
- * ```
- */

package/dist/cjs/components/bik-chatbot/services/aiService.d.ts

@@ -1,30 +0,0 @@
-import { AIServiceConstructorProps, ChatMessage, FunctionDefinition, SystemConfig } from '../types';
-import { APIAdapter } from '../types/ai';
-import type { ResponseFormat } from '../types/ai';
-export declare class AIService {
-    system: SystemConfig;
-    dispatchMessage: (m: ChatMessage) => void;
-    customFunctions?: FunctionDefinition[];
-    functionHandler?: (name: string, args: unknown) => Promise<unknown>;
-    onMessageReceived?: (message: string | object) => void;
-    displayInUI?: boolean;
-    maxToolCalls?: number;
-    maxTokens?: number;
-    apiAdapter: APIAdapter;
-    responseFormat?: ResponseFormat;
-    constructor(opts: AIServiceConstructorProps);
-    private sanitizeToolOutput;
-    private tryParseAssistantJson;
-    private dispatchParsedResponses;
-    private makeSystemMessage;
-    generate(messages: {
-        role: string;
-        content: string;
-    }[], conversationId: string, intent?: string, lastResponseId?: string): Promise<{
-        responseId?: string;
-    }>;
-    /**
-     * Recursive tool call engine for all AI interactions
-     */
-    private generateWithRecursiveToolCalls;
-}

package/dist/cjs/components/bik-chatbot/services/aiService.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach(((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})}))}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",n=arguments.length>3?arguments[3]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){const e=s.map((e=>({role:e.role,text:t.sanitizeUserInput(e.content)}))),o=[{role:"system",text:this.makeSystemMessage().content},...e];return this.generateWithRecursiveToolCalls(o,i,a,n)}))}generateWithRecursiveToolCalls(t,i,a,n){var o,r,l,c,d,h,u,p,m,y;return e.__awaiter(this,void 0,void 0,(function*(){const e=t.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let n;if(1===v&&g){const t=[...e].reverse().find((e=>"user"===e.role));t&&(n=[{role:"user",content:t.text}])}t=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,n,this.system.tools,this.maxTokens)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const e=null!==(o=t.parsed)&&void 0!==o?o:this.tryParseAssistantJson(t.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,t.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=t.toolCall;I&&e.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const t="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_CALL",data:{name:n,args:t}});const o=yield this.functionHandler(n,t);if(I?e.push({role:"tool",text:JSON.stringify(o),toolCallId:I}):e.push({role:"tool",text:JSON.stringify(o)}),x){const t="object"==typeof o&&null!==o?o:String(o),r=this.sanitizeToolOutput(n,t);try{const e="string"==typeof t?t:JSON.stringify(t);null===(h=this.onMessageReceived)||void 0===h||h.call(this,{type:"TOOL_RESULT",data:{name:n,preview:e.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,l,this.system.tools,this.maxTokens);if(g=c.responseId,!c.toolCall){if(c.assistantText)if("json"===this.responseFormat){const e=null!==(u=c.parsed)&&void 0!==u?u:this.tryParseAssistantJson(c.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,c.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(y=this.onMessageReceived)||void 0===y||y.call(this,c.assistantText);return{responseId:g}}f=c}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}}))}};

package/dist/cjs/components/bik-chatbot/services/callToChatbot.d.ts

@@ -1,6 +0,0 @@
-import { FunctionDefinition, GenericAIResponse, ApiRequestExecutor, ChatMessageItem, FunctionCallOutputItem, APIAdapter } from '../types';
-export declare function createExecutorApiAdapter(executor: ApiRequestExecutor, baseUrl: string, endpointPath?: string): APIAdapter;
-export declare function callToChatbot(history: {
-    role: string;
-    text: string;
-}[], intent: string | undefined, conversationId: string | undefined, systemId: string | undefined, apiAdapter: APIAdapter, previousResponseId?: string, customFunctions?: FunctionDefinition[], model?: string, nextInput?: Array<ChatMessageItem | FunctionCallOutputItem>, builtinTools?: string[], maxTokens?: number): Promise<GenericAIResponse>;

package/dist/cjs/components/bik-chatbot/services/callToChatbot.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../types/ai.js");exports.callToChatbot=function(o){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default-session",s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"generic",r=arguments.length>4?arguments[4]:void 0,l=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0,d=arguments.length>7&&void 0!==arguments[7]?arguments[7]:t.DEFAULT_MODEL,u=arguments.length>8?arguments[8]:void 0,c=arguments.length>9?arguments[9]:void 0,p=arguments.length>10?arguments[10]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){if(!r)throw new Error("Chatbot authentication not configured: RequestExecutor is required");const e=u&&u.length>0?u:function(e){return e.map((e=>{let{role:t,text:o}=e;return{role:t,content:o}}))}(o),t={input:e,intent:n,conversationId:i,systemId:s,previousResponseId:l,customFunctions:a,builtinTools:c,model:d,maxTokens:null!=p?p:4e3};return yield r(t)}))},exports.createExecutorApiAdapter=function(t,o){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"/openaiApiFunctions-callChatbot";return i=>e.__awaiter(this,void 0,void 0,(function*(){var e,s;const{input:r,model:l,maxTokens:a=4e3,previousResponseId:d,customFunctions:u,builtinTools:c}=i,p={input:r,tools:[...(c||[]).map((e=>({type:e}))),...(v=u,v&&0!==v.length?v.map((e=>({type:"function",name:e.name,description:e.description,parameters:e.parameters}))):[])],model:l,max_output_tokens:a,previous_response_id:d};var v;const h=`${o.replace(/\/$/,"")}${n}`,{status:g,data:m,error:_}=yield t.sendData({apiPath:h,apiMethod:"POST",requestBody:p});if(200!==g||!(null==m?void 0:m.success)){const t=(null===(s=null===(e=null==m?void 0:m.errors)||void 0===e?void 0:e[0])||void 0===s?void 0:s.message)||_;throw new Error("Backend error: "+(t?` - ${String(t)}`:""))}return function(e){const t={assistantText:e.assistantText,parsed:e.parsed,lastResponseId:e.lastResponseId,responseId:e.responseId};return e.toolCall&&(t.toolCall={name:e.toolCall.name,args:e.toolCall.args,toolCallId:e.toolCall.id,callId:e.toolCall.call_id}),t}(m.data)}))};

package/dist/cjs/components/bik-chatbot/services/db.d.ts

@@ -1,6 +0,0 @@
-import { SessionRecord } from '../types';
-/** Save session record to IndexedDB */
-export declare function saveSession(sessionId: string, record: SessionRecord): Promise<void>;
-export declare function loadSession(sessionId: string): Promise<SessionRecord | null>;
-export declare function deleteSession(sessionId: string): Promise<void>;
-export declare function listSessions(): Promise<string[]>;

package/dist/cjs/components/bik-chatbot/services/db.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("idb-keyval");const t="ai-session:";exports.loadSession=function(r){return e.__awaiter(this,void 0,void 0,(function*(){return(yield i.get(`${t}${r}`))||null}))},exports.saveSession=function(r,s){return e.__awaiter(this,void 0,void 0,(function*(){yield i.set(`${t}${r}`,s)}))};