npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),B=require("../../../assets/icons/Ai_event_generating.svg.js"),a=require("react"),_=require("styled-components"),D=require("../../TypographyStyle.js"),q=require("../utils/markdown.js"),A=require("./ThinkingIndicator.js"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=R(_),G=o.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),B=require("../../../assets/icons/Ai_event_generating.svg.js"),a=require("react"),_=require("styled-components"),D=require("../../TypographyStyle.js"),q=require("../utils/markdown.js"),A=require("./ThinkingIndicator.js"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=R(_),G=t.default.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -18,7 +18,7 @@
         `;default:return`
           background: white;
         `}}}
-`,H=o.default.div`
+`,H=t.default.div`
 	padding: 16px;
 	border-bottom: 1px solid #e5e7eb;
 	display: flex;
@@ -32,13 +32,13 @@
 		font-weight: 500;
 		color: #374151;
 	}
-`,L=o.default.div`
+`,L=t.default.div`
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	min-height: 0;
-`,K=o.default.div`
+`,K=t.default.div`
 	flex: 1;
 	overflow-y: auto;
 	padding: 16px;
@@ -67,13 +67,13 @@
 	&::-webkit-scrollbar-thumb:hover {
 		background: #a8a8a8;
 	}
-`,P=o.default.div`
+`,P=t.default.div`
 	background: white;
 	border-radius: 12px;
 	padding: 16px;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	border: 1px solid #e5e7eb;
-`,O=o.default.div`
+`,O=t.default.div`
 	width: 100%;
 	height: 180px;
 	background: #f3f4f6;
@@ -83,7 +83,7 @@
 	justify-content: center;
 	position: relative;
 	margin-bottom: 12px;
-`,J=o.default.div`
+`,J=t.default.div`
 	width: 48px;
 	height: 48px;
 	background: rgba(0, 0, 0, 0.7);
@@ -105,11 +105,11 @@
 		fill: white;
 		margin-left: 2px;
 	}
-`,Q=o.default.div`
+`,Q=t.default.div`
 	font-size: 14px;
 	color: #374151;
 	line-height: 1.5;
-`,X=o.default.div`
+`,X=t.default.div`
 	padding: 12px 16px;
 	border-radius: 16px;
 	font-size: 14px;
@@ -145,15 +145,15 @@
         border-bottom-left-radius: 4px;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
       `}
-`,Y=o.default.div`
+`,Y=t.default.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,Z=o.default.div`
+`,Z=t.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	align-items: flex-end;
-`,ee=o.default.button`
+`,ee=t.default.button`
 	border: 1px dotted #febad2;
 	background: linear-gradient(
 		92.69deg,
@@ -182,14 +182,14 @@
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,ne=o.default.div`
+`,ne=t.default.div`
 	padding: 16px;
 	background: white;
-`,te=o.default.div`
+`,oe=t.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,oe=o.default.button`
+`,te=t.default.button`
 	background: #fef2f2;
 	color: #dc2626;
 	padding: 12px 16px;
@@ -209,14 +209,14 @@
 	&:active:not(:disabled) {
 		transform: scale(0.98);
 	}
-`,ie=o.default.div`
+`,ie=t.default.div`
 	padding: 16px;
 	flex-shrink: 0;
-`,re=o.default.div`
+`,re=t.default.div`
 	position: relative;
 	display: flex;
 	width: 100%;
-`,ae=o.default.textarea`
+`,ae=t.default.textarea`
 	flex: 1;
 	border: 1px solid ${e=>e.hasText?"#3b82f6":"#d1d5db"};
 	border-radius: 12px;
@@ -243,7 +243,7 @@
 	&::placeholder {
 		color: #9ca3af;
 	}
-`,se=o.default.button`
+`,se=t.default.button`
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
@@ -275,7 +275,7 @@
 		fill: white;
 		font-weight: bold;
 	}
