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

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

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

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 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};
+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};

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

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

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

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

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 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};
+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};

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

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

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

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

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

@@ -0,0 +1,7 @@
+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{jsxs as i,jsx as o}from"react/jsx-runtime";import e from"styled-components";const a=({color:e="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:a=4})=>i(n,{children:[o(r,{$color:e,$size:a}),o(r,{$color:e,$size:a}),o(r,{$color:e,$size:a})]}),n=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;
-`,r=e.span`
+`,r=o.span`
 	display: block;
 	width: ${i=>i.$size}px;
 	height: ${i=>i.$size}px;

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

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

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

@@ -0,0 +1,7 @@
+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)"}},r=({level:r="z1",position:n="down",children:o,style:e})=>{const t=x[r][n];return p("div",{style:Object.assign({boxShadow:t},null!=e?e:{}),children:o})};export{r 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)"}},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};

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

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

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

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

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

@@ -1,4 +1,4 @@
-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`
+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`
 	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 r,jsxs as t}from
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${d.stroke.primary};
+	border: 1px solid ${s.stroke.primary};
 	border-radius: 4px;
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
 	${o=>o.backgroundColor&&`background-color: ${o.backgroundColor};`}
-`;export{g as ChipDropdown,m as ChipDropdownContainer};
+`;export{h as ChipDropdown,m as ChipDropdownContainer};

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

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

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

