@bikdotai/bik-component-library 0.0.734-beta.3 → 0.0.734

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

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

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/Ai_event_generating.svg.js";import{useState as r,useRef as n,useEffect as a}from"react";import o from"styled-components";import{BodySecondary as d,BodyCaption as l}from"../../TypographyStyle.js";import{renderMarkdownLite as s}from"../utils/markdown.js";import c from"./ThinkingIndicator.js";const h=o.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/Ai_event_generating.svg.js";import{useState as t,useRef as r,useEffect as n}from"react";import a from"styled-components";import{BodySecondary as o,BodyCaption as d}from"../../TypographyStyle.js";import{renderMarkdownLite as s}from"../utils/markdown.js";import l from"./ThinkingIndicator.js";const c=a.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -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`
+`,x=a.div`
 	padding: 16px;
 	border-bottom: 1px solid #e5e7eb;
 	display: flex;
@@ -26,13 +26,13 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 		font-weight: 500;
 		color: #374151;
 	}
-`,p=o.div`
+`,h=a.div`
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	min-height: 0;
-`,b=o.div`
+`,g=a.div`
 	flex: 1;
 	overflow-y: auto;
 	padding: 16px;
@@ -61,13 +61,13 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	&::-webkit-scrollbar-thumb:hover {
 		background: #a8a8a8;
 	}
-`,x=o.div`
+`,p=a.div`
 	background: white;
 	border-radius: 12px;
 	padding: 16px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	border: 1px solid #e5e7eb;
-`,f=o.div`
+`,b=a.div`
 	width: 100%;
 	height: 180px;
 	background: #f3f4f6;
@@ -77,7 +77,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	justify-content: center;
 	position: relative;
 	margin-bottom: 12px;
-`,u=o.div`
+`,f=a.div`
 	width: 48px;
 	height: 48px;
 	background: rgba(0, 0, 0, 0.7);
@@ -99,11 +99,11 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 		fill: white;
 		margin-left: 2px;
 	}
-`,m=o.div`
+`,u=a.div`
 	font-size: 14px;
 	color: #374151;
 	line-height: 1.5;
-`,k=o.div`
+`,m=a.div`
 	padding: 12px 16px;
 	border-radius: 16px;
 	font-size: 14px;
@@ -112,15 +112,15 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	word-wrap: break-word;
 
 	${e=>"user"===e.role?"\n        background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n        margin-left: auto;\n        border-bottom-right-radius: 4px;\n        \n        & > div {\n          background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          background-clip: text;\n          display: inline-block;\n        }\n      ":"system"===e.role?"\n        background: #f3f4f6;\n        color: #6b7280;\n        font-size: 12px;\n        font-style: italic;\n        text-align: center;\n        margin: 0 auto;\n        max-width: 90%;\n      ":"\n        background: white;\n        color: #111827;\n        border: 1px solid #e5e7eb;\n        margin-right: auto;\n        border-bottom-left-radius: 4px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      "}
-`,v=o.div`
+`,k=a.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,w=o.div`
+`,v=a.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	align-items: flex-end;
-`,y=o.button`
+`,w=a.button`
 	border: 1px dotted #febad2;
 	background: linear-gradient(
 		92.69deg,
@@ -149,14 +149,14 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,F=o.div`
+`,j=a.div`
 	padding: 16px;
 	background: white;
-`,j=o.div`
+`,y=a.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,T=o.button`
+`,F=a.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`
+`,T=a.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,O=o.div`
+`,$=a.div`
 	position: relative;
 	display: flex;
 	width: 100%;
-`,S=o.textarea`
+`,O=a.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`
+`,S=a.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`
+`,z=a.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};
+`,C=a=>{let{messages:C,onSend:A,header:B="Create with AI",placeholder:I="Discover the right event & launch campaigns for better conversions...",suggestions:M=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:_,videoStarter:D,disabled:H=!1,isThinking:L=!1,onIceBreakerClick:W,chatState:K,chatWindowHeight:E,inputDisabled:N=!1}=a;const[P,V]=t(""),[q,G]=t(!1),[J,Q]=t(!1),R=r(null),U=r(null),X=q||L,Y=H||N,Z=K||(q||L?"thinking":J&&P.trim().length>0?"typing":0===C.length?"conversation-starter":C.length>0?"conversation":"default"),ee=()=>{!P.trim()||Y||X||(A(P),V(""),G(!0),setTimeout((()=>G(!1)),1500))},ie=P.trim().length>0,te=Y||X||!ie;n((()=>{var e;null===(e=R.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[C,q,L]);const re=E||"100%";return e.jsxs(c,Object.assign({chatState:Z,style:{height:re}},{children:[e.jsxs(x,{children:[e.jsx(i,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:B}))]}),e.jsxs(h,{children:[e.jsxs(g,{children:["conversation-starter"===Z&&D&&e.jsxs(p,{children:[e.jsx(b,{children:e.jsx(f,Object.assign({onClick:D.onPlay},{children:e.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxs(u,{children:[e.jsx(o,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:D.title})),e.jsx(d,{children:D.description})]})]}),C.map((i=>e.jsx(m,Object.assign({role:i.role},{children:"assistant"===i.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:s(i.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:i.content}))}),i.id))),(q||L)&&e.jsx(l,{}),e.jsx("div",{ref:R})]}),_&&"conversation-starter"===Z&&e.jsx(k,{children:e.jsx(v,{children:_.map((i=>e.jsx(w,Object.assign({disabled:Y,onClick:()=>{Y||(null==W||W(i),A(i.text))}},{children:e.jsx(z,{children:i.text})}),i.id)))})}),!_&&M.length>0&&"default"===Z&&e.jsx(j,{children:e.jsx(y,{children:M.map((i=>e.jsx(F,Object.assign({disabled:Y,onClick:()=>!Y&&A(i)},{children:i}),i)))})}),e.jsx(T,{children:e.jsxs($,{children:[e.jsx(O,{ref:U,value:P,onChange:e=>{if(Y)return;const i=e.target.value;V(i),Q(i.trim().length>0);const t=U.current;t&&(t.style.height="auto",t.style.height=`${Math.min(t.scrollHeight,117)}px`)},placeholder:I,onKeyDown:e=>{Y||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!X&&P.trim()&&ee())},disabled:Y,hasText:ie,chatState:Z}),e.jsx(S,Object.assign({onClick:ee,disabled:te,hasText:ie,"aria-label":"Send"},{children:e.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};export{z as CustomGradientText,C 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{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as s}from"react";import a from"styled-components";import i from"../../../assets/icons/Idea.svg.js";import r from"../../../assets/icons/AiEdit.svg.js";import n from"../../../assets/icons/HelpIcon.svg.js";const o=a.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};
+`,l=[{icon:i,text:"Analyzing your questions..."},{icon:r,text:"Gathering insights..."},{icon:n,text:"Crafting the perfect response..."}],m=()=>{const[a,i]=t(0);s((()=>{const e=window.setInterval((()=>{i((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const r=l[a];return e.jsxs(o,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsx(r.icon,{height:24,width:24}),e.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsx("div",Object.assign({className:"status-text"},{children:r.text})),e.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,s)=>e.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*s+"s"}},{children:e.jsx("span",{className:"shimmer-highlight"})}),t)))}))]}))]}))};export{m 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{j as o}from"../../../node_modules/react/jsx-runtime.js";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:j,requestExecutor:A,baseUrl:C,endpointPath:P,responseFormat:b,conversationId:w="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?A&&C?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,A,C]);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:_,conversation:H,sendMessage:z,isApiCallInProgress:G}=d({system:R||{id:"loading",name:"Loading...",model:c,systemPrompt:"Loading...",functions:[]},conversationId:w,skipInitialization:!R,customFunctions:v,functionHandler:y,responseFormat:b,onMessageReceived:I,displayInUI:h,maxToolCalls:x,maxTokens:j,apiAdapter:A&&C?l(A,C,P||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),O={isReady:!!R&&!T,isLoading:T,isApiCallInProgress:G,system:R,messages:_,conversation:H,sendMessage:z,error:F};return o.jsx(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};

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{j as s}from"../../node_modules/react/jsx-runtime.js";import e from"../../assets/icons/arrow_left.svg.js";import{useState as t}from"react";import{Curtain as r}from"../curtain/Curtain.js";import{BodyCaption as i,TitleMedium as n,TitleRegular as a}from"../TypographyStyle.js";import{BikHeaderWrapper as o,BikHeaderContainer as c}from"./CommonStyles.js";const l=l=>{const{header:d,subHeader:j,hideBackButton:h=!0,rightActionButton:m,onClickingBackButton:x,secondaryHeader:g,curtainProps:u,curtainZIndex:p,headerStyles:f,leftLayout:y,dataTest:b}=l,[O,k]=t(!!u);return s.jsxs(o,Object.assign({style:Object.assign({},f),"data-test":b},{children:[s.jsxs(c,{children:[y?s.jsxs(s.Fragment,{children:[!h&&s.jsx(e,{className:"cursor",height:24,width:24,onClick:x}),y]}):s.jsxs("div",Object.assign({className:"row--flex left-container"},{children:[!h&&s.jsx(e,{className:"cursor",height:24,width:24,onClick:x}),s.jsxs("div",{children:[j?s.jsx(i,Object.assign({className:"brand"},{children:d})):s.jsx(n,{children:d}),s.jsx(a,{children:j})]})]})),s.jsx("div",Object.assign({className:"row--flex right-container"},{children:m}))]}),O&&u&&s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:p||6}},{children:s.jsx(r,Object.assign({},u,{onCloseHandler:()=>{k(!1)}}))})),s.jsx("div",{style:{height:20}})]}),null!=g?g:s.jsx(s.Fragment,{})]}))};export{l 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{j as e}from"../../node_modules/react/jsx-runtime.js";import{BikLayoutContainer as o}from"./CommonStyles.js";import{FeatureModal as r}from"./FeatureModal.js";import{FeatureModalV2 as s}from"./FeatureModalV2.js";import{PageLoader as n}from"./PageLoader.js";const a=a=>{const{isLoading:t,isFeatureModalEnabled:i=!1,isDisabled:d=!1,loadingAnimation:l,hidePadding:c=!1,height:g,children:j,containerStyles:m,onClickingCrossOnFeatureModal:p,onUpgrade:u,extraContentForModal:h,featureModalProps:b,type:x,useFeautureModalV2:C,backgroundColor:F}=a;return t?e.jsx(o,Object.assign({backgroundColor:F},{children:l||e.jsx(n,{})})):e.jsx(e.Fragment,{children:e.jsxs(o,Object.assign({type:x,backgroundColor:F},{children:[e.jsx("div",{className:""+(d?"disabled--wrapper":"")}),e.jsx("div",Object.assign({className:""+(c?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${g||""}`},null!=m?m:{})},{children:j})),i&&e.jsx(e.Fragment,{children:C?e.jsx(s,Object.assign({onUpgrade:u},b,{otherContent:h})):e.jsx(r,Object.assign({showBookADemo:!0,onClickingCross:()=>p?p():"",onUpgrade:u},b,{otherContent:h}))})]}))})};export{a 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{j as s}from"../../node_modules/react/jsx-runtime.js";import i from"../../assets/icons/log_out.svg.js";import{useState as e}from"react";import{Dropdown as n,OverlayTrigger as t}from"react-bootstrap";import{COLORS as o,DEFAULT_THEME as r}from"../../constants/Theme.js";import"../tooltips/Tooltip.js";import{BodyCaption as a,TitleSmall as l,BodySecondary as c}from"../TypographyStyle.js";import{StyledDropdown as j}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as d,MenuInnerContainer as m,UserInfoContainer as g,UserStatusContainer as x,UserNameTitleSmall as h,StatusContainer as p,StyledBodyCaption as b,ProfileDropdownToggleContainer as u,ProfileDropdownInnerContainer as v,UserAvatarContainer as O}from"./CommonStyles.js";const A=u=>{const[v,O]=e(!1),{userName:A,hideLogout:w=!1,photoUrl:U,isActiveAwayStatus:I=!0,isAvailable:N=!1,extraJSX:C,onProfileClicked:D,onLogout:F}=u,S=s=>{const i=(s||"").split("."),e=i[1]||i[0];if(!e)return"";return e.split(" ").map((s=>s.charAt(0).toUpperCase())).slice(0,2).join("")},T=s.jsx(d,Object.assign({id:"tooltip"},{children:s.jsx(a,{children:A})}));return s.jsxs(j,Object.assign({onToggle:s=>{O(s)}},{children:[s.jsx(y,{isDropdownOpen:v,imageUrl:U,initialsAsIcon:U?"":S(A)}),s.jsx(n.Menu,{children:s.jsxs(m,{children:[s.jsxs(g,Object.assign({onClick:D},{children:[s.jsx(f,{imageUrl:U,initialsAsIcon:U?"":S(A)}),s.jsxs(x,{children:[s.jsx(t,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:T},{children:s.jsx(h,{children:s.jsx(l,{children:A})})})),I&&s.jsxs(p,Object.assign({isAvailable:N},{children:[s.jsx("div",{className:"availability--container"}),!N&&s.jsx(b,Object.assign({isAvailable:N},{children:"Away"})),N&&s.jsx(b,Object.assign({isAvailable:N},{children:"Active"}))]}))]})]})),C&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"divider"}),C]}),!w&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"divider"}),s.jsxs("div",Object.assign({className:"logout--container",onClick:F,onKeyDown:F,role:"button",tabIndex:0},{children:[s.jsx(i,{color:o.content.negative,height:17,width:17}),s.jsx(c,Object.assign({style:{color:r.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))},y=i=>{const{isDropdownOpen:e,imageUrl:n,initialsAsIcon:t}=i;return s.jsx(u,Object.assign({id:"dropdown-basic"},{children:s.jsx(v,Object.assign({isDropdownOpen:e},{children:s.jsx(f,{imageUrl:n,initialsAsIcon:t})}))}))},f=i=>{const{imageUrl:e,initialsAsIcon:n}=i;return s.jsx(s.Fragment,{children:(n||e)&&s.jsx(O,{children:e?s.jsx("img",{src:e,alt:"general-icon"}):s.jsx("div",Object.assign({className:"avatar--container"},{children:s.jsx(c,Object.assign({style:{color:o.surface.standard}},{children:n}))}))})})};export{A as BikProfile};

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Menu } from './Sidebar.model';
+import { Menu } from './SimpleSidebar';
 export interface MenuItem {
     key: string | number;
     displayName: string;

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