@bikdotai/bik-component-library 0.0.208 → 0.0.209-beta.7

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 (80) hide show
  1. package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  2. package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  3. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  4. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  6. package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.d.ts +1 -0
  7. package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js +1 -1
  8. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts +5 -1
  9. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  10. package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +2 -0
  11. package/dist/cjs/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +1 -0
  12. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  13. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  14. package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
  15. package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
  16. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  17. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  18. package/dist/cjs/components/dropdown/Common.styled.d.ts +3 -1
  19. package/dist/cjs/components/dropdown/Common.styled.js +4 -4
  20. package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts +6 -0
  21. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  22. package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +1 -1
  23. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  24. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  25. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +1 -0
  26. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  27. package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts +39 -0
  28. package/dist/cjs/components/dropdown/hooks/useDropdown.js +1 -0
  29. package/dist/cjs/components/dropdown/index.d.ts +2 -1
  30. package/dist/cjs/components/dropdown/type.d.ts +1 -0
  31. package/dist/cjs/components/dropdown-button/DropdownButton.d.ts +2 -2
  32. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -0
  33. package/dist/cjs/components/dropdown-button/DropdownButton.style.js +9 -0
  34. package/dist/cjs/components/dropdown-button/index.d.ts +1 -0
  35. package/dist/cjs/components/input/Input.d.ts +1 -0
  36. package/dist/cjs/components/input/Input.js +1 -1
  37. package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
  38. package/dist/cjs/index.d.ts +1 -0
  39. package/dist/cjs/index.js +1 -1
  40. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  41. package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  42. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  43. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  44. package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  45. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.d.ts +1 -0
  46. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js +1 -1
  47. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts +5 -1
  48. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  49. package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +2 -0
  50. package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +1 -0
  51. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  52. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  53. package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
  54. package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
  55. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  56. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  57. package/dist/esm/components/dropdown/Common.styled.d.ts +3 -1
  58. package/dist/esm/components/dropdown/Common.styled.js +6 -6
  59. package/dist/esm/components/dropdown/DropdownPopover/index.d.ts +6 -0
  60. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  61. package/dist/esm/components/dropdown/MenuItem/MenuItem.js +1 -1
  62. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  63. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  64. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +1 -0
  65. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  66. package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +39 -0
  67. package/dist/esm/components/dropdown/hooks/useDropdown.js +1 -0
  68. package/dist/esm/components/dropdown/index.d.ts +2 -1
  69. package/dist/esm/components/dropdown/type.d.ts +1 -0
  70. package/dist/esm/components/dropdown-button/DropdownButton.d.ts +2 -2
  71. package/dist/esm/components/dropdown-button/DropdownButton.js +1 -0
  72. package/dist/esm/components/dropdown-button/DropdownButton.style.js +9 -0
  73. package/dist/esm/components/dropdown-button/index.d.ts +1 -0
  74. package/dist/esm/components/input/Input.d.ts +1 -0
  75. package/dist/esm/components/input/Input.js +1 -1
  76. package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
  77. package/dist/esm/index.d.ts +1 -0
  78. package/dist/esm/index.js +1 -1
  79. package/package.json +1 -1
  80. package/CHANGELOG.md +0 -7
@@ -26,3 +26,4 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
26
26
  searchKey?: string | undefined;
27
27
  options: SingleOption[];
28
28
  })[];
29
+ export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iterateOnOptions=function(s,t,e){return s.map((s=>{if(s.options){const n=s.options.map((s=>!e||e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s)));return Object.assign(Object.assign({},s),{options:[...n]})}return!e||e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s)}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iterateOnOptions=function(t,s,e){return t.map((t=>{if(t.options){const n=t.options.map((t=>!e||e(t)?Object.assign(Object.assign({},t),s):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...n]})}return!e||e(t)?Object.assign(Object.assign({},t),s):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,s){t.forEach((t=>{t.options?t.options.forEach(s):s(t)}))};
@@ -0,0 +1,39 @@
1
+ /// <reference types="react" />
2
+ import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
3
+ import { DropdownOption, SingleOption } from '../type';
4
+ export declare const useDropdown: (options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined) => {
5
+ dropdownOptions: DropdownOption[];
6
+ search: (searchKey: string) => void;
7
+ searchedString: string;
8
+ searchedOptions: DropdownOption[];
9
+ onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
10
+ label: string;
11
+ value: string;
12
+ description?: string | null | undefined;
13
+ selected?: boolean | undefined;
14
+ disabled?: boolean | undefined;
15
+ isFreeForm?: boolean | undefined;
16
+ subText?: string | undefined;
17
+ trailingIcon?: JSX.Element | undefined;
18
+ leadingIcon?: JSX.Element | undefined;
19
+ customComponent?: JSX.Element | undefined;
20
+ searchKey?: string | undefined;
21
+ } | {
22
+ label?: string | undefined;
23
+ value?: string | undefined;
24
+ description?: string | null | undefined;
25
+ selected?: boolean | undefined;
26
+ disabled?: boolean | undefined;
27
+ isFreeForm?: boolean | undefined;
28
+ subText?: string | undefined;
29
+ trailingIcon?: JSX.Element | undefined;
30
+ leadingIcon?: JSX.Element | undefined;
31
+ customComponent?: JSX.Element | undefined;
32
+ searchKey?: string | undefined;
33
+ options: SingleOption[];
34
+ })[] | undefined;
35
+ selectAllHandler: (newState: SelectAllCheckboxState) => void;
36
+ onMultiSelectClear: () => void;
37
+ onFreeFormSelect: (selected: boolean) => void;
38
+ onMultiSelectApply: () => void;
39
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=(s,l,n,i)=>{const[c,a]=e.useState(null!=s?s:[]),[o,u]=e.useState([]),[r,d]=e.useState("");function p(e,s){if(n)if(o.length&&r&&i)if(e.selected){let l=!1;const n=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||n.push(e),s)return[...n];a([...n])}else{let l=!1,n=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(n=n.filter((t=>t.value!==e.value))),s)return[...n];a([...n])}else{const l=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value));if(s)return[...l];a([...l])}else null==l||l(e)}return e.useEffect((()=>{if(o.length&&r&&i){let e=[...o];const t=c.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.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])}}),[c]),e.useEffect((()=>{if(s){const e=[...s];a(n?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[s]),{dropdownOptions:c,search:function(e){if(d(e),u([]),e&&i){const s=[];t.iterateOnOptionsRaw(c,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),i(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));u([...t])}}))}},searchedString:r,searchedOptions:o,onApplyHandler:p,selectAllHandler:function(e){if(o.length&&r&&i)!function(e){let t=[...c];e?o.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):o.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),a([...t])}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(c,{selected:!0},(e=>{var t;return r?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(r.toLowerCase()))&&!e.disabled:!e.disabled}));a([...e])}else if("notSelected"===e){const e=t.iterateOnOptions(c,{selected:!1},(e=>!e.disabled));a([...e])}},onMultiSelectClear:function(){const e=t.iterateOnOptions(c,{selected:!1});a([...e])},onFreeFormSelect:function(e){if(!n)return void p({label:r,value:r,isFreeForm:!0,selected:!0});const t=c.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===r&&t.value===r?e:t.selected})));e&&(t.some((e=>e.label===r&&e.value===r))||t.unshift({label:r,value:r,isFreeForm:!0,selected:!0})),a([...t])},onMultiSelectApply:function(){const e=[];c.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==l||l([...e])}}};
@@ -1,4 +1,5 @@
1
+ import { DropdownPopover } from './DropdownPopover';
1
2
  export * from './Dropdown';
