@bikdotai/bik-component-library 0.0.687-beta.1 → 0.0.687-beta.2

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),o=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(t);exports.FeatureModal=t=>{const{zIndex:a,disableCross:l=!1,otherContent:u,onClickingCross:c,onUpgrade:h,title:j,subTitle:m,showBookADemo:x,demoLink:p,primaryButtonText:y}=t,b=j||"Upgrade to access this feature",g=m||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return d.default.createPortal(e.jsxs(i.FeatureModalContainer,{zIndex:a,children:[!l&&e.jsx("div",{className:"cross-button",onClick:()=>c(),"aria-hidden":"true",children:e.jsx(s.default,{height:20,width:20,color:r.COLORS.surface.subdued})}),e.jsx(i.InnerModalContainer,{children:u?e.jsx(e.Fragment,{children:u}):e.jsxs("div",{className:"content-layout",children:[e.jsxs("div",{children:[e.jsx(o.TitleMedium,{className:"title-color",children:b}),e.jsx(o.BodyPrimary,{className:"title-color mt-8",children:g})]}),e.jsxs("div",{className:"cta-buttons",children:[x&&e.jsx(n.Button,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(p,"_blank")}}),e.jsx(n.Button,{buttonText:y||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>h?h():""})]})]})})]}),document.body)};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-dom"),a=require("../../constants/Theme.js"),n=require("../button/Button.js"),o=require("../modals/styledModal.js"),s=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.FeatureModalV2=r=>{const{zIndex:l,otherContent:d,onUpgrade:u,title:y,subTitle:m,primaryButtonText:b,onClose:x,featureImage:p,id:g}=r,h=void 0===y?"Start your 14-day free trial to test your AI assistant on your website":y,j=m||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",f=p||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[C,q]=t.useState(!0);return c.default.createPortal(e.jsx(o.StyledModal,{zIndex:l,open:C,onClose:function(){x&&x(),q(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:g,children:e.jsx(i.FeatureModalV2Container,{children:d?e.jsx(e.Fragment,{children:d}):e.jsxs(t.Fragment,{children:[e.jsx("div",{className:"top-feature-content",children:e.jsx("img",{src:f,alt:"general-icon"})}),e.jsxs("div",{className:"bottom-feature-content",children:[e.jsx(s.TitleMedium,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:h}),e.jsx(s.BodySecondary,{className:"text-align-center",style:{color:a.COLORS.content.secondary},children:j}),e.jsx("div",{className:"cta-buttons",children:e.jsx(n.Button,{buttonText:b||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),q(!1)}})})]})]})})}),document.body)};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),a=require("./CommonStyles.js");exports.PageLoader=o=>e.jsx(a.LoaderWrapper,{children:e.jsxs("div",{className:"inner",children:[e.jsx("span",{className:"loader"}),o.message&&e.jsxs(a.LoadingMessageWrapper,{children:[e.jsx(r.TitleMedium,{children:o.message}),e.jsx(r.BodyPrimary,{style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8},children:o.subMessage})]})]})});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),r=require("../TypographyStyle.js"),s=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:d,triggerPosition:u,connectShopifyDescription:h,demoDescription:m}=t,y=e=>{d(e)},p=u&&window.innerHeight-u.top<100,x=u?{position:"fixed",top:p?"auto":u.top,bottom:p?"0":"auto",left:u.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsx(s.FeatureModalContainer,{zIndex:a,resetHeight:!0,style:x,relativePostion:!!u,children:e.jsxs(s.RelativeModalContainer,{children:[e.jsx("div",{className:"cross-container",onClick:()=>y("close"),"aria-hidden":"true",children:e.jsx(i.default,{height:24,width:24,color:"#000000"})}),"demo_store"==l?e.jsxs("div",{className:"demo-container",children:[e.jsx(r.TitleMedium,{color:o.COLORS.background.negative.vibrant,children:"Demo Store Limitations"}),e.jsx(r.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):e.jsxs("div",{className:"content-layout",children:[e.jsx("div",{className:"left-content",children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})}),e.jsxs("div",{className:"right-content",children:[e.jsx(r.TitleMedium,{children:"Connect Shopify "}),e.jsx(r.BodyPrimary,{style:{maxWidth:432},children:null!=h?h:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."}),e.jsxs("div",{className:"cta-button-container",children:[e.jsx(n.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>y("shopify")}),e.jsx(n.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>y("demo")})]})]})]})]})}),document.body)};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../TypographyStyle.js"),i=require("./SidebarStyles.js");exports.SidebarPopup=r=>{const{top:s,menuList:t,zIndex:o,left:l,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=r;return e.jsx(i.SidebarPopupContainer,{top:s,theme:"white",zIndex:o,left:null!=l?l:95,postion:"fixed",children:e.jsx("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:null==t?void 0:t.map(((i,r)=>e.jsxs("div",{className:"each-menu",style:{borderBottom:r==t.length-1?"none":void 0},onClick:()=>d(i),children:[e.jsx(n.TitleRegular,{style:{fontSize:14},children:i.displayName}),e.jsx(n.BodySecondary,{style:{fontSize:12},children:i.description})]},r)))},"_sub-menu")})};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=t=>{const{width:s,zIndex:d,left:a,theme:n}=t;return e.jsx(i.SimpleSidebarContainer,{width:s,zIndex:d,left:a,theme:n,children:e.jsx("div",{className:"sidebar-right-menu",children:[...new Array(2)].map((()=>0)).map((i=>e.jsx("div",{className:"sidebar-skeleton",children:e.jsx(r.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random())))})})};

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

@@ -0,0 +1,271 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=o.default.div`
+	background-color: #28034e;
+	width: 88px;
+	justify-content: space-between;
+	position: sticky;
+	top: 0;
+	left: 0;
+	z-index: 10;
+	overflow-y: auto;
+	height: 100vh;
+
+	.bik-header-logo {
+		margin: 24px 15.39px 8px 15.39px;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: 57px;
+		height: 20px;
+		cursor: pointer;
+		img {
+			width: 100%;
+			height: 100%;
+			object-fit: container;
+		}
+	}
+
+	.sticky-menu {
+		@media (min-height: 768px) {
+			position: absolute;
+			bottom: 0px;
+			width: 85%;
+		}
+	}
+	.sticky-menu-int {
+		@media (min-height: 768px) {
+			position: absolute;
+			bottom: 64px;
+			width: 85%;
+		}
+	}
+
+	.sticky-menu-three {
+		@media (min-height: 768px) {
+			position: absolute;
+			bottom: 128px;
+			width: 85%;
+		}
+	}
+
+	.new-menu-item {
+		padding-top: 14px;
+	}
+`,r=o.default.div`
+	margin: 16px 0px;
+`,a=o.default.div`
+	.main--sidebar {
+		overflow-y: auto;
+		padding: 0px 8px;
+		margin-bottom: 6px;
+		> * {
+			gap: 8px;
+		}
+	}
+	.locked--channel {
+		position: absolute;
+		right: 10px;
+		margin-top: -5px;
+	}
+
+	.new-tag {
+		position: absolute;
+		right: 5px;
+		background: ${t.COLORS.stroke.warning.vibrant} !important;
+		font-size: 7.7px;
+		font-family: 'Inter';
+		line-height: 10px;
+		padding: 2px 9.27px 2px 9.27px;
+		border-radius: 16px 16px 0px 16px;
+		background: ${t.COLORS.background.inverse};
+	}
+
+	.tag-sticky {
+		@media (min-height: 768px) {
+			bottom: 116px;
+			z-index: 1;
+		}
+	}
+	.tag-sticky-2 {
+		@media (min-height: 768px) {
+			bottom: 48px;
+			z-index: 1;
+		}
+	}
+
+	.sidebar-menu-item {
+		display: flex;
+		flex-direction: column;
+		border-radius: 10px;
+		align-items: center;
+		justify-content: space-around;
+		cursor: pointer;
+		> * {
+			gap: 10px;
+		}
+		padding: 8px;
+	}
+
+	.menu-item-container {
+		display: flex;
+		flex-direction: row;
+		cursor: pointer;
+		.menu-item-text {
+			font-family: 'Inter';
+			font-style: normal;
+			font-weight: 400;
+			font-size: 12px;
+			line-height: 16px;
+			user-select: none;
+			color: ${t.COLORS.content.secondaryInverse};
+			margin-bottom: 0px;
+			text-align: center;
+		}
+		.active-menu-item-text {
+			color: ${t.COLORS.background.warning.vibrant};
+		}
+	}
+	.main-menu-active-class {
+		border-radius: 10px;
+		background-color: #381062;
+		color: ${t.COLORS.background.warning.vibrant};
+	}
+	.sidebar-menu-item-hover {
+		background: #381062;
+		border-radius: 8px;
+	}
+	.sidebar-menu-item:hover {
+		background: #381062;
+		border-radius: 8px;
+	}
+`,d=o.default.div`
+	.transform-class {
+		position: relative;
+		animation: animatebottom 0.5s;
+		transition-timing-function: ease-in;
+	}
+	@keyframes animatebottom {
+		from {
+			width: 88px;
+			opacity: 0;
+		}
+
+		to {
+			width: 200px;
+			opacity: 1;
+		}
+	}
+	.sidebar-right-menu {
+		position: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:0}px;
+		left: ${e=>e.left?e.left:0}px; //88
+		width: ${e=>e.width?e.width:200}px;
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
+		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
+		display: flex;
+		flex-direction: column;
+		padding: 8px;
+		border-radius: ${e=>e.isNewSidebar?"12px":""};
+	}
+
+	.sub-child-menu {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
+		cursor: pointer;
+		.sub-child-text {
+			color: ${e=>"brand"==e.theme?t.COLORS.surface.standard:""};
+			margin-bottom: 0px;
+			padding: 8px 12px;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.sub-child-new-tag {
+			padding: 2px 9px 2px 9px;
+			border-radius: 16px;
+			background-color: rgba(254, 192, 45, 1);
+			font-family: Inter;
+			font-size: 7px;
+			font-weight: 600;
+			line-height: 10px;
+			color: rgba(40, 3, 78, 1);
+		}
+		.sub-child-active-text {
+			border-radius: 0px 4px 4px 0px;
+			width: 2px;
+			height: 12px;
+			background: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:"white"};
+		}
+		.active-bold-weight {
+			font-weight: 600;
+			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
+		}
+		.sub-child-active-menu-style {
+			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
+		}
+	}
+	.sub-child-menu:hover {
+		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
+		border-radius: 8px;
+	}
+	.sub-child-active-menu {
+		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
+		border-radius: 8px;
+	}
+	.sub-child-display-name {
+		padding: 14px 12px;
+		color: ${e=>"brand"==e.theme?t.COLORS.content.secondaryInverse:t.COLORS.text.secondary};
+	}
+	.lower-sticky-panel {
+		position: ${e=>e.isNewSidebar?"relative":"absolute"};
+		bottom: ${e=>e.isNewSidebar?"":"16px"};
+		margin-top: ${e=>e.isNewSidebar?"auto":""};
+		margin-bottom: ${e=>e.isNewSidebar?"16px":""};
+		.title-text {
+			padding: 8px 12px;
+			text-align: center;
+		}
+		.upgrade-button {
+			margin: auto;
+		}
+	}
+	.sidebar-skeleton {
+		padding: 8px;
+	}
+`,p=o.default.div`
+	.sidebar-right-menu {
+		border-radius: 4px;
+		border: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);
+		box-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);
+		position: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:void 0}px;
+		bottom: 10px;
+		left: ${e=>e.left?e.left:0}px; //88
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
+		display: flex;
+		flex-direction: column;
+		padding: 12px;
+		gap: 4px;
+		min-height: 100px;
+		overflow-y: auto;
+	}
+	.each-menu {
+		padding: 8px;
+		gap: 4px;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+		border-bottom: 0.5px solid #e0e0e0;
+		cursor: pointer;
+		max-width: 320px;
+		:hover {
+			background-color: ${t.COLORS.background.base};
+			border-radius: 8px;
+		}
+	}
+`;exports.MainSideBarMenuWrapper=r,exports.SibeBarMenuItem=a,exports.SideBarContainer=n,exports.SidebarPopupContainer=p,exports.SimpleSidebarContainer=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),r=require("../TypographyStyle.js"),t=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:o,theme:u,showAccessUpgradePanel:c=!1,header:h,width:p,zIndex:m,left:v,postion:y,top:b,router:x,onMouseLeaveOnMenu:j,onMouseEnterOnMenu:N,onMenuClick:g,onUpgrade:S,isNewSidebar:k}=l,[w,M]=s.useState(o),f=(s,i)=>e.jsxs("div",{className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),g(s,!s.page)},"aria-hidden":"true",children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(r.BodySecondary,{className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":""),children:null==s?void 0:s.displayName}),s.isNew&&e.jsx("div",{className:"sub-child-new-tag",children:"NEW"})]},i);return e.jsx(t.SimpleSidebarContainer,{width:p,zIndex:m,left:v,theme:u,postion:y,top:b,isNewSidebar:k,children:e.jsxs("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j,onMouseEnter:N,children:[e.jsxs("div",{children:[!k&&e.jsx(r.BodySecondary,{className:"sub-child-display-name",children:h}),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,{href:s.page,router:x,children:f(s,i)}):f(s,i)))]}),c&&e.jsxs("div",{className:"lower-sticky-panel",children:[e.jsx(r.TitleSmall,{className:"title-text",style:{color:i.COLORS.surface.standard},children:"Upgrade plan to access this feature."}),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>S?S():""})]})]},"_sub-menu")})};

package/dist/cjs/components/button/Button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../spinner/Spinner.js"),n=require("./Button.styled.js"),o=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),s=Object.defineProperty,l=Object.defineProperties,c=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,p=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&p(e,r,t[r]);if(d)for(var r of d(t))b.call(t,r)&&p(e,r,t[r]);return e};const v=t.forwardRef(((t,i)=>{var s=t,{version:p,id:v,buttonType:f="primary",size:x="small",buttonText:y,disabled:h,IconComponent:j,LeadingIcon:g,TrailingIcon:C,isLoading:I,inverse:O,onClick:N,matchParentWidth:T,subtitle:z,darkMode:P,activated:S,error:B,buttonTextColor:k,buttonFontSize:L,customIconColor:w,buttonColor:q,LeadingIconStyles:M}=s,E=((e,t)=>{var r={};for(var n in e)u.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&d)for(var n of d(e))t.indexOf(n)<0&&b.call(e,n)&&(r[n]=e[n]);return r})(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const W=o.GetButtonTextComponent(x,f,h),F=o.getButtonIconColor(x,f,O,h,I,P),D="chip"===x?16:20,_={height:D,width:D,color:w||F,style:{display:"block"},className:"icon"};return e.jsx(n.Button,(G=m({"data-test":E["data-test"],version:p,onClick:I?()=>{}:N,ref:i,id:v,disabled:h,size:x,buttonType:f,isLoading:I,inverse:O,matchParentWidth:T,darkMode:P,activated:S,error:B,buttonColor:q},E),R={children:e.jsxs("div",{className:"button-container",children:[f.startsWith("dash")&&e.jsx(n.ButtonCustomDashedBorder,{}),e.jsx("div",{className:"overlay-container",children:I&&e.jsx(r.Spinner,{className:"spinner",size:"small",color:o.SpinnerColorMap(f,O)})}),j&&e.jsx("div",{className:"icon-component",children:a.default.createElement(j,_)}),g&&e.jsx("div",{className:"icon-leading",style:m({zIndex:1},M),children:a.default.createElement(g,_)}),y?e.jsxs(W,{className:"text",style:{color:k,fontSize:L},children:[y,e.jsx("div",{className:"text-subtitle",children:z})]}):e.jsx(e.Fragment,{}),C&&e.jsx("div",{className:"icon-trailing",style:{zIndex:1},children:a.default.createElement(C,_)})]})},l(G,c(R))));var G,R}));v.displayName="Button",exports.Button=v;

package/dist/cjs/components/button/Button.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("react/jsx-runtime"),d=require("../../constants/Theme.js"),n=require("./themes.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const X=b(t).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:",(t=>"text"==t.buttonType?"0":"4px"),";overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(null!=(c=t.version)?c:"1.0",t.buttonType,t.size,t.inverse,t.error)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:t.error?d.COLORS.stroke.negative.vibrant:void 0))," .overlay-container{display:none;}",(t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${d.COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${d.COLORS.background.brand};\n\t\t}\n\t\t\n\t}\n\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t`)," :disabled{cursor:",(t=>"text"===t.buttonType?"auto":"not-allowed"),";",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${n.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${n.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${d.COLORS.stroke.primary};`:`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?n.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQnV0dG9uLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IEZyYWdtZW50LCBqc3gsIGpzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQge1xuICBnZW5lcmF0ZURpc2FibGVkU3R5bGluZyxcbiAgZ2VuZXJhdGVJbnZlcnNlSG92ZXJCYWNrZ3JvdW5kLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0Q2xpY2tFZmZlY3QsXG4gIGdldENvbG9yLFxuICBnZXREYXNoZWRCb3JkZXJTdHlsaW5nLFxuICBnZXREaXNhYmxlZFRleHRDb2xvcixcbiAgZ2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kLFxuICBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20sXG4gIGdldEhvdmVyQnV0dG9uVGV4dERlY29yYXRpb25TdHlsZSxcbiAgZ2V0TG9hZGluZ0JhY2tncm91bmQsXG4gIGdldExvYWRpbmdCb3JkZXIsXG4gIGdldExvYWRpbmdCdXR0b25CYWNrZ3JvdW5kQ3VzdG9tLFxuICBnZXRQYWRkaW5nXG59IGZyb20gXCIuL3RoZW1lc1wiO1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiBwcm9wcy5idXR0b25UeXBlID09IFwidGV4dFwiID8gXCIwXCIgOiBcIjRweFwifTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0JHsocHJvcHMpID0+IHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiBcIlwifVxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKFxuICBwcm9wcy5idXR0b25UeXBlLFxuICBwcm9wcy5zaXplLFxuICBwcm9wcy5pbnZlcnNlLFxuICBwcm9wcy5kYXJrTW9kZSxcbiAgcHJvcHMuYnV0dG9uQ29sb3Jcbil9O1xuXG5cdCR7KHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIHByb3BzLmJ1dHRvblR5cGUuc3RhcnRzV2l0aChcImRhc2hcIikgPyBgLmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IFwianVzdGlmeS1jb250ZW50OiBjZW50ZXI7XCIgOiBcIlwifVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gIDogYHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdCR7Z2V0Qm9yZGVyKFxuICAgIChfYSA9IHByb3BzLnZlcnNpb24pICE9IG51bGwgPyBfYSA6IFwiMS4wXCIsXG4gICAgcHJvcHMuYnV0dG9uVHlwZSxcbiAgICBwcm9wcy5zaXplLFxuICAgIHByb3BzLmludmVyc2UsXG4gICAgcHJvcHMuZXJyb3JcbiAgKX1gO1xufX1cblxuXHQuaWNvbi1jb21wb25lbnQge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnNpemUgPT09IFwiY2hpcFwiID8gXCIxNnB4XCIgOiBcIjIwcHhcIn07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSBcImNoaXBcIiA/IFwiMTZweFwiIDogXCIyMHB4XCJ9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnNpemUgPT09IFwiY2hpcFwiID8gXCIxNnB4XCIgOiBcIjIwcHhcIn07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSBcImNoaXBcIiA/IFwiMTZweFwiIDogXCIyMHB4XCJ9O1xuXHR9XG5cblx0LnRleHQge1xuXHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUpfTtcblx0fVxuXG5cdC5pY29uLWxlYWRpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnNpemUgPT09IFwiY2hpcFwiID8gXCIxNnB4XCIgOiBcIjIwcHhcIn07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5zaXplID09PSBcImNoaXBcIiA/IFwiMTZweFwiIDogXCIyMHB4XCJ9O1xuXHR9XG5cblx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcoXG4gIHByb3BzLmJ1dHRvblR5cGUsXG4gIHByb3BzLnNpemUsXG4gIHByb3BzLmlzTG9hZGluZyA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdCA6IHByb3BzLmVycm9yID8gQ09MT1JTLnN0cm9rZS5uZWdhdGl2ZS52aWJyYW50IDogdm9pZCAwXG4pfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiYgIXByb3BzLmlzTG9hZGluZyAmJiBwcm9wcy5hY3RpdmF0ZWQgJiYgKHByb3BzLmJ1dHRvblR5cGUgPT0gXCJkYXNoQm9sZFwiIHx8IHByb3BzLmJ1dHRvblR5cGUgPT0gXCJkYXNoUmVndWxhclwiKSAmJiBgXG5cdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IFwianVzdGlmeS1jb250ZW50OiBjZW50ZXI7XCIgOiBcIlwifVxuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdH1cblx0XHQke2AudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5icmFuZH0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Lmljb24ge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdH1cblx0XHRgfVxuXHR9XG5cdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdGB9XG5cblx0OmRpc2FibGVkIHtcblx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdH1cblx0XHRjdXJzb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5idXR0b25UeXBlID09PSBcInRleHRcIiA/IFwiYXV0b1wiIDogXCJub3QtYWxsb3dlZFwifTtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcoXG4gIHByb3BzLmJ1dHRvblR5cGUsXG4gIHByb3BzLnNpemUsXG4gIENPTE9SUy5zdHJva2UucHJpbWFyeVxuKX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiYgIXByb3BzLmlzTG9hZGluZyAmJiBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IFwianVzdGlmeS1jb250ZW50OiBjZW50ZXI7XCIgOiBcIlwifVxuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRcdFx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQke3Byb3BzLnNpemUgPT09IFwiY2hpcFwiICYmIGAudGV4dCB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdC5pY29uIHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGB9XG5cdFx0XHRcdH1cblxuXG5cdFx0XHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0JHtnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5jb250ZW50LmJyYW5kKX1cblx0XHR9YH1cblxuXHQkeyhwcm9wcykgPT4gKFxuICAvLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXG4gICFwcm9wcy5pc0xvYWRpbmcgPyBgOm5vdCg6YWN0aXZlKTpub3QoOmRpc2FibGVkKTpob3ZlciB7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyBcImp1c3RpZnktY29udGVudDogY2VudGVyO1wiIDogXCJcIn1cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0eyR7cHJvcHMuYnV0dG9uQ29sb3IgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20oXG4gICAgcHJvcHMuYnV0dG9uQ29sb3IsXG4gICAgMTVcbiAgKX1gIDogXCJcIn19XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gXCJjaGlwXCIgJiYgcHJvcHMuYnV0dG9uVHlwZSAhPT0gXCJ0ZXh0XCIgPyBwcm9wcy5kYXJrTW9kZSA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07YCA6IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O2AgOiBcIlwifVxuXHRcdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09IFwicHJpbWFyeVwiICYmIHByb3BzLnNpemUgIT09IFwiY2hpcFwiICYmICFwcm9wcy5pbnZlcnNlICYmICFwcm9wcy5idXR0b25Db2xvciA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O2AgOiBcIlwifVxuXHRcdFx0fVxuXHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSBcInRleHRcIiA/IGdldEhvdmVyQnV0dG9uVGV4dERlY29yYXRpb25TdHlsZShwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZCkgOiBcIlwifVxuXHRcdFx0JHtwcm9wcy5pbnZlcnNlID8gZ2VuZXJhdGVJbnZlcnNlSG92ZXJCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKSA6IFwiXCJ9XG5cdFx0fWAgOiBgXG5cdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHQke2dldExvYWRpbmdCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmJ1dHRvbkNvbG9yID8gYGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TG9hZGluZ0J1dHRvbkJhY2tncm91bmRDdXN0b20oXG4gICAgcHJvcHMuYnV0dG9uQ29sb3IsXG4gICAgMTVcbiAgKX07YCA6IFwiXCJ9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKFxuICAgIHByb3BzLmJ1dHRvblR5cGUsXG4gICAgcHJvcHMuc2l6ZSxcbiAgICBwcm9wcy5pbnZlcnNlLFxuICAgIHByb3BzLmJ1dHRvbkNvbG9yXG4gICl9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWBcbil9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IFwibWFyZ2luOiBhdXRvO1wiIDogXCJcIn1cblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XG4gIHJldHVybiAvKiBAX19QVVJFX18gKi8ganN4cyhGcmFnbWVudCwgeyBjaGlsZHJlbjogW1xuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSxcbiAgICAvKiBAX19QVVJFX18gKi8ganN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtbGVmdFwiIH0pLFxuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSxcbiAgICAvKiBAX19QVVJFX18gKi8ganN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KVxuICBdIH0pO1xufTtcbiJdfQ== */"));exports.Button=X,exports.ButtonCustomDashedBorder=()=>c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"line-top"}),c.jsx("div",{className:"line-left"}),c.jsx("div",{className:"line-bottom"}),c.jsx("div",{className:"line-right"})]});

package/dist/cjs/components/button/themes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,u]=e.useState(void 0);e.useEffect((()=>{u(r.activeButtonId||void 0)}),[null==r?void 0:r.activeButtonId]);return t.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,children:r.buttonGroup.map((e=>{var d,c;const a=null==e?void 0:e.icon;return t.jsxs(n.Button,{borderRadius:null!=(d=r.borderRadius)?d:"4px",matchParentWidth:null==(c=r.matchParentWidth)||c,className:"button",isActive:s===e.id,onClick:()=>(t=>{u(t.id),r.onButtonClick(t.id)})(e),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||o.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&t.jsx("div",{className:"button__image",children:t.jsx(a,{color:s===e.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),t.jsx("div",{className:"button__name",children:t.jsx(i.BodySecondary,{style:{color:s===e.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary},children:e.title})})]},e.id)}))})};

package/dist/cjs/components/buttonGroup/ButtonGroupStyle.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const r={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},n={small:"36px",medium:"40px",large:"48px"},s=o.default.div`
+	display: flex;
+	flex-direction: row;
+	width: ${e=>e.width||"100%"};
+	height: ${e=>e.size?n[e.size]:"36px"};
+	gap: ${e=>e.gap||"12px"};
+`,p=o.default.div`
+	display: flex;
+	flex-direction: ${e=>"top"!==e.iconPosition?"left"===e.iconPosition?"row":"row-reverse":"column"};
+	flex: ${e=>e.matchParentWidth?1:"unset"};
+	height: 100%;
+	background: ${e=>e.isActive?t.COLORS.background.brandLight:e.backgroundColor};
+	border: 1px solid
+		${e=>e.isActive?t.COLORS.background.inverseLight:t.COLORS.stroke.primary};
+	border-radius: ${e=>e.borderRadius};
+	align-items: center;
+	justify-content: center;
+	padding: ${e=>e.size?r[e.size]:"8px 10px"};
+	gap: ${e=>e.iconPosition&&"top"!==e.iconPosition?"10px":"2px"};
+	.button {
+		align-items: center;
+		justify-content: center;
+		&__image {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+	:hover {
+		cursor: pointer;
+	}
+`;exports.Button=p,exports.ButtonGroupStyle=s;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map((r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value)))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=l(c);const b=d.default("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc2QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xuIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),x=d.default("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",e.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",e.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",e.DEFAULT_THEME.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",e.DEFAULT_THEME.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cb0MiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5cdC5jYXJkc19fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC13cmFwOiB3cmFwO1xuXHRcdGdhcDogMTZweDtcblx0fVxuXHQuaW5mb19fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMCAyNHB4IDI0cHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiA0cHg7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAyMTJweDtcblx0cGFkZGluZzogMTZweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHR3aWR0aDogNDhweDtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuYDtcbiJdfQ== */"));exports.StyledCard=x,exports.StyledCardContainer=b;

package/dist/cjs/components/card-selector/CardSelector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),l=require("../spinner/Spinner.js"),i=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),r=require("./CardSelector.styled.js"),o=Object.defineProperty,s=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,c=(e,t,l)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,p=(e,t)=>{for(var l in t||(t={}))d.call(t,l)&&c(e,l,t[l]);if(s)for(var l of s(t))a.call(t,l)&&c(e,l,t[l]);return e};const b=i=>e.jsx(e.Fragment,{children:i.loading?e.jsx(r.Loader,{children:e.jsx(l.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==i?void 0:i.icon)&&e.jsx("div",{style:{width:24,height:24},children:e.jsx(i.icon,{width:24,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})}),e.jsxs("div",{"data-test":null==i?void 0:i.dataTestId,children:[i.title&&e.jsx(n.TitleSmall,{style:{color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:i.title}),i.subtitle&&e.jsx(n.BodyCaption,{style:{marginTop:i.title?4:0,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:i.subtitle})]})]})});exports.CardSelector=t=>{var l,n,o,s;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(i.Tooltip,{title:t.tooltip,children:e.jsx(r.Container,{style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!=(l=t.disabled)&&l,loading:null!=(n=t.loading)&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip,children:e.jsx(b,p({},t))})}):e.jsx(r.Container,{style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!=(o=t.disabled)&&o,loading:null!=(s=t.loading)&&s,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip,children:e.jsx(b,p({},t))})})};

