@capillarytech/creatives-library 7.10.50 → 7.10.52

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 (28) hide show
  1. package/containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap +2 -0
  2. package/containers/Email/index.js +3 -2
  3. package/package.json +1 -1
  4. package/utils/v2common.js +0 -13
  5. package/v2Components/TemplatePreview/_templatePreview.scss +17 -9
  6. package/v2Components/TemplatePreview/assets/images/whatsapp_mobile_android.svg +1 -2041
  7. package/v2Components/TemplatePreview/index.js +66 -41
  8. package/v2Components/TemplatePreview/messages.js +4 -0
  9. package/v2Components/WhatsappStatusContainer/_whatsappStatusContainer.scss +13 -0
  10. package/v2Components/WhatsappStatusContainer/index.js +58 -0
  11. package/v2Containers/Assets/Gallery/tests/__snapshots__/reducer.test.js.snap +2 -0
  12. package/v2Containers/Cap/messages.js +8 -0
  13. package/v2Containers/CreativesContainer/SlideBoxContent.js +9 -9
  14. package/v2Containers/CreativesContainer/SlideBoxHeader.js +2 -1
  15. package/v2Containers/CreativesContainer/index.js +24 -46
  16. package/v2Containers/Email/index.js +3 -1
  17. package/v2Containers/Templates/_templates.scss +19 -45
  18. package/v2Containers/Templates/actions.js +10 -16
  19. package/v2Containers/Templates/index.js +79 -89
  20. package/v2Containers/Templates/messages.js +8 -4
  21. package/v2Containers/TemplatesV2/index.js +4 -11
  22. package/v2Containers/Whatsapp/index.js +20 -87
  23. package/v2Containers/Whatsapp/index.scss +53 -54
  24. package/v2Containers/Whatsapp/messages.js +0 -17
  25. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +34190 -6356
  26. package/v2Containers/Whatsapp/tests/index.test.js +51 -13
  27. package/v2Containers/Whatsapp/tests/mockData.js +120 -1
  28. package/v2Containers/Whatsapp/utils.js +0 -47
package/v2Containers/Whatsapp/index.scss CHANGED
@@ -1,56 +1,55 @@
1
- @import '~@capillarytech/cap-ui-library/styles/_variables';
1
+ @import "~@capillarytech/cap-ui-library/styles/_variables";
2
2
 
