@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.10

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

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

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

@@ -154,7 +154,7 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	font-size: 12px;
 	color: #5f6781;
 	text-align: left;
-`,j=r.img`
+`,$=r.img`
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
@@ -162,7 +162,7 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	animation: ${g} 2.6s ease-in-out infinite;
 	position: relative;
 	z-index: 1;
-`,$=r.div`
+`,j=r.div`
 	position: absolute;
 	inset: 12px;
 	border-radius: 999px;
@@ -174,4 +174,4 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	animation: ${m} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`,z=r=>{let{className:n,style:d}=r;const[p,l]=t(0);return i((()=>{const e=window.setInterval((()=>{l((e=>(e+1)%o.length))}),2e3);return()=>window.clearInterval(e)}),[]),e(c,Object.assign({className:n,style:d},{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[p]},p),e(h,{children:[0,1,2].map((a=>e(y,{delay:.22*a},a)))}),e(u,{children:s.map(((t,i)=>a(w,Object.assign({delay:.4+.2*i},{children:[e(v,{children:t.symbol}),e(k,{children:t.text})]}),t.text)))})]})}))};export{z as default};
+`,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,{className:r,style:n,children:a(f,{children:[a(x,{children:[e(j,{}),e($,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e(b,{children:o[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,{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.js

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

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

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

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

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

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

@@ -1 +1 @@
-import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",n=arguments.length>3?arguments[3]:void 0;return t(this,void 0,void 0,(function*(){const t=e.map((e=>({role:e.role,text:i(e.content)}))),o=[{role:"system",text:this.makeSystemMessage().content},...t];return this.generateWithRecursiveToolCalls(o,s,a,n)}))}generateWithRecursiveToolCalls(e,s,i,n){var o,r,l,c,d,h,p,u,m,y;return t(this,void 0,void 0,(function*(){const t=e.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let n;if(1===v&&g){const e=[...t].reverse().find((e=>"user"===e.role));e&&(n=[{role:"user",content:e.text}])}e=yield a(t,i,s,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const t=null!==(o=e.parsed)&&void 0!==o?o:this.tryParseAssistantJson(e.assistantText);if(null!=t){const e=Array.isArray(t)?t:[t];this.displayInUI&&this.dispatchParsedResponses(e),null===(r=this.onMessageReceived)||void 0===r||r.call(this,t)}else{const t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.toolCall;I&&t.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const e="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:e}});const o=yield this.functionHandler(n,e);if(I?t.push({role:"tool",text:JSON.stringify(o),toolCallId:I}):t.push({role:"tool",text:JSON.stringify(o)}),x){const e="object"==typeof o&&null!==o?o:String(o),r=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(h=this.onMessageReceived)||void 0===h||h.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield a(t,i,s,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!==(p=c.parsed)&&void 0!==p?p:this.tryParseAssistantJson(c.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(u=this.onMessageReceived)||void 0===u||u.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}}))}}export{n as AIService};
+import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){return t(this,arguments,void 0,function*(e,t,s="default",a){const n=e.map(e=>({role:e.role,text:i(e.content)})),o=[{role:"system",text:this.makeSystemMessage().content},...n];return this.generateWithRecursiveToolCalls(o,t,s,a)})}generateWithRecursiveToolCalls(e,s,i,n){return t(this,void 0,void 0,function*(){var t,o,r,l,c,d,h,p,u,m;const y=e.map(e=>({role:e.role,text:e.text}));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let t;if(1===v&&g){const e=[...y].reverse().find(e=>"user"===e.role);e&&(t=[{role:"user",content:e.text}])}e=yield a(y,i,s,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,t,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const s=null!==(t=e.parsed)&&void 0!==t?t:this.tryParseAssistantJson(e.assistantText);if(null!=s){const e=Array.isArray(s)?s:[s];this.displayInUI&&this.dispatchParsedResponses(e),null===(o=this.onMessageReceived)||void 0===o||o.call(this,s)}else{const t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.toolCall;I&&y.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const e="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(c=this.onMessageReceived)||void 0===c||c.call(this,{type:"TOOL_CALL",data:{name:n,args:e}});const t=yield this.functionHandler(n,e);if(I?y.push({role:"tool",text:JSON.stringify(t),toolCallId:I}):y.push({role:"tool",text:JSON.stringify(t)}),x){const e="object"==typeof t&&null!==t?t:String(t),o=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const r=[{type:"function_call_output",call_id:x,output:o}],l=yield a(y,i,s,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,r,this.system.tools,this.maxTokens);if(g=l.responseId,!l.toolCall){if(l.assistantText)if("json"===this.responseFormat){const e=null!==(h=l.parsed)&&void 0!==h?h:this.tryParseAssistantJson(l.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:l.assistantText,timestamp:Date.now()}),null===(u=this.onMessageReceived)||void 0===u||u.call(this,l.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,l.assistantText);return{responseId:g}}f=l}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}})}}export{n as AIService};

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

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

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

@@ -1 +1 @@
-import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,(function*(){yield o(`${n}${t}`,r)}))}function u(o){return i(this,void 0,void 0,(function*(){return(yield t(`${n}${o}`))||null}))}export{u as loadSession,r as saveSession};
+import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,function*(){yield o(`${n}${t}`,r)})}function u(o){return i(this,void 0,void 0,function*(){return(yield t(`${n}${o}`))||null})}export{u as loadSession,r as saveSession};

package/dist/esm/components/bik-chatbot/services/useAIChat.js

@@ -1 +1 @@
-import{__awaiter as s}from"../../../_virtual/_tslib.js";import{useState as e,useEffect as t,useMemo as a}from"react";import{createSessionRecord as n}from"../types/chat.js";import{AIService as o}from"./aiService.js";import{loadSession as i,saveSession as c}from"./db.js";function r(r){var d=this;let{system:l,conversationId:m,skipInitialization:g=!1,customFunctions:p,functionHandler:b,responseFormat:j,onMessageReceived:u,displayInUI:O,maxToolCalls:I,maxTokens:v,apiAdapter:f}=r;const[w,y]=e((()=>n(m))),[h,D]=e([]),[R,A]=e(),[k,x]=e(!1);t((()=>{i(m).then((s=>{var e;s&&(y(s),D(s.messages),A(null===(e=s.metadata)||void 0===e?void 0:e.lastResponseId))}))}),[m]);const C=a((()=>g?null:new o({system:Object.assign(Object.assign({},l),{handleCallback:(s,e)=>{var t;null===(t=l.handleCallback)||void 0===t||t.call(l,s,e)}}),dispatchMessage:s=>{D((e=>[...e,s])),y((e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:R})})),t}))},customFunctions:p,functionHandler:b,responseFormat:j,onMessageReceived:u,displayInUI:O,maxToolCalls:I,maxTokens:v,apiAdapter:f})),[l.id,g,v]);return{messages:h,conversation:w,sendMessage:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";return s(d,void 0,void 0,(function*(){if(!C)return;const s={id:`u-${Date.now()}`,role:"user",content:e,timestamp:Date.now()};D((e=>[...e,s])),y((e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:R})})),t})),x(!0);try{const e=yield C.generate([...h,s].map((s=>({role:s.role,content:s.content}))),m,t,R);(null==e?void 0:e.responseId)&&(A(e.responseId),y((s=>{const t=Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:e.responseId})});return c(t.sessionId,t),t})))}catch(s){const e=(null==s?void 0:s.message)||"Something went wrong. Please try again.",t={id:`err-${Date.now()}`,role:"system",content:e,timestamp:Date.now()};D((s=>[...s,t])),y((s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:R})})),e}))}finally{x(!1)}}))},isApiCallInProgress:k}}export{r as useAIChat};
+import{__awaiter as s}from"../../../_virtual/_tslib.js";import{useState as e,useEffect as t,useMemo as a}from"react";import{createSessionRecord as n}from"../types/chat.js";import{AIService as o}from"./aiService.js";import{loadSession as i,saveSession as c}from"./db.js";function r({system:r,conversationId:d,skipInitialization:l=!1,customFunctions:m,functionHandler:g,responseFormat:p,onMessageReceived:b,displayInUI:j,maxToolCalls:u,maxTokens:O,apiAdapter:I}){const[v,f]=e(()=>n(d)),[w,y]=e([]),[h,D]=e(),[R,A]=e(!1);t(()=>{i(d).then(s=>{var e;s&&(f(s),y(s.messages),D(null===(e=s.metadata)||void 0===e?void 0:e.lastResponseId))})},[d]);const k=a(()=>l?null:new o({system:Object.assign(Object.assign({},r),{handleCallback:(s,e)=>{var t;null===(t=r.handleCallback)||void 0===t||t.call(r,s,e)}}),dispatchMessage:s=>{y(e=>[...e,s]),f(e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:h})})),t})},customFunctions:m,functionHandler:g,responseFormat:p,onMessageReceived:b,displayInUI:j,maxToolCalls:u,maxTokens:O,apiAdapter:I}),[r.id,l,O]);return{messages:w,conversation:v,sendMessage:(e,...t)=>s(this,[e,...t],void 0,function*(s,e="default"){if(!k)return;const t={id:`u-${Date.now()}`,role:"user",content:s,timestamp:Date.now()};y(s=>[...s,t]),f(s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:h})})),e}),A(!0);try{const s=yield k.generate([...w,t].map(s=>({role:s.role,content:s.content})),d,e,h);(null==s?void 0:s.responseId)&&(D(s.responseId),f(e=>{const t=Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:s.responseId})});return c(t.sessionId,t),t}))}catch(s){const e=(null==s?void 0:s.message)||"Something went wrong. Please try again.",t={id:`err-${Date.now()}`,role:"system",content:e,timestamp:Date.now()};y(s=>[...s,t]),f(s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:h})})),e})}finally{A(!1)}}),isApiCallInProgress:R}}export{r as useAIChat};

