@bikdotai/bik-component-library 0.0.210-beta.1 → 0.0.211-customSearch.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) 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/constants/connector.d.ts +7 -16
  11. package/dist/cjs/components/QueryBuilder/constants/connector.js +1 -1
  12. package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.d.ts +0 -2
  13. package/dist/cjs/components/QueryBuilder/helpers/Connector.helper.js +1 -1
  14. package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +3 -1
  15. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +7 -15
  16. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  17. package/dist/cjs/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +1 -0
  18. package/dist/cjs/components/accordion/Accordion.d.ts +6 -2
  19. package/dist/cjs/components/accordion/Accordion.js +1 -1
  20. package/dist/cjs/components/accordion/Accordion.style.d.ts +2 -0
  21. package/dist/cjs/components/accordion/Accordion.style.js +8 -4
  22. package/dist/cjs/components/accordion/AccordionArrow.d.ts +5 -2
  23. package/dist/cjs/components/accordion/AccordionArrow.js +1 -1
  24. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  25. package/dist/cjs/components/avatar/Avatar.js +1 -1
  26. package/dist/cjs/components/avatar/Avatar.styled.d.ts +2 -1
  27. package/dist/cjs/components/avatar/Avatar.styled.js +3 -3
  28. package/dist/cjs/components/avatar/index.d.ts +1 -0
  29. package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
  30. package/dist/cjs/components/checkBox/CheckBox.d.ts +2 -0
  31. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  32. package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +1 -0
  33. package/dist/cjs/components/checkBox/CheckBox.styled.js +13 -12
  34. package/dist/cjs/components/country-code-picker/CountryCodePicker.d.ts +1 -0
  35. package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
  36. package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
  37. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  38. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  39. package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts +0 -6
  40. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  41. package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +2 -2
  42. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  43. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts +3 -1
  44. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +10 -24
  45. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.d.ts +1 -0
  46. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js +1 -1
  47. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts +3 -1
  48. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js +2 -1
  49. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +1 -0
  50. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +1 -1
  51. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +1 -0
  52. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +4 -3
  53. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +1 -0
  54. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
  55. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +2 -0
  56. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +5 -4
  57. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +1 -0
  58. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +1 -1
  59. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  60. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts +1 -0
  61. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  62. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +1 -0
  63. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  64. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +1 -0
  65. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  66. package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts +40 -0
  67. package/dist/cjs/components/dropdown/hooks/useDropdown.js +1 -0
  68. package/dist/cjs/components/dropdown/type.d.ts +4 -1
  69. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
  70. package/dist/cjs/components/fab-menu/FABMenu.d.ts +1 -0
  71. package/dist/cjs/components/fab-menu/FABMenu.js +1 -1
  72. package/dist/cjs/components/input/Input.d.ts +2 -0
  73. package/dist/cjs/components/input/Input.js +1 -1
  74. package/dist/cjs/components/list-item/ListItem.d.ts +1 -0
  75. package/dist/cjs/components/list-item/ListItem.js +1 -1
  76. package/dist/cjs/components/list-item/ListItem.styled.d.ts +1 -0
  77. package/dist/cjs/components/list-item/ListItem.styled.js +1 -1
  78. package/dist/cjs/components/list-item/themes.d.ts +1 -1
  79. package/dist/cjs/components/list-item/themes.js +1 -1
  80. package/dist/cjs/components/radioButton/RadioButton.d.ts +2 -0
  81. package/dist/cjs/components/radioButton/RadioButton.js +1 -1
  82. package/dist/cjs/components/radioButton/RadioButton.styled.d.ts +1 -0
  83. package/dist/cjs/components/radioButton/RadioButton.styled.js +8 -7
  84. package/dist/cjs/components/states/StateComponent.d.ts +1 -0
  85. package/dist/cjs/components/states/StateComponent.js +1 -1
  86. package/dist/cjs/components/states/StateComponent.styled.d.ts +6 -2
  87. package/dist/cjs/components/states/StateComponent.styled.js +9 -6
  88. package/dist/cjs/components/tag/Tag.d.ts +1 -1
  89. package/dist/cjs/components/tag/Tag.js +1 -1
  90. package/dist/cjs/components/tag/Tag.styled.d.ts +2 -0
  91. package/dist/cjs/components/tag/Tag.styled.js +1 -1
  92. package/dist/cjs/components/tag/model.d.ts +2 -0
  93. package/dist/cjs/index.js +1 -1
  94. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  95. package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  96. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
  97. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  98. package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  99. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.d.ts +1 -0
  100. package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js +1 -1
  101. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts +5 -1
  102. package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
  103. package/dist/esm/components/QueryBuilder/constants/connector.d.ts +7 -16
  104. package/dist/esm/components/QueryBuilder/constants/connector.js +1 -1
  105. package/dist/esm/components/QueryBuilder/helpers/Connector.helper.d.ts +0 -2
  106. package/dist/esm/components/QueryBuilder/helpers/Connector.helper.js +1 -1
  107. package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +3 -1
  108. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +7 -15
  109. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  110. package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts +1 -0
  111. package/dist/esm/components/accordion/Accordion.d.ts +6 -2
  112. package/dist/esm/components/accordion/Accordion.js +1 -1
  113. package/dist/esm/components/accordion/Accordion.style.d.ts +2 -0
  114. package/dist/esm/components/accordion/Accordion.style.js +8 -4
  115. package/dist/esm/components/accordion/AccordionArrow.d.ts +5 -2
  116. package/dist/esm/components/accordion/AccordionArrow.js +1 -1
  117. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  118. package/dist/esm/components/avatar/Avatar.js +1 -1
  119. package/dist/esm/components/avatar/Avatar.styled.d.ts +2 -1
  120. package/dist/esm/components/avatar/Avatar.styled.js +3 -3
  121. package/dist/esm/components/avatar/index.d.ts +1 -0
  122. package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
  123. package/dist/esm/components/checkBox/CheckBox.d.ts +2 -0
  124. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  125. package/dist/esm/components/checkBox/CheckBox.styled.d.ts +1 -0
  126. package/dist/esm/components/checkBox/CheckBox.styled.js +7 -6
  127. package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts +1 -0
  128. package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
  129. package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
  130. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  131. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  132. package/dist/esm/components/dropdown/DropdownPopover/index.d.ts +0 -6
  133. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  134. package/dist/esm/components/dropdown/MenuItem/MenuItem.js +2 -2
  135. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  136. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts +3 -1
  137. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +10 -24
  138. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.d.ts +1 -0
  139. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js +1 -1
  140. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts +3 -1
  141. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js +2 -1
  142. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +1 -0
  143. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +1 -1
  144. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +1 -0
  145. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +4 -3
  146. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +1 -0
  147. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
  148. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +2 -0
  149. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +6 -5
  150. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +1 -0
  151. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +1 -1
  152. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  153. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts +1 -0
  154. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +1 -1
  155. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +1 -0
  156. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
  157. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +1 -0
  158. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +1 -1
  159. package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +40 -0
  160. package/dist/esm/components/dropdown/hooks/useDropdown.js +1 -0
  161. package/dist/esm/components/dropdown/type.d.ts +4 -1
  162. package/dist/esm/components/dropdown-button/DropdownButton.js +1 -1
  163. package/dist/esm/components/fab-menu/FABMenu.d.ts +1 -0
  164. package/dist/esm/components/fab-menu/FABMenu.js +1 -1
  165. package/dist/esm/components/input/Input.d.ts +2 -0
  166. package/dist/esm/components/input/Input.js +1 -1
  167. package/dist/esm/components/list-item/ListItem.d.ts +1 -0
  168. package/dist/esm/components/list-item/ListItem.js +1 -1
  169. package/dist/esm/components/list-item/ListItem.styled.d.ts +1 -0
  170. package/dist/esm/components/list-item/ListItem.styled.js +1 -1
  171. package/dist/esm/components/list-item/themes.d.ts +1 -1
  172. package/dist/esm/components/list-item/themes.js +1 -1
  173. package/dist/esm/components/radioButton/RadioButton.d.ts +2 -0
  174. package/dist/esm/components/radioButton/RadioButton.js +1 -1
  175. package/dist/esm/components/radioButton/RadioButton.styled.d.ts +1 -0
  176. package/dist/esm/components/radioButton/RadioButton.styled.js +8 -7
  177. package/dist/esm/components/states/StateComponent.d.ts +1 -0
  178. package/dist/esm/components/states/StateComponent.js +1 -1
  179. package/dist/esm/components/states/StateComponent.styled.d.ts +6 -2
  180. package/dist/esm/components/states/StateComponent.styled.js +9 -6
  181. package/dist/esm/components/tag/Tag.d.ts +1 -1
  182. package/dist/esm/components/tag/Tag.js +1 -1
  183. package/dist/esm/components/tag/Tag.styled.d.ts +2 -0
  184. package/dist/esm/components/tag/Tag.styled.js +1 -1
  185. package/dist/esm/components/tag/model.d.ts +2 -0
  186. package/dist/esm/index.js +1 -1
  187. package/package.json +1 -1
  188. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.d.ts +0 -4
  189. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +0 -1
  190. package/dist/cjs/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.d.ts +0 -2
  191. package/dist/cjs/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.js +0 -1
  192. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.d.ts +0 -4
  193. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +0 -1
  194. package/dist/esm/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.d.ts +0 -2
  195. package/dist/esm/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.js +0 -1
