@bikdotai/bik-component-library 0.0.734-beta.1 → 0.0.734-beta.3

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

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

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

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

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

@@ -1,16 +1,16 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"styled-components";import{TitleMedium as o,BodyPrimary as t}from"../../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import n from"../../../assets/icons/cursor.svg.js";const i=()=>e.jsxs(c,{children:[e.jsx(d,{children:e.jsx(n,{width:32,color:r.colorsV2.content.primaryInverse})}),e.jsx(o,{children:"No discount has been selected"}),e.jsx(t,{children:"Please select a discount type"})]}),c=s.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{TitleMedium as o,BodyPrimary as n}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import i from"../../../assets/icons/cursor.svg.js";const c=()=>e(d,{children:[t(l,{children:t(i,{width:32,color:s.colorsV2.content.primaryInverse})}),t(o,{children:"No discount has been selected"}),t(n,{children:"Please select a discount type"})]}),d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 40px 0;
 	justify-content: center;
 	align-items: center;
-`,d=s.div`
+`,l=r.div`
 	height: 52px;
 	width: 52px;
-	background-color: ${r.colorsV2.background.inverse};
+	background-color: ${s.colorsV2.background.inverse};
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-`;export{i as default};
+`;export{c as default};

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

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import i from"../../../assets/icons/info.svg.js";import{Alert as t}from"../../alerts/Alert.js";import{ALERT_TYPES as o,CONTENT_POSITION as s}from"../../alerts/AlertHelper.js";import{Input as n}from"../../input/Input.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as a}from"../DiscountModal.styled.js";import l from"../DynamicCoupon/DynamicCoupon.js";const d=d=>{var c,u,p,D,m,b,C,v,x,P,T,h,E,g,y,j;return d.getDetailedDescription?e.jsxs(a,Object.assign({style:{marginTop:0}},{children:[e.jsx(n,{maxCharLimit:30,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(c=d.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"Required Field":"",state:(null===(u=d.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify",width:"300px"}),e.jsx(l,{currency:d.currency,entitledProducts:null!==(p=d.entitledProducts)&&void 0!==p?p:[],prerequisiteProducts:null!==(D=d.prerequisiteProducts)&&void 0!==D?D:[],setEntitledProducts:d.setEntitledProducts,setPrerequisiteProducts:d.setPrerequisiteProducts,discountData:d.discountData,productPickerOpen:d.productPickerOpen,productVariablePickerOpen:d.productVariablePickerOpen,setIsProductPickerOpen:d.setIsProductPickerOpen,setIsProductVariablePickerOpen:d.setIsProductVariablePickerOpen,setDiscountData:d.setDiscountData,selectedCouponType:d.selectedCouponType,setSelectedCouponType:d.setSelectedCouponType,selectedMinimumRequirement:d.selectedMinimumRequirement,setSelectedMinimumRequirement:d.setSelectedMinimumRequirement,discountCouponAppliesTo:d.discountCouponAppliesTo,offerAppliesToBuy:d.offerAppliesToBuy,offerAppliesToGet:d.offerAppliesToGet,setDiscountCouponAppliesTo:d.setDiscountCouponAppliesTo,setOfferAppliesToBuy:d.setOfferAppliesToBuy,setOfferAppliesToGet:d.setOfferAppliesToGet,hideProbability:!0,hideExpiration:d.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:d.onChangeCouponType,collectionPickerOpen:d.collectionPickerOpen,entitledCollections:null!==(m=d.entitledCollections)&&void 0!==m?m:[],prerequisiteCollections:null!==(b=d.prerequisiteCollections)&&void 0!==b?b:[],setIsCollectionPickerOpen:d.setIsCollectionPickerOpen,setEntitledCollections:d.setEntitledCollections,setPrerequisiteCollections:d.setPrerequisiteCollections,useNewPicker:d.useNewPicker,setSelectedDiscountDetails:d.setSelectedDiscountDetails,selectedDiscountDetails:d.selectedDiscountDetails,isProductVariableSupported:d.isProductVariableSupported,entitledProductVariable:d.entitledProductVariable,setEntitledProductVariable:d.setEntitledProductVariable,preRequisiteProductVariable:d.preRequisiteProductVariable,setPreRequisiteProductVariable:d.setPreRequisiteProductVariable,productVariableList:d.productVariableList,isAddExpirationChecked:d.isAddExpirationChecked,setIsAddExpirationChecked:d.setIsAddExpirationChecked,dynamicDiscountValidationError:d.dynamicDiscountValidationError,setDynamicDiscountValidationError:d.setDynamicDiscountValidationError,setValidationErrorMessage:d.setValidationErrorMessage,resetValidationErrors:d.resetValidationErrors,discountDetailsOptions:d.discountDetailsOptions,selectedExpiration:d.selectedExpiration,setSelectedExpiration:d.setSelectedExpiration,makeExpiryMandatory:null!==(C=d.makeExpiryMandatory)&&void 0!==C&&C,isUsageFromStatic:!0})]})):e.jsxs(a,{children:[e.jsxs("div",Object.assign({className:"static-coupon__data"},{children:[e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(n,{maxCharLimit:30,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(v=d.staticDiscountValidationError)||void 0===v?void 0:v.invalidDiscountCode)?"Required Field":"",state:(null===(x=d.staticDiscountValidationError)||void 0===x?void 0:x.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(n,{maxCharLimit:30,labelText:"Discount Coupon Title",value:d.discountData.title,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{title:null==e?void 0:e.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(P=d.currency)&&void 0!==P?P:""}15 Off”`,errorMessage:(null===(T=d.staticDiscountValidationError)||void 0===T?void 0:T.invalidCouponTitle)?"Required Field":"",state:(null===(h=d.staticDiscountValidationError)||void 0===h?void 0:h.invalidCouponTitle)?"invalid":"none"})}))]})),e.jsx(n,{maxCharLimit:60,labelText:"Coupon Description",value:d.discountData.description,onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{description:null==e?void 0:e.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(E=d.staticDiscountValidationError)||void 0===E?void 0:E.invalidCouponDescription)?"Required Field":"",state:(null===(g=d.staticDiscountValidationError)||void 0===g?void 0:g.invalidCouponDescription)?"invalid":"none"}),!d.hideProbability&&e.jsx(n,{labelText:"Probability of getting coupon",value:null!==d.discountData.probability&&void 0!==d.discountData.probability?d.discountData.probability.toString():"",type:"number",onChangeText:e=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(y=d.staticDiscountValidationError)||void 0===y?void 0:y.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(j=d.staticDiscountValidationError)||void 0===j?void 0:j.inValidProbability)?"invalid":"none"}),d.discountAdminUrl&&e.jsx(t,{type:o.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:s.START,redirectToText:"click here",redirectTo:d.discountAdminUrl,icon:()=>e.jsx(i,{width:16,height:16,color:r.colorsV2.content.secondary})})]})};export{d as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as n,CONTENT_POSITION as s}from"../../alerts/AlertHelper.js";import{Input as r}from"../../input/Input.js";import{DEFAULT_THEME as a}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";import d from"../DynamicCoupon/DynamicCoupon.js";const c=c=>{var u,p,D,m,b,C,v,P,T,h,E,g,y,x,V,f;return c.getDetailedDescription?e(l,Object.assign({style:{marginTop:0}},{children:[i(r,{maxCharLimit:30,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:c.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(u=c.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"Required Field":"",state:(null===(p=c.staticDiscountValidationError)||void 0===p?void 0:p.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify",width:"300px"}),i(d,{currency:c.currency,entitledProducts:null!==(D=c.entitledProducts)&&void 0!==D?D:[],prerequisiteProducts:null!==(m=c.prerequisiteProducts)&&void 0!==m?m:[],setEntitledProducts:c.setEntitledProducts,setPrerequisiteProducts:c.setPrerequisiteProducts,discountData:c.discountData,productPickerOpen:c.productPickerOpen,productVariablePickerOpen:c.productVariablePickerOpen,setIsProductPickerOpen:c.setIsProductPickerOpen,setIsProductVariablePickerOpen:c.setIsProductVariablePickerOpen,setDiscountData:c.setDiscountData,selectedCouponType:c.selectedCouponType,setSelectedCouponType:c.setSelectedCouponType,selectedMinimumRequirement:c.selectedMinimumRequirement,setSelectedMinimumRequirement:c.setSelectedMinimumRequirement,discountCouponAppliesTo:c.discountCouponAppliesTo,offerAppliesToBuy:c.offerAppliesToBuy,offerAppliesToGet:c.offerAppliesToGet,setDiscountCouponAppliesTo:c.setDiscountCouponAppliesTo,setOfferAppliesToBuy:c.setOfferAppliesToBuy,setOfferAppliesToGet:c.setOfferAppliesToGet,hideProbability:!0,hideExpiration:c.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:c.onChangeCouponType,collectionPickerOpen:c.collectionPickerOpen,entitledCollections:null!==(b=c.entitledCollections)&&void 0!==b?b:[],prerequisiteCollections:null!==(C=c.prerequisiteCollections)&&void 0!==C?C:[],setIsCollectionPickerOpen:c.setIsCollectionPickerOpen,setEntitledCollections:c.setEntitledCollections,setPrerequisiteCollections:c.setPrerequisiteCollections,useNewPicker:c.useNewPicker,setSelectedDiscountDetails:c.setSelectedDiscountDetails,selectedDiscountDetails:c.selectedDiscountDetails,isProductVariableSupported:c.isProductVariableSupported,entitledProductVariable:c.entitledProductVariable,setEntitledProductVariable:c.setEntitledProductVariable,preRequisiteProductVariable:c.preRequisiteProductVariable,setPreRequisiteProductVariable:c.setPreRequisiteProductVariable,productVariableList:c.productVariableList,isAddExpirationChecked:c.isAddExpirationChecked,setIsAddExpirationChecked:c.setIsAddExpirationChecked,dynamicDiscountValidationError:c.dynamicDiscountValidationError,setDynamicDiscountValidationError:c.setDynamicDiscountValidationError,setValidationErrorMessage:c.setValidationErrorMessage,resetValidationErrors:c.resetValidationErrors,discountDetailsOptions:c.discountDetailsOptions,selectedExpiration:c.selectedExpiration,setSelectedExpiration:c.setSelectedExpiration,makeExpiryMandatory:null!==(v=c.makeExpiryMandatory)&&void 0!==v&&v,isUsageFromStatic:!0})]})):e(l,{children:[e("div",Object.assign({className:"static-coupon__data"},{children:[i("div",Object.assign({className:"static-input__wrapper"},{children:i(r,{maxCharLimit:30,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:c.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(P=c.staticDiscountValidationError)||void 0===P?void 0:P.invalidDiscountCode)?"Required Field":"",state:(null===(T=c.staticDiscountValidationError)||void 0===T?void 0:T.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),i("div",Object.assign({className:"static-input__wrapper"},{children:i(r,{maxCharLimit:30,labelText:"Discount Coupon Title",value:c.discountData.title,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{title:null==e?void 0:e.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(h=c.currency)&&void 0!==h?h:""}15 Off”`,errorMessage:(null===(E=c.staticDiscountValidationError)||void 0===E?void 0:E.invalidCouponTitle)?"Required Field":"",state:(null===(g=c.staticDiscountValidationError)||void 0===g?void 0:g.invalidCouponTitle)?"invalid":"none"})}))]})),i(r,{maxCharLimit:60,labelText:"Coupon Description",value:c.discountData.description,onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{description:null==e?void 0:e.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(y=c.staticDiscountValidationError)||void 0===y?void 0:y.invalidCouponDescription)?"Required Field":"",state:(null===(x=c.staticDiscountValidationError)||void 0===x?void 0:x.invalidCouponDescription)?"invalid":"none"}),!c.hideProbability&&i(r,{labelText:"Probability of getting coupon",value:null!==c.discountData.probability&&void 0!==c.discountData.probability?c.discountData.probability.toString():"",type:"number",onChangeText:e=>{c.setDiscountData(Object.assign(Object.assign({},c.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(V=c.staticDiscountValidationError)||void 0===V?void 0:V.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(f=c.staticDiscountValidationError)||void 0===f?void 0:f.inValidProbability)?"invalid":"none"}),c.discountAdminUrl&&i(o,{type:n.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:s.START,redirectToText:"click here",redirectTo:c.discountAdminUrl,icon:()=>i(t,{width:16,height:16,color:a.colorsV2.content.secondary})})]})};export{c as default};

package/dist/esm/components/dot-pulse/DotPulse.js

@@ -1,7 +1,7 @@
-import{j as i}from"../../node_modules/react/jsx-runtime.js";import e from"styled-components";const o=e=>{let{color:o="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:n=4}=e;return i.jsxs(s,{children:[i.jsx(a,{$color:o,$size:n}),i.jsx(a,{$color:o,$size:n}),i.jsx(a,{$color:o,$size:n})]})},s=e.span`
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import o from"styled-components";const a=o=>{let{color:a="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:t=4}=o;return i(n,{children:[e(r,{$color:a,$size:t}),e(r,{$color:a,$size:t}),e(r,{$color:a,$size:t})]})},n=o.span`
 	display: inline-flex;
 	align-items: center;
-`,a=e.span`
+`,r=o.span`
 	display: block;
 	width: ${i=>i.$size}px;
 	height: ${i=>i.$size}px;
@@ -32,4 +32,4 @@ import{j as i}from"../../node_modules/react/jsx-runtime.js";import e from"styled
 			transform: scale(1.4);
 		}
 	}
-`;export{o as DotPulse};
+`;export{a as DotPulse};

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

@@ -1 +1 @@
-import{j as p}from"../../node_modules/react/jsx-runtime.js";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:n="z1",position:o="down",children:s,style:r}=e;const t=x[n][o];return p.jsx("div",Object.assign({style:Object.assign({boxShadow:t},null!=r?r:{})},{children:s}))};export{e as DropShadow};
+import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:n="z1",position:r="down",children:t,style:o}=e;const s=x[n][r];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:t}))};export{e as DropShadow};

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-import{j as o}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/horizontal_dots.svg.js";import e from"../../../assets/icons/vertical_dots.svg.js";import i from"styled-components";import{IconButton as r}from"../../icon-button/IconButton.js";import{COLORS as t}from"../../../constants/Theme.js";import{DropdownPopover as n}from"../DropdownPopover/index.js";const a=i.div`
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import i from"../../../assets/icons/horizontal_dots.svg.js";import r from"../../../assets/icons/vertical_dots.svg.js";import s from"styled-components";import{IconButton as t}from"../../icon-button/IconButton.js";import{COLORS as n}from"../../../constants/Theme.js";import{DropdownPopover as a}from"../DropdownPopover/index.js";const d=s.div`
 	:hover {
-		background: ${t.surface.subdued};
+		background: ${n.surface.subdued};
 	}
 	position: ${o=>o.isNewTag?"relative":""};
 	.new--tag {
@@ -11,10 +11,10 @@ import{j as o}from"../../../node_modules/react/jsx-runtime.js";import s from"../
 		border-radius: 50%;
 		width: 14px;
 		height: 14px;
-		background: ${t.background.negative.vibrant};
-		border: 1.25px solid ${t.surface.standard};
+		background: ${n.background.negative.vibrant};
+		border: 1.25px solid ${n.surface.standard};
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}
-`,d=i=>o.jsx(a,Object.assign({isNewTag:i.isNewTag},{children:o.jsxs(n,Object.assign({},i,{children:[o.jsx("div",{children:o.jsx(r,{Icon:i.isHorizontal?s:e,bordered:!(null==i?void 0:i.hideBorder)})}),i.isNewTag?o.jsx("div",{className:"new--tag"}):null]}))}));d.displayName="MenuItemDropdown";export{d as MenuItemDropdown};
+`,c=s=>o(d,Object.assign({isNewTag:s.isNewTag},{children:e(a,Object.assign({},s,{children:[o("div",{children:o(t,{Icon:s.isHorizontal?i:r,bordered:!(null==s?void 0:s.hideBorder)})}),s.isNewTag?o("div",{className:"new--tag"}):null]}))}));c.displayName="MenuItemDropdown";export{c as MenuItemDropdown};

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as t}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";import{FreeFormContainer as i}from"./FreeFormMenu.styled.js";const m=m=>{let{searchedString:c,onSelect:l,isMultiSelect:a,version:j}=m;const[p,f]=t(!1);function d(){f(!p),l(!p)}return e.jsx(r,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:c,value:c},leadingIcon:a?e.jsx(o,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:p,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(i,{children:e.jsx(s,Object.assign({style:{color:n.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const m=m=>{let{searchedString:l,onSelect:a,isMultiSelect:p,version:f}=m;const[h,u]=o(!1);function d(){u(!h),a(!h)}return e(i,{version:f,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:p?e(r,{size:"2.0"===f?"SMALL":"DEFAULT",isChecked:h,onValueChange:d}):e(t,{}),trailingIcon:e(c,{children:e(n,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{forwardRef as n,useRef as t,useCallback as s,useEffect as r}from"react";import{MenuItem as o}from"./MenuItem.js";import{StyledGroupedLabel as i}from"./MenuList.styled.js";const c=n(((n,c)=>{let{options:l,isMultiSelect:u,showDescription:a,onSelect:d,version:p,onInfiniteScroll:f,onDropdownItemClick:j,useDefaultCursor:m,focusedIndex:g=-1}=n;const x=t(null),h=t(null),b=s((()=>{x.current&&x.current.disconnect(),x.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==f||f())})),h.current&&x.current.observe(h.current)}),[f]);r((()=>(b(),()=>{x.current&&x.current.disconnect()})),[b,l]);const I=new Map;let D=-1;return l.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(D++,I.set(e,D))}));else{const n=e;n.disabled||(D++,I.set(n,D))}})),e.jsx(e.Fragment,{children:l.map(((n,t)=>{const s=t===l.length-1;if(n.options){const r=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===p?2:0}},{children:[e.jsxs(i,Object.assign({version:p},{children:[r.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:r.leadingIcon})):null,r.label]})),r.options.map(((n,s)=>{const i=I.get(n),l=i===g&&!n.disabled;return e.jsx(o,{version:p,last:s===r.options.length-1,onSelect:d,showDescription:a,onDropdownItemClick:j,isMultiSelect:u,option:n,useDefaultCursor:m,isFocused:l,dataIndex:i,ref:e=>{c&&"object"==typeof c&&c.current&&e&&e&&e&&e&&(c.current[t]=e)}},`${t}-${s}`)})),s?e.jsx("span",{ref:h}):null]}),t)}const r=n,f=I.get(r),x=f===g&&!r.disabled;return e.jsxs("div",{children:[e.jsx(o,{version:p,last:s,onSelect:d,showDescription:a,onDropdownItemClick:j,isMultiSelect:u,option:r,useDefaultCursor:m,isFocused:x,dataIndex:f,ref:e=>{c&&"object"==typeof c&&c.current&&e&&(c.current[t]=e)}},t),s?e.jsx("span",{ref:h}):null]},t)}))})}));export{c as MenuList};
+import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useCallback as s,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as l}from"./MenuList.styled.js";const u=r(((r,u)=>{let{options:a,isMultiSelect:d,showDescription:p,onSelect:f,version:m,onInfiniteScroll:g,onDropdownItemClick:h,useDefaultCursor:b,focusedIndex:I=-1}=r;const D=o(null),j=o(null),v=s((()=>{D.current&&D.current.disconnect(),D.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==g||g())})),j.current&&D.current.observe(j.current)}),[g]);i((()=>(v(),()=>{D.current&&D.current.disconnect()})),[v,a]);const w=new Map;let S=-1;return a.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(S++,w.set(e,S))}));else{const n=e;n.disabled||(S++,w.set(n,S))}})),e(n,{children:a.map(((n,r)=>{const o=r===a.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===m?2:0}},{children:[t(l,Object.assign({version:m},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=w.get(n),i=o===I&&!n.disabled;return e(c,{version:m,last:t===s.options.length-1,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:n,useDefaultCursor:b,isFocused:i,dataIndex:o,ref:e=>{u&&"object"==typeof u&&u.current&&e&&e&&e&&e&&(u.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:j}):null]}),r)}const s=n,i=w.get(s),g=i===I&&!s.disabled;return t("div",{children:[e(c,{version:m,last:o,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:s,useDefaultCursor:b,isFocused:g,dataIndex:i,ref:e=>{u&&"object"==typeof u&&u.current&&e&&(u.current[r]=e)}},r),o?e("span",{ref:j}):null]},r)}))})}));export{u as MenuList};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const s=s=>{let{options:c,onSelect:n,version:r}=s;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&n("notSelected"),"selectAll"===a&&n("notSelected"),"notSelected"===a&&n("selectAll")}return l((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?d("selectAll"):e.filter(Boolean).length>0?d("partiallySelected"):d("notSelected")}),[c]),e.jsx(i,{version:r,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(o,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:p})})),variant:"default"})};export{s as SelectAllMenu};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=c=>{let{options:n,onSelect:r,version:s}=c;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return l((()=>{const e=[];n.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?d("selectAll"):e.filter(Boolean).length>0?d("partiallySelected"):d("notSelected")}),[n]),e(i,{version:s,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18,height:18}},{children:e(o,{size:"2.0"===s?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:p})})),variant:"default"})};export{c as SelectAllMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +1 @@
-import{j as t}from"../../../../../node_modules/react/jsx-runtime.js";import{Button as e}from"../../../../button/Button.js";import{BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const r=r=>{const{onClear:l,onApply:i,list:p,buttonText:a,buttonOptions:c}=r,{primaryButtonText:u,primaryButtonType:y,secondaryButtonText:m,secondaryButtonType:d}=null!=c?c:{},j=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t.jsxs(n,Object.assign({style:{justifyContent:"space-between"}},{children:[t.jsx(o,Object.assign({style:{flex:1,color:s.content.primary}},{children:j?`${j} selected`:""})),t.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[t.jsx(e,{size:"small",buttonType:d||"primary",buttonText:m||"Clear",onClick:l}),t.jsx(e,{size:"small",buttonText:u||a||"Apply",buttonType:y||"primary",onClick:()=>{i()}})]}))]}))};export{r as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as n}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{BottomBarContainer as s}from"./MultiSelectDropdownBottomBar.styled.js";const l=l=>{const{onClear:i,onApply:p,list:a,buttonText:c,buttonOptions:y}=l,{primaryButtonText:u,primaryButtonType:m,secondaryButtonText:d,secondaryButtonType:f}=null!=y?y:{},b=a.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(s,Object.assign({style:{justifyContent:"space-between"}},{children:[e(n,Object.assign({style:{flex:1,color:r.content.primary}},{children:b?`${b} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:f||"primary",buttonText:d||"Clear",onClick:i}),e(o,{size:"small",buttonText:u||c||"Apply",buttonType:m||"primary",onClick:()=>{p()}})]}))]}))};export{l as default};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1 +1 @@
-import{j as o}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as r}from"react";import{IconButton as t}from"../../../../icon-button/IconButton.js";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import i from"../../../../../assets/icons/cross.svg.js";import c from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:a,version:m}=p;const[l,d]=r(""),[h,j]=r(!1);return o.jsx(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===m?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===m?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o.jsx(e,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===m?"small":"default",leftIcon:{icon:()=>o.jsx(c,{width:"2.0"===m?18:24,height:"2.0"===m?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>l?o.jsx(t,{onClick:()=>{j(!0),a(""),d("")},Icon:i,width:"2.0"===m?18:24,height:"2.0"===m?18:24,iconColor:s.content.placeholder}):o.jsx(o.Fragment,{})},reset:h,onChangeText:o=>{j(!1),d(o),a(o)}})}))};export{p as SearchBox};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:m,version:l}=a;const[h,d]=t(""),[u,f]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{f(!0),m(""),d("")},Icon:c,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:u,onChangeText:o=>{f(!1),d(o),m(o)}})}))};export{a as SearchBox};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{ZeroState as t}from"../../../../zeroState/ZeroState.js";const i=i=>{let{searchedString:r,height:s,isLoading:n,containerWidth:o}=i;return e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:o})}))};export{i as SearchZeroState};
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const i=i=>{let{searchedString:r,height:n,isLoading:o,containerWidth:s}=i;return t("div",Object.assign({style:{height:n,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:o,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:s})}))};export{i as SearchZeroState};

