@bikdotai/bik-component-library 0.0.647--beta--analytics0.4 → 0.0.649

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 (201) hide show
  1. package/dist/cjs/assets/icons/boxV2.svg.js +1 -0
  2. package/dist/cjs/assets/icons/help.svg.js +1 -0
  3. package/dist/cjs/assets/icons/openai.svg.js +1 -0
  4. package/dist/cjs/assets/icons/redirect.svg.js +1 -0
  5. package/dist/cjs/assets/icons/text_t9.svg.js +1 -0
  6. package/dist/cjs/assets/icons/website.svg.js +1 -0
  7. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  8. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  9. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  10. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  11. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  12. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  13. package/dist/cjs/components/carousel-preview/CarouselPreview.js +1 -1
  14. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +1 -1
  15. package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js +1 -1
  16. package/dist/cjs/components/data-source-panel/DataSourceInfoFooter.d.ts +19 -0
  17. package/dist/cjs/components/data-source-panel/DataSourceInfoFooter.js +1 -0
  18. package/dist/cjs/components/data-source-panel/DataSourcePanel.d.ts +23 -0
  19. package/dist/cjs/components/data-source-panel/DataSourcePanel.js +1 -0
  20. package/dist/cjs/components/data-source-panel/DataSourcePanel.style.d.ts +3 -0
  21. package/dist/cjs/components/data-source-panel/DataSourcePanel.style.js +123 -0
  22. package/dist/cjs/components/data-source-panel/index.d.ts +1 -0
  23. package/dist/cjs/components/data-source-panel/model.d.ts +135 -0
  24. package/dist/cjs/components/data-source-panel/model.js +1 -0
  25. package/dist/cjs/components/dropdown/ChipInput.d.ts +1 -1
  26. package/dist/cjs/components/dropdown/ChipInput.js +1 -1
  27. package/dist/cjs/components/dropdown/Dropdown.d.ts +1 -1
  28. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  29. package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts +0 -6
  30. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  31. package/dist/cjs/components/dropdown/type.d.ts +3 -0
  32. package/dist/cjs/components/input/Input.d.ts +1 -1
  33. package/dist/cjs/components/input/Input.js +1 -1
  34. package/dist/cjs/components/input/Input.styled.js +1 -1
  35. package/dist/cjs/components/modals/styledModal.d.ts +1 -0
  36. package/dist/cjs/components/modals/styledModal.js +1 -1
  37. package/dist/cjs/components/product-picker-v2/modal.d.ts +5 -1
  38. package/dist/cjs/components/product-picker-v2/modal.js +1 -1
  39. package/dist/cjs/components/product-picker-v2/utility.d.ts +13 -1
  40. package/dist/cjs/components/product-picker-v2/utility.js +1 -1
  41. package/dist/cjs/components/shimmer-image/ShimmerImage.d.ts +1 -2
  42. package/dist/cjs/components/shimmer-image/ShimmerImage.js +1 -1
  43. package/dist/cjs/components/states/StateComponent.d.ts +1 -2
  44. package/dist/cjs/components/states/StateComponent.js +1 -1
  45. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  46. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +0 -2
  47. package/dist/cjs/components/template-context-mapper/context/templateModalContext.js +1 -1
  48. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +5 -5
  49. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  50. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +2 -2
  51. package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +4 -4
  52. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +5 -5
  53. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  54. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +3 -3
  55. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  56. package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +0 -1
  57. package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.js +1 -1
  58. package/dist/cjs/components/template-context-mapper/utils/getPreviewDimension.js +1 -1
  59. package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
  60. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -2
  61. package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  62. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.d.ts +0 -3
  63. package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
  64. package/dist/cjs/components/template-preview/models/Channels.d.ts +1 -2
  65. package/dist/cjs/components/template-preview/models/Channels.js +1 -1
  66. package/dist/cjs/components/template-preview/models/EmailTemplate.d.ts +1 -2
  67. package/dist/cjs/components/template-preview/models/SmsTemplate.d.ts +1 -2
  68. package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts +1 -9
  69. package/dist/cjs/components/template-preview/models/WhatsappCarouselTemplate.d.ts +1 -28
  70. package/dist/cjs/components/template-preview/models/types.d.ts +1 -2
  71. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.d.ts +14 -0
  72. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js +1 -0
  73. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.d.ts +1 -0
  74. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.js +42 -0
  75. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.d.ts +16 -0
  76. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js +1 -0
  77. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts +1 -0
  78. package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.js +38 -0
  79. package/dist/cjs/components/zeroState/ZeroState.d.ts +2 -0
  80. package/dist/cjs/components/zeroState/ZeroState.js +3 -3
  81. package/dist/cjs/index.d.ts +3 -0
  82. package/dist/cjs/index.js +1 -1
  83. package/dist/esm/assets/icons/boxV2.svg.js +1 -0
  84. package/dist/esm/assets/icons/help.svg.js +1 -0
  85. package/dist/esm/assets/icons/openai.svg.js +1 -0
  86. package/dist/esm/assets/icons/redirect.svg.js +1 -0
  87. package/dist/esm/assets/icons/text_t9.svg.js +1 -0
  88. package/dist/esm/assets/icons/website.svg.js +1 -0
  89. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  90. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  91. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  92. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  93. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  94. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  95. package/dist/esm/components/carousel-preview/CarouselPreview.js +1 -1
  96. package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +1 -1
  97. package/dist/esm/components/carousel-preview/CustomCarouselArrows.js +1 -1
  98. package/dist/esm/components/data-source-panel/DataSourceInfoFooter.d.ts +19 -0
  99. package/dist/esm/components/data-source-panel/DataSourceInfoFooter.js +1 -0
  100. package/dist/esm/components/data-source-panel/DataSourcePanel.d.ts +23 -0
  101. package/dist/esm/components/data-source-panel/DataSourcePanel.js +1 -0
  102. package/dist/esm/components/data-source-panel/DataSourcePanel.style.d.ts +3 -0
  103. package/dist/esm/components/data-source-panel/DataSourcePanel.style.js +123 -0
  104. package/dist/esm/components/data-source-panel/index.d.ts +1 -0
  105. package/dist/esm/components/data-source-panel/model.d.ts +135 -0
  106. package/dist/esm/components/data-source-panel/model.js +1 -0
  107. package/dist/esm/components/dropdown/ChipInput.d.ts +1 -1
  108. package/dist/esm/components/dropdown/ChipInput.js +1 -1
  109. package/dist/esm/components/dropdown/Dropdown.d.ts +1 -1
  110. package/dist/esm/components/dropdown/Dropdown.js +1 -1
  111. package/dist/esm/components/dropdown/DropdownPopover/index.d.ts +0 -6
  112. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  113. package/dist/esm/components/dropdown/type.d.ts +3 -0
  114. package/dist/esm/components/input/Input.d.ts +1 -1
  115. package/dist/esm/components/input/Input.js +1 -1
  116. package/dist/esm/components/input/Input.styled.js +1 -1
  117. package/dist/esm/components/modals/styledModal.d.ts +1 -0
  118. package/dist/esm/components/modals/styledModal.js +1 -1
  119. package/dist/esm/components/product-picker-v2/modal.d.ts +5 -1
  120. package/dist/esm/components/product-picker-v2/modal.js +1 -1
  121. package/dist/esm/components/product-picker-v2/utility.d.ts +13 -1
  122. package/dist/esm/components/product-picker-v2/utility.js +1 -1
  123. package/dist/esm/components/shimmer-image/ShimmerImage.d.ts +1 -2
  124. package/dist/esm/components/shimmer-image/ShimmerImage.js +1 -1
  125. package/dist/esm/components/states/StateComponent.d.ts +1 -2
  126. package/dist/esm/components/states/StateComponent.js +1 -1
  127. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  128. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +0 -2
  129. package/dist/esm/components/template-context-mapper/context/templateModalContext.js +1 -1
  130. package/dist/esm/components/template-context-mapper/modalElements/Body.js +3 -3
  131. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  132. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +2 -2
  133. package/dist/esm/components/template-context-mapper/modalElements/Footer.js +4 -4
  134. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +5 -5
  135. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  136. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +5 -5
  137. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js +1 -1
  138. package/dist/esm/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts +0 -1
  139. package/dist/esm/components/template-context-mapper/utils/getDataFromTemplateComponent.js +1 -1
  140. package/dist/esm/components/template-context-mapper/utils/getPreviewDimension.js +1 -1
  141. package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
  142. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.d.ts +0 -2
  143. package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js +1 -1
  144. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts +0 -3
  145. package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js +1 -1
  146. package/dist/esm/components/template-preview/models/Channels.d.ts +1 -2
  147. package/dist/esm/components/template-preview/models/Channels.js +1 -1
  148. package/dist/esm/components/template-preview/models/EmailTemplate.d.ts +1 -2
  149. package/dist/esm/components/template-preview/models/SmsTemplate.d.ts +1 -2
  150. package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts +1 -9
  151. package/dist/esm/components/template-preview/models/WhatsappCarouselTemplate.d.ts +1 -28
  152. package/dist/esm/components/template-preview/models/types.d.ts +1 -2
  153. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.d.ts +14 -0
  154. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js +1 -0
  155. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.d.ts +1 -0
  156. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.js +42 -0
  157. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.d.ts +16 -0
  158. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js +1 -0
  159. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts +1 -0
  160. package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.js +38 -0
  161. package/dist/esm/components/zeroState/ZeroState.d.ts +2 -0
  162. package/dist/esm/components/zeroState/ZeroState.js +5 -5
  163. package/dist/esm/index.d.ts +3 -0
  164. package/dist/esm/index.js +1 -1
  165. package/package.json +1 -1
  166. package/dist/cjs/assets/icons/RCS_PDF.svg.js +0 -1
  167. package/dist/cjs/assets/icons/state_icon.svg.js +0 -1
  168. package/dist/cjs/components/template-preview/RCS/RCSButtons.d.ts +0 -9
  169. package/dist/cjs/components/template-preview/RCS/RCSButtons.js +0 -1
  170. package/dist/cjs/components/template-preview/RCS/RCSChatHeader.d.ts +0 -2
  171. package/dist/cjs/components/template-preview/RCS/RCSChatHeader.js +0 -1
  172. package/dist/cjs/components/template-preview/RCS/RCSChatPreview.d.ts +0 -2
  173. package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js +0 -1
  174. package/dist/cjs/components/template-preview/RCS/RCSMediaCard.d.ts +0 -14
  175. package/dist/cjs/components/template-preview/RCS/RCSMediaCard.js +0 -1
  176. package/dist/cjs/components/template-preview/RCS/RCSPreview.styled.d.ts +0 -33
  177. package/dist/cjs/components/template-preview/RCS/RCSPreview.styled.js +0 -128
  178. package/dist/cjs/components/template-preview/RCS/RCSTemplateLikePreview.d.ts +0 -3
  179. package/dist/cjs/components/template-preview/RCS/RCSTemplateLikePreview.js +0 -8
  180. package/dist/cjs/components/template-preview/helpers/templateMiscHelper.d.ts +0 -8
  181. package/dist/cjs/components/template-preview/helpers/templateMiscHelper.js +0 -1
  182. package/dist/cjs/components/template-preview/models/RCSTemplate.d.ts +0 -139
  183. package/dist/cjs/components/template-preview/models/RCSTemplate.js +0 -1
  184. package/dist/esm/assets/icons/RCS_PDF.svg.js +0 -1
  185. package/dist/esm/assets/icons/state_icon.svg.js +0 -1
  186. package/dist/esm/components/template-preview/RCS/RCSButtons.d.ts +0 -9
  187. package/dist/esm/components/template-preview/RCS/RCSButtons.js +0 -1
  188. package/dist/esm/components/template-preview/RCS/RCSChatHeader.d.ts +0 -2
  189. package/dist/esm/components/template-preview/RCS/RCSChatHeader.js +0 -1
  190. package/dist/esm/components/template-preview/RCS/RCSChatPreview.d.ts +0 -2
  191. package/dist/esm/components/template-preview/RCS/RCSChatPreview.js +0 -1
  192. package/dist/esm/components/template-preview/RCS/RCSMediaCard.d.ts +0 -14
  193. package/dist/esm/components/template-preview/RCS/RCSMediaCard.js +0 -1
  194. package/dist/esm/components/template-preview/RCS/RCSPreview.styled.d.ts +0 -33
  195. package/dist/esm/components/template-preview/RCS/RCSPreview.styled.js +0 -128
  196. package/dist/esm/components/template-preview/RCS/RCSTemplateLikePreview.d.ts +0 -3
  197. package/dist/esm/components/template-preview/RCS/RCSTemplateLikePreview.js +0 -8
  198. package/dist/esm/components/template-preview/helpers/templateMiscHelper.d.ts +0 -8
  199. package/dist/esm/components/template-preview/helpers/templateMiscHelper.js +0 -1
  200. package/dist/esm/components/template-preview/models/RCSTemplate.d.ts +0 -139
  201. package/dist/esm/components/template-preview/models/RCSTemplate.js +0 -1
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../template-context-mapper/context/templateModalContext.js"),s=require("../helpers/templateMiscHelper.js"),a=require("../helpers/VariableEditorHelper.js"),l=require("../models/TemplateMeta.js"),i=require("../WhatsApp/ChatBtn.js"),n=require("./RCSButtons.js"),d=require("./RCSMediaCard.js"),o=require("./RCSPreview.styled.js");const u=new a.VariableEditorHelper;exports.RCSChatPreview=a=>{const{bodyText:p,titleText:C,headerMediaType:h,headerText:m,headerAssetLink:x,headerAssetName:c,imagePreviewStyles:E,size:T,bodyVariableList:j,headerVariableList:g,buttons:S,carouselCardIndex:A,isWhatsappCarousel:v,isPreview:R,titleVariableList:H,templateConfiguration:M}=a,y=u.format(null==p?void 0:p.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),P=u.format(null==m?void 0:m.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),_=u.format(null==C?void 0:C.replace(/</g,"&lt;").replace(/>/g,"&gt;"),H),{selectedCarouselIndex:b,isProductCarouselType:N,errorIndexes:O,isCarouselHovered:w}=r.useTemplateModalContext(),D=t.useMemo((()=>s.isRichAndCarouselCards(null==M?void 0:M.templateType)),[null==M?void 0:M.templateType]),L=t.useMemo((()=>"HORIZONTAL"==(null==M?void 0:M.orientation)),[M]);return e.jsxs(o.RCSPreviewContainer,Object.assign({isCarouselCard:null!=A&&A>-1,showBorder:null!=A&&A===b||N&&null!=A&&A>-1&&null!=b&&b>-1,hasError:null==O?void 0:O.includes(null!=A?A:-2),isWhatsappCarousel:v,isPreview:R,showDashedBorder:N&&w&&(null!=b?b:-1)<0&&(null!=A?A:-1)>-1,needBorder:D,isHorizontalOrientation:L},{children:[!L&&e.jsx(e.Fragment,{children:h===l.HEADER_TYPES.TEXT?e.jsx(o.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:P}}):h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT?e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:c,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?E:{}}):null}),e.jsxs("div",Object.assign({style:{width:L?"50%":""}},{children:[e.jsxs("div",Object.assign({className:D?"":"text--template"},{children:[!!C&&e.jsx(e.Fragment,{children:e.jsx(o.TitleTextContainer,{dangerouslySetInnerHTML:{__html:_}})}),!!p&&e.jsx(e.Fragment,{children:e.jsx(o.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:y},style:{paddingTop:C?0:12}})}),h===l.HEADER_TYPES.DOCUMENT?e.jsx(d.PdfMediaCard,Object.assign({},{headerAssetLink:x,headerAssetName:c})):e.jsx(e.Fragment,{})]})),S&&S.length>0?s.isRichAndCarouselCards(null==M?void 0:M.templateType)?e.jsx(e.Fragment,{children:S.map(((t,r)=>e.jsx(i.ChatBtn,{text:t.text,size:T},r)))}):e.jsx(o.RCSChatBtnContainer,{children:S.map(((t,r)=>e.jsx(n.RCSButtons,{text:t.text,size:T},r)))}):null]})),L&&h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT&&e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:c,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?E:{},isHorizontal:L})]}))};
@@ -1,14 +0,0 @@
1
- import { HEADER_TYPES } from "../../../index";
2
- import React from 'react';
3
- import { CSSProperties } from 'styled-components';
4
- export declare const PdfMediaCard: React.FC<{
5
- headerAssetLink?: string;
6
- headerAssetName?: string;
7
- }>;
8
- export declare const RCSMediaCard: React.FC<{
9
- headerAssetLink: string;
10
- headerAssetName?: string;
11
- mediaType: HEADER_TYPES;
12
- imagePreviewStyles?: CSSProperties;
13
- isHorizontal?: boolean;
14
- }>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/RCS_PDF.svg.js"),r=require("../../../constants/Theme.js"),i=require("./RCSPreview.styled.js"),t=require("../models/TemplateMeta.js"),a=require("../../shimmer-image/ShimmerImage.js");exports.PdfMediaCard=t=>{let{headerAssetLink:a,headerAssetName:d}=t;var n;const o=s.default,l=d||(null===(n=null==a?void 0:a.split("/").pop())||void 0===n?void 0:n.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(i.RCSPdfContainer,{children:[e.jsx(o,{height:24,width:24,color:r.COLORS.icon.placeholder}),!!l&&e.jsxs(i.PdfComineText,{children:[e.jsx(i.PdfText,{children:l}),e.jsx(i.PdfText,{children:".pdf"})]})]})},exports.RCSMediaCard=s=>{let{headerAssetLink:r,headerAssetName:d,mediaType:n,imagePreviewStyles:o,isHorizontal:l}=s;const c={width:"100%",minHeight:l?"100%":"240px",height:l?"100%":"240px",objectFit:"cover",borderRadius:l?"8px":""};return e.jsx(i.RCSMediaContainer,Object.assign({isHorizontal:!!l},{children:n===t.HEADER_TYPES.IMAGE?e.jsx(a.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:l?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},o),{borderTopRightRadius:8,borderTopLeftRadius:8})}):n===t.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:r,style:c,controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e.jsx(e.Fragment,{})}))};
@@ -1,33 +0,0 @@
1
- import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
2
- export declare const RCSContainer: import("styled-components").StyledComponent<"div", any, {
3
- isCarousal?: boolean | undefined;
4
- templateType?: RCS_TEMPLATE_TYPE | undefined;
5
- }, never>;
6
- export declare const RcsHtmlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const HeaderTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const TitleTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const RCSPreviewContainer: import("styled-components").StyledComponent<"div", any, {
10
- isCarouselCard?: boolean | undefined;
11
- showBorder?: boolean | undefined;
12
- showDashedBorder?: boolean | undefined;
13
- isWhatsappCarousel?: boolean | undefined;
14
- hasError?: boolean | undefined;
15
- isPreview?: boolean | undefined;
16
- needBorder?: boolean | undefined;
17
- isHorizontalOrientation?: boolean | undefined;
18
- }, never>;
19
- export declare const RCSChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
20
- export declare const RCSMediaContainer: import("styled-components").StyledComponent<"div", any, {
21
- isHorizontal: boolean;
22
- }, never>;
23
- export declare const RCSPdfContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
24
- export declare const PdfComineText: import("styled-components").StyledComponent<"div", any, {}, never>;
25
- export declare const PdfText: import("styled-components").StyledComponent<"p", any, {}, never>;
26
- export declare const RCSCarousalContainer: import("styled-components").StyledComponent<"div", any, {
27
- borderRadius?: string | undefined;
28
- }, never>;
29
- export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
30
- export declare const LeftContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
31
- export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
32
- export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
33
- export declare const SubTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
@@ -1,128 +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);o.default.div`
2
- background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
3
- border-radius: 4px;
4
- position: relative;
5
- height: ${e=>e.isCarousal?"100%":"auto"};
6
- `;const i=o.default.div`
7
- font-family: 'Inter';
8
- font-style: normal;
9
- font-weight: 400;
10
- font-size: 14px;
11
- line-height: 20px;
12
- padding: 12px;
13
- color: ${t.COLORS.content.primary};
14
- word-wrap: break-word;
15
- `,n=o.default(i)`
16
- font-weight: 600;
17
- margin-bottom: 8px;
18
- `,a=o.default(i)`
19
- font-weight: 600;
20
- `,d=o.default.div`
21
- background: ${t.COLORS.surface.standard};
22
- border-radius: 12px;
23
- position: relative;
24
- height: 100%;
25
- display: flex;
26
- flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
27
-
28
- ${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${t.COLORS.content.brand};`:e.hasError?`border: 2px solid ${t.COLORS.content.negative};`:e.showBorder?`border: 2px solid ${t.COLORS.stroke.brand};`:`border: 2px solid ${t.COLORS.stroke.primary};`:"border: none;"}
29
-
30
- :hover {
31
- ${e=>{if(e.isPreview||!e.needBorder)return"";return`\n\t\t\t\tborder: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${t.COLORS.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`}}
32
- }
33
-
34
- .text--template {
35
- border: 2px solid ${t.COLORS.stroke.primary};
36
- border-radius: 12px;
37
- flex: 1;
38
- }
39
- `,s=o.default.div`
40
- padding: 12px 0px;
41
- display: flex;
42
- flex-direction: row;
43
- justify-content: flex-start;
44
- align-items: center;
45
- gap: 12px;
46
- flex-wrap: wrap;
47
- `,p=o.default.div`
48
- border-radius: 8px;
49
- display: flex;
50
- flex-direction: column;
51
- align-items: center;
52
- justify-content: center;
53
- min-height: 152px;
54
- margin-bottom: ${e=>e.isHorizontal?"":"4px"};
55
- width: ${e=>e.isHorizontal?"50%":"auto"};
56
- `,l=o.default.div`
57
- border-radius: 12px;
58
- display: flex;
59
- flex-direction: row;
60
- align-items: center;
61
- justify-content: flex-start;
62
- padding: 4px;
63
- background-color: #ede7e8;
64
- margin: 4px;
65
- max-width: 200px;
66
- `,x=o.default.div`
67
- display: flex;
68
- flex-direction: row;
69
- align-items: center;
70
- justify-content: flex-start;
71
- margin-left: 4px;
72
- max-width: 180px;
73
- `,f=o.default.p`
74
- white-space: nowrap;
75
- color: #4c5567;
76
- max-width: 100px;
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- padding: 0px;
80
- margin: 0px;
81
- font-size: 12px;
82
- font-weight: 500;
83
- line-width: 20px;
84
- `,u=o.default.div`
85
- border: 1px solid ${t.COLORS.stroke.primary};
86
- position: relative;
87
- height: 500px;
88
- overflow-y: auto;
89
- border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"8px"}};
90
- box-shadow: 0px 2px 8px 0px #0000001f;
91
- background-color: white;
92
- `,c=o.default.div`
93
- height: 50px;
94
- background-color: ${t.COLORS.background.inactive};
95
- position: sticky;
96
- top: 0px;
97
- z-index: 200;
98
- padding: 6px 4px;
99
- display: flex;
100
- align-items: center;
101
- justify-content: space-between;
102
- gap: 5px;
103
- `,h=o.default.div`
104
- display: flex;
105
- align-items: center;
106
- gap: 5px;
107
- `,g=o.default.div`
108
- height: 27px;
109
- width: 27px;
110
- border-radius: 15px;
111
- background-color: #d1d8db;
112
- display: flex;
113
- justify-content: center;
114
- align-items: center;
115
- gap: 6px;
116
- `,b=o.default.div`
117
- display: flex;
118
- flex-direction: column;
119
- justify-content: space-between;
120
- `,m=o.default.p`
121
- font-family: 'Inter';
122
- font-style: normal;
123
- font-weight: 400;
124
- font-size: 8px;
125
- line-height: 11px;
126
- color: ${t.COLORS.content.secondary};
127
- margin-bottom: 0px;
128
- `;exports.HeaderContainer=c,exports.HeaderTextContainer=n,exports.IconContainer=g,exports.LeftContainer=h,exports.PdfComineText=x,exports.PdfText=f,exports.RCSCarousalContainer=u,exports.RCSChatBtnContainer=s,exports.RCSMediaContainer=p,exports.RCSPdfContainer=l,exports.RCSPreviewContainer=d,exports.RcsHtmlContainer=i,exports.SubTitle=m,exports.TitleContainer=b,exports.TitleTextContainer=a;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { RCSPreviewPropsV2 } from '../models/RCSTemplate';
3
- export declare const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2>;
@@ -1,8 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../template-context-mapper/context/templateModalContext.js"),s=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),i=require("../utils/getPreviewPropLen.js"),o=require("./RCSChatHeader.js"),n=require("./RCSChatPreview.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=p(t);const d=l.default.div`
2
- background-color: white;
3
- border-radius: 4px;
4
- position: relative;
5
- height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
6
- `,u=l.default(s.TitleRegular)`
7
- color: ${a.COLORS.content.primary};
8
- `;exports.RCSTemplateLikePreview=t=>{const{hideDeviceContainerInPreview:s}=r.useTemplateModalContext();return 3===i.getPreviewPropLen(t)?e.jsx(e.Fragment,{children:t.zeroStateComponent}):s?e.jsx(n.RCSChatPreview,Object.assign({showHeader:t.showHeader},t)):e.jsx(e.Fragment,{children:e.jsxs(d,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsx(o.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===t.size?"10px 32px 10px 10px":`10px ${t.isWhatsappCarousel?"0px":"12px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`,height:t.isWhatsappCarousel?"100%":"auto"}},{children:[!t.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(u,{children:"Preview"})})),e.jsx(n.RCSChatPreview,Object.assign({showHeader:t.showHeader},t))]}))]}))})};
@@ -1,8 +0,0 @@
1
- import { CHANNEL_TYPE } from '../models/Channels';
2
- import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
3
- import { WhatsAppCarouselTemplate } from '../models/WhatsappCarouselTemplate';
4
- export declare const isItCarousal: (channel: CHANNEL_TYPE, selectedTemplate: WhatsAppCarouselTemplate) => boolean;
5
- export declare const determineCardIndex: (channel: CHANNEL_TYPE) => 0 | 1;
6
- export declare const isCarouselComponent: (componentType?: string) => boolean;
7
- export declare const isRCSChannel: (channel: CHANNEL_TYPE) => boolean;
8
- export declare const isRichAndCarouselCards: (templateType?: RCS_TEMPLATE_TYPE) => boolean;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../models/Channels.js"),o=require("../models/RCSTemplate.js");const s=o=>o===e.CHANNEL_TYPE.RCS?0:1,r=e=>"carousel"===(null==e?void 0:e.toLowerCase());exports.determineCardIndex=s,exports.isCarouselComponent=r,exports.isItCarousal=(e,o)=>{var t,C;const l=s(e);return r(null===(C=null===(t=null==o?void 0:o.components)||void 0===t?void 0:t[l])||void 0===C?void 0:C.type)},exports.isRCSChannel=o=>o==e.CHANNEL_TYPE.RCS,exports.isRichAndCarouselCards=e=>e===o.RCS_TEMPLATE_TYPE.RICH_CARD||e===o.RCS_TEMPLATE_TYPE.CAROUSEL;
@@ -1,139 +0,0 @@
1
- import { Timestamp } from 'firebase-admin/firestore';
2
- import { CHANNEL_TYPE } from './Channels';
3
- import { TEMPLATE_STATUS } from './TemplateMeta';
4
- import { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';
5
- export interface RCSPreviewProps extends WhatsappLikePreviewTypes {
6
- isCarousal?: boolean;
7
- }
8
- export interface RCSTemplateType extends WhatsAppTemplate {
9
- id: string;
10
- status: TEMPLATE_STATUS;
11
- name: string;
12
- content?: string;
13
- mapping: {
14
- [key: string]: string[] | object[];
15
- };
16
- mediaTemplateActionButtonTypes: {
17
- [key: string]: string[] | object[];
18
- };
19
- customParams?: Record<string, string>;
20
- destinationUrl?: Record<string, string>;
21
- createdAt: number;
22
- updatedAt: number;
23
- templateType?: RCS_TEMPLATE_TYPE;
24
- rcsBroadcastConfig?: {
25
- mapping: {
26
- [key: string]: string | object;
27
- };
28
- };
29
- htmlContentUrl?: string;
30
- templateId?: string;
31
- channel: CHANNEL_TYPE;
32
- headers?: string[];
33
- }
34
- export interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {
35
- templateConfiguration: RCSTemplateConfig;
36
- }
37
- export interface RcsTemplate {
38
- content?: string;
39
- components: string;
40
- mapping: {
41
- [key: string]: string | object;
42
- };
43
- mediaTemplateActionButtonTypes: {
44
- [key: string]: string | object;
45
- };
46
- customParams?: Record<string, string>;
47
- destinationUrl?: Record<string, string>;
48
- status: TEMPLATE_STATUS;
49
- externalStatus: RCS_TEMPLATE_STATUS;
50
- templateType: string;
51
- createdAt: Timestamp;
52
- updatedAt: Timestamp;
53
- }
54
- export interface CreateRcsTemplatePayload {
55
- name: string;
56
- label: string;
57
- storeId: string;
58
- category: string;
59
- channelTemplateId: string;
60
- channel: string;
61
- content: string;
62
- components: string;
63
- mapping: {
64
- [key: string]: string | object;
65
- };
66
- mediaTemplateActionButtonTypes: {
67
- [key: string]: string | object;
68
- };
69
- customParams?: Record<string, string>;
70
- destinationUrl?: Record<string, string>;
71
- botId: string;
72
- externalStatus: RCS_TEMPLATE_STATUS;
73
- templateType: string;
74
- status: TEMPLATE_STATUS;
75
- createdAt: Timestamp;
76
- createdBy: string;
77
- templateCategory?: string;
78
- updatedAt: Timestamp;
79
- templateId?: string;
80
- }
81
- export declare enum RCS_TEMPLATE_STATUS {
82
- ACTIVE = "active",
83
- APPROVED = "approved",
84
- PENDING = "pending",
85
- REJECTED = "rejected",
86
- FAILED = "Failed"
87
- }
88
- export declare enum RCS_TEMPLATE_TYPE {
89
- TEXT_MESSAGE = "text_message",
90
- TEXT_MESSAGE_WITH_PDF = "text_message_with_pdf",
91
- CAROUSEL = "carousel",
92
- RICH_CARD = "rich_card",
93
- UNKNOWN = "unknown"
94
- }
95
- export declare enum RCS_BUTTON_TYPE {
96
- REPLY = "reply",
97
- URL_ACTION = "url_action",
98
- DIALER_ACTION = "dialer_action",
99
- VIEW_LOCATION_LATLONG = "view_location_latlong",
100
- VIEW_LOCATION_QUERY = "view_location_query",
101
- SHARE_LOCATION = "share_location",
102
- CALENDAR_EVENT = "calendar_event"
103
- }
104
- export declare enum MEDIA_FORMAT {
105
- IMAGE = "image",
106
- VIDEO = "video",
107
- DOCUMENT = "document",
108
- OTHER = "other"
109
- }
110
- export declare enum IMAGE_EXTENSIONS {
111
- JPG = "jpg",
112
- JPEG = "jpeg",
113
- PNG = "png",
114
- GIF = "gif",
115
- BMP = "bmp",
116
- WEBP = "webp"
117
- }
118
- export declare enum VIDEO_EXTENSIONS {
119
- MP4 = "mp4",
120
- MOV = "mov",
121
- AVI = "avi",
122
- MKV = "mkv",
123
- WEBM = "webm"
124
- }
125
- export declare enum DOCUMENT_EXTENSIONS {
126
- PDF = "pdf",
127
- DOC = "doc",
128
- DOCX = "docx",
129
- XLS = "xls",
130
- XLSX = "xlsx",
131
- PPT = "ppt",
132
- PPTX = "pptx",
133
- TXT = "txt"
134
- }
135
- export interface RCSTemplateConfig {
136
- templateType: RCS_TEMPLATE_TYPE | string;
137
- height: string;
138
- orientation: string;
139
- }
@@ -1 +0,0 @@
1
- "use strict";var E,T,e,_,o,t,S;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RCS_TEMPLATE_STATUS=void 0,(E=exports.RCS_TEMPLATE_STATUS||(exports.RCS_TEMPLATE_STATUS={})).ACTIVE="active",E.APPROVED="approved",E.PENDING="pending",E.REJECTED="rejected",E.FAILED="Failed",exports.RCS_TEMPLATE_TYPE=void 0,(T=exports.RCS_TEMPLATE_TYPE||(exports.RCS_TEMPLATE_TYPE={})).TEXT_MESSAGE="text_message",T.TEXT_MESSAGE_WITH_PDF="text_message_with_pdf",T.CAROUSEL="carousel",T.RICH_CARD="rich_card",T.UNKNOWN="unknown",exports.RCS_BUTTON_TYPE=void 0,(e=exports.RCS_BUTTON_TYPE||(exports.RCS_BUTTON_TYPE={})).REPLY="reply",e.URL_ACTION="url_action",e.DIALER_ACTION="dialer_action",e.VIEW_LOCATION_LATLONG="view_location_latlong",e.VIEW_LOCATION_QUERY="view_location_query",e.SHARE_LOCATION="share_location",e.CALENDAR_EVENT="calendar_event",exports.MEDIA_FORMAT=void 0,(_=exports.MEDIA_FORMAT||(exports.MEDIA_FORMAT={})).IMAGE="image",_.VIDEO="video",_.DOCUMENT="document",_.OTHER="other",exports.IMAGE_EXTENSIONS=void 0,(o=exports.IMAGE_EXTENSIONS||(exports.IMAGE_EXTENSIONS={})).JPG="jpg",o.JPEG="jpeg",o.PNG="png",o.GIF="gif",o.BMP="bmp",o.WEBP="webp",exports.VIDEO_EXTENSIONS=void 0,(t=exports.VIDEO_EXTENSIONS||(exports.VIDEO_EXTENSIONS={})).MP4="mp4",t.MOV="mov",t.AVI="avi",t.MKV="mkv",t.WEBM="webm",exports.DOCUMENT_EXTENSIONS=void 0,(S=exports.DOCUMENT_EXTENSIONS||(exports.DOCUMENT_EXTENSIONS={})).PDF="pdf",S.DOC="doc",S.DOCX="docx",S.XLS="xls",S.XLSX="xlsx",S.PPT="ppt",S.PPTX="pptx",S.TXT="txt";
@@ -1 +0,0 @@
1
- import*as e from"react";var t,r,h;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var h in r)Object.prototype.hasOwnProperty.call(r,h)&&(e[h]=r[h])}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 24 24"},l),t||(t=e.createElement("rect",{width:24,height:24,fill:"#017AFF",rx:12})),r||(r=e.createElement("rect",{width:10,height:10,x:7,y:7,fill:"#fff",rx:2})),h||(h=e.createElement("path",{fill:"#017AFF",d:"M9.303 10.841c.405 0 .72.084.942.252.225.167.338.419.338.754 0 .35-.113.614-.338.79-.226.174-.526.261-.901.261h-.37V14H8.37v-3.159h.933Zm-.005 1.605c.217 0 .38-.044.49-.133.11-.091.164-.247.164-.466 0-.375-.218-.562-.654-.562h-.324v1.16h.324Zm2.55-1.605c.491 0 .883.111 1.175.334.296.222.444.632.444 1.23 0 .585-.145.998-.435 1.238-.29.238-.656.357-1.101.357h-.86v-3.159h.777Zm-.173.453v2.253h.297c.268 0 .478-.082.63-.246.153-.168.23-.467.23-.896 0-.3-.04-.53-.12-.69a.638.638 0 0 0-.306-.334 1.07 1.07 0 0 0-.453-.087h-.278ZM14.035 14v-3.159h1.788l-.064.448h-1.12v.946h.974v.448h-.974V14h-.603Z"})));export{l as default};
@@ -1 +0,0 @@
1
- import*as e from"react";var t,r,l;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var n=n=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 56 56"},n),t||(t=e.createElement("rect",{width:56,height:56,fill:"#F0F0F0",rx:28})),r||(r=e.createElement("path",{fill:"#9E9E9E",d:"M28 21.333c.736 0 1.333.597 1.333 1.334V28a1.333 1.333 0 0 1-2.666 0v-5.333c0-.737.596-1.334 1.333-1.334ZM28 33.333a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666Z"})),l||(l=e.createElement("path",{fill:"#9E9E9E",fillRule:"evenodd",d:"M13.333 28c0-8.1 6.567-14.667 14.667-14.667S42.667 19.9 42.667 28 36.1 42.667 28 42.667 13.333 36.1 13.333 28ZM28 16c-6.628 0-12 5.373-12 12s5.372 12 12 12c6.627 0 12-5.373 12-12s-5.373-12-12-12Z",clipRule:"evenodd"})));export{n as default};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- export declare const RCSButtons: 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,Fragment as t,jsxs as r}from"react/jsx-runtime";import{Caption as i,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const l=l=>{let{Icon:c,text:s,extraContent:a,placeholder:p,textTypography:d,size:h}=l;const g=d||n;return e(t,{children:r("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[r("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[c&&e(c,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e("div",Object.assign({style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"}},{children:e(g,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===h?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))}))]})),!!a&&e(i,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{l as RCSButtons};
@@ -1,2 +0,0 @@
1
- declare const RCSChatHeader: () => import("react/jsx-runtime").JSX.Element;
2
- export default RCSChatHeader;
@@ -1 +0,0 @@
1
- import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/arrow_left.svg.js";import e from"../../../assets/icons/user_icon.svg.js";import s from"../../../assets/icons/vertical_dots.svg.js";import{BodyTiny as n}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{HeaderContainer as c,LeftContainer as a,IconContainer as h,TitleContainer as m,SubTitle as d}from"./RCSPreview.styled.js";const l=()=>o(c,{children:[o(a,{children:[t(r,{height:16,width:16,color:i.content.secondary}),t(h,{children:t(e,{height:14,width:14,color:i.content.primaryInverse})}),o(m,{children:[t(n,Object.assign({color:i.content.secondary,style:{fontWeight:600}},{children:"Brand name"})),t(d,{children:"Business account"})]})]}),t(s,{height:16,width:16,color:i.content.secondary})]});export{l as default};
@@ -1,2 +0,0 @@
1
- import { RCSPreviewPropsV2 } from '../models/RCSTemplate';
2
- export declare const RCSChatPreview: (props: RCSPreviewPropsV2) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as l}from"react";import{useTemplateModalContext as a}from"../../template-context-mapper/context/templateModalContext.js";import{isRichAndCarouselCards as i}from"../helpers/templateMiscHelper.js";import{VariableEditorHelper as s}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as o}from"../models/TemplateMeta.js";import{ChatBtn as n}from"../WhatsApp/ChatBtn.js";import{RCSButtons as d}from"./RCSButtons.js";import{RCSMediaCard as m,PdfMediaCard as p}from"./RCSMediaCard.js";import{RCSPreviewContainer as h,HeaderTextContainer as u,TitleTextContainer as c,RcsHtmlContainer as g,RCSChatBtnContainer as T}from"./RCSPreview.styled.js";const y=new s,C=s=>{const{bodyText:C,titleText:v,headerMediaType:x,headerText:f,headerAssetLink:j,headerAssetName:M,imagePreviewStyles:N,size:A,bodyVariableList:O,headerVariableList:b,buttons:L,carouselCardIndex:w,isWhatsappCarousel:E,isPreview:H,titleVariableList:I,templateConfiguration:S}=s,P=y.format(null==C?void 0:C.replace(/</g,"&lt;").replace(/>/g,"&gt;"),O),_=y.format(null==f?void 0:f.replace(/</g,"&lt;").replace(/>/g,"&gt;"),b),z=y.format(null==v?void 0:v.replace(/</g,"&lt;").replace(/>/g,"&gt;"),I),{selectedCarouselIndex:B,isProductCarouselType:k,errorIndexes:D,isCarouselHovered:R}=a(),V=l((()=>i(null==S?void 0:S.templateType)),[null==S?void 0:S.templateType]),U=l((()=>"HORIZONTAL"==(null==S?void 0:S.orientation)),[S]);return e(h,Object.assign({isCarouselCard:null!=w&&w>-1,showBorder:null!=w&&w===B||k&&null!=w&&w>-1&&null!=B&&B>-1,hasError:null==D?void 0:D.includes(null!=w?w:-2),isWhatsappCarousel:E,isPreview:H,showDashedBorder:k&&R&&(null!=B?B:-1)<0&&(null!=w?w:-1)>-1,needBorder:V,isHorizontalOrientation:U},{children:[!U&&t(r,{children:x===o.TEXT?t(u,{dangerouslySetInnerHTML:{__html:_}}):x!==o.NONE&&j&&x!==o.DOCUMENT?t(m,{headerAssetLink:j,headerAssetName:M,mediaType:x,imagePreviewStyles:x===o.IMAGE?N:{}}):null}),e("div",Object.assign({style:{width:U?"50%":""}},{children:[e("div",Object.assign({className:V?"":"text--template"},{children:[!!v&&t(r,{children:t(c,{dangerouslySetInnerHTML:{__html:z}})}),!!C&&t(r,{children:t(g,{dangerouslySetInnerHTML:{__html:P},style:{paddingTop:v?0:12}})}),x===o.DOCUMENT?t(p,Object.assign({},{headerAssetLink:j,headerAssetName:M})):t(r,{})]})),L&&L.length>0?i(null==S?void 0:S.templateType)?t(r,{children:L.map(((e,r)=>t(n,{text:e.text,size:A},r)))}):t(T,{children:L.map(((e,r)=>t(d,{text:e.text,size:A},r)))}):null]})),U&&x!==o.NONE&&j&&x!==o.DOCUMENT&&t(m,{headerAssetLink:j,headerAssetName:M,mediaType:x,imagePreviewStyles:x===o.IMAGE?N:{},isHorizontal:U})]}))};export{C as RCSChatPreview};
@@ -1,14 +0,0 @@
1
- import { HEADER_TYPES } from "../../../index";
2
- import React from 'react';
3
- import { CSSProperties } from 'styled-components';
4
- export declare const PdfMediaCard: React.FC<{
5
- headerAssetLink?: string;
6
- headerAssetName?: string;
7
- }>;
8
- export declare const RCSMediaCard: React.FC<{
9
- headerAssetLink: string;
10
- headerAssetName?: string;
11
- mediaType: HEADER_TYPES;
12
- imagePreviewStyles?: CSSProperties;
13
- isHorizontal?: boolean;
14
- }>;
@@ -1 +0,0 @@
1
- import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import t from"../../../assets/icons/RCS_PDF.svg.js";import{COLORS as s}from"../../../constants/Theme.js";import{RCSPdfContainer as o,PdfComineText as a,PdfText as d,RCSMediaContainer as n}from"./RCSPreview.styled.js";import{HEADER_TYPES as m}from"../models/TemplateMeta.js";import{ShimmerImage as l}from"../../shimmer-image/ShimmerImage.js";const c=r=>{let{headerAssetLink:n,headerAssetName:m}=r;var l;const c=t,h=m||(null===(l=null==n?void 0:n.split("/").pop())||void 0===l?void 0:l.replace(".pdf",""))||"xxxxxxxx";return e(o,{children:[i(c,{height:24,width:24,color:s.icon.placeholder}),!!h&&e(a,{children:[i(d,{children:h}),i(d,{children:".pdf"})]})]})},h=e=>{let{headerAssetLink:t,headerAssetName:s,mediaType:o,imagePreviewStyles:a,isHorizontal:d}=e;const c={width:"100%",minHeight:d?"100%":"240px",height:d?"100%":"240px",objectFit:"cover",borderRadius:d?"8px":""};return i(n,Object.assign({isHorizontal:!!d},{children:o===m.IMAGE?i(l,{imageUrl:t,alt:t,width:"100%",height:d?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},a),{borderTopRightRadius:8,borderTopLeftRadius:8})}):o===m.VIDEO?i("video",Object.assign({src:t,style:c,controls:!0,muted:!0},{children:i("track",{default:!0,kind:"captions",srcLang:"en",src:t})})):i(r,{})}))};export{c as PdfMediaCard,h as RCSMediaCard};
@@ -1,33 +0,0 @@
1
- import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
2
- export declare const RCSContainer: import("styled-components").StyledComponent<"div", any, {
3
- isCarousal?: boolean | undefined;
4
- templateType?: RCS_TEMPLATE_TYPE | undefined;
5
- }, never>;
6
- export declare const RcsHtmlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const HeaderTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const TitleTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const RCSPreviewContainer: import("styled-components").StyledComponent<"div", any, {
10
- isCarouselCard?: boolean | undefined;
11
- showBorder?: boolean | undefined;
12
- showDashedBorder?: boolean | undefined;
13
- isWhatsappCarousel?: boolean | undefined;
14
- hasError?: boolean | undefined;
15
- isPreview?: boolean | undefined;
16
- needBorder?: boolean | undefined;
17
- isHorizontalOrientation?: boolean | undefined;
18
- }, never>;
19
- export declare const RCSChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
20
- export declare const RCSMediaContainer: import("styled-components").StyledComponent<"div", any, {
21
- isHorizontal: boolean;
22
- }, never>;
23
- export declare const RCSPdfContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
24
- export declare const PdfComineText: import("styled-components").StyledComponent<"div", any, {}, never>;
25
- export declare const PdfText: import("styled-components").StyledComponent<"p", any, {}, never>;
26
- export declare const RCSCarousalContainer: import("styled-components").StyledComponent<"div", any, {
27
- borderRadius?: string | undefined;
28
- }, never>;
29
- export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
30
- export declare const LeftContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
31
- export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
32
- export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
33
- export declare const SubTitle: import("styled-components").StyledComponent<"p", any, {}, never>;
@@ -1,128 +0,0 @@
1
- import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";e.div`
2
- background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
3
- border-radius: 4px;
4
- position: relative;
5
- height: ${e=>e.isCarousal?"100%":"auto"};
6
- `;const r=e.div`
7
- font-family: 'Inter';
8
- font-style: normal;
9
- font-weight: 400;
10
- font-size: 14px;
11
- line-height: 20px;
12
- padding: 12px;
13
- color: ${t.content.primary};
14
- word-wrap: break-word;
15
- `,o=e(r)`
16
- font-weight: 600;
17
- margin-bottom: 8px;
18
- `,i=e(r)`
19
- font-weight: 600;
20
- `,n=e.div`
21
- background: ${t.surface.standard};
22
- border-radius: 12px;
23
- position: relative;
24
- height: 100%;
25
- display: flex;
26
- flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
27
-
28
- ${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${t.content.brand};`:e.hasError?`border: 2px solid ${t.content.negative};`:e.showBorder?`border: 2px solid ${t.stroke.brand};`:`border: 2px solid ${t.stroke.primary};`:"border: none;"}
29
-
30
- :hover {
31
- ${e=>{if(e.isPreview||!e.needBorder)return"";return`\n\t\t\t\tborder: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${t.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`}}
32
- }
33
-
34
- .text--template {
35
- border: 2px solid ${t.stroke.primary};
36
- border-radius: 12px;
37
- flex: 1;
38
- }
39
- `,d=e.div`
40
- padding: 12px 0px;
41
- display: flex;
42
- flex-direction: row;
43
- justify-content: flex-start;
44
- align-items: center;
45
- gap: 12px;
46
- flex-wrap: wrap;
47
- `,a=e.div`
48
- border-radius: 8px;
49
- display: flex;
50
- flex-direction: column;
51
- align-items: center;
52
- justify-content: center;
53
- min-height: 152px;
54
- margin-bottom: ${e=>e.isHorizontal?"":"4px"};
55
- width: ${e=>e.isHorizontal?"50%":"auto"};
56
- `,p=e.div`
57
- border-radius: 12px;
58
- display: flex;
59
- flex-direction: row;
60
- align-items: center;
61
- justify-content: flex-start;
62
- padding: 4px;
63
- background-color: #ede7e8;
64
- margin: 4px;
65
- max-width: 200px;
66
- `,s=e.div`
67
- display: flex;
68
- flex-direction: row;
69
- align-items: center;
70
- justify-content: flex-start;
71
- margin-left: 4px;
72
- max-width: 180px;
73
- `,l=e.p`
74
- white-space: nowrap;
75
- color: #4c5567;
76
- max-width: 100px;
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- padding: 0px;
80
- margin: 0px;
81
- font-size: 12px;
82
- font-weight: 500;
83
- line-width: 20px;
84
- `,x=e.div`
85
- border: 1px solid ${t.stroke.primary};
86
- position: relative;
87
- height: 500px;
88
- overflow-y: auto;
89
- border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"8px"}};
90
- box-shadow: 0px 2px 8px 0px #0000001f;
91
- background-color: white;
92
- `,c=e.div`
93
- height: 50px;
94
- background-color: ${t.background.inactive};
95
- position: sticky;
96
- top: 0px;
97
- z-index: 200;
98
- padding: 6px 4px;
99
- display: flex;
100
- align-items: center;
101
- justify-content: space-between;
102
- gap: 5px;
103
- `,f=e.div`
104
- display: flex;
105
- align-items: center;
106
- gap: 5px;
107
- `,h=e.div`
108
- height: 27px;
109
- width: 27px;
110
- border-radius: 15px;
111
- background-color: #d1d8db;
112
- display: flex;
113
- justify-content: center;
114
- align-items: center;
115
- gap: 6px;
116
- `,g=e.div`
117
- display: flex;
118
- flex-direction: column;
119
- justify-content: space-between;
120
- `,m=e.p`
121
- font-family: 'Inter';
122
- font-style: normal;
123
- font-weight: 400;
124
- font-size: 8px;
125
- line-height: 11px;
126
- color: ${t.content.secondary};
127
- margin-bottom: 0px;
128
- `;export{c as HeaderContainer,o as HeaderTextContainer,h as IconContainer,f as LeftContainer,s as PdfComineText,l as PdfText,x as RCSCarousalContainer,d as RCSChatBtnContainer,a as RCSMediaContainer,p as RCSPdfContainer,n as RCSPreviewContainer,r as RcsHtmlContainer,m as SubTitle,g as TitleContainer,i as TitleTextContainer};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { RCSPreviewPropsV2 } from '../models/RCSTemplate';
3
- export declare const RCSTemplateLikePreview: React.FC<RCSPreviewPropsV2>;
@@ -1,8 +0,0 @@
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{TitleRegular as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{getPreviewPropLen as p}from"../utils/getPreviewPropLen.js";import n from"./RCSChatHeader.js";import{RCSChatPreview as h}from"./RCSChatPreview.js";const l=o.div`
2
- background-color: white;
3
- border-radius: 4px;
4
- position: relative;
5
- height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
6
- `,m=o(a)`
7
- color: ${i.content.primary};
8
- `,d=o=>{const{hideDeviceContainerInPreview:a}=s();return 3===p(o)?e(t,{children:o.zeroStateComponent}):a?e(h,Object.assign({showHeader:o.showHeader},o)):e(t,{children:r(l,Object.assign({style:o.containerStyle,showHeader:o.showHeader,isWhatsappCarousel:o.isWhatsappCarousel},{children:[o.showHeader&&e(n,{}),r("div",Object.assign({style:{padding:"small"===o.size?"10px 32px 10px 10px":`10px ${o.isWhatsappCarousel?"0px":"12px"} ${o.isWhatsappCarousel?"2px":"16px"} 16px`,height:o.isWhatsappCarousel?"100%":"auto"}},{children:[!o.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(m,{children:"Preview"})})),e(h,Object.assign({showHeader:o.showHeader},o))]}))]}))})};export{d as RCSTemplateLikePreview};
@@ -1,8 +0,0 @@
1
- import { CHANNEL_TYPE } from '../models/Channels';
2
- import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
3
- import { WhatsAppCarouselTemplate } from '../models/WhatsappCarouselTemplate';
4
- export declare const isItCarousal: (channel: CHANNEL_TYPE, selectedTemplate: WhatsAppCarouselTemplate) => boolean;
5
- export declare const determineCardIndex: (channel: CHANNEL_TYPE) => 0 | 1;
6
- export declare const isCarouselComponent: (componentType?: string) => boolean;
7
- export declare const isRCSChannel: (channel: CHANNEL_TYPE) => boolean;
8
- export declare const isRichAndCarouselCards: (templateType?: RCS_TEMPLATE_TYPE) => boolean;
@@ -1 +0,0 @@
1
- import{CHANNEL_TYPE as o}from"../models/Channels.js";import{RCS_TEMPLATE_TYPE as l}from"../models/RCSTemplate.js";const e=(o,l)=>{var e,s;const t=n(o);return r(null===(s=null===(e=null==l?void 0:l.components)||void 0===e?void 0:e[t])||void 0===s?void 0:s.type)},n=l=>l===o.RCS?0:1,r=o=>"carousel"===(null==o?void 0:o.toLowerCase()),s=l=>l==o.RCS,t=o=>o===l.RICH_CARD||o===l.CAROUSEL;export{n as determineCardIndex,r as isCarouselComponent,e as isItCarousal,s as isRCSChannel,t as isRichAndCarouselCards};