package/dist/esm/components/bik-chatbot/utils/markdown.js

@@ -1 +1 @@
-function e(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,((e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`)),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r}export{e as renderMarkdownLite};
+function e(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,(e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r}export{e as renderMarkdownLite};

package/dist/esm/components/bik-layout/BikHeader.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import r from"../../assets/icons/arrow_left.svg.js";import{useState as s}from"react";import{Curtain as n}from"../curtain/Curtain.js";import{BodyCaption as a,TitleMedium as c,TitleRegular as o}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:g,hideBackButton:u=!0,rightActionButton:j,onClickingBackButton:p,secondaryHeader:f,curtainProps:y,curtainZIndex:b,headerStyles:O,leftLayout:k,dataTest:v}=h,[w,x]=s(!!y);return e(l,Object.assign({style:Object.assign({},O),"data-test":v},{children:[e(d,{children:[k?e(t,{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),k]}):e("div",Object.assign({className:"row--flex left-container"},{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),e("div",{children:[g?i(a,Object.assign({className:"brand"},{children:m})):i(c,{children:m}),i(o,{children:g})]})]})),i("div",Object.assign({className:"row--flex right-container"},{children:j}))]}),w&&y&&e(t,{children:[i("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:b||6}},{children:i(n,Object.assign({},y,{onCloseHandler:()=>{x(!1)}}))})),i("div",{style:{height:20}})]}),null!=f?f:i(t,{})]}))};export{h as BikHeader};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useState as n}from"react";import{Curtain as o}from"../curtain/Curtain.js";import{BodyCaption as s,TitleMedium as a,TitleRegular as c}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:u,hideBackButton:p=!0,rightActionButton:f,onClickingBackButton:y,secondaryHeader:g,curtainProps:j,curtainZIndex:k,headerStyles:v,leftLayout:w,dataTest:x}=h,[C,B]=n(!!j);return e(l,{style:Object.assign({},v),"data-test":x,children:[e(d,{children:[w?e(t,{children:[!p&&r(i,{className:"cursor",height:24,width:24,onClick:y}),w]}):e("div",{className:"row--flex left-container",children:[!p&&r(i,{className:"cursor",height:24,width:24,onClick:y}),e("div",{children:[u?r(s,{className:"brand",children:m}):r(a,{children:m}),r(c,{children:u})]})]}),r("div",{className:"row--flex right-container",children:f})]}),C&&j&&e(t,{children:[r("div",{style:{position:"sticky",top:0,width:"auto",zIndex:k||6},children:r(o,Object.assign({},j,{onCloseHandler:()=>{B(!1)}}))}),r("div",{style:{height:20}})]}),null!=g?g:r(t,{})]})};export{h as BikHeader};

package/dist/esm/components/bik-layout/BikLayout.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const s=s=>{const{isLoading:d,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:g,hidePadding:p=!1,height:m,children:h,containerStyles:u,onClickingCrossOnFeatureModal:b,onUpgrade:j,extraContentForModal:C,featureModalProps:M,type:O,useFeautureModalV2:f,backgroundColor:k}=s;return d?e(n,Object.assign({backgroundColor:k},{children:g||e(i,{})})):e(o,{children:r(n,Object.assign({type:O,backgroundColor:k},{children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(p?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${m||""}`},null!=u?u:{})},{children:h})),l&&e(o,{children:f?e(t,Object.assign({onUpgrade:j},M,{otherContent:C})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>b?b():"",onUpgrade:j},M,{otherContent:C}))})]}))})};export{s as BikLayout};
+import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const d=d=>{const{isLoading:s,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:p,hidePadding:g=!1,height:m,children:h,containerStyles:u,onClickingCrossOnFeatureModal:C,onUpgrade:b,extraContentForModal:j,featureModalProps:M,type:f,useFeautureModalV2:k,backgroundColor:F}=d;return s?e(n,{backgroundColor:F,children:p||e(i,{})}):e(o,{children:r(n,{type:f,backgroundColor:F,children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",{className:""+(g?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${m||""}`},null!=u?u:{}),children:h}),l&&e(o,{children:k?e(t,Object.assign({onUpgrade:b},M,{otherContent:j})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>C?C():"",onUpgrade:b},M,{otherContent:j}))})]})})};export{d as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.js

@@ -1 +1 @@
-import{jsx as i,jsxs as e,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/log_out.svg.js";import{useState as o}from"react";import{Dropdown as s,OverlayTrigger as r}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"../tooltips/Tooltip.js";import{BodyCaption as l,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as g}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as h,MenuInnerContainer as p,UserInfoContainer as b,UserStatusContainer as j,UserNameTitleSmall as v,StatusContainer as u,StyledBodyCaption as O,ProfileDropdownToggleContainer as A,ProfileDropdownInnerContainer as y,UserAvatarContainer as f}from"./CommonStyles.js";const w=A=>{const[y,f]=o(!1),{userName:w,hideLogout:N=!1,photoUrl:C,isActiveAwayStatus:x=!0,isAvailable:D=!1,extraJSX:S,onProfileClicked:T,onLogout:k}=A,L=i=>{const e=(i||"").split("."),n=e[1]||e[0];if(!n)return"";return n.split(" ").map((i=>i.charAt(0).toUpperCase())).slice(0,2).join("")},B=i(h,Object.assign({id:"tooltip"},{children:i(l,{children:w})}));return e(g,Object.assign({onToggle:i=>{f(i)}},{children:[i(U,{isDropdownOpen:y,imageUrl:C,initialsAsIcon:C?"":L(w)}),i(s.Menu,{children:e(p,{children:[e(b,Object.assign({onClick:T},{children:[i(I,{imageUrl:C,initialsAsIcon:C?"":L(w)}),e(j,{children:[i(r,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:B},{children:i(v,{children:i(d,{children:w})})})),x&&e(u,Object.assign({isAvailable:D},{children:[i("div",{className:"availability--container"}),!D&&i(O,Object.assign({isAvailable:D},{children:"Away"})),D&&i(O,Object.assign({isAvailable:D},{children:"Active"}))]}))]})]})),S&&e(n,{children:[i("div",{className:"divider"}),S]}),!N&&e(n,{children:[i("div",{className:"divider"}),e("div",Object.assign({className:"logout--container",onClick:k,onKeyDown:k,role:"button",tabIndex:0},{children:[i(t,{color:a.content.negative,height:17,width:17}),i(m,Object.assign({style:{color:c.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))},U=e=>{const{isDropdownOpen:n,imageUrl:t,initialsAsIcon:o}=e;return i(A,Object.assign({id:"dropdown-basic"},{children:i(y,Object.assign({isDropdownOpen:n},{children:i(I,{imageUrl:t,initialsAsIcon:o})}))}))},I=e=>{const{imageUrl:t,initialsAsIcon:o}=e;return i(n,{children:(o||t)&&i(f,{children:t?i("img",{src:t,alt:"general-icon"}):i("div",Object.assign({className:"avatar--container"},{children:i(m,Object.assign({style:{color:a.surface.standard}},{children:o}))}))})})};export{w as BikProfile};
+import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import n from"../../assets/icons/log_out.svg.js";import{useState as r}from"react";import{Dropdown as t,OverlayTrigger as l}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"../tooltips/Tooltip.js";import{BodyCaption as s,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as h}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as p,MenuInnerContainer as g,UserInfoContainer as v,UserStatusContainer as u,UserNameTitleSmall as A,StatusContainer as y,StyledBodyCaption as f,ProfileDropdownToggleContainer as b,ProfileDropdownInnerContainer as w,UserAvatarContainer as j}from"./CommonStyles.js";const U=b=>{const[w,j]=r(!1),{userName:U,hideLogout:C=!1,photoUrl:x,isActiveAwayStatus:D=!0,isAvailable:S=!1,extraJSX:T,onProfileClicked:k,onLogout:L}=b,O=i=>{const o=(i||"").split("."),e=o[1]||o[0];if(!e)return"";return e.split(" ").map(i=>i.charAt(0).toUpperCase()).slice(0,2).join("")},B=i(p,{id:"tooltip",children:i(s,{children:U})});return o(h,{onToggle:i=>{j(i)},children:[i(I,{isDropdownOpen:w,imageUrl:x,initialsAsIcon:x?"":O(U)}),i(t.Menu,{children:o(g,{children:[o(v,{onClick:k,children:[i(N,{imageUrl:x,initialsAsIcon:x?"":O(U)}),o(u,{children:[i(l,{delay:{show:100,hide:400},placement:"top",overlay:B,children:i(A,{children:i(d,{children:U})})}),D&&o(y,{isAvailable:S,children:[i("div",{className:"availability--container"}),!S&&i(f,{isAvailable:S,children:"Away"}),S&&i(f,{isAvailable:S,children:"Active"})]})]})]}),T&&o(e,{children:[i("div",{className:"divider"}),T]}),!C&&o(e,{children:[i("div",{className:"divider"}),o("div",{className:"logout--container",onClick:L,onKeyDown:L,role:"button",tabIndex:0,children:[i(n,{color:a.content.negative,height:17,width:17}),i(m,{style:{color:c.colorsV2.content.negative},children:"Logout"})]})]})]})})]})},I=o=>{const{isDropdownOpen:e,imageUrl:n,initialsAsIcon:r}=o;return i(b,{id:"dropdown-basic",children:i(w,{isDropdownOpen:e,children:i(N,{imageUrl:n,initialsAsIcon:r})})})},N=o=>{const{imageUrl:n,initialsAsIcon:r}=o;return i(e,{children:(r||n)&&i(j,{children:n?i("img",{src:n,alt:"general-icon"}):i("div",{className:"avatar--container",children:i(m,{style:{color:a.surface.standard},children:r})})})})};export{U as BikProfile};

package/dist/esm/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/Bik_logo.svg.js";import o from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as s,useEffect as d,useCallback as r,Fragment as a}from"react";import c from"../progress-bar/CircularProgressBar.js";import{COLORS as u}from"../../constants/Theme.js";import{NavigationHyperlink as v}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as p,MainSideBarMenuWrapper as g,SibeBarMenuItem as h}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=o=>{const{logoSvg:u,allMenuList:k,activeMainMenu:b,activeSubMenu:w,router:S,onClickingMainMenu:j,onClickingSubMenu:f,onClickingAccessUpgradePanel:L,onClickingPopupMenuItem:N,popupMinHeight:C,isNewSidebar:H,menuStyle:O}=o,[P,I]=l(b),[A,E]=l(),[x,B]=l(w),[F,_]=l(!1),[$,D]=l(),[T,U]=l(),[R,z]=l(),[q,K]=l(null),W=s((()=>k.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[k]);d((()=>{I(b)}),[b]),d((()=>{B(w)}),[w]);const G=r((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(D(void 0),E(void 0),_(!0),I(e),e.path||j(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?B(null==e?void 0:e.children[0]):B({}),E(void 0),setTimeout((()=>{_(!1)}),1e3))}),[j]),J=r((e=>{var i,n;if(Z(),E(void 0),D(void 0),"popup"==(null==e?void 0:e.layout)){const i=X();i&&U(i),D(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=Q(t);z(e)}E(e),Y()}}),[]),Q=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};d((()=>{const e=()=>{const e=X();e&&U(e),V()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const V=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&z(window.innerHeight-i)},X=()=>{var e,i;if($){const n=(null===(i=null===(e=$.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||$.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=C?C:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},Y=()=>{Z();const e=setTimeout((()=>E(void 0)),1e4);K(e)},Z=()=>{clearTimeout(q)};return e(p,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(t,{})})),e(g,Object.assign({style:O},{children:[null==k?void 0:k.map(((t,o)=>{var l,s;return e(a,{children:[t.path?i(v,Object.assign({href:t.path,router:S},{children:i(M,{option:t,index:o,onClickMainMenuLogic:G,setHandleHoverForFullLayout:J,isDisabled:F,setHoveredComp:E,setPopupMenu:D,mainActiveMenu:P,hoveredComp:A,popupMenu:$})})):i(M,{option:t,index:o,onClickMainMenuLogic:G,setHandleHoverForFullLayout:J,isDisabled:F,setHoveredComp:E,setPopupMenu:D,mainActiveMenu:P,hoveredComp:A,popupMenu:$}),e(n,{children:["popup"===t.layout&&(null===(l=null==$?void 0:$.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=T?T:void 0,menuList:null==$?void 0:$.children,onClickingPopupMenu:e=>{N&&N(e),D(void 0)},onMouseLeaveOnMenu:()=>D(void 0)}),(null===(s=null==A?void 0:A.children)||void 0===s?void 0:s.length)&&i(y,{menuList:null==A?void 0:A.children,activeMenu:x,onMouseEnterOnMenu:()=>Z(),onMouseLeaveOnMenu:()=>{Z(),E(void 0)},left:H?92:88,postion:"fixed",header:A.displayName,theme:"brand",router:S,showAccessUpgradePanel:A.showAccessUpgradePanel,onMenuClick:(e,i)=>{B(e),I(A),E(void 0),D(void 0),i&&f(e)},onUpgrade:L,top:H&&R||0,isNewSidebar:H})]})]},o)})),"number"==typeof o.onboardingPercentage&&i(h,{children:i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===W?"sticky-menu":1===W?"sticky-menu-int":"sticky-menu-three")},{children:i(c,{percentage:o.onboardingPercentage,width:48})}))}))})]}))]})},b=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,r=t,a=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?a:r,{width:20,height:20,color:u.surface.standard})})},M=n=>{let{option:t,index:l,onClickMainMenuLogic:s,setHandleHoverForFullLayout:d,isDisabled:r,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:u,hoveredComp:v,popupMenu:m}=n;var p,g,y,k,M,w;return i(h,{children:e("div",Object.assign({id:(null===(g=null===(p=t.displayName)||void 0===p?void 0:p.split(" "))||void 0===g?void 0:g.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!r&&d(t)},onMouseOver:()=>{!r&&d(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{},"aria-hidden":"true"},{children:[t.isNew&&i("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&i("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:i(o,{height:16,width:16})})),e("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==u?void 0:u.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==v?void 0:v.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[i(b,{icon:t.icon,isActive:t.key==(null==u?void 0:u.key),activeStateIcon:null!==(M=t.activeIcon)&&void 0!==M?M:{},hoverStateIcon:null!==(w=t.hoverIcon)&&void 0!==w?w:{},isHovered:t.key==(null==v?void 0:v.key)||t.key==(null==m?void 0:m.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==u?void 0:u.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),l)]}),l)})};export{k as BikSidebar};
+import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import t from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as d,useEffect as s,useCallback as r,Fragment as a}from"react";import u from"../progress-bar/CircularProgressBar.js";import{COLORS as c}from"../../constants/Theme.js";import{NavigationHyperlink as v}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as p,MainSideBarMenuWrapper as h,SibeBarMenuItem as g}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=t=>{const{logoSvg:c,allMenuList:k,activeMainMenu:M,activeSubMenu:w,router:S,onClickingMainMenu:f,onClickingSubMenu:L,onClickingAccessUpgradePanel:N,onClickingPopupMenuItem:C,popupMinHeight:H,isNewSidebar:j,menuStyle:P}=t,[I,A]=l(M),[E,x]=l(),[B,F]=l(w),[_,$]=l(!1),[D,O]=l(),[T,U]=l(),[R,z]=l(),[q,K]=l(null),W=d(()=>k.filter(e=>e.is2ndLastSticky||e.isLastSticky).length,[k]);s(()=>{A(M)},[M]),s(()=>{F(w)},[w]);const G=r(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),x(void 0),$(!0),A(e),e.path||f(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?F(null==e?void 0:e.children[0]):F({}),x(void 0),setTimeout(()=>{$(!1)},1e3))},[f]),J=r(e=>{var i,n;if(Z(),x(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=X();i&&U(i),O(e)}else{const o=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(o){const e=Q(o);z(e)}x(e),Y()}},[]),Q=e=>{const i=e.getBoundingClientRect();let n=i.top;const o=e.querySelectorAll("div");let t=null;if(window.innerHeight<=768)return n;if(o.forEach(e=>{e.className.includes("sticky")&&(t=e)}),t){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};s(()=>{const e=()=>{const e=X();e&&U(e),V()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const V=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&z(window.innerHeight-i)},X=()=>{var e,i;if(D){const n=(null===(i=null===(e=D.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||D.key.toString()+"_sub",o=document.getElementById(n);if(o){const e=o.getBoundingClientRect();let i=e.top;const n=null!=H?H:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},Y=()=>{Z();const e=setTimeout(()=>x(void 0),1e4);K(e)},Z=()=>{clearTimeout(q)};return e(p,{children:[i("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:c||i(o,{})}),e(h,{style:P,children:[null==k?void 0:k.map((o,t)=>{var l,d;return e(a,{children:[o.path?i(v,{href:o.path,router:S,children:i(b,{option:o,index:t,onClickMainMenuLogic:G,setHandleHoverForFullLayout:J,isDisabled:_,setHoveredComp:x,setPopupMenu:O,mainActiveMenu:I,hoveredComp:E,popupMenu:D})}):i(b,{option:o,index:t,onClickMainMenuLogic:G,setHandleHoverForFullLayout:J,isDisabled:_,setHoveredComp:x,setPopupMenu:O,mainActiveMenu:I,hoveredComp:E,popupMenu:D}),e(n,{children:["popup"===o.layout&&(null===(l=null==D?void 0:D.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=T?T:void 0,menuList:null==D?void 0:D.children,onClickingPopupMenu:e=>{C&&C(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(d=null==E?void 0:E.children)||void 0===d?void 0:d.length)&&i(y,{menuList:null==E?void 0:E.children,activeMenu:B,onMouseEnterOnMenu:()=>Z(),onMouseLeaveOnMenu:()=>{Z(),x(void 0)},left:j?92:88,postion:"fixed",header:E.displayName,theme:"brand",router:S,showAccessUpgradePanel:E.showAccessUpgradePanel,onMenuClick:(e,i)=>{F(e),A(E),x(void 0),O(void 0),i&&L(e)},onUpgrade:N,top:j&&R||0,isNewSidebar:j})]})]},t)}),"number"==typeof t.onboardingPercentage&&i(g,{children:i("div",{className:"main--sidebar",children:i("div",{id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===W?"sticky-menu":1===W?"sticky-menu-int":"sticky-menu-three"),children:i(u,{percentage:t.onboardingPercentage,width:48})})})})]})]})},M=e=>{const{icon:o,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:s}=e,r=o,a=d;return i(n,{children:t?i(l,{width:20,height:20}):i(s?a:r,{width:20,height:20,color:c.surface.standard})})},b=({option:n,index:o,onClickMainMenuLogic:l,setHandleHoverForFullLayout:d,isDisabled:s,setHoveredComp:r,setPopupMenu:a,mainActiveMenu:u,hoveredComp:c,popupMenu:v})=>{var m,p,h,y,k,b;return i(g,{children:e("div",{id:(null===(p=null===(m=n.displayName)||void 0===m?void 0:m.split(" "))||void 0===p?void 0:p.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>l(n),onMouseEnter:()=>{!s&&d(n)},onMouseOver:()=>{!s&&d(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(r(void 0),a(void 0))},onFocus:()=>null,"aria-hidden":"true",children:[n.isNew&&i("div",{className:"new-tag "+(n.isLastSticky?"tag-sticky":""),children:"NEW"}),n.isLocked&&i("div",{className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`,children:i(t,{height:16,width:16})}),e("div",{id:(null===(y=null===(h=n.displayName)||void 0===h?void 0:h.split(" "))||void 0===y?void 0:y.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==u?void 0:u.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==c?void 0:c.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`,children:[i(M,{icon:n.icon,isActive:n.key==(null==u?void 0:u.key),activeStateIcon:null!==(k=n.activeIcon)&&void 0!==k?k:{},hoverStateIcon:null!==(b=n.hoverIcon)&&void 0!==b?b:{},isHovered:n.key==(null==c?void 0:c.key)||n.key==(null==v?void 0:v.key)}),i("div",{className:"menu-item-container",children:i("p",{className:"menu-item-text "+((null==n?void 0:n.key)===(null==u?void 0:u.key)?"active-menu-item-text":""),children:n.displayName})})]},o)]},o)})};export{k as BikSidebar};