2
- export * from './DropdownPopover';
3
+ export { DropdownPopover };
3
4
  export * from './OpenedDropdown';
4
5
  export * from './MenuItem/MenuItem';
@@ -13,6 +13,7 @@ export interface OpenDropdownProps {
13
13
  onSelect?: (option: DropdownOption | DropdownOption[]) => void;
14
14
  placement?: Placement;
15
15
  strategy?: PositioningStrategy;
16
+ onSearch?: (key: string) => Promise<DropdownOption[]>;
16
17
  }
17
18
  export type GroupedOption = {
18
19
  label?: string;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
+ import { DropdownProps } from "../dropdown";
2
3
  import { ButtonProps } from '../button/model';
3
- import { OpenDropdownProps } from '../dropdown/type';
4
4
  export interface DropdownButtonProps {
5
- dropdownProps: OpenDropdownProps;
5
+ dropdownProps: DropdownProps;
6
6
  buttonProps: ButtonProps;
7
7
  iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
8
8
  }
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js");var r=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var t=require("./DropdownButton.style.js");exports.DropdownButton=n=>e.jsxs(t.DropdownButtonStyle,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[e.jsx(r.Button,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),e.jsx("div",{className:"divider"}),e.jsx(o.DropdownPopover,Object.assign({},n.dropdownProps,{children:e.jsx(r.Button,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));
@@ -0,0 +1,9 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(e).default.div`
2
+ display: flex;
3
+ flex-direction: row;
4
+ width: max-content;
5
+ .divider {
6
+ width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
7
+ background-color: ${e=>{return r=e.type,(null==e?void 0:e.disabled)?t.COLORS.content.inactive:"primary"===r?"#CDA2FC":t.COLORS.content.primaryInverse;var r}};
8
+ }
9
+ `;exports.DropdownButtonStyle=n;
@@ -0,0 +1 @@
1
+ export * from './DropdownButton';
@@ -45,6 +45,7 @@ export interface InputProps {
45
45
  min: number;
46
46
  max: number;
47
47
  };
48
+ noKeyDownChange?: boolean;
48
49
  }
