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

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 (340) hide show
  1. package/dist/cjs/assets/{bundle-0deb4a74.css → bundle-c485438b.css} +325 -2
  2. package/dist/cjs/assets/icons/chat-channel.svg.js +1 -0
  3. package/dist/cjs/assets/icons/{sub_category.svg.js → email-channel.svg.js} +1 -1
  4. package/dist/cjs/assets/icons/emoji.svg.js +1 -1
  5. package/dist/cjs/assets/icons/halfRectangle.svg.js +1 -1
  6. package/dist/cjs/assets/icons/instagram-channel.svg.js +1 -0
  7. package/dist/cjs/assets/icons/similar.svg.js +1 -0
  8. package/dist/cjs/assets/icons/strikeThrough.svg.js +1 -1
  9. package/dist/cjs/assets/icons/whatsapp-channel.svg.js +1 -0
  10. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  11. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  12. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  13. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  14. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  15. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  16. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  17. package/dist/cjs/components/SearchFilter/components/DatePickerButton.js +1 -1
  18. package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  19. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +4 -0
  20. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  21. package/dist/cjs/components/action-button/ActionButton.styled.d.ts +7 -0
  22. package/dist/cjs/components/action-button/ActionButton.styled.js +23 -0
  23. package/dist/cjs/components/action-button/ActionButtons.d.ts +10 -0
  24. package/dist/cjs/components/action-button/ActionButtons.js +1 -0
  25. package/dist/cjs/components/action-button/index.d.ts +1 -0
  26. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +7 -0
  27. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  28. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +4 -0
  29. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +1 -0
  30. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +1 -0
  31. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  32. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +1 -0
  33. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  34. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -0
  35. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  36. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -0
  37. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  38. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  39. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +2 -0
  40. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  41. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +1 -0
  42. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +1 -1
  43. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  44. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -1
  45. package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
  46. package/dist/cjs/components/bik-layout/MockMenus.d.ts +20 -1
  47. package/dist/cjs/components/bik-layout/SidebarStyles.js +1 -1
  48. package/dist/cjs/components/card-selector/CardSelector.d.ts +1 -0
  49. package/dist/cjs/components/card-selector/CardSelector.js +1 -1
  50. package/dist/cjs/components/card-selector/CardSelectorGroup.js +1 -1
  51. package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts +4 -1
  52. package/dist/cjs/components/carousel-preview/CarouselPreview.js +1 -1
  53. package/dist/cjs/components/carousel-preview/CarouselPreview.style.d.ts +4 -2
  54. package/dist/cjs/components/carousel-preview/CarouselPreview.style.js +56 -27
  55. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +1 -1
  56. package/dist/cjs/components/carousel-preview/CustomCarouselArrows.d.ts +7 -0
  57. package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js +1 -0
  58. package/dist/cjs/components/checkBox/CheckBox.d.ts +4 -0
  59. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  60. package/dist/cjs/components/checkBox/CheckBox.styled.d.ts +1 -0
  61. package/dist/cjs/components/checkBox/CheckBox.styled.js +4 -3
  62. package/dist/cjs/components/checkList/CheckList.d.ts +1 -0
  63. package/dist/cjs/components/checkList/CheckList.js +1 -1
  64. package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  65. package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts +1 -2
  66. package/dist/cjs/components/datePicker/DatePickerWrapper.js +1 -1
  67. package/dist/cjs/components/datePicker/index.d.ts +1 -0
  68. package/dist/cjs/components/discount-modal/DiscountUtils.js +1 -1
  69. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  70. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  71. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  72. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +1 -0
  73. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  74. package/dist/cjs/components/dropdown/type.d.ts +3 -0
  75. package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +2 -0
  76. package/dist/cjs/components/dynamic-tabs/DynamicTabs.js +1 -1
  77. package/dist/cjs/components/floater/floater.d.ts +2 -1
  78. package/dist/cjs/components/floater/floater.js +1 -1
  79. package/dist/cjs/components/icon-button/IconButton.js +1 -1
  80. package/dist/cjs/components/icon-button/model.d.ts +5 -0
  81. package/dist/cjs/components/input/Input.d.ts +2 -0
  82. package/dist/cjs/components/input/Input.js +1 -1
  83. package/dist/cjs/components/input/Input.styled.d.ts +2 -0
  84. package/dist/cjs/components/input/Input.styled.js +1 -1
  85. package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +1 -0
  86. package/dist/cjs/components/input-with-vars/InputWithVariables.js +2 -2
  87. package/dist/cjs/components/list-item/ListItem.d.ts +0 -1
  88. package/dist/cjs/components/list-item/ListItem.js +1 -1
  89. package/dist/cjs/components/plans/NewSubscriptionPlan.js +1 -1
  90. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +1 -0
  91. package/dist/cjs/components/progress-bar-v2/ProgressBarV2.d.ts +21 -0
  92. package/dist/cjs/components/progress-bar-v2/ProgressBarV2.js +1 -0
  93. package/dist/cjs/components/progress-bar-v2/index.d.ts +1 -0
  94. package/dist/cjs/components/radioButton/RadioButton.d.ts +3 -0
  95. package/dist/cjs/components/radioButton/RadioButton.js +1 -1
  96. package/dist/cjs/components/radioList/RadioList.d.ts +1 -0
  97. package/dist/cjs/components/radioList/RadioList.js +1 -1
  98. package/dist/cjs/components/side-modal/SideModal.d.ts +0 -1
  99. package/dist/cjs/components/side-modal/SideModal.js +1 -1
  100. package/dist/cjs/components/spinner/Spinner.d.ts +6 -0
  101. package/dist/cjs/components/spinner/Spinner.js +18 -1
  102. package/dist/cjs/components/states/StateComponent.d.ts +2 -0
  103. package/dist/cjs/components/states/StateComponent.js +1 -1
  104. package/dist/cjs/components/states/StateComponent.styled.d.ts +4 -1
  105. package/dist/cjs/components/states/StateComponent.styled.js +6 -6
  106. package/dist/cjs/components/states-modal/StateModalComponent.d.ts +2 -0
  107. package/dist/cjs/components/states-modal/StateModalComponent.js +1 -1
  108. package/dist/cjs/components/stepper/Stepper.d.ts +2 -0
  109. package/dist/cjs/components/stepper/Stepper.js +1 -1
  110. package/dist/cjs/components/stepper/Stepper.styled.d.ts +1 -0
  111. package/dist/cjs/components/stepper/Stepper.styled.js +7 -7
  112. package/dist/cjs/components/tabs/Tabs.js +1 -1
  113. package/dist/cjs/components/tabs/Tabs.model.d.ts +1 -0
  114. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +0 -1
  115. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  116. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +8 -9
  117. package/dist/cjs/components/template-context-mapper/context/templateModalContext.js +1 -1
  118. package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  119. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +13 -9
  120. package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +1 -1
  121. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +2 -0
  122. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  123. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  124. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.style.js +0 -1
  125. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  126. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  127. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +2 -2
  128. package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +5 -5
  129. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +5 -3
  130. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  131. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  132. package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  133. package/dist/cjs/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  134. package/dist/cjs/components/template-context-mapper/utils/constants.d.ts +1 -0
  135. package/dist/cjs/components/template-context-mapper/utils/constants.js +1 -0
  136. package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js +16 -14
  137. package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
  138. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +1 -1
  139. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +5 -0
  140. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +14 -8
  141. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +2 -2
  142. package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js +1 -1
  143. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +6 -5
  144. package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  145. package/dist/cjs/components/tooltips/TooltipInternal.d.ts +1 -1
  146. package/dist/cjs/helpers/index.d.ts +0 -1
  147. package/dist/cjs/hooks/useOutside.d.ts +1 -1
  148. package/dist/cjs/hooks/useOutside.js +1 -1
  149. package/dist/cjs/index.d.ts +2 -1
  150. package/dist/cjs/index.js +1 -1
  151. package/dist/esm/assets/{bundle-0deb4a74.css → bundle-c485438b.css} +325 -2
  152. package/dist/esm/assets/icons/chat-channel.svg.js +1 -0
  153. package/dist/esm/assets/icons/email-channel.svg.js +1 -0
  154. package/dist/esm/assets/icons/emoji.svg.js +1 -1
  155. package/dist/esm/assets/icons/halfRectangle.svg.js +1 -1
  156. package/dist/esm/assets/icons/instagram-channel.svg.js +1 -0
  157. package/dist/esm/assets/icons/similar.svg.js +1 -0
  158. package/dist/esm/assets/icons/strikeThrough.svg.js +1 -1
  159. package/dist/esm/assets/icons/whatsapp-channel.svg.js +1 -0
  160. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  161. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  162. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  163. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  164. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  165. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  166. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  167. package/dist/esm/components/SearchFilter/components/DatePickerButton.js +1 -1
  168. package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  169. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +4 -0
  170. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  171. package/dist/esm/components/action-button/ActionButton.styled.d.ts +7 -0
  172. package/dist/esm/components/action-button/ActionButton.styled.js +23 -0
  173. package/dist/esm/components/action-button/ActionButtons.d.ts +10 -0
  174. package/dist/esm/components/action-button/ActionButtons.js +1 -0
  175. package/dist/esm/components/action-button/index.d.ts +1 -0
  176. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +7 -0
  177. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -1
  178. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts +4 -0
  179. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.js +1 -0
  180. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +1 -0
  181. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  182. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +1 -0
  183. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  184. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +1 -0
  185. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -1
  186. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -0
  187. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  188. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  189. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +2 -0
  190. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  191. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +1 -0
  192. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +1 -1
  193. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  194. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -1
  195. package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
  196. package/dist/esm/components/bik-layout/MockMenus.d.ts +20 -1
  197. package/dist/esm/components/bik-layout/SidebarStyles.js +1 -1
  198. package/dist/esm/components/card-selector/CardSelector.d.ts +1 -0
  199. package/dist/esm/components/card-selector/CardSelector.js +1 -1
  200. package/dist/esm/components/card-selector/CardSelectorGroup.js +1 -1
  201. package/dist/esm/components/carousel-preview/CarouselPreview.d.ts +4 -1
  202. package/dist/esm/components/carousel-preview/CarouselPreview.js +1 -1
  203. package/dist/esm/components/carousel-preview/CarouselPreview.style.d.ts +4 -2
  204. package/dist/esm/components/carousel-preview/CarouselPreview.style.js +56 -27
  205. package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +1 -1
  206. package/dist/esm/components/carousel-preview/CustomCarouselArrows.d.ts +7 -0
  207. package/dist/esm/components/carousel-preview/CustomCarouselArrows.js +1 -0
  208. package/dist/esm/components/checkBox/CheckBox.d.ts +4 -0
  209. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  210. package/dist/esm/components/checkBox/CheckBox.styled.d.ts +1 -0
  211. package/dist/esm/components/checkBox/CheckBox.styled.js +6 -5
  212. package/dist/esm/components/checkList/CheckList.d.ts +1 -0
  213. package/dist/esm/components/checkList/CheckList.js +1 -1
  214. package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  215. package/dist/esm/components/datePicker/DatePickerWrapper.d.ts +1 -2
  216. package/dist/esm/components/datePicker/DatePickerWrapper.js +1 -1
  217. package/dist/esm/components/datePicker/index.d.ts +1 -0
  218. package/dist/esm/components/discount-modal/DiscountUtils.js +1 -1
  219. package/dist/esm/components/dropdown/Dropdown.js +1 -1
  220. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  221. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  222. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +1 -0
  223. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +1 -1
  224. package/dist/esm/components/dropdown/type.d.ts +3 -0
  225. package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +2 -0
  226. package/dist/esm/components/dynamic-tabs/DynamicTabs.js +1 -1
  227. package/dist/esm/components/floater/floater.d.ts +2 -1
  228. package/dist/esm/components/floater/floater.js +1 -1
  229. package/dist/esm/components/icon-button/IconButton.js +1 -1
  230. package/dist/esm/components/icon-button/model.d.ts +5 -0
  231. package/dist/esm/components/input/Input.d.ts +2 -0
  232. package/dist/esm/components/input/Input.js +1 -1
  233. package/dist/esm/components/input/Input.styled.d.ts +2 -0
  234. package/dist/esm/components/input/Input.styled.js +1 -1
  235. package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +1 -0
  236. package/dist/esm/components/input-with-vars/InputWithVariables.js +3 -3
  237. package/dist/esm/components/list-item/ListItem.d.ts +0 -1
  238. package/dist/esm/components/list-item/ListItem.js +1 -1
  239. package/dist/esm/components/plans/NewSubscriptionPlan.js +1 -1
  240. package/dist/esm/components/plans/SubscriptionPlan.d.ts +1 -0
  241. package/dist/esm/components/progress-bar-v2/ProgressBarV2.d.ts +21 -0
  242. package/dist/esm/components/progress-bar-v2/ProgressBarV2.js +1 -0
  243. package/dist/esm/components/progress-bar-v2/index.d.ts +1 -0
  244. package/dist/esm/components/radioButton/RadioButton.d.ts +3 -0
  245. package/dist/esm/components/radioButton/RadioButton.js +1 -1
  246. package/dist/esm/components/radioList/RadioList.d.ts +1 -0
  247. package/dist/esm/components/radioList/RadioList.js +1 -1
  248. package/dist/esm/components/side-modal/SideModal.d.ts +0 -1
  249. package/dist/esm/components/side-modal/SideModal.js +1 -1
  250. package/dist/esm/components/spinner/Spinner.d.ts +6 -0
  251. package/dist/esm/components/spinner/Spinner.js +18 -1
  252. package/dist/esm/components/states/StateComponent.d.ts +2 -0
  253. package/dist/esm/components/states/StateComponent.js +1 -1
  254. package/dist/esm/components/states/StateComponent.styled.d.ts +4 -1
  255. package/dist/esm/components/states/StateComponent.styled.js +6 -6
  256. package/dist/esm/components/states-modal/StateModalComponent.d.ts +2 -0
  257. package/dist/esm/components/states-modal/StateModalComponent.js +1 -1
  258. package/dist/esm/components/stepper/Stepper.d.ts +2 -0
  259. package/dist/esm/components/stepper/Stepper.js +1 -1
  260. package/dist/esm/components/stepper/Stepper.styled.d.ts +1 -0
  261. package/dist/esm/components/stepper/Stepper.styled.js +6 -6
  262. package/dist/esm/components/tabs/Tabs.js +1 -1
  263. package/dist/esm/components/tabs/Tabs.model.d.ts +1 -0
  264. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +0 -1
  265. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  266. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +8 -9
  267. package/dist/esm/components/template-context-mapper/context/templateModalContext.js +1 -1
  268. package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js +1 -1
  269. package/dist/esm/components/template-context-mapper/modalElements/Body.js +13 -9
  270. package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +2 -2
  271. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +2 -0
  272. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  273. package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  274. package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.js +0 -1
  275. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  276. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  277. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  278. package/dist/esm/components/template-context-mapper/modalElements/Footer.js +5 -5
  279. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +5 -3
  280. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  281. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  282. package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
  283. package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  284. package/dist/esm/components/template-context-mapper/utils/constants.d.ts +1 -0
  285. package/dist/esm/components/template-context-mapper/utils/constants.js +1 -0
  286. package/dist/esm/components/template-preview/EmailTemplatePreview.styled.js +2 -0
  287. package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
  288. package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +2 -2
  289. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +5 -0
  290. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +23 -17
  291. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +5 -5
  292. package/dist/esm/components/template-preview/WhatsApp/MediaCard.js +1 -1
  293. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +6 -5
  294. package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  295. package/dist/esm/components/tooltips/TooltipInternal.d.ts +1 -1
  296. package/dist/esm/helpers/index.d.ts +0 -1
  297. package/dist/esm/hooks/useOutside.d.ts +1 -1
  298. package/dist/esm/hooks/useOutside.js +1 -1
  299. package/dist/esm/index.d.ts +2 -1
  300. package/dist/esm/index.js +1 -1
  301. package/package.json +4 -2
  302. package/dist/cjs/components/variable-picker-v3/Content.d.ts +0 -6
  303. package/dist/cjs/components/variable-picker-v3/Content.js +0 -1
  304. package/dist/cjs/components/variable-picker-v3/NoResult.d.ts +0 -6
  305. package/dist/cjs/components/variable-picker-v3/NoResult.js +0 -17
  306. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.d.ts +0 -14
  307. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js +0 -1
  308. package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts +0 -5
  309. package/dist/cjs/components/variable-picker-v3/VariablePicker.js +0 -1
  310. package/dist/cjs/components/variable-picker-v3/context.d.ts +0 -21
  311. package/dist/cjs/components/variable-picker-v3/context.js +0 -1
  312. package/dist/cjs/components/variable-picker-v3/index.d.ts +0 -1
  313. package/dist/cjs/components/variable-picker-v3/model.d.ts +0 -57
  314. package/dist/cjs/components/variable-picker-v3/model.js +0 -1
  315. package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts +0 -1
  316. package/dist/cjs/components/variable-picker-v3/recommendVaribles.js +0 -1
  317. package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts +0 -2
  318. package/dist/cjs/components/variable-picker-v3/searchVariables.js +0 -1
  319. package/dist/cjs/components/variable-picker-v3/styles.d.ts +0 -6
  320. package/dist/cjs/components/variable-picker-v3/styles.js +0 -40
  321. package/dist/esm/assets/icons/sub_category.svg.js +0 -1
  322. package/dist/esm/components/variable-picker-v3/Content.d.ts +0 -6
  323. package/dist/esm/components/variable-picker-v3/Content.js +0 -1
  324. package/dist/esm/components/variable-picker-v3/NoResult.d.ts +0 -6
  325. package/dist/esm/components/variable-picker-v3/NoResult.js +0 -17
  326. package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts +0 -14
  327. package/dist/esm/components/variable-picker-v3/SubHeaderItems.js +0 -1
  328. package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts +0 -5
  329. package/dist/esm/components/variable-picker-v3/VariablePicker.js +0 -1
  330. package/dist/esm/components/variable-picker-v3/context.d.ts +0 -21
  331. package/dist/esm/components/variable-picker-v3/context.js +0 -1
  332. package/dist/esm/components/variable-picker-v3/index.d.ts +0 -1
  333. package/dist/esm/components/variable-picker-v3/model.d.ts +0 -57
  334. package/dist/esm/components/variable-picker-v3/model.js +0 -1
  335. package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts +0 -1
  336. package/dist/esm/components/variable-picker-v3/recommendVaribles.js +0 -1
  337. package/dist/esm/components/variable-picker-v3/searchVariables.d.ts +0 -2
  338. package/dist/esm/components/variable-picker-v3/searchVariables.js +0 -1
  339. package/dist/esm/components/variable-picker-v3/styles.d.ts +0 -6
  340. package/dist/esm/components/variable-picker-v3/styles.js +0 -40
