@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

package/dist/esm/components/input/ChipInput.styled.d.ts

@@ -0,0 +1,66 @@
+export declare const chipTheme: {
+    chip: {
+        padding: string;
+        background: string;
+        border: string;
+        fontSize: number;
+        color: string;
+        fontWeight: number;
+        borderRadius: number;
+        alignItems: string;
+        alignContent: string;
+        justifyContent: string;
+        cursor: string;
+        margin: string;
+        fontFamily: string;
+    };
+    chipRemove: {
+        fontSize: number;
+        fontFamily: string;
+        cursor: string;
+        fontWeight: string;
+        color: string;
+        marginLeft: number;
+        ':hover': {
+            color: string;
+        };
+    };
+};
+export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
+    chipsContainer: {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        display: string;
+        position: string;
+        border: string;
+        backgroundColor: string;
+        alignItems: string;
+        flexWrap: string;
+        padding: string;
+        borderRadius: number;
+        ':hover': {
+            border: string;
+        };
+    };
+    container: {
+        flex: number;
+    };
+    containerOpen: {};
+    input: {
+        border: string;
+        outline: string;
+        boxSizing: string;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: number;
+        height: number;
+        width: string;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+};

package/dist/esm/components/input/ChipInput.styled.js

@@ -1,146 +1 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const n=e.div`
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	gap: 4px;
-	border: 1px solid ${e=>e.$error?t.stroke.negative.vibrant:t.stroke.primary};
-	border-radius: 4px;
-	background-color: ${t.surface.standard};
-	min-height: 30px;
-	padding: 0px 8px 2px 8px;
-	cursor: text;
-
-	ul,
-	ol,
-	li {
-		list-style: none;
-		list-style-type: none;
-		padding: 0;
-		margin: 0;
-	}
-	ul {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		gap: 5px;
-	}
-	.react-tags {
-		position: relative;
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		gap: 4px;
-		border: none;
-		background: transparent;
-		padding: 0;
-		min-height: auto;
-		width: 100%;
-	}
-
-	.react-tags__label {
-		position: absolute;
-		left: -10000px;
-		top: auto;
-		width: 1px;
-		height: 1px;
-		overflow: hidden;
-	}
-
-	/* Style the selected tags list - remove bullet points */
-	ul.react-tags__selected,
-	.react-tags__selected {
-		display: inline-flex !important;
-		flex-wrap: wrap;
-		gap: 4px;
-		padding: 0 !important;
-		margin: 0 !important;
-		list-style: none !important;
-		list-style-type: none !important;
-	}
-
-	.react-tags__selected li,
-	ul.react-tags__selected li {
-		display: inline-flex !important;
-		list-style: none !important;
-		list-style-type: none !important;
-		margin: 0 !important;
-		padding: 0 !important;
-	}
-
-	.react-tags__selected li::before,
-	.react-tags__selected li::marker {
-		display: none !important;
-		content: none !important;
-	}
-
-	.react-tags__selected-tag {
-		display: none; /* Hide default tags, we use custom renderTag */
-	}
-
-	/* Custom chip tag styling */
-	.chip-tag {
-		display: inline-flex;
-		align-items: center;
-		gap: 6px;
-		background: ${t.surface.subdued};
-		border: 1px solid ${t.stroke.primary};
-		border-radius: 4px;
-		padding: 0px 8px;
-		font-size: 12px;
-		font-family: Inter, sans-serif;
-		font-weight: 400;
-		color: ${t.content.secondary};
-		cursor: pointer;
-		line-height: 1.4;
-		white-space: nowrap;
-		margin: 0;
-
-		&:hover {
-			border-color: ${t.content.secondary};
-		}
-	}
-
-	.chip-tag-text {
-		font-size: 12px;
-		font-family: Inter, sans-serif;
-	}
-
-	.chip-tag-remove {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		line-height: 1;
-		margin-left: 2px;
-	}
-
-	.react-tags__combobox {
-		flex: 1;
-		display: inline-flex;
-		min-width: 80px;
-	}
-
-	.react-tags__combobox-input {
-		border: none;
-		outline: none;
-		box-sizing: border-box;
-		font-size: 14px;
-		font-family: Inter, sans-serif;
-		font-weight: 400;
-		background: transparent;
-		width: 100%;
-		padding: 4px 0;
-		pointer-events: ${e=>e.$disableTextInput?"none":"auto"};
-		user-select: ${e=>e.$disableTextInput?"none":"auto"};
-		cursor: ${e=>e.$disableTextInput?"default":"text"};
-
-		&::placeholder {
-			color: ${t.content.placeholder};
-		}
-	}
-
-	/* Hide the dropdown/listbox completely */
-	.react-tags__listbox {
-		display: none !important;
-	}
-`;t.surface.subdued,t.stroke.primary,t.content.secondary,t.content.secondary,t.content.secondary;export{n as ChipInputContainer};
+import{COLORS as e}from"../../constants/Theme.js";const n={chip:{padding:"0px 8px 0px 8px",background:e.surface.subdued,border:`1px solid ${e.stroke.primary}`,fontSize:12,color:e.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.content.secondary,marginLeft:6,":hover":{color:e.content.secondary}}},o=(n,o,r,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.stroke.brand:n?e.stroke.negative.vibrant:e.stroke.primary}`,backgroundColor:e.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.stroke.brand}`}},null!=r?r:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});export{n as chipTheme,o as theme};

package/dist/esm/components/input/Input-helper.js