@@ -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/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
+ 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 c}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"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as e}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)."}}),C=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],s=I=>{let{val:s,onChange:b,errors:p,isLoading:u,disabled:m}=I;var A,B;const[a,y]=l(C),r=null!==(A=null==s?void 0:s[1])&&void 0!==A?A:"days",G=null!==(B=null==s?void 0:s[0])&&void 0!==B?B:"1";return o((()=>{var I;const g=null!==(I=null==s?void 0:s[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[s]),o((()=>{var I;if(void 0===(null==s?void 0:s[0])){const g=null!==(I=null==s?void 0:s[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(e,{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(c,{disabled:m,placeHolder:"Time",width:"108px",size:"small",options:a,onSelect:I=>{null==b||b([G,I.value])}})]})}))};var b=I=>g(s,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 n,useEffect as t}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import l from"../DropdownWrapper.js";import m from"./Components/EmojiPicker.js";import p from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as u,StoryIgPicker as d}from"./Components/IgPicker.js";import g from"./Components/IntegerPositiveSingle.js";import f from"./Components/IntegerSingleValue.js";import C from"./Components/InTheLast.js";import j from"./Components/InTwoLast.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 y from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import w from"./Components/TwoDate.js";import h from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as D}from"./Connector.styled.js";const x={FreeText:p,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:y,NoInput:S,SingleDate:T,TwoNumberInputsSeperatedByAnd:h,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:I,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:m,InTheLast:C,InTwoLast:j},F=m=>{let{isLoading:p,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:C,errors:j,disabled:v}=m;var S,I,T;const[y,P]=n(null),[w,h]=n(!1);console.log({connectorType:c,defaultConnector:u});const F=i.getDropdownOptionFromDataType(c,u);function b(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];h(!0);const n=i.getConnectorComponent(c,e.value);void 0!==n?c===s.frequency&&"IntegerPositiveSingle"===n?P("FrequencyIntegerPositiveSingle"):P(n):P(null),o||d(e.value),setTimeout((()=>{h(!1)}),5)}return t((()=>{a||(u?b({value:u,label:u},!0):(null==F?void 0:F[0])&&b(F[0]))}),[u]),e(D,{children:[o("div",{children:!(null===(S=null==r?void 0:r[c])||void 0===S?void 0:S[u])&&o(l,{isSearchable:!0,disabled:v,width:"200px",isLoading:w,options:F,defaultOption:null===(I=F.filter((e=>e.selected)))||void 0===I?void 0:I[0],onSelect:b})}),null!==y&&!w&&(null===(T=x[y])||void 0===T?void 0:T.call(x,{disabled:v,val:f,onChange:g,extra:C,errors:j,isLoading:p}))]})};export{F 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};
@@ -20,8 +20,7 @@ export declare enum CONNECTOR_VALUE_COMPONENT_TYPES {
20
20
  ReelIgPicker = "ReelIgPicker",
21
21
  StoryIgPicker = "StoryIgPicker",
22
22
  EmojiPicker = "EmojiPicker",
23
- InTheLast = "InTheLast",
24
- InTwoLast = "InTwoLast"
23
+ InTheLast = "InTheLast"
25
24
  }
26
25
  export declare const INTEGER_OPERATORS_COMPONENT: {
27
26
  is: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -60,26 +59,18 @@ export declare const REACTION_OPERATORS_COMPONENT: {
60
59
  contains: CONNECTOR_VALUE_COMPONENT_TYPES;
61
60
  };
62
61
  export declare const DATE_OPERATORS_COMPONENT: {
63
- today: CONNECTOR_VALUE_COMPONENT_TYPES;
64
- yesterday: CONNECTOR_VALUE_COMPONENT_TYPES;
65
- "last 30 days": CONNECTOR_VALUE_COMPONENT_TYPES;
66
- "last 7 days": CONNECTOR_VALUE_COMPONENT_TYPES;
67
- "this month": CONNECTOR_VALUE_COMPONENT_TYPES;
68
- "this week": CONNECTOR_VALUE_COMPONENT_TYPES;
69
- "last month": CONNECTOR_VALUE_COMPONENT_TYPES;
70
- "last week": CONNECTOR_VALUE_COMPONENT_TYPES;
71
- exactly: CONNECTOR_VALUE_COMPONENT_TYPES;
72
- "not exactly": CONNECTOR_VALUE_COMPONENT_TYPES;
73
- "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
74
- "not in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
75
- "in between last": CONNECTOR_VALUE_COMPONENT_TYPES;
76
- "not in between last": CONNECTOR_VALUE_COMPONENT_TYPES;
77
62
  on: CONNECTOR_VALUE_COMPONENT_TYPES;
78
63
  notOn: CONNECTOR_VALUE_COMPONENT_TYPES;
79
64
  inBetween: CONNECTOR_VALUE_COMPONENT_TYPES;
80
65
  notInBetween: CONNECTOR_VALUE_COMPONENT_TYPES;
81
66
  before: CONNECTOR_VALUE_COMPONENT_TYPES;
82
67
  after: CONNECTOR_VALUE_COMPONENT_TYPES;
68
+ today: CONNECTOR_VALUE_COMPONENT_TYPES;
69
+ yesterday: CONNECTOR_VALUE_COMPONENT_TYPES;
70
+ "last week": CONNECTOR_VALUE_COMPONENT_TYPES;
71
+ "last month": CONNECTOR_VALUE_COMPONENT_TYPES;
72
+ "last quarter": CONNECTOR_VALUE_COMPONENT_TYPES;
73
+ "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
83
74
  };
84
75
  export declare const SPECIFIC_IG_POST_OPERATORS_COMPONENT: {
85
76
  in: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -1 +1 @@
1
- import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as i,FREQUENCY_OPERATORS as o,DATE_OPERATORS as r,SPECIFIC_IG_OPERATORS as s,ANY_IG_OPERATORS as a,REACTION_OPERATORS as l,IG_STRING_OPERATORS as I,ANY_AD_OPERATORS as c,AD_STRING_OPERATORS as g,ICE_BREAKER_OPERATORS as u}from"../types/QueryBuilderOperator.type.js";const p={[e.boolean]:t,[e.string]:n,[e.integer]:i,[e.frequency]:o,[e.date]:r,[e.specificPost]:s,[e.specificReel]:s,[e.specificStory]:s,[e.anyIg]:a,[e.reaction]:l,[e.activityString]:I,[e.anyAd]:c,[e.specificAd]:g,[e.iceBreaker]:u};var T;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.PostIgPicker="PostIgPicker",e.ReelIgPicker="ReelIgPicker",e.StoryIgPicker="StoryIgPicker",e.EmojiPicker="EmojiPicker",e.InTheLast="InTheLast",e.InTwoLast="InTwoLast"}(T||(T={}));const S={[i.is]:T.FreeText,[i.isNot]:T.FreeText,[i.exists]:T.NoInput,[i.doesntExist]:T.NoInput,[i.lessThan]:T.IntegerSingleValue,[i.lessThanOrEqualTo]:T.IntegerSingleValue,[i.greaterThan]:T.IntegerSingleValue,[i.greaterThanOrEqualTo]:T.IntegerSingleValue},d={[n.is]:T.MultiselectDropdownFreeText,[n.isNot]:T.MultiselectDropdownFreeText,[n.contains]:T.FreeText,[n.doesntContain]:T.FreeText,[n.startsWith]:T.FreeText,[n.endsWith]:T.FreeText,[n.exists]:T.NoInput,[n.doesntExist]:T.NoInput},x={[I.any]:T.NoInput,[I.is]:T.MultiselectDropdownFreeText,[I.contains]:T.FreeText,[I.startsWith]:T.FreeText,[I.endsWith]:T.FreeText},y={[g.is]:T.SingleselectDropdownFreeText},N={[u.is]:T.MultiselectDropdownFreeText},w={[l.contains]:T.EmojiPicker},P={[r.today]:T.NoInput,[r.yesterday]:T.NoInput,[r["last 30 days"]]:T.NoInput,[r["last 7 days"]]:T.NoInput,[r["this month"]]:T.NoInput,[r["this week"]]:T.NoInput,[r["last month"]]:T.NoInput,[r["last week"]]:T.NoInput,[r.exactly]:T.InTheLast,[r["not exactly"]]:T.InTheLast,[r["in the last"]]:T.InTheLast,[r["not in the last"]]:T.InTheLast,[r["in between last"]]:T.InTwoLast,[r["not in between last"]]:T.InTwoLast,[r.on]:T.SingleDate,[r.notOn]:T.SingleDate,[r.inBetween]:T.TwoDate,[r.notInBetween]:T.TwoDate,[r.before]:T.SingleDate,[r.after]:T.SingleDate},F={[s.in]:T.PostIgPicker},h={[s.in]:T.ReelIgPicker},D={[s.in]:T.StoryIgPicker},k={[a.in]:T.NoInput},f={[c.in]:T.NoInput},m={[t.isTrue]:T.NoInput,[t.isFalse]:T.NoInput,[t.exists]:T.NoInput,[t.doesntExist]:T.NoInput},L={[o.exactly]:T.IntegerPositiveSingle,[o.atleast]:T.IntegerPositiveSingle,[o.atMost]:T.IntegerPositiveSingle},b={[e.boolean]:m,[e.string]:d,[e.integer]:S,[e.frequency]:L,[e.date]:P,[e.specificPost]:F,[e.specificReel]:h,[e.specificStory]:D,[e.anyIg]:k,[e.reaction]:w,[e.activityString]:x,[e.anyAd]:f,[e.specificAd]:y,[e.iceBreaker]:N};export{y as AD_STRING_OPERATORS_COMPONENT,f as ANY_AD_OPERATORS_COMPONENT,k as ANY_IG_OPERATORS_COMPONENT,m as BOOLEAN_OPERATORS_COMPONENT,b as CONNECTOR_TYPE_TO_COMPONENT_MAP,p as CONNECTOR_TYPE_TO_OPERATORS,T as CONNECTOR_VALUE_COMPONENT_TYPES,P as DATE_OPERATORS_COMPONENT,L as FREQUENCY_OPERATORS_COMPONENT,N as ICE_BREAKER_OPERATORS_COMPONENT,x as IG_STRING_OPERATORS_COMPONENT,S as INTEGER_OPERATORS_COMPONENT,w as REACTION_OPERATORS_COMPONENT,F as SPECIFIC_IG_POST_OPERATORS_COMPONENT,h as SPECIFIC_IG_REEL_OPERATORS_COMPONENT,D as SPECIFIC_IG_STORY_OPERATORS_COMPONENT,d as STRING_OPERATORS_COMPONENT};
1
+ import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as i,FREQUENCY_OPERATORS as r,DATE_OPERATORS as o,SPECIFIC_IG_OPERATORS as s,ANY_IG_OPERATORS as a,REACTION_OPERATORS as l,IG_STRING_OPERATORS as g,ANY_AD_OPERATORS as c,AD_STRING_OPERATORS as u,ICE_BREAKER_OPERATORS as p}from"../types/QueryBuilderOperator.type.js";const I={[e.boolean]:t,[e.string]:n,[e.integer]:i,[e.frequency]:r,[e.date]:o,[e.specificPost]:s,[e.specificReel]:s,[e.specificStory]:s,[e.anyIg]:a,[e.reaction]:l,[e.activityString]:g,[e.anyAd]:c,[e.specificAd]:u,[e.iceBreaker]:p};var T;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.PostIgPicker="PostIgPicker",e.ReelIgPicker="ReelIgPicker",e.StoryIgPicker="StoryIgPicker",e.EmojiPicker="EmojiPicker",e.InTheLast="InTheLast"}(T||(T={}));const S={[i.is]:T.FreeText,[i.isNot]:T.FreeText,[i.exists]:T.NoInput,[i.doesntExist]:T.NoInput,[i.lessThan]:T.IntegerSingleValue,[i.lessThanOrEqualTo]:T.IntegerSingleValue,[i.greaterThan]:T.IntegerSingleValue,[i.greaterThanOrEqualTo]:T.IntegerSingleValue},d={[n.is]:T.MultiselectDropdownFreeText,[n.isNot]:T.MultiselectDropdownFreeText,[n.contains]:T.FreeText,[n.doesntContain]:T.FreeText,[n.startsWith]:T.FreeText,[n.endsWith]:T.FreeText,[n.exists]:T.NoInput,[n.doesntExist]:T.NoInput},x={[g.any]:T.NoInput,[g.is]:T.MultiselectDropdownFreeText,[g.contains]:T.FreeText,[g.startsWith]:T.FreeText,[g.endsWith]:T.FreeText},y={[u.is]:T.SingleselectDropdownFreeText},N={[p.is]:T.MultiselectDropdownFreeText},P={[l.contains]:T.EmojiPicker},F={[o.on]:T.SingleDate,[o.notOn]:T.SingleDate,[o.inBetween]:T.TwoDate,[o.notInBetween]:T.TwoDate,[o.before]:T.SingleDate,[o.after]:T.SingleDate,[o.today]:T.NoInput,[o.yesterday]:T.NoInput,[o["last week"]]:T.NoInput,[o["last month"]]:T.NoInput,[o["last quarter"]]:T.NoInput,[o["in the last"]]:T.InTheLast},D={[s.in]:T.PostIgPicker},w={[s.in]:T.ReelIgPicker},f={[s.in]:T.StoryIgPicker},k={[a.in]:T.NoInput},m={[c.in]:T.NoInput},h={[t.isTrue]:T.NoInput,[t.isFalse]:T.NoInput,[t.exists]:T.NoInput,[t.doesntExist]:T.NoInput},v={[r.exactly]:T.IntegerPositiveSingle,[r.atleast]:T.IntegerPositiveSingle,[r.atMost]:T.IntegerPositiveSingle},B={[e.boolean]:h,[e.string]:d,[e.integer]:S,[e.frequency]:v,[e.date]:F,[e.specificPost]:D,[e.specificReel]:w,[e.specificStory]:f,[e.anyIg]:k,[e.reaction]:P,[e.activityString]:x,[e.anyAd]:m,[e.specificAd]:y,[e.iceBreaker]:N};export{y as AD_STRING_OPERATORS_COMPONENT,m as ANY_AD_OPERATORS_COMPONENT,k as ANY_IG_OPERATORS_COMPONENT,h as BOOLEAN_OPERATORS_COMPONENT,B as CONNECTOR_TYPE_TO_COMPONENT_MAP,I as CONNECTOR_TYPE_TO_OPERATORS,T as CONNECTOR_VALUE_COMPONENT_TYPES,F as DATE_OPERATORS_COMPONENT,v as FREQUENCY_OPERATORS_COMPONENT,N as ICE_BREAKER_OPERATORS_COMPONENT,x as IG_STRING_OPERATORS_COMPONENT,S as INTEGER_OPERATORS_COMPONENT,P as REACTION_OPERATORS_COMPONENT,D as SPECIFIC_IG_POST_OPERATORS_COMPONENT,w as SPECIFIC_IG_REEL_OPERATORS_COMPONENT,f as SPECIFIC_IG_STORY_OPERATORS_COMPONENT,d as STRING_OPERATORS_COMPONENT};
@@ -1,8 +1,6 @@
1
- import { DropdownOption } from "../../dropdown/type";
2
1
  import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
3
2
  import { CONNECTOR_OPERATORS } from '../types/QueryBuilderOperator.type';
4
3
  export declare class ConnectorHelper {
5
4
  static getConnectorType(datatype: QueryBuilderConnectorType): string[];
6
- static getDropdownOptionFromDataType(datatype: QueryBuilderConnectorType, defaultConnector: CONNECTOR_OPERATORS | undefined): DropdownOption[];
7
5
  static getConnectorComponent(dataType: QueryBuilderConnectorType, connectorType: CONNECTOR_OPERATORS): "FreeText" | "NoInput" | "IntegerSingleValue" | "StringSingleValue" | "TwoNumberInputsSeperatedByAnd" | "MultiselectDropdownFreeText" | "SingleselectDropdownFreeText" | "SingleDate" | "TwoDate" | "IntegerPositiveSingle" | "NumberTime" | null;
8
6
  }
@@ -1 +1 @@
1
- import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as s}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as o}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as n}from"../types/QueryBuilder.type.js";class r{static getConnectorType(t){const s=e[t];return s?Object.keys(s):[]}static getDropdownOptionFromDataType(e,s){const r=this.getConnectorType(e);return e===n.date?o.map((t=>Object.assign(Object.assign({},t),{options:t.options.map((t=>Object.assign(Object.assign({},t),{selected:t.value===s})))}))):r.map((e=>({selected:e===s,value:e,label:t(e)})))}static getConnectorComponent(t,o){if(e[t]){return s[t][o]}return null}}export{r as ConnectorHelper};
1
+ import{CONNECTOR_TYPE_TO_OPERATORS as t,CONNECTOR_TYPE_TO_COMPONENT_MAP as n}from"../constants/connector.js";class e{static getConnectorType(n){const e=t[n];return e?Object.keys(e):[]}static getConnectorComponent(e,o){if(t[e]){return n[e][o]}return null}}export{e as ConnectorHelper};
@@ -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,8 +39,9 @@ export type ConnectorProps = {
38
39
  };
