@bikdotai/bik-component-library 0.0.780-beta.0 → 0.0.780-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
  2. package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  3. package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  6. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +1 -1
  7. package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js +1 -1
  8. package/dist/cjs/components/TablePagination/TablePagination.js +1 -1
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  10. package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
  11. package/dist/cjs/components/country-code-picker/CountryPicker.js +1 -1
  12. package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
  13. package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  14. package/dist/cjs/components/datePicker/TimePicker.js +1 -1
  15. package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  16. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  17. package/dist/cjs/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js +1 -1
  18. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  19. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +2 -0
  20. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  21. package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts +2 -0
  22. package/dist/cjs/components/dropdown/hooks/useDropdown.js +1 -1
  23. package/dist/esm/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
  24. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  25. package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  26. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js +1 -1
  27. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  28. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +1 -1
  29. package/dist/esm/components/SearchFilter/components/SearchFilterItem.js +1 -1
  30. package/dist/esm/components/TablePagination/TablePagination.js +1 -1
  31. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  32. package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
  33. package/dist/esm/components/country-code-picker/CountryPicker.js +1 -1
  34. package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
  35. package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  36. package/dist/esm/components/datePicker/TimePicker.js +1 -1
  37. package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  38. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  39. package/dist/esm/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js +1 -1
  40. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  41. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +2 -0
  42. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  43. package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +2 -0
  44. package/dist/esm/components/dropdown/hooks/useDropdown.js +1 -1
  45. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../checkBox/CheckBox.js");require("../../dropdown/DropdownPopover/index.js");var i=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js"),require("react"),require("../../zeroState/ZeroState.js");var t=require("../../../constants/Theme.js");require("lodash/debounce");var o=require("../../TypographyStyle.js");require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var r=require("../../input/Input.js");require("../../dropdown/MenuItem/MenuItem.js");var s=require("../type.js");exports.default=u=>{var d,a,m,c,l,E,M,p,R;const j=[{selected:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT,label:"Minimum order value",value:s.MIN_PURCHASE_REQUIREMENT.AMOUNT},{selected:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.QUANTITY,label:"Minimum number of items",value:s.MIN_PURCHASE_REQUIREMENT.QUANTITY}];return e.jsxs(e.Fragment,{children:[e.jsx(n.CheckBox,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==s.MIN_PURCHASE_REQUIREMENT.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(s.MIN_PURCHASE_REQUIREMENT.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(s.MIN_PURCHASE_REQUIREMENT.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),e.jsx(o.BodySecondary,Object.assign({style:{color:t.DEFAULT_THEME.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),u.selectedMinimumRequirement!==s.MIN_PURCHASE_REQUIREMENT.NA&&e.jsxs("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e.jsxs("div",Object.assign({className:"input__wrapper"},{children:[e.jsx(o.BodySecondary,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),e.jsx(i.Dropdown,{options:j,placement:"bottom-start",onSelect:e=>{const n=e.value;u.setSelectedMinimumRequirement(n),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),e.jsx("div",Object.assign({className:"input__wrapper"},{children:e.jsx(r.Input,{value:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?null!==(a=null===(d=u.discountData.minAmount)||void 0===d?void 0:d.toString())&&void 0!==a?a:"":null!==(c=null===(m=u.discountData.minQuantity)||void 0===m?void 0:m.toString())&&void 0!==c?c:"",onChangeText:e=>{u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?null!==(l=u.currency)&&void 0!==l?l:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(E=u.dynamicDiscountValidationError)||void 0===E?void 0:E.inValidMinimumAmount)||(null===(M=u.dynamicDiscountValidationError)||void 0===M?void 0:M.inValidMinimumQuantity)?"Required Field":"",state:(null===(p=u.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidMinimumAmount)||(null===(R=u.dynamicDiscountValidationError)||void 0===R?void 0:R.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../checkBox/CheckBox.js");require("../../dropdown/DropdownPopover/index.js");var i=require("../../dropdown/Dropdown.js");require("../../dropdown/ChipDropdown.js"),require("react"),require("../../zeroState/ZeroState.js");var t=require("../../../constants/Theme.js");require("../../../_virtual/_tslib.js"),require("lodash/debounce");var o=require("../../TypographyStyle.js");require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var r=require("../../input/Input.js");require("../../dropdown/MenuItem/MenuItem.js");var s=require("../type.js");exports.default=u=>{var d,a,m,c,l,E,M,p,R;const j=[{selected:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT,label:"Minimum order value",value:s.MIN_PURCHASE_REQUIREMENT.AMOUNT},{selected:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.QUANTITY,label:"Minimum number of items",value:s.MIN_PURCHASE_REQUIREMENT.QUANTITY}];return e.jsxs(e.Fragment,{children:[e.jsx(n.CheckBox,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==s.MIN_PURCHASE_REQUIREMENT.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(s.MIN_PURCHASE_REQUIREMENT.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(s.MIN_PURCHASE_REQUIREMENT.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),e.jsx(o.BodySecondary,Object.assign({style:{color:t.DEFAULT_THEME.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),u.selectedMinimumRequirement!==s.MIN_PURCHASE_REQUIREMENT.NA&&e.jsxs("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e.jsxs("div",Object.assign({className:"input__wrapper"},{children:[e.jsx(o.BodySecondary,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),e.jsx(i.Dropdown,{options:j,placement:"bottom-start",onSelect:e=>{const n=e.value;u.setSelectedMinimumRequirement(n),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),e.jsx("div",Object.assign({className:"input__wrapper"},{children:e.jsx(r.Input,{value:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?null!==(a=null===(d=u.discountData.minAmount)||void 0===d?void 0:d.toString())&&void 0!==a?a:"":null!==(c=null===(m=u.discountData.minQuantity)||void 0===m?void 0:m.toString())&&void 0!==c?c:"",onChangeText:e=>{u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?null!==(l=u.currency)&&void 0!==l?l:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===s.MIN_PURCHASE_REQUIREMENT.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(E=u.dynamicDiscountValidationError)||void 0===E?void 0:E.inValidMinimumAmount)||(null===(M=u.dynamicDiscountValidationError)||void 0===M?void 0:M.inValidMinimumQuantity)?"Required Field":"",state:(null===(p=u.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidMinimumAmount)||(null===(R=u.dynamicDiscountValidationError)||void 0===R?void 0:R.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/errorInfo.svg.js"),n=require("react"),o=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),r=require("../../../../constants/Theme.js"),i=require("../../hooks/useDropdown.js"),l=require("./description/Description.js"),u=require("./menu/FreeFormMenu.js"),c=require("./menu/MenuList.js"),a=require("./menu/SelectAllMenu.js"),d=require("./multiSelect/MultiSelectDropdownBottomBar.js"),p=require("./OpennedDropdown.styled.js"),h=require("./searchbox/SearchBox.js"),f=require("./searchbox/SearchZeroState.js");const g=304,b=290,S=t=>e.jsx("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.00001C5.05448 2.00001 2.66667 4.38782 2.66667 7.33334C2.66667 10.2789 5.05448 12.6667 8 12.6667C10.4576 12.6667 12.5269 11.0047 13.1468 8.7442C13.2443 8.38895 13.6112 8.18002 13.9665 8.27748C14.3217 8.37495 14.5306 8.74189 14.4332 9.09713C13.6583 11.9238 11.0716 14 8 14C4.3181 14 1.33333 11.0152 1.33333 7.33334C1.33333 3.65144 4.3181 0.666672 8 0.666672C9.63169 0.666672 11.1266 1.25298 12.2857 2.22668V1.33334C12.2857 0.965148 12.5842 0.666672 12.9524 0.666672C13.3206 0.666672 13.6191 0.965148 13.6191 1.33334V4.00001C13.6191 4.3682 13.3206 4.66667 12.9524 4.66667H10.2857C9.91752 4.66667 9.61905 4.3682 9.61905 4.00001C9.61905 3.63182 9.91752 3.33334 10.2857 3.33334H11.7936C10.8305 2.5053 9.57787 2.00001 8 2.00001Z",fill:"currentColor"})}));exports.OpenedDropdown=v=>{let{options:j,isSearchable:O,isMultiSelect:C,maxSelections:x,width:w,allowFreeForm:m,height:y,onClose:L,onSelect:k,onSearch:D,version:q,skipSorting:R,headerRef:M,hideSelectAll:E,primaryButtonText:I,onInfiniteScroll:T,onMultiSelectClear:B,onDropdownItemClick:A,buttonOptions:F,isSearchLoading:H,isOptionsLoading:Z,optionsErrorState:V,disableSearchOptions:z,disableSearchedOptionExcept:P,useDefaultCursor:W,containerStyle:$={},zeroState:_,isDraggable:K=!1,onOptionsReorder:N,hideClearButton:U=!1}=v;var G;const J=n.useCallback((e=>{if(!K||!C)return e;const t=[],n=[];return e.forEach((e=>{if(e.options)n.push(e);else{e.selected?t.push(e):n.push(e)}})),[...t,...n]}),[K,C]),[Q,X]=n.useState((()=>J(j))),Y=n.useRef(Q),ee=n.useRef(!1),te=n.useRef(N);n.useEffect((()=>{X(J(j))}),[j,J]),n.useEffect((()=>{Y.current=Q}),[Q]),n.useEffect((()=>{te.current=N}),[N]),n.useEffect((()=>()=>{ee.current&&te.current&&te.current(Y.current)}),[]);const ne=n.useCallback((e=>{X(e),"2.0"===q?null==N||N(e):ee.current=!0}),[N,q]),oe=K?Q:j,{dropdownOptions:se,search:re,searchedString:ie,searchedOptions:le,onApplyHandler:ue,selectAllHandler:ce,onMultiSelectClear:ae,onFreeFormSelect:de,onMultiSelectApply:pe,latestDropdownOptionsRef:he,getSelectedOptions:fe,getCurrentSelectionCount:ge}=i.useDropdown(q,oe,k,R||K,C,D,z,P,x),[be,Se]=n.useState(null!=w?w:b),[ve,je]=n.useState(null),[Oe,Ce]=n.useState(-1),xe=n.useRef(null),we=n.useRef([]),me=n.useRef(null);s.useOutside(xe,(()=>{if(je(null),C&&"2.0"===q){const e=fe(he.current);null==L||L(e)}else null==L||L(se)}),[M,we]),n.useEffect((()=>{const e=setTimeout((()=>{xe.current&&xe.current.focus({preventScroll:!0})}),0);return()=>clearTimeout(e)}),[]);n.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})(ie&&D?le:se);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),Ce((e=>{const n=e<t.length-1?e+1:0;return setTimeout((()=>{var e;const t=null===(e=me.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(),Ce((e=>{const n=e>0?e-1:t.length-1;return setTimeout((()=>{var e;const t=null===(e=me.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&&(ue(Object.assign(Object.assign({},n),{selected:!n.selected})),A&&A(n))}},t=xe.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}}),[Oe,ie,le,se,D,ue,A]);const ye=null!=y?y:g,Le="number"==typeof ye?O&&C?ye-96:O&&!C||!O&&C?ye-48:ye:ye;n.useEffect((()=>{const e=null!=w?w:b;if(null===ve)Se(e);else if("number"==typeof e)Se(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));Se(t)}}),[ve]);const ke=[],De=(e=>{if(!C||!x&&0!==x)return e;const t=ge(se)>=x;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})((ie&&D?le:se).map((e=>{var t,n;if(ie&&!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(ie.toLowerCase()))&&(ke.push(!ie||e.label===ie),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(ie.toLowerCase()))||(null===(n=e.searchKey)||void 0===n?void 0:n.toLowerCase().includes(ie.toLowerCase()))?(ke.push(!ie||e.label===ie),e):null}return e})).filter((e=>null!==e))),qe=!!O&&ie&&0===De.length,Re=!ie&&!!Z,Me=!ie&&!!V&&!Re,Ee=!(ie||De.length||Re||Me),Ie=Re||Me||Ee,Te=(null==_?void 0:_.title)||"No results found",Be=(null==_?void 0:_.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance.",Ae=(null==V?void 0:V.title)||"Failed to load options",Fe=(null==V?void 0:V.subTitle)||"Something went wrong while fetching the list. Please try again",He={buttonText:"Try again",buttonType:"text",size:"small",buttonTextColor:r.COLORS.background.inverseLight,customIconColor:r.COLORS.background.inverseLight,LeadingIcon:S},Ze=Object.assign({IconHolderStyle:{background:r.COLORS.background.negative.light},Icon:e.jsx(t.default,{color:r.COLORS.content.negative,width:24,height:24})},V);Ze.actionButton=Object.assign(Object.assign({},He),null!==(G=null==V?void 0:V.actionButton)&&void 0!==G?G:{});const Ve=Re?void 0:Me?Ze:_;return e.jsxs(p.OpennedDropdownContainer,Object.assign({version:q,ref:xe,tabIndex:-1,style:Object.assign(Object.assign({width:be},$),{outline:"none"})},{children:[e.jsxs("div",Object.assign({style:{width:ve?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!O&&e.jsx(h.SearchBox,{onSearch:re,version:q}),Ie?e.jsx("div",Object.assign({style:{height:ye,display:"flex",background:r.COLORS.background.base}},{children:e.jsx(o.ZeroState,Object.assign({},null!=Ve?Ve:{},{isLoading:Re,title:Me?Ae:Te,subTitle:Me?Fe:Be}))})):e.jsxs(p.MenuListContainer,Object.assign({minHeight:ye,maxHeight:Le,ref:me},{children:[!!C&&!qe&&!E&&e.jsx(a.SelectAllMenu,{version:q,options:ie&&D?le:se,onSelect:ce}),!m&&qe&&e.jsx(f.SearchZeroState,{isLoading:H,height:Le,searchedString:ie,containerWidth:w}),m&&(qe||!!ke.length&&ke.every((e=>!1===e)))&&e.jsx(u.FreeFormMenu,{version:q,isMultiSelect:C,onSelect:de,searchedString:ie}),e.jsx(c.MenuList,{onInfiniteScroll:T,onDropdownItemClick:A,version:q,onSelect:ue,showDescription:function(e,t){je(e&&t?{title:e,description:t}:null)},isMultiSelect:C,options:De,useDefaultCursor:W,ref:we,focusedIndex:Oe,isDraggable:K,onOptionsReorder:ne})]})),!!C&&!Ie&&"2.0"!==q&&e.jsx(d.default,{onClear:()=>{ae(),null==B||B()},onApply:pe,list:ie&&D?le:se,buttonText:I,buttonOptions:F,hideClearButton:U})]})),!!ve&&e.jsx(l.Description,{title:ve.title,description:ve.description,version:q})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/errorInfo.svg.js"),n=require("react"),o=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),r=require("../../../../constants/Theme.js"),i=require("../../hooks/useDropdown.js"),l=require("./description/Description.js"),u=require("./menu/FreeFormMenu.js"),c=require("./menu/MenuList.js"),a=require("./menu/SelectAllMenu.js"),d=require("./multiSelect/MultiSelectDropdownBottomBar.js"),p=require("./OpennedDropdown.styled.js"),h=require("./searchbox/SearchBox.js"),f=require("./searchbox/SearchZeroState.js");const g=304,b=290,S=t=>e.jsx("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.00001C5.05448 2.00001 2.66667 4.38782 2.66667 7.33334C2.66667 10.2789 5.05448 12.6667 8 12.6667C10.4576 12.6667 12.5269 11.0047 13.1468 8.7442C13.2443 8.38895 13.6112 8.18002 13.9665 8.27748C14.3217 8.37495 14.5306 8.74189 14.4332 9.09713C13.6583 11.9238 11.0716 14 8 14C4.3181 14 1.33333 11.0152 1.33333 7.33334C1.33333 3.65144 4.3181 0.666672 8 0.666672C9.63169 0.666672 11.1266 1.25298 12.2857 2.22668V1.33334C12.2857 0.965148 12.5842 0.666672 12.9524 0.666672C13.3206 0.666672 13.6191 0.965148 13.6191 1.33334V4.00001C13.6191 4.3682 13.3206 4.66667 12.9524 4.66667H10.2857C9.91752 4.66667 9.61905 4.3682 9.61905 4.00001C9.61905 3.63182 9.91752 3.33334 10.2857 3.33334H11.7936C10.8305 2.5053 9.57787 2.00001 8 2.00001Z",fill:"currentColor"})}));exports.OpenedDropdown=v=>{let{options:j,isSearchable:O,isMultiSelect:C,maxSelections:x,width:w,allowFreeForm:m,height:y,onClose:L,onSelect:k,onSearch:D,version:q,skipSorting:R,headerRef:M,hideSelectAll:E,primaryButtonText:I,onInfiniteScroll:T,onMultiSelectClear:B,onDropdownItemClick:A,buttonOptions:F,isSearchLoading:H,isOptionsLoading:Z,optionsErrorState:V,disableSearchOptions:z,disableSearchedOptionExcept:P,useDefaultCursor:W,containerStyle:$={},zeroState:_,isDraggable:K=!1,onOptionsReorder:N,hideClearButton:U=!1}=v;var G;const J=n.useCallback((e=>{if(!K||!C)return e;const t=[],n=[];return e.forEach((e=>{if(e.options)n.push(e);else{e.selected?t.push(e):n.push(e)}})),[...t,...n]}),[K,C]),[Q,X]=n.useState((()=>J(j))),Y=n.useRef(Q),ee=n.useRef(!1),te=n.useRef(N);n.useEffect((()=>{X(J(j))}),[j,J]),n.useEffect((()=>{Y.current=Q}),[Q]),n.useEffect((()=>{te.current=N}),[N]),n.useEffect((()=>()=>{ee.current&&te.current&&te.current(Y.current)}),[]);const ne=n.useCallback((e=>{X(e),"2.0"===q?null==N||N(e):ee.current=!0}),[N,q]),oe=K?Q:j,{dropdownOptions:se,search:re,searchedString:ie,searchedOptions:le,searchError:ue,retrySearch:ce,onApplyHandler:ae,selectAllHandler:de,onMultiSelectClear:pe,onFreeFormSelect:he,onMultiSelectApply:fe,latestDropdownOptionsRef:ge,getSelectedOptions:be,getCurrentSelectionCount:Se}=i.useDropdown(q,oe,k,R||K,C,D,z,P,x),[ve,je]=n.useState(null!=w?w:b),[Oe,Ce]=n.useState(null),[xe,we]=n.useState(-1),me=n.useRef(null),ye=n.useRef([]),Le=n.useRef(null);s.useOutside(me,(()=>{if(Ce(null),C&&"2.0"===q){const e=be(ge.current);null==L||L(e)}else null==L||L(se)}),[M,ye]),n.useEffect((()=>{const e=setTimeout((()=>{me.current&&me.current.focus({preventScroll:!0})}),0);return()=>clearTimeout(e)}),[]);n.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})(ie&&D?le:se);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),we((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(),we((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&&xe>=0){e.preventDefault();const n=t[xe];n&&(ae(Object.assign(Object.assign({},n),{selected:!n.selected})),A&&A(n))}},t=me.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}}),[xe,ie,le,se,D,ae,A]);const ke=null!=y?y:g,De="number"==typeof ke?O&&C?ke-96:O&&!C||!O&&C?ke-48:ke:ke;n.useEffect((()=>{const e=null!=w?w:b;if(null===Oe)je(e);else if("number"==typeof e)je(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));je(t)}}),[Oe]);const qe=[],Re=(e=>{if(!C||!x&&0!==x)return e;const t=Se(se)>=x;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})((ie&&D?le:se).map((e=>{var t,n;if(ie&&!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(ie.toLowerCase()))&&(qe.push(!ie||e.label===ie),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(ie.toLowerCase()))||(null===(n=e.searchKey)||void 0===n?void 0:n.toLowerCase().includes(ie.toLowerCase()))?(qe.push(!ie||e.label===ie),e):null}return e})).filter((e=>null!==e))),Me=!!O&&ie&&0===Re.length,Ee=!ie&&!!Z,Ie=!ie&&!!V&&!Ee,Te=!(ie||Re.length||Ee||Ie),Be=Ee||Ie||Te,Ae=(null==_?void 0:_.title)||"No results found",Fe=(null==_?void 0:_.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance.",He=(null==V?void 0:V.title)||"Failed to load options",Ze=(null==V?void 0:V.subTitle)||"Something went wrong while fetching the list. Please try again",Ve={buttonText:"Try again",buttonType:"text",size:"small",buttonTextColor:r.COLORS.background.inverseLight,customIconColor:r.COLORS.background.inverseLight,LeadingIcon:S},ze=Object.assign({IconHolderStyle:{background:r.COLORS.background.negative.light},Icon:e.jsx(t.default,{color:r.COLORS.content.negative,width:24,height:24})},V);ze.actionButton=Object.assign(Object.assign({},Ve),null!==(G=null==V?void 0:V.actionButton)&&void 0!==G?G:{});const Pe=Ee?void 0:Ie?ze:_;return e.jsxs(p.OpennedDropdownContainer,Object.assign({version:q,ref:me,tabIndex:-1,style:Object.assign(Object.assign({width:ve},$),{outline:"none"})},{children:[e.jsxs("div",Object.assign({style:{width:Oe?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!O&&e.jsx(h.SearchBox,{onSearch:re,version:q}),Be?e.jsx("div",Object.assign({style:{height:ke,display:"flex",background:r.COLORS.background.base}},{children:e.jsx(o.ZeroState,Object.assign({},null!=Pe?Pe:{},{isLoading:Ee,title:Ie?He:Ae,subTitle:Ie?Ze:Fe}))})):e.jsxs(p.MenuListContainer,Object.assign({minHeight:ke,maxHeight:De,ref:Le},{children:[!!C&&!Me&&!E&&e.jsx(a.SelectAllMenu,{version:q,options:ie&&D?le:se,onSelect:de}),!m&&Me&&e.jsx(f.SearchZeroState,{isLoading:H,errorMessage:ue,onRetry:ce,height:De,searchedString:ie,containerWidth:w}),m&&(Me||!!qe.length&&qe.every((e=>!1===e)))&&e.jsx(u.FreeFormMenu,{version:q,isMultiSelect:C,onSelect:he,searchedString:ie}),e.jsx(c.MenuList,{onInfiniteScroll:T,onDropdownItemClick:A,version:q,onSelect:ae,showDescription:function(e,t){Ce(e&&t?{title:e,description:t}:null)},isMultiSelect:C,options:Re,useDefaultCursor:W,ref:ye,focusedIndex:xe,isDraggable:K,onOptionsReorder:ne})]})),!!C&&!Be&&"2.0"!==q&&e.jsx(d.default,{onClear:()=>{pe(),null==B||B()},onApply:fe,list:ie&&D?le:se,buttonText:I,buttonOptions:F,hideClearButton:U})]})),!!Oe&&e.jsx(l.Description,{title:Oe.title,description:Oe.description,version:q})]}))};
@@ -4,4 +4,6 @@ export declare const SearchZeroState: React.FC<{
4
4
  height: number;
5
5
  isLoading?: boolean;
6
6
  containerWidth?: string;
7
+ errorMessage?: string;
8
+ onRetry?: () => void;
7
9
  }>;
@@ -1 +1 @@
1
- "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",Object.assign({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})}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:o,height:i,isLoading:n,containerWidth:s,errorMessage:a,onRetry:l}=r;const d=!!a&&!n;return e.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{isLoading:n,title:d?"Failed to load options":"No results found",subTitle:d?a:`Sorry we could not find any results for "${null!=o?o:""}"`,actionButton:d?{buttonText:"Try again",buttonType:"text",onClick:l}:void 0,containerWidth:s})}))};
@@ -7,6 +7,8 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
7
7
  search: (searchKey: string) => void;