@@ -1 +1 @@
-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=({chips:f,onDeleteChip:v,containerStyle:y={},sizeToUse:u="default",isDropdownOpened:j,placeholder:b="Select..",errorMessage:x="",showLabelsOnMoreHover:T=!1})=>{const[w,I]=l(),[C,S]=l(0),[z,D]=l([]);return r(()=>{if(!f)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(f);let o=f.filter(o=>(e+=o.label.length,e<=t));0===o.length&&f.length>0&&(o=[f[0]]),I(o);const l=f.filter(e=>!o.includes(e)).map(e=>e.label);D(l),S(f.length-o.length)},[f]),e(t,{children:[e(g,{style:Object.assign({},y),error:!!x,children:[e("div",{className:"chips-container",children:[null==w?void 0:w.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:()=>{v(e)}}),children:e.selectedLabel||e.label})},t)),!!C&&o("div",{style:{position:"relative",zIndex:2,pointerEvents:"auto"},children:o(m,{body:"",placement:"bottom",tooltipContent:T&&z.length>0?o("div",{style:{padding:"4px"},children:z.map((e,t)=>o(p,{style:{color:n.text.white},children:e},t))}):void 0,children:o(p,{color:n.content.placeholder,children:`+${C} more`})})}),0===f.length&&o("div",{style:{color:n.content.placeholder},children:b})]}),o("div",{children:o(s,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===u?16:"small"===u?20:24,height:"x-small"===u?16:"small"===u?20:24,color:n.content.primary})})]}),!!x&&e(d,{invalid:!0,children:[!!x&&o(a,{width:16,height:16}),x]})]})};export{f as default};
+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};

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { OpenDropdownProps, SingleOption } from './type';
+export type DropdownProps = OpenDropdownProps & {
+    placeHolder?: string;
+    size?: 'default' | 'small' | 'x-small';
+    disabled?: boolean;
+    noErrorHint?: boolean;
+    buttonWidth?: string;
+    placeHolderHeight?: string;
+    showPlaceholderWhenSelected?: boolean;
+    inputStyle?: React.CSSProperties;
+    inputType?: 'chip' | 'default';
+    onDeleteChip?: (chip: SingleOption) => void;
+    truncatedText?: boolean;
+    'data-test'?: string;
+    showLeadingIconInPlaceholder?: boolean;
+    showTrailingIconPlaceholder?: boolean;
+    showLabelsOnMoreHover?: boolean;
+    backgroundColor?: string;
+};
+export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as r,useEffect as i}from"react";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as d}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import c from"./ChipInput.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as u}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var g,f,w,x,b,{placeHolder:I,size:y,onSelect:j,defaultOptions:H,disabled:O,noErrorHint:S,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:C="default",onDeleteChip:E,truncatedText:L,showLeadingIconInPlaceholder:M=!1,showTrailingIconPlaceholder:z=!1,showLabelsOnMoreHover:W=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[_,k]=l(!1),N=null!=y?y:"default",U=r(),[V,q]=l(null!=H?H:[]);i(()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach(e=>{e.options?e.options.forEach(e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))}):e.selected&&o.push(e)}),q([...o])},[A.options]),i(()=>{H&&q([...H])},[H]);const B=u(V);return o(p.Provider,{value:{InputWrapper:Object.assign({height:T||("x-small"===N?24:"small"===N?32:48),width:null!==(f=null!==(g=A.buttonWidth)&&void 0!==g?g:A.width)&&void 0!==f?f:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===N?"4px 8px":"6px 8px"},P),input:{minHeight:"100%"}},children:n(h,Object.assign({"data-test":A["data-test"],ref:U,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==j||j(e)},disabled:O,onDropdownVisbilityChange:e=>k(e)},A,{children:["default"==C&&o(d,{version:A.version,noErrorHint:S,state:O?"disabled":"none",value:D?I:null!=B?B:"",errorMessage:A.error,variant:N,placeholder:null!=I?I:"Select an option",width:null!==(w=A.width)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:M&&(null===(x=V[0])||void 0===x?void 0:x.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=V[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return n("div",{style:{display:"flex"},children:[z&&(null===(e=V[0])||void 0===e?void 0:e.trailingIcon),o(a,{style:{transform:_?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===N?16:"small"===N?20:24,height:"x-small"===N?16:"small"===N?20:24,color:s.content.primary})]})}},truncateText:null==L||L}),"chip"==C&&o(c,{placeholder:null!=I?I:"Select options",chips:V,onDeleteChip:e=>{null==E||E(e)},errorMessage:A.error,isDropdownOpened:_,sizeToUse:N,containerStyle:{width:null!==(b=A.width)&&void 0!==b?b:"100%",cursor:"pointer"},showLabelsOnMoreHover:W})]}))})};v.displayName="Dropdown";export{v as Dropdown};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as r,useEffect as i}from"react";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as d}from"../input/Input.js";import{InputStyleContext as c}from"../input/context/InputStyleProvider.js";import p from"./ChipInput.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as u}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var g,f,w,b,x,{placeHolder:I,size:j,onSelect:O,defaultOptions:y,disabled:H,noErrorHint:S,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:C="default",onDeleteChip:E,truncatedText:L,showLeadingIconInPlaceholder:M=!1,showTrailingIconPlaceholder:z=!1,showLabelsOnMoreHover:W=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[_,k]=l(!1),N=null!=j?j:"default",U=r(),[V,q]=l(null!=y?y:[]);i((()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),q([...o])}),[A.options]),i((()=>{y&&q([...y])}),[y]);const B=u(V);return o(c.Provider,Object.assign({value:{InputWrapper:Object.assign({height:T||("x-small"===N?24:"small"===N?32:48),width:null!==(f=null!==(g=A.buttonWidth)&&void 0!==g?g:A.width)&&void 0!==f?f:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===N?"4px 8px":"6px 8px"},P),input:{minHeight:"100%"}}},{children:n(h,Object.assign({"data-test":A["data-test"],ref:U,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==O||O(e)},disabled:H,onDropdownVisbilityChange:e=>k(e)},A,{children:["default"==C&&o(d,{version:A.version,noErrorHint:S,state:H?"disabled":"none",value:D?I:null!=B?B:"",errorMessage:A.error,variant:N,placeholder:null!=I?I:"Select an option",width:null!==(w=A.width)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:M&&(null===(b=V[0])||void 0===b?void 0:b.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=V[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return n("div",Object.assign({style:{display:"flex"}},{children:[z&&(null===(e=V[0])||void 0===e?void 0:e.trailingIcon),o(a,{style:{transform:_?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===N?16:"small"===N?20:24,height:"x-small"===N?16:"small"===N?20:24,color:s.content.primary})]}))}},truncateText:null==L||L}),"chip"==C&&o(p,{placeholder:null!=I?I:"Select options",chips:V,onDeleteChip:e=>{null==E||E(e)},errorMessage:A.error,isDropdownOpened:_,sizeToUse:N,containerStyle:{width:null!==(x=A.width)&&void 0!==x?x:"100%",cursor:"pointer"},showLabelsOnMoreHover:W})]}))}))};v.displayName="Dropdown";export{v as Dropdown};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Placement } from "../../tooltips";
+import { OpenDropdownProps } from '../type';
+export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onDropdownOpen?: (() => void) | undefined;
+    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
+    tooltipContent?: string | undefined;
+    tooltipDirection?: Placement | undefined;
+    showTooltipArrow?: boolean | undefined;
+    allowEvents?: boolean | undefined;
+    'data-test'?: string | undefined;
+    isChildLoading?: boolean | undefined;
+    /**
+     * If true, forces the dropdown to remain open regardless of user interaction or internal state.
+     * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.
+     * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.
+     */
+    forceOpen?: boolean | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

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