49
50
  export declare const Input: {
50
51
  (props: InputProps): JSX.Element;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("./Input-helper.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/errorInfo.svg.js"),s=require("./context/InputStyleProvider.js"),a=require("./Input.styled.js");const o=o=>{var u,c,d,v,h;const{placeholder:x,leftIcon:p,rightIcon:f,labelText:j,maxCharLimit:g,isRequired:y,hintText:I,type:b,state:m,validate:C,variant:S,button:E,suffixText:O,prefixText:q,onChangeText:w,value:F,noErrorHint:H,reset:T,rangeValidation:k}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),B=null==p?void 0:p.icon,M=null==f?void 0:f.icon,[A,L]=t.useState(!1),[R,z]=t.useState(!1),[D,P]=t.useState(),K="small"===S?"18px":"22px",W=t.useContext(s.InputStyleContext),[_,N]=t.useState(),V=t.useRef();t.useEffect((()=>{N(F)}),[F]),t.useEffect((()=>{var e;V.current&&(null===(e=o.onReferenceInit)||void 0===e||e.call(o,V.current))}),[V]),t.useEffect((()=>{T&&N("")}),[T]),t.useEffect((()=>{var e;z(!!o.isActive),o.isActive&&(null===(e=V.current)||void 0===e||e.focus())}),[o.isActive]),t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{var e;L(!1),("invalid"===o.state||D)&&L(!0),"active"===o.state&&(null===(e=V.current)||void 0===e||e.focus())}),[o.state,D]),t.useEffect((()=>{L(!!D)}),[D]);const G=function(e){if(i.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];e(...n)}},J=e=>{const t=g||("zip"===b?6:60);w(F||"",e),![8].includes(e.which)&&t>0&&e.target.value.length===t&&e.preventDefault()},Q=e=>{const t=e.target.value;w(t,e),N(t);const n=C||i.validateInput;if(!n||!i.isFunction(n))return;const[r,l]=n(t,b,k);L(!r),P(o.errorMessage?o.errorMessage:l)},U=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==b&&e.jsx("input",{id:o.id,style:null!==(t=null==W?void 0:W.input)&&void 0!==t?t:{},ref:V,type:["phonenumber","zip","number"].includes(b)?"number":b,value:_,onFocus:()=>(z(!0),void G(o.onFocus)),onBlur:e=>(e=>{var t;z(!1),G(null===(t=o.onBlur)||void 0===t?void 0:t.call(o,e))})(e),placeholder:x||"Enter here",onChange:Q,onKeyDown:e=>J(e)}),"multiline"===b&&e.jsx("textarea",{value:_,ref:V,onFocus:()=>z(!0),onBlur:()=>z(!1),placeholder:x||"Enter here",onChange:Q,onKeyDown:e=>J(e),maxLength:g>0?g:void 0})]})};return e.jsxs(a.RootContainer,Object.assign({width:o.width,height:o.height,state:m,type:b,style:null!==(u=null==W?void 0:W.RootContainer)&&void 0!==u?u:{}},{children:[!H&&(!!I||!!D)&&e.jsxs(a.InputFooter,Object.assign({invalid:!!D},{children:[!!D&&e.jsx(l.default,{width:16,height:16}),D||I]})),e.jsxs(a.InputWrapper,Object.assign({variant:S,state:m,width:o.width,isActive:"active"===m||R,isInvalid:A,style:null!==(c=null==W?void 0:W.InputWrapper)&&void 0!==c?c:{}},{children:[!!B&&e.jsx(a.IconHolder,Object.assign({variant:S,iconSize:K,onClick:()=>G(null==p?void 0:p.callback),isLeft:!0,style:null!==(d=null==W?void 0:W.IconHolder)&&void 0!==d?d:{}},{children:e.jsx(B,{})})),!!q&&e.jsx(a.PrefixHolder,Object.assign({variant:S},{children:q})),"default"===S&&e.jsx(a.InputContainer,{children:U()}),"small"===S&&e.jsx(a.InputContainerSmall,{children:U()}),!!M&&e.jsx(a.IconHolder,Object.assign({variant:S,iconSize:K,onClick:()=>G(null==f?void 0:f.callback),isLeft:!1},{children:e.jsx(M,{})})),!!O&&e.jsx(a.SuffixHolder,Object.assign({variant:S},{children:O})),E&&E.text&&e.jsx(n.Button,{buttonText:E.text,onClick:()=>G(null==E?void 0:E.onClick)})]})),(!!j||!!g)&&e.jsxs(a.InputHeader,Object.assign({invalid:A},{children:[e.jsxs(r.BodySecondary,{children:[j,y?e.jsx("span",{children:"*"}):""]}),g>0&&e.jsxs(a.MaxCharStyle,{children:[null!==(h=null===(v=o.value)||void 0===v?void 0:v.length)&&void 0!==h?h:0,"/",g]})]}))]}))};o.displayName="Input",exports.Input=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("./Input-helper.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/errorInfo.svg.js"),s=require("./context/InputStyleProvider.js"),a=require("./Input.styled.js");const o=o=>{var u,c,d,v,h;const{placeholder:x,leftIcon:p,rightIcon:f,labelText:j,maxCharLimit:g,isRequired:y,hintText:I,type:b,state:C,validate:m,variant:S,button:w,suffixText:E,prefixText:O,onChangeText:q,value:F,noErrorHint:H,reset:T,rangeValidation:k,noKeyDownChange:B}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),M=null==p?void 0:p.icon,A=null==f?void 0:f.icon,[L,R]=t.useState(!1),[z,D]=t.useState(!1),[K,P]=t.useState(),W="small"===S?"18px":"22px",_=t.useContext(s.InputStyleContext),[N,V]=t.useState(),G=t.useRef();t.useEffect((()=>{V(F)}),[F]),t.useEffect((()=>{var e;G.current&&(null===(e=o.onReferenceInit)||void 0===e||e.call(o,G.current))}),[G]),t.useEffect((()=>{T&&V("")}),[T]),t.useEffect((()=>{var e;D(!!o.isActive),o.isActive&&(null===(e=G.current)||void 0===e||e.focus())}),[o.isActive]),t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{var e;R(!1),("invalid"===o.state||K)&&R(!0),"active"===o.state&&(null===(e=G.current)||void 0===e||e.focus())}),[o.state,K]),t.useEffect((()=>{R(!!K)}),[K]);const J=function(e){if(i.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];e(...n)}},Q=e=>{const t=g||("zip"===b?6:60);B||q(F||"",e),![8].includes(e.which)&&t>0&&e.target.value.length===t&&e.preventDefault()},U=e=>{const t=e.target.value;q(t,e),V(t);const n=m||i.validateInput;if(!n||!i.isFunction(n))return;const[r,l]=n(t,b,k);R(!r),P(o.errorMessage?o.errorMessage:l)},X=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==b&&e.jsx("input",{id:o.id,style:null!==(t=null==_?void 0:_.input)&&void 0!==t?t:{},ref:G,type:["phonenumber","zip","number"].includes(b)?"number":b,value:N,onFocus:()=>(D(!0),void J(o.onFocus)),onBlur:e=>(e=>{var t;D(!1),J(null===(t=o.onBlur)||void 0===t?void 0:t.call(o,e))})(e),placeholder:x||"Enter here",onChange:U,onKeyDown:e=>Q(e)}),"multiline"===b&&e.jsx("textarea",{value:N,ref:G,onFocus:()=>D(!0),onBlur:()=>D(!1),placeholder:x||"Enter here",onChange:U,onKeyDown:e=>Q(e),maxLength:g>0?g:void 0})]})};return e.jsxs(a.RootContainer,Object.assign({width:o.width,height:o.height,state:C,type:b,style:null!==(u=null==_?void 0:_.RootContainer)&&void 0!==u?u:{}},{children:[!H&&(!!I||!!K)&&e.jsxs(a.InputFooter,Object.assign({invalid:!!K},{children:[!!K&&e.jsx(l.default,{width:16,height:16}),K||I]})),e.jsxs(a.InputWrapper,Object.assign({variant:S,state:C,width:o.width,isActive:"active"===C||z,isInvalid:L,style:null!==(c=null==_?void 0:_.InputWrapper)&&void 0!==c?c:{}},{children:[!!M&&e.jsx(a.IconHolder,Object.assign({variant:S,iconSize:W,onClick:()=>J(null==p?void 0:p.callback),isLeft:!0,style:null!==(d=null==_?void 0:_.IconHolder)&&void 0!==d?d:{}},{children:e.jsx(M,{})})),!!O&&e.jsx(a.PrefixHolder,Object.assign({variant:S},{children:O})),"default"===S&&e.jsx(a.InputContainer,{children:X()}),"small"===S&&e.jsx(a.InputContainerSmall,{children:X()}),!!A&&e.jsx(a.IconHolder,Object.assign({variant:S,iconSize:W,onClick:()=>J(null==f?void 0:f.callback),isLeft:!1},{children:e.jsx(A,{})})),!!E&&e.jsx(a.SuffixHolder,Object.assign({variant:S},{children:E})),w&&w.text&&e.jsx(n.Button,{buttonText:w.text,onClick:()=>J(null==w?void 0:w.onClick)})]})),(!!j||!!g)&&e.jsxs(a.InputHeader,Object.assign({invalid:L},{children:[e.jsxs(r.BodySecondary,{children:[j,y?e.jsx("span",{children:"*"}):""]}),g>0&&e.jsxs(a.MaxCharStyle,{children:[null!==(h=null===(v=o.value)||void 0===v?void 0:v.length)&&void 0!==h?h:0,"/",g]})]}))]}))};o.displayName="Input",exports.Input=o;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const WorkingStepper: () => JSX.Element;
