@bikdotai/bik-component-library 0.0.528-beta.0 → 0.0.528

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),n=require("../../assets/icons/chevronRight.svg.js"),r=require("pure-react-carousel"),l=require("react"),i=require("./CarouselPreview.style.js"),s=require("./CarouselPreviewCard.js"),o=require("../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(l).default.forwardRef(((l,a)=>{let{channel:d,template:u,showSampleValues:c,isPreview:h,removeBottomBorder:v}=l;var g,j,p,x,m,b;const f=null===(g=null==u?void 0:u.components)||void 0===g?void 0:g[1].cards;let w="500px";const C=null!==(p=null===(j=null==u?void 0:u.components)||void 0===j?void 0:j[0].text)&&void 0!==p?p:"";return C.length>100&&C.length<300?w="530px":C.length>300&&C.length<600?w="560px":C.length>600&&C.length<900?w="590px":C.length>900&&C.length<1200&&(w="620px"),e.jsxs(i.Container,Object.assign({removeBottomBorder:v},{children:[e.jsx(s.default,{channel:d,currentTemplate:u,carouselCardIndex:-1,isPreview:h,width:"77%"}),!!(null==f?void 0:f.length)&&e.jsx(r.CarouselProvider,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:null!==(x=null==f?void 0:f.length)&&void 0!==x?x:1,orientation:"horizontal",visibleSlides:1.3,dragEnabled:!0,touchEnabled:!0},{children:e.jsxs(i.CarouselContainer,Object.assign({height:w},{children:[!h&&e.jsx(r.ButtonBack,Object.assign({className:"left_button"},{children:e.jsx(t.default,{height:10,width:10,color:o.COLORS.content.primary})})),e.jsx(r.Slider,Object.assign({className:"slider"},{children:null===(b=null===(m=null==u?void 0:u.components)||void 0===m?void 0:m[1].cards)||void 0===b?void 0:b.map(((t,n)=>{var l,i;const o={components:t.components,mapping:null===(i=null===(l=null==u?void 0:u.mapping)||void 0===l?void 0:l.cards)||void 0===i?void 0:i[n]};return e.jsx(r.Slide,Object.assign({index:n},{children:e.jsx(s.default,{channel:d,currentTemplate:o,carouselCardIndex:n,isPreview:h,width:"100%"},n)}),n)}))})),!h&&e.jsx(r.ButtonNext,Object.assign({className:"right_button"},{children:e.jsx(n.default,{height:10,width:10,color:o.COLORS.content.primary})}))]}))}))]}))}));exports.CarouselPreview=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-slick"),t=require("./CarouselPreview.style.js"),l=require("./CarouselPreviewCard.js"),n=require("../template-context-mapper/context/templateModalContext.js"),s=require("./CustomCarouselArrows.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),u=i(o);const d=a.default.forwardRef((r=>{let{channel:o,template:i,isPreview:a,removeBottomBorder:d,borderRadius:c,showArrows:v}=r;var p,m,C;const w=null===(p=null==i?void 0:i.components)||void 0===p?void 0:p[1].cards,{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:h}=n.useTemplateModalContext();return e.jsxs(t.Container,Object.assign({removeBottomBorder:d,borderRadius:c},{children:[e.jsx(l.default,{channel:o,currentTemplate:i,carouselCardIndex:-1,isPreview:a,width:"77%"}),!!(null==w?void 0:w.length)&&e.jsx(t.CarouselSlickContainer,Object.assign({cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,onMouseEnter:()=>null==h?void 0:h(!0),onMouseLeave:()=>null==h?void 0:h(!1)},{children:e.jsx(u.default,Object.assign({ref:x,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!a,centerMode:!0,arrows:v,adaptiveHeight:!0,nextArrow:e.jsx(s.CustomCarouselRightArrow,{isPreview:null!=a&&a}),prevArrow:e.jsx(s.CustomCarouselLeftArrow,{isPreview:null!=a&&a})},{children:null===(C=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[1].cards)||void 0===C?void 0:C.map(((r,t)=>{var n,s;const u={components:r.components,mapping:null===(s=null===(n=null==i?void 0:i.mapping)||void 0===n?void 0:n.cards)||void 0===s?void 0:s[t]};return e.jsx(l.default,{channel:o,currentTemplate:u,carouselCardIndex:t,isPreview:a,width:"100%"},t)}))}))}))]}))}));exports.CarouselPreview=d;

package/dist/cjs/components/carousel-preview/CarouselPreview.style.d.ts

@@ -1,7 +1,9 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     showHeader?: boolean | undefined;
     removeBottomBorder?: boolean | undefined;
+    borderRadius?: string | undefined;
 }, never>;