package/dist/esm/components/dropdown-button/DropdownButton.js

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import{DropdownPopover as n}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as r}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as e}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as p,LoaderContainer as i}from"./DropdownButton.style.js";const d=d=>{var m,u;const j=d.buttonProps,l=o(j,["onClick"]);return t.jsxs(p,Object.assign({type:d.buttonProps.buttonType,disabled:d.buttonProps.disabled},{children:[(null===(m=d.buttonProps)||void 0===m?void 0:m.isLoading)&&t.jsx(i,{children:t.jsx(s,{className:"spinner",size:"small",color:e(d.buttonProps.buttonType||"primary",d.buttonProps.inverse)})}),t.jsx(r,Object.assign({},d.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),t.jsx("div",{className:"dd-button-divider"}),t.jsx(n,Object.assign({},d.dropdownProps,{isChildLoading:null===(u=d.buttonProps)||void 0===u?void 0:u.isLoading},{children:t.jsx(r,Object.assign({},l,{isLoading:!1,buttonText:"",TrailingIcon:d.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{d as DropdownButton};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as r}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as e}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as p}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as i,LoaderContainer as d}from"./DropdownButton.style.js";const m=m=>{var u,l;const a=m.buttonProps,c=o(a,["onClick"]);return t(i,Object.assign({type:m.buttonProps.buttonType,disabled:m.buttonProps.disabled},{children:[(null===(u=m.buttonProps)||void 0===u?void 0:u.isLoading)&&n(d,{children:n(s,{className:"spinner",size:"small",color:p(m.buttonProps.buttonType||"primary",m.buttonProps.inverse)})}),n(e,Object.assign({},m.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),n("div",{className:"dd-button-divider"}),n(r,Object.assign({},m.dropdownProps,{isChildLoading:null===(l=m.buttonProps)||void 0===l?void 0:l.isLoading},{children:n(e,Object.assign({},c,{isLoading:!1,buttonText:"",TrailingIcon:m.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{m as DropdownButton};