@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-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{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 s}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 r}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as d}from"../type.js";const u=u=>{var a,c,l,p,M,j,v,D,O;const b=[{selected:u.selectedMinimumRequirement===d.AMOUNT,label:"Minimum order value",value:d.AMOUNT},{selected:u.selectedMinimumRequirement===d.QUANTITY,label:"Minimum number of items",value:d.QUANTITY}];return e(t,{children:[n(i,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==d.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(d.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(d.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),n(m,Object.assign({style:{color:s.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),u.selectedMinimumRequirement!==d.NA&&e("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[n(m,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),n(o,{options:b,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",Object.assign({className:"input__wrapper"},{children:n(r,{value:u.selectedMinimumRequirement===d.AMOUNT?null!==(c=null===(a=u.discountData.minAmount)||void 0===a?void 0:a.toString())&&void 0!==c?c:"":null!==(p=null===(l=u.discountData.minQuantity)||void 0===l?void 0:l.toString())&&void 0!==p?p:"",onChangeText:e=>{u.selectedMinimumRequirement===d.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===d.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===d.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===d.AMOUNT?null!==(M=u.currency)&&void 0!==M?M:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===d.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(j=u.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumAmount)||(null===(v=u.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumQuantity)?"Required Field":"",state:(null===(D=u.dynamicDiscountValidationError)||void 0===D?void 0:D.inValidMinimumAmount)||(null===(O=u.dynamicDiscountValidationError)||void 0===O?void 0:O.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};export{u 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/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{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 s}from"../../alerts/AlertHelper.js";import{Input as r}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,b,C,v,P,T,h,E,g,y,x,V,f;return c.getDetailedDescription?e(l,Object.assign({style:{marginTop:0}},{children:[i(r,{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!==(b=c.entitledCollections)&&void 0!==b?b:[],prerequisiteCollections:null!==(C=c.prerequisiteCollections)&&void 0!==C?C:[],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!==(v=c.makeExpiryMandatory)&&void 0!==v&&v,isUsageFromStatic:!0})]})):e(l,{children:[e("div",Object.assign({className:"static-coupon__data"},{children:[i("div",Object.assign({className:"static-input__wrapper"},{children:i(r,{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",Object.assign({className:"static-input__wrapper"},{children:i(r,{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===(g=c.staticDiscountValidationError)||void 0===g?void 0:g.invalidCouponTitle)?"invalid":"none"})}))]})),i(r,{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===(y=c.staticDiscountValidationError)||void 0===y?void 0:y.invalidCouponDescription)?"Required Field":"",state:(null===(x=c.staticDiscountValidationError)||void 0===x?void 0:x.invalidCouponDescription)?"invalid":"none"}),!c.hideProbability&&i(r,{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:s.START,redirectToText:"click here",redirectTo:c.discountAdminUrl,icon:()=>i(t,{width:16,height:16,color:a.colorsV2.content.secondary})})]})};export{c 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/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{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:n="z1",position:r="down",children:t,style:o}=e;const s=x[n][r];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:t}))};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{jsx as t,jsxs as r}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 s}from"../../constants/Theme.js";import d from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/chevronDownOutline.svg.js";import p from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as c}from"../TypographyStyle.js";import{DropdownPopover as g}from"./DropdownPopover/index.js";const h=n=>{var h,u,{placeHolder:f,onSelect:v,backgroundColor:y}=n,b=o(n,["placeHolder","onSelect","backgroundColor"]);const[j,w]=e(!1),x=i();return t(g,Object.assign({ref:x,onDropdownVisbilityChange:o=>w(o),onSelect:function(o){null==v||v(o)}},b,{children:"default"==b.inputType?r(m,Object.assign({width:null===(h=null==b?void 0:b.inputStyle)||void 0===h?void 0:h.width,height:null===(u=null==b?void 0:b.inputStyle)||void 0===u?void 0:u.height,backgroundColor:y},{children:[t(c,Object.assign({color:s.content.placeholder},{children:f})),t(d,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:s.content.primary})]})):t(l,{tagText:null!=f?f:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:j?p:a})}))};h.displayName="ChipDropdown";const m=n.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{jsx as t,jsxs as r}from
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${s.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{h as ChipDropdown,m 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;

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import i from"../../utils/StringUtils.js";import{COLORS as r}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/errorInfo.svg.js";import{InputFooter as d}from"../input/Input.styled.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodyCaption as p}from"../TypographyStyle.js";import{ChipInputWrapper as g}from"./Common.styled.js";const j=j=>{let{chips:b,onDeleteChip:f,containerStyle:v={},sizeToUse:y="default",isDropdownOpened:O,placeholder:u="Select..",errorMessage:x="",showLabelsOnMoreHover:T=!1}=j;const[w,I]=o(),[C,S]=o(0),[z,D]=o([]);return l((()=>{if(!b)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(b);let s=b.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&b.length>0&&(s=[b[0]]),I(s);const o=b.filter((e=>!s.includes(e))).map((e=>e.label));D(o),S(b.length-s.length)}),[b]),e(t,{children:[e(g,Object.assign({style:Object.assign({},v),error:!!x},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==w?void 0:w.map(((e,t)=>s("div",Object.assign({style:{zIndex:2}},{children:s(h,Object.assign({tagText:i.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>s(c,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{f(e)}})},{children:e.selectedLabel||e.label}))}),t))),!!C&&s("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:s(m,Object.assign({body:"",placement:"bottom",tooltipContent:T&&z.length>0?s("div",Object.assign({style:{padding:"4px"}},{children:z.map(((e,t)=>s(p,Object.assign({style:{color:r.text.white}},{children:e}),t)))})):void 0},{children:s(p,Object.assign({color:r.content.placeholder},{children:`+${C} more`}))}))})),0===b.length&&s("div",Object.assign({style:{color:r.content.placeholder}},{children:u}))]})),s("div",{children:s(n,{style:{transform:O?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===y?16:"small"===y?20:24,height:"x-small"===y?16:"small"===y?20:24,color:r.content.primary})})]})),!!x&&e(d,Object.assign({invalid:!0},{children:[!!x&&s(a,{width:16,height:16}),x]}))]})};export{j as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import i from"../../utils/StringUtils.js";import{COLORS as n}from"../../constants/Theme.js";import s from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/errorInfo.svg.js";import{InputFooter as d}from"../input/Input.styled.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodyCaption as p}from"../TypographyStyle.js";import{ChipInputWrapper as g}from"./Common.styled.js";const f=f=>{let{chips:v,onDeleteChip:y,containerStyle:u={},sizeToUse:j="default",isDropdownOpened:b,placeholder:x="Select..",errorMessage:T="",showLabelsOnMoreHover:w=!1}=f;const[I,C]=l(),[S,z]=l(0),[D,L]=l([]);return r((()=>{if(!v)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(v);let o=v.filter((o=>(e+=o.label.length,e<=t)));0===o.length&&v.length>0&&(o=[v[0]]),C(o);const l=v.filter((e=>!o.includes(e))).map((e=>e.label));L(l),z(v.length-o.length)}),[v]),e(t,{children:[e(g,{style:Object.assign({},u),error:!!T,children:[e("div",{className:"chips-container",children:[null==I?void 0:I.map(((e,t)=>o("div",{style:{zIndex:2},children:o(h,{tagText:i.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>o(c,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{y(e)}}),children:e.selectedLabel||e.label})},t))),!!S&&o("div",{style:{position:"relative",zIndex:2,pointerEvents:"auto"},children:o(m,{body:"",placement:"bottom",tooltipContent:w&&D.length>0?o("div",{style:{padding:"4px"},children:D.map(((e,t)=>o(p,{style:{color:n.text.white},children:e},t)))}):void 0,children:o(p,{color:n.content.placeholder,children:`+${S} more`})})}),0===v.length&&o("div",{style:{color:n.content.placeholder},children:x})]}),o("div",{children:o(s,{style:{transform:b?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===j?16:"small"===j?20:24,height:"x-small"===j?16:"small"===j?20:24,color:n.content.primary})})]}),!!T&&e(d,{invalid:!0,children:[!!T&&o(a,{width:16,height:16}),T]})]})};export{f as default};

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

@@ -1,10 +1,10 @@
-export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    allowEvents?: boolean | undefined;
-    isChildLoading?: 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>;
-export declare const ChipInputWrapper: import("styled-components").StyledComponent<"div", any, {
-    error?: boolean | undefined;
-}, never>;
+export declare const OverLapAbs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+    allowEvents?: boolean;
+    isChildLoading?: boolean;
+}>> & string;
+export declare const OpenDropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    error?: boolean;
+}>> & string;