@@ -1,27 +1,33 @@
1
- import e from"styled-components";import{Caption as r}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";const o=e.div`
2
- background: ${t.surface.standard};
3
- box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
4
- border-top-left-radius: ${e=>e.isCarouselCard?"12px":"0px"};
1
+ import r from"styled-components";import{Caption as e}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const t=r.div`
2
+ background: ${o.surface.standard};
3
+ border-top-left-radius: ${r=>r.isCarouselCard?"12px":"0px"};
5
4
  border-top-right-radius: 12px;
6
5
  border-bottom-right-radius: 12px;
7
6
  border-bottom-left-radius: 12px;
8
7
  position: relative;
9
8
  padding: 8px 0px;
10
9
  border: 2px solid
11
- ${e=>e.hasError?`${t.content.negative}`:e.showBorder?`${t.stroke.brand}`:`${t.text.white}`};
10
+ ${r=>r.hasError?`${o.content.negative}`:r.showBorder?`${o.stroke.brand}`:`${o.stroke.primary}`};
11
+ border: ${r=>r.showDashedBorder&&`2px dashed ${o.content.brand}`};
12
+ height: 100%;
13
+ display: flex;
14
+ flex-direction: column;
12
15
  :hover {
13
16
  border: 2px
14
- ${e=>e.isPreview?"unset":e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"}
15
- ${t.stroke.brand};
17
+ ${r=>r.isPreview?"unset":r.isWhatsappCarousel?r.hasError?"dashed":r.showBorder?"solid":"dashed":"solid"}
18
+ ${o.stroke.brand};
19
+ box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
16
20
  }
17
- `,i=e(r)`
18
- color: ${t.content.secondary};
21
+ `,i=r(e)`
22
+ color: ${o.content.secondary};
19
23
  max-width: 80px;
20
24
  text-overflow: ellipsis;
21
25
  white-space: nowrap;
22
26
  overflow: hidden;
23
27
  text-wrap: wrap;
24
- `,d=e.div`
28
+ `,d=r(i)`
29
+ max-width: 200px;
30
+ `,s=r.div`
25
31
  border-radius: 8px;
26
32
  display: flex;
27
33
  flex-direction: column;
@@ -30,19 +36,19 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
30
36
  min-height: 152px;
31
37
  margin-bottom: 4px;
32
38
  margin: 0px 8px;
33
- `,s=e.div`
39
+ `,p=r.div`
34
40
  padding: 12px;
35
41
  display: flex;
36
42
  flex-direction: row;
37
43
  justify-content: center;
38
44
  align-items: center;
39
- border-top: 1px solid ${t.stroke.primary};
40
- `,p=e.div`
45
+ border-top: 1px solid ${o.stroke.primary};
46
+ `,a=r.div`
41
47
  display: flex;
42
48
  flex-direction: row;
43
49
  justify-content: space-between;
44
50
  margin: 8px 12px;
45
- `;e.div`
51
+ `;r.div`
46
52
  position: absolute;
47
53
  bottom: -1px;
48
54
  left: 0;
@@ -53,11 +59,11 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
53
59
  display: flex;
54
60
  flex-direction: row;
55
61
  justify-content: start;
56
- background: ${t.surface.hovered};
62
+ background: ${o.surface.hovered};
57
63
  border-bottom-right-radius: 8px;
58
64
  border-bottom-left-radius: 8px;
59
- `,e.div`
65
+ `,r.div`
60
66
  position: absolute;
61
67
  top: 16px;
62
68
  right: 16px;
63
- `;export{s as ChatBtnContainer,o as Container,p as FooterWrapper,d as MediaContainer,i as TimeStamp};
69
+ `;export{p as ChatBtnContainer,t as Container,d as FooterText,a as FooterWrapper,s as MediaContainer,i as TimeStamp};
@@ -1,19 +1,19 @@
1
- import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"../../../assets/icons/copy-code-icon.svg.js";import i from"../../../assets/icons/halfRectangle.svg.js";import s from"../../../assets/icons/phone.svg.js";import a from"../../../assets/icons/qrb.svg.js";import n from"../../../assets/icons/RedirectToNew.svg.js";import l from"styled-components";import{useTemplateModalContext as m}from"../../template-context-mapper/context/templateModalContext.js";import{Tooltip as p}from"../../tooltips/Tooltip.js";import{Caption as d,BodySecondary as c}from"../../TypographyStyle.js";import{COLORS as h}from"../../../constants/Theme.js";import{VariableEditorHelper as f}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as x,ACTIONS_TYPES as y}from"../models/TemplateMeta.js";import{ChatBtn as u}from"./ChatBtn.js";import{Container as T,FooterWrapper as g,TimeStamp as C}from"./ChatUI.style.js";import{LimitedTimeOffer as j}from"./LimitedTimeOffer/LimitedTimeOffer.index.js";import{MediaCard as v}from"./MediaCard.js";const b=l.div`
1
+ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"../../../assets/icons/copy-code-icon.svg.js";import i from"../../../assets/icons/halfRectangle.svg.js";import s from"../../../assets/icons/phone.svg.js";import a from"../../../assets/icons/qrb.svg.js";import l from"../../../assets/icons/RedirectToNew.svg.js";import n from"styled-components";import{useTemplateModalContext as d}from"../../template-context-mapper/context/templateModalContext.js";import{Tooltip as m}from"../../tooltips/Tooltip.js";import{Caption as p,BodySecondary as h}from"../../TypographyStyle.js";import{COLORS as c}from"../../../constants/Theme.js";import{VariableEditorHelper as f}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as x,ACTIONS_TYPES as u}from"../models/TemplateMeta.js";import{ChatBtn as y}from"./ChatBtn.js";import{Container as T,FooterWrapper as g,FooterText as C,TimeStamp as j}from"./ChatUI.style.js";import{LimitedTimeOffer as v}from"./LimitedTimeOffer/LimitedTimeOffer.index.js";import{MediaCard as w}from"./MediaCard.js";const b=n.div`
2
2
  position: absolute;
3
3
  width: 8px;
4
4
  height: 8px;
5
5
  left: -8px;
6
6
  top: -9px;
7
- `,w=l.div`
7
+ `,I=n.div`
8
8
  font-family: 'Inter';
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  font-size: 14px;
12
12
  line-height: 20px;
13
13
  padding: 8px 12px 0px;
14
- color: ${h.content.primary};
14
+ color: ${c.content.primary};
15
15
  word-wrap: break-word;
16
- `,I=l(w)`
16
+ `,O=n(I)`
17
17
  font-weight: 600;
18
18
  margin-bottom: 8px;
19
- `,O=new f,E=l=>{const{bodyText:h,footerText:f,headerMediaType:E,headerText:L,headerAssetLink:P,headerAssetName:_,quickReplybtn:N,ctaBtn:M,actionTypes:R,extras:A,showHeader:B,imagePreviewStyles:H,size:S,bodyVariableList:U,headerVariableList:k,buttons:z,limitedTimeOfferComponent:Y,carouselCardIndex:V,isWhatsappCarousel:q,isPreview:D}=l,K=O.format(h,U),Q=O.format(L,k),{selectedCarouselIndex:W,isProductCarouselType:G,errorIndexes:X}=m(),$={COPY_CODE:r,PHONE_NUMBER:s,URL:n,QUICK_REPLY:a};return e(T,Object.assign({isCarouselCard:null!=V&&V>-1,showBorder:null!=V&&V===W||G&&null!=V&&V>-1&&null!=W&&W>-1,hasError:null==X?void 0:X.includes(null!=V?V:-2),isWhatsappCarousel:q,isPreview:D},{children:[!q&&t(b,{children:t(i,{color:"white",height:8,width:8})}),E===x.TEXT?t(I,{dangerouslySetInnerHTML:{__html:Q}}):E!==x.NONE?t(v,{headerAssetLink:P,headerAssetName:_,mediaType:E,imagePreviewStyles:E===x.IMAGE?H:{}}):t(o,{}),(null==Y?void 0:Y.dateTime)?t(j,{text:Y.text,dateTime:Y.dateTime,code:Y.code}):t(o,{}),!!h&&t(o,{children:t(w,{dangerouslySetInnerHTML:{__html:K}})}),e(g,{children:[t(p,Object.assign({body:null!=f?f:"",placement:"top"},{children:t(C,Object.assign({style:{flex:1}},{children:f}))})),t(C,{children:"16:48"})]}),z&&z.length>0?z.map(((e,o)=>t(u,{text:"COPY_CODE"===e.type?"Copy code":e.text,Icon:$[e.type],size:S},o))):R===y.QUICK_REPLY?t("div",{children:null==N?void 0:N.map(((e,o)=>t(u,{text:e.text},o)))}):R===y.CTA_BTN?t("div",{children:null==M?void 0:M.map(((e,o)=>t(u,{textTypography:B?d:c,extraContent:A?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?s:n,size:S},o)))}):t(o,{})]}))};export{E as ChatUIV2};
19
+ `,E=new f,L=n=>{const{bodyText:c,footerText:f,headerMediaType:L,headerText:P,headerAssetLink:_,headerAssetName:N,quickReplybtn:M,ctaBtn:R,actionTypes:A,extras:B,showHeader:H,imagePreviewStyles:S,size:U,bodyVariableList:k,headerVariableList:z,buttons:Y,limitedTimeOfferComponent:D,carouselCardIndex:V,isWhatsappCarousel:q,isPreview:K}=n,Q=E.format(c,k),W=E.format(P,z),{selectedCarouselIndex:G,isProductCarouselType:X,errorIndexes:$,isCarouselHovered:F}=d(),J={COPY_CODE:r,PHONE_NUMBER:s,URL:l,QUICK_REPLY:a};return e(T,Object.assign({isCarouselCard:null!=V&&V>-1,showBorder:null!=V&&V===G||X&&null!=V&&V>-1&&null!=G&&G>-1,hasError:null==$?void 0:$.includes(null!=V?V:-2),isWhatsappCarousel:q,isPreview:K,showDashedBorder:X&&F&&(null!=G?G:-1)<0&&(null!=V?V:-1)>-1},{children:[!q&&t(b,{children:t(i,{color:"white",height:8,width:8})}),L===x.TEXT?t(O,{dangerouslySetInnerHTML:{__html:W}}):L!==x.NONE?t(w,{headerAssetLink:_,headerAssetName:N,mediaType:L,imagePreviewStyles:L===x.IMAGE?S:{}}):t(o,{}),(null==D?void 0:D.dateTime)?t(v,{text:D.text,dateTime:D.dateTime,code:D.code}):t(o,{}),!!c&&t(o,{children:t(I,{dangerouslySetInnerHTML:{__html:Q},style:{flex:1}})}),e(g,{children:[t(m,Object.assign({body:null!=f?f:"",placement:"top"},{children:t(C,Object.assign({style:{flex:1}},{children:f}))})),t(j,{children:"16:48"})]}),Y&&Y.length>0?Y.map(((e,o)=>t(y,{text:"COPY_CODE"===e.type?"Copy code":e.text,Icon:J[e.type],size:U},o))):A===u.QUICK_REPLY?t("div",{children:null==M?void 0:M.map(((e,o)=>t(y,{text:e.text},o)))}):A===u.CTA_BTN?t("div",{children:null==R?void 0:R.map(((e,o)=>t(y,{textTypography:H?p:h,extraContent:B?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?s:l,size:U},o)))}):t(o,{})]}))};export{L as ChatUIV2};
@@ -1 +1 @@
1
- import{jsx as e,Fragment as s,jsxs as r}from"react/jsx-runtime";import t from"../../../assets/icons/filePdf.svg.js";import i from"../../../assets/icons/image.svg.js";import o from"../../../assets/icons/videoRecorder.svg.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{HEADER_TYPES as n}from"../models/TemplateMeta.js";import{MediaContainer as d}from"./ChatUI.style.js";import{ShimmerImage as c}from"../../shimmer-image/ShimmerImage.js";const h=s=>{let{headerAssetName:c,mediaType:h}=s;const l=h===n.IMAGE?i:h===n.VIDEO?o:t;return r(d,{children:[e(l,{height:40,width:40,color:a.icon.placeholder}),!!c&&e(m,Object.assign({style:{color:a.content.secondary,marginTop:8}},{children:c}))]})},l=r=>{let{headerAssetLink:t,headerAssetName:i,mediaType:o,imagePreviewStyles:m}=r;if(!t||o===n.DOCUMENT)return e(h,Object.assign({},{headerAssetLink:t,headerAssetName:i,mediaType:o}));return e(d,{children:o===n.IMAGE?e(c,{imageUrl:t,alt:t,width:"100%",height:240,borderRadius:8}):o===n.VIDEO?e("video",Object.assign({src:t,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0},{children:e("track",{default:!0,kind:"captions",srcLang:"en",src:t})})):e(s,{})})};export{l as MediaCard,h as NoMediaCard};
1
+ import{jsx as e,Fragment as s,jsxs as r}from"react/jsx-runtime";import t from"../../../assets/icons/filePdf.svg.js";import i from"../../../assets/icons/image.svg.js";import o from"../../../assets/icons/videoRecorder.svg.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{HEADER_TYPES as n}from"../models/TemplateMeta.js";import{MediaContainer as d}from"./ChatUI.style.js";import{ShimmerImage as c}from"../../shimmer-image/ShimmerImage.js";const h=s=>{let{headerAssetName:c,mediaType:h}=s;const l=h===n.IMAGE?i:h===n.VIDEO?o:t;return r(d,{children:[e(l,{height:40,width:40,color:a.icon.placeholder}),!!c&&e(m,Object.assign({style:{color:a.content.secondary,marginTop:8}},{children:c}))]})},l=r=>{let{headerAssetLink:t,headerAssetName:i,mediaType:o,imagePreviewStyles:m}=r;if(!t||o===n.DOCUMENT)return e(h,Object.assign({},{headerAssetLink:t,headerAssetName:i,mediaType:o}));return e(d,{children:o===n.IMAGE?e(c,{imageUrl:t,alt:t,width:"100%",height:240,borderRadius:8}):o===n.VIDEO?e("video",Object.assign({src:t,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0},{children:e("track",{default:!0,kind:"captions",srcLang:"en",src:t})})):e(s,{})})};export{l as MediaCard,h as NoMediaCard};
@@ -1,10 +1,11 @@
1
- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import r from"styled-components";import{useTemplateModalContext as a}from"../../template-context-mapper/context/templateModalContext.js";import{TitleRegular as s}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{getPreviewPropLen as p}from"../utils/getPreviewPropLen.js";import n from"./ChatHeader.js";import{ChatUIV2 as d}from"./ChatUiV2.js";const m=r.div`
2
- background-image: ${e=>e.isWhatsappCarousel?"none":"url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f')"};
1
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{useTemplateModalContext as s}from"../../template-context-mapper/context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as a}from"../../template-context-mapper/utils/constants.js";import{TitleRegular as i}from"../../TypographyStyle.js";import{COLORS as p}from"../../../constants/Theme.js";import{getPreviewPropLen as n}from"../utils/getPreviewPropLen.js";import m from"./ChatHeader.js";import{ChatUIV2 as c}from"./ChatUiV2.js";const h=o.div`
2
+ background-image: ${e=>e.isWhatsappCarousel?"none":`url(${a})`};
3
3
  border-radius: 4px;
