@bikdotai/bik-component-library 0.0.527-beta.a-2 → 0.0.528-beta.0

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 (330) hide show
  1. package/dist/cjs/assets/{bundle-c485438b.css → bundle-0deb4a74.css} +2 -325
  2. package/dist/cjs/assets/icons/emoji.svg.js +1 -1
  3. package/dist/cjs/assets/icons/halfRectangle.svg.js +1 -1
  4. package/dist/cjs/assets/icons/strikeThrough.svg.js +1 -1
  5. package/dist/cjs/assets/icons/{email-channel.svg.js → sub_category.svg.js} +1 -1
  6. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  7. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  8. package/dist/cjs/components/SearchFilter/components/DatePickerButton.js +1 -1
  9. package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  10. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +0 -4
  11. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  12. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +0 -7
  13. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  14. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
  15. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  16. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -1
  17. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  18. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +0 -1
  19. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  20. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -1
  21. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  22. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  23. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -2
  24. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  25. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -1
  26. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +1 -1
  27. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  28. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -1
  29. package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
  30. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -20
  31. package/dist/cjs/components/bik-layout/SidebarStyles.js +1 -1
  32. package/dist/cjs/components/card-selector/CardSelector.d.ts +0 -1
  33. package/dist/cjs/components/card-selector/CardSelector.js +1 -1
  34. package/dist/cjs/components/card-selector/CardSelectorGroup.js +1 -1
  35. package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts +1 -4
  36. package/dist/cjs/components/carousel-preview/CarouselPreview.js +1 -1
  37. package/dist/cjs/components/carousel-preview/CarouselPreview.style.d.ts +2 -4
  38. package/dist/cjs/components/carousel-preview/CarouselPreview.style.js +27 -56
  39. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +1 -1
  40. package/dist/cjs/components/checkBox/CheckBox.d.ts +0 -4
  41. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  42. package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +0 -1
  43. package/dist/cjs/components/checkBox/CheckBox.styled.js +3 -4
  44. package/dist/cjs/components/checkList/CheckList.d.ts +0 -1
  45. package/dist/cjs/components/checkList/CheckList.js +1 -1
  46. package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  47. package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts +2 -1
  48. package/dist/cjs/components/datePicker/DatePickerWrapper.js +1 -1
  49. package/dist/cjs/components/datePicker/index.d.ts +0 -1
  50. package/dist/cjs/components/discount-modal/DiscountUtils.js +1 -1
  51. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  52. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  53. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  54. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -1
  55. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  56. package/dist/cjs/components/dropdown/type.d.ts +0 -3
  57. package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +0 -2
  58. package/dist/cjs/components/dynamic-tabs/DynamicTabs.js +1 -1
  59. package/dist/cjs/components/floater/floater.d.ts +1 -2
  60. package/dist/cjs/components/floater/floater.js +1 -1
  61. package/dist/cjs/components/icon-button/IconButton.js +1 -1
  62. package/dist/cjs/components/icon-button/model.d.ts +0 -5
  63. package/dist/cjs/components/input/Input.d.ts +0 -2
  64. package/dist/cjs/components/input/Input.js +1 -1
  65. package/dist/cjs/components/input/Input.styled.d.ts +0 -2
  66. package/dist/cjs/components/input/Input.styled.js +1 -1
  67. package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +0 -1
  68. package/dist/cjs/components/input-with-vars/InputWithVariables.js +2 -2
  69. package/dist/cjs/components/list-item/ListItem.d.ts +1 -0
  70. package/dist/cjs/components/list-item/ListItem.js +1 -1
  71. package/dist/cjs/components/plans/NewSubscriptionPlan.js +1 -1
  72. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +0 -1
  73. package/dist/cjs/components/radioButton/RadioButton.d.ts +0 -3
  74. package/dist/cjs/components/radioButton/RadioButton.js +1 -1
  75. package/dist/cjs/components/radioList/RadioList.d.ts +0 -1
  76. package/dist/cjs/components/radioList/RadioList.js +1 -1
  77. package/dist/cjs/components/side-modal/SideModal.d.ts +1 -0
  78. package/dist/cjs/components/side-modal/SideModal.js +1 -1
  79. package/dist/cjs/components/spinner/Spinner.d.ts +0 -6
  80. package/dist/cjs/components/spinner/Spinner.js +1 -18
  81. package/dist/cjs/components/states/StateComponent.d.ts +0 -2
  82. package/dist/cjs/components/states/StateComponent.js +1 -1
  83. package/dist/cjs/components/states/StateComponent.styled.d.ts +1 -4
  84. package/dist/cjs/components/states/StateComponent.styled.js +6 -6
  85. package/dist/cjs/components/states-modal/StateModalComponent.d.ts +0 -2
  86. package/dist/cjs/components/states-modal/StateModalComponent.js +1 -1
  87. package/dist/cjs/components/stepper/Stepper.d.ts +0 -2
  88. package/dist/cjs/components/stepper/Stepper.js +1 -1
  89. package/dist/cjs/components/stepper/Stepper.styled.d.ts +0 -1
  90. package/dist/cjs/components/stepper/Stepper.styled.js +7 -7
  91. package/dist/cjs/components/tabs/Tabs.js +1 -1
  92. package/dist/cjs/components/tabs/Tabs.model.d.ts +0 -1
  93. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +1 -0
  94. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  95. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +9 -8
  96. package/dist/cjs/components/template-context-mapper/context/templateModalContext.js +1 -1
  97. package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  98. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +9 -13
  99. package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +1 -1
  100. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +0 -2
  101. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  102. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  103. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.style.js +1 -0
  104. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  105. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  106. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +2 -2
  107. package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +5 -5
  108. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +3 -5
  109. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  110. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  111. package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  112. package/dist/cjs/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  113. package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js +14 -16
  114. package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
  115. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +1 -1
  116. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -5
  117. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +8 -14
  118. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +2 -2
  119. package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js +1 -1
  120. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +5 -6
  121. package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  122. package/dist/cjs/components/tooltips/TooltipInternal.d.ts +1 -1
  123. package/dist/cjs/components/variable-picker-v3/Content.d.ts +6 -0
  124. package/dist/cjs/components/variable-picker-v3/Content.js +1 -0
  125. package/dist/cjs/components/variable-picker-v3/NoResult.d.ts +6 -0
  126. package/dist/cjs/components/variable-picker-v3/NoResult.js +17 -0
  127. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.d.ts +14 -0
  128. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js +1 -0
  129. package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts +5 -0
  130. package/dist/cjs/components/variable-picker-v3/VariablePicker.js +1 -0
  131. package/dist/cjs/components/variable-picker-v3/context.d.ts +21 -0
  132. package/dist/cjs/components/variable-picker-v3/context.js +1 -0
  133. package/dist/cjs/components/variable-picker-v3/index.d.ts +1 -0
  134. package/dist/cjs/components/variable-picker-v3/model.d.ts +57 -0
  135. package/dist/cjs/components/variable-picker-v3/model.js +1 -0
  136. package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts +1 -0
  137. package/dist/cjs/components/variable-picker-v3/recommendVaribles.js +1 -0
  138. package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts +2 -0
  139. package/dist/cjs/components/variable-picker-v3/searchVariables.js +1 -0
  140. package/dist/cjs/components/variable-picker-v3/styles.d.ts +6 -0
  141. package/dist/cjs/components/variable-picker-v3/styles.js +40 -0
  142. package/dist/cjs/helpers/index.d.ts +1 -0
  143. package/dist/cjs/hooks/useOutside.d.ts +1 -1
  144. package/dist/cjs/hooks/useOutside.js +1 -1
  145. package/dist/cjs/index.d.ts +1 -2
  146. package/dist/cjs/index.js +1 -1
  147. package/dist/esm/assets/{bundle-c485438b.css → bundle-0deb4a74.css} +2 -325
  148. package/dist/esm/assets/icons/emoji.svg.js +1 -1
  149. package/dist/esm/assets/icons/halfRectangle.svg.js +1 -1
  150. package/dist/esm/assets/icons/strikeThrough.svg.js +1 -1
  151. package/dist/esm/assets/icons/sub_category.svg.js +1 -0
  152. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  153. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  154. package/dist/esm/components/SearchFilter/components/DatePickerButton.js +1 -1
  155. package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  156. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +0 -4
  157. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  158. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +0 -7
  159. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  160. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
  161. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  162. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -1
  163. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  164. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +0 -1
  165. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  166. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -1
  167. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  168. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  169. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -2
  170. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  171. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -1
  172. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +1 -1
  173. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  174. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -1
  175. package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
  176. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -20
  177. package/dist/esm/components/bik-layout/SidebarStyles.js +1 -1
  178. package/dist/esm/components/card-selector/CardSelector.d.ts +0 -1
  179. package/dist/esm/components/card-selector/CardSelector.js +1 -1
  180. package/dist/esm/components/card-selector/CardSelectorGroup.js +1 -1
  181. package/dist/esm/components/carousel-preview/CarouselPreview.d.ts +1 -4
  182. package/dist/esm/components/carousel-preview/CarouselPreview.js +1 -1
  183. package/dist/esm/components/carousel-preview/CarouselPreview.style.d.ts +2 -4
  184. package/dist/esm/components/carousel-preview/CarouselPreview.style.js +27 -56
  185. package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +1 -1
  186. package/dist/esm/components/checkBox/CheckBox.d.ts +0 -4
  187. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  188. package/dist/esm/components/checkBox/CheckBox.styled.d.ts +0 -1
  189. package/dist/esm/components/checkBox/CheckBox.styled.js +5 -6
  190. package/dist/esm/components/checkList/CheckList.d.ts +0 -1
  191. package/dist/esm/components/checkList/CheckList.js +1 -1
  192. package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  193. package/dist/esm/components/datePicker/DatePickerWrapper.d.ts +2 -1
  194. package/dist/esm/components/datePicker/DatePickerWrapper.js +1 -1
  195. package/dist/esm/components/datePicker/index.d.ts +0 -1
  196. package/dist/esm/components/discount-modal/DiscountUtils.js +1 -1
  197. package/dist/esm/components/dropdown/Dropdown.js +1 -1
  198. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  199. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  200. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -1
  201. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  202. package/dist/esm/components/dropdown/type.d.ts +0 -3
  203. package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +0 -2
  204. package/dist/esm/components/dynamic-tabs/DynamicTabs.js +1 -1
  205. package/dist/esm/components/floater/floater.d.ts +1 -2
  206. package/dist/esm/components/floater/floater.js +1 -1
  207. package/dist/esm/components/icon-button/IconButton.js +1 -1
  208. package/dist/esm/components/icon-button/model.d.ts +0 -5
  209. package/dist/esm/components/input/Input.d.ts +0 -2
  210. package/dist/esm/components/input/Input.js +1 -1
  211. package/dist/esm/components/input/Input.styled.d.ts +0 -2
  212. package/dist/esm/components/input/Input.styled.js +1 -1
  213. package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +0 -1
  214. package/dist/esm/components/input-with-vars/InputWithVariables.js +3 -3
  215. package/dist/esm/components/list-item/ListItem.d.ts +1 -0
  216. package/dist/esm/components/list-item/ListItem.js +1 -1
  217. package/dist/esm/components/plans/NewSubscriptionPlan.js +1 -1
  218. package/dist/esm/components/plans/SubscriptionPlan.d.ts +0 -1
  219. package/dist/esm/components/radioButton/RadioButton.d.ts +0 -3
  220. package/dist/esm/components/radioButton/RadioButton.js +1 -1
  221. package/dist/esm/components/radioList/RadioList.d.ts +0 -1
  222. package/dist/esm/components/radioList/RadioList.js +1 -1
  223. package/dist/esm/components/side-modal/SideModal.d.ts +1 -0
  224. package/dist/esm/components/side-modal/SideModal.js +1 -1
  225. package/dist/esm/components/spinner/Spinner.d.ts +0 -6
  226. package/dist/esm/components/spinner/Spinner.js +1 -18
  227. package/dist/esm/components/states/StateComponent.d.ts +0 -2
  228. package/dist/esm/components/states/StateComponent.js +1 -1
  229. package/dist/esm/components/states/StateComponent.styled.d.ts +1 -4
  230. package/dist/esm/components/states/StateComponent.styled.js +6 -6
  231. package/dist/esm/components/states-modal/StateModalComponent.d.ts +0 -2
  232. package/dist/esm/components/states-modal/StateModalComponent.js +1 -1
  233. package/dist/esm/components/stepper/Stepper.d.ts +0 -2
  234. package/dist/esm/components/stepper/Stepper.js +1 -1
  235. package/dist/esm/components/stepper/Stepper.styled.d.ts +0 -1
  236. package/dist/esm/components/stepper/Stepper.styled.js +6 -6
  237. package/dist/esm/components/tabs/Tabs.js +1 -1
  238. package/dist/esm/components/tabs/Tabs.model.d.ts +0 -1
  239. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +1 -0
  240. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  241. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +9 -8
  242. package/dist/esm/components/template-context-mapper/context/templateModalContext.js +1 -1
  243. package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  244. package/dist/esm/components/template-context-mapper/modalElements/Body.js +9 -13
  245. package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +2 -2
  246. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +0 -2
  247. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  248. package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  249. package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.js +1 -0
  250. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  251. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  252. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  253. package/dist/esm/components/template-context-mapper/modalElements/Footer.js +5 -5
  254. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +3 -5
  255. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  256. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  257. package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  258. package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  259. package/dist/esm/components/template-preview/EmailTemplatePreview.styled.js +0 -2
  260. package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
  261. package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +2 -2
  262. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -5
  263. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +17 -23
  264. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +5 -5
  265. package/dist/esm/components/template-preview/WhatsApp/MediaCard.js +1 -1
  266. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +5 -6
  267. package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  268. package/dist/esm/components/tooltips/TooltipInternal.d.ts +1 -1
  269. package/dist/esm/components/variable-picker-v3/Content.d.ts +6 -0
  270. package/dist/esm/components/variable-picker-v3/Content.js +1 -0
  271. package/dist/esm/components/variable-picker-v3/NoResult.d.ts +6 -0
  272. package/dist/esm/components/variable-picker-v3/NoResult.js +17 -0
  273. package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts +14 -0
  274. package/dist/esm/components/variable-picker-v3/SubHeaderItems.js +1 -0
  275. package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts +5 -0
  276. package/dist/esm/components/variable-picker-v3/VariablePicker.js +1 -0
  277. package/dist/esm/components/variable-picker-v3/context.d.ts +21 -0
  278. package/dist/esm/components/variable-picker-v3/context.js +1 -0
  279. package/dist/esm/components/variable-picker-v3/index.d.ts +1 -0
  280. package/dist/esm/components/variable-picker-v3/model.d.ts +57 -0
  281. package/dist/esm/components/variable-picker-v3/model.js +1 -0
  282. package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts +1 -0
  283. package/dist/esm/components/variable-picker-v3/recommendVaribles.js +1 -0
  284. package/dist/esm/components/variable-picker-v3/searchVariables.d.ts +2 -0
  285. package/dist/esm/components/variable-picker-v3/searchVariables.js +1 -0
  286. package/dist/esm/components/variable-picker-v3/styles.d.ts +6 -0
  287. package/dist/esm/components/variable-picker-v3/styles.js +40 -0
  288. package/dist/esm/helpers/index.d.ts +1 -0
  289. package/dist/esm/hooks/useOutside.d.ts +1 -1
  290. package/dist/esm/hooks/useOutside.js +1 -1
  291. package/dist/esm/index.d.ts +1 -2
  292. package/dist/esm/index.js +1 -1
  293. package/package.json +2 -4
  294. package/dist/cjs/assets/icons/chat-channel.svg.js +0 -1
  295. package/dist/cjs/assets/icons/instagram-channel.svg.js +0 -1
  296. package/dist/cjs/assets/icons/similar.svg.js +0 -1
  297. package/dist/cjs/assets/icons/whatsapp-channel.svg.js +0 -1
  298. package/dist/cjs/components/action-button/ActionButton.styled.d.ts +0 -7
  299. package/dist/cjs/components/action-button/ActionButton.styled.js +0 -23
  300. package/dist/cjs/components/action-button/ActionButtons.d.ts +0 -10
  301. package/dist/cjs/components/action-button/ActionButtons.js +0 -1
  302. package/dist/cjs/components/action-button/index.d.ts +0 -1
  303. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +0 -4
  304. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +0 -1
  305. package/dist/cjs/components/carousel-preview/CustomCarouselArrows.d.ts +0 -7
  306. package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js +0 -1
  307. package/dist/cjs/components/progress-bar-v2/ProgressBarV2.d.ts +0 -21
  308. package/dist/cjs/components/progress-bar-v2/ProgressBarV2.js +0 -1
  309. package/dist/cjs/components/progress-bar-v2/index.d.ts +0 -1
  310. package/dist/cjs/components/template-context-mapper/utils/constants.d.ts +0 -1
  311. package/dist/cjs/components/template-context-mapper/utils/constants.js +0 -1
  312. package/dist/esm/assets/icons/chat-channel.svg.js +0 -1
  313. package/dist/esm/assets/icons/email-channel.svg.js +0 -1
  314. package/dist/esm/assets/icons/instagram-channel.svg.js +0 -1
  315. package/dist/esm/assets/icons/similar.svg.js +0 -1
  316. package/dist/esm/assets/icons/whatsapp-channel.svg.js +0 -1
  317. package/dist/esm/components/action-button/ActionButton.styled.d.ts +0 -7
  318. package/dist/esm/components/action-button/ActionButton.styled.js +0 -23
  319. package/dist/esm/components/action-button/ActionButtons.d.ts +0 -10
  320. package/dist/esm/components/action-button/ActionButtons.js +0 -1
  321. package/dist/esm/components/action-button/index.d.ts +0 -1
  322. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +0 -4
  323. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +0 -1
  324. package/dist/esm/components/carousel-preview/CustomCarouselArrows.d.ts +0 -7
  325. package/dist/esm/components/carousel-preview/CustomCarouselArrows.js +0 -1
  326. package/dist/esm/components/progress-bar-v2/ProgressBarV2.d.ts +0 -21
  327. package/dist/esm/components/progress-bar-v2/ProgressBarV2.js +0 -1
  328. package/dist/esm/components/progress-bar-v2/index.d.ts +0 -1
  329. package/dist/esm/components/template-context-mapper/utils/constants.d.ts +0 -1
  330. package/dist/esm/components/template-context-mapper/utils/constants.js +0 -1
