@bikdotai/bik-component-library 0.0.212-beta.2 → 0.0.212-beta.3

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ICouponData } from "../type";
+export declare enum COUPON_EXPIRATION {
+    FIXED_EXPIRATION = "fixedExpiration",
+    DYNAMIC_EXPIRATION = "dynamicExpiration"
+}
+interface CouponExpirationI {
+    discountData: ICouponData;
+    setDiscountData: (ICouponData: any) => void;
+}
+export declare const CouponExpiration: React.FC<CouponExpirationI>;
+export {};

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ICouponData } from "./type";
+import { Product } from "../product-picker/type";
+export interface DiscountDialogueI {
+    isOpen: boolean;
+    title: string;
+    subTitle?: string;
+    onClose: () => void;
+    allowStaticCoupon: boolean;
+    data?: ICouponData;
+    onSaveClicked: (discountData: ICouponData) => void;
+    onProductSearch: (key: string) => Promise<Product[]>;
+    hideExpiration?: boolean;
+    hideProbability?: boolean;
+    probability?: number[];
+    quadrant?: number;
+    products?: Product[];
+    discountAdminUrl?: string;
+    currency?: string;
+}
+export declare const DiscountModal: React.FC<DiscountDialogueI>;

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

@@ -0,0 +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"../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"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.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 P from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as T,CouponTypeContainerStyled as g}from"./DiscountModal.styled.js";import{validateDiscountData as I}from"./DiscountUtils.js";import j,{DISCOUNT_PRODUCTS as C}from"./DynamicCoupon/DynamicCoupon.js";import h from"./StaticCoupon/StaticCoupon.js";const S=S=>{var O,D,N,_;const[w,f]=i(),[A,q]=i(null!==(O=S.data)&&void 0!==O?O:{}),[G,M]=i(((null===(D=S.data)||void 0===D?void 0:D.isStaticCoupon)||S.allowStaticCoupon)&&!(null===(N=S.data)||void 0===N?void 0:N.targetSelection)),[L,x]=i(!0),[R,k]=i(),[F,B]=i(r.NA),[U,X]=i([]),[Y,H]=i([]),[Q,V]=i(0);n((()=>{let t;S.hideProbability||(t=$()),x(I(A,F,R,S.hideProbability||!1,t,G)),S.hideProbability||$()}),[]),n((()=>{let t;S.hideProbability||(t=$()),x(I(A,F,R,S.hideProbability||!1,t,G))}),[G,A,Q,R,F]),n((()=>{var t,e;if(S.products){if(null===(t=S.data)||void 0===t?void 0:t.entitledProductIds){const t=S.products.filter((t=>{var e,o;return null===(o=null===(e=S.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));H(t)}if(null===(e=S.data)||void 0===e?void 0:e.prerequisiteProductIds){const t=S.products.filter((t=>{var e,o;return null===(o=null===(e=S.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));X(t)}}}),[]),n((()=>{const t=Y.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{entitledProductIds:t}))}),[Y]),n((()=>{const t=U.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{prerequisiteProductIds:t}))}),[U]),n((()=>{A.targetType===d.SHIPPING_LINE?k(s.FREE_SHIPPING):A.targetSelection===a.ENTITLED?k(s.BUY_X_GET_Y):A.valueType===c.FIXED_AMOUNT?k(s.FIXED_AMOUNT):A.valueType===c.PERCENTAGE&&k(s.PERCENTAGE)}),[]);const z=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:R===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:R===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:R===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:R===s.FREE_SHIPPING}],$=()=>{if(!S.quadrant||!S.probability)return;const t=[...S.probability];let e=[];t.length>=S.quadrant&&t.splice(S.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(A.probability||0);return V(o),o},K=t=>{const e=t.value;k(e),e===s.FREE_SHIPPING?(X([]),H([]),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?(X([]),H([]),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&&(X([]),H([]),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:S.isOpen,headingTitle:w?"Select Products":S.title,headingSubtitle:w?void 0:S.subTitle,footerLeftCustomElement:!S.quadrant||S.hideProbability?e(o,{}):Q<=1?e(E,{theme:"light",tagText:`Current probability sum: ${Q}`,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: ${Q}`,type:"negative",LeadingIcon:P})})})),headerRightCustomElement:S.allowStaticCoupon||w?void 0:e(l,{options:z,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{K(t)}}),onClose:S.onClose,footerShadow:!0,primaryButton:w?{buttonType:"primary",onClick:()=>{f(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:L,onClick:()=>{A.isStaticCoupon?S.onSaveClicked({quadrant:A.quadrant,couponCode:A.couponCode,description:A.description,isStaticCoupon:A.isStaticCoupon,probability:A.probability,title:A.title}):S.onSaveClicked(A),q({})}},secondaryButton:w?{buttonType:"tertiaryGray",onClick:()=>{f(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:S.onClose,buttonText:"Close"}},{children:[!w&&t(T,{children:[S.allowStaticCoupon&&!w&&t(g,Object.assign({selectedDiv:G?1:2},{children:[t("div",Object.assign({className:"coupon-type__container",onClick:()=>{M(!0),q({isStaticCoupon:!0,couponCode:A.couponCode,description:A.description,quadrant:A.quadrant})}},{children:[e(p,Object.assign({style:G?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:G?{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})),M(!1)}},{children:[e(p,Object.assign({style:G?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:G?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),G&&!w&&e(h,{discountData:A,setDiscountData:q,hideProbability:S.hideProbability||!1,discountAdminUrl:S.discountAdminUrl}),!G&&!w&&e(j,{currency:S.currency,entitledProducts:Y,prerequisiteProducts:U,setEntitledProducts:H,setPrerequisiteProducts:X,discountData:A,productPickerOpen:w,setIsProductPickerOpen:f,setDiscountData:q,selectedCouponType:R,setSelectedCouponType:k,selectedMinimumRequirement:F,setSelectedMinimumRequirement:B,hideProbability:S.hideProbability||!1,hideExpiration:S.hideExpiration||!1,allowStaticCoupon:S.allowStaticCoupon,onChangeCouponType:K})]}),!!w&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(y,{show:!0,onSave:()=>{},products:null!==(_=S.products)&&void 0!==_?_:[],title:"Select Products",onClose:()=>{f(void 0)},selectedProducts:w===C.ENTITLED?Y:U,setSelectedProducts:w===C.ENTITLED?H:X,onSearchKeyChange:S.onProductSearch})}))]}))};export{S as DiscountModal};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const CouponTypeContainerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectedDiv: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StaticCouponContainerStyled: 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 DynamicCouponContainer: 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 StyledDiscountDialogueContainer: 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/discount-modal/DiscountModal.styled.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";function G(){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:"etc1kyv3"}:{target:"etc1kyv3",label:"CouponTypeContainerStyled"})("display:flex;gap:16px;margin-bottom:18px;.coupon-type__container{flex:1px;padding:16px;border-radius:4px;background-color:",b.colorsV2.surface.subdued,";border:1px solid ",b.colorsV2.stroke.primary,";color:",b.colorsV2.content.secondary,";cursor:pointer;&:nth-child(",(c=>c.selectedDiv),"){background-color:",b.colorsV2.background.brandLight,";border:1px solid ",b.colorsV2.content.brand,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvRCIsImZpbGUiOiJEaXNjb3VudE1vZGFsLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvdXBvblR5cGVDb250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxNnB4O1xuXHRtYXJnaW4tYm90dG9tOiAxOHB4O1xuXG5cdC5jb3Vwb24tdHlwZV9fY29udGFpbmVyIHtcblx0XHRmbGV4OiAxcHg7XG5cdFx0cGFkZGluZzogMTZweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHQmOm50aC1jaGlsZCgkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWREaXZ9KSB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LmJyYW5kfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdGF0aWNDb3Vwb25Db250YWluZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAyNHB4IDA7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblxuXHQuc3RhdGljLWNvdXBvbl9fZGF0YSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQuc3RhdGljLWlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5cblx0LmluZm9fX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRwYWRkaW5nOiA0cHggMTJweDtcblx0XHRnYXA6IDZweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IER5bmFtaWNDb3Vwb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXG5cdC5pbnB1dF9fcm93cyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDEycHg7XG5cdH1cblxuXHQuaW5wdXRfX3dyYXBwZXIge1xuXHRcdGZsZXg6IDE7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWREaXNjb3VudERpYWxvZ3VlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogNDIzcHg7XG5cdHBhZGRpbmc6IDEycHggMjRweDtcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGlzY291bnRNb2RhbC5zdHlsZWQuanMubWFwIl19 */")),d=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv2"}:{target:"etc1kyv2",label:"StaticCouponContainerStyled"})("production"===process.env.NODE_ENV?{name:"vjcl9c",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.static-coupon__data{display:flex;gap:16px;}.static-input__wrapper{flex:1;}.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}"}:{name:"vjcl9c",styles:"margin:24px 0;display:flex;flex-direction:column;gap:24px;.static-coupon__data{display:flex;gap:16px;}.static-input__wrapper{flex:1;}.info__container{display:flex;background:#f0f0f0;border-radius:4px;padding:4px 12px;gap:6px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCc0QiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G}),R=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv1"}:{target:"etc1kyv1",label:"DynamicCouponContainer"})("production"===process.env.NODE_ENV?{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}"}:{name:"1w9m9h7",styles:"display:flex;flex-direction:column;gap:12px;.input__rows{display:flex;gap:12px;}.input__wrapper{flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDaUQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G}),l=c("div","production"===process.env.NODE_ENV?{target:"etc1kyv0"}:{target:"etc1kyv0",label:"StyledDiscountDialogueContainer"})("production"===process.env.NODE_ENV?{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll"}:{name:"1ysvqm",styles:"height:423px;padding:12px 24px;overflow-y:scroll",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpc2NvdW50TW9kYWwuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEMEQiLCJmaWxlIjoiRGlzY291bnRNb2RhbC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb3Vwb25UeXBlQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMThweDtcblxuXHQuY291cG9uLXR5cGVfX2NvbnRhaW5lciB7XG5cdFx0ZmxleDogMXB4O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0Y29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0JjpudGgtY2hpbGQoJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkRGl2fSkge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5icmFuZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhdGljQ291cG9uQ29udGFpbmVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdG1hcmdpbjogMjRweCAwO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cblx0LnN0YXRpYy1jb3Vwb25fX2RhdGEge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnN0YXRpYy1pbnB1dF9fd3JhcHBlciB7XG5cdFx0ZmxleDogMTtcblx0fVxuXG5cdC5pbmZvX19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YmFja2dyb3VuZDogI2YwZjBmMDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0cGFkZGluZzogNHB4IDEycHg7XG5cdFx0Z2FwOiA2cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBEeW5hbWljQ291cG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblxuXHQuaW5wdXRfX3Jvd3Mge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cblx0LmlucHV0X193cmFwcGVyIHtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkRGlzY291bnREaWFsb2d1ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDQyM3B4O1xuXHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdG92ZXJmbG93LXk6IHNjcm9sbDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURpc2NvdW50TW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:G});export{X as CouponTypeContainerStyled,R as DynamicCouponContainer,d as StaticCouponContainerStyled,l as StyledDiscountDialogueContainer};

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

@@ -0,0 +1,2 @@
+import { DISCOUNT_TYPES, ICouponData, MIN_PURCHASE_REQUIREMENT } from "./type";
+export declare const validateDiscountData: (couponData: ICouponData, selectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT | undefined, selectedCouponType: DISCOUNT_TYPES | undefined, hideProbability: boolean, currentProbability: number, isStatic: boolean) => boolean;

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

@@ -0,0 +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(v){if(!(null==u?void 0:u.couponCode))return!0;if(!u.description)return!0}else{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(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};

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { DISCOUNT_TYPES, ICouponData, MIN_PURCHASE_REQUIREMENT } from "../type";
+import { SingleOption } from "../../dropdown/type";
+import { Product } from "../../product-picker/type";
+export declare enum DISCOUNT_PRODUCTS {
+    ENTITLED = "entitled",
+    PREREQUISITE = "prerequisite"
+}
+interface DynamicCouponI {
+    discountData: ICouponData;
+    setIsProductPickerOpen: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
+    productPickerOpen: DISCOUNT_PRODUCTS | undefined;
+    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
+    selectedCouponType: DISCOUNT_TYPES | undefined;
+    setSelectedCouponType: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
+    selectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;
+    setSelectedMinimumRequirement: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
+    entitledProducts: Product[];
+    prerequisiteProducts: Product[];
+    setEntitledProducts: React.Dispatch<React.SetStateAction<Product[]>>;
+    setPrerequisiteProducts: React.Dispatch<React.SetStateAction<Product[]>>;
+    onChangeCouponType: (option: SingleOption) => void;
+    hideExpiration?: boolean;
+    hideProbability?: boolean;
+    allowStaticCoupon: boolean;
+    currency?: string;
+}
+declare const DynamicCoupon: React.FC<DynamicCouponI>;
+export default DynamicCoupon;

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{useEffect as n}from"react";import{Button as s}from"../../button/Button.js";import{DISCOUNT_TYPES as a,MIN_PURCHASE_REQUIREMENT as o}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../../dropdown/Dropdown.js";import"../../zeroState/ZeroState.js";import{TitleRegular as l,BodySecondary as c,TitleMedium as d,BodyPrimary as u,TitleSmall as p}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"../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as b}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 v}from"../DiscountModal.styled.js";import{CouponExpiration as j}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as D}from"../../radioButton/RadioButton.js";import h from"../../../assets/icons/cursor.svg.js";import y from"../../../assets/icons/plus.svg.js";var O;function T(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(O||(O={}));const x=x=>{var E;n((()=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{isStaticCoupon:!1}))}),[]);const _=[{value:a.FIXED_AMOUNT,label:"Fixed Amount",selected:x.selectedCouponType===a.FIXED_AMOUNT},{value:a.PERCENTAGE,label:"Percentage",selected:x.selectedCouponType===a.PERCENTAGE},{value:a.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:x.selectedCouponType===a.BUY_X_GET_Y},{value:a.FREE_SHIPPING,label:"Free shipping",selected:x.selectedCouponType===a.FREE_SHIPPING}],C=[{selected:x.selectedMinimumRequirement===o.NA,label:"No minimum requirements",value:o.NA},{selected:x.selectedMinimumRequirement===o.AMOUNT,label:`Minimum purchase amount (${null!==(E=x.currency)&&void 0!==E?E:"₹"})`,value:o.AMOUNT},{selected:x.selectedMinimumRequirement===o.QUANTITY,label:"Minimum quantity of items",value:o.QUANTITY}],N=()=>{var i,n,s,a;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(c,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(r,{options:C,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!==o.NA&&t(b,{value:x.selectedMinimumRequirement===o.AMOUNT?null!==(n=null===(i=x.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==n?n:"":null!==(a=null===(s=x.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==a?a:"",onChangeText:e=>{x.selectedMinimumRequirement===o.AMOUNT?x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minAmount:parseInt(e)})):x.selectedMinimumRequirement===o.QUANTITY&&x.setDiscountData(Object.assign(Object.assign({},x.discountData),{minQuantity:parseInt(e)}))},labelText:x.selectedMinimumRequirement===o.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",type:"number",placeholder:x.selectedMinimumRequirement===o.AMOUNT?"1000.00":"2"})}))]}))},f=n=>{var a,o;const r=n===O.ENTITLED?x.entitledProducts:x.prerequisiteProducts;return e(i,{children:[t(l,{children:n===O.PREREQUISITE?"Customer spends":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:n===O.ENTITLED?null===(a=x.discountData.entitledQuantity)||void 0===a?void 0:a.toString():null===(o=x.discountData.prerequisiteQuantity)||void 0===o?void 0:o.toString(),type:"number",onChangeText:e=>{n===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"})]})),t("div",{children:t(s,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:y,onClick:()=>{x.setIsProductPickerOpen(n)}})}),r.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${m.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(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=r.filter((e=>e.id!==i.id));n===O.ENTITLED?x.setEntitledProducts(e):x.setPrerequisiteProducts(e)}},{children:t(g,{width:14,color:m.colorsV2.content.primary})}))}))]}),i.id)))]})};return e(v,{children:[x.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(r,{options:_,width:"290px",placement:"bottom-start",onSelect:e=>{x.onChangeCouponType(e)}})})),t("div",{className:"input__wrapper"})]})),(x.selectedCouponType===a.PERCENTAGE||x.selectedCouponType===a.FIXED_AMOUNT)&&(()=>{var n,s,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{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(b,{value:null===(s=null===(n=x.discountData)||void 0===n?void 0:n.value)||void 0===s?void 0:s.toString(),labelText:"Discount code value",type:"number",onChangeText:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:parseInt(e)}))},placeholder:x.selectedCouponType===a.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:x.selectedCouponType===a.FIXED_AMOUNT?null!==(o=x.currency)&&void 0!==o?o:"₹":void 0,suffixText:x.selectedCouponType===a.PERCENTAGE?"%":void 0})}))]})),N(),!x.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{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 eg: 0.2, 0.5, 0.75"})})),t("div",{className:"input__wrapper"})]}))]})})(),x.selectedCouponType===a.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(b,{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(b,{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 eg: 0.2, 0.5, 0.75"})}))]})),N()]})})(),x.selectedCouponType===a.BUY_X_GET_Y&&(()=>{var i;return e(v,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:20,flex:1}},{children:[t(b,{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(b,{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 eg: 0.2, 0.5, 0.75"})]}))})),t(T,{}),f(O.PREREQUISITE),t(T,{}),f(O.ENTITLED),t(T,{}),t(l,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"center"}},{children:[t(D,{isActive:100!==x.discountData.value,onValueChange:e=>{x.setDiscountData(Object.assign(Object.assign({},x.discountData),{value:void 0}))}}),t(c,{children:"Percentage"}),100!==x.discountData.value&&t(b,{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(D,{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(c,{children:"Free"})]}))]})})(),x.selectedCouponType&&!x.hideExpiration&&e(i,{children:[t("div",{style:{height:6,borderTop:`1px solid ${m.colorsV2.stroke.primary}`,marginTop:12}}),t(j,{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:m.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(h,{width:32,color:m.colorsV2.content.primaryInverse})})),t(d,{children:"No discount has been selected"}),t(u,{children:"Please select a discount type"})]}))]})};export{O as DISCOUNT_PRODUCTS,x as default};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ICouponData } from "../type";
+interface StaticCouponI {
+    discountData: ICouponData;
+    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
+    hideProbability: boolean;
+    discountAdminUrl?: string;
+}
+declare const StaticCoupon: React.FC<StaticCouponI>;
+export default StaticCoupon;

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import i from"../../../assets/icons/info.svg.js";import{useEffect as e}from"react";import{Input as o}from"../../input/Input.js";import{BodySecondaryLink as s,BodySecondary as n}from"../../TypographyStyle.js";import{DEFAULT_THEME as c}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as r}from"../DiscountModal.styled.js";const l=l=>(e((()=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{isStaticCoupon:!0}))}),[]),t(r,{children:[t("div",Object.assign({className:"static-coupon__data"},{children:[a("div",Object.assign({className:"static-input__wrapper"},{children:a(o,{onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{couponCode:t}))},labelText:"Coupon code",value:l.discountData.couponCode,placeholder:"Enter code created on shopify"})})),a("div",Object.assign({className:"static-input__wrapper"},{children:a(o,{maxCharLimit:18,labelText:"Coupon title",value:l.discountData.title,onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{title:t}))},placeholder:"Enter coupon title"})}))]})),a(o,{labelText:"Coupon description",value:l.discountData.description,onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{description:t}))},placeholder:"Enter coupon description"}),!l.hideProbability&&a(o,{labelText:"Probability",value:l.discountData.probability?l.discountData.probability.toString():"",onChangeText:t=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{probability:t.startsWith(".")?parseFloat(`0${t}`):parseFloat(t)}))},placeholder:"Enter probability"}),l.discountAdminUrl&&t("div",Object.assign({className:"info__container"},{children:[a(i,{height:18,width:18,color:c.colorsV2.content.secondary}),a(s,Object.assign({onClick:()=>{window.open(l.discountAdminUrl,"_blank")}},{children:"Click here"})),a(n,{children:"to create discount code on Shopify"})]}))]}));export{l as default};

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

@@ -0,0 +1,3 @@
+export * from './DiscountModal';
+export * from './CouponExpiration/CouponExpiration';
+export * from './type';

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

@@ -0,0 +1,49 @@
+export declare enum MIN_PURCHASE_REQUIREMENT {
+    AMOUNT = "amount",
+    QUANTITY = "quantity",
+    NA = "na"
+}
+export declare enum DISCOUNT_VALUE_TYPES {
+    FIXED_AMOUNT = "fixedAmount",
+    PERCENTAGE = "percentage"
+}
+export declare enum DISCOUNT_TARGET_TYPES {
+    LINE_ITEM = "lineItem",
+    SHIPPING_LINE = "shippingLine"
+}
+export declare enum DISCOUNT_TARGET_SELECTION {
+    ENTITLED = "entitled",
+    ALL = "all"
+}
+export declare enum DISCOUNT_TYPES {
+    FIXED_AMOUNT = "fixedAmount",
+    PERCENTAGE = "percentage",
+    BUY_X_GET_Y = "buyXGetY",
+    FREE_SHIPPING = "freeShipping"
+}
+export interface ICouponData {
+    description: string;
+    value?: number;
+    quadrant?: number;
+    valueType: DISCOUNT_VALUE_TYPES;
+    targetType: DISCOUNT_TARGET_TYPES;
+    targetSelection: DISCOUNT_TARGET_SELECTION;
+    minAmount?: number;
+    title: string;
+    minQuantity?: number;
+    expireAfter?: number;
+    expireAt?: Date;
+    isStaticCoupon?: boolean;
+    couponCode?: string;
+    prerequisiteProductIds?: number[];
+    prerequisiteVariantIds?: number[];
+    prerequisiteCollectionIds?: number[];
+    entitledProductIds?: number[];
+    entitledVariantIds?: number[];
+    entitledCollectionIds?: number[];
+    allocationLimit?: number;
+    prerequisiteQuantity?: number;
+    entitledQuantity?: number;
+    minPurchaseReq?: MIN_PURCHASE_REQUIREMENT;
+    probability?: number;
+}

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

@@ -0,0 +1 @@
+var n,e,t,E,i;!function(n){n.AMOUNT="amount",n.QUANTITY="quantity",n.NA="na"}(n||(n={})),function(n){n.FIXED_AMOUNT="fixedAmount",n.PERCENTAGE="percentage"}(e||(e={})),function(n){n.LINE_ITEM="lineItem",n.SHIPPING_LINE="shippingLine"}(t||(t={})),function(n){n.ENTITLED="entitled",n.ALL="all"}(E||(E={})),function(n){n.FIXED_AMOUNT="fixedAmount",n.PERCENTAGE="percentage",n.BUY_X_GET_Y="buyXGetY",n.FREE_SHIPPING="freeShipping"}(i||(i={}));export{E as DISCOUNT_TARGET_SELECTION,t as DISCOUNT_TARGET_TYPES,i as DISCOUNT_TYPES,e as DISCOUNT_VALUE_TYPES,n as MIN_PURCHASE_REQUIREMENT};

package/dist/esm/components/dropShadow/DropShadow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const DropShadow: React.FC<{
+    level: 'z1' | 'z2';
+    position: 'up' | 'down';
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}>;
+export default DropShadow;

package/dist/esm/components/dropShadow/DropShadow.js

@@ -0,0 +1 @@
+import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:t="z1",position:n="down",children:r,style:o}=e;const s=x[t][n];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:r}))};export{e as default};

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -0,0 +1,5 @@
+export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/Common.styled.js

@@ -0,0 +1,20 @@
+import o from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const i=o.div`
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	cursor: ${o=>(null==o?void 0:o.disabled)?"not-allowed":"pointer"};
+`,r=o.div`
+	margin-top: 8px;
+	margin-bottom: 8px;
+`;o.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	padding: 6px 8px;
+	background: ${e.surface.hovered};
+	border: 1px solid ${e.stroke.primary};
+	border-radius: 4px;
+`;export{r as OpenDropdownContainer,i as OverLapAbs};

package/dist/esm/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OpenDropdownProps } from './type';
+export type DropdownProps = OpenDropdownProps & {
+    placeHolder?: string;
+    size?: 'default' | 'small';
+    disabled?: boolean;
+    noErrorHint?: boolean;
+    buttonWidth?: string;
+};
+export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -0,0 +1 @@
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,h,{placeHolder:f,size:v,onSelect:g,defaultOptions:b,disabled:j,noErrorHint:w}=c,x=o(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[y,H]=e(!1),O=null!=v?v:"default",E=n(),[I,S]=e(null!=b?b:[]);r((()=>{var o;const t=[];null===(o=null==x?void 0:x.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&t.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&t.push(o)})),S([...t])}),[x.options]),r((()=>{b&&S([...b])}),[b]);const D=I.length?I.map((o=>o.label)).join(", "):void 0;return t(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===O?32:48,width:null!==(m=null!==(u=x.buttonWidth)&&void 0!==u?u:x.width)&&void 0!==m?m:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t(d,Object.assign({ref:E,onSelect:function(o){Array.isArray(o)?S([...o]):S([o]),null==g||g(o)},disabled:j,onDropdownVisbilityChange:o=>H(o)},x,{children:t(s,{noErrorHint:w,state:j?"disabled":"none",value:null!=D?D:"",errorMessage:x.error,variant:O,placeholder:null!=f?f:"Select an option",width:null!==(h=x.width)&&void 0!==h?h:"100%",onChangeText:p,rightIcon:{icon:()=>t(l,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===O?20:24,height:"small"===O?20:24,color:i.content.primary})}})}))}))};c.displayName="Dropdown";export{c as Dropdown};

package/dist/esm/components/dropdown/DropdownPopover/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { OpenDropdownProps } from '../type';
+export type DropdownProps = OpenDropdownProps & {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    onDropdownVisbilityChange?: (isOpen: boolean) => void;
+};
+export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

package/dist/esm/components/dropdown/DropdownPopover/index.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as r,jsx as n}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as s}from"react";import{usePopper as p}from"react-popper";import d from"../../dropShadow/DropShadow.js";import{OverLapAbs as a,OpenDropdownContainer as c}from"../Common.styled.js";import{OpenedDropdown as m}from"../OpenedDropdown/components/OpennedDropdown.js";const u=t.forwardRef(((t,u)=>{var{children:b,onDropdownVisbilityChange:f}=t,v=e(t,["children","onDropdownVisbilityChange"]);const j=u,[w,g]=l(!1),[h,y]=l(null),[D,O]=l(null),{styles:C,attributes:S}=p(h,D,{placement:v.placement,strategy:v.strategy});return i(j,(()=>({openDropdown:w})),[]),s((()=>{(null==j?void 0:j.current)&&(j.current.openDropdown=w)}),[w]),s((()=>{null==f||f(w)}),[w]),o(r,{children:[o("div",Object.assign({style:{position:"relative"},ref:y},{children:[n(a,{disabled:v.disabled,onClick:e=>{w?e.preventDefault():v.disabled||g(!0)}}),b]})),w&&n(c,Object.assign({ref:O,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},S.popper,{children:n(d,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:n(m,Object.assign({},v,{onSelect:e=>{var o;null===(o=v.onSelect)||void 0===o||o.call(v,e),g(!1)},onClose:function(){var e;g(!1),null===(e=null==v?void 0:v.onClose)||void 0===e||e.call(v)}}))}))}))]})}));u.displayName="DropdownPopover";export{u as DropdownPopover};

