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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("../../alerts/Alert.js"),o=require("../../alerts/AlertHelper.js"),n=require("../../button/Button.js"),r=require("../../checkBox/CheckBox.js"),s=require("../type.js");require("../../dropdown/DropdownPopover/index.js");var l=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js"),require("react");var a=require("../../TypographyStyle.js"),d=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("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var c=require("../../input/Input.js");require("../../input/context/InputStyleProvider.js");var u=require("../../../assets/icons/cross.svg.js");require("../../dropdown/MenuItem/MenuItem.js");var p=require("../../radioButton/RadioButton.js"),C=require("../../../assets/icons/cubeIcon.svg.js"),E=require("../../../assets/icons/delete.svg.js"),T=require("../../../assets/icons/edit.svg.js"),D=require("../../../assets/icons/plus.svg.js"),P=require("../CouponExpiration/CouponExpiration.js"),x=require("../DiscountModal.styled.js"),S=require("./DynamicCoupon.styled.js"),I=require("./MinimumRequirementComponent.js"),m=require("./ZeroState.js"),y=(e=>(e.ENTITLED="entitled",e.PREREQUISITE="prerequisite",e))(y||{});exports.DISCOUNT_PRODUCTS=y,exports.default=y=>{const _=[{selected:y.discountCouponAppliesTo===s.DISCOUNT_APPLIES_TO.ENTIRE_ORDER,label:"Entire Order",value:s.DISCOUNT_APPLIES_TO.ENTIRE_ORDER},{selected:y.discountCouponAppliesTo===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS,label:"Specific Product",value:s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS},{selected:y.discountCouponAppliesTo===s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS}],O=[{selected:y.offerAppliesToBuy===s.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS,label:"Specific Product",value:s.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS},{selected:y.offerAppliesToBuy===s.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:s.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS}],h=[{selected:y.offerAppliesToGet===s.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS,label:"Specific Product",value:s.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS},{selected:y.offerAppliesToGet===s.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:s.OFFER_APPLIES_TO.SPECIFIC_COLLECTIONS}],j=()=>e.jsxs("div",{children:[e.jsx(a.TitleRegular,{children:"Discount Details"}),e.jsx(S.DiscountOptionsContainer,{children:y.discountDetailsOptions.map((t=>{return e.jsxs(S.DiscountDetailsOption,{selected:y.selectedDiscountDetails.id===t.id,onClick:()=>(e=>{if(y.selectedDiscountDetails.id!==e.id)if(y.resetValidationErrors(),y.setValidationErrorMessage(""),y.setDiscountCouponAppliesTo(s.DISCOUNT_APPLIES_TO.ENTIRE_ORDER),y.setSelectedDiscountDetails(e),y.setDiscountData({...y.discountData,value:void 0}),y.setPreRequisiteProductVariable(void 0),y.setEntitledProductVariable(void 0),["percentage","amount"].includes(e.value)){y.onChangeCouponType({label:"Amount off on order",selected:!0,value:s.DISCOUNT_TYPES.AMOUNT_OFF_ORDER});const t={...y.discountData,valueType:"percentage"===e.value?s.DISCOUNT_VALUE_TYPES.PERCENTAGE:s.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT,value:void 0,targetType:s.DISCOUNT_TARGET_TYPES.LINE_ITEM,targetSelection:s.DISCOUNT_TARGET_SELECTION.ALL,entitledCollectionIds:[],entitledProductIds:[],prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:{}},productsConf:{entitledProducts:{},prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:{}}},{entitledQuantity:i,prerequisiteQuantity:o,...n}=t;y.setDiscountData(n)}else y.onChangeCouponType({label:e.label,selected:!0,value:e.value})})(t),children:[t.icon((i=t.id,y.selectedDiscountDetails.id===i?d.DEFAULT_THEME.colorsV2.stroke.brand:d.DEFAULT_THEME.colorsV2.text.secondary)),t.label]},t.id);var i}))})]}),V=(r,l,c)=>{let p=[],P=[],x={},I={};y.useNewPicker?(x="entitled"===l?y.entitledProducts:y.prerequisiteProducts,I=("entitled"===l?y.entitledCollections:y.prerequisiteCollections)??[],x?.isCustom&&delete x.isCustom,I?.isCustom&&delete I.isCustom,Object.values(x).forEach((e=>{Object.keys(e.products).forEach((t=>{p.push({id:t,name:e.products[t].name,image:e.products[t].image})}))})),Object.keys(I).forEach((e=>{"isCustom"!==e&&P.push({id:e,name:I[e].name,image:I[e].image})}))):(p="entitled"===l?y.entitledProducts:y.prerequisiteProducts,P=("entitled"===l?y.entitledCollections:y.prerequisiteCollections)??[]);const m=[y.dynamicDiscountValidationError?.inValidProductSelection,y.dynamicDiscountValidationError?.inValidProductVariableSelection,y.dynamicDiscountValidationError?.inValidCollectionSelection],_=[y.dynamicDiscountValidationError?.inValidBuyXCollectionSelection,y.dynamicDiscountValidationError?.inValidBuyXProductSelection,y.dynamicDiscountValidationError?.inValidBuyXProductVariableSelection],O=[y.dynamicDiscountValidationError?.inValidGetYCollectionSelection,y.dynamicDiscountValidationError?.inValidGetYProductSelection,y.dynamicDiscountValidationError?.inValidGetYProductVariableSelection];let h=!1;return"couponAppliesTo"===c&&(h=m.some(Boolean)),"buyX"===c&&(h=_.some(Boolean)),"getY"===c&&(h=O.some(Boolean)),e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:18},children:[r===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS&&0===p.length&&("entitled"===l&&!y.entitledProductVariable||"prerequisite"===l&&!y.preRequisiteProductVariable)&&!P?.length&&e.jsxs(S.AddProductButtonsContainer,{children:[e.jsx("div",{style:{width:y.isProductVariableSupported?"284px":"300px",display:"flex"},children:e.jsx(n.Button,{buttonText:"Add Product(s)",buttonType:"dashRegular",LeadingIcon:D.default,matchParentWidth:!0,onClick:()=>{y.setIsProductPickerOpen(l)},error:h})}),y.isProductVariableSupported&&y.productVariableList&&e.jsxs(e.Fragment,{children:[e.jsx(a.BodySecondary,{color:d.DEFAULT_THEME.colorsV2.content.placeholder,children:"OR"}),e.jsx(n.Button,{buttonText:"Add Product(s) Variable",buttonType:"dashRegular",LeadingIcon:D.default,matchParentWidth:!0,onClick:()=>{y.setIsProductVariablePickerOpen(l)},error:h})]})]}),r===s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS&&0===P.length&&!p?.length&&e.jsx("div",{style:{width:"300px",display:"flex"},children:e.jsx(n.Button,{buttonText:"Add collection(s)",buttonType:"dashRegular",LeadingIcon:D.default,matchParentWidth:!0,onClick:()=>{y.setIsCollectionPickerOpen(l)},style:{marginTop:"16px"},error:h})})]}),h&&e.jsx("div",{style:{margin:"8px 0 0"},children:e.jsx(i.Alert,{type:o.ALERT_TYPES.NEGATIVE,text:"Required Field",contentPosition:o.CONTENT_POSITION.START,icon:()=>e.jsx(t.default,{width:16,height:16,color:d.DEFAULT_THEME.colorsV2.content.negative})})}),p.length||P.length?e.jsxs("div",{children:[e.jsx(a.BodySecondary,{style:{margin:"8px 0"},children:r===s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS?"Collection(s)":"Product(s)"}),e.jsxs(S.ProductCollectionCard,{children:[e.jsx(S.CubeIconContainer,{children:e.jsx(C.default,{width:20,height:20,color:d.DEFAULT_THEME.colorsV2.content.secondary})}),e.jsxs(a.TitleSmall,{children:[r===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS?p.length:P.length," ",r===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS?"Product(s)":"Collection(s)"," ","added"]}),e.jsxs("div",{style:{display:"flex",gap:4},children:[e.jsx(S.IconContainer,{onClick:()=>{r===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS?y.setIsProductPickerOpen(l):y.setIsCollectionPickerOpen(l)},children:e.jsx(T.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.placeholder})}),e.jsx(S.IconContainer,{onClick:()=>{r===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS?"entitled"===l?y.setEntitledProducts([]):y.setPrerequisiteProducts([]):"entitled"===l?y.setEntitledCollections([]):y.setPrerequisiteCollections([])},children:e.jsx(E.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.placeholder})})]})]})]}):"entitled"===l&&y.entitledProductVariable?e.jsxs("div",{children:[e.jsx(a.BodySecondary,{style:{margin:"16px 0 8px"},children:"Product Variable"}),e.jsxs(S.ProductVariableCard,{children:[e.jsx(a.TitleSmall,{children:y.entitledProductVariable.displayName}),e.jsx("div",{style:{display:"flex",gap:4},children:e.jsx(S.IconContainer,{onClick:()=>{y.setEntitledProductVariable(void 0)},children:e.jsx(u.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.primary})})})]})]}):"prerequisite"===l&&y.preRequisiteProductVariable?.displayName?e.jsxs("div",{children:[e.jsx(a.BodySecondary,{style:{margin:"16px 0 8px"},children:"Product Variable"}),e.jsxs(S.ProductVariableCard,{children:[e.jsx(a.TitleSmall,{children:y.preRequisiteProductVariable.displayName}),e.jsx("div",{style:{display:"flex",gap:4},children:e.jsx(S.IconContainer,{onClick:()=>{y.setPreRequisiteProductVariable(void 0)},children:e.jsx(u.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.primary})})})]})]}):e.jsx(e.Fragment,{children:" "})]})},v=(t,i)=>{let o=[],n=[],r={},d={};y.useNewPicker?(r="entitled"===t?y.entitledProducts:y.prerequisiteProducts,d=("entitled"===t?y.entitledCollections:y.prerequisiteCollections)??[],r?.isCustom&&delete r.isCustom,d?.isCustom&&delete d.isCustom,Object.values(r).forEach((e=>{Object.keys(e.products).forEach((t=>{o.push({id:t,name:e.products[t].name,image:e.products[t].image})}))})),Object.keys(d).forEach((e=>{"isCustom"!==e&&n.push({id:e,name:d[e].name,image:d[e].image})}))):(o="entitled"===t?y.entitledProducts:y.prerequisiteProducts,n=("entitled"===t?y.entitledCollections:y.prerequisiteCollections)??[]);const u="prerequisite"===t?y.offerAppliesToBuy:y.offerAppliesToGet,p="prerequisite"===t?"prerequisite":"entitled",C=u===s.OFFER_APPLIES_TO.SPECIFIC_PRODUCTS?s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS:s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS;return e.jsxs("div",{children:[e.jsx(a.TitleSmall,{style:{marginBottom:16},children:"prerequisite"===t?"Customer buys":"Customer gets"}),e.jsxs("div",{style:{display:"flex"},children:[!i&&e.jsx("div",{children:e.jsxs("div",{className:"input__rows",children:[e.jsx("div",{className:"input__wrapper",children:e.jsx(c.Input,{value:"entitled"===t?y.discountData.entitledQuantity?.toString()??"":y.discountData.prerequisiteQuantity?.toString()??"",type:"number",onChangeText:e=>{"entitled"===t?y.setDiscountData({...y.discountData,entitledQuantity:parseInt(e)}):y.setDiscountData({...y.discountData,prerequisiteQuantity:parseInt(e)})},labelText:"Quantity of products",placeholder:"Eg. 2",width:"300px",errorMessage:"prerequisite"===t&&y.dynamicDiscountValidationError?.inValidBuyXValue||"entitled"===t&&y.dynamicDiscountValidationError?.inValidGetYValue?"Required Field":"",state:"prerequisite"===t&&y.dynamicDiscountValidationError?.inValidBuyXValue||"entitled"===t&&y.dynamicDiscountValidationError?.inValidGetYValue?"invalid":"none"})}),e.jsx("div",{className:"input__wrapper"})]})}),e.jsxs("div",{children:[e.jsx(a.BodySecondary,{style:{marginBottom:8},children:"Any items from"}),"prerequisite"===t&&e.jsx(l.Dropdown,{width:"244px",options:O,placement:"bottom-start",onSelect:e=>{y.setOfferAppliesToBuy(e.value),y.setPrerequisiteProducts([]),y.setPrerequisiteCollections([]),y.setPreRequisiteProductVariable(void 0),y.setDynamicDiscountValidationError((e=>({...e,inValidBuyXCollectionSelection:!1,inValidBuyXProductSelection:!1,inValidBuyXProductVariableSelection:!1}))),y.setDiscountData({...y.discountData,prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:y.discountData.collectionsConf?.entitledCollections,prerequisiteCollections:{}},productsConf:{entitledProducts:y.discountData.productsConf?.entitledProducts,prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:y.discountData.productVariableConf?.entitledProductVariable,prerequisiteProductVariable:{}}})}}),"entitled"===t&&e.jsx(l.Dropdown,{width:"244px",options:h,placement:"bottom-start",onSelect:e=>{y.setOfferAppliesToGet(e.value),y.setEntitledProducts([]),y.setEntitledCollections([]),y.setEntitledProductVariable(void 0),y.setDynamicDiscountValidationError((e=>({...e,inValidGetYCollectionSelection:!1,inValidGetYProductSelection:!1,inValidGetYProductVariableSelection:!1}))),y.setDiscountData({...y.discountData,entitledCollectionIds:[],entitledProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:y.discountData.collectionsConf?.prerequisiteCollections},productsConf:{entitledProducts:{},prerequisiteProducts:y.discountData.productsConf?.prerequisiteProducts},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:y.discountData.productVariableConf?.prerequisiteProductVariable}})}})]})]}),V(C,p,"prerequisite"===t?"buyX":"getY")]})};return e.jsxs(x.DynamicCouponContainer,{children:[e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx("div",{className:"input__wrapper",children:e.jsx(c.Input,{value:y.discountData.title??"",onChangeText:e=>{y.setDiscountData({...y.discountData,title:e?.trim()??""})},maxCharLimit:30,labelText:"Discount Coupon Title",placeholder:`Eg. “Flat ${y.currency??""} 15 Off”`,hintText:"Will be same for everyone. Can’t be changed later",width:"300px",isRequired:!0,errorMessage:y.dynamicDiscountValidationError?.invalidCouponTitle?"Required Field":"",state:y.dynamicDiscountValidationError?.invalidCouponTitle?"invalid":"none"})}),!y.hideProbability&&e.jsx(c.Input,{value:y.discountData.probability?.toString()??"",type:"number",onChangeText:e=>{y.setDiscountData({...y.discountData,probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))})},labelText:"Probability of getting coupon ",hintText:"Enter a decimal value between 0-1",placeholder:"Eg. 0.5",maxCharLimit:4,width:"300px",isRequired:!0,errorMessage:y.dynamicDiscountValidationError?.inValidProbability?"Required Field":"",state:y.dynamicDiscountValidationError?.inValidProbability?"invalid":"none"})]}),e.jsx("div",{style:{height:"1px",width:"100%",background:d.DEFAULT_THEME.colorsV2.stroke.primary,margin:"24px 0 8px"}})]}),y.allowStaticCoupon&&e.jsx(j,{}),(y.selectedCouponType===s.DISCOUNT_TYPES.AMOUNT_OFF_ORDER||y.selectedCouponType===s.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"input__rows",children:e.jsx("div",{className:"input__wrapper",children:e.jsx(c.Input,{value:y.discountData?.value?.toString()??"",labelText:"Discount amount",type:"number",width:"300px",onChangeText:e=>{y.setDiscountData({...y.discountData,value:parseInt(e)})},placeholder:"15",prefixText:y.discountData.valueType===s.DISCOUNT_VALUE_TYPES.FIXED_AMOUNT?y.currency??"":void 0,suffixText:y.discountData.valueType===s.DISCOUNT_VALUE_TYPES.PERCENTAGE?"%":void 0,errorMessage:y.dynamicDiscountValidationError?.inValidDiscountAmount?"Required Field":"",state:y.dynamicDiscountValidationError?.inValidDiscountAmount?"invalid":"none"})})}),e.jsx("div",{style:{paddingTop:"24px",marginTop:16,borderTop:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`},children:e.jsxs("div",{className:"input__wrapper",children:[e.jsx(a.TitleRegular,{style:{marginBottom:10},children:"Applies to"}),e.jsx("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:e.jsx(l.Dropdown,{width:"300px",options:_,placement:"bottom-start",onSelect:e=>{const t="value"in e&&e.value===s.DISCOUNT_APPLIES_TO.ENTIRE_ORDER?{label:"Amount off on order",selected:!0,value:s.DISCOUNT_TYPES.AMOUNT_OFF_ORDER}:{label:"Amount off on products",selected:!0,value:s.DISCOUNT_TYPES.AMOUNT_OFF_PRODUCTS};y.onChangeCouponType(t),y.setDiscountCouponAppliesTo(e.value),y.setEntitledProductVariable(void 0),y.setDynamicDiscountValidationError((e=>({...e,inValidProductVariableSelection:!1,inValidProductSelection:!1,inValidCollectionSelection:!1})))}})}),(y.discountCouponAppliesTo===s.DISCOUNT_APPLIES_TO.SPECIFIC_PRODUCTS||y.discountCouponAppliesTo===s.DISCOUNT_APPLIES_TO.SPECIFIC_COLLECTIONS)&&V(y.discountCouponAppliesTo,"entitled","couponAppliesTo")]})})]}),y.selectedCouponType===s.DISCOUNT_TYPES.BUY_X_GET_Y&&e.jsxs(x.DynamicCouponContainer,{style:{border:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:"16px",borderRadius:"4px",margin:0},children:[v("prerequisite"),e.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:d.DEFAULT_THEME.colorsV2.stroke.primary,margin:"8px 0"}}),v("entitled"),e.jsx(a.BodySecondary,{style:{marginTop:"8px"},children:"At a discounted value"}),e.jsx("div",{children:e.jsx(p.RadioButton,{label:"Free",isActive:100===y.discountData.value,onValueChange:e=>{e?y.setDiscountData({...y.discountData,value:100}):y.setDiscountData({...y.discountData,value:void 0})}})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx(p.RadioButton,{label:"Percentage off",isActive:100!==y.discountData.value,onValueChange:()=>{y.setDiscountData({...y.discountData,value:void 0})}}),100!==y.discountData.value&&e.jsx("div",{style:{marginTop:8},children:e.jsx(c.Input,{value:y.discountData?.value?.toString()??"",onChangeText:e=>{y.setDiscountData({...y.discountData,value:parseInt(e)})},type:"number",placeholder:"Eg. 50",suffixText:"%",width:"300px",errorMessage:y.dynamicDiscountValidationError?.inValidDiscountAmount?"Required Field":"",state:y.dynamicDiscountValidationError?.inValidDiscountAmount?"invalid":"none"})})]})]}),!y.selectedCouponType&&e.jsx(m.default,{}),y.allowStaticCoupon&&y.selectedCouponType!==s.DISCOUNT_TYPES.BUY_X_GET_Y&&e.jsx("div",{style:{padding:"24px 0 16px",marginTop:16,borderTop:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`},children:e.jsx(I.default,{selectedMinimumRequirement:y.selectedMinimumRequirement,setSelectedMinimumRequirement:y.setSelectedMinimumRequirement,discountData:y.discountData,setDiscountData:y.setDiscountData,currency:y.currency,dynamicDiscountValidationError:y.dynamicDiscountValidationError})}),y.selectedCouponType&&!y.hideExpiration&&e.jsxs("div",{style:{padding:y.selectedCouponType!==s.DISCOUNT_TYPES.BUY_X_GET_Y?"24px 0 16px":"8px 0",borderTop:y.selectedCouponType!==s.DISCOUNT_TYPES.BUY_X_GET_Y?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"},children:[e.jsx(r.CheckBox,{label:"Add expiration",isDisabled:!!y.makeExpiryMandatory,isChecked:y.isAddExpirationChecked,onValueChange:e=>{y.setIsAddExpirationChecked(e),y.setDiscountData({...y.discountData,expireAfter:void 0,expireAt:void 0}),y.setSelectedExpiration(s.COUPON_EXPIRATION.DYNAMIC_EXPIRATION)},boldOnChecked:!0,labelSize:"DEFAULT"}),e.jsx(a.BodySecondary,{style:{color:d.DEFAULT_THEME.colorsV2.text.secondary,marginLeft:28},children:"Make coupon only valid till a certain time"}),y.isAddExpirationChecked&&e.jsx(P.CouponExpiration,{discountData:y.discountData,setDiscountData:y.setDiscountData,isAddExpirationChecked:y.isAddExpirationChecked,inValidCouponExpiry:y.dynamicDiscountValidationError.inValidCouponExpiry,selectedExpiration:y.selectedExpiration,setSelectedExpiration:y.setSelectedExpiration})]})]})};

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

@@ -0,0 +1,76 @@
+"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 o=r(e);const n=o.default.div`
+	width: 28px;
+	height: 28px;
+	cursor: pointer;
+	border-radius: 4px;
+	padding: 4px;
+	display: flex;
+	jusitfy-content: center;
+	align-items: center;
+	&:hover {
+		background-color: ${t.DEFAULT_THEME.colorsV2.background.base};
+	}
+`,d=o.default.div`
+	display: flex;
+	gap: 12px;
+	margin-bottom: 8px;
+	margin-top: 16px;
+`,i=o.default.div`
+	height: 76px;
+	width: 100%;
+	padding: 12px;
+	border: 1px solid
+		${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary};
+	border-radius: 4px;
+	cursor: pointer;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	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};
+
+	&:hover {
+		background-color: ${({selected:e})=>e?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.hovered};
+	}
+`,s=o.default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	align-content: center;
+	gap: 16px;
+	margin-top: 16px;
+	width: 100%;
+`,a=o.default.div`
+	width: 296px;
+	height: 64px;
+	border-radius: 4px;
+	border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
+	background: ${t.DEFAULT_THEME.colorsV2.surface.subdued};
+	padding: 8px 12px;
+	gap: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+`,c=o.default.div`
+	width: 40px;
+	height: 40px;
+	background-color: ${t.DEFAULT_THEME.colorsV2.background.base};
+	border-radius: 4px;
+	padding: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`,p=o.default.div`
+	border-radius: 4px;
+	border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
+	background: ${t.DEFAULT_THEME.colorsV2.surface.subdued};
+	padding: 6px 8px;
+	gap: 8px;
+	display: flex;
+	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;

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

@@ -0,0 +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"})})]})]})};

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

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),i=require("../../../assets/icons/cursor.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const c=o.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	padding: 40px 0;
+	justify-content: center;
+	align-items: center;
+`,d=o.default.div`
+	height: 52px;
+	width: 52px;
+	background-color: ${s.DEFAULT_THEME.colorsV2.background.inverse};
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;exports.default=()=>e.jsxs(c,{children:[e.jsx(d,{children:e.jsx(i.default,{width:32,color:s.DEFAULT_THEME.colorsV2.content.primaryInverse})}),e.jsx(r.TitleMedium,{children:"No discount has been selected"}),e.jsx(r.BodyPrimary,{children:"Please select a discount type"})]});

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

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

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

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

package/dist/cjs/components/discount-modal/type.js

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

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

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

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

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

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

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

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

@@ -0,0 +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`
+	display: flex;
+	flex-direction: row;
+	width: ${e=>e?.width?e.width:"240px"};
+	height: ${e=>e?.height?e.height:"32px"};
+	gap: 8px;
+	justify-content: space-between;
+	align-items: center;
+	border: 1px solid ${i.COLORS.stroke.primary};
+	border-radius: 4px;
+	padding-left: 8px;
+	padding-right: 8px;
+	cursor: pointer;
+`;exports.ChipDropdown=u,exports.ChipDropdownContainer=h;

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

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

package/dist/cjs/components/dropdown/Common.styled.js

@@ -0,0 +1,37 @@
+"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`
+	position: 
+	// if allowEvents is true, then position is relative, else position is absolute
+		${e=>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`
+	margin-top: 8px;
+	margin-bottom: 8px;
+`;i.default.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	padding: 6px 8px;
+	background: ${t.COLORS.surface.hovered};
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border-radius: 4px;
+`;const s=i.default.div`
+	width: 360px;
+	height: 100%;
+	padding: 8px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	border-radius: 4px;
+	border: ${e=>e.error?`1px solid ${t.COLORS.stroke.negative.vibrant}`:`1px solid ${t.COLORS.stroke.primary}`};
+	.chips-container {
+		display: flex;
+		gap: 8px;
+		flex-wrap: wrap;
+		align-items: center;
+	}
+`;exports.ChipInputWrapper=s,exports.OpenDropdownContainer=p,exports.OverLapAbs=o;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("react-popper"),r=require("../../dropShadow/DropShadow.js"),n=require("../../tooltips/Tooltip.js"),s=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=i(t).default.forwardRef((({children:i,onDropdownVisbilityChange:d,version:p="1.0",tooltipContent:a,tooltipDirection:u,showTooltipArrow:c,...w},f)=>{const v=f,[h,j]=t.useState(!1),[D,x]=t.useState(null),[S,y]=t.useState(null),m=t.useRef(null),{styles:b,attributes:q}=o.usePopper(D,S,{placement:w.placement,strategy:w.strategy}),C=e=>{"2.0"===p&&w.isMultiSelect&&e&&w.onSelect?.([...e]),j(!1),w?.onClose?.()};t.useImperativeHandle(v,(()=>({openDropdown:h})),[]),t.useEffect((()=>{v?.current&&(v.current.openDropdown=h)}),[h]),t.useEffect((()=>{d?.(h)}),[h]);const O=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{position:"relative"},ref:x,children:[e.jsx(s.OverLapAbs,{ref:m,allowEvents:w.allowEvents,disabled:w.disabled,onClick:e=>{w.onDropdownOpen?.(),h?(j(!1),e.preventDefault()):w.disabled||j(!0)},children:w.allowEvents?i:null}),w.allowEvents?null:i]}),h&&e.jsx(s.OpenDropdownContainer,{ref:y,style:{...b.popper,zIndex:3},...q.popper,"data-test":w["data-test"],children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(l.OpenedDropdown,{...w,onSelect:e=>{"2.0"===p&&w.isMultiSelect||(w.onSelect?.(e),j(!1))},onClose:C,version:p,headerRef:m,zeroState:w?.zeroState})})})]});return e.jsx(e.Fragment,{children:h||void 0===a?O():e.jsx(n.Tooltip,{body:a,placement:u,hideArrow:!c,children:e.jsx("div",{"data-test":w["data-test"],children:O()})})})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;

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

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

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

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),t=require("styled-components"),s=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(t).default.div`
+	:hover {
+		background: ${i.COLORS.surface.subdued};
+	}
+	position: ${e=>e.isNewTag?"relative":""};
+	.new--tag {
+		box-sizing: border-box;
+		position: absolute;
+		right: -8px;
+		top: -5px;
+		border-radius: 50%;
+		width: 14px;
+		height: 14px;
+		background: ${i.COLORS.background.negative.vibrant};
+		border: 1.25px solid ${i.COLORS.surface.standard};
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+`,u=t=>e.jsx(a,{isNewTag:t.isNewTag,children:e.jsxs(n.DropdownPopover,{...t,children:[e.jsx("div",{children:e.jsx(s.IconButton,{Icon:t.isHorizontal?r.default:o.default,bordered:!t?.hideBorder})}),t.isNewTag?e.jsx("div",{className:"new--tag"}):null]})});u.displayName="MenuItemDropdown",exports.MenuItemDropdown=u;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("react-popper"),t=require("../../dropShadow/DropShadow.js"),n=require("../../tooltips/Tooltip.js"),l=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=i(o).default.forwardRef((({children:i,onDropdownVisbilityChange:p,version:d="1.0",tooltipContent:a,tooltipDirection:u,showTooltipArrow:c,...f},w)=>{const j=w,[v,h]=o.useState(!1),[D,x]=o.useState(null),[y,m]=o.useState(null),S=o.useRef(null),{styles:b,attributes:q}=r.usePopper(D,y,{placement:f.placement,strategy:f.strategy}),C=e=>{f.isMultiSelect&&e&&f.onSelect?.([...e]),h(!1),f?.onClose?.()};o.useImperativeHandle(j,(()=>({openDropdown:v})),[]),o.useEffect((()=>{j?.current&&(j.current.openDropdown=v)}),[v]),o.useEffect((()=>{p?.(v)}),[v]);const O=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{position:"relative"},ref:x,children:[e.jsx(l.OverLapAbs,{ref:S,disabled:f.disabled,onClick:e=>{f.onDropdownOpen?.(),v?(h(!1),e.preventDefault()):f.disabled||h(!0)}}),i]}),v&&e.jsx(l.OpenDropdownContainer,{ref:m,style:{...b.popper,zIndex:3},...q.popper,children:e.jsx(t.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,{...f,onSelect:e=>{"2.0"===d&&f.isMultiSelect||(f.onSelect?.(e),h(!1))},onClose:C,version:d,headerRef:S})})})]});return e.jsx(e.Fragment,{children:v||void 0===a?O():e.jsx(n.Tooltip,{body:a,placement:u,hideArrow:!c,children:e.jsx("div",{children:O()})})})}));p.displayName="MultilevelDropdownPopover",exports.MultilevelDropdownPopover=p;

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

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

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);const i=t.default.div`
+	border-radius: ${e=>"2.0"===e.version?8:4}px;
+	border: ${e=>"2.0"===e.version?0:1}px solid
+		${r.COLORS.stroke.primary};
+	max-height: 480px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	position: relative;
+	padding: ${e=>"2.0"===e.version?4:0}px;
+	background-color: ${r.COLORS.surface.standard};
+`;t.default.div`
+	padding: 14px 16px 14px 18px;
+	flex-direction: row;
+	align-items: center;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${r.COLORS.stroke.primary};
+	width: 100%;
+	height: 100%;
+`;const d=t.default.div`
+	max-height: ${e=>"number"==typeof e.maxHeight?`${e.maxHeight}px`:e.maxHeight};
+	overflow-y: auto;
+	position: relative;
+	&::-webkit-scrollbar-thumb {
+		background: #e0e0e0;
+		border-radius: 8px;
+	}
+	&::-webkit-scrollbar {
+		height: 5px;
+		display: block;
+		width: 8px;
+	}
+	&::-webkit-scrollbar-thumb:horizontal {
+		width: 8px;
+	}
+`;exports.MenuListContainer=d,exports.OpennedDropdownContainer=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),i=require("./Description.styled.js");exports.Description=({title:s,description:n,version:o})=>e.jsx(i.DescriptionContainer,{version:o,children:e.jsxs("div",{style:{padding:"2.0"===o?12:24},children:[e.jsx(r.TitleRegular,{style:{color:t.COLORS.content.primary,marginBottom:4},children:s}),e.jsx(r.BodySecondary,{style:{color:t.COLORS.content.secondary},children:n})]})});

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js

@@ -0,0 +1,6 @@
+"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}}const o=r(e).default.div`
+	background: ${t.COLORS.surface.standard};
+	border-left: ${e=>"2.0"===e.version?.5:1}px solid
+		${t.COLORS.stroke.primary};
+	width: 50%;
+`;exports.DescriptionContainer=o;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=({searchedString:c,onSelect:l,isMultiSelect:u,version:a})=>{const[j,m]=r.useState(!1);function x(){m(!j),l(!j)}return e.jsx(s.ListItem,{version:a,onClick:e=>{e.preventDefault(),x()},listItem:{label:c,value:c},leadingIcon:u?e.jsx(t.CheckBox,{size:"2.0"===a?"SMALL":"DEFAULT",isChecked:j,onValueChange:x}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,{style:{color:n.COLORS.content.secondary},children:"Freeform"})})})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(e).default.div`
+	padding: 4px 8px;
+	background: ${r.COLORS.surface.subdued};
+	border: 1px solid ${r.COLORS.stroke.primary};
+	border-radius: 4px;
+`;exports.FreeFormContainer=o;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/chevronRight.svg.js"),r=require("react"),o=require("styled-components"),n=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js"),s=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),d=require("./FreeFormMenu.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(o);const p=u.default(i.ListItem)`
+	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
+	cursor: pointer;
+	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
+`,x=u.default.div`
+	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
+	border-radius: ${({version:e})=>"1.0"===e?"0":"8px"};
+	padding: ${({version:e})=>"1.0"===e?"0":"4px"};
+	min-width: 148px;
+	border: ${({version:e})=>"1.0"===e?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
+	max-height: 248px;
+	overflow-y: auto;
+`,h=r.forwardRef((({option:o,isMultiSelect:i,showDescription:c,onSelect:u,last:h,version:m,onDropdownItemClick:v,useDefaultCursor:g},j)=>{const[b,f]=r.useState(o.selected),y=(e,t)=>{if(!e.children){C(!e.selected);const r=t?{...e,parent:t}:e;v?.(r)}},C=e=>{o.disabled||u({...o,selected:e})},I=g?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(s.Tooltip,{body:"",tooltipContent:o.children?e.jsx("div",{style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:j,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:e.jsx(x,{version:m??"2.0",children:o.children.map((t=>e.jsx(p,{version:m,style:"1.0"!==m&&(o?.children??[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),y(t,o)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:o.disabled?"inactive":t.selected?"selected":"default"},t.value)))})}):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0,children:e.jsx(p,{version:m,style:h?{borderBottom:0,...I}:{...I},onClick:e=>{e.preventDefault(),y(o)},onMouseOver:()=>{o.description?c(o.label,o.description):c()},listItem:{value:o.value,label:o.label},subText:o.subText,leadingIcon:i?e.jsxs("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8},children:[e.jsx(n.CheckBox,{size:"2.0"===m?"SMALL":"DEFAULT",isDisabled:o.disabled??!1,isChecked:!!o.selected,onValueChange:C}),e.jsx("div",{style:{marginRight:"-4px"},children:o.leadingIcon})]}):o.leadingIcon?e.jsx(e.Fragment,{children:o.leadingIcon}):void 0,customComponent:o.customComponent,trailingIcon:o.isFreeForm?e.jsx(d.FreeFormContainer,{children:e.jsx(l.BodyCaption,{style:{color:a.COLORS.content.secondary},children:"Freeform"})}):o.children?e.jsx(t.default,{width:12,height:12}):o.trailingIcon?e.jsx(e.Fragment,{children:o.trailingIcon}):void 0,variant:o.disabled?"inactive":o.selected||!i&&b?"selected":"default"})})})}));exports.MenuItem=h;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("./MenuItem.js"),t=require("./MenuList.styled.js");const s=r.forwardRef((({options:s,isMultiSelect:o,showDescription:i,onSelect:c,version:u,onInfiniteScroll:l,onDropdownItemClick:a,useDefaultCursor:p},d)=>{const f=r.useRef(null),j=r.useRef(null),m=r.useCallback((()=>{f.current&&f.current.disconnect(),f.current=new IntersectionObserver((e=>{e[0].isIntersecting&&l?.()})),j.current&&f.current.observe(j.current)}),[l]);return r.useEffect((()=>(m(),()=>{f.current&&f.current.disconnect()})),[m,s]),e.jsx(e.Fragment,{children:s.map(((r,l)=>{const f=l===s.length-1;if(r.options){const s=r;return e.jsxs("div",{style:{marginTop:"2.0"===u?2:0},children:[e.jsxs(t.StyledGroupedLabel,{version:u,children:[s.leadingIcon?e.jsx("span",{style:{marginRight:8},children:s.leadingIcon}):null,s.label]}),s.options.map(((r,t)=>e.jsx(n.MenuItem,{version:u,last:t===s.options.length-1,onSelect:c,showDescription:i,onDropdownItemClick:a,isMultiSelect:o,option:r,useDefaultCursor:p,ref:e=>{d&&"object"==typeof d&&d.current&&e&&e&&e&&e&&(d.current[l]=e)}},`${l}-${t}`))),f?e.jsx("span",{ref:j}):null]},l)}return e.jsxs("div",{children:[e.jsx(n.MenuItem,{version:u,last:f,onSelect:c,showDescription:i,onDropdownItemClick:a,isMultiSelect:o,option:r,useDefaultCursor:p,ref:e=>{d&&"object"==typeof d&&d.current&&e&&(d.current[l]=e)}},l),f?e.jsx("span",{ref:j}):null]},l)}))})}));exports.MenuList=s;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default(o.BodyCaption)`
+	padding: 8px ${e=>"2.0"===e.version?12:16}px;
+	color: ${e=>"2.0"===e.version?r.COLORS.content.placeholder:r.COLORS.content.secondary};
+	background-color: ${e=>"2.0"===e.version?r.COLORS.surface.standard:r.COLORS.background.base};
+	font-size: ${e=>"2.0"===e.version?10:12}px;
+`;exports.StyledGroupedLabel=n;