2
3
  export declare enum STEPENUM {
3
4
  STEP1 = "STEP1",
@@ -61,3 +61,4 @@ export * from './components/access-token-troubleshoot-dialog';
61
61
  export * from './components/radioList';
62
62
  export * from './components/checkList';
63
63
  export * from './components/postPicker';
64
+ export * from './components/dropdown-button';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),A=require("./components/template-preview/helpers/VariableEditorHelper.js"),C=require("./components/template-preview/models/TemplateMeta.js"),y=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),h=require("./components/floating-action-button/FloatingActionButton.js"),b=require("./components/floating-action-button/FloatingActionButton.styles.js"),B=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),k=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),L=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),M=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),N=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),se=require("./components/alerts/AlertHelper.js"),pe=require("./components/thumbnail/Thumbnail.js"),ae=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),Te=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),xe=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ae=require("./components/states-modal/DeleteConfirmationModal.js"),Ce=require("./components/states/StateComponent.js"),ye=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),he=require("./components/image-cropper/BikImageCropper.js"),be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),Be=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),ke=require("./components/bik-layout/SimpleSidebar.js"),Le=require("./components/bik-layout/BikSidebar.js"),Me=require("./components/bik-layout/FeatureModal.js"),Ne=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js"),ze=require("./components/carousel-secondary/CarouselSecondary.js"),Ke=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Xe=require("./components/radioList/RadioList.js"),Ze=require("./components/checkList/CheckList.js"),Je=require("./components/postPicker/postPicker.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=T.WhatsappLikePreview,exports.WhatsappLikePreviewV2=x.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=A.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return C.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=C.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return C.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return C.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return C.TEMPLATE_STATUS}}),exports.TemplateContextMapper=y.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=h.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return b.DROP_POSITION}}),exports.DropdownToggleContainer=b.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return b.FAB_POSITION}}),exports.FloatingActionButtonContainer=b.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=b.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return b.MENU_ALIGNMENT}}),exports.StyledDropdown=b.StyledDropdown,exports.TooltipStyled=b.TooltipStyled,exports.ImageService=B.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=k.queryBuilderSlice,exports.queryBuilderCacheSlice=L.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return M.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return M.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return M.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return M.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return M.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return M.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return M.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return M.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return M.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return M.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return M.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return M.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return M.STRING_OPERATORS}}),exports.StyledModal=N.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return se.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=se.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return pe.RATIO}}),exports.Thumbnail=pe.Thumbnail,exports.Curtain=ae.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=Te.BikShimmer,exports.TablePagination=xe.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ae.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ce.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ce.ButtonTypes}}),exports.StateComponent=Ce.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ce.StateInterface}}),exports.WhatsAppTextEditor=ye.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=he.BikImageCropper,exports.BikImagePipeline=be.BikImagePipeline,exports.ButtonGroup=Be.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=ke.SimpleSidebar,exports.BikSidebar=Le.BikSidebar,exports.FeatureModal=Me.FeatureModal,exports.SidebarSkeleton=Ne.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel,exports.CarouselSecondary=ze.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Ke.AccessTokenTroubleshootDialog,exports.RadioList=Xe.RadioList,exports.CheckList=Ze.CheckList,Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Je.MEDIA_TYPES}}),exports.PostPicker=Je.PostPicker;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),A=require("./components/template-preview/helpers/VariableEditorHelper.js"),C=require("./components/template-preview/models/TemplateMeta.js"),y=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),h=require("./components/floating-action-button/FloatingActionButton.styles.js"),b=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),q=require("./components/progress-bar/ProgressBarComponent.js"),_=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),k=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),L=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),D=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),M=require("./components/modals/styledModal.js"),N=require("./components/dropdown/DropdownPopover/index.js"),w=require("./components/dropdown/Dropdown.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),se=require("./components/alerts/AlertHelper.js"),pe=require("./components/thumbnail/Thumbnail.js"),ae=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),Te=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),xe=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ae=require("./components/states-modal/DeleteConfirmationModal.js"),Ce=require("./components/states/StateComponent.js"),ye=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),he=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),be=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),qe=require("./components/colourInput/ColourInput.js"),_e=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),ke=require("./components/bik-layout/SimpleSidebar.js"),Le=require("./components/bik-layout/BikSidebar.js"),De=require("./components/bik-layout/FeatureModal.js"),Me=require("./components/bik-layout/SidebarSkeleton.js"),Ne=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js"),ze=require("./components/carousel-secondary/CarouselSecondary.js"),Ke=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Xe=require("./components/radioList/RadioList.js"),Ze=require("./components/checkList/CheckList.js"),Je=require("./components/postPicker/postPicker.js"),$e=require("./components/dropdown-button/DropdownButton.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=T.WhatsappLikePreview,exports.WhatsappLikePreviewV2=x.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=A.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return C.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=C.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return C.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return C.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return C.TEMPLATE_STATUS}}),exports.TemplateContextMapper=y.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return h.DROP_POSITION}}),exports.DropdownToggleContainer=h.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return h.FAB_POSITION}}),exports.FloatingActionButtonContainer=h.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=h.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return h.MENU_ALIGNMENT}}),exports.StyledDropdown=h.StyledDropdown,exports.TooltipStyled=h.TooltipStyled,exports.ImageService=b.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=q.ProgressBarComponent,exports.ProgressCompletedBar=q.ProgressCompletedBar,exports.QueryBuilder=_.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=k.queryBuilderSlice,exports.queryBuilderCacheSlice=L.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return D.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return D.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return D.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return D.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return D.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return D.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return D.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return D.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return D.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return D.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return D.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return D.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return D.STRING_OPERATORS}}),exports.StyledModal=M.StyledModal,exports.DropdownPopover=N.DropdownPopover,exports.Dropdown=w.Dropdown,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return se.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=se.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return pe.RATIO}}),exports.Thumbnail=pe.Thumbnail,exports.Curtain=ae.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=Te.BikShimmer,exports.TablePagination=xe.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ae.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ce.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ce.ButtonTypes}}),exports.StateComponent=Ce.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ce.StateInterface}}),exports.WhatsAppTextEditor=ye.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=he.BikImagePipeline,exports.ButtonGroup=be.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=qe.ColourInput,exports.BikHeader=_e.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=ke.SimpleSidebar,exports.BikSidebar=Le.BikSidebar,exports.FeatureModal=De.FeatureModal,exports.SidebarSkeleton=Me.SidebarSkeleton,exports.SearchBar=Ne.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel,exports.CarouselSecondary=ze.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Ke.AccessTokenTroubleshootDialog,exports.RadioList=Xe.RadioList,exports.CheckList=Ze.CheckList,Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Je.MEDIA_TYPES}}),exports.PostPicker=Je.PostPicker,exports.DropdownButton=$e.DropdownButton;
@@ -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 l from"../../../components/AllowedListDropdown.js";import i from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as n}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new n,f=n=>{let{node:f,allowedNodes:T,apiHandler:h,mode:_,selectorKey:j}=n;var k,g,b,N,O,w,P,q,x,C,S,B,E,V,A,Q,D,M;const[L,$]=t([]),[J,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:K,createMeta:R,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(j),{cacheWrap:X}=u(),[Y,Z]=t(!0),ee=null===(k=null==f?void 0:f.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),oe=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),re=null===(b=null==f?void 0:f.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[te,ae]=t(!1),[le,ie]=t(!1),[ne,de]=t(!1),ue=e=>X((()=>h({query:{eventName:e}})),`EVENT_NAMES_${e}`),ve=(e,o)=>X((()=>h({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>h({})),"EVENT_NAMES").then((e=>{Z(!1);const o=m.convertToGroupOptions(e,(null==re?void 0:re.value)?[re.value]:void 0);if("create"!==_&&re)return $([...o]),void W(!0);$([...o]),W(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==re?void 0:re.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ue(null==re?void 0:re.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id);const e=yield ve(null==re?void 0:re.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:_},{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(l,{disabled:"view"===_,selectedType:f.type,allowedList:T,onSelect:function(e){ae(!0),setTimeout((()=>{K(e.value,f._id),ae(!1)}),1)}}),!te&&o(c,{isSearchable:!0,isLoading:Y,disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:L,selectedValues:(null==re?void 0:re.value)?[re.value]:void 0,onSelect:function(e){Array.isArray(e)||(U(f._id),re?z({key:"eventName",value:e.value,error:{}},f._id):R({key:"eventName",value:e.value},f._id),oe?(ie(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1},error:{}},f._id),ie(!1)}),1)):R({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),ee?(de(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),de(!1)}),1)):R({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(P=null===(w=null===(O=null===(N=f.metas)||void 0===N?void 0:N[0])||void 0===O?void 0:O.error)||void 0===w?void 0:w.key)&&void 0!==P?P:null===(q=null==re?void 0:re.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==re?void 0:re.error)||void 0===C?void 0:C.value})]})),(null==oe?void 0:oe.key)&&!le&&o(i,{disabled:"view"===_,extra:{},errors:{val:null===(B=null===(S=oe.error)||void 0===S?void 0:S.value)||void 0===B?void 0:B.value,operator:null===(V=null===(E=oe.error)||void 0===E?void 0:E.value)||void 0===V?void 0:V.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==oe?void 0:oe.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==ee?void 0:ee.key)&&!ne&&o(i,{disabled:"view"===_,extra:{},errors:{val:null===(Q=null===(A=ee.error)||void 0===A?void 0:A.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=ee.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:ee.value.value,connectorType:ee.value.dataType,defaultConnector:ee.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==ee?void 0:ee.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f 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 l from"../../../components/AllowedListDropdown.js";import i from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as n}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new n,f=n=>{let{node:f,allowedNodes:h,apiHandler:T,mode:_,selectorKey:j}=n;var k,g,N,b,O,P,w,q,x,C,S,V,B,E,A,Q,D,M;const[L,$]=t([]),[J,K]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:R,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(j),{cacheWrap:X}=u(),[Y,Z]=t(!0),ee=null===(k=null==f?void 0:f.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),oe=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),re=null===(N=null==f?void 0:f.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[te,ae]=t(!1),[le,ie]=t(!1),[ne,de]=t(!1),ue=e=>X((()=>T({query:{eventName:e}})),`EVENT_NAMES_${e}`),ve=(e,o)=>X((()=>T({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`),pe=(o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield T({query:{eventName:o,propertyName:r,searchKey:t}})}));return a((()=>{X((()=>T({})),"EVENT_NAMES").then((e=>{Z(!1);const o=m.convertToGroupOptions(e,(null==re?void 0:re.value)?[re.value]:void 0);if("create"!==_&&re)return $([...o]),void K(!0);$([...o]),K(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==re?void 0:re.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ue(null==re?void 0:re.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id);const e=yield ve(null==re?void 0:re.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:_,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){const e=yield pe(null==re?void 0:re.value,r.name,o);return null!==(a=null===(t=null==e?void 0:e.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(l,{disabled:"view"===_,selectedType:f.type,allowedList:h,onSelect:function(e){ae(!0),setTimeout((()=>{H(e.value,f._id),ae(!1)}),1)}}),!te&&o(c,{isSearchable:!0,isLoading:Y,disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:L,selectedValues:(null==re?void 0:re.value)?[re.value]:void 0,onSelect:function(e){Array.isArray(e)||(U(f._id),re?z({key:"eventName",value:e.value,error:{}},f._id):R({key:"eventName",value:e.value},f._id),oe?(ie(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1},error:{}},f._id),ie(!1)}),1)):R({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),ee?(de(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),de(!1)}),1)):R({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(w=null===(P=null===(O=null===(b=f.metas)||void 0===b?void 0:b[0])||void 0===O?void 0:O.error)||void 0===P?void 0:P.key)&&void 0!==w?w:null===(q=null==re?void 0:re.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==re?void 0:re.error)||void 0===C?void 0:C.value})]})),(null==oe?void 0:oe.key)&&!le&&o(i,{disabled:"view"===_,extra:{},errors:{val:null===(V=null===(S=oe.error)||void 0===S?void 0:S.value)||void 0===V?void 0:V.value,operator:null===(E=null===(B=oe.error)||void 0===B?void 0:B.value)||void 0===E?void 0:E.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==oe?void 0:oe.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==ee?void 0:ee.key)&&!ne&&o(i,{disabled:"view"===_,extra:{},errors:{val:null===(Q=null===(A=ee.error)||void 0===A?void 0:A.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=ee.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:ee.value.value,connectorType:ee.value.dataType,defaultConnector:ee.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==ee?void 0:ee.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f 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{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=n;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r(a,Object.assign({node:p,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),r(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=p.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):f({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0,error:{}}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e,error:{}}),p._id)}})]}))}))};export{n 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{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const l=l=>{let{node:s,allowedNodes:p,apiHandler:u,mode:c,selectorKey:v}=l;var y;const{selectType:m,createProperty:f,updateProperty:j}=n(v),{cacheWrap:h}=d(),P=e=>h((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`),g=(r,o)=>e(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})}));return r(a,Object.assign({node:s,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:s.type,allowedList:p,onSelect:e=>m(e.value,s._id)}),r(i,{mode:c,property:null===(y=null==s?void 0:s.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>h((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=s.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=s.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),s._id):f({name:r.id,dataType:r.type},s._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{operator:e,value:void 0,error:{}}),s._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{value:e,error:{}}),s._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const e=yield g(o.name,r);return null!==(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{l as default};
@@ -1 +1 @@
1
- import I from"@emotion/styled/base";import{jsx as g,jsxs as d}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import{Dropdown as e}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/DropdownPopover/index.js";import"../../../../zeroState/ZeroState.js";import"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as c}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import i 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblRoZUxhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICBjb25zdCBudW0gPSAoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJztcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdGltZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvZGlzcGxheS1uYW1lXHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUluVGhlTGFzdC5qcy5tYXAiXX0= */",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)."}}),s=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],C=I=>{let{val:C,onChange:b,errors:p,isLoading:u,disabled:m}=I;var A,B;const[a,y]=l(s),r=null!==(A=null==C?void 0:C[1])&&void 0!==A?A:"days",G=null!==(B=null==C?void 0:C[0])&&void 0!==B?B:"1";return o((()=>{var I;const g=null!==(I=null==C?void 0:C[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[C]),o((()=>{var I;if(void 0===(null==C?void 0:C[0])){const g=null!==(I=null==C?void 0:C[1])&&void 0!==I?I:"days";null==b||b(["1",g])}}),[]),u?g("div",Object.assign({style:{width:200}},{children:g(i,{containerStyle:{padding:"5px 8px"}})})):g(n.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:d(t,{children:[g(c,{type:"number",variant:"small",state:m?"disabled":"none",errorMessage:null==p?void 0:p.val,value:G,onChangeText:I=>null==b?void 0:b([I,r])}),g(e,{disabled:m,placeHolder:"Time",width:"108px",size:"small",options:a,onSelect:I=>{null==b||b([G,I.value])}})]})}))};var b=I=>g(C,Object.assign({},I));export{b as default};
1
+ import I from"@emotion/styled/base";import{jsx as g,jsxs as d}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as e}from"../../../../dropdown/Dropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as c}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import i 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblRoZUxhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICBjb25zdCBudW0gPSAoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJztcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdGltZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvZGlzcGxheS1uYW1lXHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUluVGhlTGFzdC5qcy5tYXAiXX0= */",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)."}}),s=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],C=I=>{let{val:C,onChange:b,errors:p,isLoading:u,disabled:m}=I;var A,B;const[a,y]=l(s),r=null!==(A=null==C?void 0:C[1])&&void 0!==A?A:"days",G=null!==(B=null==C?void 0:C[0])&&void 0!==B?B:"1";return o((()=>{var I;const g=null!==(I=null==C?void 0:C[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[C]),o((()=>{var I;if(void 0===(null==C?void 0:C[0])){const g=null!==(I=null==C?void 0:C[1])&&void 0!==I?I:"days";null==b||b(["1",g])}}),[]),u?g("div",Object.assign({style:{width:200}},{children:g(i,{containerStyle:{padding:"5px 8px"}})})):g(n.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:d(t,{children:[g(c,{type:"number",variant:"small",state:m?"disabled":"none",errorMessage:null==p?void 0:p.val,value:G,onChangeText:I=>null==b?void 0:b([I,r])}),g(e,{disabled:m,placeHolder:"Time",width:"108px",size:"small",options:a,onSelect:I=>{null==b||b([G,I.value])}})]})}))};var b=I=>g(C,Object.assign({},I));export{b as default};
@@ -1 +1 @@
1
- import{jsx as l}from"react/jsx-runtime";import{useState as e,useEffect as o}from"react";import a from"../../DropdownWrapper.js";const i=i=>{let{onChange:n,extra:r,val:t,isLoading:d,errors:s,disabled:u}=i;var c;const[v,p]=e([]),m=t;return o((()=>{var l;const e=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((l=>!!Object.keys(l).length)).map((l=>({selected:!!(null==m?void 0:m.find((e=>e.id===l.id))),label:l.name,value:l.id}))):[],o=null!==(l=null==m?void 0:m.map((l=>l.id)))&&void 0!==l?l:[],a=[...e.filter((l=>!o.includes(l.value)))].concat((null!=m?m:[]).map((l=>({value:l.id,label:l.name}))));null==m||m.forEach((l=>{let{name:e,id:o}=l;const i=a.findIndex((l=>l.value===o&&l.label===e));-1!==i&&(a[i].selected=!0)})),p([...a])}),[r,m]),l("div",{children:l(a,{disabled:u,allowFreeForm:null===(c=null==r?void 0:r.freeForm)||void 0===c||c,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!0,options:v,onSelect:function(l){if(Array.isArray(l)){const e=[];l.forEach((l=>{var o,a;l.options?null===(o=l.options)||void 0===o||o.forEach((l=>{e.push({name:l.label,id:l.value})})):e.push({name:null!==(a=l.label)&&void 0!==a?a:"",id:l.value})})),null==n||n(e)}}})})};var n=e=>l(i,Object.assign({},e));export{n as default};
1
+ import{jsx as l}from"react/jsx-runtime";import{useState as e,useEffect as o}from"react";import a from"../../DropdownWrapper.js";const i=i=>{let{onChange:n,extra:r,val:t,isLoading:d,errors:s,disabled:u,onSearch:c}=i;var v;const[p,m]=e([]),f=t;return o((()=>{var l;const e=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((l=>!!Object.keys(l).length)).map((l=>({selected:!!(null==f?void 0:f.find((e=>e.id===l.id))),label:l.name,value:l.id}))):[],o=null!==(l=null==f?void 0:f.map((l=>l.id)))&&void 0!==l?l:[],a=[...e.filter((l=>!o.includes(l.value)))].concat((null!=f?f:[]).map((l=>({value:l.id,label:l.name}))));null==f||f.forEach((l=>{let{name:e,id:o}=l;const i=a.findIndex((l=>l.value===o&&l.label===e));-1!==i&&(a[i].selected=!0)})),m([...a])}),[r,f]),l("div",{children:l(a,{onSearch:c,disabled:u,allowFreeForm:null===(v=null==r?void 0:r.freeForm)||void 0===v||v,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!0,options:p,onSelect:function(l){if(Array.isArray(l)){const e=[];l.forEach((l=>{var o,a;l.options?null===(o=l.options)||void 0===o||o.forEach((l=>{e.push({name:l.label,id:l.value})})):e.push({name:null!==(a=l.label)&&void 0!==a?a:"",id:l.value})})),null==n||n(e)}}})})};var n=e=>l(i,Object.assign({},e));export{n as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{disableOperatorDropdown as i}from"../../constants/connectorPosition.js";import{ConnectorHelper as l}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import p from"./Components/EmojiPicker.js";import a from"./Components/FreeText.js";import u from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as d,StoryIgPicker as g}from"./Components/IgPicker.js";import f from"./Components/IntegerPositiveSingle.js";import C from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import S from"./Components/NoInput.js";import I from"./Components/NumberTime.js";import T from"./Components/SingleDate.js";import P from"./Components/SingleselectDropdownFreeText.js";import y from"./Components/StringSingleValue.js";import h from"./Components/TwoDate.js";import x from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as b}from"./Connector.styled.js";const w={FreeText:a,IntegerPositiveSingle:f,IntegerSingleValue:C,StringSingleValue:y,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:P,NoInput:S,SingleDate:T,TwoNumberInputsSeperatedByAnd:x,FrequencyIntegerPositiveSingle:u,TwoDate:h,NumberTime:I,PostIgPicker:c,ReelIgPicker:d,StoryIgPicker:g,EmojiPicker:p,InTheLast:j},D=p=>{let{isLoading:a,noDefault:u,connectorType:c,defaultConnector:d,onOperatorChange:g,onValueChange:f,connectorVal:C,extra:j,errors:v,disabled:S}=p;var I,T,P;const[y,h]=t(null),[x,D]=t(!1),F=l.getConnectorType(c).map((e=>({selected:e===d,value:e,label:r(e)})));function k(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(!0);const t=l.getConnectorComponent(c,e.value);void 0!==t?c===s.frequency&&"IntegerPositiveSingle"===t?h("FrequencyIntegerPositiveSingle"):h(t):h(null),o||g(e.value),setTimeout((()=>{D(!1)}),5)}return n((()=>{u||(d?k({value:d,label:d},!0):(null==F?void 0:F[0])&&k(F[0]))}),[d]),e(b,{children:[o("div",{children:!(null===(I=null==i?void 0:i[c])||void 0===I?void 0:I[d])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:x,options:F,defaultOption:null===(T=F.filter((e=>e.selected)))||void 0===T?void 0:T[0],onSelect:k})}),null!==y&&!x&&(null===(P=w[y])||void 0===P?void 0:P.call(w,{disabled:S,val:C,onChange:f,extra:j,errors:v,isLoading:a}))]})};export{D as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{disableOperatorDropdown as i}from"../../constants/connectorPosition.js";import{ConnectorHelper as l}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import p from"./Components/EmojiPicker.js";import a from"./Components/FreeText.js";import u from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as d,StoryIgPicker as g}from"./Components/IgPicker.js";import f from"./Components/IntegerPositiveSingle.js";import C from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import S from"./Components/NoInput.js";import I from"./Components/NumberTime.js";import T from"./Components/SingleDate.js";import h from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import y from"./Components/TwoDate.js";import x from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as b}from"./Connector.styled.js";const w={FreeText:a,IntegerPositiveSingle:f,IntegerSingleValue:C,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:h,NoInput:S,SingleDate:T,TwoNumberInputsSeperatedByAnd:x,FrequencyIntegerPositiveSingle:u,TwoDate:y,NumberTime:I,PostIgPicker:c,ReelIgPicker:d,StoryIgPicker:g,EmojiPicker:p,InTheLast:j},D=p=>{let{isLoading:a,noDefault:u,connectorType:c,defaultConnector:d,onOperatorChange:g,onValueChange:f,connectorVal:C,extra:j,errors:v,disabled:S,onSearch:I}=p;var T,h,P;const[y,x]=n(null),[D,F]=n(!1),k=l.getConnectorType(c).map((e=>({selected:e===d,value:e,label:r(e)})));function N(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];F(!0);const n=l.getConnectorComponent(c,e.value);void 0!==n?c===s.frequency&&"IntegerPositiveSingle"===n?x("FrequencyIntegerPositiveSingle"):x(n):x(null),o||g(e.value),setTimeout((()=>{F(!1)}),5)}return t((()=>{u||(d?N({value:d,label:d},!0):(null==k?void 0:k[0])&&N(k[0]))}),[d]),e(b,{children:[o("div",{children:!(null===(T=null==i?void 0:i[c])||void 0===T?void 0:T[d])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:D,options:k,defaultOption:null===(h=k.filter((e=>e.selected)))||void 0===h?void 0:h[0],onSelect:N})}),null!==y&&!D&&(null===(P=w[y])||void 0===P?void 0:P.call(w,{disabled:S,val:C,onChange:f,extra:j,errors:v,isLoading:a,onSearch:I}))]})};export{D as default};
@@ -14,5 +14,6 @@ declare const DropdownWrapper: React.FC<{
14
14
  width?: string;
15
15
  disabled?: boolean;
16
16
  selectedValues?: (string | number)[];
17
+ onSearch?: (searchKey: string) => DropdownOption[];
17
18
  }>;
