@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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

@@ -15,12 +15,12 @@ import e from"styled-components";import{DEFAULT_THEME as r}from"../../../constan
 	gap: 12px;
 	margin-bottom: 8px;
 	margin-top: 16px;
-`,d=e.div`
+`,n=e.div`
 	height: 76px;
 	width: 100%;
 	padding: 12px;
 	border: 1px solid
-		${({selected:e})=>e?r.colorsV2.content.brand:r.colorsV2.stroke.primary};
+		${e=>{let{selected:o}=e;return o?r.colorsV2.content.brand:r.colorsV2.stroke.primary}};
 	border-radius: 4px;
 	cursor: pointer;
 	display: flex;
@@ -29,13 +29,13 @@ import e from"styled-components";import{DEFAULT_THEME as r}from"../../../constan
 	align-items: center;
 	text-align: center;
 	gap: 8px;
-	color: ${({selected:e})=>e?r.colorsV2.text.brand:r.colorsV2.text.secondary};
-	background-color: ${({selected:e})=>e?r.colorsV2.background.brandLight:r.colorsV2.surface.subdued};
+	color: ${e=>{let{selected:o}=e;return o?r.colorsV2.text.brand:r.colorsV2.text.secondary}};
+	background-color: ${e=>{let{selected:o}=e;return o?r.colorsV2.background.brandLight:r.colorsV2.surface.subdued}};
 
 	&:hover {
-		background-color: ${({selected:e})=>e?r.colorsV2.background.brandLight:r.colorsV2.surface.hovered};
+		background-color: ${e=>{let{selected:o}=e;return o?r.colorsV2.background.brandLight:r.colorsV2.surface.hovered}};
 	}