8
8
  searchedString: string;
9
9
  searchedOptions: DropdownOption[];
10
+ searchError: string | undefined;
11
+ retrySearch: () => void;
10
12
  onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
11
13
  label: string;
12
14
  value: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/debounce"),t=require("react"),s=require("../OpenedDropdown/utils/iterationOnOptions.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.useDropdown=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",n=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,c=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0,a=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0,r=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],d=arguments.length>8?arguments[8]:void 0;const[f,v]=t.useState(null!=n?n:[]),[p,O]=t.useState([]),[b,g]=t.useState(""),j=t.useRef(f),h=t.useRef(a);t.useEffect((()=>{h.current=a}),[a]),t.useEffect((()=>{if(j.current=f,p.length&&b&&a){let e=[...p];const t=f.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})),u&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!r.includes(e.value)})))),O(o&&!c?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[f]),t.useEffect((()=>{if(n){const e=[...n];v(o&&!c?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const m=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},S=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},w=e=>!(!o||!d&&0!==d)&&S(e)>=d,C=t.useCallback((e=>{const t=h.current;if(!e||!t)return;const n=[];s.iterateOnOptionsRaw(j.current,(e=>{e.selected&&!n.includes(e.value)&&n.push(e.value)})),t(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:n.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:n.includes(e.value)})}));O([...t])}}))}),[]),E=t.useMemo((()=>l.default(C,300)),[C]);function F(t,n){if(o){if(t.selected&&d&&w(f))return;if(p.length&&b&&a)if(t.selected){if(d&&w(f))return;let l=!1;const i=s.iterateOnOptions(f,{selected:t.selected},(e=>e.value===t.value&&(l=!0,!0)));if(l||i.push(t),n)return[...i];v([...i]),"2.0"===e&&L(i)}else{let l=!1,i=s.iterateOnOptions(f,{selected:t.selected},(e=>e.value===t.value&&(l=!0,!0)));if(l&&(i=i.filter((e=>e.value!==t.value))),n)return[...i];v([...i]),"2.0"===e&&L(i)}else{const l=s.iterateOnOptions(f,{selected:t.selected},(e=>e.value===t.value));if(n)return[...l];v([...l]),"2.0"===e&&L(l)}}else null==i||i(t)}function L(e){const t=m(null!=e?e:j.current);null==i||i([...t])}return t.useEffect((()=>()=>null==E?void 0:E.cancel()),[E]),{latestDropdownOptionsRef:j,dropdownOptions:f,search:function(e){g(e),O([]),e?E(e):null==E||E.cancel()},searchedString:b,searchedOptions:p,onApplyHandler:F,selectAllHandler:function(t){if(p.length&&b&&a)"selectAll"===t?function(t){let s=[...f];if(t&&d&&d>0){const t=S(s),n=d-t;if(n<=0)return;let l=0;p.forEach((e=>{if(l>=n)return;let t=!1;s=s.map((s=>{const n=e;return s.selected||s.disabled?s:void 0!==n.value&&n.value===s.value?(t=!0,l++,Object.assign(Object.assign({},s),{selected:!0})):s})),!t&&l<n&&(e.disabled||(s.push(Object.assign(Object.assign({},e),{selected:!0})),l++))})),v([...s]),"2.0"===e&&L(s)}}(!0):function(t){let s=[...f];t?p.forEach((e=>{let t=!1;s=s.map((s=>{const n=e;return void 0!==n.value&&n.value===s.value?(t=!0,Object.assign(Object.assign({},s),{selected:!0})):s})),t||s.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{s=s.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),v([...s]),"2.0"===e&&L(s)}(!1);else if("selectAll"===t)if(d&&d>0){const t=S(f),s=d-t;if(s<=0)return;let n=0;const l=f.map((e=>{var t;if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>{var t;return e.disabled||e.selected||b&&!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase()))?e:n<s?(n++,Object.assign(Object.assign({},e),{selected:!0})):e}))})}{const l=e;return l.disabled||(l.selected||b&&!(null===(t=l.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase())))?e:n<s?(n++,Object.assign(Object.assign({},e),{selected:!0})):e}}));v([...l]),"2.0"===e&&L(l)}else{const t=s.iterateOnOptions(f,{selected:!0},(e=>{var t;return b?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase()))&&!e.disabled:!e.disabled}));v([...t]),"2.0"===e&&L(t)}else if("notSelected"===t){const t=s.iterateOnOptions(f,{selected:!1},(e=>!e.disabled));v([...t]),"2.0"===e&&L(t)}},onMultiSelectClear:function(){const t=s.iterateOnOptions(f,{selected:!1});v([...t]),"2.0"===e&&L(t)},onFreeFormSelect:function(t){if(!o)return void F({label:b,value:b,isFreeForm:!0,selected:!0});const s=f.map((e=>e.options?e:Object.assign(Object.assign({},e),{selected:e.label===b&&e.value===b?t:e.selected})));t&&(s.some((e=>e.label===b&&e.value===b))||s.unshift({label:b,value:b,isFreeForm:!0,selected:!0})),v([...s]),"2.0"===e&&L(s)},onMultiSelectApply:L,getSelectedOptions:m,getCurrentSelectionCount:S,isMaxSelectionsReached:w,maxSelections:d}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("lodash/debounce"),s=require("react"),n=require("../OpenedDropdown/utils/iterationOnOptions.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);exports.useDropdown=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,c=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0,r=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0,d=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],f=arguments.length>8?arguments[8]:void 0;const[v,p]=s.useState(null!=l?l:[]),[O,g]=s.useState([]),[b,h]=s.useState(""),[j,m]=s.useState(void 0),w=s.useRef(v),S=s.useRef(r);s.useEffect((()=>{S.current=r}),[r]),s.useEffect((()=>{if(w.current=v,O.length&&b&&r){let e=[...O];const t=v.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})),u&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!d.includes(e.value)})))),g(a&&!o?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[v]),s.useEffect((()=>{if(l){const e=[...l];p(a&&!o?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const E=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},C=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},y=e=>!(!a||!f&&0!==f)&&C(e)>=f,F=s.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=S.current;if(!t||!e)return;const s=[];n.iterateOnOptionsRaw(w.current,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)}));try{const n=yield e(t);if(m(void 0),n){const e=n.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)})}));g([...e])}else g([])}catch(e){g([]),m(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}}))),[]),L=s.useMemo((()=>i.default(F,300)),[F]);function _(e,s){if(a){if(e.selected&&f&&y(v))return;if(O.length&&b&&r)if(e.selected){if(f&&y(v))return;let l=!1;const i=n.iterateOnOptions(v,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),s)return[...i];p([...i]),"2.0"===t&&A(i)}else{let l=!1,i=n.iterateOnOptions(v,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),s)return[...i];p([...i]),"2.0"===t&&A(i)}else{const l=n.iterateOnOptions(v,{selected:e.selected},(t=>t.value===e.value));if(s)return[...l];p([...l]),"2.0"===t&&A(l)}}else null==c||c(e)}function A(e){const t=E(null!=e?e:w.current);null==c||c([...t])}return s.useEffect((()=>()=>null==L?void 0:L.cancel()),[L]),{latestDropdownOptionsRef:w,dropdownOptions:v,search:function(e){h(e),g([]),m(void 0),e?L(e):null==L||L.cancel()},searchedString:b,searchedOptions:O,searchError:j,retrySearch:function(){b&&(m(void 0),F(b))},onApplyHandler:_,selectAllHandler:function(e){if(O.length&&b&&r)"selectAll"===e?function(e){let s=[...v];if(e&&f&&f>0){const e=C(s),n=f-e;if(n<=0)return;let l=0;O.forEach((e=>{if(l>=n)return;let t=!1;s=s.map((s=>{const n=e;return s.selected||s.disabled?s:void 0!==n.value&&n.value===s.value?(t=!0,l++,Object.assign(Object.assign({},s),{selected:!0})):s})),!t&&l<n&&(e.disabled||(s.push(Object.assign(Object.assign({},e),{selected:!0})),l++))})),p([...s]),"2.0"===t&&A(s)}}(!0):function(e){let s=[...v];e?O.forEach((e=>{let t=!1;s=s.map((s=>{const n=e;return void 0!==n.value&&n.value===s.value?(t=!0,Object.assign(Object.assign({},s),{selected:!0})):s})),t||s.push(Object.assign(Object.assign({},e),{selected:!0}))})):O.forEach((e=>{s=s.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),p([...s]),"2.0"===t&&A(s)}(!1);else if("selectAll"===e)if(f&&f>0){const e=C(v),s=f-e;if(s<=0)return;let n=0;const l=v.map((e=>{var t;if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>{var t;return e.disabled||e.selected||b&&!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase()))?e:n<s?(n++,Object.assign(Object.assign({},e),{selected:!0})):e}))})}{const l=e;return l.disabled||(l.selected||b&&!(null===(t=l.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase())))?e:n<s?(n++,Object.assign(Object.assign({},e),{selected:!0})):e}}));p([...l]),"2.0"===t&&A(l)}else{const e=n.iterateOnOptions(v,{selected:!0},(e=>{var t;return b?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(b.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===t&&A(e)}else if("notSelected"===e){const e=n.iterateOnOptions(v,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===t&&A(e)}},onMultiSelectClear:function(){const e=n.iterateOnOptions(v,{selected:!1});p([...e]),"2.0"===t&&A(e)},onFreeFormSelect:function(e){if(!a)return void _({label:b,value:b,isFreeForm:!0,selected:!0});const s=v.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===b&&t.value===b?e:t.selected})));e&&(s.some((e=>e.label===b&&e.value===b))||s.unshift({label:b,value:b,isFreeForm:!0,selected:!0})),p([...s]),"2.0"===t&&A(s)},onMultiSelectApply:A,getSelectedOptions:E,getCurrentSelectionCount:C,isMaxSelectionsReached:y,maxSelections:f}};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as l}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:v,mode:y,selectorKey:m}=p;var f;const{selectType:j,createProperty:g,updateProperty:h}=l(m),{cacheWrap:b}=s();return r(i,Object.assign({node:u,mode:y},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===y,selectedType:u.type,allowedList:c,onSelect:e=>j(e.value,u._id)}),r(n,{mode:y,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>b((()=>v({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?h(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield((e,r)=>b((()=>v({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){h(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&a.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};h(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield v({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{p as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as l}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:y,mode:m,selectorKey:v}=p;var f;const{selectType:g,createProperty:h,updateProperty:j}=l(v),{cacheWrap:b}=s();return r(i,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>g(e.value,u._id)}),r(n,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>b((()=>y({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):h({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield((e,r)=>b((()=>y({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&a.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const T=new d,g=d=>{let{node:g,allowedNodes:_,apiHandler:j,mode:O,selectorKey:k}=d;var b,w,N,P,S,q,V,x,C,E,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(k),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),le=null===(b=null==g?void 0:g.metas)||void 0===b?void 0:b.find((e=>"date"===e.key)),ie=null===(w=null==g?void 0:g.metas)||void 0===w?void 0:w.find((e=>"frequency"===e.key)),ne=null===(N=null==g?void 0:g.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>j({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=T.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==O&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:g,addPropertyBtnText:(null==ne?void 0:ne.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==ne?void 0:ne.value,ee((()=>j({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),g._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>j({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),g._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),g._id)},mode:O,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){const l=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield j({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===O,selectedType:g.type,allowedList:_,onSelect:function(e){ue(!0),J((e=>[...l(e,{selected:!1})])),setTimeout((()=>{z(e.value,g._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===O,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(g._id),ne?U({key:"eventName",value:e.value,error:{}},g._id):I({key:"eventName",value:e.value},g._id),ie?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},g._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},g._id),le?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},g._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},g._id))},error:null!==(C=null!==(V=null===(q=null===(S=null===(P=g.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===q?void 0:q.key)&&void 0!==V?V:null===(x=null==ne?void 0:ne.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(E=null==ne?void 0:ne.error)||void 0===E?void 0:E.value})]})),(null==ie?void 0:ie.key)&&!ve&&o(n,{disabled:"view"===O,extra:{},errors:{val:null===(A=null===(B=ie.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=ie.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},g._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},g._id)}}),(null==le?void 0:le.key)&&!se&&o(n,{disabled:"view"===O,extra:{},errors:{val:null===(L=null===(M=le.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=le.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},g._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},g._id)}})]}))}))};export{g as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,T=d=>{let{node:T,allowedNodes:w,apiHandler:_,mode:j,selectorKey:O}=d;var k,b,N,P,S,q,V,x,C,E,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),le=null===(k=null==T?void 0:T.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),ie=null===(b=null==T?void 0:T.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),ne=null===(N=null==T?void 0:T.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>_({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==j&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:T,addPropertyBtnText:(null==ne?void 0:ne.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==ne?void 0:ne.value,ee((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),T._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),T._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),T._id)},mode:j,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===j,selectedType:T.type,allowedList:w,onSelect:function(e){ue(!0),J((e=>[...l(e,{selected:!1})])),setTimeout((()=>{z(e.value,T._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(T._id),ne?U({key:"eventName",value:e.value,error:{}},T._id):I({key:"eventName",value:e.value},T._id),ie?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},T._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},T._id),le?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},T._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},T._id))},error:null!==(C=null!==(V=null===(q=null===(S=null===(P=T.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===q?void 0:q.key)&&void 0!==V?V:null===(x=null==ne?void 0:ne.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(E=null==ne?void 0:ne.error)||void 0===E?void 0:E.value})]})),(null==ie?void 0:ie.key)&&!ve&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(A=null===(B=ie.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=ie.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},T._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},T._id)}}),(null==le?void 0:le.key)&&!se&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(L=null===(M=le.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=le.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},T._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},T._id)}})]}))}))};export{T as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as d}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as a}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:v,mode:y,selectorKey:m}=p;var f;const{selectType:j,createProperty:g,updateProperty:h}=a(m),{cacheWrap:P}=l();return r(s,Object.assign({node:u,mode:y},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===y,selectedType:u.type,allowedList:c,onSelect:e=>j(e.value,u._id)}),r(i,{mode:y,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>P((()=>v({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?h(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield(e=>P((()=>v({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){h(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};h(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield v({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{p as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=d(v),{cacheWrap:P}=l();return r(s,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>h(e.value,u._id)}),r(i,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>P((()=>y({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield(e=>P((()=>y({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import o from"../../components/BaseTriggerQueryBuilderNode.js";const i=i=>{var t,n;const d=null===(n=null===(t=i.node)||void 0===t?void 0:t.metas)||void 0===n?void 0:n.find((e=>"triggerName"===e.key));return r(o,Object.assign({onPropertyValueSearch:function(r,o){var t,n;return e(this,void 0,void 0,(function*(){const a=yield((r,o,t)=>e(void 0,void 0,void 0,(function*(){return yield i.apiHandler({query:{triggerName:r,propertyName:o,searchKey:t}})})))(null==d?void 0:d.value,o.name,r);return null!==(n=null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==n?n:[]}))},cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property"},i))};export{i as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import t from"../../components/BaseTriggerQueryBuilderNode.js";const o=o=>{var i,n;const a=null===(n=null===(i=o.node)||void 0===i?void 0:i.metas)||void 0===n?void 0:n.find((e=>"triggerName"===e.key));return r(t,Object.assign({onPropertyValueSearch:function(r,t){return e(this,void 0,void 0,(function*(){const i=yield((r,t,i)=>e(void 0,void 0,void 0,(function*(){return yield o.apiHandler({query:{triggerName:r,propertyName:t,searchKey:i}})})))(null==a?void 0:a.value,t.name,r);if((null==i?void 0:i.error)||!(null==i?void 0:i.data))throw new Error((null==i?void 0:i.error)||"Something went wrong while fetching the list. Please try again");return i.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))},cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property"},o))};export{o as default};
@@ -1 +1 @@
1
- import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as c}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as d}from"../../../../input/Input.js";import{InputStyleContext as e}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import n from"../../InputLoader.js";const t=I("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gJ2V4YWN0bHknKSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ21pbnV0ZShzKScsIHZhbHVlOiAnbWludXRlcycgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdCA9ICh7IHZhbCwgb25DaGFuZ2UsIGVycm9ycywgaXNMb2FkaW5nLCBkaXNhYmxlZCwgY29ubmVjdG9yVHlwZSwgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYjtcclxuICAgIGNvbnN0IFtvcHRpb25zLCBzZXRPcHRpb25zXSA9IHVzZVN0YXRlKHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpKTtcclxuICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IG51bSA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgIHNldE9wdGlvbnMoKHByZXYpID0+IHByZXYubWFwKChvcCkgPT4gKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3ApLCB7IHNlbGVjdGVkOiB0aW1lID09PSBvcC52YWx1ZSB9KSkpKTtcclxuICAgIH0sIFt2YWxdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsnMScsIHRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbXSk7XHJcbiAgICBpZiAoaXNMb2FkaW5nKSB7XHJcbiAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogMjAwIH0gfSwgeyBjaGlsZHJlbjogX2pzeChJbnB1dExvYWRlciwgeyBjb250YWluZXJTdHlsZTogeyBwYWRkaW5nOiAnNXB4IDhweCcgfSB9KSB9KSkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KElucHV0U3R5bGVDb250ZXh0LlByb3ZpZGVyLCBPYmplY3QuYXNzaWduKHsgdmFsdWU6IHtcclxuICAgICAgICAgICAgSW5wdXRXcmFwcGVyOiB7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogMTA0LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbX2pzeChJbnB1dCwgeyB0eXBlOiBcIm51bWJlclwiLCB2YXJpYW50OiBcInNtYWxsXCIsIHN0YXRlOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm9uZScsIGVycm9yTWVzc2FnZTogZXJyb3JzID09PSBudWxsIHx8IGVycm9ycyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZXJyb3JzLnZhbCwgdmFsdWU6IG51bSwgb25DaGFuZ2VUZXh0OiAodGV4dCkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFt0ZXh0LCB0aW1lXSkgfSksIF9qc3goRHJvcGRvd24sIHsgZGlzYWJsZWQ6IGRpc2FibGVkLCBwbGFjZUhvbGRlcjogXCJUaW1lXCIsIHdpZHRoOiBcIjEwOHB4XCIsIHNpemU6IFwic21hbGxcIiwgb3B0aW9uczogb3B0aW9ucywgb25TZWxlY3Q6IChvcHRpb24pID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtudW0sIG9wdGlvbi52YWx1ZV0pO1xyXG4gICAgICAgICAgICAgICAgICAgIH0gfSldIH0pIH0pKSk7XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdFdyYXBwZXIgPSAocHJvcHMpID0+IChfanN4KEluVGhlTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSk7XHJcbmV4cG9ydCBkZWZhdWx0IEluVGhlTGFzdFdyYXBwZXI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUluVGhlTGFzdC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=I=>{let{val:b,onChange:A,errors:i,isLoading:u,disabled:s,connectorType:p}=I;var a,m;const[X,y]=o((I=>"exactly"===I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(p)),r=null!==(a=null==b?void 0:b[1])&&void 0!==a?a:"days",B=null!==(m=null==b?void 0:b[0])&&void 0!==m?m:"1";return l((()=>{var I;const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),l((()=>{var I;if(void 0===(null==b?void 0:b[0])){const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";null==A||A(["1",g])}}),[]),u?g("div",Object.assign({style:{width:200}},{children:g(n,{containerStyle:{padding:"5px 8px"}})})):g(e.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(t,{children:[g(d,{type:"number",variant:"small",state:s?"disabled":"none",errorMessage:null==i?void 0:i.val,value:B,onChangeText:I=>null==A?void 0:A([I,r])}),g(c,{disabled:s,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==A||A([B,I.value])}})]})}))},A=I=>g(b,Object.assign({},I));export{A as default};
1
+ import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as c}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as d}from"../../../../input/Input.js";import{InputStyleContext as e}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import n from"../../InputLoader.js";const t=I("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gJ2V4YWN0bHknKSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ21pbnV0ZShzKScsIHZhbHVlOiAnbWludXRlcycgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdCA9ICh7IHZhbCwgb25DaGFuZ2UsIGVycm9ycywgaXNMb2FkaW5nLCBkaXNhYmxlZCwgY29ubmVjdG9yVHlwZSwgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYjtcclxuICAgIGNvbnN0IFtvcHRpb25zLCBzZXRPcHRpb25zXSA9IHVzZVN0YXRlKHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpKTtcclxuICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IG51bSA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgIHNldE9wdGlvbnMoKHByZXYpID0+IHByZXYubWFwKChvcCkgPT4gKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3ApLCB7IHNlbGVjdGVkOiB0aW1lID09PSBvcC52YWx1ZSB9KSkpKTtcclxuICAgIH0sIFt2YWxdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsnMScsIHRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbXSk7XHJcbiAgICBpZiAoaXNMb2FkaW5nKSB7XHJcbiAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogMjAwIH0gfSwgeyBjaGlsZHJlbjogX2pzeChJbnB1dExvYWRlciwgeyBjb250YWluZXJTdHlsZTogeyBwYWRkaW5nOiAnNXB4IDhweCcgfSB9KSB9KSkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KElucHV0U3R5bGVDb250ZXh0LlByb3ZpZGVyLCBPYmplY3QuYXNzaWduKHsgdmFsdWU6IHtcclxuICAgICAgICAgICAgSW5wdXRXcmFwcGVyOiB7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogMTA0LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbX2pzeChJbnB1dCwgeyB0eXBlOiBcIm51bWJlclwiLCB2YXJpYW50OiBcInNtYWxsXCIsIHN0YXRlOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm9uZScsIGVycm9yTWVzc2FnZTogZXJyb3JzID09PSBudWxsIHx8IGVycm9ycyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZXJyb3JzLnZhbCwgdmFsdWU6IG51bSwgb25DaGFuZ2VUZXh0OiAodGV4dCkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFt0ZXh0LCB0aW1lXSkgfSksIF9qc3goRHJvcGRvd24sIHsgZGlzYWJsZWQ6IGRpc2FibGVkLCBwbGFjZUhvbGRlcjogXCJUaW1lXCIsIHdpZHRoOiBcIjEwOHB4XCIsIHNpemU6IFwic21hbGxcIiwgb3B0aW9uczogb3B0aW9ucywgb25TZWxlY3Q6IChvcHRpb24pID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtudW0sIG9wdGlvbi52YWx1ZV0pO1xyXG4gICAgICAgICAgICAgICAgICAgIH0gfSldIH0pIH0pKSk7XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdFdyYXBwZXIgPSAocHJvcHMpID0+IChfanN4KEluVGhlTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSk7XHJcbmV4cG9ydCBkZWZhdWx0IEluVGhlTGFzdFdyYXBwZXI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUluVGhlTGFzdC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=I=>{let{val:b,onChange:A,errors:i,isLoading:s,disabled:u,connectorType:p}=I;var a,m;const[X,y]=l((I=>"exactly"===I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(p)),r=null!==(a=null==b?void 0:b[1])&&void 0!==a?a:"days",B=null!==(m=null==b?void 0:b[0])&&void 0!==m?m:"1";return o((()=>{var I;const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),o((()=>{var I;if(void 0===(null==b?void 0:b[0])){const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";null==A||A(["1",g])}}),[]),s?g("div",Object.assign({style:{width:200}},{children:g(n,{containerStyle:{padding:"5px 8px"}})})):g(e.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(t,{children:[g(d,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==i?void 0:i.val,value:B,onChangeText:I=>null==A?void 0:A([I,r])}),g(c,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==A||A([B,I.value])}})]})}))},A=I=>g(b,Object.assign({},I));export{A as default};
@@ -1 +1 @@
1
- import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as d}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as c}from"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as e}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import n from"../../InputLoader.js";const i=I("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblR3b0xhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2M7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IHN0YXJ0ID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnN0YXJ0KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdHlwZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),t=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],b=I=>{let{val:b,onChange:s,errors:B,isLoading:m,disabled:u}=I;var p,a,y;const[X,Z]=A(t),r=null!==(p=null==b?void 0:b.type)&&void 0!==p?p:"days",H=null!==(a=null==b?void 0:b.start)&&void 0!==a?a:"1",G=null!==(y=null==b?void 0:b.offset)&&void 0!==y?y:"2";return d((()=>{var I;const g=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days";Z((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),d((()=>{var I,g,C;if(void 0===(null==b?void 0:b.start)){const A=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",d=null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",l=null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2";null==s||s({type:A,start:d,offset:l})}}),[]),m?g("div",Object.assign({style:{width:200}},{children:g(n,{containerStyle:{padding:"5px 8px"}})})):g(e.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(i,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:G.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:H,offset:I})}),g("div",{children:g(c,{children:"to"})}),g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:H.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:I,offset:G})}),g(l,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==s||s({type:I.value,start:H,offset:G})}})]})}))};var s=I=>g(b,Object.assign({},I));export{s as default};
1
+ import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as d}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as c}from"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import e from"../../InputLoader.js";const n=I("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblR3b0xhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2M7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IHN0YXJ0ID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnN0YXJ0KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdHlwZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),t=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],b=I=>{let{val:b,onChange:s,errors:B,isLoading:m,disabled:u}=I;var p,a,y;const[X,Z]=A(t),r=null!==(p=null==b?void 0:b.type)&&void 0!==p?p:"days",H=null!==(a=null==b?void 0:b.start)&&void 0!==a?a:"1",G=null!==(y=null==b?void 0:b.offset)&&void 0!==y?y:"2";return d((()=>{var I;const g=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days";Z((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),d((()=>{var I,g,C;if(void 0===(null==b?void 0:b.start)){const A=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",d=null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",l=null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2";null==s||s({type:A,start:d,offset:l})}}),[]),m?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(i.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(n,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:G.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:H,offset:I})}),g("div",{children:g(c,{children:"to"})}),g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:H.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:I,offset:G})}),g(l,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==s||s({type:I.value,start:H,offset:G})}})]})}))};var s=I=>g(b,Object.assign({},I));export{s as default};
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===r.Date?t(n,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===r.DateRange?p.rangePickerDateOnly?t(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t(e,{isMultiSelect:p.type===r.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t(a,{isMultiSelect:p.type===r.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};
1
+ import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../_virtual/_tslib.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===r.Date?t(n,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===r.DateRange?p.rangePickerDateOnly?t(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t(e,{isMultiSelect:p.type===r.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t(a,{isMultiSelect:p.type===r.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as i}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const a=o=>{let{pageStart:t,pageEnd:n,totalRows:r,shouldShow:p}=o;if(!p)return null;const d=s.colorsV2;return e(i,Object.assign({style:{color:d.content.placeholder}},{children:["Showing ",t,"-",n>r?r:n," of"," ",r," results"]}))},l=l=>{let{pageNumber:c,pageSize:m,totalRows:h,updatePageNumber:g,updatePageSize:w,hidePageSizeOptions:u,showTotalText:j,totalTextAlignment:y="right",containerStyle:b={}}=l;const S=s.colorsV2,O=(c-1)*m+1,v=(c-1)*m+m,f=Math.ceil(h/m),D=1==f;let x=[];x=f>=5?c===f?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===f-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:f},((e,o)=>o+1));const M=[{label:"5 rows per page",value:"5",selected:5===m},{label:"10 rows per page",value:"10",selected:10===m},{label:"20 rows per page",value:"20",selected:20===m}];return e(p,Object.assign({style:b},{children:[!u&&o("div",{children:o(r,{size:"small",options:M,onSelect:w,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[o(a,{pageStart:O,pageEnd:v,totalRows:h,shouldShow:!!(!u&&h>0||u&&h>0&&j&&"left"===y)}),e("div",Object.assign({className:"pages__buttons-container"},{children:[!D&&o(d,Object.assign({active:!1,onClick:()=>{1!==c&&g(Math.max(c-1,1))},disabled:1===c},{children:o(t,{color:S.content.secondary,height:14,width:14})})),x.map((e=>o(d,Object.assign({active:e==c,onClick:()=>g(e),style:{display:1==e&&h<=m?"none":"flex"}},{children:o(i,Object.assign({style:{color:e==c?S.content.primaryInverse:S.content.secondary}},{children:e}))}),e))),!D&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==f&&g(Math.min(c+1,f))},disabled:c===f},{children:o(n,{color:S.content.secondary,height:14,width:14})}))]})),o(a,{pageStart:O,pageEnd:v,totalRows:h,shouldShow:!!(u&&h>0&&j&&"right"===y)})]}))]}))};export{l as TablePagination};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as i}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const l=o=>{let{pageStart:t,pageEnd:n,totalRows:r,shouldShow:p}=o;if(!p)return null;const d=s.colorsV2;return e(i,Object.assign({style:{color:d.content.placeholder}},{children:["Showing ",t,"-",n>r?r:n," of"," ",r," results"]}))},a=a=>{let{pageNumber:c,pageSize:m,totalRows:h,updatePageNumber:g,updatePageSize:w,hidePageSizeOptions:u,showTotalText:j,totalTextAlignment:b="right",containerStyle:y={}}=a;const S=s.colorsV2,v=(c-1)*m+1,O=(c-1)*m+m,f=Math.ceil(h/m),D=1==f;let x=[];x=f>=5?c===f?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===f-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:f},((e,o)=>o+1));const M=[{label:"5 rows per page",value:"5",selected:5===m},{label:"10 rows per page",value:"10",selected:10===m},{label:"20 rows per page",value:"20",selected:20===m}];return e(p,Object.assign({style:y},{children:[!u&&o("div",{children:o(r,{size:"small",options:M,onSelect:w,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[o(l,{pageStart:v,pageEnd:O,totalRows:h,shouldShow:!!(!u&&h>0||u&&h>0&&j&&"left"===b)}),e("div",Object.assign({className:"pages__buttons-container"},{children:[!D&&o(d,Object.assign({active:!1,onClick:()=>{1!==c&&g(Math.max(c-1,1))},disabled:1===c},{children:o(t,{color:S.content.secondary,height:14,width:14})})),x.map((e=>o(d,Object.assign({active:e==c,onClick:()=>g(e),style:{display:1==e&&h<=m?"none":"flex"}},{children:o(i,Object.assign({style:{color:e==c?S.content.primaryInverse:S.content.secondary}},{children:e}))}),e))),!D&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==f&&g(Math.min(c+1,f))},disabled:c===f},{children:o(n,{color:S.content.secondary,height:14,width:14})}))]})),o(l,{pageStart:v,pageEnd:O,totalRows:h,shouldShow:!!(u&&h>0&&j&&"right"===b)})]}))]}))};export{a as TablePagination};
@@ -1 +1 @@
1
- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:j,resetDropdown:b,maxHeight:y,backgroundcolor:D,calendarPopperConfig:k,variant:f="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,z]=n(w),U=i(null),W="small"===f?u:p;s((()=>{b&&B(void 0)}),[b]),s((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),s((()=>{H(!1),$(!1)}),[I]);const Y=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Z=e=>{U.current&&!U.current.contains(e.target)&&(F&&$(!1),Y(!1))};return s((()=>(N&&document.addEventListener("mousedown",Z),()=>{document.removeEventListener("mousedown",Z)})),[N]),e(o,{children:t(g,Object.assign({drop:"down",show:N,onToggle:Y,bgColor:D,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R||void 0},{children:e(W,Object.assign({style:"small"===f||P?{color:P||d.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?E?h(E[0],C)===h(E[1],C)?`${h(E[0],C)}`:`${h(E[0],C)} to ${h(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:U},{children:t(g,Object.assign({drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:y||"auto",overflowY:"scroll"}},{children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(O,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:C})})):e(O,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),z(e),Y(),!e.noOfDays)return void j(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),j(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)||0,(null==k?void 0:k.offsetDistance)||0]}}]}},{children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)||void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)||void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,j(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),z(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],j(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),z(M),$(!1),A([e,e]),H(!N)}})}))]}))})),document.body)]}))})},O=n=>{let{eachOption:i,selectedOption:s,selectedDate:l,onClickingEachItem:r,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,Object.assign({isFirstItem:u,isLastItem:c,onClick:()=>r(i),isSelected:i.isCustom?i.key==(null==s?void 0:s.key)&&!!l:i.key==(null==s?void 0:s.key)},{children:[e(p,Object.assign({color:i.key==(null==s?void 0:s.key)?a.positive[900]:a.grayscale[900]},{children:i.label})),i.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:i.subLabel})):e(o,{}),l&&(null==s?void 0:s.isCustom)&&i.key==(null==s?void 0:s.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:d?`${h(l[0],g)} to ${h(l[1],g)}`:`${h(l[0],g)}`}))]}),i.key)},h=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,O as EachItem,h as formatDate};
1
+ import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:h,resetDropdown:b,maxHeight:y,backgroundcolor:D,calendarPopperConfig:k,variant:f="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,_]=n(w),z=i(null),U="small"===f?u:p;s((()=>{b&&B(void 0)}),[b]),s((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),s((()=>{H(!1),$(!1)}),[I]);const W=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Y=e=>{z.current&&!z.current.contains(e.target)&&(F&&$(!1),W(!1))};return s((()=>(N&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)})),[N]),e(o,{children:t(g,Object.assign({drop:"down",show:N,onToggle:W,bgColor:D,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R||void 0},{children:e(U,Object.assign({style:"small"===f||P?{color:P||d.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?E?O(E[0],C)===O(E[1],C)?`${O(E[0],C)}`:`${O(E[0],C)} to ${O(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:z},{children:t(g,Object.assign({drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:y||"auto",overflowY:"scroll"}},{children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:C})})):e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),_(e),W(),!e.noOfDays)return void h(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),h(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)||0,(null==k?void 0:k.offsetDistance)||0]}}]}},{children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)||void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)||void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,h(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),_(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],h(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),_(M),$(!1),A([e,e]),H(!N)}})}))]}))})),document.body)]}))})},j=n=>{let{eachOption:i,selectedOption:s,selectedDate:l,onClickingEachItem:r,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,Object.assign({isFirstItem:u,isLastItem:c,onClick:()=>r(i),isSelected:i.isCustom?i.key==(null==s?void 0:s.key)&&!!l:i.key==(null==s?void 0:s.key)},{children:[e(p,Object.assign({color:i.key==(null==s?void 0:s.key)?a.positive[900]:a.grayscale[900]},{children:i.label})),i.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:i.subLabel})):e(o,{}),l&&(null==s?void 0:s.isCustom)&&i.key==(null==s?void 0:s.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:d?`${O(l[0],g)} to ${O(l[1],g)}`:`${O(l[0],g)}`}))]}),i.key)},O=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,j as EachItem,O as formatDate};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as c}from"../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,j,v,w;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),b=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(l,Object.assign({version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=m.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(v=m.placementStrategy)&&void 0!==v?v:"absolute",options:d.map((t=>{var n,r,d,s;const l=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:l,className:"country-flag__option",alt:t.name}),e(p,Object.assign({style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{}},{children:[o("span",Object.assign({style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary}},{children:t.code}))," ",o("span",Object.assign({style:{color:null!==(s=m.dialColor)&&void 0!==s?s:c.text.primary}},{children:t.dial}))]}))]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)}},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[!m.hideFlagImage&&o("img",{src:b,className:"country-flag__selected-option",alt:g.name}),o(p,Object.assign({style:null!==(w=m.countryTextStyle)&&void 0!==w?w:{}},{children:g.dial}))]})),o(t,{width:24,height:24,color:c.content.primary})]}))}))};export{m as CountryCodePicker};
1
+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as c}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,j,v,w;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),b=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(l,Object.assign({version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=m.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(v=m.placementStrategy)&&void 0!==v?v:"absolute",options:d.map((t=>{var n,r,d,s;const l=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:l,className:"country-flag__option",alt:t.name}),e(p,Object.assign({style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{}},{children:[o("span",Object.assign({style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary}},{children:t.code}))," ",o("span",Object.assign({style:{color:null!==(s=m.dialColor)&&void 0!==s?s:c.text.primary}},{children:t.dial}))]}))]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)}},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[!m.hideFlagImage&&o("img",{src:b,className:"country-flag__selected-option",alt:g.name}),o(p,Object.assign({style:null!==(w=m.countryTextStyle)&&void 0!==w?w:{}},{children:g.dial}))]})),o(t,{width:24,height:24,color:c.content.primary})]}))}))};export{m as CountryCodePicker};
@@ -1 +1 @@
1
- import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/chevronDown.svg.js";import{useState as r,useMemo as s}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryOption as i,StyledCountryPickerContainer as c}from"./CountryPicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as l}from"../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as m}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const a=a=>{let{version:u,onCountrySelect:h,selectedCountry:y,popoverWidth:j="300px",height:w,placement:g="bottom-start",placementStrategy:b="absolute",disabled:v=!1,hideFlagImage:O=!1,containerStyles:f,placeholder:C="Select a country",showCountryCode:D=!0,countryTextStyle:S,onDropdownClick:x}=a;var I;const[k,B]=r(y),M=null!=y?y:k,L=M?`https://flagcdn.com/${null===(I=M.code)||void 0===I?void 0:I.toLowerCase()}.svg`:void 0,N=s((()=>d.map((t=>{var n;const r=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.name,searchKey:t.name,customComponent:o(i,{children:[!O&&e("img",{src:r,className:"country-flag",alt:t.name}),o("div",Object.assign({className:"country-info"},{children:[e(m,Object.assign({style:Object.assign({color:l.text.primary},S)},{children:t.name})),D&&e(m,Object.assign({style:{color:l.text.secondary,fontSize:"12px"}},{children:t.code}))]}))]}),selected:(null==M?void 0:M.code)===t.code}}))),[null==M?void 0:M.code,O,D,S]);return e(p,Object.assign({version:u,isSearchable:!0,width:j,placement:g,strategy:b,options:N,disabled:v,onSelect:o=>(o=>{const e=d.find((e=>e.code===o.value));e&&(void 0===y&&B(e),h(e))})(o)},{children:o(c,Object.assign({height:w,style:f,onClick:x,disabled:v},{children:[e("div",Object.assign({className:"content__wrapper"},{children:M?o(t,{children:[!O&&L&&e("img",{src:L,className:"country-flag",alt:M.name}),e(m,Object.assign({style:S},{children:M.name}))]}):e(m,Object.assign({style:Object.assign({color:l.text.disabled},S)},{children:C}))})),e(n,{width:24,height:24,color:v?l.text.disabled:l.content.primary})]}))}))};export{a as CountryPicker};
1
+ import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/chevronDown.svg.js";import{useState as r,useMemo as s}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryOption as i,StyledCountryPickerContainer as c}from"./CountryPicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as l}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as m}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const a=a=>{let{version:u,onCountrySelect:h,selectedCountry:j,popoverWidth:y="300px",height:w,placement:g="bottom-start",placementStrategy:b="absolute",disabled:v=!1,hideFlagImage:O=!1,containerStyles:f,placeholder:C="Select a country",showCountryCode:D=!0,countryTextStyle:S,onDropdownClick:x}=a;var I;const[k,B]=r(j),M=null!=j?j:k,L=M?`https://flagcdn.com/${null===(I=M.code)||void 0===I?void 0:I.toLowerCase()}.svg`:void 0,N=s((()=>d.map((t=>{var n;const r=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.name,searchKey:t.name,customComponent:o(i,{children:[!O&&e("img",{src:r,className:"country-flag",alt:t.name}),o("div",Object.assign({className:"country-info"},{children:[e(m,Object.assign({style:Object.assign({color:l.text.primary},S)},{children:t.name})),D&&e(m,Object.assign({style:{color:l.text.secondary,fontSize:"12px"}},{children:t.code}))]}))]}),selected:(null==M?void 0:M.code)===t.code}}))),[null==M?void 0:M.code,O,D,S]);return e(p,Object.assign({version:u,isSearchable:!0,width:y,placement:g,strategy:b,options:N,disabled:v,onSelect:o=>(o=>{const e=d.find((e=>e.code===o.value));e&&(void 0===j&&B(e),h(e))})(o)},{children:o(c,Object.assign({height:w,style:f,onClick:x,disabled:v},{children:[e("div",Object.assign({className:"content__wrapper"},{children:M?o(t,{children:[!O&&L&&e("img",{src:L,className:"country-flag",alt:M.name}),e(m,Object.assign({style:S},{children:M.name}))]}):e(m,Object.assign({style:Object.assign({color:l.text.disabled},S)},{children:C}))})),e(n,{width:24,height:24,color:v?l.text.disabled:l.content.primary})]}))}))};export{a as CountryPicker};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import c from"../../utils/DateUtils.js";import l from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const j=e=>{const o=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;o.push({label:s,value:s,selected:s===e},{label:i,value:i,selected:i===e})}return o},w=w=>{const[D,f]=n(w.time),[h,v]=n(w.date);s((()=>{w.setError(void 0);const e=c.convert12HourTimeTo24Hour(D),o=t(new Date,"HH:mm:ss");if(r(h)&&e<o)return void w.setError("Selected time should be later than current time");w.setError(void 0);const[n,s]=e.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),w.onChange(i)}),[h,D]);return e(u,{children:[e("div",Object.assign({style:{display:"flex",gap:16}},{children:[o("div",Object.assign({style:{flex:1}},{children:o(i,{customDate:h,setCustomDate:v,placement:w.placement,minDate:w.minDate})})),o("div",Object.assign({style:{flex:1}},{children:o(m,Object.assign({options:j(D),onSelect:e=>{f(e.value)}},{children:o(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:l},onChangeText:e=>(e=>{if(c.timeFormatValidation(e)){const o=c.convert12HourTimeTo24Hour(e),n=t(new Date,"HH:mm:ss");if(r(h)&&o<n)return void w.setError("Selected time should be later than current time");w.setError(void 0),f(e)}else w.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),w.error&&o(p,Object.assign({style:{paddingTop:8}},{children:w.error}))]})};export{w as CustomDateTime};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const j=e=>{const o=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;o.push({label:s,value:s,selected:s===e},{label:i,value:i,selected:i===e})}return o},w=w=>{const[D,f]=n(w.time),[h,v]=n(w.date);s((()=>{w.setError(void 0);const e=l.convert12HourTimeTo24Hour(D),o=t(new Date,"HH:mm:ss");if(r(h)&&e<o)return void w.setError("Selected time should be later than current time");w.setError(void 0);const[n,s]=e.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),w.onChange(i)}),[h,D]);return e(u,{children:[e("div",Object.assign({style:{display:"flex",gap:16}},{children:[o("div",Object.assign({style:{flex:1}},{children:o(i,{customDate:h,setCustomDate:v,placement:w.placement,minDate:w.minDate})})),o("div",Object.assign({style:{flex:1}},{children:o(m,Object.assign({options:j(D),onSelect:e=>{f(e.value)}},{children:o(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:e=>(e=>{if(l.timeFormatValidation(e)){const o=l.convert12HourTimeTo24Hour(e),n=t(new Date,"HH:mm:ss");if(r(h)&&o<n)return void w.setError("Selected time should be later than current time");w.setError(void 0),f(e)}else w.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),w.error&&o(p,Object.assign({style:{paddingTop:8}},{children:w.error}))]})};export{w as CustomDateTime};
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import s,{useState as p}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=p(null),[D,h]=p(null),[y,f]=p(!1),{styles:g,attributes:O}=i(u,D,{placement:j.placement}),b=s.useRef();return m(b,(()=>{f(!1)})),e(o,{children:[e("div",Object.assign({className:"date-preview",ref:w,onClick:()=>{f(!y)}},{children:[t(r,{width:24,height:24}),t("span",Object.assign({style:{marginLeft:8}},{children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")})),t(n,{style:{marginLeft:"auto"},width:22,height:22})]})),y&&t(c,Object.assign({ref:h,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},O.popper,{children:t("div",Object.assign({ref:b},{children:t(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})}))}))}))]})};export{j as default};
1
+ import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import s,{useState as p}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../_virtual/_tslib.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=p(null),[D,h]=p(null),[y,f]=p(!1),{styles:g,attributes:O}=i(u,D,{placement:j.placement}),b=s.useRef();return m(b,(()=>{f(!1)})),e(o,{children:[e("div",Object.assign({className:"date-preview",ref:w,onClick:()=>{f(!y)}},{children:[t(r,{width:24,height:24}),t("span",Object.assign({style:{marginLeft:8}},{children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")})),t(n,{style:{marginLeft:"auto"},width:22,height:22})]})),y&&t(c,Object.assign({ref:h,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},O.popper,{children:t("div",Object.assign({ref:b},{children:t(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})}))}))}))]})};export{j as default};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{TimePickerContainer as n,TimeInputWrapper as p,TimeLabel as i}from"./DatePicker.styled.js";const d=d=>{let{fromTime:l="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:m,timeInterval:c=30}=d;const u=e((()=>{const t=[];for(let o=0;o<1440;o+=c){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===l})}if(l&&!t.find((t=>t.value===l))){const[o,e]=l.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:l,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[c,l]),w=e((()=>{const t=[];for(let o=0;o<1440;o+=c){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===s})}if(s&&!t.find((t=>t.value===s))){const[o,e]=s.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:s,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[c,s]),S=(t,o)=>{if(t)return o.find((o=>o.value===t))},h=S(l,u),j=S(s,w);return t(n,{children:[t(p,{children:[o(i,{children:"From"}),o(r,{placeHolder:"HH:MM",options:u,defaultOptions:h?[h]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t(p,{children:[o(i,{children:"To"}),o(r,{placeHolder:"HH:MM",options:w,defaultOptions:j?[j]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==m||m(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{d as TimePicker};
1
+ import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{TimePickerContainer as n,TimeInputWrapper as p,TimeLabel as i}from"./DatePicker.styled.js";const l=l=>{let{fromTime:d="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:m,timeInterval:u=30}=l;const c=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===d})}if(d&&!t.find((t=>t.value===d))){const[o,e]=d.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:d,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,d]),w=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===s})}if(s&&!t.find((t=>t.value===s))){const[o,e]=s.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:s,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,s]),S=(t,o)=>{if(t)return o.find((o=>o.value===t))},h=S(d,c),j=S(s,w);return t(n,{children:[t(p,{children:[o(i,{children:"From"}),o(r,{placeHolder:"HH:MM",options:c,defaultOptions:h?[h]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t(p,{children:[o(i,{children:"To"}),o(r,{placeHolder:"HH:MM",options:w,defaultOptions:j?[j]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==m||m(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{l as TimePicker};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{format as n}from"date-fns";import{useState as r,useEffect as i}from"react";import{CustomDateTime as s}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as a}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as p}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../constants/Theme.js";import"lodash/debounce";import{BodySecondary as d}from"../../TypographyStyle.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as c}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const l=l=>{var m;const[u,D]=r(),[x,f]=r(),j=(new Date).setDate((new Date).getDate()+1),w=()=>{try{const e=l.discountData.expireAt;if(!e)return j;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=j),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),j):t}catch(e){return console.error("safeToDate error:",e),j}},I=[{selected:l.selectedExpiration===a.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:a.DYNAMIC_EXPIRATION},{selected:l.selectedExpiration===a.FIXED_EXPIRATION,label:"Fixed expiry date",value:a.FIXED_EXPIRATION}];i((()=>{(void 0===l.selectedExpiration||null===l.selectedExpiration||u||x)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),l.selectedExpiration&&(u||x)&&(l.selectedExpiration===a.FIXED_EXPIRATION?f(void 0):D(void 0))}),[l.selectedExpiration,u,x]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"}},{children:[t("div",{children:!l.hideExpirationOptions&&e(o,{children:[t(d,Object.assign({style:{marginBottom:8}},{children:"Expiration"})),t("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:t(p,{width:"268px",options:I,placement:"bottom-start",onSelect:e=>{const t=e.value;l.setSelectedExpiration(t),l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})}))]})}),l.selectedExpiration===a.DYNAMIC_EXPIRATION&&t(c,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{f(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):f("Please enter valid input")})(e)},isRequired:!0,errorMessage:l.inValidCouponExpiry?"Required Field":x,state:l.inValidCouponExpiry?"invalid":"none"}),l.selectedExpiration===a.FIXED_EXPIRATION&&e(o,{children:[t(d,{children:"Expiring on"}),t(s,{placement:"bottom-start",time:(()=>{try{return n(w(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(w()),error:u,setError:D,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(j)})]})]}))};export{l as CouponExpiration};
1
+ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{format as n}from"date-fns";import{useState as r,useEffect as i}from"react";import{CustomDateTime as s}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as a}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as p}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../constants/Theme.js";import"../../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as d}from"../../TypographyStyle.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as c}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const l=l=>{var m;const[u,D]=r(),[x,f]=r(),j=(new Date).setDate((new Date).getDate()+1),w=()=>{try{const e=l.discountData.expireAt;if(!e)return j;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=j),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),j):t}catch(e){return console.error("safeToDate error:",e),j}},I=[{selected:l.selectedExpiration===a.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:a.DYNAMIC_EXPIRATION},{selected:l.selectedExpiration===a.FIXED_EXPIRATION,label:"Fixed expiry date",value:a.FIXED_EXPIRATION}];i((()=>{(void 0===l.selectedExpiration||null===l.selectedExpiration||u||x)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),l.selectedExpiration&&(u||x)&&(l.selectedExpiration===a.FIXED_EXPIRATION?f(void 0):D(void 0))}),[l.selectedExpiration,u,x]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"}},{children:[t("div",{children:!l.hideExpirationOptions&&e(o,{children:[t(d,Object.assign({style:{marginBottom:8}},{children:"Expiration"})),t("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:t(p,{width:"268px",options:I,placement:"bottom-start",onSelect:e=>{const t=e.value;l.setSelectedExpiration(t),l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})}))]})}),l.selectedExpiration===a.DYNAMIC_EXPIRATION&&t(c,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{f(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):f("Please enter valid input")})(e)},isRequired:!0,errorMessage:l.inValidCouponExpiry?"Required Field":x,state:l.inValidCouponExpiry?"invalid":"none"}),l.selectedExpiration===a.FIXED_EXPIRATION&&e(o,{children:[t(d,{children:"Expiring on"}),t(s,{placement:"bottom-start",time:(()=>{try{return n(w(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(w()),error:u,setError:D,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(j)})]})]}))};export{l as CouponExpiration};