4
4
  background-repeat: no-repeat;
5
5
  background-position: center;
6
6
  background-size: cover;
7
7
  position: relative;
8
- `,c=r(s)`
9
- color: ${i.content.primary};
10
- `,l=r=>{const{hideDeviceContainerInPreview:s}=a();return 3===p(r)?e(o,{children:r.zeroStateComponent}):s?e(d,Object.assign({showHeader:r.showHeader},r)):e(o,{children:t(m,Object.assign({style:r.containerStyle,showHeader:r.showHeader,isWhatsappCarousel:r.isWhatsappCarousel},{children:[r.showHeader&&e(n,{}),t("div",Object.assign({style:{padding:"small"===r.size?"12px 32px 12px 12px":`16px ${r.isWhatsappCarousel?"0px":"56px"} ${r.isWhatsappCarousel?"2px":"16px"} 16px`}},{children:[!r.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(c,{children:"Preview"})})),e(d,Object.assign({showHeader:r.showHeader},r))]}))]}))})};export{l as WhatsappLikePreviewV2};
8
+ height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
9
+ `,l=o(i)`
10
+ color: ${p.content.primary};
11
+ `,d=o=>{const{hideDeviceContainerInPreview:a}=s();return 3===n(o)?e(t,{children:o.zeroStateComponent}):a?e(c,Object.assign({showHeader:o.showHeader},o)):e(t,{children:r(h,Object.assign({style:o.containerStyle,showHeader:o.showHeader,isWhatsappCarousel:o.isWhatsappCarousel},{children:[o.showHeader&&e(m,{}),r("div",Object.assign({style:{padding:"small"===o.size?"12px 32px 12px 12px":`16px ${o.isWhatsappCarousel?"0px":"56px"} ${o.isWhatsappCarousel?"2px":"16px"} 16px`,height:o.isWhatsappCarousel?"100%":"auto"}},{children:[!o.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(l,{children:"Preview"})})),e(c,Object.assign({showHeader:o.showHeader},o))]}))]}))})};export{d as WhatsappLikePreviewV2};
@@ -1 +1 @@
1
- import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var t;if(!e)return"";const p=new RegExp(r,"g"),n=e.match(p),o=null!==(t=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],c=e.split(r).map(((e,r)=>{var l;const t=null==n?void 0:n[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+t}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};
1
+ import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var t;if(!e)return"";const n=new RegExp(r,"g"),p=e.match(n),o=null!==(t=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],c=e.split(r).map(((e,r)=>{var l;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return n>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[n])||void 0===l?void 0:l.value)+"</code>":e+t}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};
@@ -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';
@@ -1,4 +1,3 @@
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): void;
1
+ export declare function useOutside(ref: any, cb: () => void, excludeRefs?: any[]): void;
@@ -1 +1 @@
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};
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};
@@ -22,6 +22,7 @@ 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';
25
26
  export * from './components/QueryBuilder';