-`,i=e.div`
+`,d=e.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -43,7 +43,7 @@ import e from"styled-components";import{DEFAULT_THEME as r}from"../../../constan
 	gap: 16px;
 	margin-top: 16px;
 	width: 100%;
-`,n=e.div`
+`,i=e.div`
 	width: 296px;
 	height: 64px;
 	border-radius: 4px;
@@ -73,4 +73,4 @@ import e from"styled-components";import{DEFAULT_THEME as r}from"../../../constan
 	align-items: center;
 	justify-content: space-between;
 	width: fit-content;
-`;export{i as AddProductButtonsContainer,s as CubeIconContainer,d as DiscountDetailsOption,t as DiscountOptionsContainer,o as IconContainer,n as ProductCollectionCard,c as ProductVariableCard};
+`;export{d as AddProductButtonsContainer,s as CubeIconContainer,n as DiscountDetailsOption,t as DiscountOptionsContainer,o as IconContainer,i as ProductCollectionCard,c as ProductVariableCard};

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{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/MenuList.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 u}from"../../input/Input.js";import"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as d}from"../type.js";const s=s=>{const a=[{selected:s.selectedMinimumRequirement===d.AMOUNT,label:"Minimum order value",value:d.AMOUNT},{selected:s.selectedMinimumRequirement===d.QUANTITY,label:"Minimum number of items",value:d.QUANTITY}];return e(t,{children:[n(i,{label:"Minimum Purchase Requirements",isChecked:s.selectedMinimumRequirement!==d.NA,onValueChange:e=>{e?(s.setSelectedMinimumRequirement(d.AMOUNT),s.setDiscountData({...s.discountData,minQuantity:void 0,minAmount:void 0})):(s.setSelectedMinimumRequirement(d.NA),s.setDiscountData({...s.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"}),s.selectedMinimumRequirement!==d.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:a,placement:"bottom-start",onSelect:e=>{const t=e.value;s.setSelectedMinimumRequirement(t),s.setDiscountData({...s.discountData,minQuantity:void 0,minAmount:void 0})},truncatedText:!1,width:"272px"})]}),n("div",{className:"input__wrapper",children:n(u,{value:s.selectedMinimumRequirement===d.AMOUNT?s.discountData.minAmount?.toString()??"":s.discountData.minQuantity?.toString()??"",onChangeText:e=>{s.selectedMinimumRequirement===d.AMOUNT?s.setDiscountData({...s.discountData,minAmount:parseInt(e)}):s.selectedMinimumRequirement===d.QUANTITY&&s.setDiscountData({...s.discountData,minQuantity:parseInt(e)})},labelText:s.selectedMinimumRequirement===d.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:s.selectedMinimumRequirement===d.AMOUNT?s.currency??"":void 0,type:"number",placeholder:s.selectedMinimumRequirement===d.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:s.dynamicDiscountValidationError?.inValidMinimumAmount||s.dynamicDiscountValidationError?.inValidMinimumQuantity?"Required Field":"",state:s.dynamicDiscountValidationError?.inValidMinimumAmount||s.dynamicDiscountValidationError?.inValidMinimumQuantity?"invalid":"none"})})]})]})};export{s 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,12 @@
+import React from 'react';
+import { ICouponData, IStaticDiscountValidationError } from "../type";
+interface StaticCouponI {
+    discountData: ICouponData;
+    setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
+    hideProbability: boolean;
+    discountAdminUrl?: string;
+    staticDiscountValidationError?: IStaticDiscountValidationError;
+    currency?: string;
+}
+declare const StaticCoupon: React.FC<StaticCouponI>;
+export default StaticCoupon;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import e from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as r}from"../../alerts/AlertHelper.js";import{Input as n}from"../../input/Input.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";const c=c=>t(l,{children:[t("div",{className:"static-coupon__data",children:[i("div",{className:"static-input__wrapper",children:i(n,{maxCharLimit:30,onChangeText:t=>{c.setDiscountData({...c.discountData,couponCode:t?.trim()})},labelText:"Discount Code",value:c.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:c.staticDiscountValidationError?.invalidDiscountCode?"Required Field":"",state:c.staticDiscountValidationError?.invalidDiscountCode?"invalid":"none",hintText:"Code created on Shopify"})}),i("div",{className:"static-input__wrapper",children:i(n,{maxCharLimit:30,labelText:"Discount Coupon Title",value:c.discountData.title,onChangeText:t=>{c.setDiscountData({...c.discountData,title:t?.trim()})},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${c.currency??""}15 Off”`,errorMessage:c.staticDiscountValidationError?.invalidCouponTitle?"Required Field":"",state:c.staticDiscountValidationError?.invalidCouponTitle?"invalid":"none"})})]}),i(n,{maxCharLimit:60,labelText:"Coupon Description",value:c.discountData.description,onChangeText:t=>{c.setDiscountData({...c.discountData,description:t?.trim()})},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:c.staticDiscountValidationError?.invalidCouponDescription?"Required Field":"",state:c.staticDiscountValidationError?.invalidCouponDescription?"invalid":"none"}),!c.hideProbability&&i(n,{labelText:"Probability of getting coupon",value:null!==c.discountData.probability&&void 0!==c.discountData.probability?c.discountData.probability.toString():"",type:"number",onChangeText:t=>{c.setDiscountData({...c.discountData,probability:t.startsWith(".")?parseFloat(parseFloat(`0${t}`).toFixed(2)):parseFloat(parseFloat(t).toFixed(2))})},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:c.staticDiscountValidationError?.inValidProbability?"Enter probability in decimals (0 - 1)":"",state:c.staticDiscountValidationError?.inValidProbability?"invalid":"none"}),c.discountAdminUrl&&i(o,{type:a.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:r.START,redirectToText:"click here",redirectTo:c.discountAdminUrl,icon:()=>i(e,{width:16,height:16,color:s.colorsV2.content.secondary})})]});export{c as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import{Alert as e}from"../../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as n}from"../../alerts/AlertHelper.js";import{Input as r}from"../../input/Input.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";const d=d=>{var c,u,p,v,b,m,D,g,h;return i(l,{children:[i("div",Object.assign({className:"static-coupon__data"},{children:[t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==i?void 0:i.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(c=d.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"Required Field":"",state:(null===(u=d.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,labelText:"Discount Coupon Title",value:d.discountData.title,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{title:null==i?void 0:i.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(p=d.currency)&&void 0!==p?p:""}15 Off”`,errorMessage:(null===(v=d.staticDiscountValidationError)||void 0===v?void 0:v.invalidCouponTitle)?"Required Field":"",state:(null===(b=d.staticDiscountValidationError)||void 0===b?void 0:b.invalidCouponTitle)?"invalid":"none"})}))]})),t(r,{maxCharLimit:60,labelText:"Coupon Description",value:d.discountData.description,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{description:null==i?void 0:i.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(m=d.staticDiscountValidationError)||void 0===m?void 0:m.invalidCouponDescription)?"Required Field":"",state:(null===(D=d.staticDiscountValidationError)||void 0===D?void 0:D.invalidCouponDescription)?"invalid":"none"}),!d.hideProbability&&t(r,{labelText:"Probability of getting coupon",value:null!==d.discountData.probability&&void 0!==d.discountData.probability?d.discountData.probability.toString():"",type:"number",onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(g=d.staticDiscountValidationError)||void 0===g?void 0:g.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(h=d.staticDiscountValidationError)||void 0===h?void 0:h.inValidProbability)?"invalid":"none"}),d.discountAdminUrl&&t(e,{type:a.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:n.START,redirectToText:"click here",redirectTo:d.discountAdminUrl,icon:()=>t(o,{width:16,height:16,color:s.colorsV2.content.secondary})})]})};export{d 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

@@ -1,111 +1,107 @@
-import { SelectedItems } from '../product-picker-v2/modal.js';
-
-declare enum MIN_PURCHASE_REQUIREMENT {
-    AMOUNT = "amount",
-    QUANTITY = "quantity",
-    NA = "na"
-}
-declare enum DISCOUNT_VALUE_TYPES {
-    FIXED_AMOUNT = "fixedAmount",
-    PERCENTAGE = "percentage"
-}
-declare enum DISCOUNT_TARGET_TYPES {
-    LINE_ITEM = "lineItem",
-    SHIPPING_LINE = "shippingLine"
-}
-declare enum DISCOUNT_TARGET_SELECTION {
-    ENTITLED = "entitled",
-    ALL = "all"
-}
-declare enum DISCOUNT_TYPES {
-    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
-    AMOUNT_OFF_ORDER = "amountOffOrder",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-declare enum DISCOUNT_APPLIES_TO {
-    ENTIRE_ORDER = "entireOrder",
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-declare enum OFFER_APPLIES_TO {
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-interface ProductVariable {
-    displayName: string;
-    actualValue: string;
-    isAvailable: boolean;
-}
-declare enum COUPON_EXPIRATION {
-    FIXED_EXPIRATION = "fixedExpiration",
-    DYNAMIC_EXPIRATION = "dynamicExpiration"
-}
-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;
-    };
-}
-interface IStaticDiscountValidationError {
-    invalidDiscountCode: boolean;
-    invalidCouponDescription: boolean;
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-}
-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;
-}
-declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
-declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;
-
-export { COUPON_EXPIRATION, DISCOUNT_APPLIES_TO, DISCOUNT_TARGET_SELECTION, DISCOUNT_TARGET_TYPES, DISCOUNT_TYPES, DISCOUNT_VALUE_TYPES, MIN_PURCHASE_REQUIREMENT, OFFER_APPLIES_TO, initialDynamicCouponErrorState, initialStaticCouponErrorState };
-export type { ICouponData, IDynamicDiscountValidationError, IStaticDiscountValidationError, ProductVariable };
+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/discount-modal/type.js

@@ -1 +1 @@
-var i=(i=>(i.AMOUNT="amount",i.QUANTITY="quantity",i.NA="na",i))(i||{}),n=(i=>(i.FIXED_AMOUNT="fixedAmount",i.PERCENTAGE="percentage",i))(n||{}),e=(i=>(i.LINE_ITEM="lineItem",i.SHIPPING_LINE="shippingLine",i))(e||{}),t=(i=>(i.ENTITLED="entitled",i.ALL="all",i))(t||{}),l=(i=>(i.AMOUNT_OFF_PRODUCTS="amountOffProducts",i.AMOUNT_OFF_ORDER="amountOffOrder",i.BUY_X_GET_Y="buyXGetY",i.FREE_SHIPPING="freeShipping",i))(l||{}),o=(i=>(i.ENTIRE_ORDER="entireOrder",i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections",i))(o||{}),a=(i=>(i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections",i))(a||{}),c=(i=>(i.FIXED_EXPIRATION="fixedExpiration",i.DYNAMIC_EXPIRATION="dynamicExpiration",i))(c||{});const d={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1},u={inValidProbability:!1,invalidCouponTitle:!1,inValidDiscountAmount:!1,inValidProductSelection:!1,inValidCollectionSelection:!1,inValidProductVariableSelection:!1,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};export{c as COUPON_EXPIRATION,o as DISCOUNT_APPLIES_TO,t as DISCOUNT_TARGET_SELECTION,e as DISCOUNT_TARGET_TYPES,l as DISCOUNT_TYPES,n as DISCOUNT_VALUE_TYPES,i as MIN_PURCHASE_REQUIREMENT,a as OFFER_APPLIES_TO,u as initialDynamicCouponErrorState,d as initialStaticCouponErrorState};
+var i,n,t,o,e,l,c,a;!function(i){i.AMOUNT="amount",i.QUANTITY="quantity",i.NA="na"}(i||(i={})),function(i){i.FIXED_AMOUNT="fixedAmount",i.PERCENTAGE="percentage"}(n||(n={})),function(i){i.LINE_ITEM="lineItem",i.SHIPPING_LINE="shippingLine"}(t||(t={})),function(i){i.ENTITLED="entitled",i.ALL="all"}(o||(o={})),function(i){i.AMOUNT_OFF_PRODUCTS="amountOffProducts",i.AMOUNT_OFF_ORDER="amountOffOrder",i.BUY_X_GET_Y="buyXGetY",i.FREE_SHIPPING="freeShipping"}(e||(e={})),function(i){i.ENTIRE_ORDER="entireOrder",i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(l||(l={})),function(i){i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(c||(c={})),function(i){i.FIXED_EXPIRATION="fixedExpiration",i.DYNAMIC_EXPIRATION="dynamicExpiration"}(a||(a={}));const u={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1},d={inValidProbability:!1,invalidCouponTitle:!1,inValidDiscountAmount:!1,inValidProductSelection:!1,inValidCollectionSelection:!1,inValidProductVariableSelection:!1,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};export{a as COUPON_EXPIRATION,l as DISCOUNT_APPLIES_TO,o as DISCOUNT_TARGET_SELECTION,t as DISCOUNT_TARGET_TYPES,e as DISCOUNT_TYPES,n as DISCOUNT_VALUE_TYPES,i as MIN_PURCHASE_REQUIREMENT,c as OFFER_APPLIES_TO,d as initialDynamicCouponErrorState,u as initialStaticCouponErrorState};

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

@@ -1,10 +1,7 @@
-import React__default from 'react';
-
-declare const DropShadow: React__default.FC<{
-    level: 'z1' | 'z2';
-    position: 'up' | 'down';
-    children: React__default.ReactNode;
-    style?: React__default.CSSProperties;
-}>;
-
-export { DropShadow };
+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:o="down",children:e,style:n})=>{const t=x[r][o];return p("div",{style:{boxShadow:t,...n??{}},children:e})};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

@@ -1,11 +1,7 @@
-import * as styled_components from 'styled-components';
-import React__default from 'react';
-import { DropdownProps } from './Dropdown.js';
-
-declare const ChipDropdown: React__default.FC<DropdownProps>;
-declare const ChipDropdownContainer: styled_components.StyledComponent<"div", any, {
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-
-export { ChipDropdown, ChipDropdownContainer };
+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;
+}, never>;

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

@@ -1,14 +1,14 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as o,useRef as r}from"react";import i from"styled-components";import{Tag as n}from"../tag/Tag.js";import{COLORS as s}from"../../constants/Theme.js";import p from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/chevronDownOutline.svg.js";import h from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as c}from"../TypographyStyle.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";const l=({placeHolder:i,onSelect:l,...g})=>{const[f,w]=o(!1),x=r();return t(d,{ref:x,onDropdownVisbilityChange:t=>w(t),onSelect:function(t){l?.(t)},...g,children:"default"==g.inputType?e(m,{width:g?.width,height:g?.height,children:[t(c,{color:s.content.placeholder,children:i}),t(p,{style:{transform:f?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:s.content.primary})]}):t(n,{tagText:i??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:f?h:a})})};l.displayName="ChipDropdown";const m=i.div`
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useRef as i}from"react";import n from"styled-components";import{Tag as s}from"../tag/Tag.js";import{COLORS as l}from"../../constants/Theme.js";import p from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/chevronDownOutline.svg.js";import c from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";const m=n=>{var{placeHolder:m,onSelect:f}=n,u=t(n,["placeHolder","onSelect"]);const[v,j]=r(!1),w=i();return e(h,Object.assign({ref:w,onDropdownVisbilityChange:t=>j(t),onSelect:function(t){null==f||f(t)}},u,{children:"default"==u.inputType?o(g,Object.assign({width:null==u?void 0:u.width,height:null==u?void 0:u.height},{children:[e(d,Object.assign({color:l.content.placeholder},{children:m})),e(p,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:l.content.primary})]})):e(s,{tagText:null!=m?m:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:v?c:a})}))};m.displayName="ChipDropdown";const g=n.div`
 	display: flex;
 	flex-direction: row;
-	width: ${t=>t?.width?t.width:"240px"};
-	height: ${t=>t?.height?t.height:"32px"};
+	width: ${t=>(null==t?void 0:t.width)?t.width:"240px"};
+	height: ${t=>(null==t?void 0:t.height)?t.height:"32px"};
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${s.stroke.primary};
+	border: 1px solid ${l.stroke.primary};
 	border-radius: 4px;
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
-`;export{l as ChipDropdown,m as ChipDropdownContainer};
+`;export{m as ChipDropdown,g 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 r,useEffect as l}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:y,containerStyle:v={},sizeToUse:u="default",isDropdownOpened:j,placeholder:x="Select..",errorMessage:b="",showLabelsOnMoreHover:T=!1})=>{const[w,I]=r(),[C,S]=r(0),[z,D]=r([]);return l((()=>{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 r=f.filter((e=>!o.includes(e))).map((e=>e.label));D(r),S(f.length-o.length)}),[f]),e(t,{children:[e(g,{style:{...v},error:!!b,children:[e("div",{className:"chips-container",children:[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:()=>{y(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:x})]}),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})})]}),!!b&&e(d,{invalid:!0,children:[!!b&&o(a,{width:16,height:16}),b]})]})};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,9 @@
+export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+    allowEvents?: 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/Common.styled.js

@@ -1,13 +1,13 @@
 import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	position: 
 	// if allowEvents is true, then position is relative, else position is absolute
-		${e=>e?.allowEvents?"relative":"absolute"};
+		${e=>(null==e?void 0:e.allowEvents)?"relative":"absolute"};
 	left: 0px;
 	top: 0px;
 	width: 100%;
 	height: 100%;
 	z-index: 2;
-	cursor: ${e=>e?.disabled?"not-allowed":"pointer"};
+	cursor: ${e=>(null==e?void 0:e.disabled)?"not-allowed":"pointer"};
 `,o=e.div`
 	margin-top: 8px;
 	margin-bottom: 8px;

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

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

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

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