39
40
  testID?: string;
40
41
  disabled?: boolean;
42
+ onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
41
43
  };
42
- export type CONNECTOR_VALUE_TYPE = object | string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
44
+ export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
43
45
  type IG_VALUE = {
44
46
  imageUrl: string;
45
47
  redirectionUrl: string;
@@ -48,26 +48,18 @@ export declare enum REACTION_OPERATORS {
48
48
  contains = "contains"
49
49
  }
50
50
  export declare enum DATE_OPERATORS {
51
- today = "today",
52
- yesterday = "yesterday",
53
- 'last 7 days' = "last 7 days",
54
- 'last 30 days' = "last 30 days",
55
- 'this week' = "this week",
56
- 'last week' = "last week",
57
- 'this month' = "this month",
58
- 'last month' = "last month",
59
- 'exactly' = "exactly",
60
- 'not exactly' = "not exactly",
61
- 'in the last' = "in the last",
62
- 'not in the last' = "not in the last",
63
- 'in between last' = "in between last",
64
- 'not in between last' = "not in between last",
65
51
  on = "on",
66
52
  notOn = "notOn",
67
53
  inBetween = "inBetween",
68
54
  notInBetween = "notInBetween",
69
55
  before = "before",
70
- after = "after"
56
+ after = "after",
57
+ today = "today",
58
+ yesterday = "yesterday",
59
+ 'last week' = "last week",
60
+ 'last month' = "last month",
61
+ 'last quarter' = "last quarter",
62
+ 'in the last' = "in the last"
71
63
  }
72
64
  export declare enum BOOLEAN_OPERATORS {
73
65
  isTrue = "isTrue",
@@ -1 +1 @@
1
- var t,e,n,s,i,a,o,l,r,u,c,d,h;!function(t){t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist",t.lessThan="lessThan",t.lessThanOrEqualTo="lessThanOrEqualTo",t.greaterThan="greaterThan",t.greaterThanOrEqualTo="greaterThanOrEqualTo"}(t||(t={})),function(t){t.is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist"}(e||(e={})),function(t){t.any="any",t.is="is",t.contains="contains",t.startsWith="startsWith",t.endsWith="endsWith"}(n||(n={})),function(t){t.is="is"}(s||(s={})),function(t){t.in="in"}(i||(i={})),function(t){t.is="is"}(a||(a={})),function(t){t.in="in"}(o||(o={})),function(t){t.in="in"}(l||(l={})),function(t){t.contains="contains"}(r||(r={})),function(t){t.today="today",t.yesterday="yesterday",t["last 7 days"]="last 7 days",t["last 30 days"]="last 30 days",t["this week"]="this week",t["last week"]="last week",t["this month"]="this month",t["last month"]="last month",t.exactly="exactly",t["not exactly"]="not exactly",t["in the last"]="in the last",t["not in the last"]="not in the last",t["in between last"]="in between last",t["not in between last"]="not in between last",t.on="on",t.notOn="notOn",t.inBetween="inBetween",t.notInBetween="notInBetween",t.before="before",t.after="after"}(u||(u={})),function(t){t.isTrue="isTrue",t.isFalse="isFalse",t.exists="exists",t.doesntExist="doesntExist"}(c||(c={})),function(t){t.exactly="exactly",t.atleast="atleast",t.atMost="atMost"}(d||(d={})),function(t){t.FreeText="FreeText",t.NoInput="NoInput",t.IntegerSingleValue="IntegerSingleValue",t.StringSingleValue="StringSingleValue",t.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",t.MultiselectDropdownFreeText="MultiselectDropdownFreeText",t.SingleselectDropdownFreeText="SingleselectDropdownFreeText",t.SingleDate="SingleDate",t.TwoDate="TwoDate",t.IntegerPositiveSingle="IntegerPositiveSingle",t.NumberTime="NumberTime"}(h||(h={}));export{s as AD_STRING_OPERATORS,l as ANY_AD_OPERATORS,o as ANY_IG_OPERATORS,c as BOOLEAN_OPERATORS,u as DATE_OPERATORS,h as EVENT_VALUES,d as FREQUENCY_OPERATORS,a as ICE_BREAKER_OPERATORS,n as IG_STRING_OPERATORS,t as INTEGER_OPERATORS,r as REACTION_OPERATORS,i as SPECIFIC_IG_OPERATORS,e as STRING_OPERATORS};
1
+ var e,t,n,s,i,o,a,r,l,u,T,c,d;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.any="any",e.is="is",e.contains="contains",e.startsWith="startsWith",e.endsWith="endsWith"}(n||(n={})),function(e){e.is="is"}(s||(s={})),function(e){e.in="in"}(i||(i={})),function(e){e.is="is"}(o||(o={})),function(e){e.in="in"}(a||(a={})),function(e){e.in="in"}(r||(r={})),function(e){e.contains="contains"}(l||(l={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(u||(u={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(T||(T={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(c||(c={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(d||(d={}));export{s as AD_STRING_OPERATORS,r as ANY_AD_OPERATORS,a as ANY_IG_OPERATORS,T as BOOLEAN_OPERATORS,u as DATE_OPERATORS,d as EVENT_VALUES,c as FREQUENCY_OPERATORS,o as ICE_BREAKER_OPERATORS,n as IG_STRING_OPERATORS,e as INTEGER_OPERATORS,l as REACTION_OPERATORS,i as SPECIFIC_IG_OPERATORS,t as STRING_OPERATORS};
@@ -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,9 +1,13 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  export interface AccordionProps {
3
- header: string;
4
- caption: string;
3
+ header: JSX.Element | string;
4
+ caption?: string;
5
5
  children: ReactNode;
6
6
  width?: string;
7
+ rightActionComponent?: JSX.Element;
7
8
  contentMargin?: string;
9
+ skipHoverHeader?: boolean;
10
+ headerPadding?: string;
11
+ childrenPadding?: string;
8
12
  }
9
13
  export declare const BikAccordion: React.FC<AccordionProps>;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import{TitleRegular as i,BodySecondary as o}from"../TypographyStyle.js";import c from"./Accordion.style.js";import s from"./AccordionArrow.js";const a=a=>{const[l,d]=t(!1),u=n(null),m=n(null),p=(e,r)=>{m.current&&u.current&&("keydown"===r.type&&"Enter"!==r.key||(d(e),m.current.style.maxHeight?(m.current.style.maxHeight="",u.current.style.transform="rotate(0deg)",u.current.style.transition="transform 0.25s ease-in-out",m.current.style.padding="0",m.current.style.transition=" padding 0s"):(m.current.style.maxHeight=m.current.scrollHeight+"px",u.current.style.transform="rotate(180deg)",m.current.style.padding="0px 24px 24px 24px",u.current.style.transition="transform 0.25s ease-in-out",m.current.style.transition="max-height 0.25s ease-in-out")))};return e(c,Object.assign({className:"accordion",isActive:l,width:null==a?void 0:a.width,contentMargin:null==a?void 0:a.contentMargin},{children:[e("div",Object.assign({className:"accordion__overview "+(l?"active":""),onClick:e=>p(!l,e),onKeyDown:e=>p(!l,e),role:"button",tabIndex:0},{children:[e("div",Object.assign({className:"accordion__overview__header"},{children:[r(i,{children:null==a?void 0:a.header}),r(s,{ref:u})]})),(null==a?void 0:a.caption)&&r("div",Object.assign({className:"accordion__overview__caption"},{children:r(o,{children:a.caption})}))]})),r("div",Object.assign({ref:m,className:"accordion__content"},{children:a.children}))]}))};export{a as BikAccordion};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as n,useRef as t}from"react";import{TitleRegular as i,BodySecondary as o}from"../TypographyStyle.js";import c from"./Accordion.style.js";import a from"./AccordionArrow.js";const s=s=>{const[d,l]=n(!1),h=t(null),m=t(null),p=(e,r)=>{var n;m.current&&h.current&&("keydown"===r.type&&"Enter"!==r.key||(l(e),m.current.style.maxHeight?(m.current.style.maxHeight="",h.current.style.transform="rotate(0deg)",h.current.style.transition="transform 0.25s ease-in-out",m.current.style.padding="0",m.current.style.transition=" padding 0s"):(m.current.style.maxHeight=m.current.scrollHeight+"px",h.current.style.transform="rotate(180deg)",m.current.style.padding=null!==(n=s.childrenPadding)&&void 0!==n?n:"0px 24px 24px 24px",h.current.style.transition="transform 0.25s ease-in-out",m.current.style.transition="max-height 0.25s ease-in-out")))};return e(c,Object.assign({className:"accordion",isActive:d,width:null==s?void 0:s.width,contentMargin:null==s?void 0:s.contentMargin,headerPadding:s.headerPadding,skipHoverState:s.skipHoverHeader},{children:[e("div",Object.assign({className:"accordion__overview "+(d?"active":""),onClick:e=>p(!d,e),onKeyDown:e=>p(!d,e),role:"button",tabIndex:0},{children:[!s.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:["string"==typeof s.header?r(i,{children:null==s?void 0:s.header}):s.header,r(a,{isNewIcon:!1,ref:h})]})),s.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:[e("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[r(a,{isNewIcon:!0,ref:h}),"string"==typeof s.header?r(i,{children:null==s?void 0:s.header}):s.header]})),s.rightActionComponent]})),(null==s?void 0:s.caption)&&r("div",Object.assign({className:"accordion__overview__caption"},{children:r(o,{children:s.caption})}))]})),r("div",Object.assign({ref:m,className:"accordion__content"},{children:s.children}))]}))};export{s as BikAccordion};
@@ -2,5 +2,7 @@ declare const AccordionStyle: import("styled-components").StyledComponent<"div",
2
2
  isActive: boolean;
3
3
  width?: string | undefined;
4
4
  contentMargin?: string | undefined;
5
+ skipHoverState?: boolean | undefined;
6
+ headerPadding?: string | undefined;
5
7
  }, never>;
6
8
  export default AccordionStyle;
@@ -1,4 +1,4 @@
1
- import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
1
+ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const d=e.div`
2
2
  width: ${e=>(null==e?void 0:e.width)||"100%"};
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -7,15 +7,19 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  gap: 4px;
10
- padding: 24px;
10
+ padding: ${e=>e.headerPadding?e.headerPadding:"24px"};
11
11
  &__header {
12
12
  display: flex;
13
13
  flex-direction: row;
14
14
  align-items: center;
15
15
  justify-content: space-between;
16
16
  }
17
+ &__title-wrapper {
18
+ display: flex;
19
+ gap: 8px;
20
+ }
17
21
  :hover {
18
- background: ${i.surface.subdued};
22
+ background: ${e=>e.skipHoverState?null:i.surface.subdued};
19
23
  border-radius: 4px;
20
24
  }
21
25
  }
@@ -25,4 +29,4 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
25
29
  max-height: 0;
26
30
  }
27
31
  }
28
- `;export{o as default};
32
+ `;export{d as default};
@@ -1,3 +1,6 @@
1
- import React from 'react';
2
- declare const BikAccordionArrow: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
1
+ import React, { HTMLAttributes } from 'react';
2
+ interface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {
3
+ isNewIcon: boolean;
4
+ }
5
+ declare const BikAccordionArrow: React.ForwardRefExoticComponent<BikAccordionArrowProps & React.RefAttributes<HTMLDivElement>>;
3
6
  export default BikAccordionArrow;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import r from"react";const i=r.forwardRef(((r,i)=>e("div",Object.assign({ref:i,className:"d-flex align-items-center"},{children:e("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:"currentColor"})}))}))));i.displayName="BikAccordionArrow";export{i as default};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"react";const l=r.forwardRef(((r,l)=>e("div",Object.assign({ref:l,className:"d-flex align-items-center"},{children:[!r.isNewIcon&&i("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:"currentColor"})})),r.isNewIcon&&i("svg",Object.assign({width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:"currentColor"})}))]}))));l.displayName="BikAccordionArrow";export{l as default};
@@ -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 r,useEffect as C}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as s}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"../../../QueryBuilder/components/Connectors/Components/InTwoLast.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 c}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]=r([]),[b,u]=r();return C((()=>{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(s,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(c,{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 r,useEffect as C}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"../../../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"../../../avatar/AvatarHelper.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 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]=r([]),[b,u]=r();return C((()=>{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 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{AvatarStyle as t}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as s,AVATAR_TYPES as i,AVATAR_SIZE_MAP as c}from"./AvatarHelper.js";import{BodyTiny as n,TitleSmall as a,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const p={[o.SMALL]:16,[o.MEDIUM]:20,[o.LARGE]:32},h={[s.LIGHT]:l.content.secondary,[s.DARK]:l.surface.standard},m=s=>e(t,Object.assign({size:s.size,background:s.background},{children:[s.type===i.IMAGE&&r("img",{alt:"",width:c[s.size],height:c[s.size],style:{borderRadius:"50%"},src:s.photoUrl}),s.type===i.INITIALS&&r("div",{children:(()=>{const e=(s.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return s.size===o.SMALL?r(n,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.MEDIUM?r(a,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.LARGE?r(d,Object.assign({style:{color:h[s.background]}},{children:e})):void 0})()}),s.type===i.ICON&&s.icon&&r(s.icon,{width:p[s.size],height:p[s.size],color:h[s.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{AvatarStyle as t}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as s,AVATAR_TYPES as i,AVATAR_SIZE_MAP as c}from"./AvatarHelper.js";import{BodyTiny as n,TitleSmall as a,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const p={[o.SMALL]:16,[o.MEDIUM]:20,[o.LARGE]:32},h={[s.LIGHT]:l.content.secondary,[s.DARK]:l.surface.standard},m=s=>e(t,Object.assign({type:s.type,size:s.size,background:s.background},{children:[s.type===i.IMAGE&&r("img",{alt:"",width:c[s.size],height:c[s.size],style:{borderRadius:"50%"},src:s.photoUrl}),s.type===i.INITIALS&&r("div",{children:(()=>{const e=(s.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return s.size===o.SMALL?r(n,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.MEDIUM?r(a,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.LARGE?r(d,Object.assign({style:{color:h[s.background]}},{children:e})):void 0})()}),s.type===i.ICON&&s.icon&&r(s.icon,{width:p[s.size],height:p[s.size],color:h[s.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};
@@ -1,5 +1,6 @@
1
- import { AVATAR_BACKGROUND, SIZE } from "./AvatarHelper";
1
+ import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
2
2
  export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
3
3
  size: SIZE;
4
4
  background: AVATAR_BACKGROUND;
5
+ type: AVATAR_TYPES;
5
6
  }, never>;
@@ -1,10 +1,10 @@
1
- import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_BACKGROUND as o}from"./AvatarHelper.js";import{COLORS as t}from"../../constants/Theme.js";const s=r.div`
1
+ import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_TYPES as o,AVATAR_BACKGROUND as t}from"./AvatarHelper.js";import{COLORS as n}from"../../constants/Theme.js";const s=r.div`
2
2
  width: ${r=>e[r.size]+"px"};
3
3
  height: ${r=>e[r.size]+"px"};
4
4
  display: flex;
5
5
  justify-content: center;
6
6
  align-items: center;
7
- background-color: ${r=>r.background===o.LIGHT?t.background.base:t.background.inverse};
8
- border: ${r=>r.background===o.LIGHT?"1px solid "+t.stroke.primary:0};
7
+ background-color: ${r=>r.type===o.IMAGE?"null":r.background===t.LIGHT?n.background.base:n.background.inverse};
8
+ border: ${r=>r.background===t.LIGHT?"1px solid "+n.stroke.primary:0};
9
9
  border-radius: 50%;
10
10
  `;export{s as AvatarStyle};
@@ -1 +1,2 @@
1
1
  export * from './Avatar';
2
+ export * from './AvatarHelper';