@bikdotai/bik-component-library 0.0.326-beta.1 → 0.0.326

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

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

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

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

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

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

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

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

@@ -0,0 +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 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> | 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/esm/components/dashboard-review-popup/components/FiveStar.styled.js

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

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as n}from"react";import{StarRating as s}from"../../star-rating/StarRating.js";import{TitleRegular as c,BodySecondary as o,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as l}from"../../../constants/Theme.js";import{Container as t,StarWrapper as d,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={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"},v={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?"},b=b=>{let{stars:g,titleMap:j,feedbackMap:k,onStarChange:y,onSubmit:O,quickAnswerOptions:w}=b;const x=null!=j?j:f,S=null!=k?k:v,[W,Y]=i([]),C=n(null),A=x[g],D=S[g];return e(t,{children:[e(d,{children:[r(c,Object.assign({color:l.surface.standard},{children:A})),r(s,{starSize:24,value:g,onChange:y})]}),w&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r(c,Object.assign({color:l.surface.standard},{children:D})),r(p,{children:null==w?void 0:w.map(((e,i)=>{const n=W.includes(e);return r(u,Object.assign({selected:n,onClick:()=>{Y(n?r=>r.filter((r=>r!==e)):r=>[...r,e])}},{children:r(o,Object.assign({color:n?l.background.inverse:l.surface.standard},{children:e}))}),i)}))})]})),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[r(c,Object.assign({color:l.surface.standard},{children:"Add detailed feedback"})),r(m,{placeholder:"We read every response!",ref:C})]})),r("div",Object.assign({style:{width:"100%"}},{children:r(h,Object.assign({onClick:function(){var e,r;O(g,W,null!==(r=null===(e=C.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:r(a,Object.assign({color:l.content.primaryInverse},{children:"Submit"}))}))}))]})};export{b as Form};

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

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as G}from"../../../constants/Theme.js";function b(){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)."}const X=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft5"}:{target:"e1esgxft5",label:"Container"})("production"===process.env.NODE_ENV?{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%"}:{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),d=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft4"}:{target:"e1esgxft4",label:"StarWrapper"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),l=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft3"}:{target:"e1esgxft3",label:"Chip"})("border-radius:24px;border:1px solid ",(c=>c.selected?G.surface.standard:G.stroke.primary),";display:flex;padding:10px 12px;align-items:flex-start;gap:10px;cursor:pointer;background:",(c=>c.selected?G.surface.standard:"transparent"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMrQiIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */")),x=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft2"}:{target:"e1esgxft2",label:"Wrapper"})("production"===process.env.NODE_ENV?{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap"}:{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */",toString:b}),H=c("textarea","production"===process.env.NODE_ENV?{target:"e1esgxft1"}:{target:"e1esgxft1",label:"TextArea"})("border-radius:8px;border:1px solid ",G.stroke.primary,";height:120px;width:100%;background:transparent;color:white;padding:4px 8px;&::placeholder{color:white;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCd0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft0"}:{target:"e1esgxft0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",G.background.brand,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDaUMiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */"));export{Z as Button,l as Chip,X as Container,d as StarWrapper,H as TextArea,x as Wrapper};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ZeroState: React.FC<{
+    handleStarSelection: (stars: number) => void;
+    initialText?: string;
+}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as g}from"../../star-rating/StarRating.js";import{TitleMedium as l}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const a=c("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",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)."}}),d=c=>{let{handleStarSelection:d,initialText:n}=c;return e(a,{children:[t(l,Object.assign({color:i.surface.standard},{children:null!=n?n:"Rate your experience with us"})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:t(g,{starSize:32,onChange:d})}))]})};export{d as ZeroState};

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

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

package/dist/esm/components/datePicker/DatePickerWrapper.d.ts

@@ -8,5 +8,7 @@ declare const DatePickerWrapper: React.FC<{
     pickerStyles?: CSSProperties;
     nativeID?: string;
     disabled?: boolean;
+    maxDate?: Date;
+    minDate?: Date;
 }>;
 export default DatePickerWrapper;

