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

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

@@ -20,7 +20,7 @@
 	width: 100%;
 	padding: 12px;
 	border: 1px solid
-		${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary};
+		${e=>{let{selected:r}=e;return r?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary}};
 	border-radius: 4px;
 	cursor: pointer;
 	display: flex;
@@ -29,11 +29,11 @@
 	align-items: center;
 	text-align: center;
 	gap: 8px;
-	color: ${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.text.brand:t.DEFAULT_THEME.colorsV2.text.secondary};
-	background-color: ${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.subdued};
+	color: ${e=>{let{selected:r}=e;return r?t.DEFAULT_THEME.colorsV2.text.brand:t.DEFAULT_THEME.colorsV2.text.secondary}};
+	background-color: ${e=>{let{selected:r}=e;return r?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.subdued}};
 
 	&:hover {
-		background-color: ${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.hovered};
+		background-color: ${e=>{let{selected:r}=e;return r?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.hovered}};
 	}
 `,s=o.default.div`
 	display: flex;
@@ -63,7 +63,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-`,p=o.default.div`
+`,l=o.default.div`
 	border-radius: 4px;
 	border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
 	background: ${t.DEFAULT_THEME.colorsV2.surface.subdued};
@@ -73,4 +73,4 @@
 	align-items: center;
 	justify-content: space-between;
 	width: fit-content;
-`;exports.AddProductButtonsContainer=s,exports.CubeIconContainer=c,exports.DiscountDetailsOption=i,exports.DiscountOptionsContainer=d,exports.IconContainer=n,exports.ProductCollectionCard=a,exports.ProductVariableCard=p;
+`;exports.AddProductButtonsContainer=s,exports.CubeIconContainer=c,exports.DiscountDetailsOption=i,exports.DiscountOptionsContainer=d,exports.IconContainer=n,exports.ProductCollectionCard=a,exports.ProductVariableCard=l;

package/dist/cjs/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/cjs/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js

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

package/dist/cjs/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/cjs/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/cjs/components/discount-modal/StaticCoupon/StaticCoupon.js

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

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

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

