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

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

@@ -1,31 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	gap: 12px;
-	width: 100%;
-
-	.country-flag__option {
-		width: 24px;
-		height: auto;
-	}
-`,p=i.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	border: 1px solid ${t.COLORS.stroke.primary};
-	padding: 6px 8px;
-	height: ${e=>e.height};
-
-	.content__wrapper {
-		display: flex;
-		gap: 8px;
-	}
-
-	.country-flag__selected-option {
-		width: 24px;
-		height: auto;
-	}
-`;exports.StyledCountryPickerOption=o,exports.StyledCountryPickerWrapper=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var e=t(c);const b=e.default("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)."}}),a=e.default("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.COLORS.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= */"));exports.StyledCountryPickerOption=b,exports.StyledCountryPickerWrapper=a;

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

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

package/dist/cjs/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/cjs/components/curtain/Curtain.js

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

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

@@ -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/cjs/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/cjs/components/curtain/CurtainHelper.js

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

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

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

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

package/dist/cjs/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/cjs/components/custom-date-time/CustomDateTime.styled.js

@@ -1,25 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
-	display: flex;
-	flex-direction: column;
-	position: relative;
-	justify-content: space-between;
-
-	.date-preview {
-		position: relative;
-		cursor: pointer;
-		border: 1px solid ${t.DEFAULT_THEME.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;
-	}
-`;exports.CustomDateTimeStyle=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=t(e).default("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 ",c.DEFAULT_THEME.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 */"));exports.CustomDateTimeStyle=d;

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

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

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

package/dist/cjs/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/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js

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

package/dist/cjs/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>, {}>;

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.js

@@ -1,26 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
-	min-width: 323px;
-	min-height: 303px;
-	border-radius: 8px;
-	background: ${t.COLORS.background.inverse};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	padding: 24px 16px;
-`,o=i.default.div`
-	border-radius: 20px;
-	display: flex;
-	width: 40px;
-	height: 40px;
-	padding: 8px;
-	justify-content: center;
-	align-items: center;
-	background: ${t.COLORS.stroke.brandLightAlt};
-	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-	position: absolute;
-	top: -20px;
-	right: -20px;
-	cursor: pointer;
-`;exports.Container=n,exports.CrossIconHolder=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("../../constants/Theme.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var e=b(c);const d=e.default("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg1"}:{target:"e1kh8vjg1",label:"Container"})("min-width:323px;min-height:303px;border-radius:8px;background:",l.COLORS.background.inverse,";display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px 16px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */")),t=e.default("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg0"}:{target:"e1kh8vjg0",label:"CrossIconHolder"})("border-radius:20px;display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;background:",l.COLORS.stroke.brandLightAlt,";box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);position:absolute;top:-20px;right:-20px;cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEMiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Container=d,exports.CrossIconHolder=t;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FiveStar: React.FC<{
+    handleStarSelection: (stars: number) => void;
+    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
+    fullStarSubmitText: string;
+    subtext?: string;
+}>;

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../star-rating/StarRating.js"),t=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=({handleStarSelection:i,onSubmit:s,fullStarSubmitText:o,subtext:l})=>e.jsxs(a.Container,{children:[e.jsx(t.TitleMedium,{color:n.COLORS.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),e.jsx(r.StarRating,{starSize:32,value:5,onChange:i}),e.jsx(t.BodySecondary,{color:n.COLORS.surface.standard,style:{textAlign:"center",width:200},children:l??"Help us by leaving a review on Shopify App Store"}),e.jsx(a.Button,{onClick:()=>s(5),children:e.jsx(t.ButtonLarge,{color:n.COLORS.content.brand,children:o})})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=s=>{let{handleStarSelection:i,onSubmit:l,fullStarSubmitText:o,subtext:c}=s;return e.jsxs(a.Container,{children:[e.jsx(r.TitleMedium,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),e.jsx(t.StarRating,{starSize:32,value:5,onChange:i}),e.jsx(r.BodySecondary,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center",width:200}},{children:null!=c?c:"Help us by leaving a review on Shopify App Store"})),e.jsx(a.Button,Object.assign({onClick:()=>l(5)},{children:e.jsx(r.ButtonLarge,Object.assign({color:n.COLORS.content.brand},{children:o}))}))]})};

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.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 Button: 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/cjs/components/dashboard-review-popup/components/FiveStar.styled.js