package/dist/esm/components/dropdown/MenuItem/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { OpenDropdownProps } from "../type";
+export type MenuItemDropdownProps = OpenDropdownProps & {
+    isHorizontal: boolean;
+    children?: React.ReactNode;
+    hideBorder?: boolean;
+};
+export declare const MenuItemDropdown: React.FC<MenuItemDropdownProps>;

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

@@ -0,0 +1,5 @@
+import{jsx as o}from"react/jsx-runtime";import e from"../../../assets/icons/horizontal_dots.svg.js";import t from"../../../assets/icons/vertical_dots.svg.js";import n from"styled-components";import{DropdownPopover as r}from"../DropdownPopover/index.js";import"../Dropdown.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import{COLORS as s}from"../../../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"../OpenedDropdown/components/menu/SelectAllMenu.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import"../../input/Input.js";import{IconButton as p}from"../../icon-button/IconButton.js";const i=n.div`
+	:hover {
+		background: ${s.surface.subdued};
+	}
+`,m=n=>o(i,{children:o(r,Object.assign({},n,{children:o("div",{children:o(p,{Icon:n.isHorizontal?e:t,bordered:!(null==n?void 0:n.hideBorder)})})}))});m.displayName="MenuItemDropdown";export{m as MenuItemDropdown};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { OpenDropdownProps } from '../../type';
+export declare const OpenedDropdown: React.FC<OpenDropdownProps>;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as l,useRef as s}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as n}from"../../../../hooks/useOutside.js";import{iterateOnOptions as r}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as d}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as f,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,j=290,v=v=>{let{options:S,isSearchable:w,isMultiSelect:y,width:O,allowFreeForm:x,height:C,onClose:L,onSelect:F}=v;const[M,D]=o(null!=S?S:[]);l((()=>{if(S){const e=[...S];D(y?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[S]);const[k,A]=o(null!=O?O:j),[B,H]=o(""),[Z,q]=o(null),z=s(null);n(z,(()=>{q(null),null==L||L()}));const E=null!=C?C:g,I="number"==typeof E?w&&y?E-96:w&&!y||!w&&y?E-48:E:E;function K(e){if(y){const t=r(M,{selected:e.selected},(t=>t.value===e.value));D([...t])}else null==F||F(e)}l((()=>{const e=null!=O?O:j;if(null===Z)A(e);else if("number"==typeof e)A(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));A(t)}}),[Z]);const N=[],P=M.map((e=>{var t,o;if(B){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))&&(N.push(!B||e.label===B),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(B.toLowerCase()))?(N.push(!B||e.label===B),e):null}return e})).filter((e=>null!==e)),T=!!w&&B&&0===P.length;return e(f,Object.assign({ref:z,style:{width:k}},{children:[e("div",Object.assign({style:{width:Z?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!w&&t(h,{onSearch:function(e){H(e)}}),P.length||B?e(m,Object.assign({minHeight:E,maxHeight:I},{children:[!!y&&!T&&t(d,{options:M,onSelect:function(e){if("selectAll"===e){const e=r(M,{selected:!0},(e=>{var t;return B?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))&&!e.disabled:!e.disabled}));D([...e])}else if("notSelected"===e){const e=r(M,{selected:!1},(e=>!e.disabled));D([...e])}}}),!x&&T&&t(b,{searchedString:B}),x&&(T||!!N.length&&N.every((e=>!1===e)))&&t(a,{isMultiSelect:y,onSelect:function(e){if(!y)return void K({label:B,value:B,isFreeForm:!0,selected:!0});const t=M.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===B&&t.value===B?e:t.selected})));e&&(t.some((e=>e.label===B&&e.value===B))||t.unshift({label:B,value:B,isFreeForm:!0,selected:!0})),D([...t])},searchedString:B}),t(u,{onSelect:K,showDescription:function(e,t){q(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:P})]})):t("div",Object.assign({style:{height:E,display:"flex"}},{children:t(i,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!P.length&&!B)&&t(p,{onClear:function(){const e=r(M,{selected:!1});D([...e])},onApply:function(){const e=[];M.forEach((t=>{if(t.options){const o=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...o]}))}else t.selected&&e.push(Object.assign({},t))})),null==F||F([...e])},list:M})]})),!!Z&&t(c,{title:Z.title,description:Z.description})]}))};export{v as OpenedDropdown};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    maxHeight: number | string;
+    minHeight: number | string;
+}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -0,0 +1,39 @@
+import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const t=o.div`
+	border-radius: 4px;
+	border: 1px solid ${r.stroke.primary};
+	max-height: 640px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	position: relative;
+`;o.div`
+	padding: 14px 16px 14px 18px;
+	flex-direction: row;
+	align-items: center;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${r.stroke.primary};
+	width: 100%;
+	height: 100%;
+`;const e=o.div`
+	max-height: ${o=>"number"==typeof o.maxHeight?`${o.maxHeight}px`:o.maxHeight};
+	overflow-y: hidden;
+	position: relative;
+	&:hover {
+		overflow-y: scroll;
+	}
+	&::-webkit-scrollbar-thumb {
+		border-radius: 4px;
+		width: 6px;
+	}
+	&::-webkit-scrollbar {
+		width: 6px;
+	}
+	&::-webkit-scrollbar-track {
+		width: 6px;
+	}
+	&:hover::-webkit-scrollbar-thumb {
+		background-color: #777;
+		width: 6px;
+	}
+`;export{e as MenuListContainer,t as OpennedDropdownContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Description: React.FC<{
+    title: string;
+    description: string;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{TitleRegular as e,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l}=s;return t(n,{children:r("div",Object.assign({style:{padding:24}},{children:[t(e,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:c})),t(o,Object.assign({style:{color:i.content.secondary}},{children:l}))]}))})};export{s as Description};

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -0,0 +1 @@
+export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js

@@ -0,0 +1,5 @@
+import o from"styled-components";import{COLORS as r}from"../../../../../constants/Theme.js";const t=o.div`
+	background: ${r.surface.standard};
+	border-left: 1px solid ${r.stroke.primary};
+	width: 50%;
+`;export{t as DescriptionContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FreeFormMenu: React.FC<{
+    isMultiSelect?: boolean;
+    searchedString: string;
+    onSelect: (isChecked: boolean) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as i}from"../../../../TypographyStyle.js";import{COLORS as c}from"../../../../../constants/Theme.js";import{FreeFormContainer as m}from"./FreeFormMenu.styled.js";const s=s=>{let{searchedString:l,onSelect:a,isMultiSelect:p}=s;const[f,h]=o(!1);function u(){h(!f),a(!f)}return e(n,{onClick:e=>{e.preventDefault(),u()},listItem:{label:l,value:l},leadingIcon:p?e(r,{isChecked:f,onValueChange:u}):e(t,{}),trailingIcon:e(m,{children:e(i,Object.assign({style:{color:c.content.secondary}},{children:"Freeform"}))})})};export{s as FreeFormMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -0,0 +1 @@
+export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js

@@ -0,0 +1,6 @@
+import r from"styled-components";import{COLORS as o}from"../../../../../constants/Theme.js";const d=r.div`
+	padding: 4px 8px;
+	background: ${o.surface.subdued};
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 4px;
+`;export{d as FreeFormContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MultiSelectOption, SingleOption } from '../../../type';
+export declare const MenuItem: React.FC<{
+    option: SingleOption | MultiSelectOption;
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (option: SingleOption) => void;
+    last?: boolean;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -0,0 +1,4 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(n)`
+	padding: 14px 16px !important;
+	cursor: pointer;
+`,a=o=>{let{option:n,isMultiSelect:a,showDescription:d,onSelect:m,last:p}=o;var u;function b(e){n.disabled||m(Object.assign(Object.assign({},n),{selected:e}))}return e(c,{style:p?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),b(!n.selected)},onMouseOver:function(){n.description?d(n.label,n.description):d()},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:a?e(i,{isDisabled:null!==(u=n.disabled)&&void 0!==u&&u,isChecked:!!n.selected,onValueChange:b}):n.leadingIcon?e(t,{children:n.leadingIcon}):e(t,{}),customComponent:n.customComponent,trailingIcon:n.isFreeForm?e(l,{children:e(r,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))}):n.trailingIcon?e(t,{children:n.trailingIcon}):e(t,{}),variant:n.disabled?"inactive":n.selected?"selected":"default"})};export{a as MenuItem};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from '../../../type';
+export declare const MenuList: React.FC<{
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (optionSelect: SingleOption) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{MenuItem as i}from"./MenuItem.js";import{StyledGroupedLabel as n}from"./MenuList.styled.js";const s=s=>{let{options:r,isMultiSelect:l,showDescription:c,onSelect:p}=s;return t(e,{children:r.map(((e,s)=>{const m=s===r.length-1;if(e.options){const r=e;return o("div",{children:[t(n,{children:r.label}),r.options.map(((e,o)=>t(i,{last:m,onSelect:p,showDescription:c,isMultiSelect:l,option:e},o)))]},s)}return t(i,{last:m,onSelect:p,showDescription:c,isMultiSelect:l,option:e},s)}))})};export{s as MenuList};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -0,0 +1,5 @@
+import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as t}from"../../../../../constants/Theme.js";const n=o(r)`
+	padding: 8px 16px;
+	color: ${t.content.secondary};
+	background-color: ${t.background.base};
+`;export{n as StyledGroupedLabel};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
+export declare const SelectAllMenu: React.FC<{
+    options: DropdownOption[];
+    onSelect: (newState: SelectAllCheckboxState) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import o from"styled-components";import{CheckBox as c}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const r=o(i)``,n=o=>{let{options:i,onSelect:n}=o;const[a,s]=t("notSelected");function d(){"partiallySelected"===a&&n("notSelected"),"selectAll"===a&&n("notSelected"),"notSelected"===a&&n("selectAll")}return l((()=>{const e=[];i.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?s("selectAll"):e.filter(Boolean).length>0?s("partiallySelected"):s("notSelected")}),[i]),e(r,{onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e(c,{isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d}),variant:"default"})};export{n as SelectAllMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+declare const MultiSelectDropdownBottomBar: React.FC<{
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+}>;
+export default MultiSelectDropdownBottomBar;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as r}from"../../../../TypographyStyle.js";import{COLORS as l}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const s=s=>{let{onApply:i,onClear:c,list:p}=s;const a=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(n,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:l.content.primary}},{children:a?`${a} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:c}),e(o,{size:"small",buttonText:"Apply",onClick:i})]}))]}))};export{s as default};

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -0,0 +1 @@
+export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -0,0 +1,9 @@
+import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";const e=o.div`
+	display: flex;
+	padding: 8px 16px;
+	flex-direction: row;
+	align-items: center;
+	justify-content: end;
+	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
+	background: ${t.surface.standard};
+`;export{e as BottomBarContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useState as t}from"react";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../../constants/Theme.js";import s from"../../../../../assets/icons/cross.svg.js";import c from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:m}=p;const[a,h]=t(""),[d,l]=t(!1);return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"14px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{placeholder:"Search",leftIcon:{icon:()=>r(c,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>a?r(s,{onClick:()=>{l(!0),m(""),h("")},width:24,height:24,color:i.content.placeholder}):r(o,{})},reset:d,onChangeText:r=>{l(!1),h(r),m(r)}})}))};export{p as SearchBox};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as r}from"../../../../zeroState/ZeroState.js";const e=e=>{let{searchedString:o}=e;return t("div",Object.assign({style:{margin:"28px auto"}},{children:t(r,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=o?o:""}"`})}))};export{e as SearchZeroState};

package/dist/esm/components/dropdown/OpenedDropdown/index.d.ts

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