@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.3

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

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

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

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

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=i(require("styled-components"));const a=t.default.span`
 	display: inline-flex;
 	align-items: center;
-`,s=t.default.span`
+`,r=t.default.span`
 	display: block;
 	width: ${e=>e.$size}px;
 	height: ${e=>e.$size}px;
@@ -32,4 +32,4 @@
 			transform: scale(1.4);
 		}
 	}
-`;exports.DotPulse=({color:i="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:t=4})=>e.jsxs(a,{children:[e.jsx(s,{$color:i,$size:t}),e.jsx(s,{$color:i,$size:t}),e.jsx(s,{$color:i,$size:t})]});
+`;exports.DotPulse=i=>{let{color:t="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:s=4}=i;return e.jsxs(a,{children:[e.jsx(r,{$color:t,$size:s}),e.jsx(r,{$color:t,$size:s}),e.jsx(r,{$color:t,$size:s})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}};exports.DropShadow=({level:r="z1",position:x="down",children:o,style:t})=>{const s=p[r][x];return e.jsx("div",{style:Object.assign({boxShadow:s},null!=t?t:{}),children:o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}};exports.DropShadow=r=>{let{level:x="z1",position:t="down",children:o,style:s}=r;const n=p[x][t];return e.jsx("div",{style:Object.assign({boxShadow:n},null!=s?s:{}),children:o})};

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),s=require("styled-components"),t=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(s).default.div`
-	&:hover {
+	:hover {
 		background: ${i.COLORS.surface.subdued};
 	}
 	position: ${e=>e.isNewTag?"relative":""};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=({options:s,onSelect:c,version:r})=>{const[o,a]=t.useState("notSelected");function n(){"partiallySelected"===o&&c("notSelected"),"selectAll"===o&&c("notSelected"),"notSelected"===o&&c("selectAll")}return t.useEffect(()=>{const e=[];s.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)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")},[s]),e.jsx(i.ListItem,{version:r,onClick:e=>{e.preventDefault(),n()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",{style:{width:18,height:18},children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:n})}),variant:"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=s=>{let{options:c,onSelect:r,version:o}=s;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{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)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[c]),e.jsx(i.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",{style:{width:18,height:18},children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})}),variant:"default"})};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=({searchedString:r,height:i,isLoading:s,containerWidth:o})=>e.jsx("div",{style:{height:i,display:"flex",alignItems:"center"},children:e.jsx(t.ZeroState,{isLoading:s,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:o})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:i,height:s,isLoading:n,containerWidth:o}=r;return e.jsx("div",{style:{height:s,display:"flex",alignItems:"center"},children:e.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=i?i:""}"`,containerWidth:o})})};

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map(t=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label}).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map(t=>{if(t.options){const s=t.options.map(t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)})},exports.iterateOnOptionsRaw=function(t,e){t.forEach(t=>{t.options?t.options.forEach(e):e(t)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map((t=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label})).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map((t=>{if(t.options){const s=t.options.map((t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,e){t.forEach((t=>{t.options?t.options.forEach(e):e(t)}))};

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=(s="1.0",n,l,c,i,o,a,r=[],u)=>{const[d,p]=e.useState(null!=n?n:[]),[f,O]=e.useState([]),[v,b]=e.useState(""),g=e.useRef(d);e.useEffect(()=>{if(g.current=d,f.length&&v&&o){let e=[...f];const t=d.map(e=>{if(e.options)return e.options.map(e=>({value:e.value,selected:e.selected}));const t=e;return{value:t.value,selected:t.selected}}).flat();e=e.map(e=>{const s=t.find(t=>e.value===t.value);return s?Object.assign(Object.assign({},e),{selected:s.selected}):e}),a&&(e=e.map(e=>Object.assign(Object.assign({},e),{disabled:!r.includes(e.value)}))),O(i&&!c?[...e.sort(e=>e.selected?-1:1)]:[...e])}},[d]),e.useEffect(()=>{if(n){const e=[...n];p(i&&!c?[...e.sort(e=>e.selected?-1:1)]:[...e])}},[n]);const j=e=>{const t=[];return e.forEach(e=>{if(e.options){const s=e.options.filter(e=>!0===e.selected);t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))}),t},h=e=>{let t=0;return e.forEach(e=>{e.options?t+=e.options.filter(e=>!0===e.selected).length:e.selected&&t++}),t},m=e=>!(!i||!u&&0!==u)&&h(e)>=u;function S(e,n){if(i){if(e.selected&&u&&m(d))return;if(f.length&&v&&o)if(e.selected){if(u&&m(d))return;let l=!1;const c=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value&&(l=!0,!0));if(l||c.push(e),n)return[...c];p([...c]),"2.0"===s&&w(c)}else{let l=!1,c=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value&&(l=!0,!0));if(l&&(c=c.filter(t=>t.value!==e.value)),n)return[...c];p([...c]),"2.0"===s&&w(c)}else{const l=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value);if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=j(null!=e?e:g.current);null==l||l([...t])}return{latestDropdownOptionsRef:g,dropdownOptions:d,search:function(e){if(b(e),O([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)}),o(e).then(e=>{if(e){const t=e.map(e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map(e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)}))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})});O([...t])}})}},searchedString:v,searchedOptions:f,onApplyHandler:S,selectAllHandler:function(e){if(f.length&&v&&o)!function(e){let t=[...d];e?f.forEach(e=>{let s=!1;t=t.map(t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t}),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))}):f.forEach(e=>{t=t.map(t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t})}),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},e=>{var t;return v?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(v.toLowerCase()))&&!e.disabled:!e.disabled});p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},e=>!e.disabled);p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!i)return void S({label:v,value:v,isFreeForm:!0,selected:!0});const t=d.map(t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===v&&t.value===v?e:t.selected}));e&&(t.some(e=>e.label===v&&e.value===v)||t.unshift({label:v,value:v,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:j,getCurrentSelectionCount:h,isMaxSelectionsReached:m,maxSelections:u}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",n=arguments.length>1?arguments[1]:void 0,l=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],r=arguments.length>8?arguments[8]:void 0;const[d,p]=e.useState(null!=n?n:[]),[v,f]=e.useState([]),[O,g]=e.useState(""),b=e.useRef(d);e.useEffect((()=>{if(b.current=d,v.length&&O&&o){let e=[...v];const t=d.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),f(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(n){const e=[...n];p(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},j=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},m=e=>!(!c||!r&&0!==r)&&j(e)>=r;function S(e,n){if(c){if(e.selected&&r&&m(d))return;if(v.length&&O&&o)if(e.selected){if(r&&m(d))return;let l=!1;const i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{let l=!1,i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{const l=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=h(null!=e?e:b.current);null==l||l([...t])}return{latestDropdownOptionsRef:b,dropdownOptions:d,search:function(e){if(g(e),f([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));f([...t])}}))}},searchedString:O,searchedOptions:v,onApplyHandler:S,selectAllHandler:function(e){if(v.length&&O&&o)!function(e){let t=[...d];e?v.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):v.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!c)return void S({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:h,getCurrentSelectionCount:j,isMaxSelectionsReached:m,maxSelections:r}};

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=i=>{var l;const[s,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:u}=i;return o.useEffect(()=>{void 0!==i.selectedTabId&&null!==i.selectedTabId&&n(i.selectedTabId)},[i.selectedTabId]),e.jsx("div",{style:null!==(l=i.wrapperStyle)&&void 0!==l?l:{},children:e.jsx("div",{style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==u?void 0:u.size)?"unset":r.DEFAULT_THEME.colorsV2.surface.standard},children:a.map((o,l)=>{var p,c,T,y,b,E,v,L,x;const f="CAPSULE"===u.type?null!==(c=null===(p=u.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==c?c:20:0===l&&"SQUARE"===u.type?(null===(T=u.style)||void 0===T?void 0:T.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,R="CAPSULE"===u.type?null!==(b=null===(y=u.style)||void 0===y?void 0:y.borderTopLeftRadius)&&void 0!==b?b:20:l===a.length-1&&"SQUARE"===u.type?(null===(E=u.style)||void 0===E?void 0:E.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,g=o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(t.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",{onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=i.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${g}`,borderBottom:`1px solid ${g}`,borderLeft:`1px solid ${g}`,borderRight:`${l===a.length-1&&"SQUARE"===u.type||"CAPSULE"===u.type||o.id===s?1:0}px solid ${g}`,backgroundColor:o.id===s?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:f,borderBottomLeftRadius:f,borderTopRightRadius:R,borderBottomRightRadius:R,padding:"SMALL"===(null==u?void 0:u.size)?"2px 14px":"8px 24px",marginRight:null===(x=u.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"},children:e.jsx(d.BodySecondary,{style:{color:o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary},children:o.text})})}),o.id)})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=i=>{var l;const[s,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:u}=i;return o.useEffect((()=>{void 0!==i.selectedTabId&&null!==i.selectedTabId&&n(i.selectedTabId)}),[i.selectedTabId]),e.jsx("div",{style:null!==(l=i.wrapperStyle)&&void 0!==l?l:{},children:e.jsx("div",{style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==u?void 0:u.size)?"unset":r.DEFAULT_THEME.colorsV2.surface.standard},children:a.map(((o,l)=>{var p,c,T,y,b,E,v,L,x;const f="CAPSULE"===u.type?null!==(c=null===(p=u.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==c?c:20:0===l&&"SQUARE"===u.type?(null===(T=u.style)||void 0===T?void 0:T.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,R="CAPSULE"===u.type?null!==(b=null===(y=u.style)||void 0===y?void 0:y.borderTopLeftRadius)&&void 0!==b?b:20:l===a.length-1&&"SQUARE"===u.type?(null===(E=u.style)||void 0===E?void 0:E.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,g=o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(t.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",{onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=i.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${g}`,borderBottom:`1px solid ${g}`,borderLeft:`1px solid ${g}`,borderRight:`${l===a.length-1&&"SQUARE"===u.type||"CAPSULE"===u.type||o.id===s?1:0}px solid ${g}`,backgroundColor:o.id===s?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:f,borderBottomLeftRadius:f,borderTopRightRadius:R,borderBottomRightRadius:R,padding:"SMALL"===(null==u?void 0:u.size)?"2px 14px":"8px 24px",marginRight:null===(x=u.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"},children:e.jsx(d.BodySecondary,{style:{color:o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary},children:o.text})})}),o.id)}))})})};

package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=({children:d,fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m})=>{var y;const{majorUpdateFeatures:S,minorUpdateFeatures:x,isLoading:C,markFeatureAsViewed:k}=r.useFeatureAnnouncements({fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m}),[T,v]=o.useState(null),[w,B]=o.useState(null),[j,I]=o.useState(!1),[E,F]=o.useState([]),[N,q]=o.useState(!1),[P,O]=o.useState([]),[W,_]=o.useState(!1),[M,V]=o.useState(!1),[A,L]=o.useState([]),[R,U]=o.useState(!1),[$,z]=o.useState(!1),[H,Z]=o.useState(!1),[D,G]=o.useState(""),[J,K]=o.useState(!1),[Q,X]=o.useState(!1),[Y,ee]=o.useState(!1),[te,oe]=o.useState(0),[ne,ae]=o.useState(0),[re,se]=o.useState(new Set);o.useEffect(()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}},[]),o.useEffect(()=>{oe(e=>e+1),ae(e=>e+1),X(!1),ee(!1),se(new Set)},[null==m?void 0:m.pathname]),o.useEffect(()=>{if(!(S.length>0)||T||C||W||J)0!==S.length||C||z(!0);else{z(!1),U(!1),I(!1),F([]),B(null),L([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?ie(S[0]):e<t?setTimeout(o,1e3):z(!0)};o()}},[S,T,C,W,J]),o.useEffect(()=>{var e;const t=null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId;if(!t||C||0===x.length)return;const o=x.find(e=>e.id===t);if(!o||!o.featureTag)return;U(!0),V(!0);let n=0;const a=setInterval(()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];L(e),ge(o,e),clearInterval(a)}else n>=25&&(V(!1),clearInterval(a))},200);return()=>{clearInterval(a)}},[x,null===(y=null==m?void 0:m.query)||void 0===y?void 0:y.featureId,C]),o.useEffect(()=>{var e;if(x.length>0&&!C&&!j&&!M&&!w&&!R&&$&&!J){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||M||w||R||!$)return;const a=x.filter(e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(re.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)});a.length>0&&(L(a),ge(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver(e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}j||n||M||w||R||!$||!t||(o&&clearTimeout(o),o=setTimeout(()=>{n||M||w||R||!$||a()},200))}),t=()=>{j||n||M||w||R||!$||(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{n||M||w||R||!$||a()},300)}))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout(()=>{n||M||w||R||!$||a()},100),setTimeout(()=>{n||M||w||R||!$||a()},1e3),setTimeout(()=>{n||M||w||R||!$||a()},500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===x.length||C){(null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId)&&w||(I(!1),F([]),B(null),L([]),U(!1))}},[x,C,j,M,w,R,$,k,J]);const ie=e=>{v(e);const o=S.findIndex(t=>t.id===e.id),n=S.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r),q(!0)},le=o.useCallback(e=>{(e||T)&&(_(!0),S.forEach(e=>{k(e.id)}),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500))},[T,S,k]),de=o.useCallback(e=>{_(!0),k(e.id),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),q(!1),v(null),O([]);S.findIndex(t=>t.id===e.id)===S.length-1&&z(!0),setTimeout(()=>{_(!1)},500)},[S,k]),ue=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n>0){const e=S[n-1];v(e);const o=n-1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r)}},[T,S]),ce=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n<S.length-1){const e=S[n+1];v(e);const o=n+1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r)}else _(!0),k(o.id),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500)},[T,S,k]),pe=()=>{if(S.length>0&&!T){document.querySelector('[data-testid="whats-new-button"]')&&ie(S[0])}};o.useEffect(()=>(window.showMajorUpdatePopup=pe,()=>{delete window.showMajorUpdatePopup}),[S,T]);const fe=o.useCallback(e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(T&&(_(!0),S.forEach(e=>{k(e.id)}),z(!0),setTimeout(()=>{_(!1)},500)),q(!1),v(null),O([]))},[T,S,k]),be=o.useCallback(e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(w){V(!0),k(w.id);A.findIndex(e=>e.id===w.id)===A.length-1&&U(!0),setTimeout(()=>{V(!1)},500)}I(!1),B(null),F([])}},[w,A,k]),ge=(o,n)=>e.__awaiter(void 0,void 0,void 0,function*(){B(o);const e=n||A,a=e.findIndex(e=>e.id===o.id),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>he(o),onExplore:()=>me(o),onPrevious:()=>ye(o),onNext:()=>Se(o),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(d),I(!0)}),he=o.useCallback(e=>{const t=e||w;if(t){V(!0),k(t.id),se(e=>new Set(e).add(t.id)),I(!1),B(null),F([]);const e=A.find(e=>e.id!==t.id&&!re.has(e.id));setTimeout(()=>{V(!1),e?ge(e,A):U(!0)},500)}},[w,A,k,re]),me=o.useCallback(e=>{V(!0),k(e.id),se(t=>new Set(t).add(e.id)),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),I(!1),B(null),F([]);const t=A.find(t=>t.id!==e.id&&!re.has(t.id));setTimeout(()=>{V(!1),t&&!e.productVideo?ge(t,A):t||U(!0)},500)},[A,k,re]),ye=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n>0){const e=A[n-1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n-1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(l)}}),[w,A]),Se=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n<A.length-1){const e=A[n+1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n+1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(l)}else V(!0),U(!0),k(e.id),I(!1),B(null),F([]),setTimeout(()=>{V(!1)},500)}),[w,A,k]);return t.jsxs(t.Fragment,{children:[d,P.length>0&&t.jsx(u.default,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:fe,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Q?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${te}`),E.length>0&&t.jsx(u.default,{steps:E,run:j,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Y?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:Y?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ne}`),t.jsx(l.VideoModal,{isOpen:H,videoUrl:D,onClose:()=>{Z(!1),G(""),K(!1);const e=A.find(e=>!re.has(e.id));e?setTimeout(()=>{ge(e,A)},300):U(!0)}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=d=>{let{children:c,fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}=d;var S;const{majorUpdateFeatures:x,minorUpdateFeatures:C,isLoading:k,markFeatureAsViewed:T}=r.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}),[v,w]=o.useState(null),[B,j]=o.useState(null),[I,E]=o.useState(!1),[F,N]=o.useState([]),[q,P]=o.useState(!1),[O,W]=o.useState([]),[_,M]=o.useState(!1),[V,A]=o.useState(!1),[L,R]=o.useState([]),[U,$]=o.useState(!1),[z,H]=o.useState(!1),[Z,D]=o.useState(!1),[G,J]=o.useState(""),[K,Q]=o.useState(!1),[X,Y]=o.useState(!1),[ee,te]=o.useState(!1),[oe,ne]=o.useState(0),[ae,re]=o.useState(0),[se,ie]=o.useState(new Set);o.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),o.useEffect((()=>{ne((e=>e+1)),re((e=>e+1)),Y(!1),te(!1),ie(new Set)}),[null==y?void 0:y.pathname]),o.useEffect((()=>{if(!(x.length>0)||v||k||_||K)0!==x.length||k||H(!0);else{H(!1),$(!1),E(!1),N([]),j(null),R([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?le(x[0]):e<t?setTimeout(o,1e3):H(!0)};o()}}),[x,v,k,_,K]),o.useEffect((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(!t||k||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;$(!0),A(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];R(e),he(o,e),clearInterval(a)}else n>=25&&(A(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(S=null==y?void 0:y.query)||void 0===S?void 0:S.featureId,k]),o.useEffect((()=>{var e;if(C.length>0&&!k&&!I&&!V&&!B&&!U&&z&&!K){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||V||B||U||!z)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(se.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(R(a),he(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}I||n||V||B||U||!z||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||V||B||U||!z||a()}),200))})),t=()=>{I||n||V||B||U||!z||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||V||B||U||!z||a()}),300)})))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||V||B||U||!z||a()}),100),setTimeout((()=>{n||V||B||U||!z||a()}),1e3),setTimeout((()=>{n||V||B||U||!z||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||k){(null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId)&&B||(E(!1),N([]),j(null),R([]),$(!1))}}),[C,k,I,V,B,U,z,T,K]);const le=e=>{w(e);const o=x.findIndex((t=>t.id===e.id)),n=x.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r),P(!0)},de=o.useCallback((e=>{(e||v)&&(M(!0),x.forEach((e=>{T(e.id)})),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500))}),[v,x,T]),ue=o.useCallback((e=>{M(!0),T(e.id),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),P(!1),w(null),W([]);x.findIndex((t=>t.id===e.id))===x.length-1&&H(!0),setTimeout((()=>{M(!1)}),500)}),[x,T]),ce=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n>0){const e=x[n-1];w(e);const o=n-1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r)}}),[v,x]),pe=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n<x.length-1){const e=x[n+1];w(e);const o=n+1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r)}else M(!0),T(o.id),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500)}),[v,x,T]),fe=()=>{if(x.length>0&&!v){document.querySelector('[data-testid="whats-new-button"]')&&le(x[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=fe,()=>{delete window.showMajorUpdatePopup})),[x,v]);const be=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(v&&(M(!0),x.forEach((e=>{T(e.id)})),H(!0),setTimeout((()=>{M(!1)}),500)),P(!1),w(null),W([]))}),[v,x,T]),ge=o.useCallback((e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(B){A(!0),T(B.id);L.findIndex((e=>e.id===B.id))===L.length-1&&$(!0),setTimeout((()=>{A(!1)}),500)}E(!1),j(null),N([])}}),[B,L,T]),he=(o,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){j(o);const e=n||L,a=e.findIndex((e=>e.id===o.id)),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>me(o),onExplore:()=>ye(o),onPrevious:()=>Se(o),onNext:()=>xe(o),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(d),E(!0)})),me=o.useCallback((e=>{const t=e||B;if(t){A(!0),T(t.id),ie((e=>new Set(e).add(t.id))),E(!1),j(null),N([]);const e=L.find((e=>e.id!==t.id&&!se.has(e.id)));setTimeout((()=>{A(!1),e?he(e,L):$(!0)}),500)}}),[B,L,T,se]),ye=o.useCallback((e=>{A(!0),T(e.id),ie((t=>new Set(t).add(e.id))),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),E(!1),j(null),N([]);const t=L.find((t=>t.id!==e.id&&!se.has(t.id)));setTimeout((()=>{A(!1),t&&!e.productVideo?he(t,L):t||$(!0)}),500)}),[L,T,se]),Se=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n>0){const e=L[n-1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n-1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(l)}}))),[B,L]),xe=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n<L.length-1){const e=L[n+1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n+1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(l)}else A(!0),$(!0),T(e.id),E(!1),j(null),N([]),setTimeout((()=>{A(!1)}),500)}))),[B,L,T]);return t.jsxs(t.Fragment,{children:[c,O.length>0&&t.jsx(u.default,{steps:O,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:X?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${oe}`),F.length>0&&t.jsx(u.default,{steps:F,run:I,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ge,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ee?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:ee?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ae}`),t.jsx(l.VideoModal,{isOpen:Z,videoUrl:G,onClose:()=>{D(!1),J(""),Q(!1);const e=L.find((e=>!se.has(e.id)));e?setTimeout((()=>{he(e,L)}),300):$(!0)}})]})};