@@ -1 +1 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t,jsxs as l}from"react/jsx-runtime";import n,{useState as r,useRef as i,useImperativeHandle as d,useEffect as s}from"react";import{usePopper as a}from"react-popper";import{DropShadow as p}from"../../dropShadow/DropShadow.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{OverLapAbs as v,OpenDropdownContainer as m}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const h=n.forwardRef((n,h)=>{var{children:w,onDropdownVisbilityChange:f,version:b="1.0",tooltipContent:D,tooltipDirection:g,showTooltipArrow:y,isChildLoading:C,forceOpen:j}=n,O=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen"]);const S=h,[z,E]=r(!1),[x,A]=r(null),[L,R]=r(null),T=i(null),{styles:M,attributes:V}=a(x,L,{placement:O.placement,strategy:O.strategy}),_=o=>{var e,t;"2.0"===b&&O.isMultiSelect&&o&&(null===(e=O.onSelect)||void 0===e||e.call(O,[...o])),E(!1),null===(t=null==O?void 0:O.onClose)||void 0===t||t.call(O)};d(S,()=>({openDropdown:z}),[]),s(()=>{(null==S?void 0:S.current)&&(S.current.openDropdown=z)},[z]),s(()=>{null==f||f(z)},[z]);const k=()=>l(t,{children:[l("div",{style:{position:"relative"},ref:A,children:[e(v,{ref:T,allowEvents:O.allowEvents,disabled:O.disabled,onClick:o=>{var e;null===(e=O.onDropdownOpen)||void 0===e||e.call(O),z?(E(!1),o.preventDefault()):O.disabled||E(!0)},isChildLoading:C,children:O.allowEvents?w:null}),O.allowEvents?null:w]}),(z||j)&&e(m,Object.assign({ref:R,style:Object.assign(Object.assign({},M.popper),{zIndex:3})},V.popper,{"data-test":O["data-test"],children:e(p,{level:"z2",position:"down",style:{borderRadius:8},children:e(u,Object.assign({},O,{onSelect:o=>{var e;"2.0"===b&&O.isMultiSelect||(null===(e=O.onSelect)||void 0===e||e.call(O,o),E(!1))},onClose:_,version:b,headerRef:T,zeroState:null==O?void 0:O.zeroState}))})}))]});return e(t,{children:z||j||void 0===D?k():e(c,{body:D,placement:g,hideArrow:!y,children:e("div",{"data-test":O["data-test"],children:k()})})})});h.displayName="DropdownPopover";export{h as DropdownPopover};
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t,jsxs as l}from"react/jsx-runtime";import n,{useState as i,useRef as r,useImperativeHandle as s,useEffect as d}from"react";import{usePopper as a}from"react-popper";import{DropShadow as p}from"../../dropShadow/DropShadow.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{OverLapAbs as v,OpenDropdownContainer as m}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const h=n.forwardRef(((n,h)=>{var{children:w,onDropdownVisbilityChange:b,version:f="1.0",tooltipContent:g,tooltipDirection:j,showTooltipArrow:O,isChildLoading:D,forceOpen:y}=n,C=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen"]);const S=h,[z,E]=i(!1),[x,A]=i(null),[L,R]=i(null),T=r(null),{styles:M,attributes:V}=a(x,L,{placement:C.placement,strategy:C.strategy}),_=o=>{var e,t;"2.0"===f&&C.isMultiSelect&&o&&(null===(e=C.onSelect)||void 0===e||e.call(C,[...o])),E(!1),null===(t=null==C?void 0:C.onClose)||void 0===t||t.call(C)};s(S,(()=>({openDropdown:z})),[]),d((()=>{(null==S?void 0:S.current)&&(S.current.openDropdown=z)}),[z]),d((()=>{null==b||b(z)}),[z]);const k=()=>l(t,{children:[l("div",Object.assign({style:{position:"relative"},ref:A},{children:[e(v,Object.assign({ref:T,allowEvents:C.allowEvents,disabled:C.disabled,onClick:o=>{var e;null===(e=C.onDropdownOpen)||void 0===e||e.call(C),z?(E(!1),o.preventDefault()):C.disabled||E(!0)},isChildLoading:D},{children:C.allowEvents?w:null})),C.allowEvents?null:w]})),(z||y)&&e(m,Object.assign({ref:R,style:Object.assign(Object.assign({},M.popper),{zIndex:3})},V.popper,{"data-test":C["data-test"]},{children:e(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e(u,Object.assign({},C,{onSelect:o=>{var e;"2.0"===f&&C.isMultiSelect||(null===(e=C.onSelect)||void 0===e||e.call(C,o),E(!1))},onClose:_,version:f,headerRef:T,zeroState:null==C?void 0:C.zeroState}))}))}))]});return e(t,{children:z||y||void 0===g?k():e(c,Object.assign({body:g,placement:j,hideArrow:!O},{children:e("div",Object.assign({"data-test":C["data-test"]},{children:k()}))}))})}));h.displayName="DropdownPopover";export{h as DropdownPopover};

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

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

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

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import r from"../../../assets/icons/horizontal_dots.svg.js";import i from"../../../assets/icons/vertical_dots.svg.js";import t from"styled-components";import{IconButton as s}from"../../icon-button/IconButton.js";import{COLORS as n}from"../../../constants/Theme.js";import{DropdownPopover as a}from"../DropdownPopover/index.js";const d=t.div`
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import i from"../../../assets/icons/horizontal_dots.svg.js";import r from"../../../assets/icons/vertical_dots.svg.js";import s from"styled-components";import{IconButton as t}from"../../icon-button/IconButton.js";import{COLORS as n}from"../../../constants/Theme.js";import{DropdownPopover as a}from"../DropdownPopover/index.js";const d=s.div`
 	:hover {
 		background: ${n.surface.subdued};
 	}
