@bikdotai/bik-component-library 0.0.4-analytics-chips-beta → 0.0.4

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 (453) hide show
  1. package/dist/cjs/_virtual/_tslib.js +1 -1
  2. package/dist/cjs/assets/icons/errorInfo.svg.js +1 -1
  3. package/dist/cjs/bundle.css +595 -98
  4. package/dist/cjs/components/TypographyStyle.d.ts +0 -2
  5. package/dist/cjs/components/TypographyStyle.js +60 -72
  6. package/dist/cjs/components/button/Button.js +1 -1
  7. package/dist/cjs/components/button/Button.styled.d.ts +0 -1
  8. package/dist/cjs/components/button/Button.styled.js +1 -1
  9. package/dist/cjs/components/button/model.d.ts +1 -6
  10. package/dist/cjs/components/button/themes.d.ts +1 -1
  11. package/dist/cjs/components/button/themes.js +1 -1
  12. package/dist/cjs/components/checkBox/CheckBox.d.ts +0 -1
  13. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  14. package/dist/cjs/components/checkBox/CheckBox.styled.js +3 -4
  15. package/dist/cjs/components/input/Input.d.ts +5 -9
  16. package/dist/cjs/components/input/Input.styled.d.ts +5 -5
  17. package/dist/cjs/components/list-item/ListItem.d.ts +0 -1
  18. package/dist/cjs/components/list-item/ListItem.js +1 -1
  19. package/dist/cjs/components/list-item/ListItem.styled.js +1 -1
  20. package/dist/cjs/components/spinner/Spinner.js +1 -1
  21. package/dist/cjs/components/tag/Tag.js +1 -1
  22. package/dist/cjs/components/tag/Tag.styled.js +15 -15
  23. package/dist/cjs/components/tag/model.d.ts +1 -20
  24. package/dist/cjs/components/tag/themes.d.ts +1 -1
  25. package/dist/cjs/components/tag/themes.js +1 -1
  26. package/dist/cjs/components/toaster/Toaster.d.ts +2 -1
  27. package/dist/cjs/components/toaster/Toaster.js +1 -1
  28. package/dist/cjs/components/toaster/Toaster.styled.d.ts +2 -6
  29. package/dist/cjs/components/toaster/Toaster.styled.js +35 -1
  30. package/dist/cjs/components/tooltips/Tooltip.js +1 -1
  31. package/dist/cjs/components/tooltips/index.d.ts +0 -1
  32. package/dist/cjs/constants/Theme.d.ts +0 -6
  33. package/dist/cjs/constants/Theme.js +1 -1
  34. package/dist/cjs/index.d.ts +0 -18
  35. package/dist/cjs/index.js +1 -1
  36. package/dist/esm/_virtual/_tslib.js +1 -1
  37. package/dist/esm/assets/icons/errorInfo.svg.js +1 -1
  38. package/dist/esm/bundle.css +595 -98
  39. package/dist/esm/components/TypographyStyle.d.ts +0 -2
  40. package/dist/esm/components/TypographyStyle.js +60 -72
  41. package/dist/esm/components/button/Button.js +1 -1
  42. package/dist/esm/components/button/Button.styled.d.ts +0 -1
  43. package/dist/esm/components/button/Button.styled.js +1 -1
  44. package/dist/esm/components/button/model.d.ts +1 -6
  45. package/dist/esm/components/button/themes.d.ts +1 -1
  46. package/dist/esm/components/button/themes.js +1 -1
  47. package/dist/esm/components/checkBox/CheckBox.d.ts +0 -1
  48. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  49. package/dist/esm/components/checkBox/CheckBox.styled.js +0 -1
  50. package/dist/esm/components/input/Input.d.ts +5 -9
  51. package/dist/esm/components/input/Input.styled.d.ts +5 -5
  52. package/dist/esm/components/list-item/ListItem.d.ts +0 -1
  53. package/dist/esm/components/list-item/ListItem.js +1 -1
  54. package/dist/esm/components/list-item/ListItem.styled.js +1 -1
  55. package/dist/esm/components/spinner/Spinner.js +1 -1
  56. package/dist/esm/components/tag/Tag.js +1 -1
  57. package/dist/esm/components/tag/Tag.styled.js +14 -14
  58. package/dist/esm/components/tag/model.d.ts +1 -20
  59. package/dist/esm/components/tag/themes.d.ts +1 -1
  60. package/dist/esm/components/tag/themes.js +1 -1
  61. package/dist/esm/components/toaster/Toaster.d.ts +2 -1
  62. package/dist/esm/components/toaster/Toaster.js +1 -1
  63. package/dist/esm/components/toaster/Toaster.styled.d.ts +2 -6
  64. package/dist/esm/components/toaster/Toaster.styled.js +35 -1
  65. package/dist/esm/components/tooltips/Tooltip.js +1 -1
  66. package/dist/esm/components/tooltips/index.d.ts +0 -1
  67. package/dist/esm/constants/Theme.d.ts +0 -6
  68. package/dist/esm/constants/Theme.js +1 -1
  69. package/dist/esm/index.d.ts +0 -18
  70. package/dist/esm/index.js +1 -1
  71. package/package.json +3 -11
  72. package/dist/cjs/assets/icons/RedirectToNew.svg.js +0 -1
  73. package/dist/cjs/assets/icons/alert.svg.js +0 -1
  74. package/dist/cjs/assets/icons/arrow_left.svg.js +0 -1
  75. package/dist/cjs/assets/icons/chevronDown.svg.js +0 -1
  76. package/dist/cjs/assets/icons/cross.svg.js +0 -1
  77. package/dist/cjs/assets/icons/filePdf.svg.js +0 -1
  78. package/dist/cjs/assets/icons/halfRectangle.svg.js +0 -1
  79. package/dist/cjs/assets/icons/image.svg.js +0 -1
  80. package/dist/cjs/assets/icons/more_vertical.svg.js +0 -1
  81. package/dist/cjs/assets/icons/phone.svg.js +0 -1
  82. package/dist/cjs/assets/icons/question-mark.svg.js +0 -1
  83. package/dist/cjs/assets/icons/search.svg.js +0 -1
  84. package/dist/cjs/assets/icons/union.svg.js +0 -1
  85. package/dist/cjs/assets/icons/user_icon.svg.js +0 -1
  86. package/dist/cjs/assets/icons/vertical_dots.svg.js +0 -1
  87. package/dist/cjs/assets/icons/videoRecorder.svg.js +0 -1
  88. package/dist/cjs/components/analytics-card/AnalyticsCard.d.ts +0 -9
  89. package/dist/cjs/components/analytics-card/AnalyticsCard.js +0 -1
  90. package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts +0 -16
  91. package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js +0 -1
  92. package/dist/cjs/components/analytics-card/index.d.ts +0 -2
  93. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +0 -11
  94. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +0 -1
  95. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -25
  96. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +0 -1
  97. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +0 -5
  98. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +0 -1
  99. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -32
  100. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +0 -1
  101. package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +0 -3
  102. package/dist/cjs/components/avatar/Avatar.d.ts +0 -24
  103. package/dist/cjs/components/avatar/Avatar.js +0 -1
  104. package/dist/cjs/components/avatar/Avatar.styled.d.ts +0 -5
  105. package/dist/cjs/components/avatar/Avatar.styled.js +0 -10
  106. package/dist/cjs/components/avatar/AvatarHelper.d.ts +0 -19
  107. package/dist/cjs/components/avatar/AvatarHelper.js +0 -1
  108. package/dist/cjs/components/avatar/index.d.ts +0 -1
  109. package/dist/cjs/components/curtain/Curtain.d.ts +0 -19
  110. package/dist/cjs/components/curtain/Curtain.js +0 -1
  111. package/dist/cjs/components/curtain/Curtain.styled.d.ts +0 -7
  112. package/dist/cjs/components/curtain/Curtain.styled.js +0 -14
  113. package/dist/cjs/components/curtain/CurtainHelper.d.ts +0 -72
  114. package/dist/cjs/components/curtain/CurtainHelper.js +0 -1
  115. package/dist/cjs/components/curtain/index.d.ts +0 -1
  116. package/dist/cjs/components/datePicker/DatePicker.d.ts +0 -11
  117. package/dist/cjs/components/datePicker/DatePicker.js +0 -1
  118. package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +0 -4
  119. package/dist/cjs/components/datePicker/DatePicker.styled.js +0 -156
  120. package/dist/cjs/components/datePicker/index.d.ts +0 -1
  121. package/dist/cjs/components/dropdown/Common.styled.d.ts +0 -3
  122. package/dist/cjs/components/dropdown/Common.styled.js +0 -20
  123. package/dist/cjs/components/dropdown/Dropdown.d.ts +0 -8
  124. package/dist/cjs/components/dropdown/Dropdown.js +0 -1
  125. package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts +0 -9
  126. package/dist/cjs/components/dropdown/DropdownPopover/index.js +0 -1
  127. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts +0 -3
  128. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +0 -1
  129. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
  130. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +0 -24
  131. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.d.ts +0 -5
  132. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js +0 -1
  133. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts +0 -1
  134. package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js +0 -5
  135. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
  136. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +0 -1
  137. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
  138. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
  139. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +0 -8
  140. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +0 -3
  141. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +0 -8
  142. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +0 -1
  143. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  144. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +0 -5
  145. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
  146. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +0 -1
  147. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
  148. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
  149. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
  150. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -9
  151. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts +0 -4
  152. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +0 -1
  153. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +0 -4
  154. package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +0 -1
  155. package/dist/cjs/components/dropdown/OpenedDropdown/index.d.ts +0 -1
  156. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +0 -24
  157. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +0 -1
  158. package/dist/cjs/components/dropdown/index.d.ts +0 -3
  159. package/dist/cjs/components/dropdown/type.d.ts +0 -30
  160. package/dist/cjs/components/fab-menu/FABMenu.d.ts +0 -23
  161. package/dist/cjs/components/fab-menu/FABMenu.js +0 -1
  162. package/dist/cjs/components/fab-menu/index.d.ts +0 -1
  163. package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts +0 -21
  164. package/dist/cjs/components/floating-action-button/FloatingActionButton.js +0 -1
  165. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -47
  166. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js +0 -92
  167. package/dist/cjs/components/floating-action-button/index.d.ts +0 -2
  168. package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
  169. package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
  170. package/dist/cjs/components/image-compress/index.d.ts +0 -1
  171. package/dist/cjs/components/input/Input.js +0 -1
  172. package/dist/cjs/components/input/Input.styled.js +0 -1
  173. package/dist/cjs/components/input/context/InputStyleProvider.d.ts +0 -7
  174. package/dist/cjs/components/input/context/InputStyleProvider.js +0 -1
  175. package/dist/cjs/components/modals/Modal.d.ts +0 -8
  176. package/dist/cjs/components/modals/Modal.js +0 -1
  177. package/dist/cjs/components/modals/index.d.ts +0 -1
  178. package/dist/cjs/components/modals/modal.styled.d.ts +0 -13
  179. package/dist/cjs/components/modals/modal.styled.js +0 -1
  180. package/dist/cjs/components/modals/styledModal.d.ts +0 -15
  181. package/dist/cjs/components/modals/styledModal.js +0 -1
  182. package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +0 -14
  183. package/dist/cjs/components/progress-bar/ProgressBarComponent.js +0 -1
  184. package/dist/cjs/components/progress-bar/index.d.ts +0 -1
  185. package/dist/cjs/components/spinner/lotties/black.json.js +0 -1
  186. package/dist/cjs/components/spinner/lotties/brand.json.js +0 -1
  187. package/dist/cjs/components/spinner/lotties/red.json.js +0 -1
  188. package/dist/cjs/components/spinner/lotties/white.json.js +0 -1
  189. package/dist/cjs/components/states/StateComponent.d.ts +0 -29
  190. package/dist/cjs/components/states/StateComponent.styled.d.ts +0 -7
  191. package/dist/cjs/components/states/index.d.ts +0 -1
  192. package/dist/cjs/components/states-modal/StateModalComponent.d.ts +0 -17
  193. package/dist/cjs/components/states-modal/index.d.ts +0 -1
  194. package/dist/cjs/components/switch/Switch.d.ts +0 -23
  195. package/dist/cjs/components/tag/model.js +0 -1
  196. package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.d.ts +0 -8
  197. package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js +0 -29
  198. package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.d.ts +0 -13
  199. package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.js +0 -1
  200. package/dist/cjs/components/template-preview/SMS/SMSBubble.d.ts +0 -9
  201. package/dist/cjs/components/template-preview/SMS/SMSBubble.js +0 -12
  202. package/dist/cjs/components/template-preview/SmsTemplatePreview.d.ts +0 -12
  203. package/dist/cjs/components/template-preview/SmsTemplatePreview.js +0 -1
  204. package/dist/cjs/components/template-preview/SmsTemplatePreview.styled.d.ts +0 -13
  205. package/dist/cjs/components/template-preview/SmsTemplatePreview.styled.js +0 -46
  206. package/dist/cjs/components/template-preview/TemplatePreview.d.ts +0 -18
  207. package/dist/cjs/components/template-preview/TemplatePreview.js +0 -1
  208. package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.d.ts +0 -9
  209. package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js +0 -1
  210. package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.d.ts +0 -3
  211. package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.js +0 -1
  212. package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.style.d.ts +0 -5
  213. package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.style.js +0 -37
  214. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.d.ts +0 -4
  215. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +0 -7
  216. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -7
  217. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +0 -52
  218. package/dist/cjs/components/template-preview/WhatsApp/MediaCard.d.ts +0 -14
  219. package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js +0 -1
  220. package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.d.ts +0 -7
  221. package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js +0 -4
  222. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.d.ts +0 -3
  223. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js +0 -12
  224. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -13
  225. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +0 -1
  226. package/dist/cjs/components/template-preview/constants/TemplateConstants.d.ts +0 -23
  227. package/dist/cjs/components/template-preview/constants/TemplateConstants.js +0 -1
  228. package/dist/cjs/components/template-preview/constants/regexPatterns.d.ts +0 -11
  229. package/dist/cjs/components/template-preview/constants/regexPatterns.js +0 -1
  230. package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.d.ts +0 -2
  231. package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.js +0 -1
  232. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.d.ts +0 -16
  233. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js +0 -1
  234. package/dist/cjs/components/template-preview/helpers/WhatsAppFormatToHTML.d.ts +0 -8
  235. package/dist/cjs/components/template-preview/helpers/WhatsAppFormatToHTML.js +0 -1
  236. package/dist/cjs/components/template-preview/index.d.ts +0 -6
  237. package/dist/cjs/components/template-preview/models/Channels.d.ts +0 -8
  238. package/dist/cjs/components/template-preview/models/Channels.js +0 -1
  239. package/dist/cjs/components/template-preview/models/EmailTemplate.d.ts +0 -39
  240. package/dist/cjs/components/template-preview/models/SmsTemplate.d.ts +0 -35
  241. package/dist/cjs/components/template-preview/models/TemplateMeta.d.ts +0 -42
  242. package/dist/cjs/components/template-preview/models/TemplateMeta.js +0 -1
  243. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +0 -180
  244. package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.d.ts +0 -6
  245. package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.js +0 -1
  246. package/dist/cjs/components/template-preview/utils/getPreviewPropLen.d.ts +0 -2
  247. package/dist/cjs/components/template-preview/utils/getPreviewPropLen.js +0 -1
  248. package/dist/cjs/components/thumbnail/Thumbnail.d.ts +0 -13
  249. package/dist/cjs/components/thumbnail/Thumbnail.js +0 -1
  250. package/dist/cjs/components/thumbnail/Thumbnail.styled.d.ts +0 -4
  251. package/dist/cjs/components/thumbnail/Thumbnail.styled.js +0 -10
  252. package/dist/cjs/components/thumbnail/constants.d.ts +0 -5
  253. package/dist/cjs/components/thumbnail/constants.js +0 -1
  254. package/dist/cjs/components/thumbnail/index.d.ts +0 -1
  255. package/dist/cjs/components/tooltips/CustomisedTooltip.d.ts +0 -26
  256. package/dist/cjs/components/tooltips/CustomisedTooltip.js +0 -1
  257. package/dist/cjs/components/zeroState/ZeroState.d.ts +0 -7
  258. package/dist/cjs/components/zeroState/ZeroState.js +0 -17
  259. package/dist/cjs/hooks/useOutside.d.ts +0 -1
  260. package/dist/cjs/hooks/useOutside.js +0 -1
  261. package/dist/cjs/utils/StringUtils.d.ts +0 -10
  262. package/dist/cjs/utils/StringUtils.js +0 -1
  263. package/dist/esm/assets/icons/RedirectToNew.svg.js +0 -1
  264. package/dist/esm/assets/icons/alert.svg.js +0 -1
  265. package/dist/esm/assets/icons/arrow_left.svg.js +0 -1
  266. package/dist/esm/assets/icons/chevronDown.svg.js +0 -1
  267. package/dist/esm/assets/icons/cross.svg.js +0 -1
  268. package/dist/esm/assets/icons/filePdf.svg.js +0 -1
  269. package/dist/esm/assets/icons/halfRectangle.svg.js +0 -1
  270. package/dist/esm/assets/icons/image.svg.js +0 -1
  271. package/dist/esm/assets/icons/more_vertical.svg.js +0 -1
  272. package/dist/esm/assets/icons/phone.svg.js +0 -1
  273. package/dist/esm/assets/icons/question-mark.svg.js +0 -1
  274. package/dist/esm/assets/icons/search.svg.js +0 -1
  275. package/dist/esm/assets/icons/union.svg.js +0 -1
  276. package/dist/esm/assets/icons/user_icon.svg.js +0 -1
  277. package/dist/esm/assets/icons/vertical_dots.svg.js +0 -1
  278. package/dist/esm/assets/icons/videoRecorder.svg.js +0 -1
  279. package/dist/esm/components/analytics-card/AnalyticsCard.d.ts +0 -9
  280. package/dist/esm/components/analytics-card/AnalyticsCard.js +0 -1
  281. package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts +0 -16
  282. package/dist/esm/components/analytics-card/AnalyticsCard.styled.js +0 -1
  283. package/dist/esm/components/analytics-card/index.d.ts +0 -2
  284. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +0 -11
  285. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +0 -1
  286. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -25
  287. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +0 -1
  288. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +0 -5
  289. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +0 -1
  290. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -32
  291. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +0 -1
  292. package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +0 -3
  293. package/dist/esm/components/avatar/Avatar.d.ts +0 -24
  294. package/dist/esm/components/avatar/Avatar.js +0 -1
  295. package/dist/esm/components/avatar/Avatar.styled.d.ts +0 -5
  296. package/dist/esm/components/avatar/Avatar.styled.js +0 -10
  297. package/dist/esm/components/avatar/AvatarHelper.d.ts +0 -19
  298. package/dist/esm/components/avatar/AvatarHelper.js +0 -1
  299. package/dist/esm/components/avatar/index.d.ts +0 -1
  300. package/dist/esm/components/curtain/Curtain.d.ts +0 -19
  301. package/dist/esm/components/curtain/Curtain.js +0 -1
  302. package/dist/esm/components/curtain/Curtain.styled.d.ts +0 -7
  303. package/dist/esm/components/curtain/Curtain.styled.js +0 -14
  304. package/dist/esm/components/curtain/CurtainHelper.d.ts +0 -72
  305. package/dist/esm/components/curtain/CurtainHelper.js +0 -1
  306. package/dist/esm/components/curtain/index.d.ts +0 -1
  307. package/dist/esm/components/datePicker/DatePicker.d.ts +0 -11
  308. package/dist/esm/components/datePicker/DatePicker.js +0 -1
  309. package/dist/esm/components/datePicker/DatePicker.styled.d.ts +0 -4
  310. package/dist/esm/components/datePicker/DatePicker.styled.js +0 -156
  311. package/dist/esm/components/datePicker/index.d.ts +0 -1
  312. package/dist/esm/components/dropdown/Common.styled.d.ts +0 -3
  313. package/dist/esm/components/dropdown/Common.styled.js +0 -20
  314. package/dist/esm/components/dropdown/Dropdown.d.ts +0 -8
  315. package/dist/esm/components/dropdown/Dropdown.js +0 -1
  316. package/dist/esm/components/dropdown/DropdownPopover/index.d.ts +0 -9
  317. package/dist/esm/components/dropdown/DropdownPopover/index.js +0 -1
  318. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts +0 -3
  319. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +0 -1
  320. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
  321. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +0 -24
  322. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.d.ts +0 -5
  323. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js +0 -1
  324. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts +0 -1
  325. package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js +0 -5
  326. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
  327. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +0 -1
  328. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
  329. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
  330. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +0 -8
  331. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +0 -3
  332. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +0 -8
  333. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +0 -1
  334. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  335. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js +0 -5
  336. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
  337. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +0 -1
  338. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
  339. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
  340. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
  341. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -9
  342. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts +0 -4
  343. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js +0 -1
  344. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +0 -4
  345. package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +0 -1
  346. package/dist/esm/components/dropdown/OpenedDropdown/index.d.ts +0 -1
  347. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +0 -24
  348. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js +0 -1
  349. package/dist/esm/components/dropdown/index.d.ts +0 -3
  350. package/dist/esm/components/dropdown/type.d.ts +0 -30
  351. package/dist/esm/components/fab-menu/FABMenu.d.ts +0 -23
  352. package/dist/esm/components/fab-menu/FABMenu.js +0 -1
  353. package/dist/esm/components/fab-menu/index.d.ts +0 -1
  354. package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts +0 -21
  355. package/dist/esm/components/floating-action-button/FloatingActionButton.js +0 -1
  356. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -47
  357. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js +0 -92
  358. package/dist/esm/components/floating-action-button/index.d.ts +0 -2
  359. package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
  360. package/dist/esm/components/image-compress/ImageCompress.js +0 -1
  361. package/dist/esm/components/image-compress/index.d.ts +0 -1
  362. package/dist/esm/components/input/Input.js +0 -1
  363. package/dist/esm/components/input/Input.styled.js +0 -1
  364. package/dist/esm/components/input/context/InputStyleProvider.d.ts +0 -7
  365. package/dist/esm/components/input/context/InputStyleProvider.js +0 -1
  366. package/dist/esm/components/modals/Modal.d.ts +0 -8
  367. package/dist/esm/components/modals/Modal.js +0 -1
  368. package/dist/esm/components/modals/index.d.ts +0 -1
  369. package/dist/esm/components/modals/modal.styled.d.ts +0 -13
  370. package/dist/esm/components/modals/modal.styled.js +0 -1
  371. package/dist/esm/components/modals/styledModal.d.ts +0 -15
  372. package/dist/esm/components/modals/styledModal.js +0 -1
  373. package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +0 -14
  374. package/dist/esm/components/progress-bar/ProgressBarComponent.js +0 -1
  375. package/dist/esm/components/progress-bar/index.d.ts +0 -1
  376. package/dist/esm/components/spinner/lotties/black.json.js +0 -1
  377. package/dist/esm/components/spinner/lotties/brand.json.js +0 -1
  378. package/dist/esm/components/spinner/lotties/red.json.js +0 -1
  379. package/dist/esm/components/spinner/lotties/white.json.js +0 -1
  380. package/dist/esm/components/states/StateComponent.d.ts +0 -29
  381. package/dist/esm/components/states/StateComponent.styled.d.ts +0 -7
  382. package/dist/esm/components/states/index.d.ts +0 -1
  383. package/dist/esm/components/states-modal/StateModalComponent.d.ts +0 -17
  384. package/dist/esm/components/states-modal/index.d.ts +0 -1
  385. package/dist/esm/components/switch/Switch.d.ts +0 -23
  386. package/dist/esm/components/tag/model.js +0 -1
  387. package/dist/esm/components/template-preview/EmailTemplatePreview.styled.d.ts +0 -8
  388. package/dist/esm/components/template-preview/EmailTemplatePreview.styled.js +0 -29
  389. package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.d.ts +0 -13
  390. package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.js +0 -1
  391. package/dist/esm/components/template-preview/SMS/SMSBubble.d.ts +0 -9
  392. package/dist/esm/components/template-preview/SMS/SMSBubble.js +0 -12
  393. package/dist/esm/components/template-preview/SmsTemplatePreview.d.ts +0 -12
  394. package/dist/esm/components/template-preview/SmsTemplatePreview.js +0 -1
  395. package/dist/esm/components/template-preview/SmsTemplatePreview.styled.d.ts +0 -13
  396. package/dist/esm/components/template-preview/SmsTemplatePreview.styled.js +0 -46
  397. package/dist/esm/components/template-preview/TemplatePreview.d.ts +0 -18
  398. package/dist/esm/components/template-preview/TemplatePreview.js +0 -1
  399. package/dist/esm/components/template-preview/WhatsApp/ChatBtn.d.ts +0 -9
  400. package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js +0 -1
  401. package/dist/esm/components/template-preview/WhatsApp/ChatHeader.d.ts +0 -3
  402. package/dist/esm/components/template-preview/WhatsApp/ChatHeader.js +0 -1
  403. package/dist/esm/components/template-preview/WhatsApp/ChatHeader.style.d.ts +0 -5
  404. package/dist/esm/components/template-preview/WhatsApp/ChatHeader.style.js +0 -37
  405. package/dist/esm/components/template-preview/WhatsApp/ChatUI.d.ts +0 -4
  406. package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +0 -7
  407. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -7
  408. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +0 -52
  409. package/dist/esm/components/template-preview/WhatsApp/MediaCard.d.ts +0 -14
  410. package/dist/esm/components/template-preview/WhatsApp/MediaCard.js +0 -1
  411. package/dist/esm/components/template-preview/WhatsApp/RenderTemplateWithVariable.d.ts +0 -7
  412. package/dist/esm/components/template-preview/WhatsApp/RenderTemplateWithVariable.js +0 -4
  413. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreview.d.ts +0 -3
  414. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreview.js +0 -12
  415. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -13
  416. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +0 -1
  417. package/dist/esm/components/template-preview/constants/TemplateConstants.d.ts +0 -23
  418. package/dist/esm/components/template-preview/constants/TemplateConstants.js +0 -1
  419. package/dist/esm/components/template-preview/constants/regexPatterns.d.ts +0 -11
  420. package/dist/esm/components/template-preview/constants/regexPatterns.js +0 -1
  421. package/dist/esm/components/template-preview/helpers/SmsTemplateHelper.d.ts +0 -2
  422. package/dist/esm/components/template-preview/helpers/SmsTemplateHelper.js +0 -1
  423. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts +0 -16
  424. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js +0 -1
  425. package/dist/esm/components/template-preview/helpers/WhatsAppFormatToHTML.d.ts +0 -8
  426. package/dist/esm/components/template-preview/helpers/WhatsAppFormatToHTML.js +0 -1
  427. package/dist/esm/components/template-preview/index.d.ts +0 -6
  428. package/dist/esm/components/template-preview/models/Channels.d.ts +0 -8
  429. package/dist/esm/components/template-preview/models/Channels.js +0 -1
  430. package/dist/esm/components/template-preview/models/EmailTemplate.d.ts +0 -39
  431. package/dist/esm/components/template-preview/models/SmsTemplate.d.ts +0 -35
  432. package/dist/esm/components/template-preview/models/TemplateMeta.d.ts +0 -42
  433. package/dist/esm/components/template-preview/models/TemplateMeta.js +0 -1
  434. package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +0 -180
  435. package/dist/esm/components/template-preview/utils/TemplateHelperUtils.d.ts +0 -6
  436. package/dist/esm/components/template-preview/utils/TemplateHelperUtils.js +0 -1
  437. package/dist/esm/components/template-preview/utils/getPreviewPropLen.d.ts +0 -2
  438. package/dist/esm/components/template-preview/utils/getPreviewPropLen.js +0 -1
  439. package/dist/esm/components/thumbnail/Thumbnail.d.ts +0 -13
  440. package/dist/esm/components/thumbnail/Thumbnail.js +0 -1
  441. package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts +0 -4
  442. package/dist/esm/components/thumbnail/Thumbnail.styled.js +0 -10
  443. package/dist/esm/components/thumbnail/constants.d.ts +0 -5
  444. package/dist/esm/components/thumbnail/constants.js +0 -1
  445. package/dist/esm/components/thumbnail/index.d.ts +0 -1
  446. package/dist/esm/components/tooltips/CustomisedTooltip.d.ts +0 -26
  447. package/dist/esm/components/tooltips/CustomisedTooltip.js +0 -1
  448. package/dist/esm/components/zeroState/ZeroState.d.ts +0 -7
  449. package/dist/esm/components/zeroState/ZeroState.js +0 -17
  450. package/dist/esm/hooks/useOutside.d.ts +0 -1
  451. package/dist/esm/hooks/useOutside.js +0 -1
  452. package/dist/esm/utils/StringUtils.d.ts +0 -10
  453. package/dist/esm/utils/StringUtils.js +0 -1
