@bikdotai/bik-component-library 0.0.3202-beta.1 → 0.0.5581-tooltip-beta

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../template-preview/models/Channels";
+declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
+    channel: CHANNEL_TYPE;
+    currentTemplate: any;
+    showSampleValues?: boolean | undefined;
+    carouselCardIndex?: number | undefined;
+    isPreview?: boolean | undefined;
+    width?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default CarouselPreviewCard;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");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: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/carousel-preview/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselPreview';

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

@@ -8,5 +8,11 @@ export type CheckBoxProps = {
     label?: string;
     size?: 'DEFAULT' | 'SMALL';
     skipHoverState?: boolean;
+    labelSize?: 'DEFAULT' | 'SMALL';
+    rightComponent?: JSX.Element;
+    checkboxBorderColor?: string;
+    boldOnChecked?: boolean;
+    style?: React.CSSProperties;
+    enableHover?: 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=>{var o;const[d,n]=s.useState(r.isChecked||!1),[c,h]=s.useState(r.isPartiallyChecked||!1),[b,x]=s.useState(r.isDisabled||!1),[S,C]=s.useState(!1),[u,O]=s.useState(!1);s.useEffect((()=>{n(r.isChecked)}),[r.isChecked]),s.useEffect((()=>{x(r.isDisabled||!1)}),[r.isDisabled]),s.useEffect((()=>{h(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,Object.assign({onClick:e=>{var s;if(!r.isDisabled){const i=!d;c?h(!c):n(i),null===(s=r.onValueChange)||void 0===s||s.call(r,i,r.value,e)}},onMouseEnter:()=>C(!r.skipHoverState),onMouseLeave:()=>C(!1),onMouseDown:()=>O(!r.skipHoverState),onMouseUp:()=>O(!1),isDisabled:b,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{}},{children:[e.jsx(i.CheckboxIcon,Object.assign({checked:d,hovered:S,clicked:u,isDisabled:b,size:r.size,borderColor:r.checkboxBorderColor},{children:d&&e.jsx(a,{isPartial:c||!1,isDisabled:b,isSmall:"SMALL"===r.size})})),r.label?r.boldOnChecked&&d?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

@@ -1,8 +1,12 @@
-export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean | undefined;
+    enableHover?: boolean | undefined;
+}, never>;
 export declare const CheckboxIcon: import("styled-components").StyledComponent<"div", any, {
     checked: boolean;
     hovered: boolean;
     clicked: boolean;
     isDisabled: boolean;
     size?: "SMALL" | "DEFAULT" | undefined;
+    borderColor?: string | undefined;
 }, never>;

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

@@ -1,9 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=s(e);const o=t.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),s=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const t=o.default.div`
 	display: inline-flex;
 	gap: 8px;
 	align-items: center;
-	cursor: pointer;
-`,r=t.default.div`
+	cursor: ${e=>e.isDisabled?"default":"pointer"};
+	${i=>i.enableHover&&e.css`
+			:hover {
+				background: ${s.COLORS.surface.subdued};
+			}
+		`}
+`,r=o.default.div`
 	width: ${e=>"SMALL"===e.size?12:14}px;
 	height: ${e=>"SMALL"===e.size?12:14}px;
 	border-radius: 4px;
@@ -12,23 +17,24 @@
 	justify-content: center;
 	align-items: center;
 	box-sizing: content-box;
-	${s=>s.isDisabled?e.css`
-					border: ${"SMALL"===s.size?1.5:2}px solid
-						${i.COLORS.content.inactive};
+	${i=>{var o;return i.isDisabled?e.css`
+					border: ${"SMALL"===i.size?1.5:2}px solid
+						${s.COLORS.content.inactive};
 			  `:e.css`
-					border: ${"SMALL"===s.size?1.5:2}px solid black;
-			  `}
-	${i=>i.checked&&e.css`
+					border: ${"SMALL"===i.size?1.5:2}px solid
+						${null!==(o=i.borderColor)&&void 0!==o?o:"black"};
+			  `}}
+	${s=>s.checked&&e.css`
 			border: 0px;
 			width: 18px;
 			height: 18px;
 		`}
-	${s=>s.hovered&&e.css`
-			outline: 3px solid ${i.COLORS.surface.hovered};
+	${i=>i.hovered&&e.css`
+			outline: 3px solid ${s.COLORS.surface.hovered};
 		`}
-	${s=>s.clicked&&!s.isDisabled&&e.css`
+	${i=>i.clicked&&!i.isDisabled&&e.css`
 			outline: 3px solid
-				${s.checked?i.COLORS.stroke.positive.lightAlt:i.COLORS.surface.hovered};
+				${i.checked?s.COLORS.stroke.positive.lightAlt:s.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.CheckboxContainer=o,exports.CheckboxIcon=r;
+`;exports.CheckboxContainer=t,exports.CheckboxIcon=r;

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/country-code-picker/CountryCodePicker.d.ts

@@ -9,4 +9,5 @@ export declare const CountryCodePicker: React.FC<{
     height?: string;
     placement?: Placement;
     placementStrategy?: PositioningStrategy;
+    disabled?: boolean;
 }>;

package/dist/cjs/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=c=>{var l,u,p,a,m,j;const[y,w]=r.useState(null!==(l=c.selectedCountry)&&void 0!==l?l:{name:"India",dial:"+91",code:"IN"}),v=`https://flagcdn.com/${null===(u=y.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r.useEffect((()=>{c.selectedCountry&&w(c.selectedCountry)}),[null===(p=c.selectedCountry)||void 0===p?void 0:p.code]);return e.jsx(s.DropdownPopover,Object.assign({version:c.version,isSearchable:!0,width:null!==(a=c.popoverWidth)&&void 0!==a?a:"200px",placement:null!==(m=c.placement)&&void 0!==m?m:"bottom-start",strategy:null!==(j=c.placementStrategy)&&void 0!==j?j:"absolute",options:t.CountriesData.map((o=>{var r;const t=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[e.jsx("img",{src:t,className:"country-flag__option",alt:o.name}),e.jsxs(d.BodySecondary,{children:[o.code,"  ",o.dial]})]}),selected:y.code===o.code}})),onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));w(o[0]),c.onCountrySelect(o[0])}},{children:e.jsxs(n.StyledCountryPickerWrapper,Object.assign({height:c.height},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[e.jsx("img",{src:v,className:"country-flag__selected-option",alt:y.name}),e.jsx(d.BodySecondary,{children:y.dial})]})),e.jsx(o.default,{width:24,height:24,color:i.COLORS.content.primary})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=c=>{var l,u,a,p,m,j;const[y,w]=r.useState(null!==(l=c.selectedCountry)&&void 0!==l?l:{name:"India",dial:"+91",code:"IN"}),v=`https://flagcdn.com/${null===(u=y.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r.useEffect((()=>{c.selectedCountry&&w(c.selectedCountry)}),[null===(a=c.selectedCountry)||void 0===a?void 0:a.code]);return e.jsx(s.DropdownPopover,Object.assign({version:c.version,isSearchable:!0,width:null!==(p=c.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(m=c.placement)&&void 0!==m?m:"bottom-start",strategy:null!==(j=c.placementStrategy)&&void 0!==j?j:"absolute",options:t.CountriesData.map((o=>{var r;const t=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[e.jsx("img",{src:t,className:"country-flag__option",alt:o.name}),e.jsxs(d.BodySecondary,{children:[o.code,"  ",o.dial]})]}),selected:y.code===o.code}})),disabled:c.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));w(o[0]),c.onCountrySelect(o[0])}},{children:e.jsxs(n.StyledCountryPickerWrapper,Object.assign({height:c.height},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[e.jsx("img",{src:v,className:"country-flag__selected-option",alt:y.name}),e.jsx(d.BodySecondary,{children:y.dial})]})),e.jsx(o.default,{width:24,height:24,color:i.COLORS.content.primary})]}))}))};

package/dist/cjs/components/curtain/Curtain.d.ts

@@ -16,5 +16,8 @@ export type CurtainProps = {
     strokeAtTop?: boolean;
     strokeAtBottom?: boolean;
     customComponent?: ComponentType<any>;
+    position?: 'sticky' | 'absolute' | 'fixed';
+    tertiaryButtonText?: string;
+    tertiaryButtonClickHandler?: () => void;
 };
 export declare const Curtain: React.FC<CurtainProps>;

package/dist/cjs/components/curtain/Curtain.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js");exports.Curtain=c=>{const[l,a]=t.useState(!1);if(l)return e.jsx(e.Fragment,{});return e.jsxs(o.CurtainStyle,Object.assign({mode:c.mode,type:c.type,strokeAtTop:c.strokeAtTop,strokeAtBottom:c.strokeAtBottom},{children:[c.icon&&e.jsx(c.icon,{color:r.COLOR_CONFIG_MAP[c.mode][c.type].textColor,height:16,width:16}),e.jsx(s.BodySecondary,Object.assign({style:{color:r.COLOR_CONFIG_MAP[c.mode][c.type].textColor,marginLeft:8}},{children:c.text})),c.customComponent&&e.jsx(c.customComponent,{}),c.actionButtonText&&e.jsx(s.BodySecondaryLink,Object.assign({onClick:c.actionButtonClickHandler,style:{color:c.mode===r.CURTAIN_MODE.DARK?r.COLOR_CONFIG_MAP[c.mode][c.type].textColor:n.COLORS.content.brand,marginLeft:6,textDecoration:"underline"}},{children:c.actionButtonText})),!c.hideCrossIcon&&e.jsx(i.default,{onClick:()=>{a(!0),c.onCloseHandler&&c.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:r.COLOR_CONFIG_MAP[c.mode][c.type].crossIconColor})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),n=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),a=require("../button/Button.js");exports.Curtain=c=>{const[l,d]=e.useState(!1);if(l)return t.jsx(t.Fragment,{});return t.jsxs(o.CurtainStyle,Object.assign({isTeritaryButton:!!c.tertiaryButtonText,position:c.position,mode:c.mode,type:c.type,strokeAtTop:c.strokeAtTop,strokeAtBottom:c.strokeAtBottom},{children:[t.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t.jsx("div",{children:c.icon&&t.jsx(c.icon,{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,height:16,width:16})}),t.jsxs("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[t.jsxs(n.BodySecondary,Object.assign({style:{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,marginLeft:8}},{children:[c.text,c.actionButtonText&&t.jsx(n.BodySecondaryLink,Object.assign({onClick:c.actionButtonClickHandler,style:{display:"inline",color:c.mode===r.CURTAIN_MODE.DARK?r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor:s.COLORS.content.brand,marginLeft:6,textDecoration:"underline"}},{children:c.actionButtonText}))]})),c.customComponent&&t.jsx(c.customComponent,{})]}))]})),t.jsxs(o.RightWrapper,{children:[c.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(a.Button,{className:"tertiary-button",buttonText:c.tertiaryButtonText,onClick:c.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(o.Separator,{mode:c.mode,type:c.type})]}),!c.hideCrossIcon&&t.jsx(i.default,{onClick:()=>{d(!0),c.onCloseHandler&&c.onCloseHandler()},cursor:"pointer",height:20,width:20,color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].crossIconColor})]})]}))};

