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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/Ai_event_generating.svg.js"),i=require("react"),r=require("styled-components"),n=require("../../TypographyStyle.js"),a=require("../utils/markdown.js"),d=require("./ThinkingIndicator.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(r);const s=l.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/Ai_event_generating.svg.js"),i=require("react"),r=require("styled-components"),n=require("../../TypographyStyle.js"),s=require("../utils/markdown.js"),a=require("./ThinkingIndicator.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(r);const l=d.default.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -12,7 +12,7 @@
 
 	/* State-based styling */
 	${e=>{switch(e.chatState){case"conversation-starter":return"\n          background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n        ";case"thinking":return"\n          background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n        ";default:return"\n          background: white;\n        "}}}
-`,c=l.default.div`
+`,x=d.default.div`
 	padding: 16px;
 	border-bottom: 1px solid #e5e7eb;
 	display: flex;
@@ -26,13 +26,13 @@
 		font-weight: 500;
 		color: #374151;
 	}
-`,x=l.default.div`
+`,c=d.default.div`
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	min-height: 0;
-`,h=l.default.div`
+`,p=d.default.div`
 	flex: 1;
 	overflow-y: auto;
 	padding: 16px;
@@ -61,13 +61,13 @@
 	&::-webkit-scrollbar-thumb:hover {
 		background: #a8a8a8;
 	}
-`,g=l.default.div`
+`,u=d.default.div`
 	background: white;
 	border-radius: 12px;
 	padding: 16px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	border: 1px solid #e5e7eb;
-`,p=l.default.div`
+`,h=d.default.div`
 	width: 100%;
 	height: 180px;
 	background: #f3f4f6;
@@ -77,7 +77,7 @@
 	justify-content: center;
 	position: relative;
 	margin-bottom: 12px;
-`,b=l.default.div`
+`,g=d.default.div`
 	width: 48px;
 	height: 48px;
 	background: rgba(0, 0, 0, 0.7);
@@ -99,11 +99,11 @@
 		fill: white;
 		margin-left: 2px;
 	}
-`,u=l.default.div`
+`,b=d.default.div`
 	font-size: 14px;
 	color: #374151;
 	line-height: 1.5;
-`,f=l.default.div`
+`,f=d.default.div`
 	padding: 12px 16px;
 	border-radius: 16px;
 	font-size: 14px;
@@ -112,15 +112,15 @@
 	word-wrap: break-word;
 
 	${e=>"user"===e.role?"\n        background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n        margin-left: auto;\n        border-bottom-right-radius: 4px;\n        \n        & > div {\n          background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          background-clip: text;\n          display: inline-block;\n        }\n      ":"system"===e.role?"\n        background: #f3f4f6;\n        color: #6b7280;\n        font-size: 12px;\n        font-style: italic;\n        text-align: center;\n        margin: 0 auto;\n        max-width: 90%;\n      ":"\n        background: white;\n        color: #111827;\n        border: 1px solid #e5e7eb;\n        margin-right: auto;\n        border-bottom-left-radius: 4px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      "}
-`,k=l.default.div`
+`,m=d.default.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,v=l.default.div`
+`,j=d.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	align-items: flex-end;
-`,m=l.default.button`
+`,k=d.default.button`
 	border: 1px dotted #febad2;
 	background: linear-gradient(
 		92.69deg,
@@ -149,14 +149,14 @@
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,w=l.default.div`
+`,v=d.default.div`
 	padding: 16px;
 	background: white;
-`,j=l.default.div`
+`,w=d.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,y=l.default.button`
+`,y=d.default.button`
 	background: #fef2f2;
 	color: #dc2626;
 	padding: 12px 16px;
