@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.8

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

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

package/dist/esm/components/code-block/CodeBlock.styled.d.ts

@@ -0,0 +1,31 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    themeMode: 'dark' | 'light';
+    maxWidth?: string | undefined;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {
+    themeMode: 'dark' | 'light';
+}, never>;
+export declare const WindowControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Dot: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
+export declare const TitleSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {
+    themeMode: 'dark' | 'light';
+}, never>;
+export declare const LanguageBadge: import("styled-components").StyledComponent<"div", any, {
+    bg: string;
+    color?: string | undefined;
+}, never>;
+export declare const CopyButton: import("styled-components").StyledComponent<"button", any, {
+    themeMode: 'dark' | 'light';
+}, never>;
+export declare const CodeContainer: import("styled-components").StyledComponent<"div", any, {
+    maxHeight: string;
+}, never>;
+export declare const LineNumbers: import("styled-components").StyledComponent<"div", any, {
+    themeMode: 'dark' | 'light';
+}, never>;
+export declare const Code: import("styled-components").StyledComponent<"pre", any, {
+    themeMode: 'dark' | 'light';
+}, never>;

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

@@ -0,0 +1,3 @@
+import { CodeLanguage, CodeThemeMode } from './types';
+export declare const randomStringToColor: (str: string) => string;
+export declare const highlightCode: (code: string, lang: CodeLanguage, theme?: CodeThemeMode) => string;

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

@@ -0,0 +1,2 @@
+export * from './CodeBlock';
+export * from './types';

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/languageSpecificFormatting/html_file.d.ts

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

package/dist/esm/components/code-block/languageSpecificFormatting/javascript_file.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/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/colourInput/ColourInput.d.ts

@@ -0,0 +1,8 @@
+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 n}from"../TypographyStyle.js";const a=a=>{var i;return e("div",{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};
+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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

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

@@ -1,29 +1 @@
-import r from"styled-components";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

@@ -0,0 +1,19 @@
+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 l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}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{COLORS as c}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,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`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(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map((t=>{var n,r,d,l;const s=`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:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.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(l,{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",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.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

@@ -0,0 +1,7 @@
+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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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"styled-components";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;
-	}
-`,p=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,p 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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,25 @@
+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/index.d.ts

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

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

@@ -0,0 +1,12 @@
+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"../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 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},j=j=>{const[D,f]=n(j.time),[h,v]=n(j.date);s((()=>{j.setError(void 0);const o=l.convert12HourTimeTo24Hour(D),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),j.onChange(i)}),[h,D]);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:j.placement,minDate:j.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(D),onSelect:o=>{f(o.value)},children:e(d,{value:D,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 j.setError("Selected time should be later than current time");j.setError(void 0),f(o)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),j.error&&e(p,{style:{paddingTop:8},children:j.error})]})};export{j 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, keyof import("react").JSX.IntrinsicElements> | 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"styled-components";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 o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.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";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,(()=>{f(!1)})),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};
+import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import s,{useState as p}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.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";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=p(null),[D,y]=p(null),[h,f]=p(!1),{styles:g,attributes:O}=i(u,D,{placement:j.placement}),b=s.useRef();return m(b,(()=>{f(!1)})),e(o,{children:[e("div",Object.assign({className:"date-preview",ref:w,onClick:()=>{f(!h)}},{children:[t(r,{width:24,height:24}),t("span",Object.assign({style:{marginLeft:8}},{children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")})),t(n,{style:{marginLeft:"auto"},width:22,height:22})]})),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},O.popper,{children:t("div",Object.assign({ref:b},{children:t(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!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

@@ -0,0 +1,18 @@
+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 l}from"./DashboardReviewPopUp.styled.js";const p=p=>{let{onClose:c,onSubmit:S,quickAnswerOptions:u,titleMap:d,feedbackMap:f,fullStarSubmitText:h,onRatingChange:b,initialText:x,fiveStar:j}=p;const[w,v]=e(0);function g(t){v(t),null==b||b(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:c,children:t(i,{width:24,height:24})}),0===w?t(a,{handleStarSelection:g,initialText:x}):5===w?t(n,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:g,subtext:null==j?void 0:j.subText}):t(s,{titleMap:d,feedbackMap:f,stars:w,onStarChange:g,onSubmit:S,quickAnswerOptions:u})]})})};export{p 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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CrossIconHolder: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,26 +1 @@
-import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
-	min-width: 323px;
-	min-height: 303px;
-	border-radius: 8px;
-	background: ${i.background.inverse};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	padding: 24px 16px;
-`,n=t.div`
-	border-radius: 20px;
-	display: flex;
-	width: 40px;
-	height: 40px;
-	padding: 8px;
-	justify-content: center;
-	align-items: center;
-	background: ${i.stroke.brandLightAlt};
-	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-	position: absolute;
-	top: -20px;
-	right: -20px;
-	cursor: pointer;
-`;export{e as Container,n as CrossIconHolder};
+import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg1"}:{target:"e1kh8vjg1",label:"Container"})("min-width:323px;min-height:303px;border-radius:8px;background:",l.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== */")),d=c("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.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== */"));export{b as Container,d as CrossIconHolder};

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

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

package/dist/esm/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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.js

@@ -1,18 +1 @@
-import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const n=e.div`
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	justify-content: center;
-	align-items: center;
-`,i=e.div`
-	display: flex;
-	width: 100%;
-	height: 48px;
-	padding: 0px 12px;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	background: ${t.surface.standard};
-	cursor: pointer;
-`;export{i as Button,n as Container};
+import c from"@emotion/styled/base";import{COLORS as l}from"../../../constants/Theme.js";const t=c("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)."}}),e=c("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:",l.surface.standard,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{e as Button,t as Container};

package/dist/esm/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;
+}>;