@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
2
2
  import { ButtonProps } from "../button/model";
3
3
  export interface TooltipInternalProps {
4
4
  title?: string;
5
- body?: string;
5
+ body: string;
6
6
  buttonProps?: ButtonProps;
7
7
  delay?: number;
8
8
  variant?: 'light' | 'dark';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { VariablePickerV3Props } from './model';
3
+ type Props = VariablePickerV3Props;
4
+ export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;
5
+ export declare const VariablePickerContent: React.FC<Props>;
6
+ export {};
@@ -0,0 +1 @@
1
+ import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as r,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as m}from"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import{ListItem as g}from"../list-item/ListItem.js";import{Switch as b}from"../switch/Switch.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import O from"./NoResult.js";import{showOnlyRecommendedVariables as w}from"./recommendVaribles.js";import{searchVariables as k}from"./searchVariables.js";import{HeaderWrapper as C,RecommendWrapper as S,BackHeader as N,Container as T}from"./styles.js";import V,{renderTooltipBody as I}from"./SubHeaderItems.js";const B=(e,i)=>{if(0===i.length)return e;const o=e.toLowerCase().indexOf(i.toLowerCase());if(-1===o)return e;const l=e.slice(0,o),a=e.slice(o,o+i.length),n=e.slice(o+i.length);return s("span",{children:[l,t("b",Object.assign({style:{color:d.content.primary}},{children:a})),n]})},H=/.*\..*/,L=e=>{if(e.actualValue.match(H)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],i=t[2];s+=`['${e}'][${i}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue},R=H=>{const{data:R,onSelect:$,showHeader:E,showBackButton:P,hideHeaderCross:_,onBackButtonClick:A,isEvaluationList:z,autoOpenFirst:D,headerText:F}=H,[K,q]=r(R),[G,J]=r(""),[M,Q]=r([]),[U,W]=r(""),[X,Y]=r(!1),[Z,ee]=r([]);c((()=>{te(!0)}),[]),c((()=>{M.length>0?ee([M[M.length-1]]):ee(R)}),[M]);const te=t=>e(void 0,void 0,void 0,(function*(){if(Y(t),t){const e=w(K,M);q(e)}else if(M.length>0){const e=U==M[M.length-1].displayName;if(G.length>0&&e){const e=k(G,Z,M);q(e)}else q([M[M.length-1].variables])}else if(G.length>0){const e=k(G,Z,M);q(e)}else q(R)})),se=()=>{let e=123;return M.length>0&&(e+=32),(H.showHeader||H.showBackButton)&&(e+=40),`calc(100% - ${e}px)`};return t(x.Provider,Object.assign({value:{variables:K,searchText:G,subHeaderStack:M,showRecommended:X,setSubHeaderStack:Q,setSearchText:J,setVariables:q,setShowRecommended:Y}},{children:s("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4,height:"100%"},onClick:e=>e.stopPropagation()},{children:[(E||P)&&s(C,{children:[s("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[P&&t(m,{Icon:()=>t(o,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:A}),E&&t(f,{children:null!=F?F:"Select Variable"})]})),!_&&t(m,{style:{color:"#212121"},Icon:l,onClick:()=>H.onClose&&H.onClose()})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued}},{children:t(p,{id:"search-bar-v3-picker",onBlur:e=>{H.onSearchBlur&&H.onSearchBlur(e)},value:G,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||W("");const t=k(e,Z,M);if(X){const e=w(t,M);q(e)}else q(t);J(e);const s=M.length>0?M[M.length-1].displayName:"home";W(s)}})})),s(S,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(b,{value:X,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield te(t)}))})]}),M.length>0&&s(N,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(m,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(o,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=G;const s=[...M],i=s.pop();if(Q(s),i.displayName===U&&(J(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:R,i=k(t,e,s);if(X){const e=w(i,s);q(e)}else q(i)}else if(s.length>0)if(X){const e=w([s[s.length-1].variables],s);q(e)}else q([s[s.length-1].variables]);else if(X){const e=w(R,M);q(e)}else q(R)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:M[M.length-1].displayName}))]}),t(i,{children:K.length>0?t(T,Object.assign({height:se()},{children:K.map(((e,o)=>{var l,r;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({autoOpen:D&&0===o,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:B(e.displayName,G)}))},{children:t(V,{parentVariable:e,disabled:null!==(l=H.disabled)&&void 0!==l&&l,searchText:G,variable:e.variables,onSelect:$})}))}),e.displayName):e.displayName?t(u,Object.assign({body:I(e),placement:"bottom"},{children:t(g,{variant:H.disabled?"inactive":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)?t(i,{}):t(a,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:H.disabled?d.content.inactive:d.text.primary}},{children:B(e.displayName,G)})),!e.isAvailable&&t(u,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(n,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(!H.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}),o):t(V,{disabled:null!==(r=H.disabled)&&void 0!==r&&r,searchText:G,variable:e,onSelect:e=>{if(!H.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}))})):t(O,{height:se(),searchText:G})})]}))}))};export{R as VariablePickerContent,B as highlightSearchText};
@@ -0,0 +1,6 @@
1
+ type Props = {
2
+ height: string;
3
+ searchText?: string;
4
+ };
5
+ declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
6
+ export default NoResult;
@@ -0,0 +1,17 @@
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
2
+ display: flex;
3
+ gap: 16px;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: center;
7
+ padding: 0 16px;
8
+ height: ${e=>e.height};
9
+ `,d=n.div`
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ background-color: ${o.background.brandLight};
14
+ width: 48px;
15
+ height: 48px;
16
+ border-radius: 24px;
17
+ `;export{c as default};
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
3
+ type SubHeaderProps = {
4
+ parentVariable?: VariableListInterfaceV3;
5
+ disabled: boolean;
6
+ searchText: string;
7
+ onSelect: (variable: VariableV3) => void;
8
+ variable: {
9
+ [key: string]: SubHeader | VariableV3;
10
+ };
11
+ };
12
+ export declare const renderTooltipBody: (variable: VariableV3) => string;
13
+ declare const SubHeaderItem: React.FC<SubHeaderProps>;
14
+ export default SubHeaderItem;
@@ -0,0 +1 @@
1
+ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import a from"../../assets/icons/sub_category.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as n}from"lodash";import{COLORS as r}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodySecondary as d}from"../TypographyStyle.js";import{highlightSearchText as p}from"./Content.js";import{useVariablePickerContext as b}from"./context.js";import{showOnlyRecommendedVariables as v}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},h=h=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=h,{subHeaderStack:O,setSubHeaderStack:I,setVariables:N,showRecommended:S}=b();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((b,h)=>{if(void 0===f[b].variables){const s=f[b];return e(m,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"inactive":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)?e(t,{}):e(o,{width:14,height:14}),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(d,Object.assign({style:{fontSize:"14px",color:u?r.content.inactive:r.text.primary}},{children:p(s.displayName,j)})),!s.isAvailable&&e(m,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),h)}return e(m,Object.assign({body:g(f[b]),placement:"bottom"},{children:e(c,{variant:u?"inactive":"default",version:"2.0",listItem:{label:f[b].displayName,value:f[b].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(d,Object.assign({style:{fontSize:"14px",color:u?r.content.inactive:r.text.primary}},{children:p(f[b].displayName,j)}))})),leadingIcon:e(a,{width:14,height:14}),subText:f[b].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=n(f[b]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),S){const i=v([e.variables],t);N(i)}else N([e.variables])}})}),h)}))}))};export{h as default,g as renderTooltipBody};
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { VariablePickerV3Props } from './model';
3
+ type Props = VariablePickerV3Props;
4
+ export declare const VariablePicker: React.FC<Props>;
5
+ export default VariablePicker;
@@ -0,0 +1 @@
1
+ import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ export declare const VariablePickerContext: React.Context<{
3
+ searchText: string;
4
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
5
+ subHeaderStack: any[];
6
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
7
+ variables: any[];
8
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
9
+ showRecommended: boolean;
10
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
11
+ }>;
12
+ export declare const useVariablePickerContext: () => {
13
+ searchText: string;
14
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
15
+ subHeaderStack: any[];
16
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
17
+ variables: any[];
18
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
19
+ showRecommended: boolean;
20
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
21
+ };
@@ -0,0 +1 @@
1
+ import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};
@@ -0,0 +1 @@
1
+ export * from './VariablePicker';
@@ -0,0 +1,57 @@
1
+ export declare enum PickerType {
2
+ FLOATER = "floater",
3
+ EMBEDDED = "embedded"
4
+ }
5
+ export interface VariablePickerV3Props {
6
+ type: PickerType;
7
+ data: VariableListInterfaceV3[];
8
+ onSelect: (variable: VariableV3) => void;
9
+ width?: string;
10
+ onClose?: () => void;
11
+ showHeader?: boolean;
12
+ showBackButton?: boolean;
13
+ onBackButtonClick?: () => void;
14
+ onSearchBlur?: (e: any) => void;
15
+ isEvaluationList?: boolean;
16
+ hideHeaderCross?: boolean;
17
+ disabled?: boolean;
18
+ autoOpenFirst?: boolean;
19
+ headerText?: string;
20
+ }
21
+ export interface VariableListInterfaceV3 {
22
+ isSubHeader?: boolean;
23
+ displayName: string;
24
+ description: string;
25
+ orderId?: number;
26
+ isAvailable?: boolean;
27
+ contextQ?: string[];
28
+ variables?: {
29
+ [key: string]: SubHeader | VariableV3;
30
+ };
31
+ }
32
+ export interface SubHeader {
33
+ isSubHeader: boolean;
34
+ isAvailable: boolean;
35
+ displayName: string;
36
+ description: string;
37
+ contextQ?: string[];
38
+ variables?: {
39
+ [key: string]: SubHeader | VariableV3;
40
+ };
41
+ }
42
+ export interface VariableV3 {
43
+ contextQ?: string[];
44
+ selected?: boolean;
45
+ description?: string;
46
+ defaultValue?: string;
47
+ displayName: string;
48
+ actualValue: string;
49
+ variableType: string;
50
+ isAvailable: boolean;
51
+ actualValueEval?: string;
52
+ isSubHeader?: boolean;
53
+ variables?: {
54
+ [key: string]: VariableV3;
55
+ };
56
+ needsFetching?: boolean;
57
+ }
@@ -0,0 +1 @@
1
+ var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};
@@ -0,0 +1 @@
1
+ export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -0,0 +1 @@
1
+ const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};
@@ -0,0 +1,2 @@
1
+ import { VariableListInterfaceV3 } from './model';
2
+ export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -0,0 +1 @@
1
+ const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i})),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};
@@ -0,0 +1,6 @@
1
+ export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {
5
+ height: string;
6
+ }, never>;
@@ -0,0 +1,40 @@
1
+ import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
2
+ display: flex;
3
+ align-items: center;
4
+ padding: 12px 16px 0px 16px;
5
+ background-color: ${t.surface.subdued};
6
+ justify-content: space-between;
7
+ `,i=e.div`
8
+ display: flex;
9
+ justify-content: space-between;
10
+ align-items: center;
11
+ padding: 12px 16px;
12
+ background-color: ${t.surface.subdued};
13
+ border-bottom: 1px solid ${t.stroke.primary};
14
+ `,r=e.div`
15
+ position: relative;
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
19
+ height: 32px;
20
+ background-color: ${t.background.base};
21
+ `,n=e.div`
22
+ margin: 8px;
23
+ display: flex;
24
+ flex-direction: column;
25
+ gap: 4px;
26
+ height: ${e=>e.height};
27
+ overflow: scroll;
28
+ &::-webkit-scrollbar-thumb {
29
+ background-color: #e0e0e0 !important;
30
+ border-radius: 8px;
31
+ }
32
+ &::-webkit-scrollbar {
33
+ height: 5px;
34
+ display: block;
35
+ width: 8px;
36
+ }
37
+ &::-webkit-scrollbar-thumb:horizontal {
38
+ width: 8px;
39
+ }
40
+ `;export{r as BackHeader,n as Container,o as HeaderWrapper,i as RecommendWrapper};
@@ -1,3 +1,4 @@
1
1
  export * from './BaseWhatsappContentLang.helper';
2
2
  export * from '../components/curtain/CurtainHelper';
3
3
  export * from '../utils/resizeImage';
4
+ export * from '../components/variable-picker-v3/model';
@@ -1 +1 @@
1
- export declare function useOutside(ref: any, cb: () => void, excludeRefs?: any[]): void;
1
+ export declare function useOutside(ref: any, cb: () => void): void;
@@ -1 +1 @@
1
- import{useEffect as t}from"react";function e(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];t((()=>{function t(t){let o=!0;null==r||r.forEach((e=>{e&&e.current&&e.current.contains(t.target)&&(o=!1)})),o&&e.current&&!e.current.contains(t.target)&&n()}return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}}),[e])}export{e as useOutside};
1
+ import{useEffect as e}from"react";function n(n,t){e((()=>{function e(e){n.current&&!n.current.contains(e.target)&&t()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n])}export{n as useOutside};
@@ -22,7 +22,6 @@ export * from './components/image-compress';
22
22
  export * from './components/TypographyStyle';
23
23
  export * from './components/button';
24
24
  export * from './components/progress-bar';
25
- export * from './components/progress-bar-v2';
26
25
  export * from './components/QueryBuilder';
27
26
  export * from './components/modals';
28
27
  export * from './components/dropdown';
@@ -80,4 +79,4 @@ export * from './utils/validator';
80
79
  export * from './components/carousel-preview';
81
80
  export * from './components/floater';
82
81
  export * from './components/card-selector';
83
- export * from './components/action-button';
82
+ export * from './components/variable-picker-v3';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{PureSpinner,Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{ProgressBarType,ProgressBarV2,TextAlignment}from"./components/progress-bar-v2/ProgressBarV2.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{calculatePercentage,roundNumber,truncateValueTo10K,truncateValueToK}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{DatePickerWrapper}from"./components/datePicker/DatePickerWrapper.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{CustomRightBorder,EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{ActionButtons}from"./components/action-button/ActionButtons.js";
1
+ import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{ComponentZindex}from"./constants/zindex.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{BUTTON_TYPE,POD}from"./components/template-preview/models/WhatsAppTemplate.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{isVariable,validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";import"react/jsx-runtime";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,EXACTLY_OPERATORS,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,MAIL_SUBJECT_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS,STRING_RESTRICTED_OPERATORS,STRING_RESTRICTED_OPERATORS_2,STRING_RESTRICTED_OPERATORS_3}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{ChipDropdown}from"./components/dropdown/ChipDropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem,formatDate}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{StackedBarDistributionChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";export{GRAPH_ORIENTATION}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{HeatBoxStyled,HeatMapVertical}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{calculatePercentage,roundNumber,truncateValueTo10K,truncateValueToK}from"./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP,CONTENT_POSITION}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{BottomWrapper,HeaderWrapper,SubscriptionPlanSelector,defaultTabs}from"./components/plans/SubscriptionPlanSelector.js";export{NewSubscriptionPlan}from"./components/plans/NewSubscriptionPlan.js";export{SubscriptionPlansCollected}from"./components/plans/SubscriptionPlansCollected.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{DynamicTabs}from"./components/dynamic-tabs/DynamicTabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{ShopifyScopeWrapper}from"./components/states/ShopifyScopeWrapper.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"./components/curtain/CurtainHelper.js";export{resizeImage}from"./utils/resizeImage.js";export{PickerType}from"./components/variable-picker-v3/model.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./components/bik-layout/ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./components/bik-layout/FeatureModalV2.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{DEFAULT_IMAGE,ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal,ScreenName}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{DateKeys,MEDIA_TYPES,PostPicker,dateOptions}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{SideModal}from"./components/side-modal/SideModal.js";export{KeywordsInput}from"./components/keywords-input/KeywordsInput.js";export{AddVariableV2SideModal}from"./components/add-variableV2/AddVariableV2SideModal.js";export{AddVariableV2}from"./components/add-variableV2/AddVariableV2.js";export{NaLinkWrapper,NavigationHyperlink}from"./components/navigation-hyperlink/NavigationHyperlink.js";export{SearchFilter}from"./components/SearchFilter/index.js";export{InputWithVariables}from"./components/input-with-vars/InputWithVariables.js";export{DashboardReviewPopUp}from"./components/dashboard-review-popup/DashboardReviewPopUp.js";export{StarRating}from"./components/star-rating/StarRating.js";export{TestimonialCard}from"./components/testimonial-card/TestimonialCard.js";export{BikSlider}from"./components/slider/slider.js";export{ResizableImage}from"./components/resizeImage/index.js";export{validateURL}from"./utils/validator.js";export{CarouselPreview}from"./components/carousel-preview/CarouselPreview.js";export{Floater}from"./components/floater/floater.js";export{CardSelector}from"./components/card-selector/CardSelector.js";export{CardSelectorGroup}from"./components/card-selector/CardSelectorGroup.js";export{VariablePicker}from"./components/variable-picker-v3/VariablePicker.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.527-beta.a-2",
3
+ "version": "0.0.528-beta.0",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -52,7 +52,6 @@
52
52
  "@popperjs/core": "^2.11.7",
53
53
  "@tippyjs/react": "^4.2.6",
54
54
  "@trendyol-js/react-carousel": "^3.0.2",
55
- "@types/react-slick": "^0.23.13",
56
55
  "bootstrap": "^5.1.3",
57
56
  "browser-image-compression": "^2.0.2",
58
57
  "chart.js": "^3.9.1",
@@ -60,6 +59,7 @@
60
59
  "emoji-picker-react": "^4.4.9",
61
60
  "lodash": "^4.17.21",
62
61
  "phone": "^3.1.37",
62
+ "pure-react-carousel": "^1.30.1",
63
63
  "react-beautiful-dnd": "^13.1.1",
64
64
  "react-bootstrap": "^2.4.0",
65
65
  "react-calendar": "^3.7.0",
@@ -68,9 +68,7 @@
68
68
  "react-image-crop": "^10.0.9",
69
69
  "react-lottie": "^1.2.3",
70
70
  "react-popper": "^2.3.0",
71
- "react-slick": "^0.30.2",
72
71
  "react-toastify": "^9.1.2",
73
- "slick-carousel": "^1.8.1",
74
72
  "uuid": "^9.0.1"
75
73
  },
76
74
  "devDependencies": {
@@ -1 +0,0 @@
1
- "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e=>a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),t||(t=a.createElement("g",{stroke:"#28458F",clipPath:"url(#chat-channel_svg__a)"},a.createElement("path",{strokeWidth:1.67,d:"M6.203 17.034c-.188 0-.373.035-.547.106l-.017.007-2.702.976-.02.007-.02.009a.347.347 0 0 1-.106.026.197.197 0 0 1-.182-.19.336.336 0 0 1 .013-.078l.003-.007.002-.008.737-2.668a1.18 1.18 0 0 0-.123-.917l-.005-.01-.01-.018-.01-.018a.917.917 0 0 0-.02-.03l-.01-.013-.01-.016-.015-.02-.024-.034-.006-.009a.04.04 0 0 1-.001-.002l-.007-.01a7.83 7.83 0 0 1-1.288-4.303v-.003c-.006-2.089.809-4.063 2.306-5.566 1.55-1.554 3.624-2.41 5.852-2.41 1.887-.001 3.717.64 5.19 1.819a7.976 7.976 0 0 1 2.808 4.531v.003a7.74 7.74 0 0 1 .174 1.632c0 2.15-.824 4.162-2.32 5.676-1.508 1.526-3.531 2.366-5.708 2.366-.742 0-1.741-.197-2.215-.33H7.92c-.538-.151-1.053-.345-1.188-.396l-.022-.008a1.443 1.443 0 0 0-.507-.094Zm0 0h.002l-.005.835.002-.835Z"}),a.createElement("path",{strokeLinecap:"round",strokeWidth:1.389,d:"M6.667 8.333h7.5M6.667 11.667h5"}))),r||(r=a.createElement("defs",null,a.createElement("clipPath",{id:"chat-channel_svg__a"},a.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))));exports.default=l;
@@ -1 +0,0 @@
1
- "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var c=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("g",{clipPath:"url(#instagram-channel_svg__a)"},r.createElement("path",{fill:"url(#instagram-channel_svg__b)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579a3.27 3.27 0 0 0-.707-.968c-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),r.createElement("path",{fill:"url(#instagram-channel_svg__c)",d:"M9.002.747c-3.445 0-4.453.004-4.649.02-.707.059-1.147.17-1.626.409-.37.183-.66.396-.948.694-.524.543-.841 1.212-.956 2.007-.056.386-.072.464-.075 2.435-.002.657 0 1.522 0 2.682 0 3.442.003 4.449.02 4.644.057.688.165 1.121.393 1.595a3.476 3.476 0 0 0 2.254 1.84c.34.088.715.136 1.198.159.204.009 2.287.015 4.371.015 2.085 0 4.169-.002 4.368-.012.559-.027.883-.07 1.242-.163a3.456 3.456 0 0 0 2.253-1.844c.224-.462.337-.912.389-1.564.011-.142.016-2.409.016-4.672 0-2.264-.005-4.527-.017-4.669-.052-.663-.165-1.108-.396-1.579-.19-.385-.4-.673-.707-.968-.546-.521-1.213-.839-2.01-.953-.385-.056-.461-.073-2.434-.076H9.002Z"}),r.createElement("path",{fill:"#fff",d:"M9.002 2.91c-1.654 0-1.862.006-2.512.036-.649.03-1.091.132-1.479.283-.4.156-.74.364-1.079.703a2.99 2.99 0 0 0-.703 1.079c-.151.387-.254.83-.283 1.479-.03.65-.037.857-.037 2.512s.008 1.862.037 2.512c.03.648.133 1.091.283 1.479.156.4.364.74.703 1.079.338.339.678.547 1.079.703.387.15.83.253 1.479.283.65.03.857.037 2.512.037s1.862-.007 2.512-.037c.648-.03 1.091-.132 1.48-.283.4-.156.74-.364 1.078-.703a2.99 2.99 0 0 0 .703-1.08c.15-.387.252-.83.283-1.478.03-.65.037-.857.037-2.512s-.008-1.862-.037-2.512c-.03-.649-.133-1.092-.283-1.479a2.99 2.99 0 0 0-.703-1.08 2.977 2.977 0 0 0-1.08-.702c-.388-.15-.83-.253-1.48-.283-.65-.03-.856-.037-2.511-.037h.001Zm-.546 1.097h.546c1.627 0 1.82.006 2.462.035.595.027.917.127 1.132.21.284.11.487.242.7.456.213.213.345.416.456.7.083.215.183.537.21 1.131.029.643.035.836.035 2.462 0 1.626-.006 1.819-.035 2.46-.027.595-.127.917-.21 1.132-.11.284-.243.487-.456.7a1.883 1.883 0 0 1-.7.456c-.215.083-.537.182-1.132.21-.642.029-.835.035-2.462.035-1.626 0-1.82-.006-2.462-.035-.594-.028-.916-.127-1.131-.21a1.886 1.886 0 0 1-.7-.456 1.888 1.888 0 0 1-.457-.7c-.083-.215-.182-.537-.21-1.132-.029-.642-.034-.835-.034-2.462 0-1.627.005-1.819.035-2.461.027-.594.126-.917.21-1.131.11-.285.242-.488.455-.701.214-.213.417-.345.701-.456.215-.084.537-.183 1.131-.21.562-.025.78-.033 1.916-.034v.001Zm3.799 1.012a.731.731 0 1 0 0 1.462.731.731 0 0 0 0-1.462Zm-3.253.854a3.13 3.13 0 1 0 0 6.258 3.13 3.13 0 0 0 0-6.258Zm0 1.098a2.031 2.031 0 1 1 0 4.062 2.031 2.031 0 0 1 0-4.062Z"}))),a||(a=r.createElement("defs",null,r.createElement("radialGradient",{id:"instagram-channel_svg__b",cx:0,cy:0,r:1,gradientTransform:"matrix(0 -16.3528 15.2136 0 5.131 18.518)",gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#FD5"}),r.createElement("stop",{offset:.1,stopColor:"#FD5"}),r.createElement("stop",{offset:.5,stopColor:"#FF543E"}),r.createElement("stop",{offset:1,stopColor:"#C837AB"})),r.createElement("radialGradient",{id:"instagram-channel_svg__c",cx:0,cy:0,r:1,gradientTransform:"rotate(78.678 -2.19 -.263) scale(7.30987 30.1392)",gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#3771C8"}),r.createElement("stop",{offset:.128,stopColor:"#3771C8"}),r.createElement("stop",{offset:1,stopColor:"#60F",stopOpacity:0})),r.createElement("clipPath",{id:"instagram-channel_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));exports.default=c;
@@ -1 +0,0 @@
1
- "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 21 20"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.152 3.397a.833.833 0 0 0-.908.181L2.41 9.411a.833.833 0 0 0 0 1.179l5.834 5.833a.833.833 0 0 0 1.422-.589V13.27c3.496.167 5.895 1.417 7.655 3.882a.833.833 0 0 0 1.496-.648c-.436-2.181-1.318-4.412-2.899-6.219-1.468-1.678-3.507-2.951-6.252-3.488v-2.63a.833.833 0 0 0-.514-.77ZM8 6.18v1.322c0 .414.305.766.715.825 2.725.389 4.626 1.544 5.95 3.057a9.982 9.982 0 0 1 1.453 2.216c-1.948-1.377-4.35-2.015-7.285-2.015a.833.833 0 0 0-.833.833v1.405l-3.822-3.821L8 6.179Z",clipRule:"evenodd"})));exports.default=a;
@@ -1 +0,0 @@
1
- "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},r.createElement("path",{fill:"url(#whatsapp-channel_svg__b)",d:"M.383 8.892c0 1.513.398 2.99 1.155 4.29L.311 17.63l4.586-1.193a8.702 8.702 0 0 0 4.135 1.044h.003c4.769 0 8.65-3.85 8.652-8.582.001-2.293-.898-4.45-2.532-6.072A8.632 8.632 0 0 0 9.035.311C4.266.31.385 4.16.383 8.892"}),r.createElement("path",{fill:"url(#whatsapp-channel_svg__c)",d:"M.075 8.89c0 1.566.412 3.096 1.197 4.444L0 17.941l4.751-1.237a9.014 9.014 0 0 0 4.283 1.083h.004c4.939 0 8.96-3.989 8.962-8.89 0-2.376-.93-4.61-2.623-6.29A8.942 8.942 0 0 0 9.037 0C4.098 0 .078 3.988.076 8.89Zm2.83 4.212-.178-.28A7.327 7.327 0 0 1 1.588 8.89C1.59 4.816 4.932 1.501 9.04 1.501c1.99.001 3.86.77 5.267 2.167a7.316 7.316 0 0 1 2.18 5.228c-.002 4.074-3.344 7.39-7.45 7.39h-.002a7.485 7.485 0 0 1-3.792-1.031l-.272-.16-2.82.733.754-2.726Z"}),r.createElement("path",{fill:"#fff",d:"M6.796 5.17c-.167-.37-.344-.377-.503-.384-.131-.005-.28-.005-.43-.005a.826.826 0 0 0-.597.278c-.205.223-.784.76-.784 1.853 0 1.094.803 2.15.915 2.298.112.149 1.549 2.464 3.825 3.354 1.892.74 2.277.593 2.687.556.41-.037 1.325-.537 1.512-1.056.187-.519.187-.963.13-1.056-.055-.093-.205-.149-.429-.26-.224-.11-1.325-.648-1.53-.723-.205-.074-.354-.11-.504.112-.15.222-.578.722-.709.87-.13.15-.261.168-.485.056-.224-.111-.945-.345-1.8-1.102-.667-.59-1.116-1.317-1.247-1.54-.13-.221-.014-.342.099-.452.1-.1.224-.26.336-.39.111-.13.149-.222.223-.37.075-.148.038-.278-.018-.39-.056-.11-.491-1.21-.69-1.649"}))),a||(a=r.createElement("defs",null,r.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#1FAF38"}),r.createElement("stop",{offset:1,stopColor:"#60D669"})),r.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#F9F9F9"}),r.createElement("stop",{offset:1,stopColor:"#fff"})),r.createElement("clipPath",{id:"whatsapp-channel_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));exports.default=l;
@@ -1,7 +0,0 @@
1
- export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
2
- isSelected: boolean;
3
- isError: boolean;
4
- border: string;
5
- isConfigured: boolean;
6
- width?: string | undefined;
7
- }, never>;
@@ -1,23 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.div`
2
- width: ${e=>{var r;return null!==(r=e.width)&&void 0!==r?r:"100%"}};
3
- display: flex;
4
- flex-direction: row;
5
- justify-content: center;
6
- align-items: center;
7
- gap: 8px;
8
- padding: 14px 0px;
9
- box-shadow: ${e=>e.isConfigured||e.isSelected||e.isError?"0px 2px 8px 0px #0000001f":""};
10
- background-color: white;
11
- border-radius: 4px;
12
- border: ${e=>{var o;return null!==(o=e.border)&&void 0!==o?o:`1px solid ${r.BASE_COLORS.grayscale[200]}`}};
13
- cursor: pointer;
14
- :hover {
15
- background-color: ${e=>e.isSelected||e.isError?"":r.BASE_COLORS.grayscale[200]};
16
- border: ${e=>e.isSelected||e.isError?"":e.isConfigured?`1px solid ${r.BASE_COLORS.grayscale[400]}`:`1px dashed ${r.BASE_COLORS.grayscale[400]}`};
17
- }
18
-
19
- .action__icon {
20
- height: 20px;
21
- width: 20px;
22
- }
23
- `;exports.ActionButtonContainer=t;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface ActionButtonInterface {
3
- state: 'CONFIGURED' | 'NOT-CONFIGURED';
4
- buttonText: string;
5
- isSelected: boolean;
6
- isError: boolean;
7
- onClick: () => void;
8
- icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
9
- }
10
- export declare const ActionButtons: React.FC<ActionButtonInterface>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=t=>{let{state:l,buttonText:c,icon:a=o.default,isSelected:n,isError:d,onClick:O}=t;const{color:S,border:E}="CONFIGURED"===l?(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:n,isError:d}):(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:n,isError:d}),C={height:20,width:20,color:S,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,Object.assign({isSelected:n,isError:d,border:E,isConfigured:"CONFIGURED"===l,onClick:O},{children:[e.jsx("div",Object.assign({className:"action__icon"},{children:e.jsx(a,Object.assign({},C))})),e.jsx(s.BodyPrimary,Object.assign({style:{fontWeight:600,color:S}},{children:c}))]}))};
@@ -1 +0,0 @@
1
- export * from './ActionButtons';
@@ -1,4 +0,0 @@
1
- import { AnalyticsChipInterface } from './AnalyticsChip';
2
- export declare const AnalyticsChipChannelFooter: (props: {
3
- channelConfig: AnalyticsChipInterface['channelConfig'];
4
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chat-channel.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),a=require("../../assets/icons/instagram-channel.svg.js"),t=require("../../assets/icons/whatsapp-channel.svg.js"),r=require("../../constants/Theme.js"),l=require("../TypographyStyle.js");const i=s=>{const{ChannelIcon:n,value:a}=s;return e.jsxs("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[e.jsx(n,{width:12,height:12}),e.jsx(l.BodyTiny,Object.assign({color:r.COLORS.content.secondary},{children:a}))]}))};exports.AnalyticsChipChannelFooter=r=>{if(!r.channelConfig)return e.jsx(e.Fragment,{});const{whatsapp:l,instagram:c,email:o,sms:h}=r.channelConfig;return e.jsxs("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!l&&e.jsx(i,{ChannelIcon:t.default,value:l}),!!c&&e.jsx(i,{ChannelIcon:a.default,value:c}),!!o&&e.jsx(i,{ChannelIcon:n.default,value:o}),!!h&&e.jsx(i,{ChannelIcon:s.default,value:h})]}))};
@@ -1,7 +0,0 @@
1
- import { CustomArrowProps } from 'react-slick';
2
- export declare const CustomCarouselLeftArrow: (props: CustomArrowProps & {
3
- isPreview: boolean;
4
- }) => import("react/jsx-runtime").JSX.Element;
5
- export declare const CustomCarouselRightArrow: (props: CustomArrowProps & {
6
- isPreview: boolean;
7
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)<1||c||null==u||u((null!=i?i:-1)-1)}},{children:e.jsx(s.default,{height:10,width:10,color:l.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:a,isPreview:c}=s,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{console.log("onClick",i,d),null==a||a(e),(null!=i?i:-1)>=(null!=d?d:-1)-1||c||null==u||u((null!=i?i:-1)+1)}},{children:e.jsx(t.default,{height:10,width:10,color:l.COLORS.content.primary})}))};
@@ -1,21 +0,0 @@
1
- export declare enum TextAlignment {
2
- RIGHT = "right",
3
- LEFT = "left",
4
- TOP = "top",
5
- BOTTOM = "bottom"
6
- }
7
- export declare enum ProgressBarType {
8
- CIRCLE = "circle",
9
- LINE = "line"
10
- }
11
- export interface ProgressBarV2Props {
12
- progress: number;
13
- type: ProgressBarType;
14
- showProgress?: boolean;
15
- text?: string;
16
- size?: number;
17
- progressBarThickness?: number;
18
- color?: string;
19
- textPosition?: TextAlignment;
20
- }
21
- export declare const ProgressBarV2: (props: ProgressBarV2Props) => import("react/jsx-runtime").JSX.Element;