@@ -17,4 +17,4 @@ import{jsx as o,jsxs as e}from"react/jsx-runtime";import r from"../../../assets/
 		justify-content: center;
 		align-items: center;
 	}
-`,c=t=>o(d,{isNewTag:t.isNewTag,children:e(a,Object.assign({},t,{children:[o("div",{children:o(s,{Icon:t.isHorizontal?r:i,bordered:!(null==t?void 0:t.hideBorder)})}),t.isNewTag?o("div",{className:"new--tag"}):null]}))});c.displayName="MenuItemDropdown";export{c as MenuItemDropdown};
+`,c=s=>o(d,Object.assign({isNewTag:s.isNewTag},{children:e(a,Object.assign({},s,{children:[o("div",{children:o(t,{Icon:s.isHorizontal?i:r,bordered:!(null==s?void 0:s.hideBorder)})}),s.isNewTag?o("div",{className:"new--tag"}):null]}))}));c.displayName="MenuItemDropdown";export{c as MenuItemDropdown};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Placement } from "../../tooltips";
+import { OpenDropdownProps } from '../type';
+export declare const MultilevelDropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onDropdownOpen?: (() => void) | undefined;
+    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
+    tooltipContent?: string | undefined;
+    tooltipDirection?: Placement | undefined;
+    showTooltipArrow?: boolean | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

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

