@bikdotai/bik-component-library 0.0.763-beta.58 → 0.0.764-beta.0

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/button/Button.styled.d.ts

@@ -2,7 +2,7 @@
 import { Size, Type } from './model';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     size: Size;
     buttonType: Type;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts

@@ -2,35 +2,35 @@
 import { CarouselVersion } from './model';
 export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     textAlign: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isActive: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Indicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isActive: boolean;
     version?: CarouselVersion | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),s=require("./CodeBlockHelper.js"),n=require("./types.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=c=>{let{code:d="",language:l=n.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:j="400px",maxWidth:g,theme:p="dark",hideHeader:m=!1,hideCopy:b=!1}=c;const[f,x]=r.useState(!1),[v,C]=r.useState(d);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return a(require(e))})));if((null==r?void 0:r.format)&&t)return void C(r.format(d))}catch(e){}var e;t&&C(d)})),()=>{t=!1}}),[d,l]);const y=v.split("\n");return t.jsxs(o.Container,Object.assign({themeMode:p,maxWidth:g},{children:[!m&&t.jsxs(o.Header,Object.assign({themeMode:p},{children:[t.jsxs(o.TitleSection,{children:[!!u&&u&&t.jsx(o.Title,Object.assign({themeMode:p},{children:u})),t.jsx(o.LanguageBadge,Object.assign({bg:(O=l,{javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[O.toLowerCase()]||("dark"===p?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l)},{children:l}))]}),!b&&t.jsx(o.CopyButton,Object.assign({themeMode:p,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(d),x(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>x(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:f?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})}))]})),t.jsxs(o.CodeContainer,Object.assign({maxHeight:j},{children:[!h&&t.jsx(o.LineNumbers,Object.assign({themeMode:p},{children:y.map(((e,r)=>t.jsx("div",{children:r+1},r)))})),t.jsx(o.Code,Object.assign({themeMode:p},{children:y.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:s.highlightCode(e,l,p)||" "}},r)))}))]}))]}));var O};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../toaster/Toaster.js"),s=require("./CodeBlock.styled.js"),o=require("./CodeBlockHelper.js"),a=require("./types.js");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=c=>{let{code:d="",language:l=a.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:j="400px",maxWidth:g,theme:m="dark",hideHeader:p=!1,hideCopy:x=!1}=c;const[b,f]=r.useState(!1),[v,C]=r.useState(!1),[y,O]=r.useState("success"),[_,M]=r.useState(d);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return n(require(e))})));if((null==r?void 0:r.format)&&t)return void M(r.format(d))}catch(e){}var e;t&&M(d)})),()=>{t=!1}}),[d,l]);const T=_.split("\n");return t.jsxs(s.Container,Object.assign({themeMode:m,maxWidth:g},{children:[!p&&t.jsxs(s.Header,Object.assign({themeMode:m},{children:[t.jsxs(s.TitleSection,{children:[!!u&&u&&t.jsx(s.Title,Object.assign({themeMode:m},{children:u})),t.jsx(s.LanguageBadge,Object.assign({bg:(q=l,{javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[q.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l)},{children:l}))]}),!x&&t.jsx(s.CopyButton,Object.assign({themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(d),f(!0),O("success"),C(!0),setTimeout((()=>f(!1)),2e3)}catch(e){O("error"),C(!0)}}))},{children:b?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})}))]})),t.jsxs(s.CodeContainer,Object.assign({maxHeight:j},{children:[!h&&t.jsx(s.LineNumbers,Object.assign({themeMode:m},{children:T.map(((e,r)=>t.jsx("div",{children:r+1},r)))})),t.jsx(s.Code,Object.assign({themeMode:m},{children:T.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:o.highlightCode(e,l,m)||" "}},r)))}))]})),v&&t.jsx(i.Toaster,{text:"success"===y?"Code copied to clipboard!":"Failed to copy code",autoClose:2e3,type:y,hideProgressBar:!0,onCloseToast:()=>C(!1)})]}));var q};

package/dist/cjs/components/colourInput/ColourInput.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

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("../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"),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})]}))}))};

package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     height?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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"),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("../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((()=>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(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=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: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"),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})]}))}))};

package/dist/cjs/components/country-code-picker/CountryPicker.styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const StyledCountryOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCountryPickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     height?: string | undefined;
     disabled?: boolean | undefined;

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"),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),[D,q]=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:q,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}))]})};
+"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}))]})};

package/dist/cjs/components/custom-date-time/CustomDateTime.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const CustomDateTimeStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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("../../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("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/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CrossIconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/dashboard-review-popup/components/Form.styled.d.ts

@@ -1,27 +1,27 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StarWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Chip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selected?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextArea: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/datePicker/DatePicker.styled.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selectRange: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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("../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]),m=(e,r)=>{if(e)return r.find((r=>r.value===e))},c=m(i,l),j=m(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:c?[c]:[],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("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"})]})]})};

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");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("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)})]})]}))};