@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

package/dist/esm/components/code-block/keywordMap.d.ts

@@ -0,0 +1 @@
+export declare const keywordsMap: Record<string, string[]>;

package/dist/esm/components/code-block/keywordMap.js

@@ -0,0 +1 @@
+const t={javascript:["function","const","let","var","if","else","for","while","return","class","import","export","from","async","await","try","catch","new","this","console","log","window","document","switch"],python:["def","class","if","else","elif","for","while","import","from","return","try","except","with","as","lambda","and","or","not","in","print"],java:["public","private","protected","static","class","interface","if","else","for","while","return","import","new","this","extends","implements","System","out","println"],css:["color","background","background-color","font-family","margin","padding","display","position","flex","grid","width","height","border","font"],html:["div","span","p","h1","h2","h3","body","head","html","script","style","link"],json:["true","false","null"]};export{t as keywordsMap};

package/dist/esm/components/code-block/languageSpecificFormatting/html.d.ts

@@ -0,0 +1 @@
+export declare function format(code: string): string;

package/dist/esm/components/code-block/languageSpecificFormatting/javascript.d.ts

@@ -0,0 +1,3 @@
+import { CodeThemeMode } from '../types';
+export declare function colorOverWrite(theme: CodeThemeMode): Record<string, string> | undefined;
+export declare function colorMap(theme: CodeThemeMode): string[] | undefined;

package/dist/esm/components/code-block/languageSpecificFormatting/javascript.js

@@ -0,0 +1 @@
+function f(f){const n={light:{function:"#970000"},dark:{function:"#79c0ff"}};return null==n?void 0:n[f]}function n(f){const n={light:["#E13B4D","#7043BE","#005DC1","#ED6729"],dark:["#ff7b72","#d2a8ff","#a5d6ff","#ffa657","#7ee787"]};return(null==n?void 0:n[f])||void 0}export{n as colorMap,f as colorOverWrite};

package/dist/esm/components/code-block/types.d.ts

@@ -0,0 +1,20 @@
+export declare enum CodeLanguage {
+    JAVASCRIPT = "javascript",
+    PYTHON = "python",
+    JAVA = "java",
+    CSS = "css",
+    HTML = "html",
+    JSON = "json"
+}
+export type CodeThemeMode = 'dark' | 'light';
+export interface CodeBlockProps {
+    code?: string;
+    language?: CodeLanguage;
+    title?: string;
+    hideHeader?: boolean;
+    hideCopy?: boolean;
+    hideLineNumbers?: boolean;
+    maxHeight?: string;
+    maxWidth?: string;
+    theme?: CodeThemeMode;
+}

package/dist/esm/components/code-block/types.js

@@ -0,0 +1 @@
+var a;!function(a){a.JAVASCRIPT="javascript",a.PYTHON="python",a.JAVA="java",a.CSS="css",a.HTML="html",a.JSON="json"}(a||(a={}));export{a as CodeLanguage};

package/dist/esm/components/colourInput/ColourInput.d.ts

@@ -1,12 +1,8 @@
-import React__default from 'react';
-
-interface ColourInputProps {
-    value: string;
-    labelText: string;
-    headingText?: string;
-    onValueChange: (value: string) => void;
-}
-declare const ColourInput: React__default.FC<ColourInputProps>;
-
-export { ColourInput };
-export type { ColourInputProps };
+import React from 'react';
+export interface ColourInputProps {
+    value: string;
+    labelText: string;
+    headingText?: string;
+    onValueChange: (value: string) => void;
+}
+export declare const ColourInput: React.FC<ColourInputProps>;