@@ -176,14 +176,14 @@
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,F=l.default.div`
+`,E=d.default.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,S=l.default.div`
+`,R=d.default.div`
 	position: relative;
 	display: flex;
 	width: 100%;
-`,T=l.default.textarea`
+`,F=d.default.textarea`
 	flex: 1;
 	border: 1px solid ${e=>e.hasText?"#3b82f6":"#d1d5db"};
 	border-radius: 12px;
@@ -210,7 +210,7 @@
 	&::placeholder {
 		color: #9ca3af;
 	}
-`,$=l.default.button`
+`,S=d.default.button`
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
@@ -242,7 +242,7 @@
 		fill: white;
 		font-weight: bold;
 	}
-`,O=l.default.span`
+`,T=d.default.span`
 	background: linear-gradient(
 		${e=>e.angle||92.69}deg,
 		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
@@ -251,4 +251,4 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`;exports.CustomGradientText=O,exports.default=r=>{let{messages:o,onSend:l,header:C="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1}=r;const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),V=i.useRef(null),J=K||_,Q=M||H,U=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!W.trim()||Q||J||(l(W),E(""),P(!0),setTimeout((()=>P(!1)),1500))},Y=W.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,K,_]);const ee=L||"100%";return e.jsxs(s,Object.assign({chatState:U,style:{height:ee}},{children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:C}))]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===U&&A&&e.jsxs(g,{children:[e.jsx(p,{children:e.jsx(b,Object.assign({onClick:A.onPlay},{children:e.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxs(u,{children:[e.jsx(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:A.title})),e.jsx(n.BodyCaption,{children:A.description})]})]}),o.map((t=>e.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===U&&e.jsx(k,{children:e.jsx(v,{children:q.map((t=>e.jsx(m,Object.assign({disabled:Q,onClick:()=>{Q||(null==I||I(t),l(t.text))}},{children:e.jsx(O,{children:t.text})}),t.id)))})}),!q&&B.length>0&&"default"===U&&e.jsx(w,{children:e.jsx(j,{children:B.map((t=>e.jsx(y,Object.assign({disabled:Q,onClick:()=>!Q&&l(t)},{children:t}),t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:V,value:W,onChange:e=>{if(Q)return;const t=e.target.value;E(t),G(t.trim().length>0);const i=V.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:z,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&W.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsx($,Object.assign({onClick:X,disabled:Z,hasText:Y,"aria-label":"Send"},{children:e.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};
+`;exports.CustomGradientText=T,exports.default=r=>{let{messages:o,onSend:d,header:$="Create with AI",placeholder:O="Discover the right event & launch campaigns for better conversions...",suggestions:C=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:z,videoStarter:B,disabled:q=!1,isThinking:A=!1,onIceBreakerClick:M,chatState:_,chatWindowHeight:I,inputDisabled:D=!1}=r;const[L,H]=i.useState(""),[W,K]=i.useState(!1),[P,G]=i.useState(!1),N=i.useRef(null),V=i.useRef(null),J=W||A,Q=q||D,U=_||(W||A?"thinking":P&&L.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!L.trim()||Q||J||(d(L),H(""),K(!0),setTimeout((()=>K(!1)),1500))},Y=L.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,W,A]);const ee=I||"100%";return e.jsxRuntimeExports.jsxs(l,Object.assign({chatState:U,style:{height:ee}},{children:[e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(t.default,{height:24,width:24}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"header-text"},{children:$}))]}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsxs(p,{children:["conversation-starter"===U&&B&&e.jsxRuntimeExports.jsxs(u,{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(g,Object.assign({onClick:B.onPlay},{children:e.jsxRuntimeExports.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsxRuntimeExports.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxRuntimeExports.jsxs(b,{children:[e.jsxRuntimeExports.jsx(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:B.title})),e.jsxRuntimeExports.jsx(n.BodyCaption,{children:B.description})]})]}),o.map((t=>e.jsxRuntimeExports.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:s.renderMarkdownLite(t.content)}}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(W||A)&&e.jsxRuntimeExports.jsx(a.default,{}),e.jsxRuntimeExports.jsx("div",{ref:N})]}),z&&"conversation-starter"===U&&e.jsxRuntimeExports.jsx(m,{children:e.jsxRuntimeExports.jsx(j,{children:z.map((t=>e.jsxRuntimeExports.jsx(k,Object.assign({disabled:Q,onClick:()=>{Q||(null==M||M(t),d(t.text))}},{children:e.jsxRuntimeExports.jsx(T,{children:t.text})}),t.id)))})}),!z&&C.length>0&&"default"===U&&e.jsxRuntimeExports.jsx(v,{children:e.jsxRuntimeExports.jsx(w,{children:C.map((t=>e.jsxRuntimeExports.jsx(y,Object.assign({disabled:Q,onClick:()=>!Q&&d(t)},{children:t}),t)))})}),e.jsxRuntimeExports.jsx(E,{children:e.jsxRuntimeExports.jsxs(R,{children:[e.jsxRuntimeExports.jsx(F,{ref:V,value:L,onChange:e=>{if(Q)return;const t=e.target.value;H(t),G(t.trim().length>0);const i=V.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:O,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&L.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsxRuntimeExports.jsx(S,Object.assign({onClick:X,disabled:Z,hasText:Y,"aria-label":"Send"},{children:e.jsxRuntimeExports.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsxRuntimeExports.jsx("path",{d:"M6 12h12"}),e.jsxRuntimeExports.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),s=require("../../../assets/icons/Idea.svg.js"),i=require("../../../assets/icons/AiEdit.svg.js"),r=require("../../../assets/icons/HelpIcon.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n(a).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("styled-components"),a=require("../../../assets/icons/Idea.svg.js"),i=require("../../../assets/icons/AiEdit.svg.js"),r=require("../../../assets/icons/HelpIcon.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n(s).default.div`
     background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);
 	padding: 24px;
 	border-radius: 16px;
@@ -144,4 +144,4 @@
 			transform: translateY(0);
 		}
 	}
-`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{s((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[a];return e.jsxs(o,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsx("div",Object.assign({className:"status-text"},{children:i.text})),e.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,a)=>e.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"}},{children:e.jsx("span",{className:"shimmer-highlight"})}),t)))}))]}))]}))};
+`,l=[{icon:a.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[s,a]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{a((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[s];return e.jsxRuntimeExports.jsxs(o,Object.assign({role:"status","aria-live":"polite"},{children:[e.jsxRuntimeExports.jsx(i.icon,{height:24,width:24}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bubble-content"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"status-text"},{children:i.text})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"dots"},{children:[0,1,2,3,4].map((t=>e.jsxRuntimeExports.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"shimmer-group"},{children:[70,85,50].map(((t,s)=>e.jsxRuntimeExports.jsx("div",Object.assign({className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*s+"s"}},{children:e.jsxRuntimeExports.jsx("span",{className:"shimmer-highlight"})}),t)))}))]}))]}))};

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

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

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

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

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

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

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

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

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

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