@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import { ICouponData, MIN_PURCHASE_REQUIREMENT } from '../type';
-interface MinimumRequirementProps {
-    selectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;
-    setSelectedMinimumRequirement: (value: MIN_PURCHASE_REQUIREMENT) => void;
-    discountData: ICouponData;
-    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
-    currency?: string;
-    dynamicDiscountValidationError?: {
-        inValidMinimumAmount?: boolean;
-        inValidMinimumQuantity?: boolean;
-    };
-}
-declare const MinimumRequirementComponent: React.FC<MinimumRequirementProps>;
-export default MinimumRequirementComponent;
+import React from 'react';
+import { ICouponData, MIN_PURCHASE_REQUIREMENT } from '../type';
+interface MinimumRequirementProps {
+    selectedMinimumRequirement: MIN_PURCHASE_REQUIREMENT;
+    setSelectedMinimumRequirement: (value: MIN_PURCHASE_REQUIREMENT) => void;
+    discountData: ICouponData;
+    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
+    currency?: string;
+    dynamicDiscountValidationError?: {
+        inValidMinimumAmount?: boolean;
+        inValidMinimumQuantity?: boolean;
+    };
+}
+declare const MinimumRequirementComponent: React.FC<MinimumRequirementProps>;
+export default MinimumRequirementComponent;

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

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{CheckBox as n}from"../../checkBox/CheckBox.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as t}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as i}from"../../TypographyStyle.js";import{DEFAULT_THEME as o}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as s}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as m}from"../type.js";const r=r=>{var d,u,a,l,c,p,j,M,v;const D=[{selected:r.selectedMinimumRequirement===m.AMOUNT,label:"Minimum order value",value:m.AMOUNT},{selected:r.selectedMinimumRequirement===m.QUANTITY,label:"Minimum number of items",value:m.QUANTITY}];return e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Minimum Purchase Requirements",isChecked:r.selectedMinimumRequirement!==m.NA,onValueChange:e=>{e?(r.setSelectedMinimumRequirement(m.AMOUNT),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0}))):(r.setSelectedMinimumRequirement(m.NA),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),e.jsx(i,Object.assign({style:{color:o.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),r.selectedMinimumRequirement!==m.NA&&e.jsxs("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e.jsxs("div",Object.assign({className:"input__wrapper"},{children:[e.jsx(i,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),e.jsx(t,{options:D,placement:"bottom-start",onSelect:e=>{const n=e.value;r.setSelectedMinimumRequirement(n),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),e.jsx("div",Object.assign({className:"input__wrapper"},{children:e.jsx(s,{value:r.selectedMinimumRequirement===m.AMOUNT?null!==(u=null===(d=r.discountData.minAmount)||void 0===d?void 0:d.toString())&&void 0!==u?u:"":null!==(l=null===(a=r.discountData.minQuantity)||void 0===a?void 0:a.toString())&&void 0!==l?l:"",onChangeText:e=>{r.selectedMinimumRequirement===m.AMOUNT?r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minAmount:parseInt(e)})):r.selectedMinimumRequirement===m.QUANTITY&&r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:parseInt(e)}))},labelText:r.selectedMinimumRequirement===m.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:r.selectedMinimumRequirement===m.AMOUNT?null!==(c=r.currency)&&void 0!==c?c:"":void 0,type:"number",placeholder:r.selectedMinimumRequirement===m.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(p=r.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidMinimumAmount)||(null===(j=r.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumQuantity)?"Required Field":"",state:(null===(M=r.dynamicDiscountValidationError)||void 0===M?void 0:M.inValidMinimumAmount)||(null===(v=r.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};export{r as default};
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{CheckBox as i}from"../../checkBox/CheckBox.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as o}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as s}from"../type.js";const u=u=>{var a,l,c,p,M,v,D,j,y;const O=[{selected:u.selectedMinimumRequirement===s.AMOUNT,label:"Minimum order value",value:s.AMOUNT},{selected:u.selectedMinimumRequirement===s.QUANTITY,label:"Minimum number of items",value:s.QUANTITY}];return e(t,{children:[n(i,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==s.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(s.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(s.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),n(m,{style:{color:r.colorsV2.text.secondary,marginLeft:28},children:"Enable coupon only after a minimum order value"}),u.selectedMinimumRequirement!==s.NA&&e("div",{style:{margin:"16px 0 0 28px"},className:"input__rows",children:[e("div",{className:"input__wrapper",children:[n(m,{style:{marginBottom:10},children:"Requirements"}),n(o,{options:O,placement:"bottom-start",onSelect:e=>{const t=e.value;u.setSelectedMinimumRequirement(t),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]}),n("div",{className:"input__wrapper",children:n(d,{value:u.selectedMinimumRequirement===s.AMOUNT?null!==(l=null===(a=u.discountData.minAmount)||void 0===a?void 0:a.toString())&&void 0!==l?l:"":null!==(p=null===(c=u.discountData.minQuantity)||void 0===c?void 0:c.toString())&&void 0!==p?p:"",onChangeText:e=>{u.selectedMinimumRequirement===s.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===s.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===s.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===s.AMOUNT?null!==(M=u.currency)&&void 0!==M?M:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===s.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(v=u.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumAmount)||(null===(D=u.dynamicDiscountValidationError)||void 0===D?void 0:D.inValidMinimumQuantity)?"Required Field":"",state:(null===(j=u.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumAmount)||(null===(y=u.dynamicDiscountValidationError)||void 0===y?void 0:y.inValidMinimumQuantity)?"invalid":"none"})})]})]})};export{u as default};

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

@@ -1,2 +1,2 @@
-declare const renderZeroState: () => import("react/jsx-runtime").JSX.Element;
-export default renderZeroState;
+declare const renderZeroState: () => import("react/jsx-runtime").JSX.Element;
+export default renderZeroState;

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

@@ -1,16 +1,16 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"styled-components";import{TitleMedium as o,BodyPrimary as t}from"../../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import n from"../../../assets/icons/cursor.svg.js";const i=()=>e.jsxs(c,{children:[e.jsx(d,{children:e.jsx(n,{width:32,color:r.colorsV2.content.primaryInverse})}),e.jsx(o,{children:"No discount has been selected"}),e.jsx(t,{children:"Please select a discount type"})]}),c=s.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{TitleMedium as o,BodyPrimary as n}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import i from"../../../assets/icons/cursor.svg.js";const c=()=>e(d,{children:[t(l,{children:t(i,{width:32,color:s.colorsV2.content.primaryInverse})}),t(o,{children:"No discount has been selected"}),t(n,{children:"Please select a discount type"})]}),d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 40px 0;
 	justify-content: center;
 	align-items: center;
-`,d=s.div`
+`,l=r.div`
 	height: 52px;
 	width: 52px;
-	background-color: ${r.colorsV2.background.inverse};
+	background-color: ${s.colorsV2.background.inverse};
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-`;export{i as default};
+`;export{c as default};

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

@@ -1,62 +1,62 @@
-import React from 'react';
-import { COUPON_EXPIRATION, DISCOUNT_APPLIES_TO, DISCOUNT_TYPES, ICouponData, IDynamicDiscountValidationError, IStaticDiscountValidationError, MIN_PURCHASE_REQUIREMENT, OFFER_APPLIES_TO, ProductVariable } from "../type";
-import { SingleOption } from "../../dropdown/type";
-import { Collection, Product } from "../../product-picker/type";
-import { VariableListInterfaceV3 } from "../../variable-picker-v3/model";
-import { DISCOUNT_PRODUCTS } from '../DynamicCoupon/DynamicCoupon';
-interface StaticCouponI {
-    discountData: ICouponData;
-    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
-    hideProbability: boolean;
-    discountAdminUrl?: string;
-    staticDiscountValidationError?: IStaticDiscountValidationError;
-    currency?: string;
-    getDetailedDescription?: boolean;
-    selectedCouponType?: DISCOUNT_TYPES;
-    setSelectedCouponType?: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
-    selectedMinimumRequirement?: MIN_PURCHASE_REQUIREMENT;
-    setSelectedMinimumRequirement?: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
-    discountCouponAppliesTo?: DISCOUNT_APPLIES_TO;
-    offerAppliesToBuy?: OFFER_APPLIES_TO;
-    offerAppliesToGet?: OFFER_APPLIES_TO;
-    setDiscountCouponAppliesTo?: React.Dispatch<React.SetStateAction<DISCOUNT_APPLIES_TO>>;
-    setOfferAppliesToBuy?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
-    setOfferAppliesToGet?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
-    hideExpiration?: boolean;
-    onChangeCouponType?: (option: SingleOption) => void;
-    entitledProducts?: Product[];
-    prerequisiteProducts?: Product[];
-    setEntitledProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
-    setPrerequisiteProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
-    entitledCollections?: Collection[];
-    prerequisiteCollections?: Collection[];
-    setEntitledCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
-    setPrerequisiteCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
-    setIsProductPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
-    setIsProductVariablePickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
-    setIsCollectionPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
-    productPickerOpen?: DISCOUNT_PRODUCTS | undefined;
-    productVariablePickerOpen?: DISCOUNT_PRODUCTS | undefined;
-    collectionPickerOpen?: DISCOUNT_PRODUCTS | undefined;
-    useNewPicker?: boolean;
-    selectedDiscountDetails?: any;
-    setSelectedDiscountDetails?: React.Dispatch<React.SetStateAction<any>>;
-    isProductVariableSupported?: boolean;
-    entitledProductVariable?: ProductVariable;
-    setEntitledProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
-    preRequisiteProductVariable?: ProductVariable;
-    setPreRequisiteProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
-    productVariableList?: VariableListInterfaceV3[];
-    isAddExpirationChecked?: boolean;
-    setIsAddExpirationChecked?: React.Dispatch<React.SetStateAction<boolean>>;
-    dynamicDiscountValidationError?: IDynamicDiscountValidationError;
-    setDynamicDiscountValidationError?: React.Dispatch<React.SetStateAction<IDynamicDiscountValidationError>>;
-    setValidationErrorMessage?: React.Dispatch<React.SetStateAction<string>>;
-    resetValidationErrors?: () => void;
-    discountDetailsOptions?: any[];
-    selectedExpiration?: COUPON_EXPIRATION | undefined;
-    setSelectedExpiration?: React.Dispatch<React.SetStateAction<COUPON_EXPIRATION | undefined>>;
-    makeExpiryMandatory?: boolean;
-}
-declare const StaticCoupon: React.FC<StaticCouponI>;
-export default StaticCoupon;
+import React from 'react';
+import { COUPON_EXPIRATION, DISCOUNT_APPLIES_TO, DISCOUNT_TYPES, ICouponData, IDynamicDiscountValidationError, IStaticDiscountValidationError, MIN_PURCHASE_REQUIREMENT, OFFER_APPLIES_TO, ProductVariable } from '@src/components/discount-modal/type';
+import { SingleOption } from '@src/components/dropdown/type';
+import { Collection, Product } from '@src/components/product-picker/type';
+import { VariableListInterfaceV3 } from '@src/components/variable-picker-v3/model';
+import { DISCOUNT_PRODUCTS } from '../DynamicCoupon/DynamicCoupon';
+interface StaticCouponI {
+    discountData: ICouponData;
+    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
+    hideProbability: boolean;
+    discountAdminUrl?: string;
+    staticDiscountValidationError?: IStaticDiscountValidationError;
+    currency?: string;
+    getDetailedDescription?: boolean;
+    selectedCouponType?: DISCOUNT_TYPES;
+    setSelectedCouponType?: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
+    selectedMinimumRequirement?: MIN_PURCHASE_REQUIREMENT;
+    setSelectedMinimumRequirement?: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
+    discountCouponAppliesTo?: DISCOUNT_APPLIES_TO;
+    offerAppliesToBuy?: OFFER_APPLIES_TO;
+    offerAppliesToGet?: OFFER_APPLIES_TO;
+    setDiscountCouponAppliesTo?: React.Dispatch<React.SetStateAction<DISCOUNT_APPLIES_TO>>;
+    setOfferAppliesToBuy?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
+    setOfferAppliesToGet?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
+    hideExpiration?: boolean;
+    onChangeCouponType?: (option: SingleOption) => void;
+    entitledProducts?: Product[];
+    prerequisiteProducts?: Product[];
+    setEntitledProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
+    setPrerequisiteProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
+    entitledCollections?: Collection[];
+    prerequisiteCollections?: Collection[];
+    setEntitledCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
+    setPrerequisiteCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
+    setIsProductPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
+    setIsProductVariablePickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
+    setIsCollectionPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
+    productPickerOpen?: DISCOUNT_PRODUCTS | undefined;
+    productVariablePickerOpen?: DISCOUNT_PRODUCTS | undefined;
+    collectionPickerOpen?: DISCOUNT_PRODUCTS | undefined;
+    useNewPicker?: boolean;
+    selectedDiscountDetails?: any;
+    setSelectedDiscountDetails?: React.Dispatch<React.SetStateAction<any>>;
+    isProductVariableSupported?: boolean;
+    entitledProductVariable?: ProductVariable;
+    setEntitledProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
+    preRequisiteProductVariable?: ProductVariable;
+    setPreRequisiteProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
+    productVariableList?: VariableListInterfaceV3[];
+    isAddExpirationChecked?: boolean;
+    setIsAddExpirationChecked?: React.Dispatch<React.SetStateAction<boolean>>;
+    dynamicDiscountValidationError?: IDynamicDiscountValidationError;
+    setDynamicDiscountValidationError?: React.Dispatch<React.SetStateAction<IDynamicDiscountValidationError>>;
+    setValidationErrorMessage?: React.Dispatch<React.SetStateAction<string>>;
+    resetValidationErrors?: () => void;
+    discountDetailsOptions?: any[];
+    selectedExpiration?: COUPON_EXPIRATION | undefined;
+    setSelectedExpiration?: React.Dispatch<React.SetStateAction<COUPON_EXPIRATION | undefined>>;
+    makeExpiryMandatory?: boolean;
+}
+declare const StaticCoupon: React.FC<StaticCouponI>;
+export default StaticCoupon;

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

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/info.svg.js";import{Alert as t}from"../../alerts/Alert.js";import{ALERT_TYPES as o,CONTENT_POSITION as s}from"../../alerts/AlertHelper.js";import{Input as n}from"../../input/Input.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as a}from"../DiscountModal.styled.js";import l from"../DynamicCoupon/DynamicCoupon.js";const d=d=>{var c,u,p,D,m,b,C,v,x,P,T,h,E,g,y,j;return d.getDetailedDescription?e.jsxs(a,Object.assign({style:{marginTop:0}},{children:[e.jsx(n,{maxCharLimit:30,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(c=d.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"Required Field":"",state:(null===(u=d.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify",width:"300px"}),e.jsx(l,{currency:d.currency,entitledProducts:null!==(p=d.entitledProducts)&&void 0!==p?p:[],prerequisiteProducts:null!==(D=d.prerequisiteProducts)&&void 0!==D?D:[],setEntitledProducts:d.setEntitledProducts,setPrerequisiteProducts:d.setPrerequisiteProducts,discountData:d.discountData,productPickerOpen:d.productPickerOpen,productVariablePickerOpen:d.productVariablePickerOpen,setIsProductPickerOpen:d.setIsProductPickerOpen,setIsProductVariablePickerOpen:d.setIsProductVariablePickerOpen,setDiscountData:d.setDiscountData,selectedCouponType:d.selectedCouponType,setSelectedCouponType:d.setSelectedCouponType,selectedMinimumRequirement:d.selectedMinimumRequirement,setSelectedMinimumRequirement:d.setSelectedMinimumRequirement,discountCouponAppliesTo:d.discountCouponAppliesTo,offerAppliesToBuy:d.offerAppliesToBuy,offerAppliesToGet:d.offerAppliesToGet,setDiscountCouponAppliesTo:d.setDiscountCouponAppliesTo,setOfferAppliesToBuy:d.setOfferAppliesToBuy,setOfferAppliesToGet:d.setOfferAppliesToGet,hideProbability:!0,hideExpiration:d.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:d.onChangeCouponType,collectionPickerOpen:d.collectionPickerOpen,entitledCollections:null!==(m=d.entitledCollections)&&void 0!==m?m:[],prerequisiteCollections:null!==(b=d.prerequisiteCollections)&&void 0!==b?b:[],setIsCollectionPickerOpen:d.setIsCollectionPickerOpen,setEntitledCollections:d.setEntitledCollections,setPrerequisiteCollections:d.setPrerequisiteCollections,useNewPicker:d.useNewPicker,setSelectedDiscountDetails:d.setSelectedDiscountDetails,selectedDiscountDetails:d.selectedDiscountDetails,isProductVariableSupported:d.isProductVariableSupported,entitledProductVariable:d.entitledProductVariable,setEntitledProductVariable:d.setEntitledProductVariable,preRequisiteProductVariable:d.preRequisiteProductVariable,setPreRequisiteProductVariable:d.setPreRequisiteProductVariable,productVariableList:d.productVariableList,isAddExpirationChecked:d.isAddExpirationChecked,setIsAddExpirationChecked:d.setIsAddExpirationChecked,dynamicDiscountValidationError:d.dynamicDiscountValidationError,setDynamicDiscountValidationError:d.setDynamicDiscountValidationError,setValidationErrorMessage:d.setValidationErrorMessage,resetValidationErrors:d.resetValidationErrors,discountDetailsOptions:d.discountDetailsOptions,selectedExpiration:d.selectedExpiration,setSelectedExpiration:d.setSelectedExpiration,makeExpiryMandatory:null!==(C=d.makeExpiryMandatory)&&void 0!==C&&C,isUsageFromStatic:!0})]})):e.jsxs(a,{children:[e.jsxs("div",Object.assign({className:"static-coupon__data"},{children:[e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(n,{maxCharLimit:30,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(v=d.staticDiscountValidationError)||void 0===v?void 0:v.invalidDiscountCode)?"Required Field":"",state:(null===(x=d.staticDiscountValidationError)||void 0===x?void 0:x.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(n,{maxCharLimit:30,labelText:"Discount Coupon Title",value:d.discountData.title,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{title:null==e?void 0:e.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(P=d.currency)&&void 0!==P?P:""}15 Off”`,errorMessage:(null===(T=d.staticDiscountValidationError)||void 0===T?void 0:T.invalidCouponTitle)?"Required Field":"",state:(null===(h=d.staticDiscountValidationError)||void 0===h?void 0:h.invalidCouponTitle)?"invalid":"none"})}))]})),e.jsx(n,{maxCharLimit:60,labelText:"Coupon Description",value:d.discountData.description,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{description:null==e?void 0:e.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(E=d.staticDiscountValidationError)||void 0===E?void 0:E.invalidCouponDescription)?"Required Field":"",state:(null===(g=d.staticDiscountValidationError)||void 0===g?void 0:g.invalidCouponDescription)?"invalid":"none"}),!d.hideProbability&&e.jsx(n,{labelText:"Probability of getting coupon",value:null!==d.discountData.probability&&void 0!==d.discountData.probability?d.discountData.probability.toString():"",type:"number",onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(y=d.staticDiscountValidationError)||void 0===y?void 0:y.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(j=d.staticDiscountValidationError)||void 0===j?void 0:j.inValidProbability)?"invalid":"none"}),d.discountAdminUrl&&e.jsx(t,{type:o.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:s.START,redirectToText:"click here",redirectTo:d.discountAdminUrl,icon:()=>e.jsx(i,{width:16,height:16,color:r.colorsV2.content.secondary})})]})};export{d as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as n,CONTENT_POSITION as r}from"../../alerts/AlertHelper.js";import{Input as s}from"../../input/Input.js";import{DEFAULT_THEME as a}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";import d from"../DynamicCoupon/DynamicCoupon.js";const c=c=>{var u,p,D,m,C,v,b,P,T,h,E,y,g,x,V,f;return c.getDetailedDescription?e(l,{style:{marginTop:0},children:[i(s,{maxCharLimit:30,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:c.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(u=c.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"Required Field":"",state:(null===(p=c.staticDiscountValidationError)||void 0===p?void 0:p.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify",width:"300px"}),i(d,{currency:c.currency,entitledProducts:null!==(D=c.entitledProducts)&&void 0!==D?D:[],prerequisiteProducts:null!==(m=c.prerequisiteProducts)&&void 0!==m?m:[],setEntitledProducts:c.setEntitledProducts,setPrerequisiteProducts:c.setPrerequisiteProducts,discountData:c.discountData,productPickerOpen:c.productPickerOpen,productVariablePickerOpen:c.productVariablePickerOpen,setIsProductPickerOpen:c.setIsProductPickerOpen,setIsProductVariablePickerOpen:c.setIsProductVariablePickerOpen,setDiscountData:c.setDiscountData,selectedCouponType:c.selectedCouponType,setSelectedCouponType:c.setSelectedCouponType,selectedMinimumRequirement:c.selectedMinimumRequirement,setSelectedMinimumRequirement:c.setSelectedMinimumRequirement,discountCouponAppliesTo:c.discountCouponAppliesTo,offerAppliesToBuy:c.offerAppliesToBuy,offerAppliesToGet:c.offerAppliesToGet,setDiscountCouponAppliesTo:c.setDiscountCouponAppliesTo,setOfferAppliesToBuy:c.setOfferAppliesToBuy,setOfferAppliesToGet:c.setOfferAppliesToGet,hideProbability:!0,hideExpiration:c.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:c.onChangeCouponType,collectionPickerOpen:c.collectionPickerOpen,entitledCollections:null!==(C=c.entitledCollections)&&void 0!==C?C:[],prerequisiteCollections:null!==(v=c.prerequisiteCollections)&&void 0!==v?v:[],setIsCollectionPickerOpen:c.setIsCollectionPickerOpen,setEntitledCollections:c.setEntitledCollections,setPrerequisiteCollections:c.setPrerequisiteCollections,useNewPicker:c.useNewPicker,setSelectedDiscountDetails:c.setSelectedDiscountDetails,selectedDiscountDetails:c.selectedDiscountDetails,isProductVariableSupported:c.isProductVariableSupported,entitledProductVariable:c.entitledProductVariable,setEntitledProductVariable:c.setEntitledProductVariable,preRequisiteProductVariable:c.preRequisiteProductVariable,setPreRequisiteProductVariable:c.setPreRequisiteProductVariable,productVariableList:c.productVariableList,isAddExpirationChecked:c.isAddExpirationChecked,setIsAddExpirationChecked:c.setIsAddExpirationChecked,dynamicDiscountValidationError:c.dynamicDiscountValidationError,setDynamicDiscountValidationError:c.setDynamicDiscountValidationError,setValidationErrorMessage:c.setValidationErrorMessage,resetValidationErrors:c.resetValidationErrors,discountDetailsOptions:c.discountDetailsOptions,selectedExpiration:c.selectedExpiration,setSelectedExpiration:c.setSelectedExpiration,makeExpiryMandatory:null!==(b=c.makeExpiryMandatory)&&void 0!==b&&b,isUsageFromStatic:!0})]}):e(l,{children:[e("div",{className:"static-coupon__data",children:[i("div",{className:"static-input__wrapper",children:i(s,{maxCharLimit:30,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:c.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(P=c.staticDiscountValidationError)||void 0===P?void 0:P.invalidDiscountCode)?"Required Field":"",state:(null===(T=c.staticDiscountValidationError)||void 0===T?void 0:T.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})}),i("div",{className:"static-input__wrapper",children:i(s,{maxCharLimit:30,labelText:"Discount Coupon Title",value:c.discountData.title,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{title:null==e?void 0:e.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(h=c.currency)&&void 0!==h?h:""}15 Off”`,errorMessage:(null===(E=c.staticDiscountValidationError)||void 0===E?void 0:E.invalidCouponTitle)?"Required Field":"",state:(null===(y=c.staticDiscountValidationError)||void 0===y?void 0:y.invalidCouponTitle)?"invalid":"none"})})]}),i(s,{maxCharLimit:60,labelText:"Coupon Description",value:c.discountData.description,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{description:null==e?void 0:e.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(g=c.staticDiscountValidationError)||void 0===g?void 0:g.invalidCouponDescription)?"Required Field":"",state:(null===(x=c.staticDiscountValidationError)||void 0===x?void 0:x.invalidCouponDescription)?"invalid":"none"}),!c.hideProbability&&i(s,{labelText:"Probability of getting coupon",value:null!==c.discountData.probability&&void 0!==c.discountData.probability?c.discountData.probability.toString():"",type:"number",onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(V=c.staticDiscountValidationError)||void 0===V?void 0:V.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(f=c.staticDiscountValidationError)||void 0===f?void 0:f.inValidProbability)?"invalid":"none"}),c.discountAdminUrl&&i(o,{type:n.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:r.START,redirectToText:"click here",redirectTo:c.discountAdminUrl,icon:()=>i(t,{width:16,height:16,color:a.colorsV2.content.secondary})})]})};export{c as default};

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

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

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

@@ -1,107 +1,107 @@
-import { SelectedItems } from '../product-picker-v2';
-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 {
-    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
-    AMOUNT_OFF_ORDER = "amountOffOrder",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-export declare enum DISCOUNT_APPLIES_TO {
-    ENTIRE_ORDER = "entireOrder",
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export declare enum OFFER_APPLIES_TO {
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export interface ProductVariable {
-    displayName: string;
-    actualValue: string;
-    isAvailable: boolean;
-}
-export declare enum COUPON_EXPIRATION {
-    FIXED_EXPIRATION = "fixedExpiration",
-    DYNAMIC_EXPIRATION = "dynamicExpiration"
-}
-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;
-    productsConf?: {
-        entitledProducts: SelectedItems;
-        prerequisiteProducts: SelectedItems;
-    };
-    collectionsConf?: {
-        entitledCollections: SelectedItems;
-        prerequisiteCollections: SelectedItems;
-    };
-    productVariableConf?: {
-        entitledProductVariable: ProductVariable;
-        prerequisiteProductVariable: ProductVariable;
-    };
-}
-export interface IStaticDiscountValidationError {
-    invalidDiscountCode: boolean;
-    invalidCouponDescription: boolean;
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-}
-export interface IDynamicDiscountValidationError {
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-    inValidDiscountAmount: boolean;
-    inValidMinimumQuantity: boolean;
-    inValidMinimumAmount: boolean;
-    inValidCouponExpiry: boolean;
-    inValidProductSelection: boolean;
-    inValidProductVariableSelection: boolean;
-    inValidCollectionSelection: boolean;
-    inValidBuyXValue: boolean;
-    inValidGetYValue: boolean;
-    inValidBuyXProductSelection: boolean;
-    inValidGetYProductSelection: boolean;
-    inValidBuyXCollectionSelection: boolean;
-    inValidGetYCollectionSelection: boolean;
-    inValidBuyXProductVariableSelection: boolean;
-    inValidGetYProductVariableSelection: boolean;
-}
-export declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
-export declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;
+import { SelectedItems } from '../product-picker-v2';
+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 {
+    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
+    AMOUNT_OFF_ORDER = "amountOffOrder",
+    BUY_X_GET_Y = "buyXGetY",
+    FREE_SHIPPING = "freeShipping"
+}
+export declare enum DISCOUNT_APPLIES_TO {
+    ENTIRE_ORDER = "entireOrder",
+    SPECIFIC_PRODUCTS = "specificProducts",
+    SPECIFIC_COLLECTIONS = "specificCollections"
+}
+export declare enum OFFER_APPLIES_TO {
+    SPECIFIC_PRODUCTS = "specificProducts",
+    SPECIFIC_COLLECTIONS = "specificCollections"
+}
+export interface ProductVariable {
+    displayName: string;
+    actualValue: string;
+    isAvailable: boolean;
+}
+export declare enum COUPON_EXPIRATION {
+    FIXED_EXPIRATION = "fixedExpiration",
+    DYNAMIC_EXPIRATION = "dynamicExpiration"
+}
+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;
+    productsConf?: {
+        entitledProducts: SelectedItems;
+        prerequisiteProducts: SelectedItems;
+    };
+    collectionsConf?: {
+        entitledCollections: SelectedItems;
+        prerequisiteCollections: SelectedItems;
+    };
+    productVariableConf?: {
+        entitledProductVariable: ProductVariable;
+        prerequisiteProductVariable: ProductVariable;
+    };
+}
+export interface IStaticDiscountValidationError {
+    invalidDiscountCode: boolean;
+    invalidCouponDescription: boolean;
+    invalidCouponTitle: boolean;
+    inValidProbability: boolean;
+}
+export interface IDynamicDiscountValidationError {
+    invalidCouponTitle: boolean;
+    inValidProbability: boolean;
+    inValidDiscountAmount: boolean;
+    inValidMinimumQuantity: boolean;
+    inValidMinimumAmount: boolean;
+    inValidCouponExpiry: boolean;
+    inValidProductSelection: boolean;
+    inValidProductVariableSelection: boolean;
+    inValidCollectionSelection: boolean;
+    inValidBuyXValue: boolean;
+    inValidGetYValue: boolean;
+    inValidBuyXProductSelection: boolean;
+    inValidGetYProductSelection: boolean;
+    inValidBuyXCollectionSelection: boolean;
+    inValidGetYCollectionSelection: boolean;
+    inValidBuyXProductVariableSelection: boolean;
+    inValidGetYProductVariableSelection: boolean;
+}
+export declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
+export declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;

package/dist/esm/components/dot-pulse/DotPulse.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface DotPulseProps {
-    color?: string;
-    size?: number;
-}
-declare const DotPulse: React.FC<DotPulseProps>;
-export { DotPulse };
+import React from 'react';
+export interface DotPulseProps {
+    color?: string;
+    size?: number;
+}
+declare const DotPulse: React.FC<DotPulseProps>;
+export { DotPulse };

package/dist/esm/components/dot-pulse/DotPulse.js

@@ -1,7 +1,7 @@
-import{j as i}from"../../node_modules/react/jsx-runtime.js";import e from"styled-components";const o=e=>{let{color:o="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:n=4}=e;return i.jsxs(s,{children:[i.jsx(a,{$color:o,$size:n}),i.jsx(a,{$color:o,$size:n}),i.jsx(a,{$color:o,$size:n})]})},s=e.span`
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import o from"styled-components";const a=o=>{let{color:a="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:t=4}=o;return i(n,{children:[e(r,{$color:a,$size:t}),e(r,{$color:a,$size:t}),e(r,{$color:a,$size:t})]})},n=o.span`
 	display: inline-flex;
 	align-items: center;
-`,a=e.span`
+`,r=o.span`
 	display: block;
 	width: ${i=>i.$size}px;
 	height: ${i=>i.$size}px;
@@ -32,4 +32,4 @@ import{j as i}from"../../node_modules/react/jsx-runtime.js";import e from"styled
 			transform: scale(1.4);
 		}
 	}
-`;export{o as DotPulse};
+`;export{a as DotPulse};

package/dist/esm/components/dot-pulse/index.d.ts

@@ -1 +1 @@
-export * from './DotPulse';
+export * from './DotPulse';

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

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

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

@@ -1 +1 @@
-import{j as p}from"../../node_modules/react/jsx-runtime.js";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:n="z1",position:o="down",children:s,style:r}=e;const t=x[n][o];return p.jsx("div",Object.assign({style:Object.assign({boxShadow:t},null!=r?r:{})},{children:s}))};export{e as DropShadow};
+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)"}},r=r=>{let{level:e="z1",position:n="down",children:o,style:t}=r;const l=x[e][n];return p("div",{style:Object.assign({boxShadow:l},null!=t?t:{}),children:o})};export{r as DropShadow};

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

@@ -1 +1 @@
-export * from './DropShadow';
+export * from './DropShadow';

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { DropdownProps } from './Dropdown';
-export declare const ChipDropdown: React.FC<DropdownProps>;
-export declare const ChipDropdownContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-    height?: string | undefined;
-    backgroundColor?: string | undefined;
-}, never>;
+import React from 'react';
+import { DropdownProps } from './Dropdown';
+export declare const ChipDropdown: React.FC<DropdownProps>;
+export declare const ChipDropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+}>> & string;

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

@@ -1,4 +1,4 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as r,useRef as e}from"react";import i from"styled-components";import{Tag as n}from"../tag/Tag.js";import{COLORS as l}from"../../constants/Theme.js";import s from"../../assets/icons/chevronDown.svg.js";import d from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as p}from"../TypographyStyle.js";import{DropdownPopover as c}from"./DropdownPopover/index.js";const g=i=>{var g,m,{placeHolder:u,onSelect:j,backgroundColor:f}=i,v=o(i,["placeHolder","onSelect","backgroundColor"]);const[x,y]=r(!1),b=e();return t.jsx(c,Object.assign({ref:b,onDropdownVisbilityChange:o=>y(o),onSelect:function(o){null==j||j(o)}},v,{children:"default"==v.inputType?t.jsxs(h,Object.assign({width:null===(g=null==v?void 0:v.inputStyle)||void 0===g?void 0:g.width,height:null===(m=null==v?void 0:v.inputStyle)||void 0===m?void 0:m.height,backgroundColor:f},{children:[t.jsx(p,Object.assign({color:l.content.placeholder},{children:u})),t.jsx(s,{style:{transform:x?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:l.content.primary})]})):t.jsx(n,{tagText:null!=u?u:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:x?a:d})}))};g.displayName="ChipDropdown";const h=i.div`
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useState as e,useRef as i}from"react";import n from"styled-components";import{Tag as l}from"../tag/Tag.js";import{COLORS as d}from"../../constants/Theme.js";import s from"../../assets/icons/chevronDown.svg.js";import p from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as c}from"../TypographyStyle.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";const g=n=>{var g,u,{placeHolder:f,onSelect:v,backgroundColor:y}=n,w=o(n,["placeHolder","onSelect","backgroundColor"]);const[x,b]=e(!1),j=i();return r(h,Object.assign({ref:j,onDropdownVisbilityChange:o=>b(o),onSelect:function(o){null==v||v(o)}},w,{children:"default"==w.inputType?t(m,{width:null===(g=null==w?void 0:w.inputStyle)||void 0===g?void 0:g.width,height:null===(u=null==w?void 0:w.inputStyle)||void 0===u?void 0:u.height,backgroundColor:y,children:[r(c,{color:d.content.placeholder,children:f}),r(s,{style:{transform:x?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:d.content.primary})]}):r(l,{tagText:null!=f?f:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:x?a:p})}))};g.displayName="ChipDropdown";const m=n.div`
 	display: flex;
 	flex-direction: row;
 	width: ${o=>(null==o?void 0:o.width)?o.width:"240px"};
@@ -6,10 +6,10 @@ import{__rest as o}from"../../_virtual/_tslib.js";import{j as t}from"../../node_
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${l.stroke.primary};
+	border: 1px solid ${d.stroke.primary};
 	border-radius: 4px;
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
 	${o=>o.backgroundColor&&`background-color: ${o.backgroundColor};`}
-`;export{g as ChipDropdown,h as ChipDropdownContainer};
+`;export{g as ChipDropdown,m as ChipDropdownContainer};

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { SingleOption } from './type';
-interface ChipInputProps {
-    placeholder?: string;
-    chips: SingleOption[];
-    onDeleteChip: (chip: SingleOption) => void;
-    containerStyle?: React.CSSProperties;
-    isDropdownOpened?: boolean;
-    sizeToUse?: 'default' | 'small' | 'x-small';
-    errorMessage?: string;
-    showLabelsOnMoreHover?: boolean;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;
+import React from 'react';
+import { SingleOption } from './type';
+interface ChipInputProps {
+    placeholder?: string;
+    chips: SingleOption[];
+    onDeleteChip: (chip: SingleOption) => void;
+    containerStyle?: React.CSSProperties;
+    isDropdownOpened?: boolean;
+    sizeToUse?: 'default' | 'small' | 'x-small';
+    errorMessage?: string;
+    showLabelsOnMoreHover?: boolean;
+}
+declare const ChipInput: React.FC<ChipInputProps>;
+export default ChipInput;