@@ -1 +1 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as r,jsxs as l}from"react/jsx-runtime";import n,{useState as t,useRef as i,useImperativeHandle as p,useEffect as d}from"react";import{usePopper as s}from"react-popper";import{DropShadow as c}from"../../dropShadow/DropShadow.js";import{Tooltip as a}from"../../tooltips/Tooltip.js";import{OverLapAbs as m,OpenDropdownContainer as v}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const h=n.forwardRef((n,h)=>{var{children:w,onDropdownVisbilityChange:f,version:b="1.0",tooltipContent:D,tooltipDirection:y,showTooltipArrow:j}=n,g=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const C=h,[O,S]=t(!1),[x,A]=t(null),[M,R]=t(null),T=i(null),{styles:z,attributes:V}=s(x,M,{placement:g.placement,strategy:g.strategy}),_=o=>{var e,r;g.isMultiSelect&&o&&(null===(e=g.onSelect)||void 0===e||e.call(g,[...o])),S(!1),null===(r=null==g?void 0:g.onClose)||void 0===r||r.call(g)};p(C,()=>({openDropdown:O}),[]),d(()=>{(null==C?void 0:C.current)&&(C.current.openDropdown=O)},[O]),d(()=>{null==f||f(O)},[O]);const k=()=>l(r,{children:[l("div",{style:{position:"relative"},ref:A,children:[e(m,{ref:T,disabled:g.disabled,onClick:o=>{var e;null===(e=g.onDropdownOpen)||void 0===e||e.call(g),O?(S(!1),o.preventDefault()):g.disabled||S(!0)}}),w]}),O&&e(v,Object.assign({ref:R,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},V.popper,{children:e(c,{level:"z2",position:"down",style:{borderRadius:8},children:e(u,Object.assign({},g,{onSelect:o=>{var e;"2.0"===b&&g.isMultiSelect||(null===(e=g.onSelect)||void 0===e||e.call(g,o),S(!1))},onClose:_,version:b,headerRef:T}))})}))]});return e(r,{children:O||void 0===D?k():e(a,{body:D,placement:y,hideArrow:!j,children:e("div",{children:k()})})})});h.displayName="MultilevelDropdownPopover";export{h as MultilevelDropdownPopover};
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as r,jsxs as l}from"react/jsx-runtime";import n,{useState as t,useRef as i,useImperativeHandle as s,useEffect as p}from"react";import{usePopper as d}from"react-popper";import{DropShadow as c}from"../../dropShadow/DropShadow.js";import{Tooltip as a}from"../../tooltips/Tooltip.js";import{OverLapAbs as m,OpenDropdownContainer as v}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";const h=n.forwardRef(((n,h)=>{var{children:w,onDropdownVisbilityChange:b,version:f="1.0",tooltipContent:j,tooltipDirection:D,showTooltipArrow:g}=n,y=o(n,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const O=h,[C,S]=t(!1),[x,A]=t(null),[M,R]=t(null),T=i(null),{styles:z,attributes:V}=d(x,M,{placement:y.placement,strategy:y.strategy}),_=o=>{var e,r;y.isMultiSelect&&o&&(null===(e=y.onSelect)||void 0===e||e.call(y,[...o])),S(!1),null===(r=null==y?void 0:y.onClose)||void 0===r||r.call(y)};s(O,(()=>({openDropdown:C})),[]),p((()=>{(null==O?void 0:O.current)&&(O.current.openDropdown=C)}),[C]),p((()=>{null==b||b(C)}),[C]);const k=()=>l(r,{children:[l("div",Object.assign({style:{position:"relative"},ref:A},{children:[e(m,{ref:T,disabled:y.disabled,onClick:o=>{var e;null===(e=y.onDropdownOpen)||void 0===e||e.call(y),C?(S(!1),o.preventDefault()):y.disabled||S(!0)}}),w]})),C&&e(v,Object.assign({ref:R,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},V.popper,{children:e(c,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e(u,Object.assign({},y,{onSelect:o=>{var e;"2.0"===f&&y.isMultiSelect||(null===(e=y.onSelect)||void 0===e||e.call(y,o),S(!1))},onClose:_,version:f,headerRef:T}))}))}))]});return e(r,{children:C||void 0===j?k():e(a,Object.assign({body:j,placement:D,hideArrow:!g},{children:e("div",{children:k()})}))})}));h.displayName="MultilevelDropdownPopover";export{h as MultilevelDropdownPopover};

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as n,useEffect as r}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as s}from"../../../../hooks/useOutside.js";import{useDropdown as l}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as d}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as f}from"./OpennedDropdown.styled.js";import{SearchBox as m}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const S=304,g=290,v=({options:v,isSearchable:w,isMultiSelect:y,maxSelections:j,width:O,allowFreeForm:x,height:C,onClose:D,onSelect:k,onSearch:L,version:M,skipSorting:I,headerRef:A,hideSelectAll:T,primaryButtonText:E,onInfiniteScroll:F,onMultiSelectClear:B,onDropdownItemClick:H,buttonOptions:q,isSearchLoading:z,disableSearchOptions:R,disableSearchedOptionExcept:V,useDefaultCursor:W,containerStyle:Z={},zeroState:$})=>{const{dropdownOptions:K,search:N,searchedString:P,searchedOptions:U,onApplyHandler:G,selectAllHandler:J,onMultiSelectClear:Q,onFreeFormSelect:X,onMultiSelectApply:Y,latestDropdownOptionsRef:_,getSelectedOptions:ee,getCurrentSelectionCount:te}=l(M,v,k,I,y,L,R,V,j),[oe,ne]=o(null!=O?O:g),[re,ie]=o(null),[se,le]=o(-1),ce=n(null),ae=n([]),ue=n(null);s(ce,()=>{if(ie(null),y&&"2.0"===M){const e=ee(_.current);null==D||D(e)}else null==D||D(K)},[A,ae]),r(()=>{const e=setTimeout(()=>{ce.current&&ce.current.focus({preventScroll:!0})},0);return()=>clearTimeout(e)},[]);r(()=>{const e=e=>{const t=(e=>{const t=[];return e.forEach(e=>{if(e.options)e.options.forEach(e=>{e.disabled||t.push(e)});else{const o=e;o.disabled||t.push(o)}}),t})(P&&L?U:K);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),le(e=>{const o=e<t.length-1?e+1:0;return setTimeout(()=>{var e;const t=null===(e=ue.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${o}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})},0),o});else if("ArrowUp"===e.key)e.preventDefault(),le(e=>{const o=e>0?e-1:t.length-1;return setTimeout(()=>{var e;const t=null===(e=ue.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${o}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})},0),o});else if("Enter"===e.key&&se>=0){e.preventDefault();const o=t[se];o&&(G(Object.assign(Object.assign({},o),{selected:!o.selected})),H&&H(o))}},t=ce.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[se,P,U,K,L,G,H]);const de=null!=C?C:S,pe="number"==typeof de?w&&y?de-96:w&&!y||!w&&y?de-48:de:de;r(()=>{const e=null!=O?O:g;if(null===re)ne(e);else if("number"==typeof e)ne(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ne(t)}},[re]);const he=[],fe=(e=>{if(!y||!j&&0!==j)return e;const t=te(e)>=j;return t?e.map(e=>{if(e.options)return Object.assign(Object.assign({},e),{options:e.options.map(e=>Object.assign(Object.assign({},e),{disabled:e.disabled||!e.selected&&t}))});{const o=e;return Object.assign(Object.assign({},o),{disabled:o.disabled||!o.selected&&t})}}):e})((P&&L?U:K).map(e=>{var t,o;if(P&&!L){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter(e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(P.toLowerCase()))&&(he.push(!P||e.label===P),!0)}),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(P.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(P.toLowerCase()))?(he.push(!P||e.label===P),e):null}return e}).filter(e=>null!==e)),me=!!w&&P&&0===fe.length;return e(h,{version:M,ref:ce,tabIndex:-1,style:Object.assign(Object.assign({width:oe},Z),{outline:"none"}),children:[e("div",{style:{width:re?"50%":"100%",display:"flex",flexDirection:"column",background:"white"},children:[!!w&&t(m,{onSearch:N,version:M}),fe.length||P?e(f,{minHeight:de,maxHeight:pe,ref:ue,children:[!!y&&!me&&!T&&t(d,{version:M,options:P&&L?U:K,onSelect:J}),!x&&me&&t(b,{isLoading:z,height:pe,searchedString:P,containerWidth:O}),x&&(me||!!he.length&&he.every(e=>!1===e))&&t(a,{version:M,isMultiSelect:y,onSelect:X,searchedString:P}),t(u,{onInfiniteScroll:F,onDropdownItemClick:H,version:M,onSelect:G,showDescription:function(e,t){ie(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:fe,useDefaultCursor:W,ref:ae,focusedIndex:se})]}):t("div",{style:{height:de,display:"flex"},children:t(i,Object.assign({},$,{title:(null==$?void 0:$.title)||"No results found",subTitle:(null==$?void 0:$.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))}),!!y&&!(!fe.length&&!P)&&"2.0"!==M&&t(p,{onClear:()=>{Q(),null==B||B()},onApply:Y,list:P&&L?U:K,buttonText:E,buttonOptions:q})]}),!!re&&t(c,{title:re.title,description:re.description,version:M})]})};export{v as OpenedDropdown};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as n,useEffect as r}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as s}from"../../../../hooks/useOutside.js";import{useDropdown as l}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as d}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as f}from"./OpennedDropdown.styled.js";import{SearchBox as m}from"./searchbox/SearchBox.js";import{SearchZeroState as b}from"./searchbox/SearchZeroState.js";const g=304,S=290,v=v=>{let{options:j,isSearchable:w,isMultiSelect:O,maxSelections:y,width:x,allowFreeForm:C,height:D,onClose:k,onSelect:L,onSearch:M,version:I,skipSorting:A,headerRef:T,hideSelectAll:E,primaryButtonText:F,onInfiniteScroll:B,onMultiSelectClear:H,onDropdownItemClick:q,buttonOptions:z,isSearchLoading:R,disableSearchOptions:V,disableSearchedOptionExcept:W,useDefaultCursor:Z,containerStyle:$={},zeroState:K}=v;const{dropdownOptions:N,search:P,searchedString:U,searchedOptions:G,onApplyHandler:J,selectAllHandler:Q,onMultiSelectClear:X,onFreeFormSelect:Y,onMultiSelectApply:_,latestDropdownOptionsRef:ee,getSelectedOptions:te,getCurrentSelectionCount:oe}=l(I,j,L,A,O,M,V,W,y),[ne,re]=o(null!=x?x:S),[ie,se]=o(null),[le,ce]=o(-1),ae=n(null),ue=n([]),de=n(null);s(ae,(()=>{if(se(null),O&&"2.0"===I){const e=te(ee.current);null==k||k(e)}else null==k||k(N)}),[T,ue]),r((()=>{const e=setTimeout((()=>{ae.current&&ae.current.focus({preventScroll:!0})}),0);return()=>clearTimeout(e)}),[]);r((()=>{const e=e=>{const t=(e=>{const t=[];return e.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||t.push(e)}));else{const o=e;o.disabled||t.push(o)}})),t})(U&&M?G:N);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),ce((e=>{const o=e<t.length-1?e+1:0;return setTimeout((()=>{var e;const t=null===(e=de.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${o}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),o}));else if("ArrowUp"===e.key)e.preventDefault(),ce((e=>{const o=e>0?e-1:t.length-1;return setTimeout((()=>{var e;const t=null===(e=de.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${o}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),o}));else if("Enter"===e.key&&le>=0){e.preventDefault();const o=t[le];o&&(J(Object.assign(Object.assign({},o),{selected:!o.selected})),q&&q(o))}},t=ae.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}}),[le,U,G,N,M,J,q]);const pe=null!=D?D:g,he="number"==typeof pe?w&&O?pe-96:w&&!O||!w&&O?pe-48:pe:pe;r((()=>{const e=null!=x?x:S;if(null===ie)re(e);else if("number"==typeof e)re(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));re(t)}}),[ie]);const fe=[],me=(e=>{if(!O||!y&&0!==y)return e;const t=oe(e)>=y;return t?e.map((e=>{if(e.options)return Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{disabled:e.disabled||!e.selected&&t})))});{const o=e;return Object.assign(Object.assign({},o),{disabled:o.disabled||!o.selected&&t})}})):e})((U&&M?G:N).map((e=>{var t,o;if(U&&!M){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(U.toLowerCase()))&&(fe.push(!U||e.label===U),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(U.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(U.toLowerCase()))?(fe.push(!U||e.label===U),e):null}return e})).filter((e=>null!==e))),be=!!w&&U&&0===me.length;return e(h,Object.assign({version:I,ref:ae,tabIndex:-1,style:Object.assign(Object.assign({width:ne},$),{outline:"none"})},{children:[e("div",Object.assign({style:{width:ie?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!w&&t(m,{onSearch:P,version:I}),me.length||U?e(f,Object.assign({minHeight:pe,maxHeight:he,ref:de},{children:[!!O&&!be&&!E&&t(d,{version:I,options:U&&M?G:N,onSelect:Q}),!C&&be&&t(b,{isLoading:R,height:he,searchedString:U,containerWidth:x}),C&&(be||!!fe.length&&fe.every((e=>!1===e)))&&t(a,{version:I,isMultiSelect:O,onSelect:Y,searchedString:U}),t(u,{onInfiniteScroll:B,onDropdownItemClick:q,version:I,onSelect:J,showDescription:function(e,t){se(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:me,useDefaultCursor:Z,ref:ue,focusedIndex:le})]})):t("div",Object.assign({style:{height:pe,display:"flex"}},{children:t(i,Object.assign({},K,{title:(null==K?void 0:K.title)||"No results found",subTitle:(null==K?void 0:K.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))})),!!O&&!(!me.length&&!U)&&"2.0"!==I&&t(p,{onClear:()=>{X(),null==H||H()},onApply:_,list:U&&M?G:N,buttonText:F,buttonOptions:z})]})),!!ie&&t(c,{title:ie.title,description:ie.description,version:I})]}))};export{v as OpenedDropdown};

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Description: React.FC<{
+    title: string;
+    description: string;
+    version?: '1.0' | '2.0';
+}>;

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

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

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

@@ -0,0 +1,3 @@
+export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;