package/dist/cjs/components/card-selector/CardSelector.styled.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e);const o=d.default.div`
+	width: 100%;
+	display: flex;
+	padding: 16px;
+	border-radius: 4px;
+	gap: 12px;
+	justify-content: ${e=>e.loading?"center":"flex-start"};
+	cursor: ${e=>e.disabled||e.loading?"not-allowed":"pointer"};
+	background-color: ${e=>e.selected?t.COLORS.background.brandLight:t.COLORS.surface.subdued};
+	border: 1px solid
+		${e=>e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.stroke.primary:t.COLORS.content.inactive};
+	:hover {
+		background-color: ${e=>e.isTooltipPresent?t.COLORS.surface.subdued:e.selected?t.COLORS.background.brandLight:e.disabled||e.loading?t.COLORS.surface.subdued:t.COLORS.surface.hovered};
+	}
+`,n=d.default.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;exports.Container=o,exports.Loader=n;

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id)))});

package/dist/cjs/components/carousel/carousel.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("@trendyol-js/react-carousel");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(require("styled-components")),n=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,d=(e,r,t)=>r in e?n(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&d(e,t,r[t]);if(c)for(var t of c(r))u.call(r,t)&&d(e,t,r[t]);return e};const h=()=>e.jsx(g,{className:"left",children:e.jsx(r.default,{width:16,height:16,color:"#fff"})}),j=()=>e.jsx(g,{className:"right",children:e.jsx(t.default,{width:16,height:16,color:"#fff"})}),g=i.default.div`
+	cursor: pointer;
+	margin: 0 8px;
+	width: 50px;
+	height: 50px;
+	border-radius: 25px;
+	display: flex;
+	align-items: center;
+	background-color: rgba(0, 0, 0, 0.4);
+	justify-content: center;
+	position: absolute;
+	z-index: 2;
+	top: 50%;
+	&.left {
+		transform: translate(0%, -50%);
+		left: 0;
+	}
+	&.right {
+		transform: translate(0%, -50%);
+		right: 0;
+	}
+`;exports.Carousel=r=>{return e.jsx(e.Fragment,{children:e.jsx(s.Carousel,(t=p({leftArrow:e.jsx(h,{}),rightArrow:e.jsx(j,{})},r),o={children:r.children},a(t,l(o))))});var t,o};

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),t=require("./CarouselPreview.style.js"),o=require("./CarouselPreviewCard.js"),s=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const p=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:p,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:f,cardCount:j,setIsCarouselHovered:P,cardIndex:R}=s.useTemplateModalContext(),I=-1==R?a.determineCardIndex(l):R,S=null==(h=null==(m=null==i?void 0:i.components)?void 0:m[I])?void 0:h.cards,q=(null==S?void 0:S.length)?e.jsx(v,{cards:S,cardCount:null!=j?j:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:x,isPreview:d,showArrows:p,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,{borderRadius:c,children:q}):e.jsxs(t.Container,{removeBottomBorder:u,borderRadius:c,hideBorder:C,children:[e.jsx(o.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),q]})})),v=r=>{let{cards:l,cardCount:s,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:p,template:v,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(t.CarouselSlickContainer,{cardCount:s,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1),children:e.jsx(c.default,{ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d}),children:null==l?void 0:l.map(((r,l)=>{var t,s;const a={components:r.components,mapping:null==(s=null==(t=null==v?void 0:v.mapping)?void 0:t.cards)?void 0:s[l],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(o.default,{channel:p,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))})})};exports.CarouselPreview=p;

package/dist/cjs/components/carousel-preview/CarouselPreview.style.js

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
+	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
+	border-color: ${r.COLORS.stroke.primary};
+	border-top-style: solid;
+	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
+	border-top-width: 1px;
+	border-bottom-width: ${e=>e.hideBorder?"0px":"1px"};
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	position: relative;
+	height: 100%;
+	overflow-y: auto;
+	border-radius: ${e=>{var r;return null!=(r=e.borderRadius)?r:"0px"}};
+`,d=o.default.div`
+	width: 100%;
+
+	// Hides the pre-built right arrow
+	.slick-next:before {
+		content: none;
+	}
+
+	// Hides the pre-built left arrow
+	.slick-prev:before {
+		content: none;
+	}
+
+	// Right arrow styles
+	.slick-next {
+		z-index: 10;
+		border-radius: 50%;
+		align-items: center;
+		justify-content: center;
+		right: 10px;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
+		display: flex;
+		background-color: white;
+		box-shadow: 0px 1.5px 6px 0px #0000001f;
+		/* height: 100%; */
+
+		:hover {
+			background: white;
+		}
+	}
+
+	// Left arrow styles
+	.slick-prev {
+		left: 5px;
+		z-index: 10;
+		border-radius: 50%;
+		align-items: center;
+		justify-content: center;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
+		display: flex;
+		background-color: white;
+		box-shadow: 0px 1.5px 6px 0px #0000001f;
+
+		:hover {
+			background: white;
+		}
+	}
+
+	.slick-slide {
+		display: flex;
+	}
+
+	.slick-slide > div {
+		width: 100%;
+		height: 100%;
+		padding-bottom: 16px;
+	}
+
+	.slick-track {
+		flex: 1;
+	}
+
+	.slick-list {
+		display: flex;
+		flex-direction: column;
+		margin-left: -49px;
+	}
+`;exports.CarouselSlickContainer=d,exports.Container=i;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js");var l=require("../template-preview/helpers/templateMiscHelper.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=i(t).default.forwardRef((t=>{let{channel:i,currentTemplate:p,showSampleValues:s,carouselCardIndex:n,isPreview:u,width:d}=t;var o,c,h;const{cardWidth:m,template:v,cardIndex:w}=r.useTemplateModalContext(),x=-1==w?l.determineCardIndex(i):w,j=(null!=(h=null==(c=null==(o=null==v?void 0:v.components)?void 0:o[x].cards)?void 0:c.length)?h:0)-1===n?12:0;return e.jsx("div",{style:{width:d||m,height:(null!=n?n:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:p,channel:i,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})})}));exports.default=p;

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),l=require("../../assets/icons/chevronRight.svg.js"),r=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js"),s=Object.defineProperty,o=Object.defineProperties,a=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,d=(e,t,l)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,p=(e,t)=>{for(var l in t||(t={}))i.call(t,l)&&d(e,l,t[l]);if(c)for(var l of c(t))u.call(t,l)&&d(e,l,t[l]);return e},x=(e,t)=>o(e,a(t));exports.CustomCarouselLeftArrow=l=>{const{className:s,style:o,onClick:a,isPreview:c}=l,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",{className:s,style:x(p({},o),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)<1||c||null==u||u((null!=i?i:-1)-1)},children:e.jsx(t.default,{height:10,width:10,color:r.COLORS.content.primary})})},exports.CustomCarouselRightArrow=t=>{const{className:s,style:o,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",{className:s,style:x(p({},o),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)>=(null!=d?d:-1)-1||c||null==u||u((null!=i?i:-1)+1)},children:e.jsx(l.default,{height:10,width:10,color:r.COLORS.content.primary})})};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),i=require("react"),n=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");exports.CarouselVersion=a.CarouselVersion,exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:C,version:V,onCompleteText:h}=u;const[v,g]=i.useState(0),x=i.useRef(null);return i.useEffect((()=>{x.current&&x.current.scrollTo({left:x.current.offsetWidth*v,behavior:"smooth"})}),[v]),e.jsxs(l.CarouselContainer,{version:V||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:x,textAlign:C,children:c.map(((r,s)=>e.jsx(l.CarouselPage,{isActive:s===v,children:r},s)))}),e.jsxs(l.CarouselFooter,{version:V||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:V===a.CarouselVersion.V2&&0===v?"hidden":"visible"},children:e.jsx(n.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{g((e=>0===e?e:e-1))},size:V===a.CarouselVersion.V2?"small":"medium",LeadingIcon:V===a.CarouselVersion.V2?r.default:s.default,disabled:!v})}),e.jsx(l.PageIndicator,{children:c.map(((r,s)=>e.jsx(l.Indicator,{isActive:s===v,version:V||a.CarouselVersion.V1,onClick:()=>{g(s)}},s)))}),e.jsx(n.Button,{buttonText:v===c.length-1?h||"Get started":"Next",buttonType:v===c.length-1||V===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{g((e=>e===c.length-1?e:e+1)),v===c.length-1&&d()},size:V===a.CarouselVersion.V2?"small":"medium",TrailingIcon:v<c.length-1?V===a.CarouselVersion.V2?t.default:o.default:void 0,style:V===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};