package/dist/esm/components/datePicker/DatePickerWrapper.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),e(t,{children:[e(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.secondary})]})),C&&!b&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{p(e),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};
+import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import a,{useState as o}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f,maxDate:h,minDate:S}=g;var j,w,C,k;const[L,O]=o(!1),x=a.createRef();return i(x,(()=>{O(!1)})),t(e,{children:[t(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>O(!L)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.primary,flex:1}},{children:D?Array.isArray(D)?(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString())&&(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString())?`${new Date(null===(C=null==D?void 0:D[0])||void 0===C?void 0:C.toString()).toLocaleDateString()}-${new Date(null===(k=null==D?void 0:D[1])||void 0===k?void 0:k.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.primary})]})),L&&!b&&r(u,Object.assign({ref:x,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{p(t),O(!1)},maxDate:h,minDate:S,value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{format as a}from"date-fns";import{useState as n,useEffect as o}from"react";import{CustomDateTime as r}from"../../custom-date-time/CustomDateTime.js";import{Input as s}from"../../input/Input.js";import{RadioButton as d}from"../../radioButton/RadioButton.js";import{TitleRegular as c,BodySecondary as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as D}from"../../../constants/Theme.js";var I;!function(e){e.FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration"}(I||(I={}));const l=l=>{var m;const[A,u]=n(l.discountData.expireAt?I.FIXED_EXPIRATION:l.discountData.expireAfter?I.DYNAMIC_EXPIRATION:void 0),[x,E]=n(),[h,v]=n(),O=(new Date).setDate((new Date).getDate()+1);o((()=>{(null==A||x||h)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),A&&(x||h)&&(A===I.FIXED_EXPIRATION?v(void 0):E(void 0))}),[A,x,h]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t(c,{children:"Coupon expiration (optional)"}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.DYNAMIC_EXPIRATION,onValueChange:()=>{v(void 0),u(A===I.DYNAMIC_EXPIRATION?void 0:I.DYNAMIC_EXPIRATION)}}),t(p,{children:"Validity days from coupon claim"})]})),A===I.DYNAMIC_EXPIRATION&&t(s,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:e=>{(e=>{v(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):v("Please enter days more than 0")})(e)}}),h&&t(p,Object.assign({style:{color:D.colorsV2.stroke.negative.vibrant}},{children:h})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.FIXED_EXPIRATION,onValueChange:()=>{u(A===I.FIXED_EXPIRATION?void 0:I.FIXED_EXPIRATION)}}),t(p,{children:"Fixed expiry date"})]})),A===I.FIXED_EXPIRATION&&e(i,{children:[t(p,{children:"Ending on"}),t(r,{placement:"bottom-start",time:l.discountData.expireAt?a(new Date(l.discountData.expireAt),"hh:mm a"):a(new Date,"hh:mm a"),date:l.discountData.expireAt?new Date(l.discountData.expireAt):new Date,error:x,setError:E,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(O)})]})]}))};export{I as COUPON_EXPIRATION,l as CouponExpiration};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{format as a}from"date-fns";import{useState as n,useEffect as o}from"react";import{CustomDateTime as r}from"../../custom-date-time/CustomDateTime.js";import{Input as s}from"../../input/Input.js";import{RadioButton as d}from"../../radioButton/RadioButton.js";import{TitleRegular as c,BodySecondary as p}from"../../TypographyStyle.js";var D;!function(e){e.FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration"}(D||(D={}));const I=I=>{var l;const[m,u]=n(I.discountData.expireAt?D.FIXED_EXPIRATION:I.discountData.expireAfter?D.DYNAMIC_EXPIRATION:void 0),[A,x]=n(),[E,v]=n(),O=(new Date).setDate((new Date).getDate()+1);o((()=>{(null==m||A||E)&&I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAfter:void 0,expireAt:void 0})),m&&(A||E)&&(m===D.FIXED_EXPIRATION?v(void 0):x(void 0))}),[m,A,E]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t(c,{children:"Coupon expiration (optional)"}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:m===D.DYNAMIC_EXPIRATION,onValueChange:()=>{v(void 0),u(m===D.DYNAMIC_EXPIRATION?void 0:D.DYNAMIC_EXPIRATION)}}),t(p,{children:"Validity days from coupon claim"})]})),m===D.DYNAMIC_EXPIRATION&&t(s,{errorMessage:E,value:null===(l=I.discountData.expireAfter)||void 0===l?void 0:l.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:e=>{(e=>{v(void 0);const t=Number.parseInt(e);t>0?I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAfter:t,expireAt:void 0})):v("Please enter valid input")})(e)}}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:m===D.FIXED_EXPIRATION,onValueChange:()=>{u(m===D.FIXED_EXPIRATION?void 0:D.FIXED_EXPIRATION)}}),t(p,{children:"Fixed expiry date"})]})),m===D.FIXED_EXPIRATION&&e(i,{children:[t(p,{children:"Ending on"}),t(r,{placement:"bottom-start",time:I.discountData.expireAt?a(new Date(I.discountData.expireAt),"hh:mm a"):a(new Date(O),"hh:mm a"),date:I.discountData.expireAt?new Date(I.discountData.expireAt):new Date(O),error:A,setError:x,onChange:e=>{I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(O)})]})]}))};export{D as COUPON_EXPIRATION,I as CouponExpiration};

package/dist/esm/components/discount-modal/DiscountModal.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ICouponData } from "./type";
-import { Product } from "../product-picker/type";
+import { Collection, Product } from "../product-picker/type";
 export interface DiscountDialogueI {
+    hideOption?: 'static' | 'dynamic';
     isOpen: boolean;
     title: string;
     subTitle?: string;
@@ -10,11 +11,13 @@ export interface DiscountDialogueI {
     data?: ICouponData;
     onSaveClicked: (discountData: ICouponData) => void;
     onProductSearch: (key: string) => Promise<Product[]>;
+    onCollectionSearch: (key: string) => Promise<Collection[]>;
     hideExpiration?: boolean;
     hideProbability?: boolean;
     probability?: number[];
     quadrant?: number;
     products?: Product[];
+    collection?: Collection[];
     discountAdminUrl?: string;
     currency?: string;
 }

package/dist/esm/components/discount-modal/DiscountModal.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as a,DISCOUNT_VALUE_TYPES as c}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as p,BodyCaption as u}from"../TypographyStyle.js";import{DEFAULT_THEME as m}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"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as b}from"../modals/styledModal.js";import{ProductPickerContent as y}from"../product-picker/ProductPickerModal.js";import{Tag as E}from"../tag/Tag.js";import{Tooltip as v}from"../tooltips/Tooltip.js";import T from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as P,CouponTypeContainerStyled as C}from"./DiscountModal.styled.js";import{validateDiscountData as g}from"./DiscountUtils.js";import I,{DISCOUNT_PRODUCTS as j}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const h=h=>{var O,N,D,_;const[w,f]=i(),[A,q]=i(null!==(O=h.data)&&void 0!==O?O:{isStaticCoupon:!1}),[G,M]=i(!0),[x,F]=i(),[L,R]=i((null===(N=h.data)||void 0===N?void 0:N.minAmount)?r.AMOUNT:(null===(D=h.data)||void 0===D?void 0:D.minQuantity)?r.QUANTITY:r.NA),[k,U]=i([]),[B,X]=i([]),[Y,Q]=i(0);n((()=>{let t;h.hideProbability||(t=V()),M(g(A,L,x,h.hideProbability||!1,t,!!A.isStaticCoupon)),h.hideProbability||V()}),[]),n((()=>{let t;h.hideProbability||(t=V()),M(g(A,L,x,h.hideProbability||!1,t,!!A.isStaticCoupon))}),[A,Y,x,L]),n((()=>{var t,e;if(h.products){if(null===(t=h.data)||void 0===t?void 0:t.entitledProductIds){const t=h.products.filter((t=>{var e,o;return null===(o=null===(e=h.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));X(t)}if(null===(e=h.data)||void 0===e?void 0:e.prerequisiteProductIds){const t=h.products.filter((t=>{var e,o;return null===(o=null===(e=h.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));U(t)}}}),[]),n((()=>{const t=B.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{entitledProductIds:t}))}),[B]),n((()=>{const t=k.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{prerequisiteProductIds:t}))}),[k]),n((()=>{A.targetType===d.SHIPPING_LINE?F(s.FREE_SHIPPING):A.targetSelection===a.ENTITLED?F(s.BUY_X_GET_Y):A.valueType===c.FIXED_AMOUNT?F(s.FIXED_AMOUNT):A.valueType===c.PERCENTAGE&&F(s.PERCENTAGE)}),[]);const H=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:x===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:x===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:x===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:x===s.FREE_SHIPPING}],V=()=>{if(!h.quadrant||!h.probability)return;const t=[...h.probability];let e=[];t.length>=h.quadrant&&t.splice(h.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(A.probability||0);return Q(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},z=t=>{const e=t.value;F(e),e===s.FREE_SHIPPING?(U([]),X([]),q(Object.assign(Object.assign({},A),{value:100,targetSelection:a.ALL,targetType:d.SHIPPING_LINE,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.BUY_X_GET_Y?q(Object.assign(Object.assign({},A),{targetSelection:a.ENTITLED,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE})):e===s.PERCENTAGE?(U([]),X([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.FIXED_AMOUNT&&(U([]),X([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.FIXED_AMOUNT,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0})))};return t(b,Object.assign({open:h.isOpen,headingTitle:w?"Select Products":h.title,headingSubtitle:w?void 0:h.subTitle,footerLeftCustomElement:!h.quadrant||h.hideProbability?e(o,{}):Y<=1?e(E,{theme:"light",tagText:`Current probability sum: ${Y}`,type:"white"}):e(v,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e("div",{children:e(E,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${Y}`,type:"negative",LeadingIcon:T})})})),headerRightCustomElement:h.allowStaticCoupon||w?void 0:e(l,{options:H,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{z(t)}}),onClose:h.onClose,footerShadow:!0,primaryButton:w?{buttonType:"primary",onClick:()=>{f(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:G,onClick:()=>{A.isStaticCoupon?h.onSaveClicked({quadrant:A.quadrant,couponCode:A.couponCode,description:A.description,isStaticCoupon:A.isStaticCoupon,probability:A.probability,title:A.title}):h.onSaveClicked(A),q({})}},secondaryButton:w?{buttonType:"tertiaryGray",onClick:()=>{f(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:h.onClose,buttonText:"Close"}},{children:[!w&&t(P,{children:[h.allowStaticCoupon&&!w&&t(C,Object.assign({selectedDiv:A.isStaticCoupon?1:2},{children:[t("div",Object.assign({className:"coupon-type__container",onClick:()=>{q({isStaticCoupon:!0,couponCode:A.couponCode,description:A.description,quadrant:A.quadrant})}},{children:[e(p,Object.assign({style:A.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:A.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),t("div",Object.assign({className:"coupon-type__container",onClick:()=>{q(Object.assign(Object.assign({},A),{isStaticCoupon:!1}))}},{children:[e(p,Object.assign({style:A.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:A.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),A.isStaticCoupon&&!w&&e(S,{discountData:A,setDiscountData:q,hideProbability:h.hideProbability||!1,discountAdminUrl:h.discountAdminUrl}),!A.isStaticCoupon&&!w&&e(I,{currency:h.currency,entitledProducts:B,prerequisiteProducts:k,setEntitledProducts:X,setPrerequisiteProducts:U,discountData:A,productPickerOpen:w,setIsProductPickerOpen:f,setDiscountData:q,selectedCouponType:x,setSelectedCouponType:F,selectedMinimumRequirement:L,setSelectedMinimumRequirement:R,hideProbability:h.hideProbability||!1,hideExpiration:h.hideExpiration||!1,allowStaticCoupon:h.allowStaticCoupon,onChangeCouponType:z})]}),!!w&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(y,{show:!0,onSave:()=>{},products:null!==(_=h.products)&&void 0!==_?_:[],title:"Select Products",onClose:()=>{f(void 0)},selectedProducts:w===j.ENTITLED?B:k,setSelectedProducts:w===j.ENTITLED?X:U,onSearchKeyChange:h.onProductSearch})}))]}))};export{h as DiscountModal};
+import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as c,DISCOUNT_VALUE_TYPES as l}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as p,BodyCaption as u}from"../TypographyStyle.js";import{DEFAULT_THEME as m}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"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as y}from"../modals/styledModal.js";import{ProductPickerContent as b}from"../product-picker/ProductPickerModal.js";import{Tag as v}from"../tag/Tag.js";import{Tooltip as C}from"../tooltips/Tooltip.js";import E from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as T,CouponTypeContainerStyled as I}from"./DiscountModal.styled.js";import{validateDiscountData as P}from"./DiscountUtils.js";import g,{DISCOUNT_PRODUCTS as h}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const j=j=>{var O,N,D,f,w;const[_,A]=i(),[q,x]=i(),[G,L]=i(null!==(O=j.data)&&void 0!==O?O:"string"==typeof j.hideOption?{isStaticCoupon:"dynamic"===j.hideOption}:{isStaticCoupon:!1}),[M,k]=i(!0),[F,R]=i(),[U,B]=i((null===(N=j.data)||void 0===N?void 0:N.minAmount)?r.AMOUNT:(null===(D=j.data)||void 0===D?void 0:D.minQuantity)?r.QUANTITY:r.NA),[X,Y]=i([]),[Q,H]=i([]),[V,z]=i([]),[K,$]=i([]),[Z,J]=i(0);n((()=>{let t;j.hideProbability||(t=tt()),k(P(G,U,F,j.hideProbability||!1,t,!!G.isStaticCoupon)),j.hideProbability||tt()}),[]),n((()=>{let t;j.hideProbability||(t=tt()),k(P(G,U,F,j.hideProbability||!1,t,!!G.isStaticCoupon))}),[G,Z,F,U]),n((()=>{var t,e,o,i,n;if(j.products&&(null===(t=j.products)||void 0===t?void 0:t.length)){if(null===(e=j.data)||void 0===e?void 0:e.entitledProductIds){const t=j.products.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));H(t)}if(null===(o=j.data)||void 0===o?void 0:o.prerequisiteProductIds){const t=j.products.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));Y(t)}}if(j.collection&&j.collection.length){if(null===(i=j.data)||void 0===i?void 0:i.entitledCollectionIds){const t=j.collection.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.entitledCollectionIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));$(t)}if(null===(n=j.data)||void 0===n?void 0:n.prerequisiteCollectionIds){const t=j.collection.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.prerequisiteCollectionIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));z(t)}}}),[j.products,j.collection]),n((()=>{const t=Q.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{entitledProductIds:t}))}),[Q]),n((()=>{const t=X.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{prerequisiteProductIds:t}))}),[X]),n((()=>{const t=K.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{entitledCollectionIds:t}))}),[K]),n((()=>{const t=V.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{prerequisiteCollectionIds:t}))}),[V]),n((()=>{G.targetType===d.SHIPPING_LINE?R(s.FREE_SHIPPING):G.targetSelection===c.ENTITLED?R(s.BUY_X_GET_Y):G.valueType===l.FIXED_AMOUNT?R(s.FIXED_AMOUNT):G.valueType===l.PERCENTAGE&&R(s.PERCENTAGE)}),[]);const W=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:F===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:F===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:F===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:F===s.FREE_SHIPPING}],tt=()=>{if(!j.quadrant||!j.probability)return;const t=[...j.probability];let e=[];t.length>=j.quadrant&&t.splice(j.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(G.probability||0);return J(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},et=t=>{const e=t.value;R(e),e===s.FREE_SHIPPING?(Y([]),H([]),L(Object.assign(Object.assign({},G),{value:100,targetSelection:c.ALL,targetType:d.SHIPPING_LINE,valueType:l.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.BUY_X_GET_Y?L(Object.assign(Object.assign({},G),{targetSelection:c.ENTITLED,targetType:d.LINE_ITEM,valueType:l.PERCENTAGE})):e===s.PERCENTAGE?(Y([]),H([]),L(Object.assign(Object.assign({},G),{targetSelection:c.ALL,targetType:d.LINE_ITEM,valueType:l.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.FIXED_AMOUNT&&(Y([]),H([]),L(Object.assign(Object.assign({},G),{targetSelection:c.ALL,targetType:d.LINE_ITEM,valueType:l.FIXED_AMOUNT,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0})))};return t(y,Object.assign({width:"750px",open:j.isOpen,headingTitle:_?"Select Products":j.title,headingSubtitle:_?void 0:j.subTitle,footerLeftCustomElement:!j.quadrant||j.hideProbability?e(o,{}):Z<=1?e(v,{theme:"light",tagText:`Current probability sum: ${Z}`,type:"white"}):e(C,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e("div",{children:e(v,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${Z}`,type:"negative",LeadingIcon:E})})})),headerRightCustomElement:j.allowStaticCoupon||_?void 0:e(a,{options:W,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{et(t)}}),onClose:j.onClose,footerShadow:!0,primaryButton:_?{buttonType:"primary",onClick:()=>{A(void 0)},buttonText:"Add"}:q?{buttonType:"primary",onClick:()=>{x(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:M,onClick:()=>{G.isStaticCoupon?j.onSaveClicked({quadrant:G.quadrant,couponCode:G.couponCode,description:G.description,isStaticCoupon:G.isStaticCoupon,probability:G.probability,title:G.title}):j.onSaveClicked(G),L({})}},secondaryButton:_?{buttonType:"tertiaryGray",onClick:()=>{A(void 0)},buttonText:"Back"}:q?{buttonType:"tertiaryGray",onClick:()=>{x(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:j.onClose,buttonText:"Close"}},{children:[!_&&!q&&t(T,{children:[j.allowStaticCoupon&&!_&&t(I,Object.assign({selectedDiv:G.isStaticCoupon?1:2},{children:["static"===j.hideOption?e(o,{}):t("div",Object.assign({className:"coupon-type__container",onClick:()=>{L({isStaticCoupon:!0,couponCode:G.couponCode,description:G.description,quadrant:G.quadrant})}},{children:[e(p,Object.assign({style:G.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:G.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),"dynamic"===j.hideOption?e(o,{}):t("div",Object.assign({className:"coupon-type__container",onClick:()=>{L(Object.assign(Object.assign({},G),{isStaticCoupon:!1}))}},{children:[e(p,Object.assign({style:G.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:G.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),G.isStaticCoupon&&!_&&e(S,{discountData:G,setDiscountData:L,hideProbability:j.hideProbability||!1,discountAdminUrl:j.discountAdminUrl}),!G.isStaticCoupon&&!_&&!q&&e(g,{currency:j.currency,entitledProducts:Q,prerequisiteProducts:X,setEntitledProducts:H,setPrerequisiteProducts:Y,discountData:G,productPickerOpen:_,setIsProductPickerOpen:A,setDiscountData:L,selectedCouponType:F,setSelectedCouponType:R,selectedMinimumRequirement:U,setSelectedMinimumRequirement:B,hideProbability:j.hideProbability||!1,hideExpiration:j.hideExpiration||!1,allowStaticCoupon:j.allowStaticCoupon,onChangeCouponType:et,collectionPickerOpen:q,entitledCollections:K,prerequisiteCollections:V,setIsCollectionPickerOpen:x,setEntitledCollections:$,setPrerequisiteCollections:z})]}),!!_&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(b,{show:!0,onSave:()=>{},products:null!==(f=j.products)&&void 0!==f?f:[],title:"Select Products",onClose:()=>{A(void 0)},selectedProducts:_===h.ENTITLED?Q:X,setSelectedProducts:_===h.ENTITLED?H:Y,onSearchKeyChange:j.onProductSearch})})),!!q&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(b,{show:!0,onSave:()=>{},products:null!==(w=j.collection)&&void 0!==w?w:[],title:"Select Products",onClose:()=>{x(void 0)},selectedProducts:q===h.ENTITLED?K:V,setSelectedProducts:q===h.ENTITLED?$:z,onSearchKeyChange:j.onCollectionSearch,searchPlaceholder:"Search collections..."})}))]}))};export{j as DiscountModal};

package/dist/esm/components/discount-modal/DiscountUtils.js

@@ -1 +1 @@
-import{DISCOUNT_TYPES as e,DISCOUNT_VALUE_TYPES as i,MIN_PURCHASE_REQUIREMENT as t,DISCOUNT_TARGET_TYPES as r,DISCOUNT_TARGET_SELECTION as n}from"./type.js";const u=(u,l,o,f,a,v)=>{var T,d;if(!u.title)return!0;if(!f){if(isNaN(u.probability))return!0;if((u.probability||0)>1)return!0;if((u.probability||0)<0)return!0;if(a>1)return!0}if(v){if(!(null==u?void 0:u.couponCode))return!0;if(!u.description)return!0}else{if(o&&o===e.FIXED_AMOUNT){if(u.valueType!==i.FIXED_AMOUNT)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.PERCENTAGE){if(u.valueType!==i.PERCENTAGE)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0||(null==u?void 0:u.value)>100)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.BUY_X_GET_Y){if(!(u.entitledQuantity&&(null===(T=u.entitledProductIds)||void 0===T?void 0:T.length)&&u.prerequisiteQuantity&&(null===(d=u.prerequisiteProductIds)||void 0===d?void 0:d.length)))return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(!u.value)return!0;if(u.value<=0||u.value>100)return!0;if(u.targetSelection!==n.ENTITLED)return!0;if(u.targetType!==r.LINE_ITEM)return!0}else{if(!o||!e.FREE_SHIPPING)return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(u.targetType!==r.SHIPPING_LINE)return!0;if(100!==u.value)return!0;if(u.targetSelection!==n.ALL)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0}if(null!==u.expireAfter&&void 0!==u.expireAfter&&u.expireAfter<=0)return!0}return!1};export{u as validateDiscountData};
+import{DISCOUNT_TYPES as e,DISCOUNT_VALUE_TYPES as i,MIN_PURCHASE_REQUIREMENT as t,DISCOUNT_TARGET_TYPES as r,DISCOUNT_TARGET_SELECTION as n}from"./type.js";const u=(u,l,o,f,v,a)=>{var d,T,A,E;if(!u.title)return!0;if(!f){if(isNaN(u.probability))return!0;if((u.probability||0)>1)return!0;if((u.probability||0)<0)return!0;if(v>1)return!0}if(a){if(!(null==u?void 0:u.couponCode))return!0;if(!u.description)return!0}else{if(o&&o===e.FIXED_AMOUNT){if(u.valueType!==i.FIXED_AMOUNT)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.PERCENTAGE){if(u.valueType!==i.PERCENTAGE)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0||(null==u?void 0:u.value)>100)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.BUY_X_GET_Y){if(!u.entitledQuantity||!(null===(d=u.entitledProductIds)||void 0===d?void 0:d.length)&&!(null===(T=u.entitledCollectionIds)||void 0===T?void 0:T.length)||!u.prerequisiteQuantity||!(null===(A=u.prerequisiteProductIds)||void 0===A?void 0:A.length)&&!(null===(E=u.prerequisiteCollectionIds)||void 0===E?void 0:E.length))return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(!u.value)return!0;if(u.value<=0||u.value>100)return!0;if(u.targetSelection!==n.ENTITLED)return!0;if(u.targetType!==r.LINE_ITEM)return!0}else if(o&&e.FREE_SHIPPING){if(u.valueType!==i.PERCENTAGE)return!0;if(u.targetType!==r.SHIPPING_LINE)return!0;if(100!==u.value)return!0;if(u.targetSelection!==n.ALL)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0}if(null!==u.expireAfter&&void 0!==u.expireAfter&&u.expireAfter<=0)return!0;if(u.expireAt&&u.expireAt<new Date)return!0}return!1};export{u as validateDiscountData};

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DISCOUNT_TYPES, ICouponData, MIN_PURCHASE_REQUIREMENT } from "../type";
 import { SingleOption } from "../../dropdown/type";
-import { Product } from "../../product-picker/type";
+import { Collection, Product } from "../../product-picker/type";
 export declare enum DISCOUNT_PRODUCTS {
     ENTITLED = "entitled",
     PREREQUISITE = "prerequisite"
@@ -9,7 +9,9 @@ export declare enum DISCOUNT_PRODUCTS {
 interface DynamicCouponI {
     discountData: ICouponData;
     setIsProductPickerOpen: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
+    setIsCollectionPickerOpen: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
     productPickerOpen: DISCOUNT_PRODUCTS | undefined;
+    collectionPickerOpen: DISCOUNT_PRODUCTS | undefined;
     setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
     selectedCouponType: DISCOUNT_TYPES | undefined;
     setSelectedCouponType: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
@@ -17,8 +19,12 @@ interface DynamicCouponI {
     setSelectedMinimumRequirement: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
     entitledProducts: Product[];
     prerequisiteProducts: Product[];
+    entitledCollections: Collection[];
+    prerequisiteCollections: Collection[];
     setEntitledProducts: React.Dispatch<React.SetStateAction<Product[]>>;
     setPrerequisiteProducts: React.Dispatch<React.SetStateAction<Product[]>>;
+    setEntitledCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
+    setPrerequisiteCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
     onChangeCouponType: (option: SingleOption) => void;
     hideExpiration?: boolean;
     hideProbability?: boolean;

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{Button as n}from"../../button/Button.js";import"react";import{DISCOUNT_TYPES as s,MIN_PURCHASE_REQUIREMENT as a}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as o}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{TitleRegular as r,BodySecondary as l,TitleMedium as c,BodyPrimary as d,TitleSmall as u}from"../../TypographyStyle.js";import{DEFAULT_THEME 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"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as m}from"../../input/Input.js";import b from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import{DynamicCouponContainer as g}from"../DiscountModal.styled.js";import{CouponExpiration as v}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as h}from"../../radioButton/RadioButton.js";import j from"../../../assets/icons/cursor.svg.js";import y from"../../../assets/icons/plus.svg.js";var D;function T(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(D||(D={}));const O=O=>{var x;const E=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:O.selectedCouponType===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:O.selectedCouponType===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:O.selectedCouponType===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:O.selectedCouponType===s.FREE_SHIPPING}],_=[{selected:O.selectedMinimumRequirement===a.NA,label:"No minimum requirements",value:a.NA},{selected:O.selectedMinimumRequirement===a.AMOUNT,label:`Minimum purchase amount (${null!==(x=O.currency)&&void 0!==x?x:"₹"})`,value:a.AMOUNT},{selected:O.selectedMinimumRequirement===a.QUANTITY,label:"Minimum quantity of items",value:a.QUANTITY}],C=()=>{var i,n,s,r;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(l,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(o,{options:_,placement:"bottom-start",onSelect:e=>{const t=e.value;O.setSelectedMinimumRequirement(t),O.setDiscountData(Object.assign(Object.assign({},O.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:O.selectedMinimumRequirement!==a.NA&&t(m,{value:O.selectedMinimumRequirement===a.AMOUNT?null!==(n=null===(i=O.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==n?n:"":null!==(r=null===(s=O.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==r?r:"",onChangeText:e=>{O.selectedMinimumRequirement===a.AMOUNT?O.setDiscountData(Object.assign(Object.assign({},O.discountData),{minAmount:parseInt(e)})):O.selectedMinimumRequirement===a.QUANTITY&&O.setDiscountData(Object.assign(Object.assign({},O.discountData),{minQuantity:parseInt(e)}))},labelText:O.selectedMinimumRequirement===a.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",type:"number",placeholder:O.selectedMinimumRequirement===a.AMOUNT?"1000.00":"2"})}))]}))},N=s=>{var a,o;const l=s===D.ENTITLED?O.entitledProducts:O.prerequisiteProducts;return e(i,{children:[t(r,{children:s===D.PREREQUISITE?"Customer spends":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:s===D.ENTITLED?null===(a=O.discountData.entitledQuantity)||void 0===a?void 0:a.toString():null===(o=O.discountData.prerequisiteQuantity)||void 0===o?void 0:o.toString(),type:"number",onChangeText:e=>{s===D.ENTITLED?O.setDiscountData(Object.assign(Object.assign({},O.discountData),{entitledQuantity:parseInt(e)})):O.setDiscountData(Object.assign(Object.assign({},O.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]})),t("div",{children:t(n,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:y,onClick:()=>{O.setIsProductPickerOpen(s)}})}),l.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${p.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg"},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(u,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{const e=l.filter((e=>e.id!==i.id));s===D.ENTITLED?O.setEntitledProducts(e):O.setPrerequisiteProducts(e)}},{children:t(b,{width:14,color:p.colorsV2.content.primary})}))}))]}),i.id)))]})};return e(g,{children:[O.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(o,{options:E,width:"290px",placement:"bottom-start",onSelect:e=>{O.onChangeCouponType(e)}})})),t("div",{className:"input__wrapper"})]})),(O.selectedCouponType===s.PERCENTAGE||O.selectedCouponType===s.FIXED_AMOUNT)&&(()=>{var n,a,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:O.discountData.title,onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:null===(a=null===(n=O.discountData)||void 0===n?void 0:n.value)||void 0===a?void 0:a.toString(),labelText:"Discount code value",type:"number",onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{value:parseInt(e)}))},placeholder:O.selectedCouponType===s.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:O.selectedCouponType===s.FIXED_AMOUNT?null!==(o=O.currency)&&void 0!==o?o:"₹":void 0,suffixText:O.selectedCouponType===s.PERCENTAGE?"%":void 0})}))]})),C(),!O.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{type:"number",value:null===(r=O.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})})),t("div",{className:"input__wrapper"})]}))]})})(),O.selectedCouponType===s.FREE_SHIPPING&&(()=>{var n;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:O.discountData.title,onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{title:e}))},labelText:"Code title",placeholder:"eg: Flat 50% Off",maxCharLimit:18})})),t("div",Object.assign({className:"input__wrapper"},{children:!O.hideProbability&&t(m,{value:null===(n=O.discountData.probability)||void 0===n?void 0:n.toString(),type:"number",onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]})),C()]})})(),O.selectedCouponType===s.BUY_X_GET_Y&&(()=>{var i;return e(g,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",gap:20,flex:1}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(m,{value:O.discountData.title,onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),!O.hideProbability&&t("div",Object.assign({style:{flex:1}},{children:t(m,{value:null===(i=O.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]}))})),t(T,{}),N(D.PREREQUISITE),t(T,{}),N(D.ENTITLED),t(T,{}),t(r,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"center"}},{children:[t(h,{isActive:100!==O.discountData.value,onValueChange:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{value:void 0}))}}),t(l,{children:"Percentage"}),100!==O.discountData.value&&t(m,{variant:"small",onChangeText:e=>{O.setDiscountData(Object.assign(Object.assign({},O.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(h,{isActive:100===O.discountData.value,onValueChange:e=>{e?O.setDiscountData(Object.assign(Object.assign({},O.discountData),{value:100})):O.setDiscountData(Object.assign(Object.assign({},O.discountData),{value:void 0}))}}),t(l,{children:"Free"})]}))]})})(),O.selectedCouponType&&!O.hideExpiration&&e(i,{children:[t("div",{style:{height:6,borderTop:`1px solid ${p.colorsV2.stroke.primary}`,marginTop:12}}),t(v,{discountData:O.discountData,setDiscountData:O.setDiscountData})]}),!O.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:p.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(j,{width:32,color:p.colorsV2.content.primaryInverse})})),t(c,{children:"No discount has been selected"}),t(d,{children:"Please select a discount type"})]}))]})};export{D as DISCOUNT_PRODUCTS,O as default};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{Button as n}from"../../button/Button.js";import"react";import{DISCOUNT_TYPES as s,MIN_PURCHASE_REQUIREMENT as a}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as o}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{TitleRegular as r,BodySecondary as l,TitleMedium as c,BodyPrimary as d,TitleSmall as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as u}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"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as m}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import{DynamicCouponContainer as b}from"../DiscountModal.styled.js";import{CouponExpiration as v}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as y}from"../../radioButton/RadioButton.js";import h from"../../../assets/icons/cursor.svg.js";import j from"../../../assets/icons/plus.svg.js";const D="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg";var O;function T(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(O||(O={}));const x=x=>{var E;const C=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:x.selectedCouponType===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:x.selectedCouponType===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:x.selectedCouponType===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:x.selectedCouponType===s.FREE_SHIPPING}],f=[{selected:x.selectedMinimumRequirement===a.NA,label:"No minimum requirements",value:a.NA},{selected:x.selectedMinimumRequirement===a.AMOUNT,label:`Minimum purchase amount (${null!==(E=x.currency)&&void 0!==E?E:"₹"})`,value:a.AMOUNT},{selected:x.selectedMinimumRequirement===a.QUANTITY,label:"Minimum quantity of items",value:a.QUANTITY}],_=()=>{var i,n,s,r,c;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(l,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(o,{options:f,placement:"bottom-start",onSelect:e=>{const t=e.value;x.setSelectedMinimumRequirement(t),x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:x.selectedMinimumRequirement!==a.NA&&t(m,{value:x.selectedMinimumRequirement===a.AMOUNT?null!==(n=null===(i=x.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==n?n:"":null!==(r=null===(s=x.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==r?r:"",onChangeText:e=>{x.selectedMinimumRequirement===a.AMOUNT?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minAmount:parseInt(e)})):x.selectedMinimumRequirement===a.QUANTITY&&x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minQuantity:parseInt(e)}))},labelText:x.selectedMinimumRequirement===a.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",prefixText:x.selectedMinimumRequirement===a.AMOUNT?null!==(c=x.currency)&&void 0!==c?c:"₹":void 0,type:"number",placeholder:x.selectedMinimumRequirement===a.AMOUNT?"1000.00":"2"})}))]}))},N=s=>{var a,o,l;const c=s===O.ENTITLED?x.entitledProducts:x.prerequisiteProducts,d=null!==(a=s===O.ENTITLED?x.entitledCollections:x.prerequisiteCollections)&&void 0!==a?a:[];return e(i,{children:[t(r,{children:s===O.PREREQUISITE?"Customer spends":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:s===O.ENTITLED?null===(o=x.discountData.entitledQuantity)||void 0===o?void 0:o.toString():null===(l=x.discountData.prerequisiteQuantity)||void 0===l?void 0:l.toString(),type:"number",onChangeText:e=>{s===O.ENTITLED?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{entitledQuantity:parseInt(e)})):x.setDiscountData(Object.assign(Object.assign({},x.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(n,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:j,onClick:()=>{x.setIsProductPickerOpen(s)}}),t(n,{buttonText:"Add collection",buttonType:"tertiary",LeadingIcon:j,onClick:()=>{x.setIsCollectionPickerOpen(s)}})]})),!!c.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(p,{children:"Products"}),c.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${u.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=D},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(p,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{const e=c.filter((e=>e.id!==i.id));s===O.ENTITLED?x.setEntitledProducts(e):x.setPrerequisiteProducts(e)}},{children:t(g,{width:14,color:u.colorsV2.content.primary})}))}))]}),i.id)))]})),!!d.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(p,{children:"Collections"}),d.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${u.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=D},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(p,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{const e=d.filter((e=>e.id!==i.id));s===O.ENTITLED?x.setEntitledCollections(e):x.setPrerequisiteCollections(e)}},{children:t(g,{width:14,color:u.colorsV2.content.primary})}))}))]}),i.id)))]}))]})};return e(b,{children:[x.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(o,{options:C,width:"290px",placement:"bottom-start",onSelect:e=>{x.onChangeCouponType(e)}})})),t("div",{className:"input__wrapper"})]})),(x.selectedCouponType===s.PERCENTAGE||x.selectedCouponType===s.FIXED_AMOUNT)&&(()=>{var n,a,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:null===(a=null===(n=x.discountData)||void 0===n?void 0:n.value)||void 0===a?void 0:a.toString(),labelText:"Discount code value",type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:parseInt(e)}))},placeholder:x.selectedCouponType===s.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:x.selectedCouponType===s.FIXED_AMOUNT?null!==(o=x.currency)&&void 0!==o?o:"₹":void 0,suffixText:x.selectedCouponType===s.PERCENTAGE?"%":void 0})}))]})),_(),!x.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{type:"number",value:null===(r=x.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})})),t("div",{className:"input__wrapper"})]}))]})})(),x.selectedCouponType===s.FREE_SHIPPING&&(()=>{var n;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(m,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},labelText:"Code title",placeholder:"eg: Flat 50% Off",maxCharLimit:18})})),t("div",Object.assign({className:"input__wrapper"},{children:!x.hideProbability&&t(m,{value:null===(n=x.discountData.probability)||void 0===n?void 0:n.toString(),type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]})),_()]})})(),x.selectedCouponType===s.BUY_X_GET_Y&&(()=>{var i;return e(b,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",gap:20,flex:1}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(m,{value:x.discountData.title,onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{title:e}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),!x.hideProbability&&t("div",Object.assign({style:{flex:1}},{children:t(m,{value:null===(i=x.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{probability:e.startsWith(".")?parseFloat(`0${e}`):parseFloat(e)}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]}))})),t(T,{}),N(O.PREREQUISITE),t(T,{}),N(O.ENTITLED),t(T,{}),t(r,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"center"}},{children:[t(y,{isActive:100!==x.discountData.value,onValueChange:()=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:void 0}))}}),t(l,{children:"Percentage"}),100!==x.discountData.value&&t(m,{variant:"small",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(y,{isActive:100===x.discountData.value,onValueChange:e=>{e?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:100})):x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:void 0}))}}),t(l,{children:"Free"})]}))]})})(),x.selectedCouponType&&!x.hideExpiration&&e(i,{children:[t("div",{style:{height:6,borderTop:`1px solid ${u.colorsV2.stroke.primary}`,marginTop:12}}),t(v,{discountData:x.discountData,setDiscountData:x.setDiscountData})]}),!x.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:u.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(h,{width:32,color:u.colorsV2.content.primaryInverse})})),t(c,{children:"No discount has been selected"}),t(d,{children:"Please select a discount type"})]}))]})};export{O as DISCOUNT_PRODUCTS,x as default};

package/dist/esm/components/dropdown/ChipDropdown.js

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import{DropdownPopover as r}from"./DropdownPopover/index.js";import"./Dropdown.js";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"./OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"./OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"./OpenedDropdown/components/menu/MenuItem.js";import"./OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"./OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"./MenuItem/MenuItem.js";import{Tag as p}from"../tag/Tag.js";import s from"../../assets/icons/chevronDownOutline.svg.js";import i from"../../assets/icons/chevronUpOutline.svg.js";const m=m=>{var{placeHolder:l,onSelect:c}=m,d=o(m,["placeHolder","onSelect"]);const[a,u]=t(!1),j=n();return e(r,Object.assign({ref:j,onDropdownVisbilityChange:o=>u(o),onSelect:function(o){null==c||c(o)}},d,{children:e(p,{tagText:null!=l?l:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a?s:i})}))};m.displayName="ChipDropdown";export{m as ChipDropdown};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import{DropdownPopover as r}from"./DropdownPopover/index.js";import"./Dropdown.js";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"./OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"./OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"./OpenedDropdown/components/menu/MenuItem.js";import"./OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"./OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"./MenuItem/MenuItem.js";import{Tag as p}from"../tag/Tag.js";import s from"../../assets/icons/chevronDownOutline.svg.js";import i from"../../assets/icons/chevronUpOutline.svg.js";const m=m=>{var{placeHolder:l,onSelect:c}=m,d=o(m,["placeHolder","onSelect"]);const[a,u]=t(!1),j=n();return e(r,Object.assign({ref:j,onDropdownVisbilityChange:o=>u(o),onSelect:function(o){null==c||c(o)}},d,{children:e(p,{tagText:null!=l?l:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a?i:s})}))};m.displayName="ChipDropdown";export{m as ChipDropdown};

package/dist/esm/components/dropdown-button/DropdownButton.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{DropdownPopover as e}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../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 as r}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{DropdownButtonStyle as p}from"./DropdownButton.style.js";const n=n=>o(p,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[t(r,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),t("div",{className:"divider"}),t(e,Object.assign({},n.dropdownProps,{children:t(r,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));export{n as DropdownButton};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{DropdownPopover as e}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../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 as r}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{DropdownButtonStyle as p}from"./DropdownButton.style.js";const n=n=>o(p,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[t(r,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),t("div",{className:"divider"}),t(e,Object.assign({},n.dropdownProps,{children:t(r,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));export{n as DropdownButton};

package/dist/esm/components/input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type InputVariant = 'default' | 'small';
 export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'none';
-export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber';
+export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
 export interface InputProps {
     noErrorHint?: boolean;
     placeholder?: string;
@@ -49,5 +49,6 @@ export interface InputProps {
     skipFocus?: boolean;
     version?: '1.0' | '2.0';
     textControl?: boolean;
+    noMaxCharCheck?: boolean;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useRef as o,useEffect as a}from"react";import{Button as s}from"../button/Button.js";import{isFunction as c,validateInput as u}from"./Input-helper.js";import{BodySecondary as d}from"../TypographyStyle.js";import v from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as h}from"./context/InputStyleProvider.js";import{RootContainer as p,InputFooter as g,InputWrapper as m,IconHolder as f,PrefixHolder as x,InputContainer as b,InputContainerSmall as y,SuffixHolder as j,InputHeader as C,MaxCharStyle as I}from"./Input.styled.js";const w=i(((i,w)=>{var O,k,T,A,F;const{placeholder:L,leftIcon:z,rightIcon:B,labelText:D,maxCharLimit:M,isRequired:S,hintText:E,type:K,state:R,validate:H,variant:q,button:N,suffixText:P,prefixText:V,onChangeText:W,value:G,noErrorHint:J,reset:Q,rangeValidation:U,noKeyDownChange:X,version:Y}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),Z=null==z?void 0:z.icon,$=null==B?void 0:B.icon,[_,ee]=l(!1),[ne,te]=l(!1),[ie,le]=l(),re="small"===q?"18px":"22px",oe=r(h),[ae,se]=l(),ce=o(null),ue=null!=w?w:ce;a((()=>{se(G)}),[G]),a((()=>{var e;ue.current&&(null===(e=i.onReferenceInit)||void 0===e||e.call(i,ue.current))}),[ue]),a((()=>{Q&&se("")}),[Q]),a((()=>{var e;te(!!i.isActive),i.isActive&&(null===(e=ue.current)||void 0===e||e.focus())}),[i.isActive]),a((()=>{le(i.errorMessage)}),[i.errorMessage]),a((()=>{var e;ee(!1),("invalid"===i.state||ie)&&ee(!0),"active"===i.state&&(null===(e=ue.current)||void 0===e||e.focus())}),[i.state,ie]),a((()=>{ee(!!ie)}),[ie]);const de=function(e){if(c(e)){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++)t[i-1]=arguments[i];e(...t)}},ve=e=>{const n=M||("zip"===K?6:60);X||W(G||"",e),![8].includes(e.which)&&n>0&&e.target.value.length===n&&e.preventDefault()},he=e=>{const n=e.target.value;W(n,e),i.textControl||se(n);const t=H||u;if(!t||!c(t))return;const[l,r]=t(n,K,U);ee(!l),le(i.errorMessage?i.errorMessage:r)},pe=e=>{var n;i.skipFocus||te(!0),de(null===(n=i.onFocus)||void 0===n?void 0:n.call(i,e))},ge=e=>{var n;i.skipFocus||te(!1),de(null===(n=i.onBlur)||void 0===n?void 0:n.call(i,e))},me=()=>{var l;return e(t,{children:["multiline"!==K&&n("input",{id:i.id,style:null!==(l=null==oe?void 0:oe.input)&&void 0!==l?l:{},ref:ue,type:["phonenumber","zip","number"].includes(K)?"number":K,value:ae,onFocus:e=>pe(e),onBlur:e=>ge(e),placeholder:L||"Enter here",onChange:he,onKeyDown:e=>ve(e)}),"multiline"===K&&n("textarea",{value:ae,ref:ue,onFocus:e=>pe(e),onBlur:e=>ge(e),placeholder:L||"Enter here",onChange:he,onKeyDown:e=>ve(e),maxLength:M>0?M:void 0})]})};return e(p,Object.assign({width:i.width,height:i.height,state:R,type:K,style:null!==(O=null==oe?void 0:oe.RootContainer)&&void 0!==O?O:{}},{children:[!J&&(!!E||!!ie)&&e(g,Object.assign({invalid:!!ie},{children:[!!ie&&n(v,{width:16,height:16}),ie||E]})),e(m,Object.assign({variant:q,state:R,width:i.width,isActive:"active"===R||ne,isInvalid:_,style:null!==(k=null==oe?void 0:oe.InputWrapper)&&void 0!==k?k:{},version:Y},{children:[!!Z&&n(f,Object.assign({variant:q,iconSize:re,onClick:()=>de(null==z?void 0:z.callback),isLeft:!0,style:null!==(T=null==oe?void 0:oe.IconHolder)&&void 0!==T?T:{}},{children:n(Z,{})})),!!V&&n(x,Object.assign({variant:q},{children:V})),"default"===q&&n(b,{children:me()}),"small"===q&&n(y,{children:me()}),!!$&&n(f,Object.assign({variant:q,iconSize:re,onClick:()=>de(null==B?void 0:B.callback),isLeft:!1},{children:n($,{})})),!!P&&n(j,Object.assign({variant:q},{children:P})),N&&N.text&&n(s,{buttonText:N.text,onClick:()=>de(null==N?void 0:N.onClick)})]})),(!!D||!!M)&&e(C,Object.assign({invalid:_},{children:[e(d,{children:[D,S?n("span",{children:"*"}):""]}),M>0&&e(I,{children:[null!==(F=null===(A=i.value)||void 0===A?void 0:A.length)&&void 0!==F?F:0,"/",M]})]}))]}))}));w.displayName="Input";export{w as Input};
+import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useRef as o,useEffect as a}from"react";import{Button as s}from"../button/Button.js";import{isFunction as c,validateInput as u}from"./Input-helper.js";import{BodySecondary as d}from"../TypographyStyle.js";import v from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as h}from"./context/InputStyleProvider.js";import{RootContainer as p,InputFooter as g,InputWrapper as m,IconHolder as f,PrefixHolder as x,InputContainer as b,InputContainerSmall as y,SuffixHolder as j,InputHeader as C,MaxCharStyle as I}from"./Input.styled.js";const w=i(((i,w)=>{var k,O,T,A,F;const{placeholder:L,leftIcon:M,rightIcon:z,labelText:B,maxCharLimit:D,isRequired:S,hintText:E,type:K,state:R,validate:H,variant:q,button:N,suffixText:P,prefixText:V,onChangeText:W,value:G,noErrorHint:J,reset:Q,rangeValidation:U,noKeyDownChange:X,version:Y,noMaxCharCheck:Z}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),$=null==M?void 0:M.icon,_=null==z?void 0:z.icon,[ee,ne]=l(!1),[te,ie]=l(!1),[le,re]=l(),oe="small"===q?"18px":"22px",ae=r(h),[se,ce]=l(),ue=o(null),de=null!=w?w:ue;a((()=>{ce(G)}),[G]),a((()=>{var e;de.current&&(null===(e=i.onReferenceInit)||void 0===e||e.call(i,de.current))}),[de]),a((()=>{Q&&ce("")}),[Q]),a((()=>{var e;ie(!!i.isActive),i.isActive&&(null===(e=de.current)||void 0===e||e.focus())}),[i.isActive]),a((()=>{re(i.errorMessage)}),[i.errorMessage]),a((()=>{var e;ne(!1),("invalid"===i.state||le)&&ne(!0),"active"===i.state&&(null===(e=de.current)||void 0===e||e.focus())}),[i.state,le]),a((()=>{ne(!!le)}),[le]);const ve=function(e){if(c(e)){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++)t[i-1]=arguments[i];e(...t)}},he=e=>{const n=D||("zip"===K?6:60);X||W(G||"",e),Z||![8].includes(e.which)&&n>0&&e.target.value.length===n&&e.preventDefault()},pe=e=>{const n=e.target.value;W(n,e),i.textControl||ce(n);const t=H||u;if(!t||!c(t))return;const[l,r]=t(n,K,U);ne(!l),re(i.errorMessage?i.errorMessage:r)},ge=e=>{var n;i.skipFocus||ie(!0),ve(null===(n=i.onFocus)||void 0===n?void 0:n.call(i,e))},me=e=>{var n;i.skipFocus||ie(!1),ve(null===(n=i.onBlur)||void 0===n?void 0:n.call(i,e))},fe=()=>{var l;return e(t,{children:["multiline"!==K&&n("input",{id:i.id,style:null!==(l=null==ae?void 0:ae.input)&&void 0!==l?l:{},ref:de,type:["phonenumber","zip","number"].includes(K)?"number":K,value:se,onFocus:e=>ge(e),onBlur:e=>me(e),placeholder:L||"Enter here",onChange:pe,onKeyDown:e=>he(e)}),"multiline"===K&&n("textarea",{value:se,ref:de,onFocus:e=>ge(e),onBlur:e=>me(e),placeholder:L||"Enter here",onChange:pe,onKeyDown:e=>he(e),maxLength:D>0?D:void 0})]})};return e(p,Object.assign({width:i.width,height:i.height,state:R,type:K,style:null!==(k=null==ae?void 0:ae.RootContainer)&&void 0!==k?k:{}},{children:[!J&&(!!E||!!le)&&e(g,Object.assign({invalid:!!le},{children:[!!le&&n(v,{width:16,height:16}),le||E]})),e(m,Object.assign({variant:q,state:R,width:i.width,isActive:"active"===R||te,isInvalid:ee,style:null!==(O=null==ae?void 0:ae.InputWrapper)&&void 0!==O?O:{},version:Y},{children:[!!$&&n(f,Object.assign({variant:q,iconSize:oe,onClick:()=>ve(null==M?void 0:M.callback),isLeft:!0,style:null!==(T=null==ae?void 0:ae.IconHolder)&&void 0!==T?T:{}},{children:n($,{})})),!!V&&n(x,Object.assign({variant:q},{children:V})),"default"===q&&n(b,{children:fe()}),"small"===q&&n(y,{children:fe()}),!!_&&n(f,Object.assign({variant:q,iconSize:oe,onClick:()=>ve(null==z?void 0:z.callback),isLeft:!1},{children:n(_,{})})),!!P&&n(j,Object.assign({variant:q},{children:P})),N&&N.text&&n(s,{buttonText:N.text,onClick:()=>ve(null==N?void 0:N.onClick)})]})),(!!B||!!D)&&e(C,Object.assign({invalid:ee},{children:[e(d,{children:[B,S?n("span",{children:"*"}):""]}),D>0&&e(I,{children:[null!==(F=null===(A=i.value)||void 0===A?void 0:A.length)&&void 0!==F?F:0,"/",D]})]}))]}))}));w.displayName="Input";export{w as Input};

package/dist/esm/components/input-with-vars/InputWithVariables.d.ts

@@ -0,0 +1,10 @@
+import { SelectedVariable } from "../add-variableV2/types";
+export declare const InputWithVariables: (props: {
+    variablesList: any;
+    onChange: (val: SelectedVariable) => void;
+    addVarBoxRight: string;
+    allowMix: boolean;
+    prevVariable: SelectedVariable;
+    showHelp?: boolean | undefined;
+    onlyVariables?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -0,0 +1,6 @@
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useRef as l,useState as r,useEffect as i}from"react";import{v4 as t}from"uuid";import o from"styled-components";import{Input as d}from"../input/Input.js";import{BodyCaption as s}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";import c from"../../assets/icons/PlusIcon.js";import{AddVariableStyled as u}from"../add-variableV2/AddVariableBox.styled.js";import{AddVariableV2 as v}from"../add-variableV2/AddVariableV2.js";const p=o=>{const n=l(null),[p,g]=r(!1),[m]=r(t()),[h,V]=r(),[T,f]=r(o.prevVariable),[y,j]=r(!1),[x,w]=r(!1);return i((()=>{h&&h.actualValue&&(o.allowMix?f((e=>({actualValue:e.actualValue+h.actualValue,variableType:"string"}))):f((e=>({actualValue:h.actualValue,variableType:h.variableType,needsFetching:h.needsFetching}))))}),[h]),i((()=>{o.onChange(T)}),[T]),e(b,Object.assign({isVar:/^{{.*}}$/.test(T.actualValue)},{children:[a(d,{id:m,ref:n,skipFocus:!0,textControl:!0,isActive:p,value:T.actualValue,validate:e=>[!0,""],errorMessage:"",placeholder:"Add a value",onChangeText:function(e,a){if(o.onlyVariables){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!=e&&46!=e||f({actualValue:"",variableType:"string"})}else o.allowMix?f({actualValue:e,variableType:"string"}):f({actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{var a;g(!0),w(!0),"Search..."!==(null===(a=e.relatedTarget)||void 0===a?void 0:a.placeholder)||y||j(!0)},onBlur:e=>{var a,l,r,i,t,o,d;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(o=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===o?void 0:o.includes("sc-dZoequ "))?(n.current&&n.current.focus(),g(!0)):"Search..."===(null===(d=e.relatedTarget)||void 0===d?void 0:d.placeholder)?g(!0):(g(!1),j(!1),w(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[T.actualValue&&o.showHelp?a("div",Object.assign({style:{marginTop:4}},{children:a(s,{children:`This value is of type ${T.variableType}`})})):a("div",{}),x&&a(u,Object.assign({right:o.addVarBoxRight,id:"addVar",onClick:()=>{j(!y)}},{children:e("div",Object.assign({className:"add"},{children:[a(c,{color:"white"}),a("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),y&&a(v,{data:o.variablesList,showVariable:!0,setShowVariable:()=>{j(!1)},variableValue:h,setVariableValue:V,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,t,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(t=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===t?void 0:t.includes("sc-dZoequ "))?n.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==m&&(j(!1),w(!1),g(!1)):(j(!1),w(!1),g(!1))}})]}))},b=o.div`
+ margin-bottom: 32px;
+ input {
+    color: ${e=>e.isVar?n.stroke.brand:"black"}
+ }
+`;export{p as InputWithVariables};

package/dist/esm/components/input-with-vars/index.d.ts

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

package/dist/esm/components/modals/styledModal.d.ts

@@ -18,4 +18,5 @@ export declare const StyledModal: React.FC<{
     hideCrossButton?: boolean;
     width?: string;
     wrapperStyle?: React.CSSProperties;
+    onBackPress?: () => void;
 }>;