@@ -1,18 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	justify-content: center;
-	align-items: center;
-`,o=n.default.div`
-	display: flex;
-	width: 100%;
-	height: 48px;
-	padding: 0px 12px;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	background: ${t.COLORS.surface.standard};
-	cursor: pointer;
-`;exports.Button=o,exports.Container=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("../../../constants/Theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=l(e);const d=t.default("div","production"===process.env.NODE_ENV?{target:"erqfrtj1"}:{target:"erqfrtj1",label:"Container"})("production"===process.env.NODE_ENV?{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center"}:{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */",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)."}}),n=t.default("div","production"===process.env.NODE_ENV?{target:"erqfrtj0"}:{target:"erqfrtj0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",c.COLORS.surface.standard,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Button=n,exports.Container=d;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const Form: React.FC<{
+    stars: number;
+    titleMap?: {
+        [key: number]: string;
+    };
+    feedbackMap?: {
+        [key: number]: string;
+    };
+    onStarChange: (stars: number) => void;
+    quickAnswerOptions?: string[];
+    onSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;
+}>;

package/dist/cjs/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),a=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),n=require("./Form.styled.js");const t={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},c={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=({stars:l,titleMap:o,feedbackMap:d,onStarChange:u,onSubmit:p,quickAnswerOptions:h})=>{const x=o??t,j=d??c,[f,m]=r.useState([]),v=r.useRef(null),S=x[l],y=j[l];return e.jsxs(n.Container,{children:[e.jsxs(n.StarWrapper,{children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:S}),e.jsx(s.StarRating,{starSize:24,value:l,onChange:u})]}),h&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:y}),e.jsx(n.Wrapper,{children:h?.map(((r,s)=>{const t=f.includes(r);return e.jsx(n.Chip,{selected:t,onClick:()=>{m(t?e=>e.filter((e=>e!==r)):e=>[...e,r])},children:e.jsx(a.BodySecondary,{color:t?i.COLORS.background.inverse:i.COLORS.surface.standard,children:r})},s)}))})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:"Add detailed feedback"}),e.jsx(n.TextArea,{placeholder:"We read every response!",ref:v})]}),e.jsx("div",{style:{width:"100%"},children:e.jsx(n.Button,{onClick:function(){p(l,f,v.current?.value??"")},children:e.jsx(a.ButtonLarge,{color:i.COLORS.content.primaryInverse,children:"Submit"})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./Form.styled.js");const t={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},l={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=c=>{let{stars:o,titleMap:d,feedbackMap:u,onStarChange:p,onSubmit:h,quickAnswerOptions:j}=c;const v=null!=d?d:t,O=null!=u?u:l,[g,x]=r.useState([]),b=r.useRef(null),f=v[o],m=O[o];return e.jsxs(a.Container,{children:[e.jsxs(a.StarWrapper,{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:f})),e.jsx(s.StarRating,{starSize:24,value:o,onChange:p})]}),j&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:m})),e.jsx(a.Wrapper,{children:null==j?void 0:j.map(((r,s)=>{const t=g.includes(r);return e.jsx(a.Chip,Object.assign({selected:t,onClick:()=>{x(t?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsx(i.BodySecondary,Object.assign({color:t?n.COLORS.background.inverse:n.COLORS.surface.standard},{children:r}))}),s)}))})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:"Add detailed feedback"})),e.jsx(a.TextArea,{placeholder:"We read every response!",ref:b})]})),e.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsx(a.Button,Object.assign({onClick:function(){var e,r;h(o,g,null!==(r=null===(e=b.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsx(i.ButtonLarge,Object.assign({color:n.COLORS.content.primaryInverse},{children:"Submit"}))}))}))]})};

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

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