package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./constants/index.js"),s=require("./styles/majorPopup.styles.js");require("../../constants/Theme.js"),require("./constants/animations.js");var r=require("./utils/htmlHelpers.js"),o=require("./utils/animationHelpers.js"),a=require("./utils/elementHelpers.js");exports.default=({feature:i,currentIndex:l,totalFeatures:u,onSkip:c,onExplore:d,onPrevious:g,onNext:T,setIsClosing:j})=>{const[y,p]=t.useState(!1),[v,b]=t.useState(!1),[x,h]=t.useState(""),E=t.useRef(null);t.useEffect(()=>{y&&b(!0)},[y]);const m=s.getMajorPopupStyles(v,x);return e.jsxs("div",{ref:E,style:m.container,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),(e=>{o.hideJoyrideArrow(E.current);const t=a.findWhatsNewButton();if(t&&E.current){const e=o.calculateCloseTransform(E.current,t);h(e)}else h("scale(0)");null==j||j(!0),p(!0),o.executeAfterAnimation(e)})(c)},style:m.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,m.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,m.skipButton.base),children:n.TEXT.SKIP_BUTTON}),e.jsx("div",{style:m.imageContainer,children:i.displayImage?e.jsx("img",{src:i.displayImage,alt:i.title,style:m.image,onError:e=>{i.image&&(e.target.src=i.image)}}):e.jsx("div",{style:m.imagePlaceholder,children:n.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:m.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:m.title,children:i.title}),e.jsx("div",{style:m.content,dangerouslySetInnerHTML:{__html:r.decodeHTMLEntities(i.content||i.body||"")}}),e.jsx("button",{onClick:()=>{d(),o.hideJoyrideArrow(E.current);const e=a.findWhatsNewButton();if(e&&E.current){const t=o.calculateCloseTransform(E.current,e);h(t)}else h("scale(0)");null==j||j(!0),p(!0)},style:m.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,m.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,m.exploreButton.base),children:i.buttonText||n.TEXT.DEFAULT_BUTTON_TEXT})]}),u>1&&e.jsxs("div",{style:m.navigationContainer,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),g()},disabled:0===l,style:m.navigationButton(0===l).base,onMouseEnter:e=>{0!==l&&Object.assign(e.currentTarget.style,m.navigationButton(!1).hover)},onMouseLeave:e=>{0!==l&&Object.assign(e.currentTarget.style,m.navigationButton(!1).base)},children:n.TEXT.NAVIGATION_PREVIOUS}),e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),T()},disabled:l===u-1,style:m.navigationButton(l===u-1).base,onMouseEnter:e=>{l!==u-1&&Object.assign(e.currentTarget.style,m.navigationButton(!1).hover)},onMouseLeave:e=>{l!==u-1&&Object.assign(e.currentTarget.style,m.navigationButton(l===u-1).base)},children:n.TEXT.NAVIGATION_NEXT})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./constants/index.js"),s=require("./styles/majorPopup.styles.js");require("../../constants/Theme.js"),require("./constants/animations.js");var r=require("./utils/htmlHelpers.js"),o=require("./utils/animationHelpers.js"),a=require("./utils/elementHelpers.js");exports.default=i=>{let{feature:l,currentIndex:u,totalFeatures:c,onSkip:d,onExplore:g,onPrevious:T,onNext:j,setIsClosing:y}=i;const[p,v]=t.useState(!1),[b,x]=t.useState(!1),[h,E]=t.useState(""),m=t.useRef(null);t.useEffect((()=>{p&&x(!0)}),[p]);const f=s.getMajorPopupStyles(b,h);return e.jsxs("div",{ref:m,style:f.container,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),(e=>{o.hideJoyrideArrow(m.current);const t=a.findWhatsNewButton();if(t&&m.current){const e=o.calculateCloseTransform(m.current,t);E(e)}else E("scale(0)");null==y||y(!0),v(!0),o.executeAfterAnimation(e)})(d)},style:f.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,f.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,f.skipButton.base),children:n.TEXT.SKIP_BUTTON}),e.jsx("div",{style:f.imageContainer,children:l.displayImage?e.jsx("img",{src:l.displayImage,alt:l.title,style:f.image,onError:e=>{l.image&&(e.target.src=l.image)}}):e.jsx("div",{style:f.imagePlaceholder,children:n.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:f.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:f.title,children:l.title}),e.jsx("div",{style:f.content,dangerouslySetInnerHTML:{__html:r.decodeHTMLEntities(l.content||l.body||"")}}),e.jsx("button",{onClick:()=>{g(),o.hideJoyrideArrow(m.current);const e=a.findWhatsNewButton();if(e&&m.current){const t=o.calculateCloseTransform(m.current,e);E(t)}else E("scale(0)");null==y||y(!0),v(!0)},style:f.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,f.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,f.exploreButton.base),children:l.buttonText||n.TEXT.DEFAULT_BUTTON_TEXT})]}),c>1&&e.jsxs("div",{style:f.navigationContainer,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),T()},disabled:0===u,style:f.navigationButton(0===u).base,onMouseEnter:e=>{0!==u&&Object.assign(e.currentTarget.style,f.navigationButton(!1).hover)},onMouseLeave:e=>{0!==u&&Object.assign(e.currentTarget.style,f.navigationButton(!1).base)},children:n.TEXT.NAVIGATION_PREVIOUS}),e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),j()},disabled:u===c-1,style:f.navigationButton(u===c-1).base,onMouseEnter:e=>{u!==c-1&&Object.assign(e.currentTarget.style,f.navigationButton(!1).hover)},onMouseLeave:e=>{u!==c-1&&Object.assign(e.currentTarget.style,f.navigationButton(u===c-1).base)},children:n.TEXT.NAVIGATION_NEXT})]})]})]})};