@@ -1 +1 @@
-import{phone as n}from"phone";const r=n=>n&&"function"==typeof n,e=(r,e,t={})=>{let i;const a=["phonenumber","zip","number"].includes(e),l=a?r?Number(r):null:r;if(null==l||""===l)return[!0,""];if(a&&String(l).length&&(t.min&&l<t.min||t.max&&l>t.max))return[!1,`Enter valid number between ${t.min} and ${t.max}`];if("email"===e)return i=/(.+)@(.+){2,}\.(.+){2,}/,l.match(i)?[!0,""]:[!1,"Enter a valid email id"];if("url"===e)return i=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,l.match(i)?[!0,""]:[!1,"Enter a valid url"];if("number"===e)return l>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===e)return 6===String(l).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===e){const{isValid:r}=n("+"+String(l));return r?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==l?void 0:l.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};export{r as isFunction,e as validateInput};
+import{phone as n}from"phone";const e=n=>n&&"function"==typeof n,r=function(e,r){let t,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=["phonenumber","zip","number"].includes(r),l=a?e?Number(e):null:e;if(null==l||""===l)return[!0,""];if(a&&String(l).length&&(i.min&&l<i.min||i.max&&l>i.max))return[!1,`Enter valid number between ${i.min} and ${i.max}`];if("email"===r)return t=/(.+)@(.+){2,}\.(.+){2,}/,l.match(t)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return t=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,l.match(t)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return l>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(l).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:e}=n("+"+String(l));return e?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==l?void 0:l.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};export{e as isFunction,r as validateInput};

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n from"../../assets/icons/info.svg.js";import{forwardRef as l,useState as r,useContext as o,useRef as a,useEffect as s}from"react";import{Button as h}from"../button/Button.js";import{isFunction as c,validateInput as d}from"./Input-helper.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleSmall as v,BodySecondary as p}from"../TypographyStyle.js";import{COLORS as g}from"../../constants/Theme.js";import m from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as x}from"./context/InputStyleProvider.js";import{RootContainer as f,InputFooter as y,MaxCharStyle as b,InputWrapper as C,IconHolder as T,PrefixHolder as w,InputContainer as I,InputContainerSmall as k,SuffixHolder as j,InputHeader as B}from"./Input.styled.js";const L=l((l,L)=>{var H,O,D,E,M,P,S,z;const{placeholder:F,leftIcon:A,rightIcon:K,labelText:N,maxCharLimit:R,isRequired:G,hintText:W,type:_,state:q,validate:V,variant:$,button:J,suffixText:Q,prefixText:U,onChangeText:X,value:Y,noErrorHint:Z,reset:ee,rangeValidation:te,noKeyDownChange:ie,version:ne,noMaxCharCheck:le,labelElement:re,autoGrow:oe,minHeight:ae,maxHeight:se,labelTextBold:he,truncateText:ce,maxCharLimitPosition:de,hightlightInputColor:ue,onKeyDownEvent:ve,hideInputHeader:pe,hideBorder:ge,inputWrapperStyles:me,minCharsToTrigger:xe,isDisabled:fe=!1}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},l),ye=null==A?void 0:A.icon,be=null==K?void 0:K.icon,[Ce,Te]=r(!1),[we,Ie]=r(!1),[ke,je]=r(),Be="x-small"===$?"12px":"small"===$?"18px":"22px",Le=o(x),[He,Oe]=r(""),De=a(null),Ee=null!=L?L:De;s(()=>{Oe(Y||""),!Y&&oe&&(Ee.current.style.height=ae||"48px")},[Y]),s(()=>{var e;Ee.current&&(null===(e=l.onReferenceInit)||void 0===e||e.call(l,Ee.current))},[Ee]),s(()=>{const e=Ee.current;if(e&&["phonenumber","zip","number"].includes(_))return e.addEventListener("wheel",ze,{passive:!1}),()=>{e.removeEventListener("wheel",ze)}},[]),s(()=>{ee&&Oe("")},[ee]),s(()=>{var e;Ie(!!l.isActive),l.isActive&&(null===(e=Ee.current)||void 0===e||e.focus())},[l.isActive]),s(()=>{je(l.errorMessage)},[l.errorMessage]),s(()=>{var e;Te(!1),("invalid"===l.state||ke||"disabled-invalid"===l.state)&&Te(!0),"active"===l.state&&(null===(e=Ee.current)||void 0===e||e.focus())},[l.state,ke]),s(()=>{Te(!!ke||"invalid"===l.state)},[ke,l.state]);const Me=(e,...t)=>{c(e)&&e(...t)},Pe=()=>"zip"===_?6:2e3,Se=e=>{const t=0!==R?R:Pe(),i=xe,n=e.target.value;ve&&(!n.length||n.length>=i)&&ve(e),ie||n.length&&!(n.length>=i)||X(Y||"",e),le||![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},ze=e=>{e.preventDefault()},Fe=e=>{let t=e.target.value;const i=0!==R?R+1:Pe(),n=xe;if(!le&&i>0&&t.length>=i&&(t=t.substring(0,i-1)),l.textControl||Oe(t||""),n&&t&&t.length<n)return;X(t,e),oe&&(Ee.current.style.height=`${Ee.current.scrollHeight}px`,t||(Ee.current.style.height=ae||"48px"));const r=V||d;if(!r||!c(r))return;const[o,a]=r(t,_,te);Te(!o),je(l.errorMessage?l.errorMessage:a)},Ae=e=>{var t;l.skipFocus||Ie(!0),Me(null===(t=l.onFocus)||void 0===t?void 0:t.call(l,e))},Ke=e=>{var t;l.skipFocus||Ie(!1),Me(null===(t=l.onBlur)||void 0===t?void 0:t.call(l,e))},Ne=()=>{var n;return e(i,{children:["multiline"!==_&&t("input",{className:ce?"truncate-class":"","data-test":l["data-test"],id:l.id,style:null!==(n=null==Le?void 0:Le.input)&&void 0!==n?n:{},ref:Ee,disabled:fe,type:["phonenumber","zip","number"].includes(_)?"number":_,value:He,onFocus:e=>Ae(e),onBlur:e=>Ke(e),placeholder:F||"Enter here",onChange:Fe,onClick:e=>Me(l.onClick),onKeyDown:e=>Se(e)}),"multiline"===_&&t("textarea",{"data-test":l["data-test"],value:He,ref:Ee,onFocus:e=>Ae(e),onBlur:e=>Ke(e),onClick:e=>Me(l.onClick),disabled:fe,placeholder:F||"Enter here",onChange:Fe,onKeyDown:e=>Se(e),maxLength:R>0?R:void 0})]})};return e(f,{width:l.width,height:l.height,state:q,type:_,style:null!==(H=null==Le?void 0:Le.RootContainer)&&void 0!==H?H:{},children:[e("div",{className:"flex-align-center",children:[!Z&&(!!W||!!ke)&&e(y,{invalid:!!ke,children:[!!ke&&t(m,{width:16,height:16}),ke||W]}),R>0&&"BOTTOM"===de&&e(b,{position:"BOTTOM",children:[null!==(D=null===(O=(null!=Y?Y:"").toString())||void 0===O?void 0:O.length)&&void 0!==D?D:0,"/",R]})]}),e(C,{variant:$,state:q,width:l.width,isActive:"active"===q||we,isInvalid:Ce,style:null!==(M=null!==(E=null==Le?void 0:Le.InputWrapper)&&void 0!==E?E:me)&&void 0!==M?M:{},version:ne,height:l.height,hightlightInputColor:ue,hideBorder:ge,children:[!!ye&&t(T,{variant:$,iconSize:Be,onClick:()=>Me(null==A?void 0:A.callback),isLeft:!0,style:null!==(P=null==Le?void 0:Le.IconHolder)&&void 0!==P?P:{},children:t(ye,{})}),!!U&&t(w,{variant:$,children:U}),"default"===$&&t(I,{height:l.height,type:l.type,minHeight:ae,maxHeight:se,autoGrow:oe,children:Ne()}),["x-small","small"].includes($)&&t(k,{height:l.height,type:l.type,children:Ne()}),!!be&&t(T,{variant:$,iconSize:Be,onClick:()=>Me(null==K?void 0:K.callback),isLeft:!1,children:t(be,{})}),!!Q&&t(j,{variant:$,children:Q}),J&&J.text&&t(h,{buttonText:J.text,onClick:()=>Me(null==J?void 0:J.onClick)}),J&&J.buttonProps&&t(h,Object.assign({},J.buttonProps))]}),!pe&&(!!N||!!R)&&e(B,{invalid:Ce,children:[re&&re,e("div",{className:"label__container",children:[e(he?v:p,{children:[N,G?t("span",{children:"*"}):""]}),l.tooltipText&&t(u,{body:l.tooltipText,placement:"top",children:t("span",{children:t(n,{style:{marginTop:-3},width:18,height:18,color:Ce?g.content.negative:g.content.primary})})})]}),R>0&&"TOP"===de&&e(b,{children:[null!==(z=null===(S=(null!=Y?Y:"").toString())||void 0===S?void 0:S.length)&&void 0!==z?z:0,"/",R]})]})]})});L.displayName="Input";export{L as Input};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import n from"../../assets/icons/info.svg.js";import{forwardRef as l,useState as r,useContext as o,useRef as a,useEffect as s}from"react";import{Button as h}from"../button/Button.js";import{isFunction as c,validateInput as d}from"./Input-helper.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleSmall as v,BodySecondary as p}from"../TypographyStyle.js";import{COLORS as g}from"../../constants/Theme.js";import m from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as x}from"./context/InputStyleProvider.js";import{RootContainer as f,InputFooter as y,MaxCharStyle as b,InputWrapper as C,IconHolder as T,PrefixHolder as w,InputContainer as I,InputContainerSmall as k,SuffixHolder as j,InputHeader as B}from"./Input.styled.js";const L=l(((l,L)=>{var H,O,D,E,M,P,S,z;const{placeholder:A,leftIcon:F,rightIcon:K,labelText:N,maxCharLimit:R,isRequired:G,hintText:W,type:_,state:q,validate:V,variant:$,button:J,suffixText:Q,prefixText:U,onChangeText:X,value:Y,noErrorHint:Z,reset:ee,rangeValidation:te,noKeyDownChange:ie,version:ne,noMaxCharCheck:le,labelElement:re,autoGrow:oe,minHeight:ae,maxHeight:se,labelTextBold:he,truncateText:ce,maxCharLimitPosition:de,hightlightInputColor:ue,onKeyDownEvent:ve,hideInputHeader:pe,hideBorder:ge,inputWrapperStyles:me,minCharsToTrigger:xe,isDisabled:fe=!1}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},l),ye=null==F?void 0:F.icon,be=null==K?void 0:K.icon,[Ce,Te]=r(!1),[we,Ie]=r(!1),[ke,je]=r(),Be="x-small"===$?"12px":"small"===$?"18px":"22px",Le=o(x),[He,Oe]=r(""),De=a(null),Ee=null!=L?L:De;s((()=>{Oe(Y||""),!Y&&oe&&(Ee.current.style.height=ae||"48px")}),[Y]),s((()=>{var e;Ee.current&&(null===(e=l.onReferenceInit)||void 0===e||e.call(l,Ee.current))}),[Ee]),s((()=>{const e=Ee.current;if(e&&["phonenumber","zip","number"].includes(_))return e.addEventListener("wheel",ze,{passive:!1}),()=>{e.removeEventListener("wheel",ze)}}),[]),s((()=>{ee&&Oe("")}),[ee]),s((()=>{var e;Ie(!!l.isActive),l.isActive&&(null===(e=Ee.current)||void 0===e||e.focus())}),[l.isActive]),s((()=>{je(l.errorMessage)}),[l.errorMessage]),s((()=>{var e;Te(!1),("invalid"===l.state||ke||"disabled-invalid"===l.state)&&Te(!0),"active"===l.state&&(null===(e=Ee.current)||void 0===e||e.focus())}),[l.state,ke]),s((()=>{Te(!!ke||"invalid"===l.state)}),[ke,l.state]);const Me=function(e){if(c(e)){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];e(...i)}},Pe=()=>"zip"===_?6:2e3,Se=e=>{const t=0!==R?R:Pe(),i=xe,n=e.target.value;ve&&(!n.length||n.length>=i)&&ve(e),ie||n.length&&!(n.length>=i)||X(Y||"",e),le||![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},ze=e=>{e.preventDefault()},Ae=e=>{let t=e.target.value;const i=0!==R?R+1:Pe(),n=xe;if(!le&&i>0&&t.length>=i&&(t=t.substring(0,i-1)),l.textControl||Oe(t||""),n&&t&&t.length<n)return;X(t,e),oe&&(Ee.current.style.height=`${Ee.current.scrollHeight}px`,t||(Ee.current.style.height=ae||"48px"));const r=V||d;if(!r||!c(r))return;const[o,a]=r(t,_,te);Te(!o),je(l.errorMessage?l.errorMessage:a)},Fe=e=>{var t;l.skipFocus||Ie(!0),Me(null===(t=l.onFocus)||void 0===t?void 0:t.call(l,e))},Ke=e=>{var t;l.skipFocus||Ie(!1),Me(null===(t=l.onBlur)||void 0===t?void 0:t.call(l,e))},Ne=()=>{var n;return e(i,{children:["multiline"!==_&&t("input",{className:ce?"truncate-class":"","data-test":l["data-test"],id:l.id,style:null!==(n=null==Le?void 0:Le.input)&&void 0!==n?n:{},ref:Ee,disabled:fe,type:["phonenumber","zip","number"].includes(_)?"number":_,value:He,onFocus:e=>Fe(e),onBlur:e=>Ke(e),placeholder:A||"Enter here",onChange:Ae,onClick:e=>Me(l.onClick),onKeyDown:e=>Se(e)}),"multiline"===_&&t("textarea",{"data-test":l["data-test"],value:He,ref:Ee,onFocus:e=>Fe(e),onBlur:e=>Ke(e),onClick:e=>Me(l.onClick),disabled:fe,placeholder:A||"Enter here",onChange:Ae,onKeyDown:e=>Se(e),maxLength:R>0?R:void 0})]})};return e(f,{width:l.width,height:l.height,state:q,type:_,style:null!==(H=null==Le?void 0:Le.RootContainer)&&void 0!==H?H:{},children:[e("div",{className:"flex-align-center",children:[!Z&&(!!W||!!ke)&&e(y,{invalid:!!ke,children:[!!ke&&t(m,{width:16,height:16}),ke||W]}),R>0&&"BOTTOM"===de&&e(b,{position:"BOTTOM",children:[null!==(D=null===(O=(null!=Y?Y:"").toString())||void 0===O?void 0:O.length)&&void 0!==D?D:0,"/",R]})]}),e(C,{variant:$,state:q,width:l.width,isActive:"active"===q||we,isInvalid:Ce,style:null!==(M=null!==(E=null==Le?void 0:Le.InputWrapper)&&void 0!==E?E:me)&&void 0!==M?M:{},version:ne,height:l.height,hightlightInputColor:ue,hideBorder:ge,children:[!!ye&&t(T,{variant:$,iconSize:Be,onClick:()=>Me(null==F?void 0:F.callback),isLeft:!0,style:null!==(P=null==Le?void 0:Le.IconHolder)&&void 0!==P?P:{},children:t(ye,{})}),!!U&&t(w,{variant:$,children:U}),"default"===$&&t(I,{height:l.height,type:l.type,minHeight:ae,maxHeight:se,autoGrow:oe,children:Ne()}),["x-small","small"].includes($)&&t(k,{height:l.height,type:l.type,children:Ne()}),!!be&&t(T,{variant:$,iconSize:Be,onClick:()=>Me(null==K?void 0:K.callback),isLeft:!1,children:t(be,{})}),!!Q&&t(j,{variant:$,children:Q}),J&&J.text&&t(h,{buttonText:J.text,onClick:()=>Me(null==J?void 0:J.onClick)}),J&&J.buttonProps&&t(h,Object.assign({},J.buttonProps))]}),!pe&&(!!N||!!R)&&e(B,{invalid:Ce,children:[re&&re,e("div",{className:"label__container",children:[e(he?v:p,{children:[N,G?t("span",{children:"*"}):""]}),l.tooltipText&&t(u,{body:l.tooltipText,placement:"top",children:t("span",{children:t(n,{style:{marginTop:-3},width:18,height:18,color:Ce?g.content.negative:g.content.primary})})})]}),R>0&&"TOP"===de&&e(b,{children:[null!==(z=null===(S=(null!=Y?Y:"").toString())||void 0===S?void 0:S.length)&&void 0!==z?z:0,"/",R]})]})]})}));L.displayName="Input";export{L as Input};