package/dist/cjs/components/curtain/Curtain.styled.d.ts

@@ -4,4 +4,11 @@ export declare const CurtainStyle: import("styled-components").StyledComponent<"
     type: CURTAIN_TYPES;
     strokeAtTop?: boolean | undefined;
     strokeAtBottom?: boolean | undefined;
+    position?: "sticky" | "absolute" | "fixed" | undefined;
+    isTeritaryButton?: boolean | undefined;
 }, never>;
+export declare const Separator: import("styled-components").StyledComponent<"div", any, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+}, never>;
+export declare const RightWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/curtain/Curtain.styled.js

@@ -1,14 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./CurtainHelper.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("./CurtainHelper.js"),o=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=r(t);const n=p.default.div`
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	padding: 8px 16px;
-	background: ${e=>t.COLOR_CONFIG_MAP[e.mode][e.type].backgroundColor};
-	border-top: ${e=>e.strokeAtTop?"1px solid "+t.COLOR_CONFIG_MAP[e.mode][e.type].strokeColor:0};
-	border-bottom: ${e=>e.strokeAtBottom?"1px solid "+t.COLOR_CONFIG_MAP[e.mode][e.type].strokeColor:0};
+	padding: ${t=>t.isTeritaryButton?"12px 16px;":"8px 16px"};
+	background: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].backgroundColor};
+	border-top: ${t=>t.strokeAtTop?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
+	border-bottom: ${t=>t.strokeAtBottom?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	width: 100%;
-	position: absolute;
+	position: ${t=>t.position?t.position:"absolute"};
 	top: 0;
 	z-index: 1;
-`;exports.CurtainStyle=r;
+	.tertiary-button {
+		background: transparent;
+		.text {
+			color: ${t=>t.mode===e.CURTAIN_MODE.DARK?e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].textColor:o.COLORS.content.brand};
+		}
+	}
+`,i=p.default.div`
+	height: 28px;
+	width: 1px;
+	background-color: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[e.CURTAIN_MODE.LIGHT][t.type].strokeColor};
+`,d=p.default.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	justify-content: flex-end;
+`;exports.CurtainStyle=n,exports.RightWrapper=d,exports.Separator=i;