@@ -1,46 +0,0 @@
1
- import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";r.div`
2
- position: absolute;
3
- width: 8px;
4
- height: 8px;
5
- left: -5px;
6
- bottom: 2px;
7
- `;const d=r.div`
8
- padding: ${r=>"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"};
9
- background: ${o.surface.standard};
10
- border-radius: 4px;
11
- `,p=r.div`
12
- padding: 16px;
13
- background: ${o.surface.standard};
14
- border-top-left-radius: 4px;
15
- border-top-right-radius: 4px;
16
- border-bottom: 1px solid ${o.stroke.primary};
17
- `;r.div`
18
- border: 1px solid ${o.stroke.primary};
19
- height: 100%;
20
- border-top-left-radius: 4px;
21
- border-top-right-radius: 4px;
22
- `,r.div`
23
- margin-top: ${r=>r.hideHeader?0:"16px"};
24
- border-radius: 4px;
25
- border-color: ${o.stroke.primary};
26
- border-width: ${r=>r.outsidePreview?0:"1px"};
27
- `,r.div`
28
- position: absolute;
29
- width: 30px;
30
- height: 30px;
31
- left: -10px;
32
- bottom: -1px;
33
- `,r.div`
34
- padding: 12px;
35
- background: ${o.background.base};
36
- border-radius: 16px;
37
- `;const t=r.div`
38
- padding: 10px;
39
- position: sticky;
40
- top: 0;
41
- z-index: 1;
42
- background: ${o.surface.standard};
43
- display: flex;
44
- justify-content: space-between;
45
- border-bottom: 1px solid ${o.background.base};
46
- `;export{d as SMSBubbleContainer,p as SMSCardHeader,t as SMSHeader};
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { CHANNEL_TYPE } from './models/Channels';
3
- import { EmailMeta, EmailTemplateType } from './models/EmailTemplate';
4
- import { SMSMeta, SMSTemplateType } from './models/SmsTemplate';
5
- import { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';
6
- export declare const TemplatePreview: React.FC<{
7
- template: WhatsAppTemplate | SMSTemplateType | EmailTemplateType;
8
- channel: CHANNEL_TYPE;
9
- onlyTemplateContent?: boolean;
10
- outsidePreview?: boolean;
11
- templateCreationsInfo?: boolean;
12
- whatsAppSpecificMeta?: WhatsappMeta;
13
- emailSpecificMeta?: EmailMeta;
14
- smsSpecificMeta?: SMSMeta;
15
- hideHeader?: boolean;
16
- size?: 'small' | 'large';
17
- templateContainerStyles?: React.CSSProperties;
18
- }>;
@@ -1 +0,0 @@
1
- import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import i from"../../utils/StringUtils.js";import{COLORS as a}from"../../constants/Theme.js";import{TitleRegular as n}from"../TypographyStyle.js";import o from"./EmailTemplateThumbnailPreview.js";import{CHANNEL_TYPE as r}from"./models/Channels.js";import s from"./SmsTemplatePreview.js";import d from"./WhatsAppTemplatePreview.js";const p=p=>{let{template:c,channel:u,whatsAppSpecificMeta:v,templateContainerStyles:h,templateCreationsInfo:y,hideHeader:b,size:S,onlyTemplateContent:g,emailSpecificMeta:j,smsSpecificMeta:C,outsidePreview:T}=p;var f,w;return u===r.SMS?e("div",Object.assign({style:Object.assign({marginTop:y?16:0,border:y?`1px solid ${a.stroke.primary}`:"none",borderRadius:4},null==C?void 0:C.templateContainerStyles)},{children:e(s,{template:c,hideHeader:b,onlyTemplateContent:g,size:null!=S?S:"large",variableStore:null==C?void 0:C.smsVariableStore,display_content:null==C?void 0:C.smsDisplayContent})})):u===r.EMAIL?e("div",Object.assign({style:Object.assign({marginTop:y?16:0},null==j?void 0:j.templateContainerStyles)},{children:e(o,{template:c,handleViewTemplate:()=>{var e;null===(e=null==j?void 0:j.handleViewTemplate)||void 0===e||e.call(j)},hideHeader:b,hideViewButton:null==j?void 0:j.hideViewButtonForEmail,containerStyle:null==j?void 0:j.containerStyle,emailDisplayContent:null==j?void 0:j.emailDisplayContent,emailHtmlContainerId:null==j?void 0:j.emailHtmlContainerId})})):u===r.WHATSAPP?t("div",Object.assign({style:Object.assign(Object.assign({},null==v?void 0:v.templateContainerStyles),y?m.WhatsAppWrapper:{})},{children:[y?e("div",Object.assign({style:{padding:16}},{children:e(n,{children:i.convertToTitleCase(null!==(f=null==c?void 0:c.label)&&void 0!==f?f:"")})})):e(l,{}),e(d,{showHeader:null==v?void 0:v.showWhatsAppHeader,extras:null==v?void 0:v.whatsAppExtras,template:c,size:y?"small":null!=S?S:"large",containerStyle:Object.assign({borderWidth:y?0:1,borderTopWidth:1},null!==(w=null==v?void 0:v.containerStyle)&&void 0!==w?w:{}),zeroStateComponent:null==v?void 0:v.zeroStateComponent,usePlaceHolderName:null==v?void 0:v.usePlaceHolderName})]})):e(l,{})},m={WhatsAppWrapper:{backgroundColor:a.surface.standard,borderRadius:4,border:`1px solid ${a.background.inactive}`,marginTop:16}};export{p as TemplatePreview};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- export declare const ChatBtn: React.FC<{
3
- Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
4
- text: string;
5
- extraContent?: string;
6
- placeholder?: string;
7
- textTypography?: React.FC;
8
- size?: 'small' | 'large';
9
- }>;
@@ -1 +0,0 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as c}from"./ChatUI.style.js";const i=i=>{let{Icon:l,text:s,extraContent:a,placeholder:p,textTypography:h,size:m}=i;const d=h||n;return e(c,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[l&&e(l,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(d,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===m?12:14}},{children:s}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{i as ChatBtn};
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const ChatHeader: () => JSX.Element;
3
- export default ChatHeader;
@@ -1 +0,0 @@
1
- import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"../../../assets/icons/arrow_left.svg.js";import s from"../../../assets/icons/user_icon.svg.js";import o from"../../../assets/icons/vertical_dots.svg.js";import{BodyTiny as i}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";import{HeaderContainer as c,LeftContainer as m,IconContainer as a,TitleContainer as h,SubTitle as l}from"./ChatHeader.style.js";const p=()=>r(c,{children:[r(m,{children:[e(t,{height:16,width:16,color:n.content.primaryInverse}),e(a,{children:e(s,{height:14,width:14,color:n.content.primaryInverse})}),r(h,{children:[e(i,Object.assign({color:n.content.primaryInverse},{children:"Brand name"})),e(l,{children:"Business account"})]})]}),e(o,{height:16,width:16,color:n.content.primaryInverse})]});export{p as default};
@@ -1,5 +0,0 @@
1
- export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const LeftContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const SubTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
@@ -1,37 +0,0 @@
1
- import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const n=e.div`
2
- height: 50px;
3
- background-color: #008069;
4
- position: sticky;
5
- top: 0px;
6
- z-index: 200;
7
- padding: 6px 4px;
8
- display: flex;
9
- align-items: center;
10
- justify-content: space-between;
11
- gap: 5px;
12
- `,i=e.div`
13
- display: flex;
14
- align-items: center;
15
- gap: 5px;
16
- `,o=e.div`
17
- height: 27px;
18
- width: 27px;
19
- border-radius: 15px;
20
- background-color: #d1d8db;
21
- display: flex;
22
- justify-content: center;
23
- align-items: center;
24
- gap: 6px;
25
- `,p=e.div`
26
- display: flex;
27
- flex-direction: column;
28
- justify-content: space-between;
29
- `,r=e.p`
30
- font-family: 'Inter';
31
- font-style: normal;
32
- font-weight: 400;
33
- font-size: 8px;
34
- line-height: 11px;
35
- color: ${t.content.primaryInverse};
36
- margin-bottom: 0px;
37
- `;export{n as HeaderContainer,o as IconContainer,i as LeftContainer,r as SubTitle,p as TitleContainer};
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
3
- declare const ChatUI: (props: WhatsappLikePreviewTypes) => JSX.Element;
4
- export default ChatUI;
@@ -1,7 +0,0 @@
1
- import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import o from"../../../assets/icons/halfRectangle.svg.js";import i from"../../../assets/icons/phone.svg.js";import a from"../../../assets/icons/RedirectToNew.svg.js";import{useMemo as s}from"react";import n from"styled-components";import{BodySecondary as m,Caption as p}from"../../TypographyStyle.js";import{COLORS as d,FONTS as h}from"../../../constants/Theme.js";import{WhatsAppFormatToHTML as l}from"../helpers/WhatsAppFormatToHTML.js";import{HEADER_TYPES as c,ACTIONS_TYPES as f}from"../models/TemplateMeta.js";import{ChatBtn as y}from"./ChatBtn.js";import{Container as T,FooterWrapper as x,TimeStamp as g}from"./ChatUI.style.js";import{MediaCard as j}from"./MediaCard.js";import v from"./RenderTemplateWithVariable.js";const w=n.div`
2
- position: absolute;
3
- width: 8px;
4
- height: 8px;
5
- left: -8px;
6
- top: -9px;
7
- `,b=n=>{const{bodyText:b,footerText:S,headerMediaType:u,headerText:N,headerAssetLink:A,headerAssetName:M,quickReplybtn:C,ctaBtn:L,actionTypes:k,textType:z,extras:B,showHeader:E,imagePreviewStyles:I,size:R}=n,W=new l,H=s((()=>({color:d.content.primary,margin:12,fontSize:E?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e(T,{children:[t(w,{children:t(o,{color:"white",height:8,width:8})}),u===c.TEXT?t(v,{bold:!0,text:N}):u!==c.NONE?t(j,{headerAssetLink:A,headerAssetName:M,mediaType:u,imagePreviewStyles:u===c.IMAGE?I:{}}):t(r,{}),!!b&&t(r,{children:"html"===z?t("div",{className:"richTextEditor",style:H,dangerouslySetInnerHTML:{__html:W.convertToHTML(b)}}):t(m,{children:b})}),e(x,{children:[t(g,Object.assign({style:{flex:1}},{children:S})),t(g,{children:"16:48"})]}),k===f.QUICK_REPLY?t("div",{children:null==C?void 0:C.map(((e,r)=>t(y,{text:e.text},r)))}):k===f.CTA_BTN?t("div",{children:null==L?void 0:L.map(((e,r)=>t(y,{textTypography:E?p:m,extraContent:B?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:a,size:R},r)))}):t(r,{})]})};export{b as default};
@@ -1,7 +0,0 @@
1
- export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const TimeStamp: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const MediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const ChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const MediaNameAbsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const DownloadMediaIconHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,52 +0,0 @@
1
- import t from"styled-components";import{Caption as o}from"../../TypographyStyle.js";import{COLORS as e}from"../../../constants/Theme.js";const r=t.div`
2
- background: ${e.surface.standard};
3
- box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
4
- border-top-left-radius: 0px;
5
- border-top-right-radius: 12px;
6
- border-bottom-right-radius: 12px;
7
- border-bottom-left-radius: 12px;
8
- position: relative;
9
- padding: 8px 0px;
10
- `,i=t(o)`
11
- color: ${e.content.secondary};
12
- `,p=t.div`
13
- border-radius: 8px;
14
- display: flex;
15
- flex-direction: column;
16
- align-items: center;
17
- justify-content: center;
18
- min-height: 152px;
19
- margin-bottom: 4px;
20
- margin: 0px 8px;
21
- `,d=t.div`
22
- padding: 12px;
23
- display: flex;
24
- flex-direction: row;
25
- justify-content: center;
26
- align-items: center;
27
- border-top: 1px solid ${e.stroke.primary};
28
- `,n=t.div`
29
- display: flex;
30
-
31
- flex-direction: row;
32
- justify-content: space-between;
33
- margin: 8px 12px;
34
- `;t.div`
35
- position: absolute;
36
- bottom: -1px;
37
- left: 0;
38
- text-align: center;
39
- width: 100%;
40
- padding: 10px;
41
- align-items: center;
42
- display: flex;
43
- flex-direction: row;
44
- justify-content: start;
45
- background: ${e.surface.hovered};
46
- border-bottom-right-radius: 8px;
47
- border-bottom-left-radius: 8px;
48
- `,t.div`
49
- position: absolute;
50
- top: 16px;
51
- right: 16px;
52
- `;export{d as ChatBtnContainer,r as Container,n as FooterWrapper,p as MediaContainer,i as TimeStamp};
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { CSSProperties } from 'styled-components';
3
- import { HEADER_TYPES } from '../models/TemplateMeta';
4
- export declare const NoMediaCard: React.FC<{
5
- headerAssetLink?: string;
6
- headerAssetName?: string;
7
- mediaType?: HEADER_TYPES;
8
- }>;
9
- export declare const MediaCard: React.FC<{
10
- headerAssetLink?: string;
11
- headerAssetName?: string;
12
- mediaType: HEADER_TYPES;
13
- imagePreviewStyles?: CSSProperties;
14
- }>;
@@ -1 +0,0 @@
1
- import{jsx as e,Fragment as s,jsxs as t}from"react/jsx-runtime";import r 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 a}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";import{HEADER_TYPES as c}from"../models/TemplateMeta.js";import{MediaContainer as m}from"./ChatUI.style.js";const d=s=>{let{headerAssetName:d,mediaType:l}=s;const p=l===c.IMAGE?i:l===c.VIDEO?o:r;return t(m,{children:[e(p,{height:40,width:40,color:n.icon.placeholder}),!!d&&e(a,Object.assign({style:{color:n.content.secondary,marginTop:8}},{children:d}))]})},l=t=>{let{headerAssetLink:r,headerAssetName:i,mediaType:o,imagePreviewStyles:a}=t;if(!r||o===c.DOCUMENT)return e(d,Object.assign({},{headerAssetLink:r,headerAssetName:i,mediaType:o}));const n={width:"100%",minHeight:"156px",borderRadius:8};return e(m,{children:o===c.IMAGE?e("img",{alt:"Header displays here",style:Object.assign(Object.assign({},n),a),src:r}):o===c.VIDEO?e("video",Object.assign({src:r,style:n,controls:!0},{children:e("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e(s,{})})};export{l as MediaCard,d as NoMediaCard};
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export interface RenderTemplateWithVariableInterface {
3
- text?: string;
4
- bold?: boolean;
5
- }
6
- declare const RenderTemplateWithVariable: (props: RenderTemplateWithVariableInterface) => JSX.Element;
7
- export default RenderTemplateWithVariable;
@@ -1,4 +0,0 @@
1
- import{jsx as t,Fragment as n,jsxs as e}from"react/jsx-runtime";import o from"styled-components";import{BodyRegular as r}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";import{templateVariablePattern as i}from"../constants/regexPatterns.js";const l=o.div`
2
- padding: 8px 12px 0px;
3
- /* display: inline; */
4
- `,c=o=>{const{text:c,bold:p}=o,a=null==c?void 0:c.match(i),d=p?{fontWeight:"600"}:{};return c?t(l,{children:c.split(i).map(((o,i)=>e(n,{children:[t(r,Object.assign({style:d},{children:o})),!!(null==a?void 0:a[i])&&t(r,Object.assign({style:Object.assign({color:s.content.brand},d)},{children:null==a?void 0:a[i]}))]})))}):t(n,{})};export{c as default};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
3
- export declare const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes>;
@@ -1,12 +0,0 @@
1
- import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import t from"styled-components";import{TitleRegular as i}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{getPreviewPropLen as s}from"../utils/getPreviewPropLen.js";import n from"./ChatHeader.js";import d from"./ChatUI.js";const p=t.div`
2
- background-image: 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');
3
- border: ${e=>e.showHeader?0:1}px solid
4
- ${a.stroke.primary};
5
- border-radius: 4px;
6
- background-repeat: no-repeat;
7
- background-position: center;
8
- background-size: cover;
9
- position: relative;
10
- `,m=t(i)`
11
- color: ${a.content.primary};
12
- `,c=t=>{const i=s(t);return e(r,3===i?{children:t.zeroStateComponent}:{children:o(p,Object.assign({style:t.containerStyle,showHeader:t.showHeader},{children:[t.showHeader&&e(n,{}),o("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!t.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(m,{children:"Preview"})})),e(d,Object.assign({showHeader:t.showHeader},t))]}))]}))})};export{c as WhatsappLikePreview};
@@ -1,13 +0,0 @@
1
- import React, { ReactElement } from 'react';
2
- import { CSSProperties } from 'styled-components';
3
- import { WhatsAppTemplate } from './models/WhatsAppTemplate';
4
- declare const WhatsappTemplatePreview: React.FC<{
5
- template?: WhatsAppTemplate;
6
- extras?: boolean;
7
- containerStyle?: CSSProperties;
8
- usePlaceHolderName?: boolean;
9
- showHeader?: boolean;
10
- zeroStateComponent?: ReactElement;
11
- size?: 'small' | 'large';
12
- }>;
13
- export default WhatsappTemplatePreview;
@@ -1 +0,0 @@
1
- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import{TemplateCreatorHelper as n}from"./helpers/TemplateCreatorHelper.js";import{HEADER_TYPES as i}from"./models/TemplateMeta.js";import{TemplateHelperUtils as a}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as r}from"./WhatsApp/WhatsAppLikePreview.js";const d=d=>{let{template:p,extras:s,containerStyle:u,usePlaceHolderName:v,showHeader:m,zeroStateComponent:h,size:c}=d;var x,b,T,y,B,w,k,f,N,j,L,A,V,C,H,P;const[S,g]=l(),F=new n,O=new a,z=[];return(null===(b=null===(x=null==S?void 0:S.ctaBtn)||void 0===x?void 0:x.phoneNumber)||void 0===b?void 0:b.isChecked)&&z.push({type:"phoneNumber",text:null!==(T=S.ctaBtn.phoneNumber.btnText)&&void 0!==T?T:"",extra:null!==(y=S.ctaBtn.phoneNumber.phoneNumber)&&void 0!==y?y:""}),(null===(w=null===(B=null==S?void 0:S.ctaBtn)||void 0===B?void 0:B.websiteLinkBtn)||void 0===w?void 0:w.isChecked)&&z.push({type:"website",text:null!==(k=S.ctaBtn.websiteLinkBtn.btnText)&&void 0!==k?k:"",extra:null!==(N=null===(f=S.ctaBtn.websiteLinkBtn)||void 0===f?void 0:f.linkOpens)&&void 0!==N?N:"",placeholder:null!==(j=S.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),o((()=>{p&&F.parseUITemplateFromDBFormat(p).then((e=>{g(Object.assign({},e))}))}),[p]),p?e(r,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:O.whatsappOnlyFillVariablesValueInBodyText(null!==(L=null==S?void 0:S.bodyText)&&void 0!==L?L:"",null!==(A=null==S?void 0:S.bodyVariables)&&void 0!==A?A:[],v),footerText:null==S?void 0:S.footerText,headerMediaType:(null==S?void 0:S.headerType)||i.NONE,headerText:O.fillVariablesValInBodyText(null!==(V=null==S?void 0:S.headerText)&&void 0!==V?V:"",null!==(C=null==S?void 0:S.headerVariables)&&void 0!==C?C:[],v),headerAssetLink:null!==(H=null==S?void 0:S.headerAssetLink)&&void 0!==H?H:"",headerAssetName:null!==(P=null==S?void 0:S.headerAssetName)&&void 0!==P?P:"",quickReplybtn:null==S?void 0:S.quickReply,ctaBtn:z,actionTypes:null==S?void 0:S.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e(t,{children:" "})}):e(t,{children:h})};export{d as default};
@@ -1,23 +0,0 @@
1
- export declare const CREATE_TEMPLATE_DOM_IDS: {
2
- name: string;
3
- header: string;
4
- body: string;
5
- actionButtons: string;
6
- footer: string;
7
- };
8
- export declare const REQUIRED_FIELD = "Required field";
9
- export declare const HEADER_LEN_ERROR = "Maximum 60 characters are allowed";
10
- export declare const NAME_LEN_ERROR = "Maximum 512 characters allowed";
11
- export declare const NO_SPECIAL_CHAR = "No special characters allowed";
12
- export declare const BODY_LEN_ERROR = "Maximum 1,024 characters are allowed";
13
- export declare const QUICK_REPLY_LEN_ERROR = "Maximum 20 characters are allowed";
14
- export declare const QUICK_REPLY_NAME_ERROR = "Buttons with same name are not allowed";
15
- export declare const VALID_PHONE_NUMBER = "Please enter a valid 10-digit phone number";
16
- export declare const BUTTON_EMOJI_ERROR = "Emojis are not allowed in button";
17
- export declare const HEADER_ASSET_LINK_ERROR = "Please attach the required media";
18
- export declare const ONE_VAR_ALLOWED = "Only one variable allowed in text header";
19
- export declare const HEADER_TEXT_LEN_LIMIT = 60;
20
- export declare const NAME_LEN_LIMIT = 512;
21
- export declare const BODY_TEXT_LEN_LIMIT = 1024;
22
- export declare const QUICK_REPLY_BTN_TEXT_LIMIT = 25;
23
- export declare const QUICK_REPLY_NAME_LEN_LIMIT = 20;
@@ -1 +0,0 @@
1
- const e="create-template",a={name:`${e}-name`,header:`${e}-header`,body:`${e}-body`,actionButtons:`${e}-action-buttons`,footer:`${e}-footer`},t="Required field",o="Maximum 60 characters are allowed",r="Maximum 512 characters allowed",l="No special characters allowed",d="Maximum 1,024 characters are allowed",i="Maximum 20 characters are allowed",n="Buttons with same name are not allowed",c="Please enter a valid 10-digit phone number",m="Emojis are not allowed in button",s="Please attach the required media",h="Only one variable allowed in text header",u=60,w=512,b=1024,x=25,$=20;export{d as BODY_LEN_ERROR,b as BODY_TEXT_LEN_LIMIT,m as BUTTON_EMOJI_ERROR,a as CREATE_TEMPLATE_DOM_IDS,s as HEADER_ASSET_LINK_ERROR,o as HEADER_LEN_ERROR,u as HEADER_TEXT_LEN_LIMIT,r as NAME_LEN_ERROR,w as NAME_LEN_LIMIT,l as NO_SPECIAL_CHAR,h as ONE_VAR_ALLOWED,x as QUICK_REPLY_BTN_TEXT_LIMIT,i as QUICK_REPLY_LEN_ERROR,n as QUICK_REPLY_NAME_ERROR,$ as QUICK_REPLY_NAME_LEN_LIMIT,t as REQUIRED_FIELD,c as VALID_PHONE_NUMBER};
@@ -1,11 +0,0 @@
1
- export declare const lockedVarPattern: RegExp;
2
- export declare const editableVarPattern: RegExp;
3
- export declare const placeHolderNamePattern: RegExp;
4
- export declare const globalVariablePattern: RegExp;
5
- export declare const templateVariablePattern: RegExp;
6
- export declare const globalHalfVariablePattern: RegExp;
7
- export declare const specialCharPattern: RegExp;
8
- export declare const variablePattern: RegExp;
9
- export declare const variablePatternGlobal: RegExp;
10
- export declare const previewLinkMDFormatPattern: RegExp;
11
- export declare const editableBracketPattern: RegExp;
@@ -1 +0,0 @@
1
- const a=/\[\[[A-Za-z0-9 ]+\]\]/,z=/\((\(|\[)[A-Za-z0-9 ]+(\]|\))\)/,A=/(\[\[|\(\()(.*)(\)\)|\]\])/,Z=/\{\{[A-Za-z0-9 ]+\}\}/g,g=Z,_=/\{\{[a-zA-Z0-9]+(?=( |\}))(?!\}\})/g,o=/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/,t=/\{\{[A-Za-z0-9 _]+\}\}/,c=/\{\{[A-Za-z0-9 _]+\}\}/g,e=/\[([^[]+)\](\(.*\))/,n=/[((|))]/;export{n as editableBracketPattern,z as editableVarPattern,_ as globalHalfVariablePattern,Z as globalVariablePattern,a as lockedVarPattern,A as placeHolderNamePattern,e as previewLinkMDFormatPattern,o as specialCharPattern,g as templateVariablePattern,t as variablePattern,c as variablePatternGlobal};
@@ -1,2 +0,0 @@
1
- import { CUSTOM_VARIABLE } from '../models/TemplateMeta';
2
- export declare const renderVariableUIForPreview: (content: string, variablStore?: CUSTOM_VARIABLE[], brandColor?: string) => string;
@@ -1 +0,0 @@
1
- import{COLORS as n}from"../../../constants/Theme.js";import{variablePatternGlobal as t,variablePattern as o}from"../constants/regexPatterns.js";const e=function(e,a){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.content.brand;const l=(null==a?void 0:a.length)?null==a?void 0:a.map((n=>n.updatedValue)):e.match(t);return t.lastIndex=0,e.split(o).map(((n,t)=>{var o;return(null==l?void 0:l[t])?`${n}<span></span><span id="connectors_variable_${t+1}" style="color: ${r}; text-decoration: underline; word-break: break-word;">${null!==(o=null==l?void 0:l[t])&&void 0!==o?o:""}</span><span> </span>`:n})).join("")};export{e as renderVariableUIForPreview};
@@ -1,16 +0,0 @@
1
- import { CreateTemplateType, WhatsAppTemplate } from '../models/WhatsAppTemplate';
2
- export declare class TemplateCreatorHelper {
3
- private parseDataFromHeaderComponent;
4
- /**
5
- * Check if current template state is ready for saving as a draft/submit-template or not
6
- * @param state
7
- */
8
- validateState(state: CreateTemplateType): {
9
- status: 'invalid' | 'valid';
10
- errors: CreateTemplateType['error'];
11
- };
12
- private parseBodyComponent;
13
- private parseFooterComponent;
14
- private parseButtonComponent;
15
- parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean): Promise<CreateTemplateType>;
16
- }
@@ -1 +0,0 @@
1
- import{__awaiter as e}from"../../../_virtual/_tslib.js";import{COLORS as t}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as i,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as l,NAME_LEN_LIMIT as a,NAME_LEN_ERROR as d,NO_SPECIAL_CHAR as r,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as s,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as p,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as m,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as h,BUTTON_EMOJI_ERROR as T,VALID_PHONE_NUMBER as y,QUICK_REPLY_NAME_LEN_LIMIT as B,CREATE_TEMPLATE_DOM_IDS as x,QUICK_REPLY_NAME_ERROR as f}from"../constants/TemplateConstants.js";import{HEADER_TYPES as k,ACTIONS_TYPES as N}from"../models/TemplateMeta.js";import{TemplateHelperUtils as C}from"../utils/TemplateHelperUtils.js";class g{parseDataFromHeaderComponent(e){var t,n,i,o,l,a,d;const r={headerType:k.NONE,headerVariables:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(v){r.headerType=v.format,r.headerText=v.text,r.headerAssetLink=null===(i=null===(n=v.example)||void 0===n?void 0:n.header_handle)||void 0===i?void 0:i[0];const t=null===(l=null===(o=v.example)||void 0===o?void 0:o.header_text)||void 0===l?void 0:l[0],s=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.header)||void 0===d?void 0:d[0];if(t&&s){const e=/\(\(/.test(s),n={idx:0,variableVal:t,editable:e,editableDefaultValues:e?void 0:t,variableName:s};r.headerVariables=[n]}}return r}validateState(e){var t,i,o,g,L,E,R,w,_,A,V,I,D,U,O,q,F,j,P,Y,K;const M=/\p{Extended_Pictographic}/u;let Q="valid";const H={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},S=new C;let $=!1;const G=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?e.meta.name.trim().length>a?(H.meta.name=d,Q="invalid"):n.test(e.meta.name.trim())&&(H.meta.name=r,Q="invalid"):(H.meta.name=l,Q="invalid"),H.meta.name&&!$&&(G(x.name),$=!0),e.headerType===k.TEXT){const t=null!==(o=null===(i=e.headerText)||void 0===i?void 0:i.trim())&&void 0!==o?o:"";if(t)if(t.length>v)H.header=s,Q="invalid";else{const e=S.getTemplateVariablesFromState(t);e&&e.length>1&&(H.header=u,Q="invalid")}else H.header=l,Q="invalid"}else e.headerType===k.DOCUMENT||e.headerType===k.IMAGE||(e.headerType,k.VIDEO);if(e.headerType!==k.DOCUMENT&&e.headerType!==k.IMAGE&&e.headerType!==k.VIDEO||e.headerAssetLink||(H.header=p,Q="invalid"),H.header&&!$&&(G(x.header),$=!0),e.bodyText?e.bodyTextRaw&&(null===(g=e.bodyTextRaw)||void 0===g?void 0:g.trim().length)>c&&(H.body=m,Q="invalid"):(H.body=l,Q="invalid"),H.body&&!$&&(G(x.body),$=!0),e.footerText&&e.footerText.length>v&&(H.footer=s,Q="invalid"),(null==H?void 0:H.footer)&&!$&&(G(x.footer),$=!0),e.actionsType===N.CTA_BTN){if(null===(E=null===(L=e.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===E?void 0:E.isChecked){const t=null===(R=e.ctaBtn.phoneNumber.btnText)||void 0===R?void 0:R.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;H.ctaBtn&&!t?(H.ctaBtn.phoneNumber.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.phoneNumber.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.phoneNumber.btnText=T,Q="invalid"),H.ctaBtn&&!n?(H.ctaBtn.phoneNumber.link=l,Q="invalid"):H.ctaBtn&&n&&n.length<10&&(H.ctaBtn.phoneNumber.link=y,Q="invalid")}if(null===(_=null===(w=e.ctaBtn)||void 0===w?void 0:w.websiteLinkBtn)||void 0===_?void 0:_.isChecked){const t=null===(A=e.ctaBtn.websiteLinkBtn.btnText)||void 0===A?void 0:A.trim(),n=null===(V=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===V?void 0:V.trim(),i=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();H.ctaBtn&&!t?(H.ctaBtn.websiteLink.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.websiteLink.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.websiteLink.btnText=T,Q="invalid"),!H.ctaBtn||n||i||(H.ctaBtn.websiteLink.link=l,Q="invalid")}}else if(e.actionsType===N.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,i)=>{const o=n.text.trim();if(o)if(o.length>B)t[i]=h,Q="invalid";else if(M.test(o))t[i]=T,Q="invalid";else{const n=[...e.quickReply];n.splice(i,1);n.find((e=>e.text===o))&&(t[i]=f,Q="invalid")}else t[i]=l,Q="invalid"})),H.quickReply=t}if(e.actionsType===N.CTA_BTN||e.actionsType===N.QUICK_REPLY){const e=null===(D=H.quickReply)||void 0===D?void 0:D.reduce(((e,t)=>e||!!t),!1);((null===(O=null===(U=null==H?void 0:H.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===O?void 0:O.link)||(null===(F=null===(q=H.ctaBtn)||void 0===q?void 0:q.websiteLink)||void 0===F?void 0:F.btnText)||(null===(P=null===(j=H.ctaBtn)||void 0===j?void 0:j.phoneNumber)||void 0===P?void 0:P.link)||(null===(K=null===(Y=H.ctaBtn)||void 0===Y?void 0:Y.phoneNumber)||void 0===K?void 0:K.btnText)||e)&&!$&&(G(x.actionButtons),$=!0)}return{status:Q,errors:H}}parseBodyComponent(e){var n,o,l,a,d;const r=[];let v="";const s=null===(n=e.components)||void 0===n?void 0:n.find((e=>"BODY"===e.type));return s&&(null===(l=null===(o=s.example)||void 0===o?void 0:o.body_text)||void 0===l||l[0].forEach(((t,n)=>{var o,l;let a=null===(l=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===l?void 0:l[n];const d=a&&/\(\(/.test(a),v=null==a?void 0:a.match(i);(null==v?void 0:v[2])&&(a=null==v?void 0:v[2]),r.push({idx:n,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),v=e.htmlContentUrl?e.htmlContentUrl:(null===(a=s.text)||void 0===a?void 0:a.split(/\{\{[0-9]+\}\}/).length)?null===(d=s.text)||void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==r?void 0:r[n]){const i=r[n].variableName;return`${e} <span> </span><span style="color: ${t.content.brand}; text-decoration: underline;">{{${i}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:r,bodyText:v}}parseFooterComponent(e){var t;const n=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==n?void 0:n.text}parseButtonComponent(e){var t,n,i,l,a,d;const r={actionsType:N.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n.length)){const t="QUICK_REPLY"===(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i[0].type)?N.QUICK_REPLY:N.CTA_BTN;if(r.actionsType=t,t===N.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];return r.quickReply=e,r}t===N.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var n,i,l,a;if(t.phone_number&&(r.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(i=null===(n=null==e?void 0:e.mapping)||void 0===n?void 0:n.buttons)||void 0===i?void 0:i[0])&&void 0!==l?l:void 0;let v=!1;d&&o.test(d)&&(v=!0),r.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:v?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:v?void 0:d}}})))}return r}parseUITemplateFromDBFormat(t,n){var i;return e(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d}=yield this.parseDataFromHeaderComponent(t),{bodyText:r,bodyVariable:v}=yield this.parseBodyComponent(t),{actionsType:s,quickReply:u,ctaBtn:p}=yield this.parseButtonComponent(t),c={quickReply:u,ctaBtn:p,meta:{name:n?`${t.label} Copy`:t.label,category:null===(i=t.category)||void 0===i?void 0:i.toUpperCase(),subCategory:t.templateCategory,language:t.language,templateId:t.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:s,footerText:this.parseFooterComponent(t),bodyVariables:v,bodyText:r,headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:m}=this.validateState(c);return c.error=m,c}))}}export{g as TemplateCreatorHelper};
@@ -1,8 +0,0 @@
1
- export declare class WhatsAppFormatToHTML {
2
- convertToHTML(str: string): string;
3
- convertToBold(str: string): string;
4
- convertItalics(str: string): string;
5
- convertStrike(str: string): string;
6
- convertNewline(str: string): string;
7
- removeExtraNewLines(md: string): string;
8
- }
@@ -1 +0,0 @@
1
- class e{convertToHTML(e){return this.convertNewline(this.convertStrike(this.convertItalics(this.convertToBold(e))))}convertToBold(e){return e.replace(/\*(.*?)\*/gim,"<b>$1</b>")}convertItalics(e){return e.replace(/_(.*)_/gim,"<em>$1</em>")}convertStrike(e){return e.replace(/~(.*)~/gim,"<s>$1</s>")}convertNewline(e){return e}removeExtraNewLines(e){return e.replace(/\n\n/g,"\n")}}export{e as WhatsAppFormatToHTML};
@@ -1,6 +0,0 @@
1
- import * as regexPatterns from './constants/regexPatterns';
2
- export { regexPatterns };
3
- export * from './TemplatePreview';
4
- export * from './WhatsApp/WhatsAppLikePreview';
5
- export * from './helpers/SmsTemplateHelper';
6
- export * from './helpers/WhatsAppFormatToHTML';
@@ -1,8 +0,0 @@
1
- export declare enum CHANNEL_TYPE {
2
- WHATSAPP = "whatsapp",
3
- INSTAGRAM = "instagram",
4
- TIKTOK = "tiktok",
5
- EMAIL = "email",
6
- SMS = "message",
7
- WEBPUSH = "webpush"
8
- }
@@ -1 +0,0 @@
1
- var a;!function(a){a.WHATSAPP="whatsapp",a.INSTAGRAM="instagram",a.TIKTOK="tiktok",a.EMAIL="email",a.SMS="message",a.WEBPUSH="webpush"}(a||(a={}));export{a as CHANNEL_TYPE};
@@ -1,39 +0,0 @@
1
- /// <reference types="react" />
2
- import { CUSTOM_VARIABLE, TEMPLATE_EDITOR, TEMPLATE_STATUS } from './TemplateMeta';
3
- export type EmailTemplateType = {
4
- category: string;
5
- channel: 'email';
6
- channelTemplateId: string;
7
- createdAt: {
8
- _seconds: number;
9
- _nanoseconds: number;
10
- };
11
- createdBy: 'admin';
12
- editor: TEMPLATE_EDITOR;
13
- htmlContentUrl: string;
14
- name: string;
15
- subject: string;
16
- sendGridCategories: string[];
17
- plainContent: string;
18
- status: TEMPLATE_STATUS;
19
- storeId: string;
20
- templateId: string;
21
- thumbnailUrl: string;
22
- html_content?: string;
23
- mapping: {
24
- body: CUSTOM_VARIABLE[];
25
- };
26
- updatedAt: {
27
- _seconds: number;
28
- _nanoseconds: number;
29
- };
30
- label: string;
31
- };
32
- export type EmailMeta = {
33
- hideViewButtonForEmail?: boolean;
34
- containerStyle?: React.CSSProperties | undefined;
35
- handleViewTemplate?: () => void;
36
- emailDisplayContent?: string;
37
- templateContainerStyles?: React.CSSProperties | undefined;
38
- emailHtmlContainerId?: string;
39
- };
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import { CUSTOM_VARIABLE } from './TemplateMeta';
3
- export type SMSTemplateType = {
4
- category: 'other';
5
- channel: 'message';
6
- channelTemplateId: string;
7
- content: string;
8
- createdAt: {
9
- _seconds: number;
10
- _nanoseconds: number;
11
- };
12
- createdBy: 'admin';
13
- externalStatus: 'APPROVED';
14
- headers: string[];
15
- header?: string | null;
16
- name: string;
17
- status: 'ACTIVE';
18
- storeId: string;
19
- templateId: string;
20
- templateType: string;
21
- /** FRONTEND-ONLY DONT SEND TO FINAL PAYLOAD */
22
- mapping: {
23
- body: CUSTOM_VARIABLE[];
24
- };
25
- updatedAt: {
26
- _seconds: number;
27
- _nanoseconds: number;
28
- };
29
- label: string;
30
- };
31
- export type SMSMeta = {
32
- smsVariableStore?: CUSTOM_VARIABLE[];
33
- smsDisplayContent?: string;
34
- templateContainerStyles?: React.CSSProperties | undefined;
35
- };
@@ -1,42 +0,0 @@
1
- export type CUSTOM_VARIABLE = {
2
- variableName: string;
3
- type: 'string' | 'link' | 'image';
4
- isEditableVariable: boolean;
5
- updatedValue: string;
6
- index?: number;
7
- variableValue?: string;
8
- };
9
- export declare enum TEMPLATE_EDITOR {
10
- SEND_GRID = "sendgrid",
11
- BEE = "bee"
12
- }
13
- export declare enum TEMPLATE_STATUS {
14
- APPROVED = "APPROVED",
15
- DISABLED = "DISABLED",
16
- FLAGGED = "FLAGGED",
17
- PENDING = "PENDING",
18
- DRAFT = "DRAFT",
19
- REJECTED = "REJECTED",
20
- PENDING_DELETION = "PENDING_DELETION",
21
- IN_REVIEW = "IN REVIEW",
22
- PAUSED = "PAUSED",
23
- ACTIVE = "ACTIVE",
24
- LIBRARY = "LIBRARY"
25
- }
26
- export declare enum HEADER_TYPES {
27
- NONE = "NONE",
28
- TEXT = "TEXT",
29
- IMAGE = "IMAGE",
30
- VIDEO = "VIDEO",
31
- DOCUMENT = "DOCUMENT"
32
- }
33
- export declare enum ACTIONS_TYPES {
34
- NONE = "NONE",
35
- CTA_BTN = "CTA_BTN",
36
- QUICK_REPLY = "QUICK_REPLY"
37
- }
38
- export interface QUICK_REPLY_BUTTON {
39
- text: string;
40
- flowId: string;
41
- flowName: string;
42
- }
@@ -1 +0,0 @@
1
- var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));export{I as ACTIONS_TYPES,N as HEADER_TYPES,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};