18
19
  export default DropdownWrapper;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{Dropdown as i}from"../../dropdown/Dropdown.js";import t from"./InputLoader.js";const s=s=>{let{options:l,onSelect:o,defaultOption:a,isSearchable:r,isLoading:n,error:d,nativeID:c,dropdownLabel:p,isMultiSelect:u,allowFreeForm:m,width:b,disabled:g,selectedValues:h}=s;return n?e(t,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e(i,{height:(null==l?void 0:l.length)?void 0:208,disabled:g,allowFreeForm:null!=m&&m,isMultiSelect:u,width:b,size:"small",placeHolder:p,error:d,isSearchable:null!=r&&r,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:h?l.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:h.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:h.includes(e.value)}))):l,onSelect:o})}))};export{s as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{Dropdown as i}from"../../dropdown/Dropdown.js";import t from"./InputLoader.js";const o=o=>{let{options:s,onSelect:l,defaultOption:a,isSearchable:r,isLoading:n,error:d,nativeID:c,dropdownLabel:p,isMultiSelect:u,allowFreeForm:m,width:b,disabled:h,selectedValues:g,onSearch:j}=o;return n?e(t,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e(i,{onSearch:j,height:(null==s?void 0:s.length)?void 0:208,disabled:h,allowFreeForm:null!=m&&m,isMultiSelect:u,width:b,size:"small",placeHolder:p,error:d,isSearchable:null!=r&&r,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:g?s.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:g.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:g.includes(e.value)}))):s,onSelect:l})}))};export{o as default};
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { DropdownOption } from "../../../../dropdown/type";
2
3
  import { BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
3
4
  import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
4
5
  type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
@@ -8,6 +9,7 @@ type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
8
9
  addPropertyBtnText?: string;
9
10
  node: BaseQueryBuilderNodeType;
10
11
  children: React.ReactNode;
12
+ onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
11
13
  };