package/dist/cjs/components/curtain/CurtainHelper.d.ts

@@ -10,74 +10,16 @@ export declare enum CURTAIN_MODE {
     LIGHT = "LIGHT",
     DARK = "DARK"
 }
-export declare const COLOR_CONFIG_MAP: {
-    DARK: {
-        Negative: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Warning: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Positive: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Neutral: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Special: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Manifest: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-    };
-    LIGHT: {
-        Negative: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Warning: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Positive: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Neutral: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Special: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Manifest: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
     };
 };
+export declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+export {};

package/dist/cjs/components/curtain/CurtainHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,r,t=require("../../constants/Theme.js");exports.CURTAIN_TYPES=void 0,(o=exports.CURTAIN_TYPES||(exports.CURTAIN_TYPES={})).NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special",o.MANIFEST="Manifest",exports.CURTAIN_MODE=void 0,(r=exports.CURTAIN_MODE||(exports.CURTAIN_MODE={})).LIGHT="LIGHT",r.DARK="DARK";const e={[exports.CURTAIN_MODE.DARK]:{[exports.CURTAIN_TYPES.NEGATIVE]:{backgroundColor:t.COLORS.background.negative.vibrant,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.WARNING]:{backgroundColor:t.COLORS.background.warning.vibrant,textColor:t.COLORS.content.primary,crossIconColor:t.COLORS.content.secondary},[exports.CURTAIN_TYPES.POSITIVE]:{backgroundColor:t.COLORS.background.positive.vibrant,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.NEUTRAL]:{backgroundColor:t.COLORS.background.inverse,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.SPECIAL]:{backgroundColor:t.COLORS.background.inverse,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard}},[exports.CURTAIN_MODE.LIGHT]:{[exports.CURTAIN_TYPES.NEGATIVE]:{backgroundColor:t.COLORS.background.negative.light,textColor:t.COLORS.content.negative,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.negative.lightAlt},[exports.CURTAIN_TYPES.WARNING]:{backgroundColor:t.COLORS.background.warning.light,textColor:t.COLORS.content.warning,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.warning.lightAlt},[exports.CURTAIN_TYPES.POSITIVE]:{backgroundColor:t.COLORS.background.positive.light,textColor:t.COLORS.content.positive,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.positive.lightAlt},[exports.CURTAIN_TYPES.NEUTRAL]:{backgroundColor:t.COLORS.surface.subdued,textColor:t.COLORS.content.secondary,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.primary},[exports.CURTAIN_TYPES.SPECIAL]:{backgroundColor:t.COLORS.background.brandLight,textColor:t.COLORS.content.primary,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.brandLightAlt},[exports.CURTAIN_TYPES.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard}}};exports.COLOR_CONFIG_MAP=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,r,t=require("../../constants/Theme.js");exports.CURTAIN_TYPES=void 0,(o=exports.CURTAIN_TYPES||(exports.CURTAIN_TYPES={})).NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special",o.MANIFEST="Manifest",exports.CURTAIN_MODE=void 0,(r=exports.CURTAIN_MODE||(exports.CURTAIN_MODE={})).LIGHT="LIGHT",r.DARK="DARK";const e={[exports.CURTAIN_MODE.DARK]:{[exports.CURTAIN_TYPES.NEGATIVE]:{backgroundColor:t.COLORS.background.negative.vibrant,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.WARNING]:{backgroundColor:t.COLORS.background.warning.vibrant,textColor:t.COLORS.content.primary,crossIconColor:t.COLORS.content.secondary},[exports.CURTAIN_TYPES.POSITIVE]:{backgroundColor:t.COLORS.background.positive.vibrant,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.NEUTRAL]:{backgroundColor:t.COLORS.background.inverse,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.SPECIAL]:{backgroundColor:t.COLORS.background.inverse,textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard},[exports.CURTAIN_TYPES.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard}},[exports.CURTAIN_MODE.LIGHT]:{[exports.CURTAIN_TYPES.NEGATIVE]:{backgroundColor:t.COLORS.background.negative.light,textColor:t.COLORS.content.negative,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.negative.lightAlt},[exports.CURTAIN_TYPES.WARNING]:{backgroundColor:t.COLORS.background.warning.light,textColor:t.COLORS.content.warning,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.warning.lightAlt},[exports.CURTAIN_TYPES.POSITIVE]:{backgroundColor:t.COLORS.background.positive.light,textColor:t.COLORS.content.positive,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.positive.lightAlt},[exports.CURTAIN_TYPES.NEUTRAL]:{backgroundColor:t.COLORS.surface.subdued,textColor:t.COLORS.content.secondary,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.primary},[exports.CURTAIN_TYPES.SPECIAL]:{backgroundColor:t.COLORS.background.brandLight,textColor:t.COLORS.content.primary,crossIconColor:t.COLORS.content.secondary,strokeColor:t.COLORS.stroke.brandLightAlt},[exports.CURTAIN_TYPES.MANIFEST]:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:t.COLORS.surface.standard,crossIconColor:t.COLORS.surface.standard}}};exports.CURTAIN_COLOR_CONFIG_MAP=e;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),a=require("../../assets/icons/clock.svg.js"),l=require("./CustomDateTime.styled.js");const c=()=>{const e=[];for(let r=0;r<2;r++)for(let t=0;t<12;t++){let o;o=0===t?"12":t<10?`0${t}`:`${t}`;const s=`${o}:00 ${0===r?"AM":"PM"}`,n=`${o}:30 ${0===r?"AM":"PM"}`;e.push({label:s,value:s,selected:!1},{label:n,value:n,selected:!1})}return e};exports.CustomDateTime=p=>{const[m,j]=t.useState(p.time),[D,w]=t.useState(p.date);t.useEffect((()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(m),t=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(D.getTime());n.setHours(+o,+s),p.onChange(n)}),[D,m]);return e.jsxs(l.CustomDateTimeStyle,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(o.default,{customDate:D,setCustomDate:w,placement:p.placement,minDate:p.minDate})})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(s.DropdownPopover,Object.assign({options:c(),onSelect:e=>{j(e.value)}},{children:e.jsx(i.Input,{value:m,leftIcon:{icon:a.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),j(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),p.error&&e.jsx(n.BodySecondary,Object.assign({style:{paddingTop:8}},{children:p.error}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),a=require("../../assets/icons/clock.svg.js"),l=require("./CustomDateTime.styled.js");const c=e=>{const r=[];for(let t=0;t<2;t++)for(let o=0;o<12;o++){let s;s=0===o?"12":o<10?`0${o}`:`${o}`;const n=`${s}:00 ${0===t?"AM":"PM"}`,i=`${s}:30 ${0===t?"AM":"PM"}`;r.push({label:n,value:n,selected:n===e},{label:i,value:i,selected:i===e})}return r};exports.CustomDateTime=p=>{const[m,j]=t.useState(p.time),[D,w]=t.useState(p.date);t.useEffect((()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(m),t=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(D.getTime());n.setHours(+o,+s),p.onChange(n)}),[D,m]);return e.jsxs(l.CustomDateTimeStyle,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(o.default,{customDate:D,setCustomDate:w,placement:p.placement,minDate:p.minDate})})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(s.DropdownPopover,Object.assign({options:c(m),onSelect:e=>{j(e.value)}},{children:e.jsx(i.Input,{value:m,leftIcon:{icon:a.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),j(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),p.error&&e.jsx(n.BodySecondary,Object.assign({style:{paddingTop:8}},{children:p.error}))]})};

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/CouponExpiration/CouponExpiration.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("date-fns"),a=require("react"),s=require("../../custom-date-time/CustomDateTime.js"),r=require("../../input/Input.js"),o=require("../../radioButton/RadioButton.js"),n=require("../../TypographyStyle.js");exports.COUPON_EXPIRATION=void 0,(e=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration";exports.CouponExpiration=e=>{var I;const[O,d]=a.useState(e.discountData.expireAt?exports.COUPON_EXPIRATION.FIXED_EXPIRATION:e.discountData.expireAfter?exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION:void 0),[p,x]=a.useState(),[u,c]=a.useState(),A=(new Date).setDate((new Date).getDate()+1);a.useEffect((()=>{(null==O||p||u)&&e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:void 0,expireAt:void 0})),O&&(p||u)&&(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?c(void 0):x(void 0))}),[O,p,u]);return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t.jsx(n.TitleRegular,{children:"Coupon expiration (optional)"}),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,onValueChange:()=>{c(void 0),d(O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION?void 0:exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Validity days from coupon claim"})]})),O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&t.jsx(r.Input,{errorMessage:u,value:null===(I=e.discountData.expireAfter)||void 0===I?void 0:I.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:t=>{(t=>{c(void 0);const i=Number.parseInt(t);i>0?e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:i,expireAt:void 0})):c("Please enter valid input")})(t)}}),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION,onValueChange:()=>{d(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?void 0:exports.COUPON_EXPIRATION.FIXED_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Fixed expiry date"})]})),O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION&&t.jsxs(t.Fragment,{children:[t.jsx(n.BodySecondary,{children:"Ending on"}),t.jsx(s.CustomDateTime,{placement:"bottom-start",time:e.discountData.expireAt?i.format(new Date(e.discountData.expireAt),"hh:mm a"):i.format(new Date(A),"hh:mm a"),date:e.discountData.expireAt?new Date(e.discountData.expireAt):new Date(A),error:p,setError:x,onChange:t=>{e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAt:t,expireAfter:void 0}))},minDate:new Date(A)})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("date-fns"),a=require("react"),r=require("../../custom-date-time/CustomDateTime.js"),s=require("../../input/Input.js"),o=require("../../radioButton/RadioButton.js"),n=require("../../TypographyStyle.js");exports.COUPON_EXPIRATION=void 0,(e=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration";exports.CouponExpiration=e=>{var I;const[O,d]=a.useState(e.discountData.expireAt?exports.COUPON_EXPIRATION.FIXED_EXPIRATION:e.discountData.expireAfter?exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION:void 0),[p,x]=a.useState(),[u,A]=a.useState(),c=(new Date).setDate((new Date).getDate()+1);a.useEffect((()=>{d(e.discountData.expireAt?exports.COUPON_EXPIRATION.FIXED_EXPIRATION:e.discountData.expireAfter?exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION:void 0)}),[e.discountData.expireAt,e.discountData.expireAfter]),a.useEffect((()=>{(null==O||p||u)&&e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:void 0,expireAt:void 0})),O&&(p||u)&&(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?A(void 0):x(void 0))}),[O,p,u]);return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t.jsx(n.TitleRegular,{children:"Coupon expiration (optional)"}),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,onValueChange:()=>{A(void 0),d(O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION?void 0:exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Validity days from coupon claim"})]})),O===exports.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&t.jsx(s.Input,{errorMessage:u,value:null===(I=e.discountData.expireAfter)||void 0===I?void 0:I.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:t=>{(t=>{A(void 0);const i=Number.parseInt(t);i>0?e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAfter:i,expireAt:void 0})):A("Please enter valid input")})(t)}}),t.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[t.jsx(o.RadioButton,{isActive:O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION,onValueChange:()=>{d(O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION?void 0:exports.COUPON_EXPIRATION.FIXED_EXPIRATION)}}),t.jsx(n.BodySecondary,{children:"Fixed expiry date"})]})),O===exports.COUPON_EXPIRATION.FIXED_EXPIRATION&&t.jsxs(t.Fragment,{children:[t.jsx(n.BodySecondary,{children:"Ending on"}),t.jsx(r.CustomDateTime,{placement:"bottom-start",time:e.discountData.expireAt?i.format(new Date(e.discountData.expireAt),"hh:mm a"):i.format(new Date(c),"hh:mm a"),date:e.discountData.expireAt?new Date(e.discountData.expireAt):new Date(c),error:p,setError:x,onChange:t=>{e.setDiscountData(Object.assign(Object.assign({},e.discountData),{expireAt:t,expireAfter:void 0}))},minDate:new Date(c)})]})]}))};