package/dist/cjs/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/cjs/components/discount-modal/type.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=(i=>(i.AMOUNT="amount",i.QUANTITY="quantity",i.NA="na",i))(i||{}),e=(i=>(i.FIXED_AMOUNT="fixedAmount",i.PERCENTAGE="percentage",i))(e||{}),t=(i=>(i.LINE_ITEM="lineItem",i.SHIPPING_LINE="shippingLine",i))(t||{}),n=(i=>(i.ENTITLED="entitled",i.ALL="all",i))(n||{}),o=(i=>(i.AMOUNT_OFF_PRODUCTS="amountOffProducts",i.AMOUNT_OFF_ORDER="amountOffOrder",i.BUY_X_GET_Y="buyXGetY",i.FREE_SHIPPING="freeShipping",i))(o||{}),l=(i=>(i.ENTIRE_ORDER="entireOrder",i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections",i))(l||{}),a=(i=>(i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections",i))(a||{}),r=(i=>(i.FIXED_EXPIRATION="fixedExpiration",i.DYNAMIC_EXPIRATION="dynamicExpiration",i))(r||{});exports.COUPON_EXPIRATION=r,exports.DISCOUNT_APPLIES_TO=l,exports.DISCOUNT_TARGET_SELECTION=n,exports.DISCOUNT_TARGET_TYPES=t,exports.DISCOUNT_TYPES=o,exports.DISCOUNT_VALUE_TYPES=e,exports.MIN_PURCHASE_REQUIREMENT=i,exports.OFFER_APPLIES_TO=a,exports.initialDynamicCouponErrorState={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},exports.initialStaticCouponErrorState={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1};
+"use strict";var i,e,o,t,E,T,n,I;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_PURCHASE_REQUIREMENT=void 0,(i=exports.MIN_PURCHASE_REQUIREMENT||(exports.MIN_PURCHASE_REQUIREMENT={})).AMOUNT="amount",i.QUANTITY="quantity",i.NA="na",exports.DISCOUNT_VALUE_TYPES=void 0,(e=exports.DISCOUNT_VALUE_TYPES||(exports.DISCOUNT_VALUE_TYPES={})).FIXED_AMOUNT="fixedAmount",e.PERCENTAGE="percentage",exports.DISCOUNT_TARGET_TYPES=void 0,(o=exports.DISCOUNT_TARGET_TYPES||(exports.DISCOUNT_TARGET_TYPES={})).LINE_ITEM="lineItem",o.SHIPPING_LINE="shippingLine",exports.DISCOUNT_TARGET_SELECTION=void 0,(t=exports.DISCOUNT_TARGET_SELECTION||(exports.DISCOUNT_TARGET_SELECTION={})).ENTITLED="entitled",t.ALL="all",exports.DISCOUNT_TYPES=void 0,(E=exports.DISCOUNT_TYPES||(exports.DISCOUNT_TYPES={})).AMOUNT_OFF_PRODUCTS="amountOffProducts",E.AMOUNT_OFF_ORDER="amountOffOrder",E.BUY_X_GET_Y="buyXGetY",E.FREE_SHIPPING="freeShipping",exports.DISCOUNT_APPLIES_TO=void 0,(T=exports.DISCOUNT_APPLIES_TO||(exports.DISCOUNT_APPLIES_TO={})).ENTIRE_ORDER="entireOrder",T.SPECIFIC_PRODUCTS="specificProducts",T.SPECIFIC_COLLECTIONS="specificCollections",exports.OFFER_APPLIES_TO=void 0,(n=exports.OFFER_APPLIES_TO||(exports.OFFER_APPLIES_TO={})).SPECIFIC_PRODUCTS="specificProducts",n.SPECIFIC_COLLECTIONS="specificCollections",exports.COUPON_EXPIRATION=void 0,(I=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",I.DYNAMIC_EXPIRATION="dynamicExpiration";exports.initialDynamicCouponErrorState={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},exports.initialStaticCouponErrorState={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1};

package/dist/cjs/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/cjs/components/dropShadow/DropShadow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={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)"}};exports.DropShadow=({level:r="z1",position:x="down",children:o,style:t})=>{const s=p[r][x];return e.jsx("div",{style:{boxShadow:s,...t??{}},children:o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={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)"}};exports.DropShadow=r=>{let{level:t="z1",position:x="down",children:s,style:o}=r;const n=p[t][x];return e.jsx("div",Object.assign({style:Object.assign({boxShadow:n},null!=o?o:{})},{children:s}))};

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

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

package/dist/cjs/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/cjs/components/dropdown/ChipDropdown.js

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

package/dist/cjs/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/cjs/components/dropdown/ChipInput.js

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

package/dist/cjs/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/cjs/components/dropdown/Common.styled.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const o=r.default.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"};
-`,p=i.default.div`
+	cursor: ${e=>(null==e?void 0:e.disabled)?"not-allowed":"pointer"};
+`,n=r.default.div`
 	margin-top: 8px;
 	margin-bottom: 8px;
-`;i.default.div`
+`;r.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -19,7 +19,7 @@
 	background: ${t.COLORS.surface.hovered};
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 4px;
-`;const s=i.default.div`
+`;const p=r.default.div`
 	width: 360px;
 	height: 100%;
 	padding: 8px;
@@ -34,4 +34,4 @@
 		flex-wrap: wrap;
 		align-items: center;
 	}
-`;exports.ChipInputWrapper=s,exports.OpenDropdownContainer=p,exports.OverLapAbs=o;
+`;exports.ChipInputWrapper=p,exports.OpenDropdownContainer=n,exports.OverLapAbs=o;

package/dist/cjs/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/cjs/components/dropdown/Dropdown.js

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