@capillarytech/creatives-library 7.12.57 → 7.12.59
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 +1 -1
- package/v2Components/TemplatePreview/_templatePreview.scss +2 -1
- package/v2Components/TemplatePreview/index.js +3 -3
- package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap +43 -46
- package/v2Containers/CreativesContainer/index.js +1 -3
- package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +1049 -1211
package/package.json
CHANGED
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
margin: 8px 0;
|
|
260
260
|
}
|
|
261
261
|
.whatsapp-cta-preview{
|
|
262
|
-
font-family:
|
|
262
|
+
font-family: Roboto, 'Open Sans', sans-serif;
|
|
263
263
|
font-size: 10px;
|
|
264
264
|
display: flex;
|
|
265
265
|
align-content: center;
|
|
@@ -271,6 +271,7 @@
|
|
|
271
271
|
margin-left: 28px;
|
|
272
272
|
}
|
|
273
273
|
.whatsapp-content{
|
|
274
|
+
font-family: Roboto, 'Open Sans', sans-serif;
|
|
274
275
|
margin: 2px 6px 1px 7px;
|
|
275
276
|
}
|
|
276
277
|
.whatsapp-image{
|
|
@@ -725,7 +725,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
|
|
|
725
725
|
/>
|
|
726
726
|
<div className="msg-container whatsapp-message-container">
|
|
727
727
|
<div className="message-pop align-left" style={whatsappSectionStyle}>
|
|
728
|
-
<
|
|
728
|
+
<div className="whatsapp-content">
|
|
729
729
|
{content?.whatsappImageSrc && (
|
|
730
730
|
<CapImage
|
|
731
731
|
src={content.whatsappImageSrc}
|
|
@@ -734,8 +734,8 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
|
|
|
734
734
|
/>
|
|
735
735
|
)}
|
|
736
736
|
{content?.templateMsg || ''}
|
|
737
|
-
|
|
738
|
-
|
|
737
|
+
{renderWhatsappCtaPreview()}
|
|
738
|
+
</div>
|
|
739
739
|
</div>
|
|
740
740
|
</div>
|
|
741
741
|
</div>
|
|
@@ -74,49 +74,48 @@ exports[`Test Templates container Should render correct preview component for wh
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
>
|
|
77
|
-
<
|
|
77
|
+
<div
|
|
78
78
|
className="whatsapp-content"
|
|
79
|
-
type="label1"
|
|
80
79
|
>
|
|
81
80
|
You have received {{1}} points
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
className="whatsapp-divider"
|
|
85
|
-
/>
|
|
86
|
-
<CapLabel
|
|
87
|
-
className="whatsapp-cta-preview"
|
|
88
|
-
type="label21"
|
|
89
|
-
>
|
|
90
|
-
<CapIcon
|
|
91
|
-
size="xs"
|
|
92
|
-
svgProps={
|
|
93
|
-
Object {
|
|
94
|
-
"style": Object {
|
|
95
|
-
"marginRight": "4px",
|
|
96
|
-
},
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
type="call"
|
|
81
|
+
<CapDivider
|
|
82
|
+
className="whatsapp-divider"
|
|
100
83
|
/>
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
},
|
|
84
|
+
<CapLabel
|
|
85
|
+
className="whatsapp-cta-preview"
|
|
86
|
+
type="label21"
|
|
87
|
+
>
|
|
88
|
+
<CapIcon
|
|
89
|
+
size="xs"
|
|
90
|
+
svgProps={
|
|
91
|
+
Object {
|
|
92
|
+
"style": Object {
|
|
93
|
+
"marginRight": "4px",
|
|
94
|
+
},
|
|
95
|
+
}
|
|
114
96
|
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
97
|
+
type="call"
|
|
98
|
+
/>
|
|
99
|
+
Call
|
|
100
|
+
</CapLabel>
|
|
101
|
+
<CapLabel
|
|
102
|
+
className="whatsapp-cta-preview"
|
|
103
|
+
type="label21"
|
|
104
|
+
>
|
|
105
|
+
<CapIcon
|
|
106
|
+
size="xs"
|
|
107
|
+
svgProps={
|
|
108
|
+
Object {
|
|
109
|
+
"style": Object {
|
|
110
|
+
"marginRight": "4px",
|
|
111
|
+
},
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
type="launch"
|
|
115
|
+
/>
|
|
116
|
+
Visit
|
|
117
|
+
</CapLabel>
|
|
118
|
+
</div>
|
|
120
119
|
</div>
|
|
121
120
|
</div>
|
|
122
121
|
</div>
|
|
@@ -175,15 +174,14 @@ exports[`Test Templates container Should render correct preview component for wh
|
|
|
175
174
|
}
|
|
176
175
|
}
|
|
177
176
|
>
|
|
178
|
-
<
|
|
177
|
+
<div
|
|
179
178
|
className="whatsapp-content"
|
|
180
|
-
type="label1"
|
|
181
179
|
>
|
|
182
180
|
You have received {{1}} points
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
181
|
+
<CapDivider
|
|
182
|
+
className="whatsapp-divider"
|
|
183
|
+
/>
|
|
184
|
+
</div>
|
|
187
185
|
</div>
|
|
188
186
|
</div>
|
|
189
187
|
</div>
|
|
@@ -242,9 +240,8 @@ exports[`Test Templates container Should render correct preview component for wh
|
|
|
242
240
|
}
|
|
243
241
|
}
|
|
244
242
|
>
|
|
245
|
-
<
|
|
243
|
+
<div
|
|
246
244
|
className="whatsapp-content"
|
|
247
|
-
type="label1"
|
|
248
245
|
/>
|
|
249
246
|
</div>
|
|
250
247
|
</div>
|
|
@@ -369,7 +369,6 @@ export class Creatives extends React.Component {
|
|
|
369
369
|
const {
|
|
370
370
|
messageBody = '',
|
|
371
371
|
templateConfigs: {
|
|
372
|
-
id,
|
|
373
372
|
name,
|
|
374
373
|
template,
|
|
375
374
|
varMapped,
|
|
@@ -391,7 +390,6 @@ export class Creatives extends React.Component {
|
|
|
391
390
|
});
|
|
392
391
|
const unsubscribeRegex = /Click {{unsubscribe}} to unsubscribe/g;
|
|
393
392
|
creativesTemplateData = {
|
|
394
|
-
_id: id,
|
|
395
393
|
type: constants.WHATSAPP,
|
|
396
394
|
edit: true,
|
|
397
395
|
name,
|
|
@@ -609,7 +607,7 @@ export class Creatives extends React.Component {
|
|
|
609
607
|
accountName: '',
|
|
610
608
|
messageBody: languages[0].content,
|
|
611
609
|
templateConfigs: {
|
|
612
|
-
id: template
|
|
610
|
+
id: template?.value?.name,
|
|
613
611
|
name: template?.value?.name,
|
|
614
612
|
template: templateEditor,
|
|
615
613
|
varMapped,
|