@bikdotai/bik-component-library 0.0.783-beta.3 → 0.0.783-beta.5

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.js

@@ -0,0 +1,282 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
+	background-color: #28034e;
+	width: 72px;
+	justify-content: space-between;
+	position: sticky;
+	top: 0;
+	left: 0;
+	z-index: 10;
+	overflow-y: auto;
+	height: 100vh;
+
+	.bik-header-logo {
+		padding: 8px 8px 0 8px;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: 100%;
+		cursor: pointer;
+		img {
+			width: 100%;
+			height: 100%;
+			object-fit: container;
+		}
+	}
+`,a=o.default.div`
+	margin: 0px 0px 16px;
+`,d=o.default.div``,s=o.default.div`
+	overflow-y: auto;
+	padding: 0px 8px;
+	margin-bottom: 6px;
+	> * {
+		gap: 4px;
+	}
+`,p=o.default.div`
+	position: absolute;
+	right: 5px;
+	background: ${i.COLORS.stroke.warning.vibrant} !important;
+	font-size: 7.7px;
+	font-family: 'Inter';
+	line-height: 10px;
+	padding: 2px 9.27px 2px 9.27px;
+	border-radius: 16px 16px 0px 16px;
+	background: ${i.COLORS.background.inverse};
+	${t=>{let{isLastSticky:i}=t;return i&&e.css`
+			@media (min-height: 768px) {
+				bottom: 116px;
+				z-index: 1;
+			}
+		`}}
+`,b=o.default.div`
+	position: absolute;
+	right: 10px;
+	margin-top: -5px;
+	${t=>{let{isLastSticky:i}=t;return i&&e.css`
+			@media (min-height: 768px) {
+				bottom: 116px;
+				z-index: 1;
+			}
+		`}}
+	${t=>{let{is2ndLastSticky:i}=t;return i&&e.css`
+			@media (min-height: 768px) {
+				bottom: 48px;
+				z-index: 1;
+			}
+		`}}
+`,u=o.default.div`
+	display: flex;
+	flex-direction: column;
+	border-radius: 10px;
+	align-items: center;
+	justify-content: space-around;
+	cursor: pointer;
+	> * {
+		gap: 10px;
+	}
+	padding: 8px;
+
+	${t=>{let{isNew:i}=t;return i&&e.css`
+			padding-top: 14px;
+		`}}
+
+	${t=>{let{isActive:r}=t;return r&&e.css`
+			border-radius: 8px;
+			background-color: ${i.COLORS.background.inverse};
+			color: ${i.COLORS.content.primaryInverse};
+			box-shadow: inset 0 0 0 1px ${i.COLORS.stroke.brandSubdued};
+		`}}
+
+	${t=>{let{isHovered:r}=t;return r&&e.css`
+			background: ${i.COLORS.background.inverse};
+			border-radius: 8px;
+		`}}
+
+	&:hover {
+		background: ${i.COLORS.background.inverse};
+		border-radius: 8px;
+	}
+
+	${t=>{let{isLastSticky:i}=t;return i&&e.css`
+			@media (min-height: 768px) {
+				position: absolute;
+				bottom: 64px;
+				width: 85%;
+			}
+		`}}
+
+	${t=>{let{is2ndLastSticky:i}=t;return i&&e.css`
+			@media (min-height: 768px) {
+				position: absolute;
+				bottom: 0px;
+				width: 85%;
+			}
+		`}}
+
+	${t=>{let{stickyBottom:i}=t;return void 0!==i&&e.css`
+			@media (min-height: 768px) {
+				position: absolute;
+				bottom: ${i}px;
+				width: 85%;
+			}
+		`}}
+`,c=o.default.div`
+	display: flex;
+	flex-direction: row;
+	cursor: pointer;
+`,x=o.default(t.BodyTiny)`
+	user-select: none;
+	color: ${e=>{let{isActive:t}=e;return t?i.COLORS.content.primaryInverse:i.COLORS.content.secondaryInverse}};
+	margin-bottom: 0px;
+	text-align: center;
+`,l=o.default.div`
+	.transform-class {
+		position: relative;
+		animation: animatebottom 0.2s;
+		transition-timing-function: ease-out;
+	}
+	@keyframes animatebottom {
+		from {
+			opacity: 0;
+		}
+
+		to {
+			opacity: 1;
+		}
+	}
+	.sidebar-right-menu {
+		position: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:0}px;
+		left: ${e=>e.left?e.left:0}px; //72
+		width: ${e=>e.width?e.width:240}px;
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?i.COLORS.background.inverse:i.COLORS.surface.standard};
+		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
+		display: flex;
+		flex-direction: column;
+		padding: 4px;
+		border-radius: ${e=>e.isNewSidebar?"8px":""};
+
+		.sidebar-bridge {
+			position: absolute;
+			right: 100%;
+			top: 0;
+			width: 24px;
+			height: 100%;
+		}
+	}
+
+	.sub-child-menu {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
+		cursor: pointer;
+		background: ${e=>"brand"==e.theme?i.COLORS.background.inverse:"transparent"};
+		border-radius: 4px;
+		.sub-child-text {
+			color: ${e=>"brand"==e.theme?i.COLORS.surface.standard:""};
+			margin-bottom: 0px;
+			padding: 8px 12px;
+			font-size: ${i.FONTS.caption.fontSize}px;
+			line-height: ${i.FONTS.caption.lineHeight}px;
+			font-weight: ${i.FONTS.caption.fontWeight};
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.sub-child-new-tag {
+			padding: 2px 9px 2px 9px;
+			border-radius: 16px;
+			background-color: rgba(254, 192, 45, 1);
+			font-family: Inter;
+			font-size: 7px;
+			font-weight: 600;
+			line-height: 10px;
+			color: rgba(40, 3, 78, 1);
+		}
+		.sub-child-active-text {
+			display: none;
+		}
+		.active-bold-weight {
+			font-weight: 600;
+			color: ${e=>e.isNewSidebar?i.COLORS.background.warning.vibrant:""};
+		}
+		.sub-child-active-menu-style {
+			color: ${e=>e.isNewSidebar?i.COLORS.background.warning.vibrant:""};
+		}
+	}
+	.sub-child-menu:hover {
+		background: ${e=>"brand"==e.theme?i.COLORS.background.brandHovered:i.COLORS.background.base};
+		border-radius: 4px;
+	}
+	.sub-child-active-menu {
+		background: ${e=>"brand"==e.theme?i.COLORS.background.brandHovered:i.COLORS.background.base};
+		border-radius: 4px;
+		border: ${e=>"brand"==e.theme?`1px solid ${i.COLORS.stroke.brandSubdued}`:"none"};
+		.sub-child-active-text {
+			background: ${e=>"brand"==e.theme?i.COLORS.stroke.brandSubdued:i.COLORS.background.warning.vibrant};
+		}
+	}
+	.sub-child-active-menu:hover {
+		background: ${e=>"brand"==e.theme?i.COLORS.background.inverseLight:i.COLORS.background.base};
+		border-radius: 4px;
+		border: ${e=>"brand"==e.theme?`1px solid ${i.COLORS.stroke.brandSubdued}`:"none"};
+		.sub-child-active-text {
+			background: ${e=>"brand"==e.theme?i.COLORS.stroke.brandSubdued:i.COLORS.background.warning.vibrant};
+		}
+	}
+	.sub-child-display-name {
+		padding: 14px 12px;
+		color: ${e=>"brand"==e.theme?i.COLORS.content.secondaryInverse:i.COLORS.text.secondary};
+	}
+	.lower-sticky-panel {
+		position: ${e=>e.isNewSidebar?"relative":"absolute"};
+		bottom: ${e=>e.isNewSidebar?"":"16px"};
+		margin-top: ${e=>e.isNewSidebar?"auto":""};
+		margin-bottom: ${e=>e.isNewSidebar?"16px":""};
+		.title-text {
+			padding: 8px 12px;
+			text-align: center;
+		}
+		.upgrade-button {
+			margin: auto;
+		}
+	}
+	.sidebar-skeleton {
+		padding: 8px;
+	}
+`,g=o.default.div`
+	.sidebar-right-menu {
+		border-radius: 8px;
+		border: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);
+		box-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);
+		position: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:void 0}px;
+		bottom: 10px;
+		left: ${e=>e.left?e.left:0}px; //72
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?"#381062":i.COLORS.surface.standard};
+		display: flex;
+		flex-direction: column;
+		padding: 4px;
+		gap: 4px;
+		min-height: 100px;
+		overflow-y: auto;
+	}
+	.each-menu {
+		padding: 8px;
+		gap: 4px;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+		border-bottom: 0.5px solid #e0e0e0;
+		cursor: pointer;
+		max-width: 320px;
+		&:hover {
+			background-color: ${i.COLORS.background.base};
+			border-radius: 8px;
+		}
+	}
+`;exports.MainSideBarV2MenuWrapper=a,exports.SibeBarV2MenuItem=d,exports.SideBarV2Container=n,exports.SidebarLockedChannel=b,exports.SidebarMainMenu=s,exports.SidebarMenuItemContainer=c,exports.SidebarMenuItemInner=u,exports.SidebarMenuItemText=x,exports.SidebarNewTag=p,exports.SidebarV2PopupContainer=g,exports.SimpleSidebarV2Container=l;

package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SimpleSidebarV2Props } from './SidebarV2.model';
+export declare const SimpleSidebarV2: React.FC<SimpleSidebarV2Props>;

package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js

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

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/bik-layout/Sidebar.model.d.ts

@@ -0,0 +1,27 @@
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarTheme = 'brand' | 'white';
+export interface SimpleSidebarProps {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarTheme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}

package/dist/cjs/components/bik-layout/SidebarPopup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Menu } from './SimpleSidebar';
+import { Menu } from './Sidebar.model';
 export interface SidebarPopupI {
     menuList: Menu[];
     width?: number;

package/dist/cjs/components/bik-layout/SidebarSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SidebarTheme } from './SimpleSidebar';
+import { SidebarTheme } from './Sidebar.model';
 export interface BikSidebarShimmerProps {
     theme: SidebarTheme;
     width?: number;

package/dist/cjs/components/bik-layout/SidebarStyles.d.ts

@@ -1,4 +1,4 @@
-import { SidebarTheme } from './SimpleSidebar';
+import { SidebarTheme } from './Sidebar.model';
 export declare const SideBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MainSideBarMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SibeBarMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts

@@ -1,29 +1,3 @@
 /// <reference types="react" />
-export interface Menu {
-    key: string | number;
-    displayName: string;
-    description?: string;
-    path?: string;
-    page?: string;
-    isNew?: string;
-}
-export type SidebarTheme = 'brand' | 'white';
-export interface SimpleSidebarProps {
-    menuList: Menu[];
-    activeMenu: Menu;
-    theme: SidebarTheme;
-    showAccessUpgradePanel?: boolean;
-    header?: string;
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    postion?: 'fixed' | 'sticky';
-    top?: number;
-    router: any;
-    onMouseLeaveOnMenu?: () => void;
-    onMouseEnterOnMenu?: () => void;
-    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
-    onUpgrade?: () => void;
-    isNewSidebar?: boolean;
-}
+import { SimpleSidebarProps } from './Sidebar.model';
 export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

package/dist/cjs/components/bik-layout/index.d.ts

@@ -3,6 +3,8 @@ export * from './BikLayout';
 export * from './BikProfile';
 export * from './SimpleSidebar';
 export * from './BikSidebar';
+export * from './BikSidebarV2/BikSidebarV2';
+export * from './BikSidebarV2/SidebarV2.model';
 export * from './FeatureModal';
 export * from './SidebarSkeleton';
 export * from './ShowShopifyRestrictedModal';

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"),require("lodash/debounce");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("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=l=>{var c,a,u,p,y,m,j;const[v,h]=r.useState(null!==(c=l.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(a=v.code)||void 0===a?void 0:a.toLowerCase()}.svg`;r.useEffect((()=>{l.selectedCountry&&h(l.selectedCountry)}),[null===(u=l.selectedCountry)||void 0===u?void 0:u.code]);return e.jsx(s.DropdownPopover,Object.assign({version:l.version,isSearchable:!0,width:null!==(p=l.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=l.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=l.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map((o=>{var r,t,s,c;const a=`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:[!l.hideFlagImage&&e.jsx("img",{src:a,className:"country-flag__option",alt:o.name}),e.jsxs(d.BodySecondary,Object.assign({style:null!==(t=l.countryTextStyle)&&void 0!==t?t:{}},{children:[e.jsx("span",Object.assign({style:{color:null!==(s=l.codeColor)&&void 0!==s?s:i.COLORS.text.primary}},{children:o.code})),"  ",e.jsx("span",Object.assign({style:{color:null!==(c=l.dialColor)&&void 0!==c?c:i.COLORS.text.primary}},{children:o.dial}))]}))]}),selected:v.code===o.code}})),disabled:l.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));h(o[0]),l.onCountrySelect(o[0])}},{children:e.jsxs(n.StyledCountryPickerWrapper,Object.assign({height:l.height,style:l.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=l.onDropdownClick)||void 0===e||e.call(l)}},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[!l.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(d.BodySecondary,Object.assign({style:null!==(j=l.countryTextStyle)&&void 0!==j?j:{}},{children:v.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("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var i=require("../TypographyStyle.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("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=l=>{var c,a,u,p,y,m,j;const[v,h]=r.useState(null!==(c=l.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(a=v.code)||void 0===a?void 0:a.toLowerCase()}.svg`;r.useEffect((()=>{l.selectedCountry&&h(l.selectedCountry)}),[null===(u=l.selectedCountry)||void 0===u?void 0:u.code]);return e.jsx(s.DropdownPopover,Object.assign({version:l.version,isSearchable:!0,width:null!==(p=l.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=l.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=l.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map((o=>{var r,t,s,c;const a=`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:[!l.hideFlagImage&&e.jsx("img",{src:a,className:"country-flag__option",alt:o.name}),e.jsxs(i.BodySecondary,Object.assign({style:null!==(t=l.countryTextStyle)&&void 0!==t?t:{}},{children:[e.jsx("span",Object.assign({style:{color:null!==(s=l.codeColor)&&void 0!==s?s:d.COLORS.text.primary}},{children:o.code})),"  ",e.jsx("span",Object.assign({style:{color:null!==(c=l.dialColor)&&void 0!==c?c:d.COLORS.text.primary}},{children:o.dial}))]}))]}),selected:v.code===o.code}})),disabled:l.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));h(o[0]),l.onCountrySelect(o[0])}},{children:e.jsxs(n.StyledCountryPickerWrapper,Object.assign({height:l.height,style:l.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=l.onDropdownClick)||void 0===e||e.call(l)}},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[!l.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(i.BodySecondary,Object.assign({style:null!==(j=l.countryTextStyle)&&void 0!==j?j:{}},{children:v.dial}))]})),e.jsx(o.default,{width:24,height:24,color:d.COLORS.content.primary})]}))}))};

package/dist/cjs/components/country-code-picker/CountryPicker.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"),n=require("./CountryCodePicker.modal.js"),t=require("./CountryPicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("lodash/debounce");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("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryPicker=c=>{let{version:a,onCountrySelect:l,selectedCountry:u,popoverWidth:p="300px",height:y,placement:j="bottom-start",placementStrategy:m="absolute",disabled:h=!1,hideFlagImage:w=!1,containerStyles:O,placeholder:g="Select a country",showCountryCode:v=!0,countryTextStyle:x,onDropdownClick:C}=c;var S;const[q,b]=r.useState(u),D=null!=u?u:q,B=D?`https://flagcdn.com/${null===(S=D.code)||void 0===S?void 0:S.toLowerCase()}.svg`:void 0,f=r.useMemo((()=>n.CountriesData.map((o=>{var r;const n=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.name,searchKey:o.name,customComponent:e.jsxs(t.StyledCountryOption,{children:[!w&&e.jsx("img",{src:n,className:"country-flag",alt:o.name}),e.jsxs("div",Object.assign({className:"country-info"},{children:[e.jsx(d.BodySecondary,Object.assign({style:Object.assign({color:i.COLORS.text.primary},x)},{children:o.name})),v&&e.jsx(d.BodySecondary,Object.assign({style:{color:i.COLORS.text.secondary,fontSize:"12px"}},{children:o.code}))]}))]}),selected:(null==D?void 0:D.code)===o.code}}))),[null==D?void 0:D.code,w,v,x]);return e.jsx(s.DropdownPopover,Object.assign({version:a,isSearchable:!0,width:p,placement:j,strategy:m,options:f,disabled:h,onSelect:e=>(e=>{const o=n.CountriesData.find((o=>o.code===e.value));o&&(void 0===u&&b(o),l(o))})(e)},{children:e.jsxs(t.StyledCountryPickerContainer,Object.assign({height:y,style:O,onClick:C,disabled:h},{children:[e.jsx("div",Object.assign({className:"content__wrapper"},{children:D?e.jsxs(e.Fragment,{children:[!w&&B&&e.jsx("img",{src:B,className:"country-flag",alt:D.name}),e.jsx(d.BodySecondary,Object.assign({style:x},{children:D.name}))]}):e.jsx(d.BodySecondary,Object.assign({style:Object.assign({color:i.COLORS.text.disabled},x)},{children:g}))})),e.jsx(o.default,{width:24,height:24,color:h?i.COLORS.text.disabled: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("./CountryPicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var i=require("../TypographyStyle.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("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryPicker=c=>{let{version:a,onCountrySelect:l,selectedCountry:u,popoverWidth:p="300px",height:j,placement:y="bottom-start",placementStrategy:m="absolute",disabled:h=!1,hideFlagImage:w=!1,containerStyles:O,placeholder:g="Select a country",showCountryCode:v=!0,countryTextStyle:x,onDropdownClick:q}=c;var C;const[S,b]=r.useState(u),D=null!=u?u:S,B=D?`https://flagcdn.com/${null===(C=D.code)||void 0===C?void 0:C.toLowerCase()}.svg`:void 0,f=r.useMemo((()=>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.name,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryOption,{children:[!w&&e.jsx("img",{src:t,className:"country-flag",alt:o.name}),e.jsxs("div",Object.assign({className:"country-info"},{children:[e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.primary},x)},{children:o.name})),v&&e.jsx(i.BodySecondary,Object.assign({style:{color:d.COLORS.text.secondary,fontSize:"12px"}},{children:o.code}))]}))]}),selected:(null==D?void 0:D.code)===o.code}}))),[null==D?void 0:D.code,w,v,x]);return e.jsx(s.DropdownPopover,Object.assign({version:a,isSearchable:!0,width:p,placement:y,strategy:m,options:f,disabled:h,onSelect:e=>(e=>{const o=t.CountriesData.find((o=>o.code===e.value));o&&(void 0===u&&b(o),l(o))})(e)},{children:e.jsxs(n.StyledCountryPickerContainer,Object.assign({height:j,style:O,onClick:q,disabled:h},{children:[e.jsx("div",Object.assign({className:"content__wrapper"},{children:D?e.jsxs(e.Fragment,{children:[!w&&B&&e.jsx("img",{src:B,className:"country-flag",alt:D.name}),e.jsx(i.BodySecondary,Object.assign({style:x},{children:D.name}))]}):e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.disabled},x)},{children:g}))})),e.jsx(o.default,{width:24,height:24,color:h?d.COLORS.text.disabled:d.COLORS.content.primary})]}))}))};

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../dropdown/DropdownPopover/index.js");var t=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("lodash/debounce"),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"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var o=require("./DatePicker.styled.js");exports.TimePicker=n=>{let{fromTime:i="00:00",toTime:s="23:59",onFromTimeChange:p,onToTimeChange:a,timeInterval:d=30}=n;const l=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=d){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",s=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,p=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:s,value:p,selected:p===i})}if(i&&!e.find((e=>e.value===i))){const[r,t]=i.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:i,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[d,i]),u=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=d){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",i=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,p=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:i,value:p,selected:p===s})}if(s&&!e.find((e=>e.value===s))){const[r,t]=s.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:s,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[d,s]),c=(e,r)=>{if(e)return r.find((r=>r.value===e))},m=c(i,l),j=c(s,u);return e.jsxs(o.TimePickerContainer,{children:[e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"From"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:l,defaultOptions:m?[m]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==p||p(e.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"To"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:u,defaultOptions:j?[j]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==a||a(e.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../dropdown/DropdownPopover/index.js");var t=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../../constants/Theme.js"),require("../../_virtual/_tslib.js"),require("lodash/debounce"),require("../TypographyStyle.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("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var o=require("./DatePicker.styled.js");exports.TimePicker=n=>{let{fromTime:i="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:p,timeInterval:l=30}=n;const d=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=l){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",s=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:s,value:a,selected:a===i})}if(i&&!e.find((e=>e.value===i))){const[r,t]=i.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:i,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[l,i]),u=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=l){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",i=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:i,value:a,selected:a===s})}if(s&&!e.find((e=>e.value===s))){const[r,t]=s.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:s,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[l,s]),c=(e,r)=>{if(e)return r.find((r=>r.value===e))},m=c(i,d),j=c(s,u);return e.jsxs(o.TimePickerContainer,{children:[e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"From"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:d,defaultOptions:m?[m]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==a||a(e.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"To"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:u,defaultOptions:j?[j]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==p||p(e.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),o=require("../../custom-date-time/CustomDateTime.js"),n=require("../type.js");require("../../dropdown/DropdownPopover/index.js");var i=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("lodash/debounce");var s=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"),require("../../icon-button/IconButton.js");var a=require("../../input/Input.js");require("../../dropdown/MenuItem/MenuItem.js");exports.CouponExpiration=d=>{var p;const[c,u]=r.useState(),[l,x]=r.useState(),D=(new Date).setDate((new Date).getDate()+1),O=()=>{try{const e=d.discountData.expireAt;if(!e)return D;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=D),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),D):t}catch(e){return console.error("safeToDate error:",e),D}},m=[{selected:d.selectedExpiration===n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION},{selected:d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION,label:"Fixed expiry date",value:n.COUPON_EXPIRATION.FIXED_EXPIRATION}];r.useEffect((()=>{(void 0===d.selectedExpiration||null===d.selectedExpiration||c||l)&&d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAfter:void 0,expireAt:void 0})),d.selectedExpiration&&(c||l)&&(d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION?x(void 0):u(void 0))}),[d.selectedExpiration,c,l]);return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"}},{children:[e.jsx("div",{children:!d.hideExpirationOptions&&e.jsxs(e.Fragment,{children:[e.jsx(s.BodySecondary,Object.assign({style:{marginBottom:8}},{children:"Expiration"})),e.jsx("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:e.jsx(i.Dropdown,{width:"268px",options:m,placement:"bottom-start",onSelect:e=>{const t=e.value;d.setSelectedExpiration(t),d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})}))]})}),d.selectedExpiration===n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&e.jsx(a.Input,{value:null===(p=d.discountData.expireAfter)||void 0===p?void 0:p.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{x(void 0);const t=Number.parseInt(e);t>0?d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAfter:t,expireAt:void 0})):x("Please enter valid input")})(e)},isRequired:!0,errorMessage:d.inValidCouponExpiry?"Required Field":l,state:d.inValidCouponExpiry?"invalid":"none"}),d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION&&e.jsxs(e.Fragment,{children:[e.jsx(s.BodySecondary,{children:"Expiring on"}),e.jsx(o.CustomDateTime,{placement:"bottom-start",time:(()=>{try{return t.format(O(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(O()),error:c,setError:u,onChange:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(D)})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),o=require("../../custom-date-time/CustomDateTime.js"),n=require("../type.js");require("../../dropdown/DropdownPopover/index.js");var i=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("../../../constants/Theme.js"),require("../../../_virtual/_tslib.js"),require("lodash/debounce");var s=require("../../TypographyStyle.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("../../icon-button/IconButton.js");var a=require("../../input/Input.js");require("../../dropdown/MenuItem/MenuItem.js");exports.CouponExpiration=d=>{var p;const[u,c]=r.useState(),[l,x]=r.useState(),D=(new Date).setDate((new Date).getDate()+1),O=()=>{try{const e=d.discountData.expireAt;if(!e)return D;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=D),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),D):t}catch(e){return console.error("safeToDate error:",e),D}},m=[{selected:d.selectedExpiration===n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION},{selected:d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION,label:"Fixed expiry date",value:n.COUPON_EXPIRATION.FIXED_EXPIRATION}];r.useEffect((()=>{(void 0===d.selectedExpiration||null===d.selectedExpiration||u||l)&&d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAfter:void 0,expireAt:void 0})),d.selectedExpiration&&(u||l)&&(d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION?x(void 0):c(void 0))}),[d.selectedExpiration,u,l]);return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"}},{children:[e.jsx("div",{children:!d.hideExpirationOptions&&e.jsxs(e.Fragment,{children:[e.jsx(s.BodySecondary,Object.assign({style:{marginBottom:8}},{children:"Expiration"})),e.jsx("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:e.jsx(i.Dropdown,{width:"268px",options:m,placement:"bottom-start",onSelect:e=>{const t=e.value;d.setSelectedExpiration(t),d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})}))]})}),d.selectedExpiration===n.COUPON_EXPIRATION.DYNAMIC_EXPIRATION&&e.jsx(a.Input,{value:null===(p=d.discountData.expireAfter)||void 0===p?void 0:p.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{x(void 0);const t=Number.parseInt(e);t>0?d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAfter:t,expireAt:void 0})):x("Please enter valid input")})(e)},isRequired:!0,errorMessage:d.inValidCouponExpiry?"Required Field":l,state:d.inValidCouponExpiry?"invalid":"none"}),d.selectedExpiration===n.COUPON_EXPIRATION.FIXED_EXPIRATION&&e.jsxs(e.Fragment,{children:[e.jsx(s.BodySecondary,{children:"Expiring on"}),e.jsx(o.CustomDateTime,{placement:"bottom-start",time:(()=>{try{return t.format(O(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(O()),error:u,setError:c,onChange:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(D)})]})]}))};