-export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {
-    height: string;
+export declare const CarouselSlickContainer: import("styled-components").StyledComponent<"div", any, {
+    cardCount: number;
+    selectedCarouselIndex: number;
 }, never>;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const i=r.default.div`
+"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 o=r(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: ${t.COLORS.stroke.primary};
 	border-top-style: solid;
@@ -11,47 +11,76 @@
 	position: relative;
 	height: 500px;
 	overflow-y: auto;
-`,n=r.default.div`
-	flex-direction: row;
-	display: flex;
-	align-items: center;
-	.left_button {
+	border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"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%;
-		width: 24px;
-		height: 24px;
 		align-items: center;
 		justify-content: center;
+		right: 10px;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
 		display: flex;
-		position: absolute;
-		left: 0;
-		z-index: 10;
-		margin-left: 4px;
-		border: none;
 		background-color: white;
 		box-shadow: 0px 1.5px 6px 0px #0000001f;
+		/* height: 100%; */
+
+		:hover {
+			background: white;
+		}
 	}
-	.right_button {
+
+	// Left arrow styles
+	.slick-prev {
+		left: 5px;
+		z-index: 10;
 		border-radius: 50%;
-		width: 24px;
-		height: 24px;
 		align-items: center;
 		justify-content: center;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
 		display: flex;
-		position: absolute;
-		right: 0;
-		z-index: 10;
-		margin-right: 4px;
-		border: none;
 		background-color: white;
 		box-shadow: 0px 1.5px 6px 0px #0000001f;
+
+		:hover {
+			background: white;
+		}
 	}
-	.slider {
+
+	.slick-slide {
+		display: flex;
+	}
+
+	.slick-slide > div {
 		width: 100%;
-		height: ${e=>e.height};
+		height: 100%;
+		padding-bottom: 16px;
 	}
 
-	.carousel__slide-focus-ring {
-		display: none !important;
-		outline-width: 0 !important;
+	.slick-track {
+		flex: 1;
+	}
+
+	.slick-list {
+		display: flex;
+		flex-direction: column;
+		margin-left: -49px;
 	}
-`;exports.CarouselContainer=n,exports.Container=i;
+`;exports.CarouselSlickContainer=d,exports.Container=i;

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

@@ -1 +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");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js");const l=i(t).default.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:s,carouselCardIndex:p,isPreview:n,width:u}=t;var o,d,m;const{cardWidth:c,template:v}=r.useTemplateModalContext(),h=(null!==(m=null===(d=null===(o=null==v?void 0:v.components)||void 0===o?void 0:o[1].cards)||void 0===d?void 0:d.length)&&void 0!==m?m:0)-1===p?12:0;return e.jsx("div",Object.assign({style:{width:u||c}},{children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:l,channel:i,size:"small",hideHeader:!0,carouselCardIndex:p,isWhatsappCarousel:!0,isPreview:n,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:h}}})}))}));exports.default=l;
+"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");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js");const l=i(t).default.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:s,carouselCardIndex:p,isPreview:n,width:u}=t;var o,d,m;const{cardWidth:c,template:h}=r.useTemplateModalContext(),v=(null!==(m=null===(d=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[1].cards)||void 0===d?void 0:d.length)&&void 0!==m?m:0)-1===p?12:0;return e.jsx("div",Object.assign({style:{width:u||c,height:(null!=p?p:-1)>-1?"100%":"auto"}},{children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:l,channel:i,size:"small",hideHeader:!0,carouselCardIndex:p,isWhatsappCarousel:!0,isPreview:n,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:v,height:"100%"}}})}))}));exports.default=l;

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.d.ts

@@ -0,0 +1,7 @@
+import { CustomArrowProps } from 'react-slick';
+export declare const CustomCarouselLeftArrow: (props: CustomArrowProps & {
+    isPreview: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomCarouselRightArrow: (props: CustomArrowProps & {
+    isPreview: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{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(s.default,{height:10,width:10,color:l.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:a,isPreview:c}=s,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{console.log("onClick",i,d),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(t.default,{height:10,width:10,color:l.COLORS.content.primary})}))};

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -8,5 +8,9 @@ export type CheckBoxProps = {
     label?: string;
     size?: 'DEFAULT' | 'SMALL';
     skipHoverState?: boolean;
+    labelSize?: 'DEFAULT' | 'SMALL';
+    rightComponent?: JSX.Element;
+    checkboxBorderColor?: string;
+    boldOnChecked?: boolean;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("./CheckBox.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>e.jsxs("svg",Object.assign({width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",viewBox:s.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",rx:"4",fill:s.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!s.isPartial&&e.jsx("svg",Object.assign({width:s.isSmall?"8":"10",height:s.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:s.isSmall?"7":"8",width:s.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=r=>{const[c,n]=s.useState(r.isChecked||!1),[o,d]=s.useState(r.isPartiallyChecked||!1),[h,x]=s.useState(r.isDisabled||!1),[u,S]=s.useState(!1),[b,C]=s.useState(!1);return s.useEffect((()=>{n(r.isChecked)}),[r.isChecked]),s.useEffect((()=>{x(r.isDisabled||!1)}),[r.isDisabled]),s.useEffect((()=>{d(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]),e.jsxs(i.CheckboxContainer,Object.assign({onClick:e=>{var s;if(!r.isDisabled){const i=!c;o?d(!o):n(i),null===(s=r.onValueChange)||void 0===s||s.call(r,i,r.value,e)}},onMouseEnter:()=>S(!r.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>C(!r.skipHoverState),onMouseUp:()=>C(!1)},{children:[e.jsx(i.CheckboxIcon,Object.assign({checked:c,hovered:u,clicked:b,isDisabled:h,size:r.size},{children:c&&e.jsx(a,{isPartial:o||!1,isDisabled:h,isSmall:"SMALL"===r.size})})),r.label&&"SMALL"!==r.size&&e.jsx(l.BodyPrimary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})),r.label&&"SMALL"===r.size&&e.jsx(l.BodySecondary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("./CheckBox.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>e.jsxs("svg",Object.assign({width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",viewBox:s.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",rx:"4",fill:s.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!s.isPartial&&e.jsx("svg",Object.assign({width:s.isSmall?"8":"10",height:s.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:s.isSmall?"7":"8",width:s.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=r=>{const[o,c]=s.useState(r.isChecked||!1),[d,n]=s.useState(r.isPartiallyChecked||!1),[h,x]=s.useState(r.isDisabled||!1),[b,S]=s.useState(!1),[C,u]=s.useState(!1);s.useEffect((()=>{c(r.isChecked)}),[r.isChecked]),s.useEffect((()=>{x(r.isDisabled||!1)}),[r.isDisabled]),s.useEffect((()=>{n(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,Object.assign({onClick:e=>{var s;if(!r.isDisabled){const i=!o;d?n(!d):c(i),null===(s=r.onValueChange)||void 0===s||s.call(r,i,r.value,e)}},onMouseEnter:()=>S(!r.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>u(!r.skipHoverState),onMouseUp:()=>u(!1)},{children:[e.jsx(i.CheckboxIcon,Object.assign({checked:o,hovered:b,clicked:C,isDisabled:h,size:r.size,borderColor:r.checkboxBorderColor},{children:o&&e.jsx(a,{isPartial:d||!1,isDisabled:h,isSmall:"SMALL"===r.size})})),r.label?r.boldOnChecked&&o?e.jsx(l.TitleSmall,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(l.BodySecondary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(l.BodyPrimary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(e.Fragment,{}),r.rightComponent]}))};

package/dist/cjs/components/checkBox/CheckBox.styled.d.ts

@@ -5,4 +5,5 @@ export declare const CheckboxIcon: import("styled-components").StyledComponent<"
     clicked: boolean;
     isDisabled: boolean;
     size?: "SMALL" | "DEFAULT" | undefined;
+    borderColor?: string | undefined;
 }, never>;

package/dist/cjs/components/checkBox/CheckBox.styled.js

@@ -12,12 +12,13 @@
 	justify-content: center;
 	align-items: center;
 	box-sizing: content-box;
-	${s=>s.isDisabled?e.css`
+	${s=>{var t;return s.isDisabled?e.css`
 					border: ${"SMALL"===s.size?1.5:2}px solid
 						${i.COLORS.content.inactive};
 			  `:e.css`
-					border: ${"SMALL"===s.size?1.5:2}px solid black;
-			  `}
+					border: ${"SMALL"===s.size?1.5:2}px solid
+						${null!==(t=s.borderColor)&&void 0!==t?t:"black"};
+			  `}}
 	${i=>i.checked&&e.css`
 			border: 0px;
 			width: 18px;

package/dist/cjs/components/checkList/CheckList.d.ts

@@ -8,6 +8,7 @@ export type CheckListProps = {
     subTitle?: string;
     listItems: CheckListItem[];
     onChange: (options: CheckListItem[]) => void;
+    listContainerStyles?: React.CSSProperties;
 };
 export declare const CheckList: React.FC<CheckListProps>;
 export {};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=l=>{const[n,a]=s.useState(l.listItems);s.useEffect((()=>{a(l.listItems)}),[l.listItems]);const o=(e,s)=>{const t=[...n],i=n.find((e=>e.value===s));i&&(i.isChecked=e),a(t);const r=t.filter((e=>e.isChecked));l.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:n.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:o}),s.value)))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=l=>{var n;const[a,o]=s.useState(l.listItems);s.useEffect((()=>{o(l.listItems)}),[l.listItems]);const u=(e,s)=>{const t=[...a],i=a.find((e=>e.value===s));i&&(i.isChecked=e),o(t);const r=t.filter((e=>e.isChecked));l.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({style:null!==(n=l.listContainerStyles)&&void 0!==n?n:{},className:"list__container"},{children:a.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:u}),s.value)))}))]})};

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/calendar.svg.js"),s=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),a=require("react-popper"),i=require("../../datePicker/DatePicker.js"),n=require("../../dropdown/Common.styled.js"),u=require("../../dropShadow/DropShadow.js"),o=require("../../../hooks/useOutside.js"),d=require("../../../utils/DateUtils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.default=l=>{const[j,p]=r.useState(null),[f,h]=r.useState(null),[g,m]=r.useState(!1),{styles:D,attributes:x}=a.usePopper(j,f,{placement:l.placement}),y=c.default.useRef();return o.useOutside(y,(()=>{m(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:p,onClick:()=>{m(!g)}},{children:[e.jsx(t.default,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:d.default.onlyDateFormat(l.customDate,"dd MMM yyyy")})),e.jsx(s.default,{style:{marginLeft:"auto"},width:22,height:22})]})),g&&e.jsx(n.OpenDropdownContainer,Object.assign({ref:h,style:Object.assign(Object.assign({},D.popper),{zIndex:3})},x.popper,{children:e.jsx("div",Object.assign({ref:y},{children:e.jsx(u.default,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(i.DatePicker,{selectedDate:l.customDate||new Date,selectRange:!1,onSelectDate:e=>{m(!1),l.setCustomDate(e)},minDate:l.minDate})}))}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/calendar.svg.js"),s=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),a=require("react-popper"),i=require("../../datePicker/DatePicker.js");require("react-calendar");var n=require("../../../hooks/useOutside.js"),u=require("../../../utils/DateUtils.js");require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js");var o=require("../../dropdown/Common.styled.js"),c=require("../../dropShadow/DropShadow.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(r);exports.default=d=>{const[j,p]=r.useState(null),[h,f]=r.useState(null),[y,g]=r.useState(!1),{styles:m,attributes:D}=a.usePopper(j,h,{placement:d.placement}),q=l.default.useRef();return n.useOutside(q,(()=>{g(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:p,onClick:()=>{g(!y)}},{children:[e.jsx(t.default,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:u.default.onlyDateFormat(d.customDate,"dd MMM yyyy")})),e.jsx(s.default,{style:{marginLeft:"auto"},width:22,height:22})]})),y&&e.jsx(o.OpenDropdownContainer,Object.assign({ref:f,style:Object.assign(Object.assign({},m.popper),{zIndex:3})},D.popper,{children:e.jsx("div",Object.assign({ref:q},{children:e.jsx(c.default,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(i.DatePicker,{selectedDate:d.customDate||new Date,selectRange:!1,onSelectDate:e=>{g(!1),d.setCustomDate(e)},minDate:d.minDate})}))}))}))]})};

package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CalendarProps } from 'react-calendar';
 import { CSSProperties } from 'styled-components';
-declare const DatePickerWrapper: React.FC<{
+export declare const DatePickerWrapper: React.FC<{
     val?: Date | Date[];
     onChange: (val: Date | Date[]) => void;
     calendarProps?: CalendarProps;
@@ -11,4 +11,3 @@ declare const DatePickerWrapper: React.FC<{
     maxDate?: Date;
     minDate?: Date;
 }>;
-export default DatePickerWrapper;

package/dist/cjs/components/datePicker/DatePickerWrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),o=require("../../assets/icons/calendar.svg.js"),s=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),u=c(r);exports.default=r=>{let{val:c,onChange:O,calendarProps:g,disabled:S,pickerStyles:D,nativeID:v,maxDate:C,minDate:y}=r;var j,b,L,m;const[f,p]=t.useState(!1),h=d.default.createRef();return a.useOutside(h,(()=>{p(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,Object.assign({id:v,bgColor:S?i.COLORS.background.base:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary,onClick:()=>p(!f)},{children:[e.jsx(s.BodySecondary,Object.assign({style:{color:S?i.COLORS.content.inactive:i.COLORS.content.primary,flex:1}},{children:c?Array.isArray(c)?(null===(j=null==c?void 0:c[0])||void 0===j?void 0:j.toString())&&(null===(b=null==c?void 0:c[1])||void 0===b?void 0:b.toString())?`${new Date(null===(L=null==c?void 0:c[0])||void 0===L?void 0:L.toString()).toLocaleDateString()}-${new Date(null===(m=null==c?void 0:c[1])||void 0===m?void 0:m.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(c.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),e.jsx(o.default,{width:20,height:20,color:S?i.COLORS.content.inactive:i.COLORS.content.primary})]})),f&&!S&&e.jsx(l.PickerContainer,Object.assign({ref:h,style:Object.assign({},D),contentPrimary:i.COLORS.content.primary,subDued:i.COLORS.surface.subdued,brandColor:i.COLORS.background.brand,bgColor:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary},{children:e.jsx(u.default,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{O(e),p(!1)},maxDate:C,minDate:y,value:c?Array.isArray(c)?2===c.length?[new Date(c[0]),new Date(c[1])]:null:new Date(c):null},g))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),o=require("../../assets/icons/calendar.svg.js"),s=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),u=c(r);exports.DatePickerWrapper=r=>{let{val:c,onChange:O,calendarProps:g,disabled:S,pickerStyles:D,nativeID:v,maxDate:C,minDate:y}=r;var j,b,L,m;const[p,f]=t.useState(!1),h=d.default.createRef();return a.useOutside(h,(()=>{f(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,Object.assign({id:v,bgColor:S?i.COLORS.background.base:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary,onClick:()=>f(!p)},{children:[e.jsx(s.BodySecondary,Object.assign({style:{color:S?i.COLORS.content.inactive:i.COLORS.content.primary,flex:1}},{children:c?Array.isArray(c)?(null===(j=null==c?void 0:c[0])||void 0===j?void 0:j.toString())&&(null===(b=null==c?void 0:c[1])||void 0===b?void 0:b.toString())?`${new Date(null===(L=null==c?void 0:c[0])||void 0===L?void 0:L.toString()).toLocaleDateString()}-${new Date(null===(m=null==c?void 0:c[1])||void 0===m?void 0:m.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(c.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),e.jsx(o.default,{width:20,height:20,color:S?i.COLORS.content.inactive:i.COLORS.content.primary})]})),p&&!S&&e.jsx(l.PickerContainer,Object.assign({ref:h,style:Object.assign({},D),contentPrimary:i.COLORS.content.primary,subDued:i.COLORS.surface.subdued,brandColor:i.COLORS.background.brand,bgColor:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary},{children:e.jsx(u.default,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{O(e),f(!1)},maxDate:C,minDate:y,value:c?Array.isArray(c)?2===c.length?[new Date(c[0]),new Date(c[1])]:null:new Date(c):null},g))}))]})};

package/dist/cjs/components/datePicker/index.d.ts

@@ -1 +1,2 @@
 export * from './DatePicker';
+export * from './DatePickerWrapper';

package/dist/cjs/components/discount-modal/DiscountUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./type.js"),t=require("../../utils/DateUtils.js");function i(e,t){const i=[];return t.forEach((t=>{e.find((e=>e.toString()===t.id))&&i.push(t.name)})),i}exports.descriptionBuilder=(n,r,l,u)=>{var o,d,T;return(null==n?void 0:n.isStaticCoupon)&&(null==n?void 0:n.description)?n.description:n.targetType===e.DISCOUNT_TARGET_TYPES.LINE_ITEM&&n.targetSelection===e.DISCOUNT_TARGET_SELECTION.ALL?`${n.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?r:""}${(null!==(o=n.value)&&void 0!==o?o:0).toString()}${n.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"}  on all products\n      ${n.minAmount?`| Minimum purchase of ${r}${n.minAmount}`:""} ${n.minQuantity?`| Buy ${n.minQuantity} products`:""} | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():n.targetType===e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE?`\n    Free shipping on your order ${n.minAmount?`| Minimum purchase of ${r}${n.minAmount}`:""} ${n.minQuantity?`| Buy ${n.minQuantity} products`:""}  | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():n.targetSelection===e.DISCOUNT_TARGET_SELECTION.ENTITLED?(null===(d=n.prerequisiteProductIds)||void 0===d?void 0:d.length)||(null===(T=n.prerequisiteCollectionIds)||void 0===T?void 0:T.length)?`${function(e,t,n){var r,l,u,o,d,T,E,s;let v=`Buy ${e.prerequisiteQuantity} item`;if((null===(r=e.prerequisiteProductIds)||void 0===r?void 0:r.length)||(null===(l=e.prerequisiteCollectionIds)||void 0===l?void 0:l.length)){const r=i(null!==(u=e.prerequisiteProductIds)&&void 0!==u?u:[],t),l=i(null!==(o=e.prerequisiteCollectionIds)&&void 0!==o?o:[],n);v+=" from a selection of ",r.length>0&&(v+=`${r.join(", ")} or `),l.length>0&&(v+=`products in ${l.join(", ")} collection or `),v=v.slice(0,-4)}if(v+=` and get ${e.entitledQuantity} item`,(null===(d=e.entitledProductIds)||void 0===d?void 0:d.length)||(null===(T=e.entitledCollectionIds)||void 0===T?void 0:T.length)){const r=i(null!==(E=e.entitledProductIds)&&void 0!==E?E:[],t),l=i(null!==(s=e.entitledCollectionIds)&&void 0!==s?s:[],n);v+=" from ",r.length>0&&(v+=`${r.join(", ")} or `),l.length>0&&(v+=`products in ${l.join(", ")} collection or `),v=v.slice(0,-4)}return v}(n,l,u)} ${100===n.value?"for free":`at ${n.value}% off`}  | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():`${function(t,n,r,l){var u,o,d;let T=`Get ${t.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?l:""}${(null!==(u=t.value)&&void 0!==u?u:0).toString()}${t.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"} on `;const E=i(null!==(o=t.entitledProductIds)&&void 0!==o?o:[],n),s=i(null!==(d=t.entitledCollectionIds)&&void 0!==d?d:[],r);E.length>0&&(T+=`${E.join(", ")} or `);s.length>0&&(T+=`products in ${s.join(", ")} collection or `);return T.slice(0,-4)}(n,l,u,r)} | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():void 0},exports.validateDiscountData=(t,i,n,r,l,u)=>{var o,d,T,E,s,v,a,p,I,f,c,_,A;if(!t.title||(null===(o=t.title)||void 0===o?void 0:o.length)>18)return!0;if(!r){if(isNaN(t.probability))return!0;if((t.probability||0)>1)return!0;if((t.probability||0)<0)return!0;if(l>1)return!0}if(u){if(!(null==t?void 0:t.couponCode))return!0;if(!t.description)return!0}else{if(n&&n===e.DISCOUNT_TYPES.AMOUNT_OFF_ORDER){if((null==t?void 0:t.valueType)===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0)return!0}else if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0||(null==t?void 0:t.value)>100)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||(null==t?void 0:t.minAmount)<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!(null==t?void 0:t.minQuantity)||(null==t?void 0:t.minQuantity)<=0))return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0}else if(n&&n===e.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS){if(!(null===(d=t.entitledProductIds)||void 0===d?void 0:d.length)&&!(null===(T=t.entitledCollectionIds)||void 0===T?void 0:T.length))return!0;if((null===(E=t.entitledProductIds)||void 0===E?void 0:E.length)&&(null===(s=t.entitledCollectionIds)||void 0===s?void 0:s.length))return!0;if(!t.value)return!0;if((null==t?void 0:t.valueType)===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0)return!0}else if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0||(null==t?void 0:t.value)>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(n&&n===e.DISCOUNT_TYPES.BUY_X_GET_Y){if(!t.entitledQuantity||t.entitledQuantity<0||!(null===(v=t.entitledProductIds)||void 0===v?void 0:v.length)&&!(null===(a=t.entitledCollectionIds)||void 0===a?void 0:a.length)||!t.prerequisiteQuantity||t.prerequisiteQuantity<0||!(null===(p=t.prerequisiteProductIds)||void 0===p?void 0:p.length)&&!(null===(I=t.prerequisiteCollectionIds)||void 0===I?void 0:I.length))return!0;if((null===(f=t.entitledProductIds)||void 0===f?void 0:f.length)&&(null===(c=t.entitledCollectionIds)||void 0===c?void 0:c.length))return!0;if((null===(_=t.prerequisiteCollectionIds)||void 0===_?void 0:_.length)&&(null===(A=t.prerequisiteProductIds)||void 0===A?void 0:A.length))return!0;if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(!t.value)return!0;if(t.value<=0||t.value>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(n&&e.DISCOUNT_TYPES.FREE_SHIPPING){if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE)return!0;if(100!==t.value)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||(null==t?void 0:t.minAmount)<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!(null==t?void 0:t.minQuantity)||(null==t?void 0:t.minQuantity)<=0))return!0}if(null!==t.expireAfter&&void 0!==t.expireAfter&&t.expireAfter<=0)return!0;if(t.expireAt&&t.expireAt<new Date)return!0}return!1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./type.js"),t=require("../../utils/DateUtils.js");function i(e,t){const i=[];return t.forEach((t=>{e.find((e=>e.toString()===t.id))&&i.push(t.name)})),i}exports.descriptionBuilder=(n,r,l,u)=>{var o,d,T;return(null==n?void 0:n.isStaticCoupon)&&(null==n?void 0:n.description)?n.description:n.targetType===e.DISCOUNT_TARGET_TYPES.LINE_ITEM&&n.targetSelection===e.DISCOUNT_TARGET_SELECTION.ALL?`${n.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?r:""}${(null!==(o=n.value)&&void 0!==o?o:0).toString()}${n.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"}  on all products\n      ${n.minAmount?`| Minimum purchase of ${r}${n.minAmount}`:""} ${n.minQuantity?`| Buy ${n.minQuantity} products`:""} | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():n.targetType===e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE?`\n    Free shipping on your order ${n.minAmount?`| Minimum purchase of ${r}${n.minAmount}`:""} ${n.minQuantity?`| Buy ${n.minQuantity} products`:""}  | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():n.targetSelection===e.DISCOUNT_TARGET_SELECTION.ENTITLED?(null===(d=n.prerequisiteProductIds)||void 0===d?void 0:d.length)||(null===(T=n.prerequisiteCollectionIds)||void 0===T?void 0:T.length)?`${function(e,t,n){var r,l,u,o,d,T,E,s;let v=`Buy ${e.prerequisiteQuantity} item`;if((null===(r=e.prerequisiteProductIds)||void 0===r?void 0:r.length)||(null===(l=e.prerequisiteCollectionIds)||void 0===l?void 0:l.length)){const r=i(null!==(u=e.prerequisiteProductIds)&&void 0!==u?u:[],t),l=i(null!==(o=e.prerequisiteCollectionIds)&&void 0!==o?o:[],n);v+=" from a selection of ",r.length>0&&(v+=`${r.join(", ")} or `),l.length>0&&(v+=`products in ${l.join(", ")} collection or `),v=v.slice(0,-4)}if(v+=` and get ${e.entitledQuantity} item`,(null===(d=e.entitledProductIds)||void 0===d?void 0:d.length)||(null===(T=e.entitledCollectionIds)||void 0===T?void 0:T.length)){const r=i(null!==(E=e.entitledProductIds)&&void 0!==E?E:[],t),l=i(null!==(s=e.entitledCollectionIds)&&void 0!==s?s:[],n);v+=" from ",r.length>0&&(v+=`${r.join(", ")} or `),l.length>0&&(v+=`products in ${l.join(", ")} collection or `),v=v.slice(0,-4)}return v}(n,l,u)} ${100===n.value?"for free":`at ${n.value}% off`}  | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():`${function(t,n,r,l){var u,o,d;let T=`Get ${t.valueType===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?l:""}${(null!==(u=t.value)&&void 0!==u?u:0).toString()}${t.valueType===e.DISCOUNT_VALUE_TYPES.PERCENTAGE?"% off":" off"} on `;const E=i(null!==(o=t.entitledProductIds)&&void 0!==o?o:[],n),s=i(null!==(d=t.entitledCollectionIds)&&void 0!==d?d:[],r);E.length>0&&(T+=`${E.join(", ")} or `);s.length>0&&(T+=`products in ${s.join(", ")} collection or `);return T.slice(0,-4)}(n,l,u,r)} | One use per customer${n.expireAfter?` | Expires in ${n.expireAfter} day(s)`:n.expireAt?` | Expires at ${t.default.getStringFromDate(n.expireAt,"dd MMM yyyy")}`:""}`.replace(/\s\s+/g," ").trim():void 0},exports.validateDiscountData=(t,i,n,r,l,u)=>{var o,d,T,E,s,v,a,p,I,f,c,_,A;if(!t.title||(null===(o=t.title)||void 0===o?void 0:o.length)>30)return!0;if(!r){if(isNaN(t.probability))return!0;if((t.probability||0)>1)return!0;if((t.probability||0)<0)return!0;if(l>1)return!0}if(u){if(!(null==t?void 0:t.couponCode))return!0;if(!t.description)return!0}else{if(n&&n===e.DISCOUNT_TYPES.AMOUNT_OFF_ORDER){if((null==t?void 0:t.valueType)===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0)return!0}else if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0||(null==t?void 0:t.value)>100)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||(null==t?void 0:t.minAmount)<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!(null==t?void 0:t.minQuantity)||(null==t?void 0:t.minQuantity)<=0))return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0}else if(n&&n===e.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS){if(!(null===(d=t.entitledProductIds)||void 0===d?void 0:d.length)&&!(null===(T=t.entitledCollectionIds)||void 0===T?void 0:T.length))return!0;if((null===(E=t.entitledProductIds)||void 0===E?void 0:E.length)&&(null===(s=t.entitledCollectionIds)||void 0===s?void 0:s.length))return!0;if(!t.value)return!0;if((null==t?void 0:t.valueType)===e.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT){if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0)return!0}else if(!(null==t?void 0:t.value)||(null==t?void 0:t.value)<=0||(null==t?void 0:t.value)>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(n&&n===e.DISCOUNT_TYPES.BUY_X_GET_Y){if(!t.entitledQuantity||t.entitledQuantity<0||!(null===(v=t.entitledProductIds)||void 0===v?void 0:v.length)&&!(null===(a=t.entitledCollectionIds)||void 0===a?void 0:a.length)||!t.prerequisiteQuantity||t.prerequisiteQuantity<0||!(null===(p=t.prerequisiteProductIds)||void 0===p?void 0:p.length)&&!(null===(I=t.prerequisiteCollectionIds)||void 0===I?void 0:I.length))return!0;if((null===(f=t.entitledProductIds)||void 0===f?void 0:f.length)&&(null===(c=t.entitledCollectionIds)||void 0===c?void 0:c.length))return!0;if((null===(_=t.prerequisiteCollectionIds)||void 0===_?void 0:_.length)&&(null===(A=t.prerequisiteProductIds)||void 0===A?void 0:A.length))return!0;if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(!t.value)return!0;if(t.value<=0||t.value>100)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ENTITLED)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.LINE_ITEM)return!0}else if(n&&e.DISCOUNT_TYPES.FREE_SHIPPING){if(t.valueType!==e.DISCOUNT_VALUE_TYPES.PERCENTAGE)return!0;if(t.targetType!==e.DISCOUNT_TARGET_TYPES.SHIPPING_LINE)return!0;if(100!==t.value)return!0;if(t.targetSelection!==e.DISCOUNT_TARGET_SELECTION.ALL)return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.AMOUNT&&(!t.minAmount||(null==t?void 0:t.minAmount)<=0))return!0;if(i===e.MIN_PURCHASE_REQUIREMENT.QUANTITY&&(!(null==t?void 0:t.minQuantity)||(null==t?void 0:t.minQuantity)<=0))return!0}if(null!==t.expireAfter&&void 0!==t.expireAfter&&t.expireAfter<=0)return!0;if(t.expireAt&&t.expireAt<new Date)return!0}return!1};

package/dist/cjs/components/dropdown/Dropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./DropdownPopover/index.js");function a(){}const d=d=>{var u,c,p,{placeHolder:h,size:v,onSelect:g,defaultOptions:j,disabled:f,noErrorHint:b,placeHolderHeight:x}=d,w=e.__rest(d,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight"]);const[m,H]=r.useState(!1),y=null!=v?v:"default",O=r.useRef(),[S,q]=r.useState(null!=j?j:[]);r.useEffect((()=>{var e;const t=[];null===(e=null==w?void 0:w.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[w.options]),r.useEffect((()=>{j&&q([...j])}),[j]);const E=S.length?S.map((e=>e.label)).join(", "):void 0;return t.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:x||("small"===y?32:48),width:null!==(c=null!==(u=w.buttonWidth)&&void 0!==u?u:w.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(s.DropdownPopover,Object.assign({ref:O,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==g||g(e)},disabled:f,onDropdownVisbilityChange:e=>H(e)},w,{children:t.jsx(i.Input,{version:w.version,noErrorHint:b,state:f?"disabled":"none",value:null!=E?E:"",errorMessage:w.error,variant:y,placeholder:null!=h?h:"Select an option",width:null!==(p=w.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(o.default,{style:{transform:m?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===y?20:24,height:"small"===y?20:24,color:n.COLORS.content.primary})}})}))}))};d.displayName="Dropdown",exports.Dropdown=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,p,{placeHolder:h,size:v,onSelect:g,defaultOptions:j,disabled:f,noErrorHint:b,placeHolderHeight:x}=u,w=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight"]);const[m,H]=r.useState(!1),y=null!=v?v:"default",O=r.useRef(),[S,q]=r.useState(null!=j?j:[]);r.useEffect((()=>{var e;const t=[];null===(e=null==w?void 0:w.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[w.options]),r.useEffect((()=>{j&&q([...j])}),[j]);const E=S.length?S.map((e=>e.label)).join(", "):void 0;return t.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:x||("small"===y?32:48),width:null!==(c=null!==(d=w.buttonWidth)&&void 0!==d?d:w.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(s.DropdownPopover,Object.assign({ref:O,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==g||g(e)},disabled:f,onDropdownVisbilityChange:e=>H(e)},w,{children:t.jsx(i.Input,{version:w.version,noErrorHint:b,state:f?"disabled":"none",value:null!=E?E:"",errorMessage:w.error,variant:y,placeholder:null!=h?h:"Select an option",width:null!==(p=w.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(o.default,{style:{transform:m?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===y?20:24,height:"small"===y?20:24,color:n.COLORS.content.primary})},truncateText:!0})}))}))};u.displayName="Dropdown",exports.Dropdown=u;

package/dist/cjs/components/dropdown/DropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("react-popper"),t=require("../../dropShadow/DropShadow.js"),l=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=i(n).default.forwardRef(((i,a)=>{var{children:d,onDropdownVisbilityChange:p,version:u="1.0"}=i,c=e.__rest(i,["children","onDropdownVisbilityChange","version"]);const v=a,[j,b]=n.useState(!1),[f,w]=n.useState(null),[D,O]=n.useState(null),{styles:y,attributes:g}=o.usePopper(f,D,{placement:c.placement,strategy:c.strategy});return n.useImperativeHandle(v,(()=>({openDropdown:j})),[]),n.useEffect((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),n.useEffect((()=>{null==p||p(j)}),[j]),r.jsxs(r.Fragment,{children:[r.jsxs("div",Object.assign({style:{position:"relative"},ref:w},{children:[r.jsx(l.OverLapAbs,{disabled:c.disabled,onClick:e=>{var r;null===(r=c.onDropdownOpen)||void 0===r||r.call(c),j?e.preventDefault():c.disabled||b(!0)}}),d]})),j&&r.jsx(l.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},g.popper,{children:r.jsx(t.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r.jsx(s.OpenedDropdown,Object.assign({},c,{onSelect:e=>{var r;"2.0"===u&&c.isMultiSelect||(null===(r=c.onSelect)||void 0===r||r.call(c,e),b(!1))},onClose:e=>{var r,n;"2.0"===u&&c.isMultiSelect&&e&&(null===(r=c.onSelect)||void 0===r||r.call(c,[...e])),b(!1),null===(n=null==c?void 0:c.onClose)||void 0===n||n.call(c)},version:u}))}))}))]})}));a.displayName="DropdownPopover",exports.DropdownPopover=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("react-popper"),t=require("../../dropShadow/DropShadow.js"),l=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=i(n).default.forwardRef(((i,a)=>{var{children:d,onDropdownVisbilityChange:p,version:u="1.0"}=i,c=e.__rest(i,["children","onDropdownVisbilityChange","version"]);const v=a,[f,j]=n.useState(!1),[b,w]=n.useState(null),[D,O]=n.useState(null),y=n.useRef(null),{styles:g,attributes:h}=o.usePopper(b,D,{placement:c.placement,strategy:c.strategy});return n.useImperativeHandle(v,(()=>({openDropdown:f})),[]),n.useEffect((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=f)}),[f]),n.useEffect((()=>{null==p||p(f)}),[f]),r.jsxs(r.Fragment,{children:[r.jsxs("div",Object.assign({style:{position:"relative"},ref:w},{children:[r.jsx(l.OverLapAbs,{ref:y,disabled:c.disabled,onClick:e=>{var r;null===(r=c.onDropdownOpen)||void 0===r||r.call(c),f?(j(!1),e.preventDefault()):c.disabled||j(!0)}}),d]})),f&&r.jsx(l.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},h.popper,{children:r.jsx(t.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r.jsx(s.OpenedDropdown,Object.assign({},c,{onSelect:e=>{var r;"2.0"===u&&c.isMultiSelect||(null===(r=c.onSelect)||void 0===r||r.call(c,e),j(!1))},onClose:e=>{var r,n;"2.0"===u&&c.isMultiSelect&&e&&(null===(r=c.onSelect)||void 0===r||r.call(c,[...e])),j(!1),null===(n=null==c?void 0:c.onClose)||void 0===n||n.call(c)},version:u,headerRef:y}))}))}))]})}));a.displayName="DropdownPopover",exports.DropdownPopover=a;

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),n=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),p=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:f,isSearchable:x,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:O,version:q,skipSorting:M}=j;const{dropdownOptions:C,search:D,searchedString:L,searchedOptions:F,onApplyHandler:A,selectAllHandler:k,onMultiSelectClear:B,onFreeFormSelect:H,onMultiSelectApply:Z,latestDropdownOptionsRef:P,getSelectedOptions:R}=n.useDropdown(q,f,m,M,g,O),[_,z]=t.useState(null!=v?v:S),[E,I]=t.useState(null),K=t.useRef(null);s.useOutside(K,(()=>{if(I(null),g&&"2.0"===q){const e=R(P.current);null==y||y(e)}else null==y||y(C)}));const N=null!=b?b:h,T="number"==typeof N?x&&g?N-96:x&&!g||!x&&g?N-48:N:N;t.useEffect((()=>{const e=null!=v?v:S;if(null===E)z(e);else if("number"==typeof e)z(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));z(t)}}),[E]);const W=[],G=(L&&O?F:C).map((e=>{var t,r;if(L&&!O){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))&&(W.push(!L||e.label===L),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(L.toLowerCase()))?(W.push(!L||e.label===L),e):null}return e})).filter((e=>null!==e)),J=!!x&&L&&0===G.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:q,ref:K,style:{width:_}},{children:[e.jsxs("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(p.SearchBox,{onSearch:D,version:q}),G.length||L?e.jsxs(a.MenuListContainer,Object.assign({minHeight:N,maxHeight:T},{children:[!!g&&!J&&e.jsx(u.SelectAllMenu,{version:q,options:L&&O?F:C,onSelect:k}),!w&&J&&e.jsx(d.SearchZeroState,{height:T,searchedString:L}),w&&(J||!!W.length&&W.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:q,isMultiSelect:g,onSelect:H,searchedString:L}),e.jsx(l.MenuList,{version:q,onSelect:A,showDescription:function(e,t){I(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:G})]})):e.jsx("div",Object.assign({style:{height:N,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!G.length&&!L)&&"2.0"!==q&&e.jsx(c.default,{onClear:B,onApply:Z,list:L&&O?F:C})]})),!!E&&e.jsx(o.Description,{title:E.title,description:E.description,version:q})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),n=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),d=require("./searchbox/SearchBox.js"),p=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:x,isSearchable:f,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:O,version:q,skipSorting:M,headerRef:C,hideSelectAll:D,primaryButtonText:L}=j;const{dropdownOptions:F,search:A,searchedString:k,searchedOptions:B,onApplyHandler:H,selectAllHandler:Z,onMultiSelectClear:R,onFreeFormSelect:T,onMultiSelectApply:P,latestDropdownOptionsRef:_,getSelectedOptions:z}=n.useDropdown(q,x,m,M,g,O),[E,I]=t.useState(null!=v?v:S),[K,N]=t.useState(null),W=t.useRef(null);s.useOutside(W,(()=>{if(N(null),g&&"2.0"===q){const e=z(_.current);null==y||y(e)}else null==y||y(F)}),[C]);const G=null!=b?b:h,J="number"==typeof G?f&&g?G-96:f&&!g||!f&&g?G-48:G:G;t.useEffect((()=>{const e=null!=v?v:S;if(null===K)I(e);else if("number"==typeof e)I(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));I(t)}}),[K]);const Q=[],U=(k&&O?B:F).map((e=>{var t,r;if(k&&!O){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(k.toLowerCase()))&&(Q.push(!k||e.label===k),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(k.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(k.toLowerCase()))?(Q.push(!k||e.label===k),e):null}return e})).filter((e=>null!==e)),V=!!f&&k&&0===U.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:q,ref:W,style:{width:E}},{children:[e.jsxs("div",Object.assign({style:{width:K?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!f&&e.jsx(d.SearchBox,{onSearch:A,version:q}),U.length||k?e.jsxs(a.MenuListContainer,Object.assign({minHeight:G,maxHeight:J},{children:[!!g&&!V&&!D&&e.jsx(u.SelectAllMenu,{version:q,options:k&&O?B:F,onSelect:Z}),!w&&V&&e.jsx(p.SearchZeroState,{height:J,searchedString:k}),w&&(V||!!Q.length&&Q.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:q,isMultiSelect:g,onSelect:T,searchedString:k}),e.jsx(l.MenuList,{version:q,onSelect:H,showDescription:function(e,t){N(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:U})]})):e.jsx("div",Object.assign({style:{height:G,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!U.length&&!k)&&"2.0"!==q&&e.jsx(c.default,{onClear:R,onApply:P,list:k&&O?B:F,buttonText:L})]})),!!K&&e.jsx(o.Description,{title:K.title,description:K.description,version:q})]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -4,5 +4,6 @@ declare const MultiSelectDropdownBottomBar: React.FC<{
     onClear?: () => void;
     onApply: () => void;
     list: DropdownOption[];
+    buttonText?: string;
 }>;
 export default MultiSelectDropdownBottomBar;

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{let{onApply:l,onClear:i,list:a}=o;const c=a.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:c?`${c} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:"Apply",onClick:()=>{l()}})]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{let{onApply:l,onClear:i,list:u,buttonText:a}=o;const c=u.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:c?`${c} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:null!=a?a:"Apply",onClick:()=>{l()}})]}))]}))};

package/dist/cjs/components/dropdown/type.d.ts

@@ -16,6 +16,9 @@ export interface OpenDropdownProps {
     onSearch?: (key: string) => Promise<DropdownOption[]>;
     version?: '1.0' | '2.0';
     skipSorting?: boolean;
+    headerRef?: any;
+    hideSelectAll?: boolean;
+    primaryButtonText?: string;
 }
 export type GroupedOption = {
     label?: string;

package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { TooltipProps } from '../tooltips/Tooltip';
 export interface DynamicTabsDetails {
     id: number;
     text: string;
     action: (tabName: string) => void;
     displayText?: string;
+    tooltipProps?: TooltipProps;
 }
 export interface DynamicTabsStyleDetails {
     type: 'SQUARE' | 'CAPSULE';

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{var s;const[i,l]=o.useState(0),{tabsInfo:n,tabStyleInfo:a}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&l(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",Object.assign({style:null!==(s=d.wrapperStyle)&&void 0!==s?s:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==a?void 0:a.size)?"unset":r.DEFAULT_THEME.colorsV2.surface.standard}},{children:n.map(((o,s)=>{var c,u,p,b,y,T,E,L;const v="CAPSULE"===a.type?null!==(u=null===(c=a.style)||void 0===c?void 0:c.borderTopLeftRadius)&&void 0!==u?u:20:0===s&&"SQUARE"===a.type?(null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,x="CAPSULE"===a.type?null!==(y=null===(b=a.style)||void 0===b?void 0:b.borderTopLeftRadius)&&void 0!==y?y:20:s===n.length-1&&"SQUARE"===a.type?(null===(T=a.style)||void 0===T?void 0:T.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,f=o.id===i?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx("div",Object.assign({onClick:()=>{(e=>{l(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(E=d.tabWidth)&&void 0!==E?E:"110px",borderTop:`1px solid ${f}`,borderBottom:`1px solid ${f}`,borderLeft:`1px solid ${f}`,borderRight:`${s===n.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||o.id===i?1:0}px solid ${f}`,backgroundColor:o.id===i?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:v,borderBottomLeftRadius:v,borderTopRightRadius:x,borderBottomRightRadius:x,padding:"SMALL"===(null==a?void 0:a.size)?"2px 14px":"8px 24px",marginRight:null===(L=a.style)||void 0===L?void 0:L.marginRight,justifyContent:"space-around"}},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:o.id===i?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}),o.id)}))}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=s=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:c}=s;return o.useEffect((()=>{void 0!==s.selectedTabId&&null!==s.selectedTabId&&n(s.selectedTabId)}),[s.selectedTabId]),e.jsx("div",Object.assign({style:null!==(i=s.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var u,p,b,T,y,E,v,L,x;const g="CAPSULE"===c.type?null!==(p=null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)&&void 0!==p?p:20:0===i&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,f="CAPSULE"===c.type?null!==(y=null===(T=c.style)||void 0===T?void 0:T.borderTopLeftRadius)&&void 0!==y?y:20:i===a.length-1&&"SQUARE"===c.type?(null===(E=c.style)||void 0===E?void 0:E.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(r.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=s.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${i===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||o.id===l?1:0}px solid ${R}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:f,borderBottomRightRadius:f,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(x=c.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"}},{children:e.jsx(d.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}))}),o.id)}))}))}))};

package/dist/cjs/components/floater/floater.d.ts

@@ -3,6 +3,7 @@ type FloaterProps = {
     children?: React.ReactNode;
     refElement: React.MutableRefObject<any>;
     leftOffset?: number;
+    childHeight?: number;
 };
-export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/floater/floater.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=n=>{const i=t.useRef(null),[r,s]=t.useState(0),[o,f]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();(e=>{let t=0;t=n.leftOffset?e.left+n.leftOffset:e.left+e.width+40;const r=null==i?void 0:i.current;r?(t>window.innerWidth-r.offsetWidth&&(t=window.innerWidth-r.offsetWidth-10),f(t)):f(t)})(e),(e=>{let t=e.top;const n=null==i?void 0:i.current;if(!n)return void s(t);const r=window.innerHeight;e.top+n.offsetHeight>r&&(t=e.top-(e.top+n.offsetHeight-r)-10),s(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:r,left:o,position:"fixed"}},{children:e.jsx("div",Object.assign({ref:i},{children:n.children}))})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=i=>{const[r,n]=t.useState(-1e4),[s,c]=t.useState(-1e3);return t.useEffect((()=>{if(i.refElement.current){const e=i.refElement.current.getBoundingClientRect();if(n(e.top),i.leftOffset?c(e.left+i.leftOffset):c(e.left+e.width+40),i.childHeight){const t=window.innerHeight;e.top+i.childHeight>t&&n(e.top-(e.top+i.childHeight-t)-10)}}})),e.jsx("div",Object.assign({style:{top:r,left:s,position:"fixed"}},{children:i.children}))};

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("./IconButton.styled.js"),i=require("./theme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(r);const s=r.forwardRef(((r,d)=>{var{id:s,iconButtonType:c="default",Icon:l,height:u=20,width:a=20,bordered:y,disabled:b,isSelected:h,style:f}=r,p=e.__rest(r,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style"]);const j=i.getIconColor(c,b,h);return t.jsx(o.IconButton,Object.assign({id:s,ref:d,style:f,iconButtonType:c,bordered:y,disabled:b,isSelected:h},p,{children:n.default.createElement(l,{height:u,width:a,color:j,style:{display:"block"}})}))}));s.displayName="IconButton",exports.IconButton=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("./IconButton.styled.js"),o=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(r);const n=r.forwardRef(((r,s)=>{var{id:n,iconButtonType:l="default",Icon:c,height:u=20,width:a=20,bordered:y,disabled:b,isSelected:h,style:f,svgStyle:j}=r,p=e.__rest(r,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle"]);const g=o.getIconColor(l,b,h);return t.jsx(i.IconButton,Object.assign({id:n,ref:s,style:f,iconButtonType:l,bordered:y,disabled:b,isSelected:h},p,{children:d.default.createElement(c,{height:u,width:a,color:g,style:Object.assign({display:"block"},null!=j?j:{})})}))}));n.displayName="IconButton",exports.IconButton=n;

package/dist/cjs/components/icon-button/model.d.ts

@@ -10,6 +10,11 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      * @default default undefined
      */
     style?: React.CSSProperties;
+    /**
+     * Custom styles which can be added to the svg
+     * @default default undefined
+     */
+    svgStyle?: React.CSSProperties;
     /**
      * Custom height for the svg icon
      * @default default 20

package/dist/cjs/components/input/Input.d.ts

@@ -58,5 +58,7 @@ export interface InputProps {
     minHeight?: string;
     maxHeight?: string;
     labelTextBold?: boolean;
+    truncateText?: boolean;
+    maxCharLimitPosition?: 'TOP' | 'BOTTOM';
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

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

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

package/dist/cjs/components/input/Input.styled.d.ts

@@ -70,6 +70,8 @@ export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<{
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
+} & {
+    position?: string | undefined;
 }, {}, {}>;
 export declare const InputFooter: import("@emotion/styled").StyledComponent<{
     [x: string]: any;