package/dist/esm/components/input/Input.styled.js

@@ -2,7 +2,7 @@ import t,{css as i}from"styled-components";import{BodyPrimary as e,BodySecondary
 	border-radius: ${t=>"2.0"===t.version?8:4}px;
 	background: ${t=>["disabled","read-only","disabled-invalid"].includes(t.state)?l.background.base:"#fff"};
 	border: ${t=>(t=>t.hideBorder?0:"2.0"===t.version?.5:1)(t)}px solid
-		${t=>(({isActive:t,isInvalid:i,hightlightInputColor:e})=>t?e||l.stroke.brand:i?l.stroke.negative.vibrant:l.stroke.primary)({isActive:t.isActive,isInvalid:t.isInvalid,hightlightInputColor:t.hightlightInputColor})};
+		${t=>(t=>{let{isActive:i,isInvalid:e,hightlightInputColor:n}=t;return i?n||l.stroke.brand:e?l.stroke.negative.vibrant:l.stroke.primary})({isActive:t.isActive,isInvalid:t.isInvalid,hightlightInputColor:t.hightlightInputColor})};
 	${t=>t.isActive?`box-shadow: inset 0px 0px 0px 1px ${t.hightlightInputColor?t.hightlightInputColor:l.stroke.brand};`:""};
 	padding: ${t=>"small"===t.variant?"6px":"8px"};
 	height: ${t=>t.height||"100%"};

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as l,jsx as r}from"react/jsx-runtime";import a from"../../assets/icons/PlusIcon.js";import{useRef as t,useState as i,useEffect as n}from"react";import o from"styled-components";import{v4 as c}from"uuid";import{COLORS as d}from"../../constants/Theme.js";import{AddVariableStyled as s}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as u}from"../floater/floater.js";import{Input as p}from"../input/Input.js";import{BodyCaption as v}from"../TypographyStyle.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{PickerType as h}from"../variable-picker-v3/model.js";import{CustomPortal as b}from"./customPortal.js";const y=({type:o,allowMix:d,onChange:y,prevVariable:T,variablesList:g,onBlur:x,onlyVariables:V,placeHolder:k,showAddButton:C=!0,showHelp:E,errorMessage:j,maxCharLimit:w,noMaxCharCheck:D,labelText:A,labelElement:M,isRequired:S=!1,hintText:B,onEnterPress:F,pickerType:R=h.FLOATER,portalElement:H,showVarHeader:I,varHeaderText:L,onPickerToggle:P})=>{const N=t(),$=t(!0),q=t(null),[z,O]=i(!1),[K]=i(c()),[G,J]=i(),[Q,U]=i(T),[W,X]=i(!1),[Y,Z]=i(!1),[_,ee]=i(0);return n(()=>{if(G&&G.actualValue)if(d){if(U(e=>{return{actualValue:(l=e.actualValue,r=G.actualValue,a=_,l.slice(0,a)+r+l.slice(a)),variableType:"string"};var l,r,a}),q.current){ee(q.current.selectionStart);const e=_+G.actualValue.length+2;q.current.setSelectionRange(e,e),ee(e)}}else U(e=>({actualValue:G.actualValue,variableType:G.variableType,needsFetching:G.needsFetching}))},[G]),n(()=>{$.current?$.current=!1:y(Q)},[Q]),e(l,{children:[e(f,{isVar:/^{{.*}}$/.test(Q.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==F||F(Q.actualValue))},children:[r(p,{isRequired:S,hintText:B,type:null!=o?o:"text",id:K,ref:q,skipFocus:!0,isActive:z,value:Q.actualValue,validate:e=>[!0,""],errorMessage:j,noMaxCharCheck:D,maxCharLimit:w,labelText:A,labelElement:M,placeholder:k||"Add a value",onClick:e=>{q.current&&ee(q.current.selectionStart)},onChangeText:(e,l)=>{if(q.current&&ee(q.current.selectionStart),V){const e=(null==l?void 0:l.keyCode)||(null==l?void 0:l.charCode);return void(8!==e&&46!==e||U({actualValue:"",variableType:"string"}))}U(d?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{O(!0),Z(!0)},onBlur:e=>{var l,r,a,t,i,n;null==x||x(e,Q),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(t=null===(a=e.relatedTarget)||void 0===a?void 0:a.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(q.current&&q.current.focus(),O(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?O(!0):(O(!1),X(!1),null==P||P(!1),Z(!1))}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[Q.actualValue&&E&&r("div",{style:{marginTop:4},children:r(v,{children:`This value is of type ${Q.variableType}`})}),C&&Y&&r("div",{style:{marginTop:j||B?"-24px":"0px"},children:r(s,{ref:N,id:"addVar",onClick:()=>{X(!W),null==P||P(!W)},children:e("div",{className:"add",children:[r(a,{color:"white"}),r("div",{className:"variable",children:"Add variable"})]})})})]})]}),W&&r(l,{children:R===h.EMBEDDED?r(b,{zIndex:101,element:null!=H?H:document.body,children:r(m,{width:"344px",showHeader:I,headerText:L,onClose:()=>{X(!1),null==P||P(!1)},type:h.EMBEDDED,data:g,onSelect:e=>{J(e),X(!1),null==P||P(!1)}})}):r("div",{style:{zIndex:101,position:"relative"},children:r(u,{refElement:N,children:r("div",{style:{height:500},children:r(m,{onClose:()=>{X(!1),null==P||P(!1)},type:h.FLOATER,data:g,onSelect:e=>{J(e),X(!1),null==P||P(!1)}})})})})})]})},f=o.div`
+import{jsxs as e,Fragment as l,jsx as r}from"react/jsx-runtime";import a from"../../assets/icons/PlusIcon.js";import{useRef as t,useState as i,useEffect as n}from"react";import o from"styled-components";import{v4 as c}from"uuid";import{COLORS as d}from"../../constants/Theme.js";import{AddVariableStyled as s}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as u}from"../floater/floater.js";import{Input as p}from"../input/Input.js";import{BodyCaption as v}from"../TypographyStyle.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{PickerType as h}from"../variable-picker-v3/model.js";import{CustomPortal as b}from"./customPortal.js";const y=o=>{let{type:d,allowMix:y,onChange:T,prevVariable:g,variablesList:x,onBlur:V,onlyVariables:k,placeHolder:C,showAddButton:E=!0,showHelp:j,errorMessage:w,maxCharLimit:D,noMaxCharCheck:A,labelText:M,labelElement:S,isRequired:B=!1,hintText:F,onEnterPress:R,pickerType:H=h.FLOATER,portalElement:I,showVarHeader:L,varHeaderText:P,onPickerToggle:N}=o;const $=t(),q=t(!0),z=t(null),[O,K]=i(!1),[G]=i(c()),[J,Q]=i(),[U,W]=i(g),[X,Y]=i(!1),[Z,_]=i(!1),[ee,le]=i(0);return n((()=>{if(J&&J.actualValue)if(y){if(W((e=>{return{actualValue:(l=e.actualValue,r=J.actualValue,a=ee,l.slice(0,a)+r+l.slice(a)),variableType:"string"};var l,r,a})),z.current){le(z.current.selectionStart);const e=ee+J.actualValue.length+2;z.current.setSelectionRange(e,e),le(e)}}else W((e=>({actualValue:J.actualValue,variableType:J.variableType,needsFetching:J.needsFetching})))}),[J]),n((()=>{q.current?q.current=!1:T(U)}),[U]),e(l,{children:[e(f,{isVar:/^{{.*}}$/.test(U.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==R||R(U.actualValue))},children:[r(p,{isRequired:B,hintText:F,type:null!=d?d:"text",id:G,ref:z,skipFocus:!0,isActive:O,value:U.actualValue,validate:e=>[!0,""],errorMessage:w,noMaxCharCheck:A,maxCharLimit:D,labelText:M,labelElement:S,placeholder:C||"Add a value",onClick:e=>{z.current&&le(z.current.selectionStart)},onChangeText:(e,l)=>{if(z.current&&le(z.current.selectionStart),k){const e=(null==l?void 0:l.keyCode)||(null==l?void 0:l.charCode);8!==e&&46!==e||W({actualValue:"",variableType:"string"})}else W(y?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{K(!0),_(!0)},onBlur:e=>{var l,r,a,t,i,n;null==V||V(e,U),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(t=null===(a=e.relatedTarget)||void 0===a?void 0:a.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(z.current&&z.current.focus(),K(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?K(!0):(K(!1),Y(!1),null==N||N(!1),_(!1))}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[U.actualValue&&j&&r("div",{style:{marginTop:4},children:r(v,{children:`This value is of type ${U.variableType}`})}),E&&Z&&r("div",{style:{marginTop:w||F?"-24px":"0px"},children:r(s,{ref:$,id:"addVar",onClick:()=>{Y(!X),null==N||N(!X)},children:e("div",{className:"add",children:[r(a,{color:"white"}),r("div",{className:"variable",children:"Add variable"})]})})})]})]}),X&&r(l,{children:H===h.EMBEDDED?r(b,{zIndex:101,element:null!=I?I:document.body,children:r(m,{width:"344px",showHeader:L,headerText:P,onClose:()=>{Y(!1),null==N||N(!1)},type:h.EMBEDDED,data:x,onSelect:e=>{Q(e),Y(!1),null==N||N(!1)}})}):r("div",{style:{zIndex:101,position:"relative"},children:r(u,{refElement:$,children:r("div",{style:{height:500},children:r(m,{onClose:()=>{Y(!1),null==N||N(!1)},type:h.FLOATER,data:x,onSelect:e=>{Q(e),Y(!1),null==N||N(!1)}})})})})})]})},f=o.div`
 	position: relative;
 	margin-bottom: 12px;
 	input {

package/dist/esm/components/keywords-input/KeywordsInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{useState as t}from"react";import{Input as i}from"../input/Input.js";import{Tag as a}from"../tag/Tag.js";const n=n=>{var l;const[s,d]=t(""),{keywords:p,onDeleteKeyword:c,errorMessage:m,onSelectKeyword:g,error:h,hint:w,width:x}=n;return e("div",{style:{marginTop:12},children:[r(i,{"data-test":n["data-test"],width:x,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?d(e):e.trim()&&(d(""),g&&g(e.trim()))},value:s,hintText:w,placeholder:null!==(l=n.placeHolder)&&void 0!==l?l:"Ex. Hello",errorMessage:h?m||"Please ENTER to add keyword":""}),r("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:x},children:p.map((e,t)=>r(a,{tagText:e,TrailingIcon:o,onTrailingIconClicked:()=>c(e)},e+t))})]})};export{n as KeywordsInput};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{useState as t}from"react";import{Input as i}from"../input/Input.js";import{Tag as a}from"../tag/Tag.js";const n=n=>{var l;const[s,d]=t(""),{keywords:p,onDeleteKeyword:c,errorMessage:m,onSelectKeyword:g,error:h,hint:w,width:x}=n;return e("div",{style:{marginTop:12},children:[r(i,{"data-test":n["data-test"],width:x,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?d(e):e.trim()&&(d(""),g&&g(e.trim()))},value:s,hintText:w,placeholder:null!==(l=n.placeHolder)&&void 0!==l?l:"Ex. Hello",errorMessage:h?m||"Please ENTER to add keyword":""}),r("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:x},children:p.map(((e,t)=>r(a,{tagText:e,TrailingIcon:o,onTrailingIconClicked:()=>c(e)},e+t)))})]})};export{n as KeywordsInput};