-`,W=o.default.span`
+`,C=t.default.span`
 	background: linear-gradient(
 		${e=>e.angle||92.69}deg,
 		${e=>e.colors||"#ff166a 0.37%, #fb5f08 100%"}
@@ -284,5 +284,5 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`,le=({messages:e,onSend:m,header:C="Create with AI",placeholder:j="Discover the right event & launch campaigns for better conversions...",suggestions:f=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:u,videoStarter:l,disabled:V=!1,isThinking:c=!1,onIceBreakerClick:E,chatState:k,chatWindowHeight:U,inputDisabled:F=!1})=>{const[r,x]=a.useState(""),[d,v]=a.useState(!1),[S,T]=a.useState(!1),g=a.useRef(null),y=a.useRef(null),p=d||c,i=V||F,s=k||(d||c?"thinking":S&&r.trim().length>0?"typing":e.length===0?"conversation-starter":e.length>0?"conversation":"default"),N=()=>{!r.trim()||i||p||(m(r),x(""),v(!0),setTimeout(()=>v(!1),1500))},I=t=>{i||t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),!p&&r.trim()&&N())},$=t=>{if(i)return;const w=t.target.value;x(w),T(w.trim().length>0);const b=y.current;b&&(b.style.height="auto",b.style.height=`${Math.min(b.scrollHeight,117)}px`)},h=r.trim().length>0,z=i||p||!h;a.useEffect(()=>{g.current?.scrollIntoView({behavior:"smooth"})},[e,d,c]);const M=U||"100%";return n.jsxDEV(G,{chatState:s,style:{height:M},children:[n.jsxDEV(H,{children:[n.jsxDEV(B.default,{height:24,width:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:457,columnNumber:5},void 0),n.jsxDEV("div",{className:"header-text",children:C},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:458,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:456,columnNumber:4},void 0),n.jsxDEV(L,{children:[n.jsxDEV(K,{children:[s==="conversation-starter"&&l&&n.jsxDEV(P,{children:[n.jsxDEV(O,{children:n.jsxDEV(J,{onClick:l.onPlay,children:n.jsxDEV("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:n.jsxDEV("path",{d:"M8 5v14l11-7z"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:471,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:470,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:469,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:468,columnNumber:8},void 0),n.jsxDEV(Q,{children:[n.jsxDEV(D.BodySecondary,{style:{fontWeight:500,marginBottom:"4px"},children:l.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:476,columnNumber:9},void 0),n.jsxDEV(D.BodyCaption,{children:l.description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:479,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:475,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:467,columnNumber:7},void 0),e.map(t=>n.jsxDEV(X,{role:t.role,children:t.role==="assistant"?n.jsxDEV("div",{dangerouslySetInnerHTML:{__html:q.renderMarkdownLite(t.content)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:488,columnNumber:9},void 0):n.jsxDEV("div",{style:{whiteSpace:"pre-wrap"},children:t.content},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:494,columnNumber:9},void 0)},t.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:486,columnNumber:7},void 0)),(d||c)&&n.jsxDEV(A.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:500,columnNumber:35},void 0),n.jsxDEV("div",{ref:g},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:502,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:464,columnNumber:5},void 0),u&&s==="conversation-starter"&&n.jsxDEV(Y,{children:n.jsxDEV(Z,{children:u.map(t=>n.jsxDEV(ee,{disabled:i,onClick:()=>{i||(E?.(t),m(t.text))},children:n.jsxDEV(W,{children:t.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:520,columnNumber:10},void 0)},t.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:510,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:508,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:507,columnNumber:6},void 0),!u&&f.length>0&&s==="default"&&n.jsxDEV(ne,{children:n.jsxDEV(te,{children:f.map(t=>n.jsxDEV(oe,{disabled:i,onClick:()=>!i&&m(t),children:t},t,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:534,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:532,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:531,columnNumber:7},void 0),n.jsxDEV(ie,{children:n.jsxDEV(re,{children:[n.jsxDEV(ae,{ref:y,value:r,onChange:$,placeholder:j,onKeyDown:I,disabled:i,hasText:h,chatState:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:549,columnNumber:7},void 0),n.jsxDEV(se,{onClick:N,disabled:z,hasText:h,"aria-label":"Send",children:n.jsxDEV("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsxDEV("path",{d:"M6 12h12"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:575,columnNumber:9},void 0),n.jsxDEV("path",{d:"M12 6l6 6-6 6"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:576,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:565,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:559,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:548,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:547,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:462,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:454,columnNumber:3},void 0)};exports.CustomGradientText=W;exports.default=le;
+`,de=({messages:e,onSend:u,header:j="Create with AI",placeholder:V="Discover the right event & launch campaigns for better conversions...",suggestions:h=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:m,videoStarter:d,disabled:W=!1,isThinking:l=!1,onIceBreakerClick:E,chatState:x,chatWindowHeight:U,inputDisabled:F=!1})=>{const[r,g]=a.useState(""),[c,w]=a.useState(!1),[S,T]=a.useState(!1),k=a.useRef(null),y=a.useRef(null),p=c||l,i=W||F,s=x||(c||l?"thinking":S&&r.trim().length>0?"typing":e.length===0?"conversation-starter":e.length>0?"conversation":"default"),N=()=>{!r.trim()||i||p||(u(r),g(""),w(!0),setTimeout(()=>w(!1),1500))},I=o=>{i||o.key==="Enter"&&!o.shiftKey&&(o.preventDefault(),!p&&r.trim()&&N())},$=o=>{if(i)return;const v=o.target.value;g(v),T(v.trim().length>0);const b=y.current;b&&(b.style.height="auto",b.style.height=`${Math.min(b.scrollHeight,117)}px`)},f=r.trim().length>0,z=i||p||!f;a.useEffect(()=>{k.current?.scrollIntoView({behavior:"smooth"})},[e,c,l]);const M=U||"100%";return n.jsxDEV(G,{chatState:s,style:{height:M},children:[n.jsxDEV(H,{children:[n.jsxDEV(B.default,{height:24,width:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:457,columnNumber:5},void 0),n.jsxDEV("div",{className:"header-text",children:j},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:458,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:456,columnNumber:4},void 0),n.jsxDEV(L,{children:[n.jsxDEV(K,{children:[s==="conversation-starter"&&d&&n.jsxDEV(P,{children:[n.jsxDEV(O,{children:n.jsxDEV(J,{onClick:d.onPlay,children:n.jsxDEV("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:n.jsxDEV("path",{d:"M8 5v14l11-7z"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:471,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:470,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:469,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:468,columnNumber:8},void 0),n.jsxDEV(Q,{children:[n.jsxDEV(D.BodySecondary,{style:{fontWeight:500,marginBottom:"4px"},children:d.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:476,columnNumber:9},void 0),n.jsxDEV(D.BodyCaption,{children:d.description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:479,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:475,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:467,columnNumber:7},void 0),e.map(o=>n.jsxDEV(X,{role:o.role,children:o.role==="assistant"?n.jsxDEV("div",{dangerouslySetInnerHTML:{__html:q.renderMarkdownLite(o.content)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:488,columnNumber:9},void 0):n.jsxDEV("div",{style:{whiteSpace:"pre-wrap"},children:o.content},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:494,columnNumber:9},void 0)},o.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:486,columnNumber:7},void 0)),(c||l)&&n.jsxDEV(A.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:500,columnNumber:35},void 0),n.jsxDEV("div",{ref:k},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:502,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:464,columnNumber:5},void 0),m&&s==="conversation-starter"&&n.jsxDEV(Y,{children:n.jsxDEV(Z,{children:m.map(o=>n.jsxDEV(ee,{disabled:i,onClick:()=>{i||(E?.(o),u(o.text))},children:n.jsxDEV(C,{children:o.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:520,columnNumber:10},void 0)},o.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:510,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:508,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:507,columnNumber:6},void 0),!m&&h.length>0&&s==="default"&&n.jsxDEV(ne,{children:n.jsxDEV(oe,{children:h.map(o=>n.jsxDEV(te,{disabled:i,onClick:()=>!i&&u(o),children:o},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:534,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:532,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:531,columnNumber:7},void 0),n.jsxDEV(ie,{children:n.jsxDEV(re,{children:[n.jsxDEV(ae,{ref:y,value:r,onChange:$,placeholder:V,onKeyDown:I,disabled:i,hasText:f,chatState:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:549,columnNumber:7},void 0),n.jsxDEV(se,{onClick:N,disabled:z,hasText:f,"aria-label":"Send",children:n.jsxDEV("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[n.jsxDEV("path",{d:"M6 12h12"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:575,columnNumber:9},void 0),n.jsxDEV("path",{d:"M12 6l6 6-6 6"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:576,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:565,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:559,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:548,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:547,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:462,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ChatWindow.tsx",lineNumber:454,columnNumber:3},void 0)};exports.CustomGradientText=C;exports.default=de;
 //# sourceMappingURL=ChatWindow.js.map

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling /\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n `;\n\t\t\tdefault:\n\t\t\t\treturn `\n background: white;\n `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/ Custom scrollbar /\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' \| 'assistant' \| 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\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 `\n\t\t\t: props.role === 'system'\n\t\t\t? `\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\t\t\t: `\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 `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle \|\| 92.69}deg,\n\t\t${(props) => props.colors \|\| '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string \| number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking \|\| isThinking;\n\tconst isInputDisabledState = disabled \|\| inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking \|\| isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() \|\| isInputDisabledState \|\| isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState \|\| isThinkingState \|\| !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight \|\| '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/ Header /}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/ Main Content - Single Column Layout /}\n\t\t\t<MainContent>\n\t\t\t\t{/ Messages Section /}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/ Video starter card - only when no messages and videoStarter provided /}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Render messages (assistant supports lite Markdown) /}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/ Thinking bubble /}\n\t\t\t\t\t{(thinking \|\| isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/ Ice Breakers Section - At bottom when no messages and ice breakers provided /}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/ Regular Suggestions - Show when no ice breakers are provided /}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/ Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","props","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","IceBreakersSection","IceBreakersGrid","IceBreakerChip","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","SendButton","CustomGradientText","ChatWindow","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","disabled","isThinking","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","handleSend","handleKeyDown","e","handleInputChange","value","textarea","hasText","isSendDisabled","useEffect","containerHeight","jsxDEV","AiIcon","this","BodySecondary","BodyCaption","m","renderMarkdownLite","ThinkingIndicator","iceBreaker","s"],"mappings":"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"}
1	+ {"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling /\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n `;\n\t\t\tdefault:\n\t\t\t\treturn `\n background: white;\n `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/ Custom scrollbar /\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' \| 'assistant' \| 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\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 `\n\t\t\t: props.role === 'system'\n\t\t\t? `\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\t\t\t: `\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 `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle \|\| 92.69}deg,\n\t\t${(props) => props.colors \|\| '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string \| number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking \|\| isThinking;\n\tconst isInputDisabledState = disabled \|\| inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking \|\| isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() \|\| isInputDisabledState \|\| isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState \|\| isThinkingState \|\| !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight \|\| '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/ Header /}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/ Main Content - Single Column Layout /}\n\t\t\t<MainContent>\n\t\t\t\t{/ Messages Section /}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/ Video starter card - only when no messages and videoStarter provided /}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Render messages (assistant supports lite Markdown) /}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/ Thinking bubble /}\n\t\t\t\t\t{(thinking \|\| isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/ Ice Breakers Section - At bottom when no messages and ice breakers provided /}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/ Regular Suggestions - Show when no ice breakers are provided /}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/ Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","props","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","IceBreakersSection","IceBreakersGrid","IceBreakerChip","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","SendButton","CustomGradientText","ChatWindow","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","disabled","isThinking","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","handleSend","handleKeyDown","e","handleInputChange","value","textarea","hasText","isSendDisabled","useEffect","containerHeight","jsxDEV","AiIcon","this","BodySecondary","BodyCaption","m","renderMarkdownLite","ThinkingIndicator","iceBreaker","s"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),o=require("react"),l=require("styled-components"),m=require("../../../assets/icons/Idea.svg.js"),c=require("../../../assets/icons/AiEdit.svg.js"),d=require("../../../assets/icons/HelpIcon.svg.js"),p=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},u=p(l),b=u.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),a=require("react"),l=require("styled-components"),c=require("../../../assets/icons/Idea.svg.js"),d=require("../../../assets/icons/AiEdit.svg.js"),m=require("../../../assets/icons/HelpIcon.svg.js"),u=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},p=u(l),b=p.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,5 +144,5 @@
 			transform: translateY(0);
 		}
 	}
-`,r=[{icon:m.default,text:"Analyzing your questions..."},{icon:c.default,text:"Gathering insights..."},{icon:d.default,text:"Crafting the perfect response..."}],h=()=>{const[n,s]=o.useState(0);o.useEffect(()=>{const t=window.setInterval(()=>{s(i=>(i+1)%r.length)},1800);return()=>window.clearInterval(t)},[]);const a=r[n];return e.jsxDEV(b,{role:"status","aria-live":"polite",children:[e.jsxDEV(a.icon,{height:24,width:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:190,columnNumber:4},void 0),e.jsxDEV("div",{className:"bubble-content",children:[e.jsxDEV("div",{className:"status-text",children:a.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:192,columnNumber:5},void 0),e.jsxDEV("div",{className:"dots",children:[0,1,2,3,4].map(t=>e.jsxDEV("span",{className:"dot",style:{animationDelay:`${t*.15}s`}},t,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:195,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:193,columnNumber:5},void 0),e.jsxDEV("div",{className:"shimmer-group",children:[70,85,50].map((t,i)=>e.jsxDEV("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:`${.25+i*.12}s`},children:e.jsxDEV("span",{className:"shimmer-highlight"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:212,columnNumber:8},void 0)},t,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:204,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:191,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:186,columnNumber:3},void 0)};exports.default=h;
+`,s=[{icon:c.default,text:"Analyzing your questions..."},{icon:d.default,text:"Gathering insights..."},{icon:m.default,text:"Crafting the perfect response..."}],f=()=>{const[n,r]=a.useState(0);a.useEffect(()=>{const t=window.setInterval(()=>{r(i=>(i+1)%s.length)},1800);return()=>window.clearInterval(t)},[]);const o=s[n];return e.jsxDEV(b,{role:"status","aria-live":"polite",children:[e.jsxDEV(o.icon,{height:24,width:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:190,columnNumber:4},void 0),e.jsxDEV("div",{className:"bubble-content",children:[e.jsxDEV("div",{className:"status-text",children:o.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:192,columnNumber:5},void 0),e.jsxDEV("div",{className:"dots",children:[0,1,2,3,4].map(t=>e.jsxDEV("span",{className:"dot",style:{animationDelay:`${t*.15}s`}},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:195,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:193,columnNumber:5},void 0),e.jsxDEV("div",{className:"shimmer-group",children:[70,85,50].map((t,i)=>e.jsxDEV("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:`${.25+i*.12}s`},children:e.jsxDEV("span",{className:"shimmer-highlight"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:212,columnNumber:8},void 0)},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:204,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:191,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:186,columnNumber:3},void 0)};exports.default=f;
 //# sourceMappingURL=ThinkingIndicator.js.map

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","styled","thinkingStates","Idea","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","prev","currentState","jsxDEV","this","dot","width","index"],"mappings":"yZAOMA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoJxBC,EAAiB,CACtB,CACC,KAAMC,EAAAA,QACN,KAAM,6BAAA,EAEP,CACC,KAAMC,EAAAA,QACN,KAAM,uBAAA,EAEP,CACC,KAAMC,EAAAA,QACN,KAAM,kCAAA,CAGR,EAEMC,EAA8B,IAAM,CACzC,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,CAAC,EAE9CC,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAW,OAAO,YAAY,IAAM,CACzCH,EAAeI,IAAUA,EAAO,GAAKV,EAAe,MAAM,CAC3D,EAAG,IAAI,EAEP,MAAO,IAAM,OAAO,cAAcS,CAAQ,CAC3C,EAAG,CAAA,CAAE,EAEL,MAAME,EAAeX,EAAeK,CAAU,EAE9C,OACCO,EAAAA,OAACd,EAAA,CACA,KAAK,SACL,YAAU,SAEV,SAAA,CAAAc,SAACD,EAAa,KAAb,CAAkB,OAAQ,GAAI,MAAO,EAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAE,MAA0C,EAC1CD,EAAAA,OAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,SAAC,MAAA,CAAI,UAAU,cAAe,SAAAD,EAAa,IAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAE,MAAgD,EAChDD,EAAAA,OAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKE,GACrBF,EAAAA,OAAC,OAAA,CAEA,UAAU,MACV,MAAO,CAAE,eAAgB,GAAGE,EAAM,GAAI,GAAA,CAAI,EAFrCA,EADN,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAD,MAAA,CAKA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,EACAD,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAC,GAAI,GAAI,EAAE,EAAE,IAAI,CAACG,EAAOC,IACzBJ,EAAAA,OAAC,MAAA,CAEA,UAAU,eACV,MAAO,CACN,MAAO,GAAGG,CAAK,IACf,eAAgB,GAAG,IAAOC,EAAQ,GAAI,GAAA,EAGvC,SAAAJ,EAAAA,OAAC,OAAA,CAAK,UAAU,mBAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAC,MAAoC,CAAA,EAP/BE,EADN,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAA,CAUA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,CAAA,EA9BD,OAAA,GAAA,CAAA,SAAA,~~iJAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAiCF"}
1	+ {"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","styled","thinkingStates","Idea","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","prev","currentState","jsxDEV","this","dot","width","index"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState \| null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig \| null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string \| null>(null);\n\tconst lastNotifiedSystemId = useRef<string \| null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor \|\| !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel \|\| DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel \|\| 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId \|\| 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message \|\| 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system \|\| {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath \|\| undefined,\n\t\t\t\t\t )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","AIProvider","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","dynamicSystem","err","message","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","createExecutorApiAdapter","contextValue","this","useAIContext","context","useContext"],"mappings":"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~~uIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAA4C,MAAmD,CAErD,EAEaC,EAAe,IAAsB,CACjD,MAAMC,EAAUC,EAAAA,WAAWlD,CAAS,EACpC,GAAI,CAACiD,EACJ,MAAM,IAAI,MAAM,gDAAgD,EAEjE,OAAOA,CACR"}
1	+ {"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState \| null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig \| null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string \| null>(null);\n\tconst lastNotifiedSystemId = useRef<string \| null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor \|\| !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel \|\| DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel \|\| 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId \|\| 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message \|\| 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system \|\| {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath \|\| undefined,\n\t\t\t\t\t )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","AIProvider","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","dynamicSystem","err","message","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","createExecutorApiAdapter","contextValue","this","useAIContext","context","useContext"],"mappings":"wPAkBMA,EAAYC,EAAAA,cAAqC,IAAI,EAE9CC,EAAwC,CAAC,CACrD,SAAAC,EAEA,aAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,eAAAC,EAEA,eAAAC,EAAiB,kBACjB,YAAAC,EACA,cAAAC,EACA,QAAAC,EACA,QAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA8B,IAAI,EACxD,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAS,EAAI,EACzC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAwB,IAAI,EAChDK,EAAuBC,EAAAA,OAAsB,IAAI,EAGvDC,EAAAA,UAAU,IAAM,CACf,GAAI,CAAC3B,EAAc,CAClBwB,EAAS,2CAA2C,EACpDF,EAAa,EAAK,EAClB,MACD,CACA,GAAI,CAACb,GAAmB,CAACC,EAAS,CACjCc,EACC,iFAAA,EAEDF,EAAa,EAAK,EAClB,MACD,CACAE,EAAS,IAAI,CACd,EAAG,CAACxB,EAAcS,EAAiBC,CAAO,CAAC,EAE3C,MAAMkB,EAAeC,EAAAA,YAAY,SAAY,CAC5C,GAAI,CACHP,EAAa,EAAI,EACjBE,EAAS,IAAI,EAGb,MAAMM,EAAahB,GAAeiB,EAAAA,cAElC,GACC,CAACC,EAAAA,eAAe,SAASF,CAA6C,EAEtE,MAAM,IAAI,MACT,sBACChB,GAAe,SAChB,yBAAyBkB,iBAAe,KAAK,IAAI,CAAC,EAAA,EAKpD,MAAMC,EAA8B,CACnC,GAAIhC,GAAY,UAChB,KAAMA,EAAW,GAAGA,CAAQ,IAAM,uBAClC,MAAO6B,EACP,aAAA9B,EACA,UAAAE,EACA,MAAAC,CAAA,EAGDgB,EAAUc,CAAa,CACxB,OAASC,EAAK,CACb,MAAMC,EACJD,GAA8B,SAAW,6BAC3CV,EAASW,CAAO,CACjB,QAAA,CACCb,EAAa,EAAK,CACnB,CACD,EAAG,CAACR,EAAad,EAAcC,EAAUC,CAAS,CAAC,EAEnDyB,EAAAA,UAAU,IAAM,CACX3B,GACH4B,EAAA,CAEF,EAAG,CAACA,CAAY,CAAC,EAGjBD,EAAAA,UAAU,IAAM,CACXT,GAAUH,GAAiBG,EAAO,KAAOO,EAAqB,UACjEA,EAAqB,QAAUP,EAAO,GACtCH,EAAcG,CAAM,GAGhBA,IACJO,EAAqB,QAAU,KAEjC,EAAG,CAACP,CAAM,CAAC,EAEX,KAAM,CAAE,SAAAkB,EAAU,aAAAC,EAAc,YAAAC,EAAa,oBAAAC,CAAA,EAC5CC,EAAAA,UAAU,CACT,OAAQtB,GAAU,CACjB,GAAI,UACJ,KAAM,aACN,MAAOa,EAAAA,cACP,aAAc,aACd,UAAW,CAAA,CAAC,EAEb,eAAAlB,EACA,mBAAoB,CAACK,EAErB,gBAAiBhB,EACjB,gBAAAE,EACA,eAAAQ,EACA,kBAAAP,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,WACCC,GAAmBC,EAChB+B,EAAAA,yBACAhC,EACAC,EACAC,GAAgB,MAAA,GAEd,IAAM,CACR,MAAM,IAAI,MACT,oEAAA,CAED,GACJ,QAAAK,EACA,QAAAC,CAAA,CACA,EAEIyB,EAA+B,CACpC,QAAS,CAAC,CAACxB,GAAU,CAACG,EACtB,UAAAA,EACA,oBAAAkB,EACA,OAAArB,EACA,SAAAkB,EACA,aAAAC,EACA,YAAAC,EACA,MAAAf,CAAA,EAGD,gBACE3B,EAAU,SAAV,CAAmB,MAAO8C,EAAe,SAAA3C,CAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,IAAA,aAAA,CAAA,EAAA4C,MAAmD,CAErD,EAEaC,EAAe,IAAsB,CACjD,MAAMC,EAAUC,EAAAA,WAAWlD,CAAS,EACpC,GAAI,CAACiD,EACJ,MAAM,IAAI,MAAM,gDAAgD,EAEjE,OAAOA,CACR"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../assets/icons/arrow_left.svg.js"),v=require("react"),r=require("../TypographyStyle.js"),m=require("./CommonStyles.js"),N=require("../curtain/Curtain.js"),f=u=>{const{header:n,subHeader:o,hideBackButton:s=!0,rightActionButton:c,onClickingBackButton:a,secondaryHeader:b,curtainProps:i,curtainZIndex:d,headerStyles:k,leftLayout:t,dataTest:p}=u,[h,y]=v.useState(!!i);return e.jsxDEV(m.BikHeaderWrapper,{style:{...k},"data-test":p,children:[e.jsxDEV(m.BikHeaderContainer,{children:[t?e.jsxDEV(e.Fragment,{children:[!s&&e.jsxDEV(l.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:43,columnNumber:8},void 0),t]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:41,columnNumber:6},void 0):e.jsxDEV("div",{className:"row--flex left-container",children:[!s&&e.jsxDEV(l.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:55,columnNumber:8},void 0),e.jsxDEV("div",{children:[o?e.jsxDEV(r.BodyCaption,{className:"brand",children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:64,columnNumber:9},void 0):e.jsxDEV(r.TitleMedium,{children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV(r.TitleRegular,{children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:68,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:62,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:53,columnNumber:6},void 0),e.jsxDEV("div",{className:"row--flex right-container",children:c},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:73,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:39,columnNumber:4},void 0),h&&i&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{position:"sticky",top:0,width:"auto",zIndex:d||10},children:e.jsxDEV(N.Curtain,{...i,onCloseHandler:()=>{y(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:77,columnNumber:6},void 0),e.jsxDEV("div",{style:{height:20}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:76,columnNumber:5},void 0),b??e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:95,columnNumber:24},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:38,columnNumber:3},void 0)};exports.BikHeader=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),p=require("react"),o=require("../TypographyStyle.js"),d=require("./CommonStyles.js"),x=require("../curtain/Curtain.js"),D=u=>{const{header:i,subHeader:r,hideBackButton:s=!0,rightActionButton:m,onClickingBackButton:a,secondaryHeader:c,curtainProps:n,curtainZIndex:b,headerStyles:y,leftLayout:l,dataTest:k}=u,[N,f]=p.useState(!!n);return e.jsxDEV(d.BikHeaderWrapper,{style:{...y},"data-test":k,children:[e.jsxDEV(d.BikHeaderContainer,{children:[l?e.jsxDEV(e.Fragment,{children:[!s&&e.jsxDEV(t.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:43,columnNumber:8},void 0),l]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:41,columnNumber:6},void 0):e.jsxDEV("div",{className:"row--flex left-container",children:[!s&&e.jsxDEV(t.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:55,columnNumber:8},void 0),e.jsxDEV("div",{children:[r?e.jsxDEV(o.BodyCaption,{className:"brand",children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:64,columnNumber:9},void 0):e.jsxDEV(o.TitleMedium,{children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV(o.TitleRegular,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:68,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:62,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:53,columnNumber:6},void 0),e.jsxDEV("div",{className:"row--flex right-container",children:m},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:73,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:39,columnNumber:4},void 0),N&&n&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{position:"sticky",top:0,width:"auto",zIndex:b||10},children:e.jsxDEV(x.Curtain,{...n,onCloseHandler:()=>{f(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:77,columnNumber:6},void 0),e.jsxDEV("div",{style:{height:20}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:76,columnNumber:5},void 0),c??e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:95,columnNumber:24},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:38,columnNumber:3},void 0)};exports.BikHeader=D;
 //# sourceMappingURL=BikHeader.js.map

package/dist/cjs/components/bik-layout/BikHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BikHeader.js","sources":["../../../../src/components/bik-layout/BikHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport { Curtain, CurtainProps } from '@src/components/curtain';\nimport { BodyCaption, TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { BikHeaderContainer, BikHeaderWrapper } from './CommonStyles';\n\nexport interface HeaderProps {\n\theader: string;\n\tsubHeader?: string;\n\thideBackButton?: boolean;\n\trightActionButton?: JSX.Element;\n\tleftLayout?: JSX.Element;\n\tonClickingBackButton?: () => void;\n\tsecondaryHeader?: JSX.Element;\n\tcurtainProps?: CurtainProps;\n\tcurtainZIndex?: number;\n\theaderStyles?: React.CSSProperties;\n\tdataTest?: string;\n}\n\nexport const BikHeader: React.FC<HeaderProps> = (headerProps) => {\n\tconst {\n\t\theader,\n\t\tsubHeader,\n\t\thideBackButton = true,\n\t\trightActionButton,\n\t\tonClickingBackButton,\n\t\tsecondaryHeader,\n\t\tcurtainProps,\n\t\tcurtainZIndex,\n\t\theaderStyles,\n\t\tleftLayout,\n\t\tdataTest,\n\t} = headerProps;\n\tconst [shouldShowCurtain, setShouldShowCurtain] = useState(!!curtainProps);\n\n\treturn (\n\t\t<BikHeaderWrapper style={{ ...headerStyles }} data-test={dataTest}>\n\t\t\t<BikHeaderContainer>\n\t\t\t\t{leftLayout ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{leftLayout}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"row--flex left-container\">\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{subHeader ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"brand\">{header}</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleRegular>{subHeader}</TitleRegular>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"row--flex right-container\">{rightActionButton}</div>\n\t\t\t</BikHeaderContainer>\n\t\t\t{shouldShowCurtain && curtainProps && (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'sticky',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tzIndex: curtainZIndex \|\| 10,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t{...curtainProps}\n\t\t\t\t\t\t\tonCloseHandler={() => {\n\t\t\t\t\t\t\t\tsetShouldShowCurtain(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ height: 20 }}></div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{secondaryHeader ?? <></>}\n\t\t</BikHeaderWrapper>\n\t);\n};\n"],"names":["BikHeader","headerProps","header","subHeader","hideBackButton","rightActionButton","onClickingBackButton","secondaryHeader","curtainProps","curtainZIndex","headerStyles","leftLayout","dataTest","shouldShowCurtain","setShouldShowCurtain","useState","jsxDEV","BikHeaderWrapper","BikHeaderContainer","Fragment","ArrowIcon","this","BodyCaption","TitleMedium","TitleRegular","Curtain"],"mappings":"mSAoBaA,EAAoCC,GAAgB,CAChE,KAAM,CACL,OAAAC,EACA,UAAAC,EACA,eAAAC,EAAiB,GACjB,kBAAAC,EACA,qBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,cAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,CAAA,EACGX,EACE,CAACY,EAAmBC,CAAoB,EAAIC,EAAAA,SAAS,CAAC,CAACP,CAAY,EAEzE,OACCQ,EAAAA,OAACC,oBAAiB,MAAO,CAAE,GAAGP,GAAgB,YAAWE,EACxD,SAAA,CAAAI,SAACE,EAAAA,mBAAA,CACC,SAAA,CAAAP,EACAK,EAAAA,OAAAG,WAAA,CACE,SAAA,CAAA,CAACf,GACDY,EAAAA,OAACI,EAAAA,QAAA,CACA,UAAU,SACV,OAAQ,GACR,MAAO,GACP,QAASd,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,EAOAV,CAAA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAUA,EAEAL,SAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAA,CAACZ,GACDY,EAAAA,OAACI,EAAAA,QAAA,CACA,UAAU,SACV,OAAQ,GACR,MAAO,GACP,QAASd,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,WAOA,MAAA,CACC,SAAA,CAAAlB,EACAa,EAAAA,OAACM,EAAAA,YAAA,CAAY,UAAU,QAAS,SAAApB,CAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAuC,EAEvCL,EAAAA,OAACO,EAAAA,YAAA,CAAa,SAAArB,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAqB,EAEtBL,EAAAA,OAACQ,EAAAA,cAAc,SAAArB,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAyB,CAAA,CAAA,EAN1B,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,EAGDL,SAAC,MAAA,CAAI,UAAU,4BAA6B,SAAAX,CAAA,EAA5C,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAA8D,CAAA,CAAA,EAlC/D,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmCA,EACCR,GAAqBL,GACrBQ,EAAAA,OAAAG,EAAAA,SAAA,CACC,SAAA,CAAAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,SACV,IAAK,EACL,MAAO,OACP,OAAQP,GAAiB,EAAA,EAG1B,SAAAO,EAAAA,OAACS,EAAAA,QAAA,CACC,GAAGjB,EACJ,eAAgB,IAAM,CACrBM,EAAqB,EAAK,CAC3B,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAKA,EAbD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WAeC,MAAA,CAAI,MAAO,CAAE,OAAQ,GAAG,EAAzB,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAA4B,CAAA,CAAA,EAhB7B,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,EAEAd,GAAmBS,EAAAA,OAAAG,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAE,CAAA,CAAA,EAzDvB,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0DA,CAEF"}
1	+ {"version":3,"file":"BikHeader.js","sources":["../../../../src/components/bik-layout/BikHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport { Curtain, CurtainProps } from '@src/components/curtain';\nimport { BodyCaption, TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { BikHeaderContainer, BikHeaderWrapper } from './CommonStyles';\n\nexport interface HeaderProps {\n\theader: string;\n\tsubHeader?: string;\n\thideBackButton?: boolean;\n\trightActionButton?: JSX.Element;\n\tleftLayout?: JSX.Element;\n\tonClickingBackButton?: () => void;\n\tsecondaryHeader?: JSX.Element;\n\tcurtainProps?: CurtainProps;\n\tcurtainZIndex?: number;\n\theaderStyles?: React.CSSProperties;\n\tdataTest?: string;\n}\n\nexport const BikHeader: React.FC<HeaderProps> = (headerProps) => {\n\tconst {\n\t\theader,\n\t\tsubHeader,\n\t\thideBackButton = true,\n\t\trightActionButton,\n\t\tonClickingBackButton,\n\t\tsecondaryHeader,\n\t\tcurtainProps,\n\t\tcurtainZIndex,\n\t\theaderStyles,\n\t\tleftLayout,\n\t\tdataTest,\n\t} = headerProps;\n\tconst [shouldShowCurtain, setShouldShowCurtain] = useState(!!curtainProps);\n\n\treturn (\n\t\t<BikHeaderWrapper style={{ ...headerStyles }} data-test={dataTest}>\n\t\t\t<BikHeaderContainer>\n\t\t\t\t{leftLayout ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{leftLayout}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"row--flex left-container\">\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{subHeader ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"brand\">{header}</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleRegular>{subHeader}</TitleRegular>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"row--flex right-container\">{rightActionButton}</div>\n\t\t\t</BikHeaderContainer>\n\t\t\t{shouldShowCurtain && curtainProps && (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'sticky',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tzIndex: curtainZIndex \|\| 10,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t{...curtainProps}\n\t\t\t\t\t\t\tonCloseHandler={() => {\n\t\t\t\t\t\t\t\tsetShouldShowCurtain(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ height: 20 }}></div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{secondaryHeader ?? <></>}\n\t\t</BikHeaderWrapper>\n\t);\n};\n"],"names":["BikHeader","headerProps","header","subHeader","hideBackButton","rightActionButton","onClickingBackButton","secondaryHeader","curtainProps","curtainZIndex","headerStyles","leftLayout","dataTest","shouldShowCurtain","setShouldShowCurtain","useState","jsxDEV","BikHeaderWrapper","BikHeaderContainer","Fragment","ArrowIcon","this","BodyCaption","TitleMedium","TitleRegular","Curtain"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("./CommonStyles.js"),h=require("./FeatureModal.js"),v=require("./FeatureModalV2.js"),N=require("./PageLoader.js"),D=u=>{const{isLoading:m,isFeatureModalEnabled:b=!1,isDisabled:c=!1,loadingAnimation:o,hidePadding:k=!1,height:i,children:d,containerStyles:p,onClickingCrossOnFeatureModal:n,onUpgrade:r,extraContentForModal:a,featureModalProps:s,type:y,useFeautureModalV2:f,backgroundColor:t}=u;return m?e.jsxDEV(l.BikLayoutContainer,{backgroundColor:t,children:o||e.jsxDEV(N.PageLoader,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:51,columnNumber:44},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:50,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:e.jsxDEV(l.BikLayoutContainer,{type:y,backgroundColor:t,children:[e.jsxDEV("div",{className:`${c?"disabled--wrapper":""}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:58,columnNumber:5},void 0),e.jsxDEV("div",{className:`${k?"inner-wrapper":"inner-wrapper pd-24"}`,style:{height:`${i||""}`,...p??{}},children:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:59,columnNumber:5},void 0),b&&e.jsxDEV(e.Fragment,{children:f?e.jsxDEV(v.FeatureModalV2,{onUpgrade:r,...s,otherContent:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:71,columnNumber:8},void 0):e.jsxDEV(h.FeatureModal,{showBookADemo:!0,onClickingCross:()=>n?n():"",onUpgrade:r,...s,otherContent:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:77,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:56,columnNumber:3},void 0)};exports.BikLayout=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("./CommonStyles.js"),N=require("./FeatureModal.js"),D=require("./FeatureModalV2.js"),x=require("./PageLoader.js"),L=u=>{const{isLoading:d,isFeatureModalEnabled:m=!1,isDisabled:c=!1,loadingAnimation:o,hidePadding:b=!1,height:n,children:y,containerStyles:k,onClickingCrossOnFeatureModal:i,onUpgrade:a,extraContentForModal:r,featureModalProps:s,type:f,useFeautureModalV2:p,backgroundColor:t}=u;return d?e.jsxDEV(l.BikLayoutContainer,{backgroundColor:t,children:o||e.jsxDEV(x.PageLoader,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:51,columnNumber:44},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:50,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:e.jsxDEV(l.BikLayoutContainer,{type:f,backgroundColor:t,children:[e.jsxDEV("div",{className:`${c?"disabled--wrapper":""}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:58,columnNumber:5},void 0),e.jsxDEV("div",{className:`${b?"inner-wrapper":"inner-wrapper pd-24"}`,style:{height:`${n||""}`,...k??{}},children:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:59,columnNumber:5},void 0),m&&e.jsxDEV(e.Fragment,{children:p?e.jsxDEV(D.FeatureModalV2,{onUpgrade:a,...s,otherContent:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:71,columnNumber:8},void 0):e.jsxDEV(N.FeatureModal,{showBookADemo:!0,onClickingCross:()=>i?i():"",onUpgrade:a,...s,otherContent:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:77,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:56,columnNumber:3},void 0)};exports.BikLayout=L;
 //# sourceMappingURL=BikLayout.js.map

package/dist/cjs/components/bik-layout/BikLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BikLayout.js","sources":["../../../../src/components/bik-layout/BikLayout.tsx"],"sourcesContent":["import { BikLayoutContainer } from './CommonStyles';\nimport { FeatureModal } from './FeatureModal';\nimport { FeatureModalV2 } from './FeatureModalV2';\nimport { PageLoader } from './PageLoader';\n\nexport interface BikLayoutProps {\n\tisLoading: boolean;\n\tisFeatureModalEnabled?: boolean;\n\tisDisabled?: boolean;\n\thidePadding?: boolean;\n\tloadingAnimation?: JSX.Element;\n\theight?: string;\n\tchildren?: React.ReactNode;\n\tcontainerStyles?: React.CSSProperties;\n\tonClickingCrossOnFeatureModal?: () => void;\n\tonUpgrade?: () => void;\n\textraContentForModal?: JSX.Element;\n\ttype?: 'overflow-within' \| 'overflow-body';\n\tfeatureModalProps?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tshowBookADemo?: boolean;\n\t\tdemoLink?: string;\n\t\tfeatureImage?: string;\n\t};\n\tuseFeautureModalV2?: boolean;\n\tbackgroundColor?: string;\n}\nexport const BikLayout: React.FC<BikLayoutProps> = (layoutProps) => {\n\tconst {\n\t\tisLoading,\n\t\tisFeatureModalEnabled = false,\n\t\tisDisabled = false,\n\t\tloadingAnimation,\n\t\thidePadding = false,\n\t\theight,\n\t\tchildren,\n\t\tcontainerStyles,\n\t\tonClickingCrossOnFeatureModal,\n\t\tonUpgrade,\n\t\textraContentForModal,\n\t\tfeatureModalProps,\n\t\ttype,\n\t\tuseFeautureModalV2,\n\t\tbackgroundColor,\n\t} = layoutProps;\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<BikLayoutContainer backgroundColor={backgroundColor}>\n\t\t\t\t{loadingAnimation ? loadingAnimation : <PageLoader />}\n\t\t\t</BikLayoutContainer>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<BikLayoutContainer type={type} backgroundColor={backgroundColor}>\n\t\t\t\t<div className={`${isDisabled ? 'disabled--wrapper' : ''}`} />\n\t\t\t\t<div\n\t\t\t\t\tclassName={`${hidePadding ? 'inner-wrapper' : 'inner-wrapper pd-24'}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${height ? height : ''}`,\n\t\t\t\t\t\t...(containerStyles ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{isFeatureModalEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{useFeautureModalV2 ? (\n\t\t\t\t\t\t\t<FeatureModalV2\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FeatureModal\n\t\t\t\t\t\t\t\tshowBookADemo={true}\n\t\t\t\t\t\t\t\tonClickingCross={() =>\n\t\t\t\t\t\t\t\t\tonClickingCrossOnFeatureModal\n\t\t\t\t\t\t\t\t\t\t? onClickingCrossOnFeatureModal()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</BikLayoutContainer>\n\t\t</>\n\t);\n};\n"],"names":["BikLayout","layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","BikLayoutContainer","PageLoader","this","jsxDEV","Fragment","FeatureModalV2","FeatureModal"],"mappings":"qPA4BaA,EAAuCC,GAAgB,CACnE,KAAM,CACL,UAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EAAa,GACb,iBAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,8BAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,gBAAAC,CAAA,EACGf,EAEJ,OAAIC,WAEDe,EAAAA,mBAAA,CAAmB,gBAAAD,EAClB,SAAAX,YAAuCa,EAAAA,WAAA,GAAD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAY,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIDC,EAAAA,OAAAC,WAAA,CACC,SAAAD,EAAAA,OAACH,EAAAA,mBAAA,CAAmB,KAAAH,EAAY,gBAAAE,EAC/B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,GAAGhB,EAAa,oBAAsB,EAAE,IAAxD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAe,MAA4D,EAC5DC,EAAAA,OAAC,MAAA,CACA,UAAW,GAAGd,EAAc,gBAAkB,qBAAqB,GACnE,MAAO,CACN,OAAQ,GAAGC,GAAkB,EAAE,GAC/B,GAAIE,GAAmB,CAAA,CAAC,EAGxB,SAAAD,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EASChB,wBAEE,SAAAY,EACAK,EAAAA,OAACE,EAAAA,eAAA,CACA,UAAAX,EACC,GAAGE,EACJ,aAAcD,CAAA,EAHf,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAMAC,EAAAA,OAACG,EAAAA,aAAA,CACA,cAAe,GACf,gBAAiB,IAChBb,EACGA,EAAA,EACA,GAEJ,UAAAC,EACC,GAAGE,EACJ,aAAcD,CAAA,EATf,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUA,EAlBF,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,~~6HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}
1	+ {"version":3,"file":"BikLayout.js","sources":["../../../../src/components/bik-layout/BikLayout.tsx"],"sourcesContent":["import { BikLayoutContainer } from './CommonStyles';\nimport { FeatureModal } from './FeatureModal';\nimport { FeatureModalV2 } from './FeatureModalV2';\nimport { PageLoader } from './PageLoader';\n\nexport interface BikLayoutProps {\n\tisLoading: boolean;\n\tisFeatureModalEnabled?: boolean;\n\tisDisabled?: boolean;\n\thidePadding?: boolean;\n\tloadingAnimation?: JSX.Element;\n\theight?: string;\n\tchildren?: React.ReactNode;\n\tcontainerStyles?: React.CSSProperties;\n\tonClickingCrossOnFeatureModal?: () => void;\n\tonUpgrade?: () => void;\n\textraContentForModal?: JSX.Element;\n\ttype?: 'overflow-within' \| 'overflow-body';\n\tfeatureModalProps?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tshowBookADemo?: boolean;\n\t\tdemoLink?: string;\n\t\tfeatureImage?: string;\n\t};\n\tuseFeautureModalV2?: boolean;\n\tbackgroundColor?: string;\n}\nexport const BikLayout: React.FC<BikLayoutProps> = (layoutProps) => {\n\tconst {\n\t\tisLoading,\n\t\tisFeatureModalEnabled = false,\n\t\tisDisabled = false,\n\t\tloadingAnimation,\n\t\thidePadding = false,\n\t\theight,\n\t\tchildren,\n\t\tcontainerStyles,\n\t\tonClickingCrossOnFeatureModal,\n\t\tonUpgrade,\n\t\textraContentForModal,\n\t\tfeatureModalProps,\n\t\ttype,\n\t\tuseFeautureModalV2,\n\t\tbackgroundColor,\n\t} = layoutProps;\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<BikLayoutContainer backgroundColor={backgroundColor}>\n\t\t\t\t{loadingAnimation ? loadingAnimation : <PageLoader />}\n\t\t\t</BikLayoutContainer>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<BikLayoutContainer type={type} backgroundColor={backgroundColor}>\n\t\t\t\t<div className={`${isDisabled ? 'disabled--wrapper' : ''}`} />\n\t\t\t\t<div\n\t\t\t\t\tclassName={`${hidePadding ? 'inner-wrapper' : 'inner-wrapper pd-24'}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${height ? height : ''}`,\n\t\t\t\t\t\t...(containerStyles ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{isFeatureModalEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{useFeautureModalV2 ? (\n\t\t\t\t\t\t\t<FeatureModalV2\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FeatureModal\n\t\t\t\t\t\t\t\tshowBookADemo={true}\n\t\t\t\t\t\t\t\tonClickingCross={() =>\n\t\t\t\t\t\t\t\t\tonClickingCrossOnFeatureModal\n\t\t\t\t\t\t\t\t\t\t? onClickingCrossOnFeatureModal()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</BikLayoutContainer>\n\t\t</>\n\t);\n};\n"],"names":["BikLayout","layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","BikLayoutContainer","PageLoader","this","jsxDEV","Fragment","FeatureModalV2","FeatureModal"],"mappings":"qPA4BaA,EAAuCC,GAAgB,CACnE,KAAM,CACL,UAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EAAa,GACb,iBAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,8BAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,gBAAAC,CAAA,EACGf,EAEJ,OAAIC,WAEDe,EAAAA,mBAAA,CAAmB,gBAAAD,EAClB,SAAAX,YAAuCa,EAAAA,WAAA,GAAD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAY,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIDC,EAAAA,OAAAC,WAAA,CACC,SAAAD,EAAAA,OAACH,EAAAA,mBAAA,CAAmB,KAAAH,EAAY,gBAAAE,EAC/B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,GAAGhB,EAAa,oBAAsB,EAAE,IAAxD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAA4D,EAC5DC,EAAAA,OAAC,MAAA,CACA,UAAW,GAAGd,EAAc,gBAAkB,qBAAqB,GACnE,MAAO,CACN,OAAQ,GAAGC,GAAkB,EAAE,GAC/B,GAAIE,GAAmB,CAAA,CAAC,EAGxB,SAAAD,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EASChB,wBAEE,SAAAY,EACAK,EAAAA,OAACE,EAAAA,eAAA,CACA,UAAAX,EACC,GAAGE,EACJ,aAAcD,CAAA,EAHf,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAMAC,EAAAA,OAACG,EAAAA,aAAA,CACA,cAAe,GACf,gBAAiB,IAChBb,EACGA,EAAA,EACA,GAEJ,UAAAC,EACC,GAAGE,EACJ,aAAcD,CAAA,EATf,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUA,EAlBF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}