@capillarytech/creatives-library 7.12.51 → 7.12.53

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 (38) hide show
  1. package/package.json +1 -1
  2. package/services/api.js +15 -2
  3. package/v2Components/CapImageUpload/index.js +33 -17
  4. package/v2Components/CapImageUpload/messages.js +11 -3
  5. package/v2Components/CapWhatsappCTA/constants.js +12 -1
  6. package/v2Components/CapWhatsappCTA/index.js +88 -29
  7. package/v2Components/CapWhatsappCTA/index.scss +4 -6
  8. package/v2Components/CapWhatsappCTA/messages.js +24 -0
  9. package/v2Components/TemplatePreview/_templatePreview.scss +9 -8
  10. package/v2Components/TemplatePreview/index.js +8 -6
  11. package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap +3 -19
  12. package/v2Components/TemplatePreview/tests/index.test.js +0 -2
  13. package/v2Components/WhatsappStatusContainer/index.js +42 -52
  14. package/v2Containers/CreativesContainer/SlideBoxContent.js +0 -1
  15. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +5 -7
  16. package/v2Containers/Line/Container/ImageCarousel/index.js +6 -7
  17. package/v2Containers/Line/Container/index.js +3 -1
  18. package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap +4660 -652
  19. package/v2Containers/Templates/_templates.scss +5 -0
  20. package/v2Containers/Templates/actions.js +7 -0
  21. package/v2Containers/Templates/constants.js +9 -1
  22. package/v2Containers/Templates/index.js +45 -30
  23. package/v2Containers/Templates/messages.js +1 -1
  24. package/v2Containers/Templates/reducer.js +15 -0
  25. package/v2Containers/Templates/sagas.js +32 -0
  26. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +1774 -1881
  27. package/v2Containers/Templates/tests/index.test.js +14 -3
  28. package/v2Containers/Whatsapp/actions.js +22 -0
  29. package/v2Containers/Whatsapp/constants.js +56 -23
  30. package/v2Containers/Whatsapp/index.js +204 -66
  31. package/v2Containers/Whatsapp/index.scss +18 -2
  32. package/v2Containers/Whatsapp/messages.js +35 -7
  33. package/v2Containers/Whatsapp/reducer.js +35 -1
  34. package/v2Containers/Whatsapp/sagas.js +30 -1
  35. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +44349 -32926
  36. package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap +15 -21
  37. package/v2Containers/Whatsapp/utils.js +16 -9
  38. package/v2Containers/mockdata.js +150 -399
package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap CHANGED
@@ -17,14 +17,12 @@ Object {
17
17
  "url": "https://fast.com/",
18
18
  },
19
19
  ],
20
- "templateMsg": <React.Fragment>
21
- <CapLabel
22
- type="label9"
23
- >
24
- 1234567890
20
+ "templateMsg": <CapLabel
21
+ type="label9"
22
+ >
23
+ 1234567890
25
24
  Click {{unsubscribe}} to unsubscribe
26
- </CapLabel>
27
- </React.Fragment>,
25
+ </CapLabel>,
28
26
  }
29
27
  `;
30
28
 
@@ -39,13 +37,11 @@ Object {
39
37
  "type": "PHONE_NUMBER",
40
38
  },
41
39
  ],
42
- "templateMsg": <React.Fragment>
43
- <CapLabel
44
- type="label9"
45
- >
46
- test
47
- </CapLabel>
48
- </React.Fragment>,
40
+ "templateMsg": <CapLabel
41
+ type="label9"
42
+ >
43
+ test
44
+ </CapLabel>,
49
45
  }
50
46
  `;
51
47
 
@@ -66,14 +62,12 @@ Object {
66
62
  "url": "https://fast.com/",
67
63
  },
68
64
  ],
69
- "templateMsg": <React.Fragment>
70
- <CapLabel
71
- type="label5"
72
- >
73
- 1234567890
65
+ "templateMsg": <CapLabel
66
+ type="label5"
67
+ >
68
+ 1234567890
74
69
  Click {{unsubscribe}} to unsubscribe
75
- </CapLabel>
76
- </React.Fragment>,
70
+ </CapLabel>,
77
71
  }
78
72
  `;
79
73
 
package/v2Containers/Whatsapp/utils.js CHANGED
@@ -5,11 +5,14 @@ import { get } from 'lodash';
5
5
  import { WHATSAPP } from '../CreativesContainer/constants';
6
6
  import {
7
7
  STATUS_OPTIONS,
8
- CATEGORY_OPTIONS,
8
+ TWILIO_CATEGORY_OPTIONS,
9
+ KARIX_CATEGORY_OPTIONS,
9
10
  WHATSAPP_STATUSES,
10
11
  PHONE_NUMBER,
11
12
  NONE,
12
13
  CTA,
14
+ WHATSAPP_MEDIA_TYPES,
15
+ HOST_KARIX,
13
16
  } from '../Whatsapp/constants';
14
17
 
15
18
  export const getWhatsappContent = (template, isPreview) => {
@@ -21,6 +24,8 @@ export const getWhatsappContent = (template, isPreview) => {
21
24
  languages = [{}],
22
25
  buttonType = NONE,
23
26
  buttons: ctaData = [],
27
+ mediaType = WHATSAPP_MEDIA_TYPES.TEXT,
28
+ imageUrl = '',
24
29
  } = {},
25
30
  } = {},
26
31
  } = {},
@@ -40,15 +45,14 @@ export const getWhatsappContent = (template, isPreview) => {
40
45
  );
41
46
  }
42
47
  return {
43
- templateMsg: (
44
- <>
45
- <CapLabel type={isPreview ? 'label5' : 'label9'}>{text}</CapLabel>
46
- </>
47
- ),
48
+ templateMsg: <CapLabel type={isPreview ? 'label5' : 'label9'}>{text}</CapLabel>,
48
49
  charCount: text?.length - 1,
49
50
  ...(buttonType === CTA && {
50
51
  ctaData,
51
52
  }),
53
+ ...(mediaType === WHATSAPP_MEDIA_TYPES.IMAGE && {
54
+ whatsappImageSrc: imageUrl,
55
+ }),
52
56
  };
53
57
  };
54
58
 
@@ -82,9 +86,12 @@ export const getWhatsappCta = (template) => {
82
86
  return renderArray;
83
87
  };
84
88
 
85
- export const getWhatsappCategory = (category) => {
86
- return CATEGORY_OPTIONS.find((obj) => obj.value === category);
87
- }
89
+ export const getWhatsappCategory = (category, hostName) => {
90
+ if (hostName === HOST_KARIX) {
91
+ return KARIX_CATEGORY_OPTIONS.find((obj) => obj.value === category);
92
+ }
93
+ return TWILIO_CATEGORY_OPTIONS.find((obj) => obj.value === category);
94
+ };
88
95
 
89
96
  export const getWhatsappStatus = (status) => {
90
97
  if ([WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)) {