12
14
  /**
13
15
  * @exported
@@ -15,5 +17,7 @@ type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
15
17
  * @param param0
16
18
  * @returns
17
19
  */
18
- export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps>;
20
+ export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps & {
21
+ children: React.ReactNode;
22
+ }>;
19
23
  export {};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as a}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:e(v,Object.assign({},r))}))})),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:b}=t;var j,f,h,O,A,C,T;const[x,w]=n([]),[P,L]=n({}),[S,V]=n(!0),[D,z]=n("create"===b),N=Array.isArray(x)?x.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function W(e){if(!Array.isArray(e)){z(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const n=x[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),L({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?L((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):L((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),z(!1)})):z(!1)}}return a((()=>{u?u().then((e=>{e&&(Array.isArray(e)?w([...e]):w(Object.assign({},e))),V(!1),z(!1)})):(V(!1),z(!1))}),[]),a((()=>{if("create"!==b&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&W({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),a((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&L((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:S,dropdownLabel:null!=p?p:"Select property",options:N,onSelect:W,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(j=null==g?void 0:g.error)||void 0===j?void 0:j.name}),(null==g?void 0:g.name)&&!(null===(f=i[g.dataType])||void 0===f?void 0:f[g.operator])&&e(l,{isLoading:D,disabled:"view"===b,extra:P,errors:{val:null===(h=g.error)||void 0===h?void 0:h.value,operator:null===(O=g.error)||void 0===O?void 0:O.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(A=i[g.dataType])||void 0===A?void 0:A[g.operator])&&e(l,{isLoading:D,disabled:"view"===b,extra:P,errors:{val:null===(C=g.error)||void 0===C?void 0:C.value,operator:null===(T=g.error)||void 0===T?void 0:T.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};
1
+ import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as a}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:e(v,Object.assign({},r))}))})),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:b,onPropertyValueSearch:h}=t;var j,f,O,A,C,T,S;const[x,P]=n([]),[w,V]=n({}),[L,D]=n(!0),[z,N]=n("create"===b),W=Array.isArray(x)?x.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function k(e){if(!Array.isArray(e)){N(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const n=x[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),V({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?V((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):V((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),N(!1)})):N(!1)}}return a((()=>{u?u().then((e=>{e&&(Array.isArray(e)?P([...e]):P(Object.assign({},e))),D(!1),N(!1)})):(D(!1),N(!1))}),[]),a((()=>{if("create"!==b&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&k({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),a((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&V((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:L,dropdownLabel:null!=p?p:"Select property",options:W,onSelect:k,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(j=null==g?void 0:g.error)||void 0===j?void 0:j.name}),(null==g?void 0:g.name)&&!(null===(f=i[g.dataType])||void 0===f?void 0:f[g.operator])&&e(l,{onSearch:e=>null==h?void 0:h(e,g),isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(A=g.error)||void 0===A?void 0:A.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(C=i[g.dataType])||void 0===C?void 0:C[g.operator])&&e(l,{onSearch:e=>null==h?void 0:h(e,g),isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(T=g.error)||void 0===T?void 0:T.value,operator:null===(S=g.error)||void 0===S?void 0:S.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};
@@ -19,6 +19,7 @@ export type ConnectorComponentProps = {
19
19
  nativeID?: string;
20
20
  isLoading?: boolean;
21
21
  disabled?: boolean;
22
+ onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
22
23
  };
23
24
  export type ConnectorProps = {
24
25
  isLoading?: boolean;
@@ -38,6 +39,7 @@ export type ConnectorProps = {
38
39
  };
39
40
  testID?: string;
40
41
  disabled?: boolean;
42
+ onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
41
43
  };
42
44
  export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
43
45
  type IG_VALUE = {
@@ -16,4 +16,5 @@ export type QueryBuilderPropertyProps = {
16
16
  }>;
17
17
  onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
18
18
  onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
19
+ onPropertyValueSearch(searchKey: string, property: QueryBuilderProperty): Promise<DropdownOption[]>;
19
20
  };
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as g}from"react/jsx-runtime";import I from"../../../../utils/StringUtils.js";import{COLORS as i}from"../../../../constants/Theme.js";import{useState as C,useEffect as r}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as c}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as s}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import{Chart as p,ArcElement as A,Legend as l}from"chart.js";import{Doughnut as a}from"react-chartjs-2";p.register(A,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>i.surface.standard),";border:1px solid ",(t=>i.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:i,slices:p,size:A}=t;const[l,m]=C([]),[b,u]=C();return r((()=>{const t=p.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(p).map(((t,o)=>Object.assign({color:n[o%n.length]},p[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:p.map((t=>I.capitalize(t.name))),datasets:[{data:p.map((t=>t.count)),backgroundColor:p.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[p]),b?g(e,{children:[i&&o(c,Object.assign({style:{marginBottom:16}},{children:i})),g("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:A,height:A}},{children:o(a,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!A})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(s,{slices:l})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};
1
+ import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as g}from"react/jsx-runtime";import I from"../../../../utils/StringUtils.js";import{COLORS as i}from"../../../../constants/Theme.js";import{useState as C,useEffect as r}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as c}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as s}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import{Chart as p,ArcElement as A,Legend as l}from"chart.js";import{Doughnut as d}from"react-chartjs-2";p.register(A,l);const a={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>i.surface.standard),";border:1px solid ",(t=>i.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:i,slices:p,size:A}=t;const[l,m]=C([]),[b,u]=C();return r((()=>{const t=p.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(p).map(((t,o)=>Object.assign({color:n[o%n.length]},p[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:p.map((t=>I.capitalize(t.name))),datasets:[{data:p.map((t=>t.count)),backgroundColor:p.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[p]),b?g(e,{children:[i&&o(c,Object.assign({style:{marginBottom:16}},{children:i})),g("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:A,height:A}},{children:o(d,{data:b,options:Object.assign(Object.assign({},a),{maintainAspectRatio:!A})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(s,{slices:l})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
@@ -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 p}from"./CountryCodePicker.styled.js";import"../dropdown/Dropdown.js";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../zeroState/ZeroState.js";import{BodySecondary as c}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const l=l=>{var a,u,w,h,j,y;const[v,g]=n(null!==(a=l.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),f=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{l.selectedCountry&&g(l.selectedCountry)}),[null===(w=l.selectedCountry)||void 0===w?void 0:w.code]);return o(i,Object.assign({isSearchable:!0,width:null!==(h=l.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=l.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(y=l.placementStrategy)&&void 0!==y?y:"absolute",options: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.dial,searchKey:t.name,customComponent:e(p,{children:[o("img",{src:r,className:"country-flag__option",alt:t.name}),e(c,{children:[t.code," ",t.dial]})]}),selected:v.code===t.code}})),onSelect:o=>{const e=d.filter((e=>e.code===o.value));g(e[0]),l.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:l.height},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[o("img",{src:f,className:"country-flag__selected-option",alt:v.name}),o(c,{children:v.dial})]})),o(t,{width:24,height:24,color:m.content.primary})]}))}))};export{l 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 p}from"./CountryCodePicker.styled.js";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as c}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../dropdown/OpenedDropdown/components/menu/SelectAllMenu.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const l=l=>{var a,u,w,h,j,y;const[v,g]=n(null!==(a=l.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),f=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{l.selectedCountry&&g(l.selectedCountry)}),[null===(w=l.selectedCountry)||void 0===w?void 0:w.code]);return o(i,Object.assign({isSearchable:!0,width:null!==(h=l.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=l.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(y=l.placementStrategy)&&void 0!==y?y:"absolute",options: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.dial,searchKey:t.name,customComponent:e(p,{children:[o("img",{src:r,className:"country-flag__option",alt:t.name}),e(c,{children:[t.code," ",t.dial]})]}),selected:v.code===t.code}})),onSelect:o=>{const e=d.filter((e=>e.code===o.value));g(e[0]),l.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:l.height},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[o("img",{src:f,className:"country-flag__selected-option",alt:v.name}),o(c,{children:v.dial})]})),o(t,{width:24,height:24,color:m.content.primary})]}))}))};export{l as CountryCodePicker};