package/dist/esm/components/list-item/ListItem.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as l}from"./themes.js";import{BodySecondary as n,BodyCaption as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import{ListItem as a}from"./ListItem.styled.js";const c=r((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:v,leadingIcon:y,subText:h,listItem:u,borderBottom:x,customComponent:I,customListItemLabel:b,version:g}=r,L=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return e(a,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(u),borderBottom:x,version:g},L,{children:I?e(i,{children:I}):o("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!y&&y,o("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[e(i,b?{children:b}:{children:!!u&&e(n,{style:{fontSize:("2.0"===g?12:14)+"px",color:l(f),textOverflow:"ellipsis",display:"block"},children:u.label})}),!!h&&e(s,{style:{color:"inactive"===f?m.content.inactive:m.text.secondary},children:h})]}),!!v&&e("div",{style:{display:"flex",marginLeft:"auto"},children:v})]})}))});c.displayName="ListItem";export{c as ListItem};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as l}from"./themes.js";import{BodySecondary as n,BodyCaption as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import{ListItem as a}from"./ListItem.styled.js";const c=r(((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:v,leadingIcon:y,subText:h,listItem:u,borderBottom:x,customComponent:I,customListItemLabel:b,version:g}=r,L=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return e(a,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(u),borderBottom:x,version:g},L,{children:I?e(i,{children:I}):o("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!y&&y,o("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[e(i,b?{children:b}:{children:!!u&&e(n,{style:{fontSize:("2.0"===g?12:14)+"px",color:l(f),textOverflow:"ellipsis",display:"block"},children:u.label})}),!!h&&e(s,{style:{color:"inactive"===f?m.content.inactive:m.text.secondary},children:h})]}),!!v&&e("div",{style:{display:"flex",marginLeft:"auto"},children:v})]})}))}));c.displayName="ListItem";export{c as ListItem};

