@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/components/banner/Banner.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=require("../../constants/Theme.js"),n=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("styled-components"),a=require("../../constants/Theme.js"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=d(p),i=e.default.div`
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
 	background: rgba(239, 230, 249, 0.2);
@@ -6,18 +6,18 @@
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
-`,p=e.div`
+`,o=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,i=e.div`
+`,l=e.default.div`
 	display: flex;
 	gap: 8px;
-`,o=e.div`
+`,s=e.default.div`
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
-`,d=e.div`
+`,f=e.default.div`
 	width: 40px;
 	aspect-ratio: 1;
 	overflow: hidden;
@@ -27,16 +27,16 @@
 		height: auto;
 		border-radius: 8px;
 	}
-`,a=e.div`
+`,r=e.default.div`
 	width: fit-content;
-`,t=e.div`
+`,n=e.default.div`
 	width: 100%;
 	height: auto;
 	img {
 		width: 100%;
 		height: auto;
 	}
-`,s=e.div`
+`,u=e.default.div`
 	width: 100%;
 	height: auto;
 	max-height: 303px;
@@ -45,10 +45,10 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	border: 1px solid ${r.COLORS.stroke.primary};
+	border: 1px solid ${a.COLORS.stroke.primary};
 	background-color: #fff;
 	overflow: hidden;
-`,l=e.div`
+`,g=e.default.div`
 	width: 100%;
 	height: 72px;
 	display: flex;
@@ -56,33 +56,33 @@
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`,g=e(t)``,x=e(a)``,c=e.div`
+`,x=e.default(n)``,c=e.default(r)``,h=e.default.div`
 	width: 100%;
 	padding: 16px;
-	border: 1px solid ${r.COLORS.stroke.brandLightAlt};
+	border: 1px solid ${a.COLORS.stroke.brandLightAlt};
 	border-radius: 8px;
 	display: flex;
 	align-items: stretch;
 	gap: 16px;
 	background: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);
-`,f=e.div`
+`,m=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
-`,h=e.div`
+`,W=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,u=e.div`
+`,C=e.default.div`
 	display: flex;
 	gap: 8px;
-`,W=e.div`
+`,B=e.default.div`
 	width: fit-content;
 	display: flex;
 	align-items: end;
 	gap: 8px;
-`,m=e.div`
+`,b=e.default.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -90,15 +90,15 @@
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${r.COLORS.background.brandLight};
-`,C=e.div`
+	background-color: ${a.COLORS.background.brandLight};
+`,y=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	flex-grow: 1;
 	padding: 24px;
 	z-index: 1;
-`,B=e.div`
+`,v=e.default.div`
 	height: 170px;
 	position: relative;
 	img {
@@ -107,12 +107,12 @@
 		bottom: 0;
 		right: 0;
 	}
-`,b=e(a)`
+`,w=e.default(r)`
 	display: flex;
 	justify-content: start;
 	gap: 8px;
 	button {
 		border-radius: 32px;
 	}
-`;exports.BannerContainer=c;exports.BannerImageWrapper=B;exports.BannerWithImageButtonWrapper=b;exports.BannerWithImageContainer=m;exports.BottomButtonWrapper=W;exports.ButtonWrapper=a;exports.CardBannerButtonWrapper=o;exports.CardBannerContent=p;exports.CardBannerIconsWrapper=i;exports.CardBannerWrapper=n;exports.CardButtonWrapper=x;exports.CardFooterWrapper=l;exports.CardImageWrapper=g;exports.CardWrapper=s;exports.CompanyImageWrapper=d;exports.ContentWrapper=C;exports.ImageWrapper=t;exports.MainContentWrapper=f;exports.TagWrapper=u;exports.TextWrapper=h;
+`;exports.BannerContainer=h;exports.BannerImageWrapper=v;exports.BannerWithImageButtonWrapper=w;exports.BannerWithImageContainer=b;exports.BottomButtonWrapper=B;exports.ButtonWrapper=r;exports.CardBannerButtonWrapper=s;exports.CardBannerContent=o;exports.CardBannerIconsWrapper=l;exports.CardBannerWrapper=i;exports.CardButtonWrapper=c;exports.CardFooterWrapper=g;exports.CardImageWrapper=x;exports.CardWrapper=u;exports.CompanyImageWrapper=f;exports.ContentWrapper=y;exports.ImageWrapper=n;exports.MainContentWrapper=m;exports.TagWrapper=C;exports.TextWrapper=W;
 //# sourceMappingURL=Banner.styled.js.map

package/dist/cjs/components/banner/Banner.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/banner/Banner.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const CardBannerWrapper = styled.div`\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground: rgba(239, 230, 249, 0.2);\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n`;\n\nexport const CardBannerContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const CardBannerIconsWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const CardBannerButtonWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-top: 16px;\n`;\n\n// ==================== Common Shared Styles ====================\nexport const CompanyImageWrapper = styled.div`\n\twidth: 40px;\n\taspect-ratio: 1;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const ButtonWrapper = styled.div`\n\twidth: fit-content;\n`;\n\nexport const ImageWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n`;\n\n// ==================== CardBanner Styles ====================\nexport const CardWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\tmax-height: 303px;\n\tmax-width: 440px;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: #fff;\n\toverflow: hidden;\n`;\n\nexport const CardFooterWrapper = styled.div`\n\twidth: 100%;\n\theight: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 16px;\n\tgap: 16px;\n`;\n\nexport const CardImageWrapper = styled(ImageWrapper)``;\n\nexport const CardButtonWrapper = styled(ButtonWrapper)``;\n\n// ==================== BannerInline Styles ====================\nexport const BannerContainer = styled.div`\n\twidth: 100%;\n\tpadding: 16px;\n\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: stretch;\n\tgap: 16px;\n\tbackground: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);\n`;\n\nexport const MainContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tflex-grow: 1;\n`;\n\nexport const TextWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\nexport const TagWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const BottomButtonWrapper = styled.div`\n\twidth: fit-content;\n\tdisplay: flex;\n\talign-items: end;\n\tgap: 8px;\n`;\n\n// ==================== BannerWithImage Styles ====================\nexport const BannerWithImageContainer = styled.div`\n\twidth: 100%;\n\theight: 170px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground-color: ${COLORS.background.brandLight};\n`;\n\nexport const ContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tflex-grow: 1;\n\tpadding: 24px;\n\tz-index: 1;\n`;\n\nexport const BannerImageWrapper = styled.div`\n\theight: 170px;\n\tposition: relative;\n\timg {\n\t\tposition: absolute;\n\t\theight: 170px;\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n`;\n\nexport const BannerWithImageButtonWrapper = styled(ButtonWrapper)`\n\tdisplay: flex;\n\tjustify-content: start;\n\tgap: 8px;\n\tbutton {\n\t\tborder-radius: 32px;\n\t}\n`;\n"],"names":["CardBannerWrapper","styled","CardBannerContent","CardBannerIconsWrapper","CardBannerButtonWrapper","CompanyImageWrapper","ButtonWrapper","ImageWrapper","CardWrapper","COLORS","CardFooterWrapper","CardImageWrapper","CardButtonWrapper","BannerContainer","MainContentWrapper","TextWrapper","TagWrapper","BottomButtonWrapper","BannerWithImageContainer","ContentWrapper","BannerImageWrapper","BannerWithImageButtonWrapper"],"mappings":"2JAGaA,EAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BC,EAAoBD,EAAO;AAAA;AAAA;AAAA;AAAA,EAM3BE,EAAyBF,EAAO;AAAA;AAAA;AAAA,EAKhCG,EAA0BH,EAAO;AAAA;AAAA;AAAA;AAAA,EAOjCI,EAAsBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY7BK,EAAgBL,EAAO;AAAA;AAAA,EAIvBM,EAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBO,EAAcP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASbQ,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAK7BC,EAAoBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BU,EAAmBV,EAAOM,CAAY,IAEtCK,EAAoBX,EAAOK,CAAa,IAGxCO,EAAkBZ,EAAO;AAAA;AAAA;AAAA,qBAGjBQ,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnCK,EAAqBb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5Bc,EAAcd,EAAO;AAAA;AAAA;AAAA;AAAA,EAMrBe,EAAaf,EAAO;AAAA;AAAA;AAAA,EAKpBgB,EAAsBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7BiB,EAA2BjB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQ1BQ,EAAAA,OAAO,WAAW,UAAU;AAAA,EAGpCU,EAAiBlB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxBmB,EAAqBnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5BoB,EAA+BpB,EAAOK,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/banner/Banner.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const CardBannerWrapper = styled.div`\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground: rgba(239, 230, 249, 0.2);\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n`;\n\nexport const CardBannerContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const CardBannerIconsWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const CardBannerButtonWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-top: 16px;\n`;\n\n// ==================== Common Shared Styles ====================\nexport const CompanyImageWrapper = styled.div`\n\twidth: 40px;\n\taspect-ratio: 1;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const ButtonWrapper = styled.div`\n\twidth: fit-content;\n`;\n\nexport const ImageWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n`;\n\n// ==================== CardBanner Styles ====================\nexport const CardWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\tmax-height: 303px;\n\tmax-width: 440px;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: #fff;\n\toverflow: hidden;\n`;\n\nexport const CardFooterWrapper = styled.div`\n\twidth: 100%;\n\theight: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 16px;\n\tgap: 16px;\n`;\n\nexport const CardImageWrapper = styled(ImageWrapper)``;\n\nexport const CardButtonWrapper = styled(ButtonWrapper)``;\n\n// ==================== BannerInline Styles ====================\nexport const BannerContainer = styled.div`\n\twidth: 100%;\n\tpadding: 16px;\n\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: stretch;\n\tgap: 16px;\n\tbackground: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);\n`;\n\nexport const MainContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tflex-grow: 1;\n`;\n\nexport const TextWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\nexport const TagWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const BottomButtonWrapper = styled.div`\n\twidth: fit-content;\n\tdisplay: flex;\n\talign-items: end;\n\tgap: 8px;\n`;\n\n// ==================== BannerWithImage Styles ====================\nexport const BannerWithImageContainer = styled.div`\n\twidth: 100%;\n\theight: 170px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground-color: ${COLORS.background.brandLight};\n`;\n\nexport const ContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tflex-grow: 1;\n\tpadding: 24px;\n\tz-index: 1;\n`;\n\nexport const BannerImageWrapper = styled.div`\n\theight: 170px;\n\tposition: relative;\n\timg {\n\t\tposition: absolute;\n\t\theight: 170px;\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n`;\n\nexport const BannerWithImageButtonWrapper = styled(ButtonWrapper)`\n\tdisplay: flex;\n\tjustify-content: start;\n\tgap: 8px;\n\tbutton {\n\t\tborder-radius: 32px;\n\t}\n`;\n"],"names":["CardBannerWrapper","styled","CardBannerContent","CardBannerIconsWrapper","CardBannerButtonWrapper","CompanyImageWrapper","ButtonWrapper","ImageWrapper","CardWrapper","COLORS","CardFooterWrapper","CardImageWrapper","CardButtonWrapper","BannerContainer","MainContentWrapper","TextWrapper","TagWrapper","BottomButtonWrapper","BannerWithImageContainer","ContentWrapper","BannerImageWrapper","BannerWithImageButtonWrapper"],"mappings":"0NAGaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BC,EAAoBD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAM3BE,EAAyBF,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKhCG,EAA0BH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAOjCI,EAAsBJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY7BK,EAAgBL,EAAAA,QAAO;AAAA;AAAA,EAIvBM,EAAeN,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBO,EAAcP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASbQ,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAK7BC,EAAoBT,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BU,EAAmBV,EAAAA,QAAOM,CAAY,IAEtCK,EAAoBX,EAAAA,QAAOK,CAAa,IAGxCO,EAAkBZ,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGjBQ,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnCK,EAAqBb,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5Bc,EAAcd,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMrBe,EAAaf,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKpBgB,EAAsBhB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7BiB,EAA2BjB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQ1BQ,EAAAA,OAAO,WAAW,UAAU;AAAA,EAGpCU,EAAiBlB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxBmB,EAAqBnB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5BoB,EAA+BpB,EAAAA,QAAOK,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatLoadingState.js","sources":["../../../../../src/components/bik-chatbot/components/ChatLoadingState.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst LOADER_ICON_URL =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9';\n\nconst thinkingMessages = [\n\t'Preparing to assist you...',\n\t'Getting ready to brainstorm...',\n];\n\nconst infoItems = [\n\t{ symbol: '✨', text: 'Get AI-powered ideas' },\n\t{ symbol: '💬', text: 'Ask me anything' },\n];\n\nconst fadeSlideUp = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(12px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n`;\n\nconst dotPulse = keyframes`\n\t0%, 100% {\n\t\ttransform: scale(1);\n\t\topacity: 0.3;\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t\topacity: 1;\n\t}\n`;\n\nconst cardSlide = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-18px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n`;\n\nconst LoadingWrapper = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 24px;\n\tmin-height: 240px;\n`;\n\nconst LoadingCard = styled.div`\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 24px;\n\tmax-width: 280px;\n\twidth: 100%;\n`;\n\nconst IconWrapper = styled.div`\n\twidth: 76px;\n\theight: 76px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 22, 106, 0.28) 0%,\n\t\trgba(123, 104, 238, 0.32) 100%\n\t);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 22px 44px rgba(123, 104, 238, 0.22);\n\tpadding: 12px;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(\n\t\t\tcircle at 30% 30%,\n\t\t\trgba(255, 255, 255, 0.6),\n\t\t\ttransparent 70%\n\t\t);\n\t\tmix-blend-mode: screen;\n\t}\n`;\n\nconst iconPulse = keyframes`\n\t0% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n\t35% {\n\t\ttransform: scale(1.04);\n\t\tfilter: drop-shadow(0 10px 24px rgba(236, 72, 153, 0.32));\n\t}\n\t70% {\n\t\ttransform: scale(0.98);\n\t\tfilter: drop-shadow(0 4px 12px rgba(148, 163, 184, 0.18));\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n`;\n\nconst iconGlowSweep = keyframes`\n\t0% {\n\t\ttransform: translateX(-120%);\n\t\topacity: 0;\n\t}\n\t30% {\n\t\topacity: 0.4;\n\t}\n\t60% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n`;\n\nconst MessageText = styled.div`\n\tfont-size: 14px;\n\tcolor: #52586c;\n\tline-height: 1.5;\n\tmin-height: 21px;\n\tanimation: ${fadeSlideUp} 0.4s ease forwards;\n`;\n\nconst Dots = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 6px;\n`;\n\nconst Dot = styled.span<{ delay: number }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);\n\tanimation: ${dotPulse} 1.4s ease-in-out infinite;\n\tanimation-delay: ${(props) => props.delay}s;\n`;\n\nconst InfoList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin-top: 8px;\n\twidth: 100%;\n`;\n\nconst InfoCard = styled.div<{ delay: number }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 255, 255, 0.92) 0%,\n\t\trgba(248, 246, 255, 0.96) 100%\n\t);\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tbox-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);\n\tanimation: ${cardSlide} 0.5s ease forwards;\n\tanimation-delay: ${(props) => props.delay}s;\n\topacity: 0;\n`;\n\nconst InfoIcon = styled.div`\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 10px;\n\tbackground: linear-gradient(140deg, #ffffff 0%, #f7f3ff 100%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);\n\tfont-size: 18px;\n`;\n\nconst InfoText = styled.span`\n\tfont-size: 12px;\n\tcolor: #5f6781;\n\ttext-align: left;\n`;\n\nconst IconImage = styled.img`\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\tanimation: ${iconPulse} 2.6s ease-in-out infinite;\n\tposition: relative;\n\tz-index: 1;\n`;\n\nconst IconSweep = styled.div`\n\tposition: absolute;\n\tinset: 12px;\n\tborder-radius: 999px;\n\tbackground: linear-gradient(\n\t\t140deg,\n\t\trgba(255, 255, 255, 0.65),\n\t\trgba(255, 255, 255, 0)\n\t);\n\tanimation: ${iconGlowSweep} 2.6s ease-in-out infinite;\n\tpointer-events: none;\n\tz-index: 0;\n`;\n\ninterface ChatLoadingStateProps {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nconst ChatLoadingState: React.FC<ChatLoadingStateProps> = ({\n\tclassName,\n\tstyle,\n}) => {\n\tconst [messageIndex, setMessageIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetMessageIndex((prev) => (prev + 1) % thinkingMessages.length);\n\t\t}, 2000);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\treturn (\n\t\t<LoadingWrapper className={className} style={style}>\n\t\t\t<LoadingCard>\n\t\t\t\t<IconWrapper>\n\t\t\t\t\t<IconSweep />\n\t\t\t\t\t<IconImage src={LOADER_ICON_URL} alt=\"AI thinking\" />\n\t\t\t\t</IconWrapper>\n\n\t\t\t\t<MessageText key={messageIndex}>\n\t\t\t\t\t{thinkingMessages[messageIndex]}\n\t\t\t\t</MessageText>\n\n\t\t\t\t<Dots>\n\t\t\t\t\t{[0, 1, 2].map((dot) => (\n\t\t\t\t\t\t<Dot key={dot} delay={dot * 0.22} />\n\t\t\t\t\t))}\n\t\t\t\t</Dots>\n\n\t\t\t\t<InfoList>\n\t\t\t\t\t{infoItems.map((item, index) => (\n\t\t\t\t\t\t<InfoCard key={item.text} delay={0.4 + index * 0.2}>\n\t\t\t\t\t\t\t<InfoIcon>{item.symbol}</InfoIcon>\n\t\t\t\t\t\t\t<InfoText>{item.text}</InfoText>\n\t\t\t\t\t\t</InfoCard>\n\t\t\t\t\t))}\n\t\t\t\t</InfoList>\n\t\t\t</LoadingCard>\n\t\t</LoadingWrapper>\n\t);\n};\n\nexport default ChatLoadingState;\n"],"names":["LOADER_ICON_URL","thinkingMessages","infoItems","fadeSlideUp","keyframes","dotPulse","cardSlide","LoadingWrapper","styled","LoadingCard","IconWrapper","iconPulse","iconGlowSweep","MessageText","Dots","Dot","props","InfoList","InfoCard","InfoIcon","InfoText","IconImage","IconSweep","ChatLoadingState","className","style","messageIndex","setMessageIndex","useState","useEffect","interval","prev","jsx","jsxs","dot","item","index"],"mappings":"mMAGMA,EACL,+KAEKC,EAAmB,CACxB,6BACA,gCACD,EAEMC,EAAY,CACjB,CAAE,OAAQ,IAAK,KAAM,sBAAA,EACrB,CAAE,OAAQ,KAAM,KAAM,iBAAA,CACvB,EAEMC,EAAcC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAWdC,EAAWD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAWXE,EAAYF,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAWZG,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUrBE,EAAcF,EAAO;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,EA+BrBG,EAAYP,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAmBZQ,EAAgBR,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAkBhBS,EAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKbL,CAAW;AAAA,EAGnBW,EAAON,EAAO;AAAA;AAAA;AAAA;AAAA,EAMdO,EAAMP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKLH,CAAQ;AAAA,oBACDW,GAAUA,EAAM,KAAK;AAAA,EAGpCC,EAAWT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlBU,EAAWV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYVF,CAAS;AAAA,oBACFU,GAAUA,EAAM,KAAK;AAAA;AAAA,EAIpCG,EAAWX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYlBY,EAAWZ,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBa,EAAYb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKXG,CAAS;AAAA;AAAA;AAAA,EAKjBW,EAAYd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cASXI,CAAa;AAAA;AAAA;AAAA,EAUrBW,EAAoD,CAAC,CAC1D,UAAAC,EACA,MAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,CAAC,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAW,OAAO,YAAY,IAAM,CACzCH,EAAiBI,IAAUA,EAAO,GAAK9B,EAAiB,MAAM,CAC/D,EAAG,GAAI,EAEP,MAAO,IAAM,OAAO,cAAc6B,CAAQ,CAC3C,EAAG,CAAA,CAAE,EAGJE,EAAAA,IAACzB,EAAA,CAAe,UAAAiB,EAAsB,MAAAC,EACrC,gBAAChB,EAAA,CACA,SAAA,CAAAwB,OAACvB,EAAA,CACA,SAAA,CAAAsB,EAAAA,IAACV,EAAA,EAAU,EACXU,EAAAA,IAACX,EAAA,CAAU,IAAKrB,EAAiB,IAAI,aAAA,CAAc,CAAA,EACpD,EAEAgC,EAAAA,IAACnB,EAAA,CACC,SAAAZ,EAAiByB,CAAY,GADbA,CAElB,QAECZ,EAAA,CACC,SAAA,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKoB,SACdnB,EAAA,CAAc,MAAOmB,EAAM,KAAlBA,CAAwB,CAClC,EACF,EAEAF,EAAAA,IAACf,EAAA,CACC,SAAAf,EAAU,IAAI,CAACiC,EAAMC,IACrBH,EAAAA,KAACf,EAAA,CAAyB,MAAO,GAAMkB,EAAQ,GAC9C,SAAA,CAAAJ,EAAAA,IAACb,EAAA,CAAU,WAAK,MAAA,CAAO,EACvBa,EAAAA,IAACZ,EAAA,CAAU,SAAAe,EAAK,IAAA,CAAK,CAAA,GAFPA,EAAK,IAGpB,CACA,CAAA,CACF,CAAA,CAAA,CACD,CAAA,CACD,CAEF"}
+{"version":3,"file":"ChatLoadingState.js","sources":["../../../../../src/components/bik-chatbot/components/ChatLoadingState.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst LOADER_ICON_URL =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9';\n\nconst thinkingMessages = [\n\t'Preparing to assist you...',\n\t'Getting ready to brainstorm...',\n];\n\nconst infoItems = [\n\t{ symbol: '✨', text: 'Get AI-powered ideas' },\n\t{ symbol: '💬', text: 'Ask me anything' },\n];\n\nconst fadeSlideUp = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(12px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n`;\n\nconst dotPulse = keyframes`\n\t0%, 100% {\n\t\ttransform: scale(1);\n\t\topacity: 0.3;\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t\topacity: 1;\n\t}\n`;\n\nconst cardSlide = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-18px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n`;\n\nconst LoadingWrapper = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 24px;\n\tmin-height: 240px;\n`;\n\nconst LoadingCard = styled.div`\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 24px;\n\tmax-width: 280px;\n\twidth: 100%;\n`;\n\nconst IconWrapper = styled.div`\n\twidth: 76px;\n\theight: 76px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 22, 106, 0.28) 0%,\n\t\trgba(123, 104, 238, 0.32) 100%\n\t);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 22px 44px rgba(123, 104, 238, 0.22);\n\tpadding: 12px;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(\n\t\t\tcircle at 30% 30%,\n\t\t\trgba(255, 255, 255, 0.6),\n\t\t\ttransparent 70%\n\t\t);\n\t\tmix-blend-mode: screen;\n\t}\n`;\n\nconst iconPulse = keyframes`\n\t0% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n\t35% {\n\t\ttransform: scale(1.04);\n\t\tfilter: drop-shadow(0 10px 24px rgba(236, 72, 153, 0.32));\n\t}\n\t70% {\n\t\ttransform: scale(0.98);\n\t\tfilter: drop-shadow(0 4px 12px rgba(148, 163, 184, 0.18));\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n`;\n\nconst iconGlowSweep = keyframes`\n\t0% {\n\t\ttransform: translateX(-120%);\n\t\topacity: 0;\n\t}\n\t30% {\n\t\topacity: 0.4;\n\t}\n\t60% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n`;\n\nconst MessageText = styled.div`\n\tfont-size: 14px;\n\tcolor: #52586c;\n\tline-height: 1.5;\n\tmin-height: 21px;\n\tanimation: ${fadeSlideUp} 0.4s ease forwards;\n`;\n\nconst Dots = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 6px;\n`;\n\nconst Dot = styled.span<{ delay: number }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);\n\tanimation: ${dotPulse} 1.4s ease-in-out infinite;\n\tanimation-delay: ${(props) => props.delay}s;\n`;\n\nconst InfoList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin-top: 8px;\n\twidth: 100%;\n`;\n\nconst InfoCard = styled.div<{ delay: number }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 255, 255, 0.92) 0%,\n\t\trgba(248, 246, 255, 0.96) 100%\n\t);\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tbox-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);\n\tanimation: ${cardSlide} 0.5s ease forwards;\n\tanimation-delay: ${(props) => props.delay}s;\n\topacity: 0;\n`;\n\nconst InfoIcon = styled.div`\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 10px;\n\tbackground: linear-gradient(140deg, #ffffff 0%, #f7f3ff 100%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);\n\tfont-size: 18px;\n`;\n\nconst InfoText = styled.span`\n\tfont-size: 12px;\n\tcolor: #5f6781;\n\ttext-align: left;\n`;\n\nconst IconImage = styled.img`\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\tanimation: ${iconPulse} 2.6s ease-in-out infinite;\n\tposition: relative;\n\tz-index: 1;\n`;\n\nconst IconSweep = styled.div`\n\tposition: absolute;\n\tinset: 12px;\n\tborder-radius: 999px;\n\tbackground: linear-gradient(\n\t\t140deg,\n\t\trgba(255, 255, 255, 0.65),\n\t\trgba(255, 255, 255, 0)\n\t);\n\tanimation: ${iconGlowSweep} 2.6s ease-in-out infinite;\n\tpointer-events: none;\n\tz-index: 0;\n`;\n\ninterface ChatLoadingStateProps {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nconst ChatLoadingState: React.FC<ChatLoadingStateProps> = ({\n\tclassName,\n\tstyle,\n}) => {\n\tconst [messageIndex, setMessageIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetMessageIndex((prev) => (prev + 1) % thinkingMessages.length);\n\t\t}, 2000);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\treturn (\n\t\t<LoadingWrapper className={className} style={style}>\n\t\t\t<LoadingCard>\n\t\t\t\t<IconWrapper>\n\t\t\t\t\t<IconSweep />\n\t\t\t\t\t<IconImage src={LOADER_ICON_URL} alt=\"AI thinking\" />\n\t\t\t\t</IconWrapper>\n\n\t\t\t\t<MessageText key={messageIndex}>\n\t\t\t\t\t{thinkingMessages[messageIndex]}\n\t\t\t\t</MessageText>\n\n\t\t\t\t<Dots>\n\t\t\t\t\t{[0, 1, 2].map((dot) => (\n\t\t\t\t\t\t<Dot key={dot} delay={dot * 0.22} />\n\t\t\t\t\t))}\n\t\t\t\t</Dots>\n\n\t\t\t\t<InfoList>\n\t\t\t\t\t{infoItems.map((item, index) => (\n\t\t\t\t\t\t<InfoCard key={item.text} delay={0.4 + index * 0.2}>\n\t\t\t\t\t\t\t<InfoIcon>{item.symbol}</InfoIcon>\n\t\t\t\t\t\t\t<InfoText>{item.text}</InfoText>\n\t\t\t\t\t\t</InfoCard>\n\t\t\t\t\t))}\n\t\t\t\t</InfoList>\n\t\t\t</LoadingCard>\n\t\t</LoadingWrapper>\n\t);\n};\n\nexport default ChatLoadingState;\n"],"names":["LOADER_ICON_URL","thinkingMessages","infoItems","fadeSlideUp","keyframes","dotPulse","cardSlide","LoadingWrapper","styled","LoadingCard","IconWrapper","iconPulse","iconGlowSweep","MessageText","Dots","Dot","props","InfoList","InfoCard","InfoIcon","InfoText","IconImage","IconSweep","ChatLoadingState","className","style","messageIndex","setMessageIndex","useState","useEffect","interval","prev","jsx","jsxs","dot","item","index"],"mappings":"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"}

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

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