@capillarytech/creatives-library 7.17.180 → 7.17.182
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/config/app.js +1 -1
- package/package.json +1 -1
- package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js +3 -0
- package/v2Containers/Assets/Gallery/index.js +3 -4
- package/v2Containers/Templates/index.js +7 -8
- package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +601 -154
- package/assets/loading_image.avif +0 -0
- package/v2Components/CapCustomSkeleton/index.js +0 -58
- package/v2Components/CapCustomSkeleton/tests/__snapshots__/index.test.js.snap +0 -264
- package/v2Components/CapCustomSkeleton/tests/index.test.js +0 -12
- package/v2Containers/Cap/Loadable.js +0 -25
- package/v2Containers/Templates/Loadable.js +0 -25
- package/v2Containers/TemplatesV2/Loadable.js +0 -25
|
@@ -1,32 +1,20 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`Test Templates container Should render correct component for whatsapp channel 1`] = `
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
loading={false}
|
|
7
|
-
paragraph={
|
|
8
|
-
Object {
|
|
9
|
-
"rows": 10,
|
|
10
|
-
}
|
|
11
|
-
}
|
|
4
|
+
<CapSpin
|
|
5
|
+
spinning={false}
|
|
12
6
|
>
|
|
13
7
|
<FormattedMessage
|
|
14
8
|
defaultMessage="Whatsapp accounts are not setup for your brand"
|
|
15
9
|
id="creatives.containersV2.Templates.noAccountsPresentWhatsapp"
|
|
16
10
|
values={Object {}}
|
|
17
11
|
/>
|
|
18
|
-
</
|
|
12
|
+
</CapSpin>
|
|
19
13
|
`;
|
|
20
14
|
|
|
21
15
|
exports[`Test Templates container Should render correct component for zalo channel 1`] = `
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
loading={false}
|
|
25
|
-
paragraph={
|
|
26
|
-
Object {
|
|
27
|
-
"rows": 10,
|
|
28
|
-
}
|
|
29
|
-
}
|
|
16
|
+
<CapSpin
|
|
17
|
+
spinning={false}
|
|
30
18
|
>
|
|
31
19
|
<div
|
|
32
20
|
style={
|
|
@@ -71,99 +59,408 @@ exports[`Test Templates container Should render correct component for zalo chann
|
|
|
71
59
|
size="small"
|
|
72
60
|
/>
|
|
73
61
|
</div>
|
|
74
|
-
</
|
|
62
|
+
</CapSpin>
|
|
75
63
|
`;
|
|
76
64
|
|
|
77
65
|
exports[`Test Templates container Should render illustration when no templates are passed 1`] = `
|
|
78
|
-
<
|
|
79
|
-
|
|
80
|
-
loading={false}
|
|
81
|
-
paragraph={
|
|
82
|
-
Object {
|
|
83
|
-
"rows": 10,
|
|
84
|
-
}
|
|
85
|
-
}
|
|
66
|
+
<CapSpin
|
|
67
|
+
spinning={false}
|
|
86
68
|
>
|
|
87
69
|
<FormattedMessage
|
|
88
70
|
defaultMessage="Whatsapp accounts are not setup for your brand"
|
|
89
71
|
id="creatives.containersV2.Templates.noAccountsPresentWhatsapp"
|
|
90
72
|
values={Object {}}
|
|
91
73
|
/>
|
|
92
|
-
</
|
|
74
|
+
</CapSpin>
|
|
93
75
|
`;
|
|
94
76
|
|
|
95
77
|
exports[`Test Templates container Should render illustration when no templates are passed 2`] = `
|
|
96
|
-
<
|
|
97
|
-
|
|
98
|
-
loading={false}
|
|
99
|
-
paragraph={
|
|
100
|
-
Object {
|
|
101
|
-
"rows": 10,
|
|
102
|
-
}
|
|
103
|
-
}
|
|
78
|
+
<CapSpin
|
|
79
|
+
spinning={false}
|
|
104
80
|
>
|
|
105
81
|
<FormattedMessage
|
|
106
82
|
defaultMessage="Zalo accounts are not setup for your brand"
|
|
107
83
|
id="creatives.containersV2.Templates.noAccountsPresentZalo"
|
|
108
84
|
values={Object {}}
|
|
109
85
|
/>
|
|
110
|
-
</
|
|
86
|
+
</CapSpin>
|
|
111
87
|
`;
|
|
112
88
|
|
|
113
89
|
exports[`Test Templates container Should render temlates when Zalo templates are passed in full mode 1`] = `
|
|
114
|
-
<
|
|
115
|
-
active={true}
|
|
116
|
-
loading={false}
|
|
117
|
-
paragraph={
|
|
118
|
-
Object {
|
|
119
|
-
"rows": 10,
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
>
|
|
90
|
+
<Fragment>
|
|
123
91
|
<div
|
|
124
|
-
|
|
125
|
-
Object {
|
|
126
|
-
"overflowX": "auto",
|
|
127
|
-
"paddingBottom": "1.142rem",
|
|
128
|
-
}
|
|
129
|
-
}
|
|
92
|
+
className="creatives-templates-list full-mode"
|
|
130
93
|
>
|
|
131
|
-
<
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
descriptionClass=""
|
|
135
|
-
inline={false}
|
|
136
|
-
size="regular"
|
|
137
|
-
title="Zalo account"
|
|
138
|
-
titleClass=""
|
|
139
|
-
/>
|
|
140
|
-
<CapRadioCard
|
|
141
|
-
cardHeight="48px"
|
|
142
|
-
cardWidth="276px"
|
|
143
|
-
className="select-account"
|
|
144
|
-
defaultValue=""
|
|
94
|
+
<input
|
|
95
|
+
accept=".zip, .html, .htm"
|
|
96
|
+
id="filename"
|
|
145
97
|
onChange={[Function]}
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
backgroundProps={Object {}}
|
|
151
|
-
height="2rem"
|
|
152
|
-
labelProps={Object {}}
|
|
153
|
-
text="c"
|
|
154
|
-
width="auto"
|
|
155
|
-
/>,
|
|
156
|
-
"key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
|
|
157
|
-
"title": "capillary_zns",
|
|
158
|
-
"value": "capillary_zns",
|
|
159
|
-
},
|
|
160
|
-
]
|
|
98
|
+
style={
|
|
99
|
+
Object {
|
|
100
|
+
"display": "none",
|
|
101
|
+
}
|
|
161
102
|
}
|
|
162
|
-
|
|
163
|
-
size="small"
|
|
103
|
+
type="file"
|
|
164
104
|
/>
|
|
105
|
+
<CapRow>
|
|
106
|
+
<Pagination
|
|
107
|
+
onPageChange={[Function]}
|
|
108
|
+
paginationContainer="pagination-container"
|
|
109
|
+
paginationSelector="pagination-container"
|
|
110
|
+
templateInProgress={false}
|
|
111
|
+
>
|
|
112
|
+
<div>
|
|
113
|
+
<div
|
|
114
|
+
className="action-container"
|
|
115
|
+
>
|
|
116
|
+
<_class
|
|
117
|
+
className="search-text"
|
|
118
|
+
disabled={false}
|
|
119
|
+
labelPosition="top"
|
|
120
|
+
onChange={[Function]}
|
|
121
|
+
onClear={[Function]}
|
|
122
|
+
onScroll={[Function]}
|
|
123
|
+
placeholder="Search"
|
|
124
|
+
style={
|
|
125
|
+
Object {
|
|
126
|
+
"width": "210px",
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
value=""
|
|
130
|
+
/>
|
|
131
|
+
<div
|
|
132
|
+
className="zalo-filters"
|
|
133
|
+
>
|
|
134
|
+
<CapSelectFilter
|
|
135
|
+
data={
|
|
136
|
+
Array [
|
|
137
|
+
Object {
|
|
138
|
+
"key": "enable",
|
|
139
|
+
"label": <FormattedMessage
|
|
140
|
+
defaultMessage="Enable"
|
|
141
|
+
id="creatives.containersV2.zalo.ENABLE_STATUS"
|
|
142
|
+
values={Object {}}
|
|
143
|
+
/>,
|
|
144
|
+
"value": "ENABLE",
|
|
145
|
+
},
|
|
146
|
+
Object {
|
|
147
|
+
"key": "reject",
|
|
148
|
+
"label": <FormattedMessage
|
|
149
|
+
defaultMessage="Reject"
|
|
150
|
+
id="creatives.containersV2.zalo.REJECT_STATUS"
|
|
151
|
+
values={Object {}}
|
|
152
|
+
/>,
|
|
153
|
+
"value": "REJECT",
|
|
154
|
+
},
|
|
155
|
+
Object {
|
|
156
|
+
"key": "disable",
|
|
157
|
+
"label": <FormattedMessage
|
|
158
|
+
defaultMessage="Disable"
|
|
159
|
+
id="creatives.containersV2.zalo.DISABLE_STATUS"
|
|
160
|
+
values={Object {}}
|
|
161
|
+
/>,
|
|
162
|
+
"value": "DISABLE",
|
|
163
|
+
},
|
|
164
|
+
Object {
|
|
165
|
+
"key": "reviewPending",
|
|
166
|
+
"label": <FormattedMessage
|
|
167
|
+
defaultMessage="Review Pending"
|
|
168
|
+
id="creatives.containersV2.zalo.PENDING_REVIEW_STATUS"
|
|
169
|
+
values={Object {}}
|
|
170
|
+
/>,
|
|
171
|
+
"value": "PENDING_REVIEW",
|
|
172
|
+
},
|
|
173
|
+
]
|
|
174
|
+
}
|
|
175
|
+
dropdownMaxHeight="320px"
|
|
176
|
+
dropdownWidth="228px"
|
|
177
|
+
onSelect={[Function]}
|
|
178
|
+
placeholder="Status"
|
|
179
|
+
placement="bottomLeft"
|
|
180
|
+
selectedValue=""
|
|
181
|
+
width="90px"
|
|
182
|
+
/>
|
|
183
|
+
</div>
|
|
184
|
+
<Component />
|
|
185
|
+
<Component />
|
|
186
|
+
<div
|
|
187
|
+
style={
|
|
188
|
+
Object {
|
|
189
|
+
"alignItems": "center",
|
|
190
|
+
"display": "flex",
|
|
191
|
+
"justifyContent": "space-between",
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
/>
|
|
195
|
+
</div>
|
|
196
|
+
<CapRow
|
|
197
|
+
align="middle"
|
|
198
|
+
className="selected-whatsapp-filters"
|
|
199
|
+
type="flex"
|
|
200
|
+
/>
|
|
201
|
+
<CapSpin
|
|
202
|
+
spinning={false}
|
|
203
|
+
style={
|
|
204
|
+
Object {
|
|
205
|
+
"width": "100%",
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
tip="Getting all templates..."
|
|
209
|
+
>
|
|
210
|
+
<div>
|
|
211
|
+
<div
|
|
212
|
+
className="pagination-container"
|
|
213
|
+
>
|
|
214
|
+
<CapCustomCardList
|
|
215
|
+
cardList={
|
|
216
|
+
Array [
|
|
217
|
+
Object {
|
|
218
|
+
"content": <CapLabel
|
|
219
|
+
className="zalo-listing-content desc"
|
|
220
|
+
type="label19"
|
|
221
|
+
>
|
|
222
|
+
Test1
|
|
223
|
+
</CapLabel>,
|
|
224
|
+
"extra": Array [
|
|
225
|
+
<CapTooltip
|
|
226
|
+
title={
|
|
227
|
+
<div
|
|
228
|
+
className="zalo-view-tooltip"
|
|
229
|
+
>
|
|
230
|
+
Open preview in new tab
|
|
231
|
+
</div>
|
|
232
|
+
}
|
|
233
|
+
>
|
|
234
|
+
<CapIcon
|
|
235
|
+
className="view-zalo"
|
|
236
|
+
onClick={[Function]}
|
|
237
|
+
style={
|
|
238
|
+
Object {
|
|
239
|
+
"marginRight": "16px",
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
type="eye"
|
|
243
|
+
/>
|
|
244
|
+
</CapTooltip>,
|
|
245
|
+
<CapDropdown
|
|
246
|
+
overlay={
|
|
247
|
+
<CapMenu>
|
|
248
|
+
<withItemHOC
|
|
249
|
+
className="duplicate-zalo"
|
|
250
|
+
onClick={[Function]}
|
|
251
|
+
>
|
|
252
|
+
<FormattedMessage
|
|
253
|
+
defaultMessage="Duplicate"
|
|
254
|
+
id="creatives.containersV2.Templates.duplicateButton"
|
|
255
|
+
values={Object {}}
|
|
256
|
+
/>
|
|
257
|
+
</withItemHOC>
|
|
258
|
+
<withItemHOC
|
|
259
|
+
className="delete-zalo"
|
|
260
|
+
onClick={[Function]}
|
|
261
|
+
>
|
|
262
|
+
<FormattedMessage
|
|
263
|
+
defaultMessage="Delete"
|
|
264
|
+
id="creatives.containersV2.Templates.deleteButton"
|
|
265
|
+
values={Object {}}
|
|
266
|
+
/>
|
|
267
|
+
</withItemHOC>
|
|
268
|
+
</CapMenu>
|
|
269
|
+
}
|
|
270
|
+
>
|
|
271
|
+
<React.Fragment />
|
|
272
|
+
</CapDropdown>,
|
|
273
|
+
],
|
|
274
|
+
"hoverOption": <CapButton
|
|
275
|
+
className="edit-zalo"
|
|
276
|
+
isAddBtn={false}
|
|
277
|
+
onClick={[Function]}
|
|
278
|
+
type="primary"
|
|
279
|
+
>
|
|
280
|
+
Overview
|
|
281
|
+
</CapButton>,
|
|
282
|
+
"key": "ZALO-card-Test1",
|
|
283
|
+
"title": <CapRow>
|
|
284
|
+
<CapLabel
|
|
285
|
+
className="zalo-template-name"
|
|
286
|
+
type="label1"
|
|
287
|
+
>
|
|
288
|
+
|
|
289
|
+
</CapLabel>
|
|
290
|
+
<CapRow
|
|
291
|
+
align="middle"
|
|
292
|
+
className="zalo-status-container zalo-status-color"
|
|
293
|
+
type="flex"
|
|
294
|
+
>
|
|
295
|
+
<CapStatus
|
|
296
|
+
color=""
|
|
297
|
+
height="0.571rem"
|
|
298
|
+
labelType="label3"
|
|
299
|
+
text=""
|
|
300
|
+
type="pending"
|
|
301
|
+
width="0.571rem"
|
|
302
|
+
/>
|
|
303
|
+
</CapRow>
|
|
304
|
+
</CapRow>,
|
|
305
|
+
},
|
|
306
|
+
Object {
|
|
307
|
+
"content": <CapLabel
|
|
308
|
+
className="zalo-listing-content desc"
|
|
309
|
+
type="label19"
|
|
310
|
+
>
|
|
311
|
+
Test2
|
|
312
|
+
</CapLabel>,
|
|
313
|
+
"extra": Array [
|
|
314
|
+
<CapTooltip
|
|
315
|
+
title={
|
|
316
|
+
<div
|
|
317
|
+
className="zalo-view-tooltip"
|
|
318
|
+
>
|
|
319
|
+
Open preview in new tab
|
|
320
|
+
</div>
|
|
321
|
+
}
|
|
322
|
+
>
|
|
323
|
+
<CapIcon
|
|
324
|
+
className="view-zalo"
|
|
325
|
+
onClick={[Function]}
|
|
326
|
+
style={
|
|
327
|
+
Object {
|
|
328
|
+
"marginRight": "16px",
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
type="eye"
|
|
332
|
+
/>
|
|
333
|
+
</CapTooltip>,
|
|
334
|
+
<CapDropdown
|
|
335
|
+
overlay={
|
|
336
|
+
<CapMenu>
|
|
337
|
+
<withItemHOC
|
|
338
|
+
className="duplicate-zalo"
|
|
339
|
+
onClick={[Function]}
|
|
340
|
+
>
|
|
341
|
+
<FormattedMessage
|
|
342
|
+
defaultMessage="Duplicate"
|
|
343
|
+
id="creatives.containersV2.Templates.duplicateButton"
|
|
344
|
+
values={Object {}}
|
|
345
|
+
/>
|
|
346
|
+
</withItemHOC>
|
|
347
|
+
<withItemHOC
|
|
348
|
+
className="delete-zalo"
|
|
349
|
+
onClick={[Function]}
|
|
350
|
+
>
|
|
351
|
+
<FormattedMessage
|
|
352
|
+
defaultMessage="Delete"
|
|
353
|
+
id="creatives.containersV2.Templates.deleteButton"
|
|
354
|
+
values={Object {}}
|
|
355
|
+
/>
|
|
356
|
+
</withItemHOC>
|
|
357
|
+
</CapMenu>
|
|
358
|
+
}
|
|
359
|
+
>
|
|
360
|
+
<React.Fragment />
|
|
361
|
+
</CapDropdown>,
|
|
362
|
+
],
|
|
363
|
+
"hoverOption": <CapButton
|
|
364
|
+
className="edit-zalo"
|
|
365
|
+
isAddBtn={false}
|
|
366
|
+
onClick={[Function]}
|
|
367
|
+
type="primary"
|
|
368
|
+
>
|
|
369
|
+
Overview
|
|
370
|
+
</CapButton>,
|
|
371
|
+
"key": "ZALO-card-Test2",
|
|
372
|
+
"title": <CapRow>
|
|
373
|
+
<CapLabel
|
|
374
|
+
className="zalo-template-name"
|
|
375
|
+
type="label1"
|
|
376
|
+
>
|
|
377
|
+
|
|
378
|
+
</CapLabel>
|
|
379
|
+
<CapRow
|
|
380
|
+
align="middle"
|
|
381
|
+
className="zalo-status-container zalo-status-color"
|
|
382
|
+
type="flex"
|
|
383
|
+
>
|
|
384
|
+
<CapStatus
|
|
385
|
+
color=""
|
|
386
|
+
height="0.571rem"
|
|
387
|
+
labelType="label3"
|
|
388
|
+
text=""
|
|
389
|
+
type="pending"
|
|
390
|
+
width="0.571rem"
|
|
391
|
+
/>
|
|
392
|
+
</CapRow>
|
|
393
|
+
</CapRow>,
|
|
394
|
+
},
|
|
395
|
+
]
|
|
396
|
+
}
|
|
397
|
+
fbType="list"
|
|
398
|
+
key="ZALO-card-list"
|
|
399
|
+
style={
|
|
400
|
+
Object {
|
|
401
|
+
"marginLeft": "16px",
|
|
402
|
+
}
|
|
403
|
+
}
|
|
404
|
+
type="ZALO"
|
|
405
|
+
/>
|
|
406
|
+
</div>
|
|
407
|
+
<div
|
|
408
|
+
style={
|
|
409
|
+
Object {
|
|
410
|
+
"height": "calc(100vh - 325px)",
|
|
411
|
+
"overflow": "auto",
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
/>
|
|
415
|
+
</div>
|
|
416
|
+
</CapSpin>
|
|
417
|
+
</div>
|
|
418
|
+
</Pagination>
|
|
419
|
+
</CapRow>
|
|
420
|
+
<CapRow />
|
|
421
|
+
<CapRow>
|
|
422
|
+
<CapSlideBox
|
|
423
|
+
closeIconPosition="right"
|
|
424
|
+
closeIconSize="m"
|
|
425
|
+
closeIconType="close"
|
|
426
|
+
content={
|
|
427
|
+
<CardGrid
|
|
428
|
+
className=""
|
|
429
|
+
colNumber={2}
|
|
430
|
+
gutterSize={16}
|
|
431
|
+
isLoading={false}
|
|
432
|
+
listItem={Array []}
|
|
433
|
+
onHoverItem={[Function]}
|
|
434
|
+
onItemClick={[Function]}
|
|
435
|
+
/>
|
|
436
|
+
}
|
|
437
|
+
handleClose={[Function]}
|
|
438
|
+
header={
|
|
439
|
+
<h3>
|
|
440
|
+
Select layout
|
|
441
|
+
</h3>
|
|
442
|
+
}
|
|
443
|
+
loadingText="Loading EDM Templates"
|
|
444
|
+
position="right"
|
|
445
|
+
show={false}
|
|
446
|
+
size="size-r"
|
|
447
|
+
width={60}
|
|
448
|
+
/>
|
|
449
|
+
<InjectIntl(Wrapper)
|
|
450
|
+
centered={true}
|
|
451
|
+
className="delete-template-confirm"
|
|
452
|
+
closeText="Cancel"
|
|
453
|
+
okText="Yes, delete"
|
|
454
|
+
onCancel={[Function]}
|
|
455
|
+
onOk={[Function]}
|
|
456
|
+
title="Confirm delete template"
|
|
457
|
+
visible={false}
|
|
458
|
+
>
|
|
459
|
+
Are you sure you wish to delete this template?
|
|
460
|
+
</InjectIntl(Wrapper)>
|
|
461
|
+
</CapRow>
|
|
165
462
|
</div>
|
|
166
|
-
</
|
|
463
|
+
</Fragment>
|
|
167
464
|
`;
|
|
168
465
|
|
|
169
466
|
exports[`Test Templates container Should render temlates when whatsapp templates are passed 1`] = `
|
|
@@ -309,8 +606,14 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
309
606
|
className="selected-whatsapp-filters"
|
|
310
607
|
type="flex"
|
|
311
608
|
/>
|
|
312
|
-
<
|
|
313
|
-
|
|
609
|
+
<CapSpin
|
|
610
|
+
spinning={false}
|
|
611
|
+
style={
|
|
612
|
+
Object {
|
|
613
|
+
"width": "100%",
|
|
614
|
+
}
|
|
615
|
+
}
|
|
616
|
+
tip="Getting all templates..."
|
|
314
617
|
>
|
|
315
618
|
<div>
|
|
316
619
|
<div
|
|
@@ -349,7 +652,7 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
349
652
|
/>
|
|
350
653
|
</div>
|
|
351
654
|
</div>
|
|
352
|
-
</
|
|
655
|
+
</CapSpin>
|
|
353
656
|
</div>
|
|
354
657
|
</Pagination>
|
|
355
658
|
</CapRow>
|
|
@@ -598,8 +901,14 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
598
901
|
title="Clear all"
|
|
599
902
|
/>
|
|
600
903
|
</CapRow>
|
|
601
|
-
<
|
|
602
|
-
|
|
904
|
+
<CapSpin
|
|
905
|
+
spinning={false}
|
|
906
|
+
style={
|
|
907
|
+
Object {
|
|
908
|
+
"width": "100%",
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
tip="Getting all templates..."
|
|
603
912
|
>
|
|
604
913
|
<div>
|
|
605
914
|
<div
|
|
@@ -638,7 +947,7 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
638
947
|
/>
|
|
639
948
|
</div>
|
|
640
949
|
</div>
|
|
641
|
-
</
|
|
950
|
+
</CapSpin>
|
|
642
951
|
</div>
|
|
643
952
|
</Pagination>
|
|
644
953
|
</CapRow>
|
|
@@ -689,59 +998,161 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
689
998
|
`;
|
|
690
999
|
|
|
691
1000
|
exports[`Test Templates container Should render temlates when zalo templates are passed 1`] = `
|
|
692
|
-
<
|
|
693
|
-
active={true}
|
|
694
|
-
loading={false}
|
|
695
|
-
paragraph={
|
|
696
|
-
Object {
|
|
697
|
-
"rows": 10,
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
>
|
|
1001
|
+
<Fragment>
|
|
701
1002
|
<div
|
|
702
|
-
|
|
703
|
-
Object {
|
|
704
|
-
"overflowX": "auto",
|
|
705
|
-
"paddingBottom": "1.142rem",
|
|
706
|
-
}
|
|
707
|
-
}
|
|
1003
|
+
className="creatives-templates-list library-mode"
|
|
708
1004
|
>
|
|
709
|
-
<
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
descriptionClass=""
|
|
713
|
-
inline={false}
|
|
714
|
-
size="regular"
|
|
715
|
-
title="Zalo account"
|
|
716
|
-
titleClass=""
|
|
717
|
-
/>
|
|
718
|
-
<CapRadioCard
|
|
719
|
-
cardHeight="48px"
|
|
720
|
-
cardWidth="276px"
|
|
721
|
-
className="select-account"
|
|
722
|
-
defaultValue=""
|
|
1005
|
+
<input
|
|
1006
|
+
accept=".zip, .html, .htm"
|
|
1007
|
+
id="filename"
|
|
723
1008
|
onChange={[Function]}
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
backgroundProps={Object {}}
|
|
729
|
-
height="2rem"
|
|
730
|
-
labelProps={Object {}}
|
|
731
|
-
text="c"
|
|
732
|
-
width="auto"
|
|
733
|
-
/>,
|
|
734
|
-
"key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
|
|
735
|
-
"title": "capillary_zns",
|
|
736
|
-
"value": "capillary_zns",
|
|
737
|
-
},
|
|
738
|
-
]
|
|
1009
|
+
style={
|
|
1010
|
+
Object {
|
|
1011
|
+
"display": "none",
|
|
1012
|
+
}
|
|
739
1013
|
}
|
|
740
|
-
|
|
741
|
-
size="small"
|
|
1014
|
+
type="file"
|
|
742
1015
|
/>
|
|
1016
|
+
<CapRow>
|
|
1017
|
+
<Pagination
|
|
1018
|
+
onPageChange={[Function]}
|
|
1019
|
+
paginationContainer="pagination-container"
|
|
1020
|
+
paginationSelector="pagination-container"
|
|
1021
|
+
templateInProgress={false}
|
|
1022
|
+
>
|
|
1023
|
+
<div>
|
|
1024
|
+
<div
|
|
1025
|
+
className="action-container"
|
|
1026
|
+
>
|
|
1027
|
+
<_class
|
|
1028
|
+
className="search-text"
|
|
1029
|
+
disabled={false}
|
|
1030
|
+
labelPosition="top"
|
|
1031
|
+
onChange={[Function]}
|
|
1032
|
+
onClear={[Function]}
|
|
1033
|
+
onScroll={[Function]}
|
|
1034
|
+
placeholder="Search"
|
|
1035
|
+
style={
|
|
1036
|
+
Object {
|
|
1037
|
+
"width": "210px",
|
|
1038
|
+
}
|
|
1039
|
+
}
|
|
1040
|
+
value=""
|
|
1041
|
+
/>
|
|
1042
|
+
<div
|
|
1043
|
+
className="zalo-filters"
|
|
1044
|
+
/>
|
|
1045
|
+
<Component />
|
|
1046
|
+
<Component />
|
|
1047
|
+
<div
|
|
1048
|
+
style={
|
|
1049
|
+
Object {
|
|
1050
|
+
"alignItems": "center",
|
|
1051
|
+
"display": "flex",
|
|
1052
|
+
"justifyContent": "space-between",
|
|
1053
|
+
}
|
|
1054
|
+
}
|
|
1055
|
+
/>
|
|
1056
|
+
</div>
|
|
1057
|
+
<CapRow
|
|
1058
|
+
align="middle"
|
|
1059
|
+
className="selected-whatsapp-filters"
|
|
1060
|
+
type="flex"
|
|
1061
|
+
/>
|
|
1062
|
+
<CapSpin
|
|
1063
|
+
spinning={false}
|
|
1064
|
+
style={
|
|
1065
|
+
Object {
|
|
1066
|
+
"width": "100%",
|
|
1067
|
+
}
|
|
1068
|
+
}
|
|
1069
|
+
tip="Getting all templates..."
|
|
1070
|
+
>
|
|
1071
|
+
<div>
|
|
1072
|
+
<div
|
|
1073
|
+
style={
|
|
1074
|
+
Object {
|
|
1075
|
+
"height": "calc(100vh - 325px)",
|
|
1076
|
+
"overflow": "auto",
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
>
|
|
1080
|
+
<CapHeader
|
|
1081
|
+
description={
|
|
1082
|
+
<CapLabel
|
|
1083
|
+
style={
|
|
1084
|
+
Object {
|
|
1085
|
+
"textAlign": "center",
|
|
1086
|
+
}
|
|
1087
|
+
}
|
|
1088
|
+
type="label1"
|
|
1089
|
+
>
|
|
1090
|
+
Please try searching with another term or apply different filter
|
|
1091
|
+
</CapLabel>
|
|
1092
|
+
}
|
|
1093
|
+
descriptionClass=""
|
|
1094
|
+
inline={false}
|
|
1095
|
+
size="large"
|
|
1096
|
+
title={
|
|
1097
|
+
<CapHeading
|
|
1098
|
+
className="channel-specific-illustration-text"
|
|
1099
|
+
type="h3"
|
|
1100
|
+
>
|
|
1101
|
+
Sorry, we couldn’t find any matches
|
|
1102
|
+
</CapHeading>
|
|
1103
|
+
}
|
|
1104
|
+
titleClass=""
|
|
1105
|
+
/>
|
|
1106
|
+
</div>
|
|
1107
|
+
</div>
|
|
1108
|
+
</CapSpin>
|
|
1109
|
+
</div>
|
|
1110
|
+
</Pagination>
|
|
1111
|
+
</CapRow>
|
|
1112
|
+
<CapRow />
|
|
1113
|
+
<CapRow>
|
|
1114
|
+
<CapSlideBox
|
|
1115
|
+
closeIconPosition="right"
|
|
1116
|
+
closeIconSize="m"
|
|
1117
|
+
closeIconType="close"
|
|
1118
|
+
content={
|
|
1119
|
+
<CardGrid
|
|
1120
|
+
className=""
|
|
1121
|
+
colNumber={2}
|
|
1122
|
+
gutterSize={16}
|
|
1123
|
+
isLoading={false}
|
|
1124
|
+
listItem={Array []}
|
|
1125
|
+
onHoverItem={[Function]}
|
|
1126
|
+
onItemClick={[Function]}
|
|
1127
|
+
/>
|
|
1128
|
+
}
|
|
1129
|
+
handleClose={[Function]}
|
|
1130
|
+
header={
|
|
1131
|
+
<h3>
|
|
1132
|
+
Select layout
|
|
1133
|
+
</h3>
|
|
1134
|
+
}
|
|
1135
|
+
loadingText="Loading EDM Templates"
|
|
1136
|
+
position="right"
|
|
1137
|
+
show={false}
|
|
1138
|
+
size="size-r"
|
|
1139
|
+
width={60}
|
|
1140
|
+
/>
|
|
1141
|
+
<InjectIntl(Wrapper)
|
|
1142
|
+
centered={true}
|
|
1143
|
+
className="delete-template-confirm"
|
|
1144
|
+
closeText="Cancel"
|
|
1145
|
+
okText="Yes, delete"
|
|
1146
|
+
onCancel={[Function]}
|
|
1147
|
+
onOk={[Function]}
|
|
1148
|
+
title="Confirm delete template"
|
|
1149
|
+
visible={false}
|
|
1150
|
+
>
|
|
1151
|
+
Are you sure you wish to delete this template?
|
|
1152
|
+
</InjectIntl(Wrapper)>
|
|
1153
|
+
</CapRow>
|
|
743
1154
|
</div>
|
|
744
|
-
</
|
|
1155
|
+
</Fragment>
|
|
745
1156
|
`;
|
|
746
1157
|
|
|
747
1158
|
exports[`Test Templates container Test max templates exceeded 1`] = `
|
|
@@ -957,8 +1368,14 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
|
|
|
957
1368
|
className="selected-whatsapp-filters"
|
|
958
1369
|
type="flex"
|
|
959
1370
|
/>
|
|
960
|
-
<
|
|
961
|
-
|
|
1371
|
+
<CapSpin
|
|
1372
|
+
spinning={false}
|
|
1373
|
+
style={
|
|
1374
|
+
Object {
|
|
1375
|
+
"width": "100%",
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
tip="Getting all templates..."
|
|
962
1379
|
>
|
|
963
1380
|
<div>
|
|
964
1381
|
<div
|
|
@@ -1165,7 +1582,7 @@ Click {{3}} to unsubscribe",
|
|
|
1165
1582
|
}
|
|
1166
1583
|
/>
|
|
1167
1584
|
</div>
|
|
1168
|
-
</
|
|
1585
|
+
</CapSpin>
|
|
1169
1586
|
</div>
|
|
1170
1587
|
</Pagination>
|
|
1171
1588
|
</CapRow>
|
|
@@ -1396,8 +1813,14 @@ exports[`Test Templates container Test max templates not exceeded 1`] = `
|
|
|
1396
1813
|
className="selected-whatsapp-filters"
|
|
1397
1814
|
type="flex"
|
|
1398
1815
|
/>
|
|
1399
|
-
<
|
|
1400
|
-
|
|
1816
|
+
<CapSpin
|
|
1817
|
+
spinning={false}
|
|
1818
|
+
style={
|
|
1819
|
+
Object {
|
|
1820
|
+
"width": "100%",
|
|
1821
|
+
}
|
|
1822
|
+
}
|
|
1823
|
+
tip="Getting all templates..."
|
|
1401
1824
|
>
|
|
1402
1825
|
<div>
|
|
1403
1826
|
<div
|
|
@@ -1604,7 +2027,7 @@ Click {{3}} to unsubscribe",
|
|
|
1604
2027
|
}
|
|
1605
2028
|
/>
|
|
1606
2029
|
</div>
|
|
1607
|
-
</
|
|
2030
|
+
</CapSpin>
|
|
1608
2031
|
</div>
|
|
1609
2032
|
</Pagination>
|
|
1610
2033
|
</CapRow>
|
|
@@ -1835,8 +2258,14 @@ exports[`Test Templates container Test max templates warning 1`] = `
|
|
|
1835
2258
|
className="selected-whatsapp-filters"
|
|
1836
2259
|
type="flex"
|
|
1837
2260
|
/>
|
|
1838
|
-
<
|
|
1839
|
-
|
|
2261
|
+
<CapSpin
|
|
2262
|
+
spinning={false}
|
|
2263
|
+
style={
|
|
2264
|
+
Object {
|
|
2265
|
+
"width": "100%",
|
|
2266
|
+
}
|
|
2267
|
+
}
|
|
2268
|
+
tip="Getting all templates..."
|
|
1840
2269
|
>
|
|
1841
2270
|
<div>
|
|
1842
2271
|
<div
|
|
@@ -2043,7 +2472,7 @@ Click {{3}} to unsubscribe",
|
|
|
2043
2472
|
}
|
|
2044
2473
|
/>
|
|
2045
2474
|
</div>
|
|
2046
|
-
</
|
|
2475
|
+
</CapSpin>
|
|
2047
2476
|
</div>
|
|
2048
2477
|
</Pagination>
|
|
2049
2478
|
</CapRow>
|
|
@@ -2262,8 +2691,14 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
|
|
|
2262
2691
|
title="Clear all"
|
|
2263
2692
|
/>
|
|
2264
2693
|
</CapRow>
|
|
2265
|
-
<
|
|
2266
|
-
|
|
2694
|
+
<CapSpin
|
|
2695
|
+
spinning={false}
|
|
2696
|
+
style={
|
|
2697
|
+
Object {
|
|
2698
|
+
"width": "100%",
|
|
2699
|
+
}
|
|
2700
|
+
}
|
|
2701
|
+
tip="Getting all templates..."
|
|
2267
2702
|
>
|
|
2268
2703
|
<div>
|
|
2269
2704
|
<div
|
|
@@ -2302,7 +2737,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
|
|
|
2302
2737
|
/>
|
|
2303
2738
|
</div>
|
|
2304
2739
|
</div>
|
|
2305
|
-
</
|
|
2740
|
+
</CapSpin>
|
|
2306
2741
|
</div>
|
|
2307
2742
|
</Pagination>
|
|
2308
2743
|
</CapRow>
|
|
@@ -2495,8 +2930,14 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
|
|
|
2495
2930
|
className="selected-whatsapp-filters"
|
|
2496
2931
|
type="flex"
|
|
2497
2932
|
/>
|
|
2498
|
-
<
|
|
2499
|
-
|
|
2933
|
+
<CapSpin
|
|
2934
|
+
spinning={false}
|
|
2935
|
+
style={
|
|
2936
|
+
Object {
|
|
2937
|
+
"width": "100%",
|
|
2938
|
+
}
|
|
2939
|
+
}
|
|
2940
|
+
tip="Getting all templates..."
|
|
2500
2941
|
>
|
|
2501
2942
|
<div>
|
|
2502
2943
|
<div
|
|
@@ -2535,7 +2976,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
|
|
|
2535
2976
|
/>
|
|
2536
2977
|
</div>
|
|
2537
2978
|
</div>
|
|
2538
|
-
</
|
|
2979
|
+
</CapSpin>
|
|
2539
2980
|
</div>
|
|
2540
2981
|
</Pagination>
|
|
2541
2982
|
</CapRow>
|
|
@@ -2728,8 +3169,14 @@ exports[`Test Templates container Test removing single filter 1`] = `
|
|
|
2728
3169
|
className="selected-whatsapp-filters"
|
|
2729
3170
|
type="flex"
|
|
2730
3171
|
/>
|
|
2731
|
-
<
|
|
2732
|
-
|
|
3172
|
+
<CapSpin
|
|
3173
|
+
spinning={false}
|
|
3174
|
+
style={
|
|
3175
|
+
Object {
|
|
3176
|
+
"width": "100%",
|
|
3177
|
+
}
|
|
3178
|
+
}
|
|
3179
|
+
tip="Getting all templates..."
|
|
2733
3180
|
>
|
|
2734
3181
|
<div>
|
|
2735
3182
|
<div
|
|
@@ -2768,7 +3215,7 @@ exports[`Test Templates container Test removing single filter 1`] = `
|
|
|
2768
3215
|
/>
|
|
2769
3216
|
</div>
|
|
2770
3217
|
</div>
|
|
2771
|
-
</
|
|
3218
|
+
</CapSpin>
|
|
2772
3219
|
</div>
|
|
2773
3220
|
</Pagination>
|
|
2774
3221
|
</CapRow>
|