package/dist/esm/components/markdown/index.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as n}from"react/jsx-runtime";const r=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,a=/`([^`]+)`/g,l=/\[([^\]]+)\]\(([^)]+)\)/g;function c(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(...t)=>{for(let e=1;e<t.length-2;e++)if(void 0!==t[e])return t[e];return""}).trim()}const i=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,h=/https?:\/\/[^\s)]+/g,o=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function u(t,e,n){const r=t.slice(e,n),s=r.includes("["),a=r.includes("]"),l=r.includes("("),c=r.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),h=r.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return s&&a&&l&&c&&i}function d(t,e,n,l){const c=t.slice(n,l);return e===r?c.startsWith("**")&&c.endsWith("**")&&c.length>4:e===s?c.startsWith("*")&&c.endsWith("*")&&c.length>2:e!==a||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function p(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function g(e){var g;const f=[];let m=0,x=e;x=x.replace(/\[([^\]]+)\]\([^)]*$/g,(t,e)=>e);x=x.replace(/\[([^\]]+)\]\($/g,(t,e)=>e);const b=[],k=[],y=(t,e)=>{for(const n of k)if(t<n.end&&e>n.start)return!0;return!1},z=(t,e)=>{k.push({start:t,end:e})};let A;for(l.lastIndex=0;null!==(A=l.exec(x));){const t=null!==(g=A.index)&&void 0!==g?g:0;u(x,t,t+A[0].length)&&(b.push({match:A[0],type:"link",start:t,end:t+A[0].length,data:A}),z(t,t+A[0].length))}[{regex:i,type:"email"},{regex:h,type:"url"},{regex:r,type:"bold"},{regex:s,type:"italic"},{regex:a,type:"code"}].forEach(({regex:t,type:e})=>{var n;let r;for(t.lastIndex=0;null!==(r=t.exec(x));){const s=null!==(n=r.index)&&void 0!==n?n:0,a=s+r[0].length;if(!y(s,a)){if("italic"===e){if(x.slice(Math.max(0,s-1),Math.min(x.length,a+1)).includes("**"))continue}("bold"!==e&&"italic"!==e&&"code"!==e||d(x,t,s,a))&&("url"!==e||p(r[0]))&&(b.push({match:r[0],type:e,start:s,end:a,data:r}),z(s,a))}}});const W=[...x.matchAll(o)].map(t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}});var Z;(Z=x,W.map(t=>t.raw).filter(t=>{const e=Z.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(Z[n-1]);)n--;let r=e+t.length;for(;r<Z.length&&!/\s/.test(Z[r]);)r++;const s=Z.slice(n,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))return!1;if(/https?:\/\//i.test(s)&&s!==t)return!1;const a=Z[e-1],l=Z[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)})).forEach(t=>{const e=x.indexOf(t);if(-1===e)return;const n=e,r=e+t.length;y(n,r)||(b.push({match:t,type:"phone",start:n,end:r,data:null}),z(n,r))}),b.sort((t,e)=>t.start-e.start);let $=0;for(const e of b){switch(e.start>$&&f.push(x.slice($,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");f.push(t("strong",{children:n},m++));break}case"italic":{const n=e.match.replace(/\*/g,"");f.push(t("em",{children:n},m++));break}case"code":{const n=e.match.replace(/`/g,"");f.push(t("code",{className:"bg-gray-100 px-1 rounded",children:n},m++));break}case"phone":{const t=e.match.trim(),r=t.replace(/[^+\d]/g,"");f.push(n("a",{href:`tel:${r}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",t," "]},m++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,r]=n,s=c(e);f.push(t("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:s},m++))}break}case"email":f.push(t("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},m++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;f.push(t("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},m++));break}}$=e.end}return $<x.length&&f.push(x.slice($)),f}function f({text:n}){const r=n.replace(/\\n/g,"\n").split("\n"),s=[];let a=[];const l=e=>{a.length>0&&(s.push(t("ul",{className:"ml-1",children:a.map((e,n)=>t("li",{children:g(e)},n))},e)),a=[])};return r.forEach((e,n)=>{e.startsWith("- ")?a.push(e.slice(2)):(l(n),""!==e.trim()&&s.push(t("p",{children:g(e)},n)))}),l(r.length),t(e,{children:s})}export{f as default};
+import{jsx as t,Fragment as e,jsxs as n}from"react/jsx-runtime";const r=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,a=/`([^`]+)`/g,l=/\[([^\]]+)\]\(([^)]+)\)/g;function c(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}const i=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,h=/https?:\/\/[^\s)]+/g,o=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function u(t,e,n){const r=t.slice(e,n),s=r.includes("["),a=r.includes("]"),l=r.includes("("),c=r.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),h=r.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return s&&a&&l&&c&&i}function d(t,e,n,l){const c=t.slice(n,l);return e===r?c.startsWith("**")&&c.endsWith("**")&&c.length>4:e===s?c.startsWith("*")&&c.endsWith("*")&&c.length>2:e!==a||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function p(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function g(e){var g;const f=[];let m=0,x=e;x=x.replace(/\[([^\]]+)\]\([^)]*$/g,((t,e)=>e));x=x.replace(/\[([^\]]+)\]\($/g,((t,e)=>e));const b=[],k=[],y=(t,e)=>{for(const n of k)if(t<n.end&&e>n.start)return!0;return!1},z=(t,e)=>{k.push({start:t,end:e})};let A;for(l.lastIndex=0;null!==(A=l.exec(x));){const t=null!==(g=A.index)&&void 0!==g?g:0;u(x,t,t+A[0].length)&&(b.push({match:A[0],type:"link",start:t,end:t+A[0].length,data:A}),z(t,t+A[0].length))}[{regex:i,type:"email"},{regex:h,type:"url"},{regex:r,type:"bold"},{regex:s,type:"italic"},{regex:a,type:"code"}].forEach((t=>{let{regex:e,type:n}=t;var r;let s;for(e.lastIndex=0;null!==(s=e.exec(x));){const t=null!==(r=s.index)&&void 0!==r?r:0,a=t+s[0].length;if(!y(t,a)){if("italic"===n){if(x.slice(Math.max(0,t-1),Math.min(x.length,a+1)).includes("**"))continue}("bold"!==n&&"italic"!==n&&"code"!==n||d(x,e,t,a))&&("url"!==n||p(s[0]))&&(b.push({match:s[0],type:n,start:t,end:a,data:s}),z(t,a))}}}));const W=[...x.matchAll(o)].map((t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}}));var Z;(Z=x,W.map((t=>t.raw)).filter((t=>{const e=Z.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(Z[n-1]);)n--;let r=e+t.length;for(;r<Z.length&&!/\s/.test(Z[r]);)r++;const s=Z.slice(n,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))return!1;if(/https?:\/\//i.test(s)&&s!==t)return!1;const a=Z[e-1],l=Z[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)}))).forEach((t=>{const e=x.indexOf(t);if(-1===e)return;const n=e,r=e+t.length;y(n,r)||(b.push({match:t,type:"phone",start:n,end:r,data:null}),z(n,r))})),b.sort(((t,e)=>t.start-e.start));let $=0;for(const e of b){switch(e.start>$&&f.push(x.slice($,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");f.push(t("strong",{children:n},m++));break}case"italic":{const n=e.match.replace(/\*/g,"");f.push(t("em",{children:n},m++));break}case"code":{const n=e.match.replace(/`/g,"");f.push(t("code",{className:"bg-gray-100 px-1 rounded",children:n},m++));break}case"phone":{const t=e.match.trim(),r=t.replace(/[^+\d]/g,"");f.push(n("a",{href:`tel:${r}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",t," "]},m++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,r]=n,s=c(e);f.push(t("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:s},m++))}break}case"email":f.push(t("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},m++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;f.push(t("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},m++));break}}$=e.end}return $<x.length&&f.push(x.slice($)),f}function f(n){let{text:r}=n;const s=r.replace(/\\n/g,"\n").split("\n"),a=[];let l=[];const c=e=>{l.length>0&&(a.push(t("ul",{className:"ml-1",children:l.map(((e,n)=>t("li",{children:g(e)},n)))},e)),l=[])};return s.forEach(((e,n)=>{e.startsWith("- ")?l.push(e.slice(2)):(c(n),""!==e.trim()&&a.push(t("p",{children:g(e)},n)))})),c(s.length),t(e,{children:a})}export{f as default};

package/dist/esm/components/modals/Modal.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{RootContainer as n,CentralContainer as s,CloseButtonContainer as l,CloseButtonWithTimer as a}from"./modal.styled.js";import{COLORS as d}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{BodySecondary as h}from"../TypographyStyle.js";const m=m=>{var p;const[k,C]=i(m.timeOut||5);r(()=>{if(!m.skipModalWithTimer)return;const t=setInterval(()=>{C(o=>{const e=o-1;return e<=0?(clearInterval(t),0):e})},1e3);return()=>clearInterval(t)},[m.skipModalWithTimer]);return t(o,{children:m.open&&t("div",{id:m.id||"bik-modal",children:t(n,{"data-test":m["data-test"],zIndex:m.zIndex,onClick:t=>{m.closeOnOutsideClick&&m.onClose?m.skipModalWithTimer&&k>0?t.stopPropagation():m.onClose():t.stopPropagation()},children:t(s,{style:Object.assign({},null!==(p=m.centralContainerStyles)&&void 0!==p?p:{}),onClick:t=>{t.stopPropagation()},width:m.width,children:e(o,{children:[!(null==m?void 0:m.hideCrossButton)&&!m.skipModalWithTimer&&t(l,{"data-test":(m["data-test"]||"")+"-close-button",onClick:()=>m.onClose&&m.onClose(),children:t(c,{height:20,width:20,color:d.content.secondary})}),m.skipModalWithTimer&&e(a,{"data-test":(m["data-test"]||"")+"-timer-close-button",onClick:()=>{k>0||m.onClose&&m.onClose()},timerExists:k>0,children:[k>0?e(h,{children:["Skip in ",k," sec "]}):t(o,{}),t(c,{height:20,width:20,color:k>0?d.stroke.primary:d.content.secondary})]}),m.children]})})})})})};export{m as Modal};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{RootContainer as n,CentralContainer as s,CloseButtonContainer as l,CloseButtonWithTimer as a}from"./modal.styled.js";import{COLORS as d}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{BodySecondary as h}from"../TypographyStyle.js";const m=m=>{var p;const[k,C]=i(m.timeOut||5);r((()=>{if(!m.skipModalWithTimer)return;const t=setInterval((()=>{C((o=>{const e=o-1;return e<=0?(clearInterval(t),0):e}))}),1e3);return()=>clearInterval(t)}),[m.skipModalWithTimer]);return t(o,{children:m.open&&t("div",{id:m.id||"bik-modal",children:t(n,{"data-test":m["data-test"],zIndex:m.zIndex,onClick:t=>{m.closeOnOutsideClick&&m.onClose?m.skipModalWithTimer&&k>0?t.stopPropagation():m.onClose():t.stopPropagation()},children:t(s,{style:Object.assign({},null!==(p=m.centralContainerStyles)&&void 0!==p?p:{}),onClick:t=>{t.stopPropagation()},width:m.width,children:e(o,{children:[!(null==m?void 0:m.hideCrossButton)&&!m.skipModalWithTimer&&t(l,{"data-test":(m["data-test"]||"")+"-close-button",onClick:()=>m.onClose&&m.onClose(),children:t(c,{height:20,width:20,color:d.content.secondary})}),m.skipModalWithTimer&&e(a,{"data-test":(m["data-test"]||"")+"-timer-close-button",onClick:()=>{k>0||m.onClose&&m.onClose()},timerExists:k>0,children:[k>0?e(h,{children:["Skip in ",k," sec "]}):t(o,{}),t(c,{height:20,width:20,color:k>0?d.stroke.primary:d.content.secondary})]}),m.children]})})})})})};export{m as Modal};

package/dist/esm/components/multi-level-dropdown/GroupedMenuList.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as e}from"../TypographyStyle.js";import{MenuItem as p}from"./MenuItem.js";import{GroupedMenuListContainer as n}from"./MultiLevelDropdown.styled.js";const i=({width:i,onDropdownItemClick:m,option:l,parents:s})=>o(n,{children:[t(e,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.content.placeholder,children:l.label}),l.options.map((o,r)=>t(p,{width:i,onDropdownItemClick:m,option:o,parents:s},r))]});export{i as GroupedMenuList};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as e}from"../TypographyStyle.js";import{MenuItem as p}from"./MenuItem.js";import{GroupedMenuListContainer as n}from"./MultiLevelDropdown.styled.js";const i=i=>{let{width:l,onDropdownItemClick:m,option:s,parents:d}=i;return o(n,{children:[t(e,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.content.placeholder,children:s.label}),s.options.map(((o,r)=>t(p,{width:l,onDropdownItemClick:m,option:o,parents:d},r)))]})};export{i as GroupedMenuList};

package/dist/esm/components/multi-level-dropdown/MenuItem.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight2.svg.js";import i,{useRef as l,Suspense as r}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BodyCaption as c,BodyTiny as s}from"../TypographyStyle.js";import{MenuItemWrapper as a,MenuItemContainer as p,ContentContainer as h,LeadingIconContainer as u,TrailingIconContainer as m,SubMenuContainer as v,StyledSubMenuWrapper as g,SubMenuListContainer as b}from"./MultiLevelDropdown.styled.js";const f=i.lazy(()=>import("./MenuList.js").then(e=>({default:e.MenuList}))),y=({width:y,onDropdownItemClick:w,option:M,parents:C})=>{var I,j,L,S,T,k,x;const[D,E]=i.useState(!1),[R,z]=i.useState(!1),[B,H]=i.useState({top:0,left:0}),N=l({top:0,left:0});return e(a,{onMouseEnter:e=>{E(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();H({top:t.top,left:t.right}),N.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{E(!1)},onClick:()=>{var e,t;!w||null!==(e=M.disabled)&&void 0!==e&&e||(null===(t=M.children)||void 0===t?void 0:t.length)||w(M,C)},id:"menuItemWrapper",style:{cursor:null!==(I=M.disabled)&&void 0!==I&&I?"not-allowed":"pointer",backgroundColor:null!==(j=M.disabled)&&void 0!==j&&j?d.surface.standard:"transparent"},children:[M.customComponent?M.customComponent:e(p,{isSelected:M.selected,isSubMenuOpen:D,isHovered:R,isDisabled:null!==(L=M.disabled)&&void 0!==L&&L,children:[e(h,{children:[M.leadingIcon&&t(u,{children:M.leadingIcon}),e("div",{children:[t(c,{style:{color:null!==(S=M.disabled)&&void 0!==S&&S?d.content.inactive:M.selected||R?d.content.positive:d.content.primary},children:M.label}),M.subText&&t(s,{style:{color:null!==(T=M.disabled)&&void 0!==T&&T?d.content.inactive:M.selected||R?d.content.positive:d.content.secondary,marginTop:"2px"},children:M.subText})]})]}),M.children&&M.children.length>0?t(m,{children:t(o,{width:16,height:16,color:null!==(k=M.disabled)&&void 0!==k&&k?d.content.inactive:M.selected||R?d.content.positive:d.content.primary})}):M.trailingIcon?t(m,{children:M.trailingIcon}):t(n,{})]}),!(null!==(x=M.disabled)&&void 0!==x&&x)&&M.children&&M.children.length>0&&D&&t(v,{width:y,className:"submenu",onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1),children:t(g,{width:y,top:B.top,left:B.left,children:t(b,{children:t(r,{fallback:t("div",{children:"Loading..."}),children:t(f,{width:y,onDropdownItemClick:w,options:M.children,parents:[...C,M]})})})})})]})};export{y as MenuItem};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight2.svg.js";import i,{useRef as l,Suspense as r}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BodyCaption as c,BodyTiny as s}from"../TypographyStyle.js";import{MenuItemWrapper as a,MenuItemContainer as p,ContentContainer as h,LeadingIconContainer as u,TrailingIconContainer as m,SubMenuContainer as v,StyledSubMenuWrapper as g,SubMenuListContainer as b}from"./MultiLevelDropdown.styled.js";const f=i.lazy((()=>import("./MenuList.js").then((e=>({default:e.MenuList}))))),y=y=>{let{width:w,onDropdownItemClick:M,option:C,parents:I}=y;var j,L,S,T,k,x,D;const[E,R]=i.useState(!1),[z,B]=i.useState(!1),[H,N]=i.useState({top:0,left:0}),O=l({top:0,left:0});return e(a,{onMouseEnter:e=>{R(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();N({top:t.top,left:t.right}),O.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{R(!1)},onClick:()=>{var e,t;!M||null!==(e=C.disabled)&&void 0!==e&&e||(null===(t=C.children)||void 0===t?void 0:t.length)||M(C,I)},id:"menuItemWrapper",style:{cursor:null!==(j=C.disabled)&&void 0!==j&&j?"not-allowed":"pointer",backgroundColor:null!==(L=C.disabled)&&void 0!==L&&L?d.surface.standard:"transparent"},children:[C.customComponent?C.customComponent:e(p,{isSelected:C.selected,isSubMenuOpen:E,isHovered:z,isDisabled:null!==(S=C.disabled)&&void 0!==S&&S,children:[e(h,{children:[C.leadingIcon&&t(u,{children:C.leadingIcon}),e("div",{children:[t(c,{style:{color:null!==(T=C.disabled)&&void 0!==T&&T?d.content.inactive:C.selected||z?d.content.positive:d.content.primary},children:C.label}),C.subText&&t(s,{style:{color:null!==(k=C.disabled)&&void 0!==k&&k?d.content.inactive:C.selected||z?d.content.positive:d.content.secondary,marginTop:"2px"},children:C.subText})]})]}),C.children&&C.children.length>0?t(m,{children:t(o,{width:16,height:16,color:null!==(x=C.disabled)&&void 0!==x&&x?d.content.inactive:C.selected||z?d.content.positive:d.content.primary})}):C.trailingIcon?t(m,{children:C.trailingIcon}):t(n,{})]}),!(null!==(D=C.disabled)&&void 0!==D&&D)&&C.children&&C.children.length>0&&E&&t(v,{width:w,className:"submenu",onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),children:t(g,{width:w,top:H.top,left:H.left,children:t(b,{children:t(r,{fallback:t("div",{children:"Loading..."}),children:t(f,{width:w,onDropdownItemClick:M,options:C.children,parents:[...I,C]})})})})})]})};export{y as MenuItem};

package/dist/esm/components/multi-level-dropdown/MenuList.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{GroupedMenuList as t}from"./GroupedMenuList.js";import{MenuItem as n}from"./MenuItem.js";import{StyledMenuList as i}from"./MultiLevelDropdown.styled.js";const r=({width:r,onDropdownItemClick:e,options:p,parents:m})=>o(i,{children:p.map((i,p)=>"value"in i?o(n,{width:r,onDropdownItemClick:e,option:i,parents:m},p):"options"in i&&i.options.length>0?o(t,{width:r,onDropdownItemClick:e,option:i,parents:m},p):void 0)});export{r as MenuList};
+import{jsx as o}from"react/jsx-runtime";import{GroupedMenuList as t}from"./GroupedMenuList.js";import{MenuItem as n}from"./MenuItem.js";import{StyledMenuList as i}from"./MultiLevelDropdown.styled.js";const r=r=>{let{width:e,onDropdownItemClick:p,options:m,parents:s}=r;return o(i,{children:m.map(((i,r)=>"value"in i?o(n,{width:e,onDropdownItemClick:p,option:i,parents:s},r):"options"in i&&i.options.length>0?o(t,{width:e,onDropdownItemClick:p,option:i,parents:s},r):void 0))})};export{r as MenuList};

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as i}from"../zeroState/ZeroState.js";import{COLORS as s}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as d}from"../floater/floater.js";import{MenuList as c}from"./MenuList.js";import{DropdownContainer as p,OptionsContainer as a,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const f=({options:f,width:h,isSearchable:m,onDropdownItemClick:w,refElement:g,topOffset:b,leftOffset:j,isDropdownOpen:O,onDropdownOutsideClick:x})=>{const y=t.useRef(null),[v,S]=o(f),C=e=>{const n=Array.isArray(f)?[...f]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map(e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null}).filter(e=>null!==e);S(o(f))},D=e=>{y.current&&!y.current.contains(e.target)?x&&x(!0):x&&x(!1)};return r(()=>{O&&C("")},[O]),r(()=>(document.addEventListener("mousedown",D),()=>{document.removeEventListener("mousedown",D)}),[]),r(()=>{S(f)},[f]),e(d,{refElement:g,topOffset:b,leftOffset:j,children:O&&e("div",{ref:y,style:{backgroundColor:s.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:n(p,{width:h,children:[m&&e("div",{style:{padding:"4px",width:null!=h?h:"200px"},children:e(l,{onSearch:C,version:"2.0"})}),e(a,{width:h,children:(null!=v?v:[]).length>0&&e(c,{width:null!=h?h:"200px",onDropdownItemClick:w,options:v,parents:[]})}),0===(null!=v?v:[]).length&&e(u,{style:{width:null!=h?h:"200px"},children:e(i,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};export{f as MultiLevelDropdown};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as i}from"../zeroState/ZeroState.js";import{COLORS as s}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as d}from"../floater/floater.js";import{MenuList as c}from"./MenuList.js";import{DropdownContainer as p,OptionsContainer as a,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const f=f=>{let{options:h,width:m,isSearchable:w,onDropdownItemClick:g,refElement:b,topOffset:j,leftOffset:O,isDropdownOpen:x,onDropdownOutsideClick:y}=f;const v=t.useRef(null),[S,C]=o(h),D=e=>{const n=Array.isArray(h)?[...h]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map((e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null})).filter((e=>null!==e));C(o(h))},L=e=>{v.current&&!v.current.contains(e.target)?y&&y(!0):y&&y(!1)};return r((()=>{x&&D("")}),[x]),r((()=>(document.addEventListener("mousedown",L),()=>{document.removeEventListener("mousedown",L)})),[]),r((()=>{C(h)}),[h]),e(d,{refElement:b,topOffset:j,leftOffset:O,children:x&&e("div",{ref:v,style:{backgroundColor:s.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:n(p,{width:m,children:[w&&e("div",{style:{padding:"4px",width:null!=m?m:"200px"},children:e(l,{onSearch:D,version:"2.0"})}),e(a,{width:m,children:(null!=S?S:[]).length>0&&e(c,{width:null!=m?m:"200px",onDropdownItemClick:g,options:S,parents:[]})}),0===(null!=S?S:[]).length&&e(u,{style:{width:null!=m?m:"200px"},children:e(i,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};export{f as MultiLevelDropdown};

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js

@@ -1,10 +1,10 @@
-import i from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const t=i.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	padding-bottom: 4px;
-`,d=i.div`
-	width: ${({width:i})=>i||"200px"};
+`,r=e.div`
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
@@ -12,24 +12,24 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
-`,o=i.div`
+`,n=e.div`
 	margin-top: 64px;
 	height: 200px;
-	width: ${({width:i})=>i||"200px"};
-`,r=i.div`
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
+`,d=e.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
 	margin: 4px 0;
-`,n=i.div`
+`,o=e.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,p=i.div`
+`,p=e.div`
 	position: relative;
 	padding: 1px 4px;
 	cursor: pointer;
@@ -38,33 +38,33 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,s=i.div`
+`,s=e.div`
 	position: relative;
 	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
 	border-radius: 8px;
 	justify-content: center;
-	background-color: ${({isSelected:i,isHovered:t,isSubMenuOpen:d,isDisabled:o})=>o?e.surface.standard:i||d?e.background.positive.light:t?e.surface.hovered:e.surface.standard};
-	color: ${({isSelected:i,isSubMenuOpen:t})=>i||t?e.content.positive:e.content.primary};
+	background-color: ${e=>{let{isSelected:t,isHovered:r,isSubMenuOpen:n,isDisabled:d}=e;return d?i.surface.standard:t||n?i.background.positive.light:r?i.surface.hovered:i.surface.standard}};
+	color: ${e=>{let{isSelected:t,isSubMenuOpen:r}=e;return t||r?i.content.positive:i.content.primary}};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 
 	&:hover {
-		background-color: ${({isSelected:i,isDisabled:t})=>t?e.surface.standard:i?e.background.positive.light:e.surface.hovered};
+		background-color: ${e=>{let{isSelected:t,isDisabled:r}=e;return r?i.surface.standard:t?i.background.positive.light:i.surface.hovered}};
 	}
-`,a=i.div`
+`,a=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,x=i.div`
+`,x=e.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,c=i.div`
+`,l=e.div`
 	margin: 4px;
-	background-color: ${e.surface.standard};
+	background-color: ${i.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	border-radius: 8px;
 	padding-top: 4px;
@@ -75,24 +75,24 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,l=i.div`
+`,c=e.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,h=i.div`
+`,h=e.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,g=i.div`
-	width: ${i=>i.width};
-`,u=i(x)`
-	width: ${i=>i.width};
-	top: ${i=>i.top}px;
-	left: ${i=>i.left}px;
-`;export{a as ContentContainer,t as DropdownContainer,r as GroupedMenuListContainer,l as LeadingIconContainer,s as MenuItemContainer,p as MenuItemWrapper,o as NoResultsContainer,d as OptionsContainer,n as StyledMenuList,u as StyledSubMenuWrapper,g as SubMenuContainer,c as SubMenuListContainer,x as SubMenuWrapper,h as TrailingIconContainer};
+`,u=e.div`
+	width: ${e=>e.width};
+`,g=e(x)`
+	width: ${e=>e.width};
+	top: ${e=>e.top}px;
+	left: ${e=>e.left}px;
+`;export{a as ContentContainer,t as DropdownContainer,d as GroupedMenuListContainer,c as LeadingIconContainer,s as MenuItemContainer,p as MenuItemWrapper,n as NoResultsContainer,r as OptionsContainer,o as StyledMenuList,g as StyledSubMenuWrapper,u as SubMenuContainer,l as SubMenuListContainer,x as SubMenuWrapper,h as TrailingIconContainer};

package/dist/esm/components/pagination/Pagination.js

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{BodySecondary as i,ButtonRegular as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{Pagination as l}from"./Pagination.styled.js";const d=n(n=>{var{id:d,onShowMore:m,isLoading:c,numberOfItemsLoaded:h,totalNumberOfItems:f}=n,p=o(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r(l,Object.assign({id:d},p,{children:c?r(e,{children:"loading..."}):r("div",{children:h<f?t(l,{children:[t(i,{style:{color:a.content.secondary},children:["Showing ",h," out of ",f," ","results"]}),r(s,{style:{color:a.content.brand,cursor:"pointer"},onClick:()=>m&&m(),children:"Show more"})]}):r(l,{children:t(i,{style:{color:a.content.secondary},children:["Showing all ",f," results"]})})})}))});d.displayName="Pagination";export{d as Pagination};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{BodySecondary as i,ButtonRegular as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{Pagination as l}from"./Pagination.styled.js";const d=n((n=>{var{id:d,onShowMore:m,isLoading:c,numberOfItemsLoaded:h,totalNumberOfItems:f}=n,p=o(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r(l,Object.assign({id:d},p,{children:c?r(e,{children:"loading..."}):r("div",{children:h<f?t(l,{children:[t(i,{style:{color:a.content.secondary},children:["Showing ",h," out of ",f," ","results"]}),r(s,{style:{color:a.content.brand,cursor:"pointer"},onClick:()=>m&&m(),children:"Show more"})]}):r(l,{children:t(i,{style:{color:a.content.secondary},children:["Showing all ",f," results"]})})})}))}));d.displayName="Pagination";export{d as Pagination};

package/dist/esm/components/plans/NewSubscriptionPlan.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/check.svg.js";import s from"../../assets/icons/checkCircle.svg.js";import a from"../../assets/icons/quotes.svg.js";import n from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as y}from"../../constants/Theme.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";const f=f=>{var v;const{formatCurrency:T}=u(),N=f.showMonthlyOptions?f.features:f.annualFeatures||[],x=f.showMonthlyOptions?f.monthlyPlan:f.yearlyPlan,P=!f.isDisabled&&f.isMostPopular,k=f.showMonthlyOptions?f.code:null!==(v=f.yearlyCode)&&void 0!==v?v:f.code,{planName:S,isSelected:C=!1,isDisabled:M=!1,onPlanSelect:w,oldPrice:j,hideMonthYearTag:D,planDescription:L,planDescriptionDiscount:F,showTrialOptions:O,freeTrialMessages:B,extraBlockMessage:$,isLoading:z,buttonText:H,bottomDescription:W,showMonthlyOptions:_,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1,minHeightOfFeatures:Q,hoverTooltip:V,hidePriceBlock:X=!1}=f,Z=e=>K&&!_?0==e?"$0":T(Math.round(e/12),"USD"):0==e?"$0":T(e,"USD");return e(b,{body:V,children:t(l,{height:q,showMostPopularChip:P||!1,onClick:()=>w(k),children:[P&&t("div",{className:"most-popular-chip",children:[e(c,{className:"popular-text",children:"Most popular "}),e(n,{height:12,width:12})]}),t("div",{className:`box  ${M?"disabled":""} \n\t\t\t\t`,children:[t("div",{className:"radio-flex",children:[!U&&e("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=M&&M,onChange:()=>w(k),className:"radio-button",checked:E}),e(d,{style:{color:y.content.secondary,marginBottom:4},children:S}),J&&e("div",{style:{marginLeft:"auto"},children:e(g,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),X?e(i,{}):t("div",{className:"price-block",children:[j?e(h,{className:"old--price",children:Z(x.price)}):e(i,{}),e(m,{style:{color:y.content.primary},children:Z(j||x.price)}),e(c,{style:{color:y.content.secondary,marginLeft:4},children:D?"":"/ "+(_?"month":K?"month billed annually":"year")})]}),L&&t("div",{className:"per-message-price",children:[e(h,{style:{color:y.content.secondary},children:L}),F&&e(h,{style:{color:y.background.positive.vibrant,marginLeft:4},children:F})]}),R&&R.length&&e("div",{style:{marginTop:4},children:R.map((t,i)=>e(h,{style:{color:y.content.secondary},dangerouslySetInnerHTML:{__html:t}},i))}),O&&t(c,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",B," messages"]}),$&&e(c,{className:"trial "+(C?"selected":""),children:$}),e(p,{className:"extra-include-margin",style:{height:Y?"":"20px"},children:Y||""}),e("div",{className:"features",style:{minHeight:Q},children:N.map((i,o)=>t("div",{className:"feature",children:[e("div",{children:e(s,{height:20,width:20,color:y.content.primary})}),e(h,{className:"feature-text",children:i.detail},o)]},i.detail))}),A&&e(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&e("div",{className:"button-box",children:z?e(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):t(i,{children:[C&&e(r,{disabled:M,LeadingIcon:o,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:H||"Selected Plan"}),!C&&!M&&e(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),w(k)},matchParentWidth:!0,buttonText:H||"Choose plan"})]})}),I&&t("div",{className:"popular-testimony",children:[e(a,{height:26,width:70}),e("div",{className:"testimony-text",children:e("i",{children:I})})]})]}),W&&e("div",{className:`plan-bottom-information\n\t\t\t\t\t${M?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e(c,{className:"text",style:{color:y.background.inverse},children:W})})]})})};export{f as NewSubscriptionPlan};
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/check.svg.js";import s from"../../assets/icons/checkCircle.svg.js";import a from"../../assets/icons/quotes.svg.js";import n from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as y}from"../../constants/Theme.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";const f=f=>{var v;const{formatCurrency:T}=u(),N=f.showMonthlyOptions?f.features:f.annualFeatures||[],x=f.showMonthlyOptions?f.monthlyPlan:f.yearlyPlan,P=!f.isDisabled&&f.isMostPopular,k=f.showMonthlyOptions?f.code:null!==(v=f.yearlyCode)&&void 0!==v?v:f.code,{planName:S,isSelected:C=!1,isDisabled:M=!1,onPlanSelect:w,oldPrice:j,hideMonthYearTag:D,planDescription:L,planDescriptionDiscount:F,showTrialOptions:O,freeTrialMessages:B,extraBlockMessage:$,isLoading:z,buttonText:H,bottomDescription:W,showMonthlyOptions:_,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1,minHeightOfFeatures:Q,hoverTooltip:V,hidePriceBlock:X=!1}=f,Z=e=>K&&!_?0==e?"$0":T(Math.round(e/12),"USD"):0==e?"$0":T(e,"USD");return e(b,{body:V,children:t(l,{height:q,showMostPopularChip:P||!1,onClick:()=>w(k),children:[P&&t("div",{className:"most-popular-chip",children:[e(c,{className:"popular-text",children:"Most popular "}),e(n,{height:12,width:12})]}),t("div",{className:`box  ${M?"disabled":""} \n\t\t\t\t`,children:[t("div",{className:"radio-flex",children:[!U&&e("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=M&&M,onChange:()=>w(k),className:"radio-button",checked:E}),e(d,{style:{color:y.content.secondary,marginBottom:4},children:S}),J&&e("div",{style:{marginLeft:"auto"},children:e(g,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),X?e(i,{}):t("div",{className:"price-block",children:[j?e(h,{className:"old--price",children:Z(x.price)}):e(i,{}),e(m,{style:{color:y.content.primary},children:Z(j||x.price)}),e(c,{style:{color:y.content.secondary,marginLeft:4},children:D?"":"/ "+(_?"month":K?"month billed annually":"year")})]}),L&&t("div",{className:"per-message-price",children:[e(h,{style:{color:y.content.secondary},children:L}),F&&e(h,{style:{color:y.background.positive.vibrant,marginLeft:4},children:F})]}),R&&R.length&&e("div",{style:{marginTop:4},children:R.map(((t,i)=>e(h,{style:{color:y.content.secondary},dangerouslySetInnerHTML:{__html:t}},i)))}),O&&t(c,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",B," messages"]}),$&&e(c,{className:"trial "+(C?"selected":""),children:$}),e(p,{className:"extra-include-margin",style:{height:Y?"":"20px"},children:Y||""}),e("div",{className:"features",style:{minHeight:Q},children:N.map(((i,o)=>t("div",{className:"feature",children:[e("div",{children:e(s,{height:20,width:20,color:y.content.primary})}),e(h,{className:"feature-text",children:i.detail},o)]},i.detail)))}),A&&e(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&e("div",{className:"button-box",children:z?e(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):t(i,{children:[C&&e(r,{disabled:M,LeadingIcon:o,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:H||"Selected Plan"}),!C&&!M&&e(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),w(k)},matchParentWidth:!0,buttonText:H||"Choose plan"})]})}),I&&t("div",{className:"popular-testimony",children:[e(a,{height:26,width:70}),e("div",{className:"testimony-text",children:e("i",{children:I})})]})]}),W&&e("div",{className:`plan-bottom-information\n\t\t\t\t\t${M?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e(c,{className:"text",style:{color:y.background.inverse},children:W})})]})})};export{f as NewSubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlan.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as o}from"../button/Button.js";import{SubscriptionPlanStyled as r}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as l,BodyCaption as a,TitleMedium as c,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as h}from"../../constants/Theme.js";const p=p=>{const{formatCurrency:u}=m(),y=p.showMonthlyOptions?p.features:p.annualFeatures||[],b=p.showMonthlyOptions?p.monthlyPlan:p.yearlyPlan,f=!p.isDisabled&&p.isMostPopular,g=e=>0==e?"$0":u(e,"USD");return e(r,{isManifestPlan:!0,isSelected:p.isSelected||!1,style:{marginTop:f?0:24},children:[f&&t("div",{className:"most-popular",children:t(n,{className:"text",children:"Most popular ⭐️"})}),e("div",{className:`box ${p.isSelected?"selected":""} ${p.isDisabled?"disabled":""} ${f?"":"rounded-corners"}\n\t\t\t\t`,children:[e("div",{children:[t(l,{style:{color:h.content.secondary,marginBottom:4},children:p.planName}),(null==p?void 0:p.hidePriceBlock)?t(i,{}):e("div",{className:"price-block",children:[p.oldPrice?t(a,{className:"old--price",children:g(b.price)}):t(i,{}),t(c,{style:{color:h.content.primary},children:p.oldPrice?g(p.oldPrice):g(b.price)}),t(d,{style:{color:h.content.secondary,marginLeft:4},children:p.hideMonthYearTag?"":"/ "+(p.showMonthlyOptions?"month":"year")})]}),e("div",{className:"per-message-price",children:[p.planDescription&&t(a,{style:{color:h.content.secondary},children:p.planDescription}),p.planDescriptionDiscount&&t(a,{style:{color:h.background.positive.vibrant,marginLeft:4},children:p.planDescriptionDiscount})]}),p.showTrialOptions&&e(n,{className:"trial "+(p.isSelected?"selected":""),children:["7 day free trial with ",p.freeTrialMessages," messages"]}),p.extraBlockMessage&&t(n,{className:"trial "+(p.isSelected?"selected":""),children:p.extraBlockMessage}),t("div",{className:"features",children:y.map((i,o)=>e("div",{className:"feature",children:[t("div",{children:t(s,{height:12,width:12,color:h.content.primary})}),t(a,{className:"feature-text",children:i.detail},o)]},i.detail))})]}),t("div",{className:"button-box",children:p.isLoading?t(o,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(i,{children:[p.isSelected&&t(o,{disabled:p.isDisabled,LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:p.buttonText||"Selected Plan"}),!p.isSelected&&!p.isDisabled&&t(o,{buttonType:"primary",size:"medium",onClick:()=>p.onPlanSelect(p.code),matchParentWidth:!0,buttonText:p.buttonText||"Choose plan"})]})})]}),p.bottomDescription&&t("div",{className:`plan-bottom-information\n\t\t\t\t\t${p.isDisabled?"disabled":""}\n\t\t\t\t\t${p.isSelected?"selected":""}\n\t\t\t\t`,children:t(n,{className:"text",style:{color:h.background.inverse},children:p.bottomDescription})})]})};export{p as SubscriptionPlan};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as o}from"../button/Button.js";import{SubscriptionPlanStyled as r}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as l,BodyCaption as a,TitleMedium as c,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as h}from"../../constants/Theme.js";const p=p=>{const{formatCurrency:u}=m(),y=p.showMonthlyOptions?p.features:p.annualFeatures||[],b=p.showMonthlyOptions?p.monthlyPlan:p.yearlyPlan,f=!p.isDisabled&&p.isMostPopular,g=e=>0==e?"$0":u(e,"USD");return e(r,{isManifestPlan:!0,isSelected:p.isSelected||!1,style:{marginTop:f?0:24},children:[f&&t("div",{className:"most-popular",children:t(n,{className:"text",children:"Most popular ⭐️"})}),e("div",{className:`box ${p.isSelected?"selected":""} ${p.isDisabled?"disabled":""} ${f?"":"rounded-corners"}\n\t\t\t\t`,children:[e("div",{children:[t(l,{style:{color:h.content.secondary,marginBottom:4},children:p.planName}),(null==p?void 0:p.hidePriceBlock)?t(i,{}):e("div",{className:"price-block",children:[p.oldPrice?t(a,{className:"old--price",children:g(b.price)}):t(i,{}),t(c,{style:{color:h.content.primary},children:p.oldPrice?g(p.oldPrice):g(b.price)}),t(d,{style:{color:h.content.secondary,marginLeft:4},children:p.hideMonthYearTag?"":"/ "+(p.showMonthlyOptions?"month":"year")})]}),e("div",{className:"per-message-price",children:[p.planDescription&&t(a,{style:{color:h.content.secondary},children:p.planDescription}),p.planDescriptionDiscount&&t(a,{style:{color:h.background.positive.vibrant,marginLeft:4},children:p.planDescriptionDiscount})]}),p.showTrialOptions&&e(n,{className:"trial "+(p.isSelected?"selected":""),children:["7 day free trial with ",p.freeTrialMessages," messages"]}),p.extraBlockMessage&&t(n,{className:"trial "+(p.isSelected?"selected":""),children:p.extraBlockMessage}),t("div",{className:"features",children:y.map(((i,o)=>e("div",{className:"feature",children:[t("div",{children:t(s,{height:12,width:12,color:h.content.primary})}),t(a,{className:"feature-text",children:i.detail},o)]},i.detail)))})]}),t("div",{className:"button-box",children:p.isLoading?t(o,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(i,{children:[p.isSelected&&t(o,{disabled:p.isDisabled,LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:p.buttonText||"Selected Plan"}),!p.isSelected&&!p.isDisabled&&t(o,{buttonType:"primary",size:"medium",onClick:()=>p.onPlanSelect(p.code),matchParentWidth:!0,buttonText:p.buttonText||"Choose plan"})]})})]}),p.bottomDescription&&t("div",{className:`plan-bottom-information\n\t\t\t\t\t${p.isDisabled?"disabled":""}\n\t\t\t\t\t${p.isSelected?"selected":""}\n\t\t\t\t`,children:t(n,{className:"text",style:{color:h.background.inverse},children:p.bottomDescription})})]})};export{p as SubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlanSelector.js

@@ -98,4 +98,4 @@ import{useState as e,createElement as o}from"react";import{jsxs as n,jsx as i,Fr
 		justify-content: flex-start;
 		gap: 8px;
 	}
-`,w=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],k=p=>{var k,P,C,j,I,T,N,M,A,S,L,O,$,B;const[D,W]=e(null===(k=p.discountInputProperties)||void 0===k?void 0:k.defaultValue),E=p.staticWidthMultiplier?p.staticWidthMultiplier:275;return n(l,{centralContainerStyles:{width:p.plans.length*E},open:!0,closeOnOutsideClick:!0,onClose:p.onClose,children:[n(y,{children:[n("div",{children:[i(h,{children:p.header||"Select a plan to proceed"}),i(v,{className:"sub--header",children:p.subHeader||""})]}),p.showMonthlyTabs?i(m,{tabs:p.tabProperties&&p.tabProperties.tabs?p.tabProperties.tabs:w,onTabSelected:e=>{var o,n;return(null===(o=p.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(n=p.tabProperties)||void 0===n?void 0:n.onTabSelected(e):""},isSquared:!0}):i(t,{})]}),p.warningDescription&&i(b,{children:p.warningDescription}),i(x,{children:p.plans.map(e=>o(a,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:p.showMonthlyOptions||!1,showTrialOptions:p.showTrialOptions||!1,onPlanSelect:p.onPlanSelect,key:e.planName})))}),(p.showCouponApplicationCode||p.showBookAdemo)&&n(f,{children:[i("div",{children:p.showCouponApplicationCode&&n("div",{className:"coupon-code",children:[n("div",{className:"coupon-input",children:[i(v,{style:{color:(null===(P=p.discountInputProperties)||void 0===P?void 0:P.errorMessage)?c.content.negative:""},children:"Apply coupon code"}),n("div",{className:"button--wrapper",children:[n("div",{className:(null===(C=p.discountInputProperties)||void 0===C?void 0:C.errorMessage)?"error--border dotted--border":"dotted--border",children:[i("input",{className:"input--class",onChange:e=>{var o;W(e.target.value),null===(o=p.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:D,placeholder:"eg:PLAN20",disabled:null===(j=p.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(I=p.discountInputProperties)||void 0===I?void 0:I.successText)&&n("div",{className:"success--inside--chip",children:[i(r,{height:16,width:16,color:c.content.primaryInverse}),i(g,{style:{color:c.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(T=p.discountInputProperties)||void 0===T?void 0:T.successText)&&i(u,{buttonText:"Apply",buttonType:"primary",onClick:null===(N=null==p?void 0:p.discountInputProperties)||void 0===N?void 0:N.onCouponApply,isLoading:null===(M=p.discountInputProperties)||void 0===M?void 0:M.isLoading})]}),(null===(A=p.discountInputProperties)||void 0===A?void 0:A.errorMessage)&&n("div",{className:"d-flex",style:{gap:8},children:[i(s,{height:16,width:16,color:c.content.negative}),i(g,{style:{color:c.content.negative},children:null!==(L=null===(S=p.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==L?L:"Enter a valid code"})]}),(null===(O=p.discountInputProperties)||void 0===O?void 0:O.showRemoveCoupon)&&i("div",{className:"demo--input",onClick:()=>{var e,o;W(""),(null===(e=p.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=p.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===($=p.discountInputProperties)||void 0===$?void 0:$.successText)&&i("div",{className:"coupon--success--chip",children:i(g,{style:{color:"#00580E",maxWidth:180},children:null===(B=p.discountInputProperties)||void 0===B?void 0:B.successText})})]})}),p.showBookAdemo&&n("div",{className:"demo--wrapper",children:[i("div",{className:"demo--phone",children:i(d,{height:16,width:16,color:c.background.brand})}),i(v,{className:"demo--input",onClick:()=>p.demoLink?window.open(p.demoLink,"_blank"):p.onClickingBookADemo?p.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})};export{f as BottomWrapper,y as HeaderWrapper,k as SubscriptionPlanSelector,w as defaultTabs};
+`,w=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],k=p=>{var k,P,C,j,I,T,N,M,A,S,L,O,$,B;const[D,W]=e(null===(k=p.discountInputProperties)||void 0===k?void 0:k.defaultValue),E=p.staticWidthMultiplier?p.staticWidthMultiplier:275;return n(l,{centralContainerStyles:{width:p.plans.length*E},open:!0,closeOnOutsideClick:!0,onClose:p.onClose,children:[n(y,{children:[n("div",{children:[i(h,{children:p.header||"Select a plan to proceed"}),i(v,{className:"sub--header",children:p.subHeader||""})]}),p.showMonthlyTabs?i(m,{tabs:p.tabProperties&&p.tabProperties.tabs?p.tabProperties.tabs:w,onTabSelected:e=>{var o,n;return(null===(o=p.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(n=p.tabProperties)||void 0===n?void 0:n.onTabSelected(e):""},isSquared:!0}):i(t,{})]}),p.warningDescription&&i(b,{children:p.warningDescription}),i(x,{children:p.plans.map((e=>o(a,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:p.showMonthlyOptions||!1,showTrialOptions:p.showTrialOptions||!1,onPlanSelect:p.onPlanSelect,key:e.planName}))))}),(p.showCouponApplicationCode||p.showBookAdemo)&&n(f,{children:[i("div",{children:p.showCouponApplicationCode&&n("div",{className:"coupon-code",children:[n("div",{className:"coupon-input",children:[i(v,{style:{color:(null===(P=p.discountInputProperties)||void 0===P?void 0:P.errorMessage)?c.content.negative:""},children:"Apply coupon code"}),n("div",{className:"button--wrapper",children:[n("div",{className:(null===(C=p.discountInputProperties)||void 0===C?void 0:C.errorMessage)?"error--border dotted--border":"dotted--border",children:[i("input",{className:"input--class",onChange:e=>{var o;W(e.target.value),null===(o=p.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:D,placeholder:"eg:PLAN20",disabled:null===(j=p.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(I=p.discountInputProperties)||void 0===I?void 0:I.successText)&&n("div",{className:"success--inside--chip",children:[i(r,{height:16,width:16,color:c.content.primaryInverse}),i(g,{style:{color:c.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(T=p.discountInputProperties)||void 0===T?void 0:T.successText)&&i(u,{buttonText:"Apply",buttonType:"primary",onClick:null===(N=null==p?void 0:p.discountInputProperties)||void 0===N?void 0:N.onCouponApply,isLoading:null===(M=p.discountInputProperties)||void 0===M?void 0:M.isLoading})]}),(null===(A=p.discountInputProperties)||void 0===A?void 0:A.errorMessage)&&n("div",{className:"d-flex",style:{gap:8},children:[i(s,{height:16,width:16,color:c.content.negative}),i(g,{style:{color:c.content.negative},children:null!==(L=null===(S=p.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==L?L:"Enter a valid code"})]}),(null===(O=p.discountInputProperties)||void 0===O?void 0:O.showRemoveCoupon)&&i("div",{className:"demo--input",onClick:()=>{var e,o;W(""),(null===(e=p.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=p.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===($=p.discountInputProperties)||void 0===$?void 0:$.successText)&&i("div",{className:"coupon--success--chip",children:i(g,{style:{color:"#00580E",maxWidth:180},children:null===(B=p.discountInputProperties)||void 0===B?void 0:B.successText})})]})}),p.showBookAdemo&&n("div",{className:"demo--wrapper",children:[i("div",{className:"demo--phone",children:i(d,{height:16,width:16,color:c.background.brand})}),i(v,{className:"demo--input",onClick:()=>p.demoLink?window.open(p.demoLink,"_blank"):p.onClickingBookADemo?p.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})};export{f as BottomWrapper,y as HeaderWrapper,k as SubscriptionPlanSelector,w as defaultTabs};