@capillarytech/creatives-library 7.17.81 → 7.17.82-alpha.0
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.
- package/package.json +2 -1
- package/v2Components/CapWhatsappQuickReply/index.js +230 -0
- package/v2Components/CapWhatsappQuickReply/index.scss +40 -0
- package/v2Components/CapWhatsappQuickReply/messages.js +20 -0
- package/v2Components/TemplatePreview/index.js +30 -0
- package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +4 -2
- package/v2Containers/Templates/index.js +5 -2
- package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +6 -0
- package/v2Containers/Whatsapp/constants.js +15 -0
- package/v2Containers/Whatsapp/index.js +545 -127
- package/v2Containers/Whatsapp/index.scss +44 -1
- package/v2Containers/Whatsapp/messages.js +28 -0
- package/v2Containers/Whatsapp/styles.scss +26 -0
- package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +73374 -17531
- package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap +20 -8
- package/v2Containers/Whatsapp/tests/utils.test.js +11 -0
- package/v2Containers/Whatsapp/utils.js +44 -2
- package/v2Containers/mockdata.js +115 -4
- package/v2Containers/InApp/constants.js +0 -0
- package/v2Containers/InApp/index.js +0 -499
- package/v2Containers/InApp/index.scss +0 -0
- package/v2Containers/InApp/messages.js +0 -0
|
@@ -72,6 +72,24 @@
|
|
|
72
72
|
color: $FONT_COLOR_04;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
+
.whatsapp-footer-edit-container {
|
|
76
|
+
background-color: #fafbfc;
|
|
77
|
+
margin: $CAP_SPACE_08 0;
|
|
78
|
+
padding: $CAP_SPACE_12;
|
|
79
|
+
.whatsapp-footer-edit-text {
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
text-overflow: ellipsis;
|
|
82
|
+
color: $FONT_COLOR_04;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.whatsapp-create-mode-heading {
|
|
87
|
+
margin-top: $CAP_SPACE_16;
|
|
88
|
+
margin-bottom: $CAP_SPACE_06;
|
|
89
|
+
display: flex;
|
|
90
|
+
text-align: center;
|
|
91
|
+
}
|
|
92
|
+
|
|
75
93
|
.whatsapp-edit-disabled {
|
|
76
94
|
cursor: not-allowed;
|
|
77
95
|
opacity: 0.5;
|
|
@@ -148,5 +166,30 @@
|
|
|
148
166
|
left: 525px;
|
|
149
167
|
color: $FONT_COLOR_05;
|
|
150
168
|
}
|
|
151
|
-
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.whatsapp-optional-label1 {
|
|
172
|
+
margin-left: $CAP_SPACE_04;
|
|
173
|
+
color: $FONT_COLOR_03;
|
|
174
|
+
font-weight: normal;
|
|
175
|
+
font-size: $CAP_SPACE_12;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.whatsapp-create-template-header-input {
|
|
179
|
+
margin-bottom: $CAP_SPACE_20;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.whatsapp-template-header-preview {
|
|
183
|
+
color: $CAP_G01;
|
|
184
|
+
font-weight: $FONT_WEIGHT_MEDIUM;
|
|
185
|
+
font-size: $FONT_SIZE_VS;
|
|
186
|
+
margin-bottom: $CAP_SPACE_08;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.whatsapp-template-footer-preview {
|
|
190
|
+
color: $CAP_G04;
|
|
191
|
+
font-weight: $FONT_WEIGHT_REGULAR;
|
|
192
|
+
font-size: 0.571rem;
|
|
193
|
+
margin-top: $CAP_SPACE_08;
|
|
194
|
+
}
|
|
152
195
|
}
|
|
@@ -627,4 +627,32 @@ export default defineMessages({
|
|
|
627
627
|
id: `${prefix}.zulu`,
|
|
628
628
|
defaultMessage: 'Zulu',
|
|
629
629
|
},
|
|
630
|
+
templateHeaderLabel: {
|
|
631
|
+
id: `${prefix}.templateHeaderLabel`,
|
|
632
|
+
defaultMessage: 'Header',
|
|
633
|
+
},
|
|
634
|
+
templateFooterLabel: {
|
|
635
|
+
id: `${prefix}.templateFooterLabel`,
|
|
636
|
+
defaultMessage: 'Footer',
|
|
637
|
+
},
|
|
638
|
+
templateHeaderTooltip: {
|
|
639
|
+
id: `${prefix}.templateHeaderTooltip`,
|
|
640
|
+
defaultMessage: 'Header can usually include information such as the business name or a brief identifier to let the recipient know the source of the message',
|
|
641
|
+
},
|
|
642
|
+
templateFooterTooltip: {
|
|
643
|
+
id: `${prefix}.templateFooterTooltip`,
|
|
644
|
+
defaultMessage: 'Footer is optional text-only component that appears immediately after the body component',
|
|
645
|
+
},
|
|
646
|
+
templateHeaderLengthError: {
|
|
647
|
+
id: `${prefix}.templateHeaderLengthError`,
|
|
648
|
+
defaultMessage: 'Template header length cannot exceed 60',
|
|
649
|
+
},
|
|
650
|
+
templateFooterLengthError: {
|
|
651
|
+
id: `${prefix}.templateHeaderLengthError`,
|
|
652
|
+
defaultMessage: 'Template footer length cannot exceed 60',
|
|
653
|
+
},
|
|
654
|
+
quickReplyButtons: {
|
|
655
|
+
id: `${prefix}.quickReplyButtons`,
|
|
656
|
+
defaultMessage: 'Quick reply buttons',
|
|
657
|
+
}
|
|
630
658
|
});
|
|
@@ -39,4 +39,30 @@
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.whatsapp-template-header-preview {
|
|
45
|
+
color: $CAP_G01;
|
|
46
|
+
font-weight: $FONT_WEIGHT_MEDIUM;
|
|
47
|
+
font-size: $FONT_SIZE_M;
|
|
48
|
+
margin-bottom: $CAP_SPACE_08;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.whatsapp-template-footer-preview {
|
|
52
|
+
color: $CAP_G04;
|
|
53
|
+
font-weight: $FONT_WEIGHT_REGULAR;
|
|
54
|
+
font-size: $FONT_SIZE_VS;
|
|
55
|
+
margin-top: $CAP_SPACE_08;
|
|
56
|
+
margin-bottom: $CAP_SPACE_08;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.whatsapp-list-cta-preview {
|
|
60
|
+
margin: $CAP_SPACE_12 0;
|
|
61
|
+
display: flex;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
font-size: $FONT_SIZE_M;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.whatsapp-list-view-divider {
|
|
67
|
+
margin: 0;
|
|
42
68
|
}
|