3
- .whatsapp-render-heading {
4
- margin-top: $CAP_SPACE_16;
5
- margin-bottom: 6px;
6
- }
7
- .whatsapp-template-name-desc {
8
- margin-bottom: 6px;
9
- }
10
- .whatsapp-create-render-unsubscribe-text {
11
- color: $FONT_COLOR_02;
12
- margin: $CAP_SPACE_08 0px $CAP_SPACE_08 16px;
13
- }
14
- .whatsapp-edit-render-unsubscribe-text {
15
- color: $FONT_COLOR_02;
16
- }
17
- .whatsapp-render-message-length {
18
- text-align: right;
19
- }
20
- .whatsapp-create-template-message-input {
21
- background-color: $CAP_G10;
22
- padding-top: $CAP_SPACE_16;
23
- }
24
- .whatsapp-template-message-error {
25
- margin-left: $CAP_SPACE_16;
26
- margin-right: $CAP_SPACE_16;
27
- }
28
- .whatsapp-scroll-div {
29
- margin-bottom: 250px;
30
- }
31
- .whatsapp-category-tag {
32
- margin-left: 8px;
33
- }
34
- .whatsapp-edit-alert-margin {
35
- margin-top: 46px;
36
- }
37
- .whatsapp-edit-template-message-input {
38
- background-color: $CAP_G10;
39
- padding: 0 $CAP_SPACE_16;
40
- }
41
- .whatsapp-edit-template-message-heading {
42
- margin-top: $CAP_SPACE_16;
43
- margin-bottom: $CAP_SPACE_08;
44
- }
45
- .whatsapp-edit-disabled {
46
- cursor: not-allowed;
47
- opacity: 0.4;
48
- }
49
- #whatsapp-create-template-message-input {
50
- margin-left: $CAP_SPACE_16;
51
- margin-right: $CAP_SPACE_16;
52
- width: 95%;
53
- }
54
- #select-whatsapp-category {
55
- width: 100%;
3
+ .cap-whatsapp-creatives {
4
+ .whatsapp-render-heading {
5
+ margin-top: $CAP_SPACE_16;
6
+ margin-bottom: 6px;
7
+ }
8
+ .whatsapp-template-name-desc {
9
+ margin-bottom: 6px;
10
+ }
11
+ .whatsapp-create-render-unsubscribe-text {
12
+ color: $FONT_COLOR_02;
13
+ margin: $CAP_SPACE_08 0px $CAP_SPACE_08 16px;
14
+ }
15
+ .whatsapp-edit-render-unsubscribe-text {
16
+ color: $FONT_COLOR_02;
17
+ }
18
+ .whatsapp-render-message-length {
19
+ text-align: right;
20
+ }
21
+ .whatsapp-create-template-message-input {
22
+ background-color: $CAP_G10;
23
+ padding-top: $CAP_SPACE_16;
24
+ }
25
+ .whatsapp-template-message-error {
26
+ margin-left: $CAP_SPACE_16;
27
+ margin-right: $CAP_SPACE_16;
28
+ }
29
+ .whatsapp-scroll-div {
30
+ margin-bottom: 250px;
31
+ }
32
+ .whatsapp-edit-alert-margin {
33
+ margin-top: 46px;
34
+ }
35
+ .whatsapp-edit-template-message-input {
36
+ background-color: $CAP_G10;
37
+ padding: 0 $CAP_SPACE_16;
38
+ }
39
+ .whatsapp-edit-template-message-heading {
40
+ margin-top: $CAP_SPACE_16;
41
+ margin-bottom: $CAP_SPACE_08;
42
+ }
43
+ .whatsapp-edit-disabled {
44
+ cursor: not-allowed;
45
+ opacity: 0.4;
46
+ }
47
+ #whatsapp-create-template-message-input {
48
+ margin-left: $CAP_SPACE_16;
49
+ margin-right: $CAP_SPACE_16;
50
+ width: 95%;
51
+ }
52
+ #select-whatsapp-category {
53
+ width: 100%;
54
+ }
56
55
  }
package/v2Containers/Whatsapp/messages.js CHANGED
@@ -1,19 +1,11 @@
1
1
  import { defineMessages } from 'react-intl';
2
2
  const prefix = `creatives.containersV2.Whatsapp`;
3
3
  export default defineMessages({
4
- templateNameLabel: {
5
- id: `${prefix}.templateNameLabel`,
6
- defaultMessage: 'Template name',
7
- },
8
4
  templateNameDesc: {
9
5
  id: `${prefix}.templateNameDesc`,
10
6
  defaultMessage:
11
7
  'Must be a unique name and can only contain lowercase alphanumeric characters and underscores.',
12
8
  },
13
- templateNamePlaceholder: {
14
- id: `${prefix}.templateNamePlaceholder`,
15
- defaultMessage: 'Enter template name',
16
- },
17
9
  templateNameTooltip: {
18
10
  id: `${prefix}.templateNameTooltip`,
19
11
  defaultMessage: `Tip : Use a name that helps WhatsApp's reviewer understand the purpose of your message, for example "order_delivery" rather than "template_1"`,
@@ -232,13 +224,4 @@ export default defineMessages({
232
224
  id: `${prefix}.disabledEditTooltipStatus`,
233
225
  defaultMessage: 'awaiting for approval',
234
226
  },
235
- done: {
236
- id: `${prefix}.done`,
237
- defaultMessage: 'Done',
238
- },
239
- unsupportedTagsValidationError: {
240
- id: `${prefix}.unsupportedTagsValidationError`,
241
- defaultMessage:
242
- 'Unsupported tags: {unsupportedTags}. Please remove them from this message.',
243
- },
244
227
  });