package/dist/esm/components/colourInput/ColourInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as r,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as a}from"../TypographyStyle.js";const n=n=>e("div",{className:"buttonColorCustom",children:[n.headingText&&o(l,{children:n.headingText}),e(r,{children:[o(a,{children:n.labelText??"Colour"}),o(t,{type:"color",onChange:e=>{n.onValueChange(e.target.value)},value:n.value})]})]});export{n as ColourInput};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as r,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as n}from"../TypographyStyle.js";const a=a=>{var i;return e("div",Object.assign({className:"buttonColorCustom"},{children:[a.headingText&&o(l,{children:a.headingText}),e(r,{children:[o(n,{children:null!==(i=a.labelText)&&void 0!==i?i:"Colour"}),o(t,{type:"color",onChange:e=>{a.onValueChange(e.target.value)},value:a.value})]})]}))};export{a as ColourInput};

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

@@ -0,0 +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;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/esm/components/colourInput/ColourInput.styled.js

@@ -1,29 +1 @@
-import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
-	margin-top: 8px;
-	display: flex;
-	min-height: unset;
-	flex-direction: row;
-	align-items: center;
-	padding: 20px 8px;
-	flex: 1;
-	gap: 16px;
-	width: 100%;
-	height: 48px;
-	background: ${e.colorsV2.surface.standard};
-	border: 1px solid ${e.colorsV2.stroke.primary};
-	border-radius: 4px;
-	justify-content: space-between;
-`,t=r.input`
-	padding: 0;
-	border: #e0e0e0 1px solid;
-	width: 32px;
-	height: 32px;
-	border-radius: 50%;
-	overflow: hidden;
-	&:hover {
-		cursor: pointer;
-	}
-	::-webkit-color-swatch {
-		border-color: transparent;
-	}
-`;export{o as ColorInputContainer,t as StyledColorInput};
+import c from"@emotion/styled/base";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px 8px;flex:1;gap:16px;width:100%;height:48px;background:",e.colorsV2.surface.standard,";border:1px solid ",e.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0bWluLWhlaWdodDogdW5zZXQ7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHBhZGRpbmc6IDIwcHggOHB4O1xuXHRmbGV4OiAxO1xuXHRnYXA6IDE2cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDQ4cHg7XG5cdGJhY2tncm91bmQ6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dCBgXG5cdHBhZGRpbmc6IDA7XG5cdGJvcmRlcjogI2UwZTBlMCAxcHggc29saWQ7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Jjpob3ZlciB7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHR9XG5cdDo6LXdlYmtpdC1jb2xvci1zd2F0Y2gge1xuXHRcdGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbG91cklucHV0LnN0eWxlZC5qcy5tYXAiXX0= */")),t=c("input","production"===process.env.NODE_ENV?{target:"e1n3hesw0"}:{target:"e1n3hesw0",label:"StyledColorInput"})("production"===process.env.NODE_ENV?{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}"}:{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiJDb2xvdXJJbnB1dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29sb3JJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nOiAyMHB4IDhweDtcblx0ZmxleDogMTtcblx0Z2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRiYWNrZ3JvdW5kOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbG9ySW5wdXQgPSBzdHlsZWQuaW5wdXQgYFxuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6ICNlMGUwZTAgMXB4IHNvbGlkO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCY6aG92ZXIge1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0fVxuXHQ6Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcblx0XHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db2xvdXJJbnB1dC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{d as ColorInputContainer,t as StyledColorInput};

package/dist/esm/components/colourInput/index.d.ts

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

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

@@ -1,22 +1,19 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import React__default from 'react';
-import { CountryCode } from './CountryCodePicker.modal.js';
-
-declare const CountryCodePicker: React__default.FC<{
-    version: '1.0' | '2.0';
-    onCountrySelect: (country: CountryCode) => void;
-    selectedCountry: CountryCode;
-    popoverWidth?: string;
-    height?: string;
-    placement?: Placement;
-    placementStrategy?: PositioningStrategy;
-    disabled?: boolean;
-    hideFlagImage?: boolean;
-    containerStyles?: React__default.CSSProperties;
-    codeColor?: string;
-    dialColor?: string;
-    countryTextStyle?: React__default.CSSProperties;
-    onDropdownClick?: () => void;
-}>;
-
-export { CountryCodePicker };
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import React from 'react';
+import { CountryCode } from "./CountryCodePicker.modal";
+export declare const CountryCodePicker: React.FC<{
+    version: '1.0' | '2.0';
+    onCountrySelect: (country: CountryCode) => void;
+    selectedCountry: CountryCode;
+    popoverWidth?: string;
+    height?: string;
+    placement?: Placement;
+    placementStrategy?: PositioningStrategy;
+    disabled?: boolean;
+    hideFlagImage?: boolean;
+    containerStyles?: React.CSSProperties;
+    codeColor?: string;
+    dialColor?: string;
+    countryTextStyle?: React.CSSProperties;
+    onDropdownClick?: () => void;
+}>;

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

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

package/dist/esm/components/country-code-picker/CountryCodePicker.modal.d.ts

@@ -1,10 +1,7 @@
-interface CountryCode {
-    name: string;
-    dial: string;
-    code: string;
-    code3: string;
-}
-declare const CountriesData: CountryCode[];
-
-export { CountriesData };
-export type { CountryCode };
+export interface CountryCode {
+    name: string;
+    dial: string;
+    code: string;
+    code3: string;
+}
+export declare const CountriesData: CountryCode[];

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

@@ -0,0 +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;
+}, 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;
+} & {
+    height?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.js

@@ -1,31 +1 @@
-import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	gap: 12px;
-	width: 100%;
-
-	.country-flag__option {
-		width: 24px;
-		height: auto;
-	}
-`,o=t.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	border: 1px solid ${e.stroke.primary};
-	padding: 6px 8px;
-	height: ${t=>t.height};
-
-	.content__wrapper {
-		display: flex;
-		gap: 8px;
-	}
-
-	.country-flag__selected-option {
-		width: 24px;
-		height: auto;
-	}
-`;export{i as StyledCountryPickerOption,o as StyledCountryPickerWrapper};
+import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const t=c("div","production"===process.env.NODE_ENV?{target:"efxlby21"}:{target:"efxlby21",label:"StyledCountryPickerOption"})("production"===process.env.NODE_ENV?{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}"}:{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9EIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),e=c("div","production"===process.env.NODE_ENV?{target:"efxlby20"}:{target:"efxlby20",label:"StyledCountryPickerWrapper"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",l.stroke.primary,";padding:6px 8px;height:",(c=>c.height),";.content__wrapper{display:flex;gap:8px;}.country-flag__selected-option{width:24px;height:auto;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FEIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJPcHRpb24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHR3aWR0aDogMTAwJTtcblxuXHQuY291bnRyeS1mbGFnX19vcHRpb24ge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogYXV0bztcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cblx0LmNvdW50cnktZmxhZ19fc2VsZWN0ZWQtb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{t as StyledCountryPickerOption,e as StyledCountryPickerWrapper};

package/dist/esm/components/country-code-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CountryCodePicker';
+export * from './CountryCodePicker.modal';

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

@@ -1,27 +1,23 @@
-import React__default, { ComponentType } from 'react';
-import { CURTAIN_TYPES, CURTAIN_MODE } from './CurtainHelper.js';
-
-type CurtainProps = {
-    type: CURTAIN_TYPES;
-    mode: CURTAIN_MODE;
-    text: string;
-    icon?: React__default.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    actionButtonText?: string;
-    actionButtonClickHandler?: () => void;
-    hideCrossIcon?: boolean;
-    onCloseHandler?: () => void;
-    strokeAtTop?: boolean;
-    strokeAtBottom?: boolean;
-    customComponent?: ComponentType<any>;
-    position?: 'sticky' | 'absolute' | 'fixed';
-    tertiaryButtonText?: string;
-    tertiaryButtonClickHandler?: () => void;
-};
-declare const Curtain: React__default.FC<CurtainProps>;
-
-export { Curtain };
-export type { CurtainProps };
+import React, { ComponentType } from 'react';
+import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
+export type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    customComponent?: ComponentType<any>;
+    position?: 'sticky' | 'absolute' | 'fixed';
+    tertiaryButtonText?: string;
+    tertiaryButtonClickHandler?: () => void;
+};
+export declare const Curtain: React.FC<CurtainProps>;

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

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

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

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

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

@@ -1,26 +1,25 @@
-declare enum CURTAIN_TYPES {
-    NEGATIVE = "Negative",
-    WARNING = "Warning",
-    POSITIVE = "Positive",
-    NEUTRAL = "Neutral",
-    SPECIAL = "Special",
-    MANIFEST = "Manifest"
-}
-declare enum CURTAIN_MODE {
-    LIGHT = "LIGHT",
-    DARK = "DARK"
-}
-interface ColorConfig {
-    backgroundColor: string;
-    textColor: string;
-    crossIconColor: string;
-    strokeColor?: string;
-}
-type ColorConfigMap = {
-    [mode in CURTAIN_MODE]: {
-        [type in CURTAIN_TYPES]: ColorConfig;
-    };
-};
-declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
-
-export { CURTAIN_COLOR_CONFIG_MAP, CURTAIN_MODE, CURTAIN_TYPES };
+export declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special",
+    MANIFEST = "Manifest"
+}
+export declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
+    };
+};
+export declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+export {};

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

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

package/dist/esm/components/curtain/index.d.ts

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

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

@@ -1,16 +1,12 @@
-import { Placement } from '@popperjs/core';
-import React__default from 'react';
-
-interface CustomTimeProps {
-    time: string;
-    date: Date;
-    minDate?: Date;
-    onChange: (date: Date) => void;
-    error: string | undefined;
-    setError: (error: string | undefined) => void;
-    placement: Placement;
-}
-declare const CustomDateTime: React__default.FC<CustomTimeProps>;
-
-export { CustomDateTime };
-export type { CustomTimeProps };
+import { Placement } from '@popperjs/core';
+import React from 'react';
+export interface CustomTimeProps {
+    time: string;
+    date: Date;
+    minDate?: Date;
+    onChange: (date: Date) => void;
+    error: string | undefined;
+    setError: (error: string | undefined) => void;
+    placement: Placement;
+}
+export declare const CustomDateTime: React.FC<CustomTimeProps>;

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

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

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

@@ -0,0 +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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/custom-date-time/CustomDateTime.styled.js

@@ -1,25 +1 @@
-import o from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
-	display: flex;
-	flex-direction: column;
-	position: relative;
-	justify-content: space-between;
-
-	.date-preview {
-		position: relative;
-		cursor: pointer;
-		border: 1px solid ${e.colorsV2.stroke.primary};
-		display: flex;
-		align-items: center;
-		height: 48px;
-		padding: 12px 8px 12px 16px;
-		border-radius: 4px;
-	}
-
-	.drop-down-item {
-		padding: 14px 16px;
-		border-bottom-width: 1px;
-		border-bottom-style: solid;
-		border-bottom-color: #e0e0e0;
-		width: 109px;
-	}
-`;export{t as CustomDateTimeStyle};
+import c from"@emotion/styled/base";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e1e0ewoc0"}:{target:"e1e0ewoc0",label:"CustomDateTimeStyle"})("display:flex;flex-direction:column;position:relative;justify-content:space-between;.date-preview{position:relative;cursor:pointer;border:1px solid ",e.colorsV2.stroke.primary,";display:flex;align-items:center;height:48px;padding:12px 8px 12px 16px;border-radius:4px;}.drop-down-item{padding:14px 16px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;width:109px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbURhdGVUaW1lLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiQ3VzdG9tRGF0ZVRpbWUuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ3VzdG9tRGF0ZVRpbWVTdHlsZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuXHQuZGF0ZS1wcmV2aWV3IHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRwYWRkaW5nOiAxMnB4IDhweCAxMnB4IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRyb3AtZG93bi1pdGVtIHtcblx0XHRwYWRkaW5nOiAxNHB4IDE2cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbS13aWR0aDogMXB4O1xuXHRcdGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuXHRcdGJvcmRlci1ib3R0b20tY29sb3I6ICNlMGUwZTA7XG5cdFx0d2lkdGg6IDEwOXB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DdXN0b21EYXRlVGltZS5zdHlsZWQuanMubWFwIl19 */"));export{d as CustomDateTimeStyle};

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.d.ts

@@ -0,0 +1,9 @@
+import { Placement } from '@popperjs/core';
+import React, { SetStateAction } from 'react';
+declare const DateSelector: React.FC<{
+    customDate: Date;
+    minDate?: Date;
+    setCustomDate: React.Dispatch<SetStateAction<Date>>;
+    placement: Placement;
+}>;
+export default DateSelector;

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

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

package/dist/esm/components/custom-date-time/index.d.ts

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

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.d.ts

@@ -1,21 +1,18 @@
-import React__default from 'react';
-
-declare const DashboardReviewPopUp: React__default.FC<{
-    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
-    onClose: () => void;
-    quickAnswerOptions?: string[];
-    titleMap?: {
-        [key: number]: string;
-    };
-    feedbackMap?: {
-        [key: number]: string;
-    };
-    fullStarSubmitText: string;
-    onRatingChange?: (stars: number) => void;
-    initialText?: string;
-    fiveStar?: {
-        subText: string;
-    };
-}>;
-
-export { DashboardReviewPopUp };
+import React from 'react';
+export declare const DashboardReviewPopUp: React.FC<{
+    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
+    onClose: () => void;
+    quickAnswerOptions?: string[];
+    titleMap?: {
+        [key: number]: string;
+    };
+    feedbackMap?: {
+        [key: number]: string;
+    };
+    fullStarSubmitText: string;
+    onRatingChange?: (stars: number) => void;
+    initialText?: string;
+    fiveStar?: {
+        subText: string;
+    };
+}>;

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{FiveStar as n}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as p}from"./DashboardReviewPopUp.styled.js";const c=({onClose:c,onSubmit:l,quickAnswerOptions:S,titleMap:d,feedbackMap:f,fullStarSubmitText:u,onRatingChange:h,initialText:b,fiveStar:x})=>{const[j,w]=e(0);function g(t){w(t),h?.(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(p,{onClick:c,children:t(i,{width:24,height:24})}),0===j?t(a,{handleStarSelection:g,initialText:b}):5===j?t(n,{fullStarSubmitText:u,onSubmit:l,handleStarSelection:g,subtext:x?.subText}):t(s,{titleMap:d,feedbackMap:f,stars:j,onStarChange:g,onSubmit:l,quickAnswerOptions:S})]})})};export{c as DashboardReviewPopUp};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as n}from"../dropShadow/DropShadow.js";import{FiveStar as r}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=p=>{let{onClose:c,onSubmit:S,quickAnswerOptions:u,titleMap:d,feedbackMap:f,fullStarSubmitText:h,onRatingChange:b,initialText:j,fiveStar:x}=p;const[g,w]=e(0);function v(t){w(t),null==b||b(t)}return t(n,Object.assign({level:"z2",position:"down"},{children:o(m,{children:[t(l,Object.assign({onClick:c},{children:t(i,{width:24,height:24})})),0===g?t(a,{handleStarSelection:v,initialText:j}):5===g?t(r,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:v,subtext:null==x?void 0:x.subText}):t(s,{titleMap:d,feedbackMap:f,stars:g,onStarChange:v,onSubmit:S,quickAnswerOptions:u})]})}))};export{p as DashboardReviewPopUp};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts

@@ -0,0 +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;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;