26
27
  export * from './components/modals';
27
28
  export * from './components/dropdown';
@@ -79,4 +80,4 @@ export * from './utils/validator';
79
80
  export * from './components/carousel-preview';
80
81
  export * from './components/floater';
81
82
  export * from './components/card-selector';
82
- export * from './components/variable-picker-v3';
83
+ export * from './components/action-button';
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{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";
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.528-beta.0",
3
+ "version": "0.0.528",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -52,6 +52,7 @@
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",
55
56
  "bootstrap": "^5.1.3",
56
57
  "browser-image-compression": "^2.0.2",
57
58
  "chart.js": "^3.9.1",
@@ -59,7 +60,6 @@
59
60
  "emoji-picker-react": "^4.4.9",
60
61
  "lodash": "^4.17.21",
61
62
  "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,7 +68,9 @@
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",
71
72
  "react-toastify": "^9.1.2",
73
+ "slick-carousel": "^1.8.1",
72
74
  "uuid": "^9.0.1"
73
75
  },
74
76
  "devDependencies": {
@@ -1,6 +0,0 @@
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 {};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_back.svg.js"),a=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),n=require("react"),r=require("../../constants/Theme.js"),o=require("../accordion/Accordion.js"),c=require("../icon-button/IconButton.js"),d=require("../input/Input.js"),h=require("../list-item/ListItem.js"),u=require("../switch/Switch.js"),b=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),g=require("./context.js"),p=require("./NoResult.js"),x=require("./recommendVaribles.js"),y=require("./searchVariables.js"),m=require("./styles.js"),O=require("./SubHeaderItems.js");const v=(e,t)=>{if(0===t.length)return e;const a=e.toLowerCase().indexOf(t.toLowerCase());if(-1===a)return e;const i=e.slice(0,a),l=e.slice(a,a+t.length),n=e.slice(a+t.length);return s.jsxs("span",{children:[i,s.jsx("b",Object.assign({style:{color:r.COLORS.content.primary}},{children:l})),n]})},f=/.*\..*/,S=e=>{if(e.actualValue.match(f)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const a=(e=>/\w+\[\d+\]/g.test(e))(e);if(a){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],a=s[2];t+=`['${e}'][${a}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue};exports.VariablePickerContent=f=>{const{data:C,onSelect:w,showHeader:R,showBackButton:V,hideHeaderCross:k,onBackButtonClick:q,isEvaluationList:B,autoOpenFirst:T,headerText:L}=f,[I,N]=n.useState(C),[_,H]=n.useState(""),[P,E]=n.useState([]),[$,A]=n.useState(""),[F,W]=n.useState(!1),[z,D]=n.useState([]);n.useEffect((()=>{K(!0)}),[]),n.useEffect((()=>{P.length>0?D([P[P.length-1]]):D(C)}),[P]);const K=s=>e.__awaiter(void 0,void 0,void 0,(function*(){if(W(s),s){const e=x.showOnlyRecommendedVariables(I,P);N(e)}else if(P.length>0){const e=$==P[P.length-1].displayName;if(_.length>0&&e){const e=y.searchVariables(_,z,P);N(e)}else N([P[P.length-1].variables])}else if(_.length>0){const e=y.searchVariables(_,z,P);N(e)}else N(C)})),M=()=>{let e=123;return P.length>0&&(e+=32),(f.showHeader||f.showBackButton)&&(e+=40),`calc(100% - ${e}px)`};return s.jsx(g.VariablePickerContext.Provider,Object.assign({value:{variables:I,searchText:_,subHeaderStack:P,showRecommended:F,setSubHeaderStack:E,setSearchText:H,setVariables:N,setShowRecommended:W}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4,height:"100%"},onClick:e=>e.stopPropagation()},{children:[(R||V)&&s.jsxs(m.HeaderWrapper,{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[V&&s.jsx(c.IconButton,{Icon:()=>s.jsx(t.default,{width:16,height:16,style:{display:"flex",color:r.COLORS.content.primary}}),onClick:q}),R&&s.jsx(j.TitleRegular,{children:null!=L?L:"Select Variable"})]})),!k&&s.jsx(c.IconButton,{style:{color:"#212121"},Icon:a.default,onClick:()=>f.onClose&&f.onClose()})]}),s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.COLORS.surface.subdued}},{children:s.jsx(d.Input,{id:"search-bar-v3-picker",onBlur:e=>{f.onSearchBlur&&f.onSearchBlur(e)},value:_,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||A("");const s=y.searchVariables(e,z,P);if(F){const e=x.showOnlyRecommendedVariables(s,P);N(e)}else N(s);H(e);const t=P.length>0?P[P.length-1].displayName:"home";A(t)}})})),s.jsxs(m.RecommendWrapper,{children:[s.jsx(j.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Only Recommended"})),s.jsx(u.Switch,{value:F,onValueChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield K(s)}))})]}),P.length>0&&s.jsxs(m.BackHeader,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(c.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t.default,{width:12,height:12,style:{color:r.COLORS.content.secondary}}),onClick:e=>{e.stopPropagation();let s=_;const t=[...P],a=t.pop();if(E(t),a.displayName===$&&(H(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:C,a=y.searchVariables(s,e,t);if(F){const e=x.showOnlyRecommendedVariables(a,t);N(e)}else N(a)}else if(t.length>0)if(F){const e=x.showOnlyRecommendedVariables([t[t.length-1].variables],t);N(e)}else N([t[t.length-1].variables]);else if(F){const e=x.showOnlyRecommendedVariables(C,P);N(e)}else N(C)}})})),s.jsx(j.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:P[P.length-1].displayName}))]}),s.jsx(s.Fragment,{children:I.length>0?s.jsx(m.Container,Object.assign({height:M()},{children:I.map(((e,t)=>{var a,n;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.COLORS.stroke.primary}`}},{children:s.jsx(o.BikAccordion,Object.assign({autoOpen:T&&0===t,headerPadding:"12px 16px",header:s.jsx(j.TitleSmall,Object.assign({style:{color:r.COLORS.content.secondary}},{children:v(e.displayName,_)}))},{children:s.jsx(O.default,{parentVariable:e,disabled:null!==(a=f.disabled)&&void 0!==a&&a,searchText:_,variable:e.variables,onSelect:w})}))}),e.displayName):e.displayName?s.jsx(b.Tooltip,Object.assign({body:O.renderTooltipBody(e),placement:"bottom"},{children:s.jsx(h.ListItem,{variant:f.disabled?"inactive":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)?s.jsx(s.Fragment,{}):s.jsx(i.default,{width:14,height:14}),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(j.BodySecondary,Object.assign({style:{fontSize:"14px",color:f.disabled?r.COLORS.content.inactive:r.COLORS.text.primary}},{children:v(e.displayName,_)})),!e.isAvailable&&s.jsx(b.Tooltip,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l.default,{width:16,height:16,color:r.COLORS.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(!f.disabled)if(B){const s=S(e);w(Object.assign(Object.assign({},e),{actualValue:s}))}else w(e)}},t)}),t):s.jsx(O.default,{disabled:null!==(n=f.disabled)&&void 0!==n&&n,searchText:_,variable:e,onSelect:e=>{if(!f.disabled)if(B){const s=S(e);w(Object.assign(Object.assign({},e),{actualValue:s}))}else w(e)}},t)}))})):s.jsx(p.default,{height:M(),searchText:_})})]}))}))},exports.highlightSearchText=v;
@@ -1,6 +0,0 @@
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;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/search.svg.js"),r=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r);const c=o.default.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=o.default.div`
10
- display: flex;
11
- align-items: center;
12
- justify-content: center;
13
- background-color: ${n.COLORS.background.brandLight};
14
- width: 48px;
15
- height: 48px;
16
- border-radius: 24px;
17
- `;exports.default=r=>e.jsxs(c,Object.assign({height:r.height},{children:[e.jsx(d,{children:e.jsx(t.default,{width:24,height:24,color:n.COLORS.background.brand})}),e.jsxs("div",Object.assign({style:{textAlign:"center"}},{children:[e.jsx(s.TitleMedium,{children:"No results found"}),r.searchText?e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${r.searchText}"`})):e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]}));
@@ -1,14 +0,0 @@
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;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("../../assets/icons/plus.svg.js"),i=require("../../assets/icons/sub_category.svg.js"),a=require("../../assets/icons/triangle_error.svg.js"),l=require("lodash"),r=require("../../constants/Theme.js"),n=require("../list-item/ListItem.js"),o=require("../tooltips/Tooltip.js"),c=require("../TypographyStyle.js"),d=require("./Content.js"),u=require("./context.js"),j=require("./recommendVaribles.js");const m=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""};exports.default=p=>{const{onSelect:x,variable:h,searchText:b,disabled:y,parentVariable:g}=p,{subHeaderStack:v,setSubHeaderStack:O,setVariables:f,showRecommended:S}=u.useVariablePickerContext();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(h).map(((u,p)=>{if(void 0===h[u].variables){const t=h[u];return e.jsx(o.Tooltip,Object.assign({body:m(t),placement:"bottom"},{children:e.jsx(n.ListItem,{variant:y?"inactive":(null==t?void 0:t.selected)?"selected":"default",version:"2.0",leadingIcon:(null==t?void 0:t.selected)?e.jsx(e.Fragment,{}):e.jsx(s.default,{width:14,height:14}),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:y?r.COLORS.content.inactive:r.COLORS.text.primary}},{children:d.highlightSearchText(t.displayName,b)})),!t.isAvailable&&e.jsx(o.Tooltip,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(a.default,{width:16,height:16,color:r.COLORS.content.secondary})}))}))]})),listItem:{label:t.displayName,value:t.displayName},subText:t.description||"",onClick:()=>{x(t)}})}),p)}return e.jsx(o.Tooltip,Object.assign({body:m(h[u]),placement:"bottom"},{children:e.jsx(n.ListItem,{variant:y?"inactive":"default",version:"2.0",listItem:{label:h[u].displayName,value:h[u].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:y?r.COLORS.content.inactive:r.COLORS.text.primary}},{children:d.highlightSearchText(h[u].displayName,b)}))})),leadingIcon:e.jsx(i.default,{width:14,height:14}),subText:h[u].description||"",trailingIcon:e.jsx(t.default,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=l.cloneDeep(h[u]);void 0!==g&&(e.contextQ=[g.displayName]);const t=[...v,e];if(O(t),S){const s=j.showOnlyRecommendedVariables([e.variables],t);f(s)}else f([e.variables])}})}),p)}))}))},exports.renderTooltipBody=m;
@@ -1,5 +0,0 @@
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;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/cross.svg.js"),t=require("../../constants/Theme.js"),i=require("../modals/modal.styled.js"),r=require("./Content.js"),n=require("./model.js");const o=o=>{var a;const{type:c}=o;return c==n.PickerType.FLOATER?e.jsxs("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:o.width?o.width:344,borderRadius:4,height:"100%"}},{children:[e.jsx(r.VariablePickerContent,Object.assign({},o)),e.jsx(i.CloseButtonContainer,Object.assign({onClick:()=>{o.onClose&&o.onClose()}},{children:e.jsx(s.default,{height:20,width:20,color:t.COLORS.content.secondary})}))]})):e.jsx("div",Object.assign({style:{width:null!==(a=o.width)&&void 0!==a?a:"100%",height:"100%"}},{children:e.jsx(r.VariablePickerContent,Object.assign({},o))}))};exports.VariablePicker=o,exports.default=o;
@@ -1,21 +0,0 @@
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
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);
@@ -1 +0,0 @@
1
- export * from './VariablePicker';
@@ -1,57 +0,0 @@
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
- }
@@ -1 +0,0 @@
1
- "use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PickerType=void 0,(e=exports.PickerType||(exports.PickerType={})).FLOATER="floater",e.EMBEDDED="embedded";
@@ -1 +0,0 @@
1
- export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>Object.keys(e).reduce(((s,a)=>(e[a]&&e[a].isAvailable&&(s[a]=e[a]),s)),{});exports.showOnlyRecommendedVariables=(s,a)=>s.map((s=>{if(s.isAvailable&&void 0===s.variables)return s;if(void 0===s.isAvailable&&void 0!==s.variables){const a=e(s.variables);return 0===Object.keys(a).length?{}:Object.assign(Object.assign({},s),{variables:a})}if(void 0===s.variables){return e(s)}{const i=e(s.variables);return a.length?i:Object.assign(Object.assign({},s),{variables:i})}})).filter((e=>Object.keys(e).length>0));
@@ -1,2 +0,0 @@
1
- import { VariableListInterfaceV3 } from './model';
2
- export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=function(a,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.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&&e(a,s[l].variables,t,[...i,s[l].displayName])}))};exports.searchVariables=(a,s,t)=>{if(!a)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)e(a,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[s.displayName])}})),i};
@@ -1,6 +0,0 @@
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>;
@@ -1,40 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const i=o.default.div`
2
- display: flex;
3
- align-items: center;
4
- padding: 12px 16px 0px 16px;
5
- background-color: ${t.COLORS.surface.subdued};
6
- justify-content: space-between;
7
- `,a=o.default.div`
8
- display: flex;
9
- justify-content: space-between;
10
- align-items: center;
11
- padding: 12px 16px;
12
- background-color: ${t.COLORS.surface.subdued};
13
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
14
- `,d=o.default.div`
15
- position: relative;
16
- display: flex;
17
- align-items: center;
18
- justify-content: center;
19
- height: 32px;
20
- background-color: ${t.COLORS.background.base};
21
- `,n=o.default.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
- `;exports.BackHeader=d,exports.Container=n,exports.HeaderWrapper=i,exports.RecommendWrapper=a;
@@ -1 +0,0 @@
1
- import*as e from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),t||(t=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M2.667 4a.667.667 0 0 0-1.333 0 6 6 0 0 0 6 6h4.836l-1.999 2.221a.667.667 0 1 0 .991.892l2.999-3.331c0-.002.002-.003.003-.004l.4-.444-.4-.444-.003-.004-2.999-3.331a.667.667 0 0 0-.99.892l1.998 2.22H7.333a4.667 4.667 0 0 1-4.666-4.666Z",clipRule:"evenodd"})));export{l as default};
@@ -1,6 +0,0 @@
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 {};
@@ -1 +0,0 @@
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};
@@ -1,6 +0,0 @@
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;