@capillarytech/creatives-library 7.17.35-alpha.2 → 7.17.36
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/containers/Templates/actions.js +0 -5
- package/index.js +6 -0
- package/package.json +1 -1
- package/routes.js +5 -0
- package/services/api.js +6 -1
- package/utils/common.js +0 -5
- package/v2Components/CapTagList/index.js +4 -0
- package/v2Components/WhatsappStatusContainer/_whatsappStatusContainer.scss +2 -1
- package/v2Containers/App/constants.js +1 -0
- package/v2Containers/CreativesContainer/SlideBoxContent.js +13 -0
- package/v2Containers/CreativesContainer/SlideBoxHeader.js +9 -6
- package/v2Containers/CreativesContainer/constants.js +1 -0
- package/v2Containers/CreativesContainer/index.scss +3 -0
- package/v2Containers/CreativesContainer/messages.js +8 -0
- package/v2Containers/CreativesContainer/tests/SlideBoxHeader.test.js +6 -1
- package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxHeader.test.js.snap +58 -0
- package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap +18114 -88
- package/v2Containers/Templates/_templates.scss +20 -2
- package/v2Containers/Templates/actions.js +4 -3
- package/v2Containers/Templates/constants.js +2 -1
- package/v2Containers/Templates/index.js +319 -120
- package/v2Containers/Templates/messages.js +28 -8
- package/v2Containers/Templates/reducer.js +3 -1
- package/v2Containers/Templates/sagas.js +2 -2
- package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +724 -43
- package/v2Containers/Templates/tests/actions.test.js +18 -0
- package/v2Containers/Templates/tests/index.test.js +52 -1
- package/v2Containers/Templates/tests/mockData.js +41 -1
- package/v2Containers/Templates/tests/reducer.test.js +50 -0
- package/v2Containers/Templates/tests/sagas.test.js +40 -2
- package/v2Containers/Templates/tests/selector.test.js +17 -0
- package/v2Containers/TemplatesV2/index.js +2 -2
- package/v2Containers/TemplatesV2/messages.js +4 -0
- package/v2Containers/Zalo/actions.js +17 -0
- package/v2Containers/Zalo/constants.js +57 -0
- package/v2Containers/Zalo/index.js +391 -0
- package/v2Containers/Zalo/index.scss +76 -0
- package/v2Containers/Zalo/messages.js +74 -0
- package/v2Containers/Zalo/reducer.js +57 -0
- package/v2Containers/Zalo/saga.js +35 -0
- package/v2Containers/Zalo/selectors.js +14 -0
- package/v2Containers/Zalo/tests/actions.test.js +20 -0
- package/v2Containers/Zalo/tests/index.test.js +127 -0
- package/v2Containers/Zalo/tests/mockData.js +11470 -0
- package/v2Containers/Zalo/tests/reducer.test.js +85 -0
- package/v2Containers/Zalo/tests/saga.test.js +115 -0
- package/v2Containers/Zalo/tests/selectors.test.js +52 -0
- package/v2Containers/mockdata.js +817 -680
|
@@ -12,6 +12,41 @@ exports[`Test Templates container Should render correct component for whatsapp c
|
|
|
12
12
|
</CapSpin>
|
|
13
13
|
`;
|
|
14
14
|
|
|
15
|
+
exports[`Test Templates container Should render correct component for zalo channel 1`] = `
|
|
16
|
+
<CapSpin
|
|
17
|
+
spinning={false}
|
|
18
|
+
>
|
|
19
|
+
<div
|
|
20
|
+
style={
|
|
21
|
+
Object {
|
|
22
|
+
"overflowX": "auto",
|
|
23
|
+
"paddingBottom": "1.142rem",
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
>
|
|
27
|
+
<CapHeader
|
|
28
|
+
className="select-account-header"
|
|
29
|
+
description="Choose the account to send content"
|
|
30
|
+
descriptionClass=""
|
|
31
|
+
inline={false}
|
|
32
|
+
size="regular"
|
|
33
|
+
title="Zalo account"
|
|
34
|
+
titleClass=""
|
|
35
|
+
/>
|
|
36
|
+
<CapRadioCard
|
|
37
|
+
cardHeight="48px"
|
|
38
|
+
cardWidth="276px"
|
|
39
|
+
className="select-account"
|
|
40
|
+
defaultValue=""
|
|
41
|
+
onChange={[Function]}
|
|
42
|
+
panes={Array []}
|
|
43
|
+
selected=""
|
|
44
|
+
size="small"
|
|
45
|
+
/>
|
|
46
|
+
</div>
|
|
47
|
+
</CapSpin>
|
|
48
|
+
`;
|
|
49
|
+
|
|
15
50
|
exports[`Test Templates container Should render illustration when no templates are passed 1`] = `
|
|
16
51
|
<CapSpin
|
|
17
52
|
spinning={false}
|
|
@@ -24,6 +59,382 @@ exports[`Test Templates container Should render illustration when no templates a
|
|
|
24
59
|
</CapSpin>
|
|
25
60
|
`;
|
|
26
61
|
|
|
62
|
+
exports[`Test Templates container Should render illustration when no templates are passed 2`] = `
|
|
63
|
+
<CapSpin
|
|
64
|
+
spinning={false}
|
|
65
|
+
>
|
|
66
|
+
<FormattedMessage
|
|
67
|
+
defaultMessage="Zalo accounts are not setup for your brand"
|
|
68
|
+
id="creatives.containersV2.Templates.noAccountsPresentZalo"
|
|
69
|
+
values={Object {}}
|
|
70
|
+
/>
|
|
71
|
+
</CapSpin>
|
|
72
|
+
`;
|
|
73
|
+
|
|
74
|
+
exports[`Test Templates container Should render temlates when Zalo templates are passed in full mode 1`] = `
|
|
75
|
+
<Fragment>
|
|
76
|
+
<div
|
|
77
|
+
className="creatives-templates-list full-mode"
|
|
78
|
+
>
|
|
79
|
+
<input
|
|
80
|
+
accept=".zip, .html, .htm"
|
|
81
|
+
id="filename"
|
|
82
|
+
onChange={[Function]}
|
|
83
|
+
style={
|
|
84
|
+
Object {
|
|
85
|
+
"display": "none",
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
type="file"
|
|
89
|
+
/>
|
|
90
|
+
<CapRow>
|
|
91
|
+
<Pagination
|
|
92
|
+
onPageChange={[Function]}
|
|
93
|
+
paginationContainer="pagination-container"
|
|
94
|
+
paginationSelector="pagination-container"
|
|
95
|
+
>
|
|
96
|
+
<div>
|
|
97
|
+
<div
|
|
98
|
+
className="action-container"
|
|
99
|
+
>
|
|
100
|
+
<_class
|
|
101
|
+
className="search-text"
|
|
102
|
+
disabled={false}
|
|
103
|
+
labelPosition="top"
|
|
104
|
+
onChange={[Function]}
|
|
105
|
+
onClear={[Function]}
|
|
106
|
+
onScroll={[Function]}
|
|
107
|
+
placeholder="Search"
|
|
108
|
+
style={
|
|
109
|
+
Object {
|
|
110
|
+
"width": "210px",
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
value=""
|
|
114
|
+
/>
|
|
115
|
+
<div
|
|
116
|
+
className="zalo-filters"
|
|
117
|
+
>
|
|
118
|
+
<CapSelectFilter
|
|
119
|
+
data={
|
|
120
|
+
Array [
|
|
121
|
+
Object {
|
|
122
|
+
"key": "enable",
|
|
123
|
+
"label": <FormattedMessage
|
|
124
|
+
defaultMessage="Enable"
|
|
125
|
+
id="creatives.containersV2.zalo.ENABLE_STATUS"
|
|
126
|
+
values={Object {}}
|
|
127
|
+
/>,
|
|
128
|
+
"value": "ENABLE",
|
|
129
|
+
},
|
|
130
|
+
Object {
|
|
131
|
+
"key": "reject",
|
|
132
|
+
"label": <FormattedMessage
|
|
133
|
+
defaultMessage="Reject"
|
|
134
|
+
id="creatives.containersV2.zalo.REJECT_STATUS"
|
|
135
|
+
values={Object {}}
|
|
136
|
+
/>,
|
|
137
|
+
"value": "REJECT",
|
|
138
|
+
},
|
|
139
|
+
Object {
|
|
140
|
+
"key": "disable",
|
|
141
|
+
"label": <FormattedMessage
|
|
142
|
+
defaultMessage="Disable"
|
|
143
|
+
id="creatives.containersV2.zalo.DISABLE_STATUS"
|
|
144
|
+
values={Object {}}
|
|
145
|
+
/>,
|
|
146
|
+
"value": "DISABLE",
|
|
147
|
+
},
|
|
148
|
+
Object {
|
|
149
|
+
"key": "reviewPending",
|
|
150
|
+
"label": <FormattedMessage
|
|
151
|
+
defaultMessage="Review Pending"
|
|
152
|
+
id="creatives.containersV2.zalo.PENDING_REVIEW_STATUS"
|
|
153
|
+
values={Object {}}
|
|
154
|
+
/>,
|
|
155
|
+
"value": "PENDING_REVIEW",
|
|
156
|
+
},
|
|
157
|
+
]
|
|
158
|
+
}
|
|
159
|
+
dropdownMaxHeight="320px"
|
|
160
|
+
dropdownWidth="228px"
|
|
161
|
+
onSelect={[Function]}
|
|
162
|
+
placeholder="Status"
|
|
163
|
+
placement="bottomLeft"
|
|
164
|
+
selectedValue=""
|
|
165
|
+
width="90px"
|
|
166
|
+
/>
|
|
167
|
+
</div>
|
|
168
|
+
<Component />
|
|
169
|
+
<Component />
|
|
170
|
+
<div
|
|
171
|
+
style={
|
|
172
|
+
Object {
|
|
173
|
+
"alignItems": "center",
|
|
174
|
+
"display": "flex",
|
|
175
|
+
"justifyContent": "space-between",
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
/>
|
|
179
|
+
</div>
|
|
180
|
+
<CapRow
|
|
181
|
+
align="middle"
|
|
182
|
+
className="selected-whatsapp-filters"
|
|
183
|
+
type="flex"
|
|
184
|
+
/>
|
|
185
|
+
<CapSpin
|
|
186
|
+
spinning={false}
|
|
187
|
+
style={
|
|
188
|
+
Object {
|
|
189
|
+
"width": "100%",
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
tip="Getting all templates..."
|
|
193
|
+
>
|
|
194
|
+
<div>
|
|
195
|
+
<div
|
|
196
|
+
className="pagination-container"
|
|
197
|
+
>
|
|
198
|
+
<CapCustomCardList
|
|
199
|
+
cardList={
|
|
200
|
+
Array [
|
|
201
|
+
Object {
|
|
202
|
+
"content": <CapLabel
|
|
203
|
+
className="zalo-listing-content desc"
|
|
204
|
+
type="label19"
|
|
205
|
+
>
|
|
206
|
+
Test1
|
|
207
|
+
</CapLabel>,
|
|
208
|
+
"extra": Array [
|
|
209
|
+
<CapTooltip
|
|
210
|
+
title="Open preview in new tab"
|
|
211
|
+
>
|
|
212
|
+
<CapIcon
|
|
213
|
+
className="view-zalo"
|
|
214
|
+
onClick={[Function]}
|
|
215
|
+
style={
|
|
216
|
+
Object {
|
|
217
|
+
"marginRight": "16px",
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
type="eye"
|
|
221
|
+
/>
|
|
222
|
+
</CapTooltip>,
|
|
223
|
+
<CapDropdown
|
|
224
|
+
overlay={
|
|
225
|
+
<CapMenu>
|
|
226
|
+
<withItemHOC
|
|
227
|
+
className="duplicate-zalo"
|
|
228
|
+
onClick={[Function]}
|
|
229
|
+
>
|
|
230
|
+
<FormattedMessage
|
|
231
|
+
defaultMessage="Duplicate"
|
|
232
|
+
id="creatives.containersV2.Templates.duplicateButton"
|
|
233
|
+
values={Object {}}
|
|
234
|
+
/>
|
|
235
|
+
</withItemHOC>
|
|
236
|
+
<withItemHOC
|
|
237
|
+
className="delete-zalo"
|
|
238
|
+
onClick={[Function]}
|
|
239
|
+
>
|
|
240
|
+
<FormattedMessage
|
|
241
|
+
defaultMessage="Delete"
|
|
242
|
+
id="creatives.containersV2.Templates.deleteButton"
|
|
243
|
+
values={Object {}}
|
|
244
|
+
/>
|
|
245
|
+
</withItemHOC>
|
|
246
|
+
</CapMenu>
|
|
247
|
+
}
|
|
248
|
+
>
|
|
249
|
+
<React.Fragment />
|
|
250
|
+
</CapDropdown>,
|
|
251
|
+
],
|
|
252
|
+
"hoverOption": <CapButton
|
|
253
|
+
className="edit-zalo"
|
|
254
|
+
isAddBtn={false}
|
|
255
|
+
onClick={[Function]}
|
|
256
|
+
type="primary"
|
|
257
|
+
>
|
|
258
|
+
Overview
|
|
259
|
+
</CapButton>,
|
|
260
|
+
"key": "ZALO-card-Test1",
|
|
261
|
+
"title": <CapRow>
|
|
262
|
+
<CapLabel
|
|
263
|
+
className="zalo-template-name"
|
|
264
|
+
type="label1"
|
|
265
|
+
>
|
|
266
|
+
|
|
267
|
+
</CapLabel>
|
|
268
|
+
<CapRow
|
|
269
|
+
align="middle"
|
|
270
|
+
className="zalo-status-container"
|
|
271
|
+
type="flex"
|
|
272
|
+
>
|
|
273
|
+
<CapStatus
|
|
274
|
+
color=""
|
|
275
|
+
height="0.571rem"
|
|
276
|
+
labelType="label3"
|
|
277
|
+
text=""
|
|
278
|
+
type="pending"
|
|
279
|
+
width="0.571rem"
|
|
280
|
+
/>
|
|
281
|
+
</CapRow>
|
|
282
|
+
</CapRow>,
|
|
283
|
+
},
|
|
284
|
+
Object {
|
|
285
|
+
"content": <CapLabel
|
|
286
|
+
className="zalo-listing-content desc"
|
|
287
|
+
type="label19"
|
|
288
|
+
>
|
|
289
|
+
Test2
|
|
290
|
+
</CapLabel>,
|
|
291
|
+
"extra": Array [
|
|
292
|
+
<CapTooltip
|
|
293
|
+
title="Open preview in new tab"
|
|
294
|
+
>
|
|
295
|
+
<CapIcon
|
|
296
|
+
className="view-zalo"
|
|
297
|
+
onClick={[Function]}
|
|
298
|
+
style={
|
|
299
|
+
Object {
|
|
300
|
+
"marginRight": "16px",
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
type="eye"
|
|
304
|
+
/>
|
|
305
|
+
</CapTooltip>,
|
|
306
|
+
<CapDropdown
|
|
307
|
+
overlay={
|
|
308
|
+
<CapMenu>
|
|
309
|
+
<withItemHOC
|
|
310
|
+
className="duplicate-zalo"
|
|
311
|
+
onClick={[Function]}
|
|
312
|
+
>
|
|
313
|
+
<FormattedMessage
|
|
314
|
+
defaultMessage="Duplicate"
|
|
315
|
+
id="creatives.containersV2.Templates.duplicateButton"
|
|
316
|
+
values={Object {}}
|
|
317
|
+
/>
|
|
318
|
+
</withItemHOC>
|
|
319
|
+
<withItemHOC
|
|
320
|
+
className="delete-zalo"
|
|
321
|
+
onClick={[Function]}
|
|
322
|
+
>
|
|
323
|
+
<FormattedMessage
|
|
324
|
+
defaultMessage="Delete"
|
|
325
|
+
id="creatives.containersV2.Templates.deleteButton"
|
|
326
|
+
values={Object {}}
|
|
327
|
+
/>
|
|
328
|
+
</withItemHOC>
|
|
329
|
+
</CapMenu>
|
|
330
|
+
}
|
|
331
|
+
>
|
|
332
|
+
<React.Fragment />
|
|
333
|
+
</CapDropdown>,
|
|
334
|
+
],
|
|
335
|
+
"hoverOption": <CapButton
|
|
336
|
+
className="edit-zalo"
|
|
337
|
+
isAddBtn={false}
|
|
338
|
+
onClick={[Function]}
|
|
339
|
+
type="primary"
|
|
340
|
+
>
|
|
341
|
+
Overview
|
|
342
|
+
</CapButton>,
|
|
343
|
+
"key": "ZALO-card-Test2",
|
|
344
|
+
"title": <CapRow>
|
|
345
|
+
<CapLabel
|
|
346
|
+
className="zalo-template-name"
|
|
347
|
+
type="label1"
|
|
348
|
+
>
|
|
349
|
+
|
|
350
|
+
</CapLabel>
|
|
351
|
+
<CapRow
|
|
352
|
+
align="middle"
|
|
353
|
+
className="zalo-status-container"
|
|
354
|
+
type="flex"
|
|
355
|
+
>
|
|
356
|
+
<CapStatus
|
|
357
|
+
color=""
|
|
358
|
+
height="0.571rem"
|
|
359
|
+
labelType="label3"
|
|
360
|
+
text=""
|
|
361
|
+
type="pending"
|
|
362
|
+
width="0.571rem"
|
|
363
|
+
/>
|
|
364
|
+
</CapRow>
|
|
365
|
+
</CapRow>,
|
|
366
|
+
},
|
|
367
|
+
]
|
|
368
|
+
}
|
|
369
|
+
fbType="list"
|
|
370
|
+
key="ZALO-card-list"
|
|
371
|
+
style={
|
|
372
|
+
Object {
|
|
373
|
+
"marginLeft": "16px",
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
type="ZALO"
|
|
377
|
+
/>
|
|
378
|
+
</div>
|
|
379
|
+
<div
|
|
380
|
+
style={
|
|
381
|
+
Object {
|
|
382
|
+
"height": "calc(100vh - 325px)",
|
|
383
|
+
"overflow": "auto",
|
|
384
|
+
}
|
|
385
|
+
}
|
|
386
|
+
/>
|
|
387
|
+
</div>
|
|
388
|
+
</CapSpin>
|
|
389
|
+
</div>
|
|
390
|
+
</Pagination>
|
|
391
|
+
</CapRow>
|
|
392
|
+
<CapRow />
|
|
393
|
+
<CapRow>
|
|
394
|
+
<CapSlideBox
|
|
395
|
+
closeIconPosition="right"
|
|
396
|
+
closeIconSize="m"
|
|
397
|
+
closeIconType="close"
|
|
398
|
+
content={
|
|
399
|
+
<CardGrid
|
|
400
|
+
className=""
|
|
401
|
+
colNumber={2}
|
|
402
|
+
gutterSize={16}
|
|
403
|
+
isLoading={false}
|
|
404
|
+
listItem={Array []}
|
|
405
|
+
onHoverItem={[Function]}
|
|
406
|
+
onItemClick={[Function]}
|
|
407
|
+
/>
|
|
408
|
+
}
|
|
409
|
+
handleClose={[Function]}
|
|
410
|
+
header={
|
|
411
|
+
<h3>
|
|
412
|
+
Select layout
|
|
413
|
+
</h3>
|
|
414
|
+
}
|
|
415
|
+
loadingText="Loading EDM Templates"
|
|
416
|
+
position="right"
|
|
417
|
+
show={false}
|
|
418
|
+
size="size-r"
|
|
419
|
+
width={60}
|
|
420
|
+
/>
|
|
421
|
+
<InjectIntl(Wrapper)
|
|
422
|
+
centered={true}
|
|
423
|
+
className="delete-template-confirm"
|
|
424
|
+
closeText="Cancel"
|
|
425
|
+
okText="Yes, delete"
|
|
426
|
+
onCancel={[Function]}
|
|
427
|
+
onOk={[Function]}
|
|
428
|
+
title="Confirm delete template"
|
|
429
|
+
visible={false}
|
|
430
|
+
>
|
|
431
|
+
Are you sure you wish to delete this template?
|
|
432
|
+
</InjectIntl(Wrapper)>
|
|
433
|
+
</CapRow>
|
|
434
|
+
</div>
|
|
435
|
+
</Fragment>
|
|
436
|
+
`;
|
|
437
|
+
|
|
27
438
|
exports[`Test Templates container Should render temlates when whatsapp templates are passed 1`] = `
|
|
28
439
|
<Fragment>
|
|
29
440
|
<div
|
|
@@ -245,7 +656,7 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
245
656
|
size="size-r"
|
|
246
657
|
width={60}
|
|
247
658
|
/>
|
|
248
|
-
<Wrapper
|
|
659
|
+
<InjectIntl(Wrapper)
|
|
249
660
|
centered={true}
|
|
250
661
|
className="delete-template-confirm"
|
|
251
662
|
closeText="Cancel"
|
|
@@ -256,7 +667,7 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
256
667
|
visible={false}
|
|
257
668
|
>
|
|
258
669
|
Are you sure you wish to delete this template?
|
|
259
|
-
</Wrapper>
|
|
670
|
+
</InjectIntl(Wrapper)>
|
|
260
671
|
</CapRow>
|
|
261
672
|
</div>
|
|
262
673
|
</Fragment>
|
|
@@ -539,7 +950,265 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
539
950
|
size="size-r"
|
|
540
951
|
width={60}
|
|
541
952
|
/>
|
|
542
|
-
<Wrapper
|
|
953
|
+
<InjectIntl(Wrapper)
|
|
954
|
+
centered={true}
|
|
955
|
+
className="delete-template-confirm"
|
|
956
|
+
closeText="Cancel"
|
|
957
|
+
okText="Yes, delete"
|
|
958
|
+
onCancel={[Function]}
|
|
959
|
+
onOk={[Function]}
|
|
960
|
+
title="Confirm delete template"
|
|
961
|
+
visible={false}
|
|
962
|
+
>
|
|
963
|
+
Are you sure you wish to delete this template?
|
|
964
|
+
</InjectIntl(Wrapper)>
|
|
965
|
+
</CapRow>
|
|
966
|
+
</div>
|
|
967
|
+
</Fragment>
|
|
968
|
+
`;
|
|
969
|
+
|
|
970
|
+
exports[`Test Templates container Should render temlates when zalo templates are passed 1`] = `
|
|
971
|
+
<Fragment>
|
|
972
|
+
<div
|
|
973
|
+
className="creatives-templates-list library-mode"
|
|
974
|
+
>
|
|
975
|
+
<input
|
|
976
|
+
accept=".zip, .html, .htm"
|
|
977
|
+
id="filename"
|
|
978
|
+
onChange={[Function]}
|
|
979
|
+
style={
|
|
980
|
+
Object {
|
|
981
|
+
"display": "none",
|
|
982
|
+
}
|
|
983
|
+
}
|
|
984
|
+
type="file"
|
|
985
|
+
/>
|
|
986
|
+
<CapRow>
|
|
987
|
+
<Pagination
|
|
988
|
+
onPageChange={[Function]}
|
|
989
|
+
paginationContainer="pagination-container"
|
|
990
|
+
paginationSelector="pagination-container"
|
|
991
|
+
>
|
|
992
|
+
<div>
|
|
993
|
+
<div
|
|
994
|
+
className="action-container"
|
|
995
|
+
>
|
|
996
|
+
<_class
|
|
997
|
+
className="search-text"
|
|
998
|
+
disabled={false}
|
|
999
|
+
labelPosition="top"
|
|
1000
|
+
onChange={[Function]}
|
|
1001
|
+
onClear={[Function]}
|
|
1002
|
+
onScroll={[Function]}
|
|
1003
|
+
placeholder="Search"
|
|
1004
|
+
style={
|
|
1005
|
+
Object {
|
|
1006
|
+
"width": "210px",
|
|
1007
|
+
}
|
|
1008
|
+
}
|
|
1009
|
+
value=""
|
|
1010
|
+
/>
|
|
1011
|
+
<div
|
|
1012
|
+
className="zalo-filters"
|
|
1013
|
+
/>
|
|
1014
|
+
<Component />
|
|
1015
|
+
<Component />
|
|
1016
|
+
<div
|
|
1017
|
+
style={
|
|
1018
|
+
Object {
|
|
1019
|
+
"alignItems": "center",
|
|
1020
|
+
"display": "flex",
|
|
1021
|
+
"justifyContent": "space-between",
|
|
1022
|
+
}
|
|
1023
|
+
}
|
|
1024
|
+
/>
|
|
1025
|
+
</div>
|
|
1026
|
+
<CapRow
|
|
1027
|
+
align="middle"
|
|
1028
|
+
className="selected-whatsapp-filters"
|
|
1029
|
+
type="flex"
|
|
1030
|
+
/>
|
|
1031
|
+
<CapSpin
|
|
1032
|
+
spinning={false}
|
|
1033
|
+
style={
|
|
1034
|
+
Object {
|
|
1035
|
+
"width": "100%",
|
|
1036
|
+
}
|
|
1037
|
+
}
|
|
1038
|
+
tip="Getting all templates..."
|
|
1039
|
+
>
|
|
1040
|
+
<div>
|
|
1041
|
+
<div
|
|
1042
|
+
className="pagination-container"
|
|
1043
|
+
>
|
|
1044
|
+
<CapCustomCardList
|
|
1045
|
+
cardList={
|
|
1046
|
+
Array [
|
|
1047
|
+
Object {
|
|
1048
|
+
"content": <CapLabel
|
|
1049
|
+
className="zalo-listing-content desc"
|
|
1050
|
+
type="label19"
|
|
1051
|
+
>
|
|
1052
|
+
Test1
|
|
1053
|
+
</CapLabel>,
|
|
1054
|
+
"extra": Array [
|
|
1055
|
+
<CapTooltip
|
|
1056
|
+
title="Open preview in new tab"
|
|
1057
|
+
>
|
|
1058
|
+
<CapIcon
|
|
1059
|
+
className="view-zalo"
|
|
1060
|
+
onClick={[Function]}
|
|
1061
|
+
style={
|
|
1062
|
+
Object {
|
|
1063
|
+
"marginRight": "16px",
|
|
1064
|
+
}
|
|
1065
|
+
}
|
|
1066
|
+
type="eye"
|
|
1067
|
+
/>
|
|
1068
|
+
</CapTooltip>,
|
|
1069
|
+
],
|
|
1070
|
+
"hoverOption": <CapButton
|
|
1071
|
+
className="select-zalo"
|
|
1072
|
+
isAddBtn={false}
|
|
1073
|
+
onClick={[Function]}
|
|
1074
|
+
type="primary"
|
|
1075
|
+
>
|
|
1076
|
+
Select
|
|
1077
|
+
</CapButton>,
|
|
1078
|
+
"key": "ZALO-card-Test1",
|
|
1079
|
+
"title": <CapRow>
|
|
1080
|
+
<CapLabel
|
|
1081
|
+
className="zalo-template-name"
|
|
1082
|
+
type="label1"
|
|
1083
|
+
>
|
|
1084
|
+
|
|
1085
|
+
</CapLabel>
|
|
1086
|
+
<CapRow
|
|
1087
|
+
align="middle"
|
|
1088
|
+
className="zalo-status-container"
|
|
1089
|
+
type="flex"
|
|
1090
|
+
>
|
|
1091
|
+
<CapStatus
|
|
1092
|
+
color=""
|
|
1093
|
+
height="0.571rem"
|
|
1094
|
+
labelType="label3"
|
|
1095
|
+
text=""
|
|
1096
|
+
type="pending"
|
|
1097
|
+
width="0.571rem"
|
|
1098
|
+
/>
|
|
1099
|
+
</CapRow>
|
|
1100
|
+
</CapRow>,
|
|
1101
|
+
},
|
|
1102
|
+
Object {
|
|
1103
|
+
"content": <CapLabel
|
|
1104
|
+
className="zalo-listing-content desc"
|
|
1105
|
+
type="label19"
|
|
1106
|
+
>
|
|
1107
|
+
Test2
|
|
1108
|
+
</CapLabel>,
|
|
1109
|
+
"extra": Array [
|
|
1110
|
+
<CapTooltip
|
|
1111
|
+
title="Open preview in new tab"
|
|
1112
|
+
>
|
|
1113
|
+
<CapIcon
|
|
1114
|
+
className="view-zalo"
|
|
1115
|
+
onClick={[Function]}
|
|
1116
|
+
style={
|
|
1117
|
+
Object {
|
|
1118
|
+
"marginRight": "16px",
|
|
1119
|
+
}
|
|
1120
|
+
}
|
|
1121
|
+
type="eye"
|
|
1122
|
+
/>
|
|
1123
|
+
</CapTooltip>,
|
|
1124
|
+
],
|
|
1125
|
+
"hoverOption": <CapButton
|
|
1126
|
+
className="select-zalo"
|
|
1127
|
+
isAddBtn={false}
|
|
1128
|
+
onClick={[Function]}
|
|
1129
|
+
type="primary"
|
|
1130
|
+
>
|
|
1131
|
+
Select
|
|
1132
|
+
</CapButton>,
|
|
1133
|
+
"key": "ZALO-card-Test2",
|
|
1134
|
+
"title": <CapRow>
|
|
1135
|
+
<CapLabel
|
|
1136
|
+
className="zalo-template-name"
|
|
1137
|
+
type="label1"
|
|
1138
|
+
>
|
|
1139
|
+
|
|
1140
|
+
</CapLabel>
|
|
1141
|
+
<CapRow
|
|
1142
|
+
align="middle"
|
|
1143
|
+
className="zalo-status-container"
|
|
1144
|
+
type="flex"
|
|
1145
|
+
>
|
|
1146
|
+
<CapStatus
|
|
1147
|
+
color=""
|
|
1148
|
+
height="0.571rem"
|
|
1149
|
+
labelType="label3"
|
|
1150
|
+
text=""
|
|
1151
|
+
type="pending"
|
|
1152
|
+
width="0.571rem"
|
|
1153
|
+
/>
|
|
1154
|
+
</CapRow>
|
|
1155
|
+
</CapRow>,
|
|
1156
|
+
},
|
|
1157
|
+
]
|
|
1158
|
+
}
|
|
1159
|
+
fbType="list"
|
|
1160
|
+
key="ZALO-card-list"
|
|
1161
|
+
style={
|
|
1162
|
+
Object {
|
|
1163
|
+
"marginLeft": "16px",
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
type="ZALO"
|
|
1167
|
+
/>
|
|
1168
|
+
</div>
|
|
1169
|
+
<div
|
|
1170
|
+
style={
|
|
1171
|
+
Object {
|
|
1172
|
+
"height": "calc(100vh - 325px)",
|
|
1173
|
+
"overflow": "auto",
|
|
1174
|
+
}
|
|
1175
|
+
}
|
|
1176
|
+
/>
|
|
1177
|
+
</div>
|
|
1178
|
+
</CapSpin>
|
|
1179
|
+
</div>
|
|
1180
|
+
</Pagination>
|
|
1181
|
+
</CapRow>
|
|
1182
|
+
<CapRow />
|
|
1183
|
+
<CapRow>
|
|
1184
|
+
<CapSlideBox
|
|
1185
|
+
closeIconPosition="right"
|
|
1186
|
+
closeIconSize="m"
|
|
1187
|
+
closeIconType="close"
|
|
1188
|
+
content={
|
|
1189
|
+
<CardGrid
|
|
1190
|
+
className=""
|
|
1191
|
+
colNumber={2}
|
|
1192
|
+
gutterSize={16}
|
|
1193
|
+
isLoading={false}
|
|
1194
|
+
listItem={Array []}
|
|
1195
|
+
onHoverItem={[Function]}
|
|
1196
|
+
onItemClick={[Function]}
|
|
1197
|
+
/>
|
|
1198
|
+
}
|
|
1199
|
+
handleClose={[Function]}
|
|
1200
|
+
header={
|
|
1201
|
+
<h3>
|
|
1202
|
+
Select layout
|
|
1203
|
+
</h3>
|
|
1204
|
+
}
|
|
1205
|
+
loadingText="Loading EDM Templates"
|
|
1206
|
+
position="right"
|
|
1207
|
+
show={false}
|
|
1208
|
+
size="size-r"
|
|
1209
|
+
width={60}
|
|
1210
|
+
/>
|
|
1211
|
+
<InjectIntl(Wrapper)
|
|
543
1212
|
centered={true}
|
|
544
1213
|
className="delete-template-confirm"
|
|
545
1214
|
closeText="Cancel"
|
|
@@ -550,7 +1219,7 @@ exports[`Test Templates container Should render temlates when whatsapp templates
|
|
|
550
1219
|
visible={false}
|
|
551
1220
|
>
|
|
552
1221
|
Are you sure you wish to delete this template?
|
|
553
|
-
</Wrapper>
|
|
1222
|
+
</InjectIntl(Wrapper)>
|
|
554
1223
|
</CapRow>
|
|
555
1224
|
</div>
|
|
556
1225
|
</Fragment>
|
|
@@ -847,16 +1516,20 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
847
1516
|
</CapLabel>
|
|
848
1517
|
</React.Fragment>,
|
|
849
1518
|
"extra": Array [
|
|
850
|
-
<
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
1519
|
+
<CapTooltip
|
|
1520
|
+
title=""
|
|
1521
|
+
>
|
|
1522
|
+
<CapIcon
|
|
1523
|
+
className="view-whatsapp"
|
|
1524
|
+
onClick={[Function]}
|
|
1525
|
+
style={
|
|
1526
|
+
Object {
|
|
1527
|
+
"marginRight": "16px",
|
|
1528
|
+
}
|
|
856
1529
|
}
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
1530
|
+
type="eye"
|
|
1531
|
+
/>
|
|
1532
|
+
</CapTooltip>,
|
|
860
1533
|
<CapDropdown
|
|
861
1534
|
overlay={
|
|
862
1535
|
<CapMenu>
|
|
@@ -1008,7 +1681,7 @@ Click {{3}} to unsubscribe",
|
|
|
1008
1681
|
size="size-r"
|
|
1009
1682
|
width={60}
|
|
1010
1683
|
/>
|
|
1011
|
-
<Wrapper
|
|
1684
|
+
<InjectIntl(Wrapper)
|
|
1012
1685
|
centered={true}
|
|
1013
1686
|
className="delete-template-confirm"
|
|
1014
1687
|
closeText="Cancel"
|
|
@@ -1019,7 +1692,7 @@ Click {{3}} to unsubscribe",
|
|
|
1019
1692
|
visible={false}
|
|
1020
1693
|
>
|
|
1021
1694
|
Are you sure you wish to delete this template?
|
|
1022
|
-
</Wrapper>
|
|
1695
|
+
</InjectIntl(Wrapper)>
|
|
1023
1696
|
</CapRow>
|
|
1024
1697
|
</div>
|
|
1025
1698
|
</Fragment>
|
|
@@ -1284,16 +1957,20 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1284
1957
|
</CapLabel>
|
|
1285
1958
|
</React.Fragment>,
|
|
1286
1959
|
"extra": Array [
|
|
1287
|
-
<
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1960
|
+
<CapTooltip
|
|
1961
|
+
title=""
|
|
1962
|
+
>
|
|
1963
|
+
<CapIcon
|
|
1964
|
+
className="view-whatsapp"
|
|
1965
|
+
onClick={[Function]}
|
|
1966
|
+
style={
|
|
1967
|
+
Object {
|
|
1968
|
+
"marginRight": "16px",
|
|
1969
|
+
}
|
|
1293
1970
|
}
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1971
|
+
type="eye"
|
|
1972
|
+
/>
|
|
1973
|
+
</CapTooltip>,
|
|
1297
1974
|
<CapDropdown
|
|
1298
1975
|
overlay={
|
|
1299
1976
|
<CapMenu>
|
|
@@ -1445,7 +2122,7 @@ Click {{3}} to unsubscribe",
|
|
|
1445
2122
|
size="size-r"
|
|
1446
2123
|
width={60}
|
|
1447
2124
|
/>
|
|
1448
|
-
<Wrapper
|
|
2125
|
+
<InjectIntl(Wrapper)
|
|
1449
2126
|
centered={true}
|
|
1450
2127
|
className="delete-template-confirm"
|
|
1451
2128
|
closeText="Cancel"
|
|
@@ -1456,7 +2133,7 @@ Click {{3}} to unsubscribe",
|
|
|
1456
2133
|
visible={false}
|
|
1457
2134
|
>
|
|
1458
2135
|
Are you sure you wish to delete this template?
|
|
1459
|
-
</Wrapper>
|
|
2136
|
+
</InjectIntl(Wrapper)>
|
|
1460
2137
|
</CapRow>
|
|
1461
2138
|
</div>
|
|
1462
2139
|
</Fragment>
|
|
@@ -1721,16 +2398,20 @@ Click {{unsubscribe}} to unsubscribe
|
|
|
1721
2398
|
</CapLabel>
|
|
1722
2399
|
</React.Fragment>,
|
|
1723
2400
|
"extra": Array [
|
|
1724
|
-
<
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
2401
|
+
<CapTooltip
|
|
2402
|
+
title=""
|
|
2403
|
+
>
|
|
2404
|
+
<CapIcon
|
|
2405
|
+
className="view-whatsapp"
|
|
2406
|
+
onClick={[Function]}
|
|
2407
|
+
style={
|
|
2408
|
+
Object {
|
|
2409
|
+
"marginRight": "16px",
|
|
2410
|
+
}
|
|
1730
2411
|
}
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
2412
|
+
type="eye"
|
|
2413
|
+
/>
|
|
2414
|
+
</CapTooltip>,
|
|
1734
2415
|
<CapDropdown
|
|
1735
2416
|
overlay={
|
|
1736
2417
|
<CapMenu>
|
|
@@ -1882,7 +2563,7 @@ Click {{3}} to unsubscribe",
|
|
|
1882
2563
|
size="size-r"
|
|
1883
2564
|
width={60}
|
|
1884
2565
|
/>
|
|
1885
|
-
<Wrapper
|
|
2566
|
+
<InjectIntl(Wrapper)
|
|
1886
2567
|
centered={true}
|
|
1887
2568
|
className="delete-template-confirm"
|
|
1888
2569
|
closeText="Cancel"
|
|
@@ -1893,7 +2574,7 @@ Click {{3}} to unsubscribe",
|
|
|
1893
2574
|
visible={false}
|
|
1894
2575
|
>
|
|
1895
2576
|
Are you sure you wish to delete this template?
|
|
1896
|
-
</Wrapper>
|
|
2577
|
+
</InjectIntl(Wrapper)>
|
|
1897
2578
|
</CapRow>
|
|
1898
2579
|
</div>
|
|
1899
2580
|
</Fragment>
|
|
@@ -2146,7 +2827,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
|
|
|
2146
2827
|
size="size-r"
|
|
2147
2828
|
width={60}
|
|
2148
2829
|
/>
|
|
2149
|
-
<Wrapper
|
|
2830
|
+
<InjectIntl(Wrapper)
|
|
2150
2831
|
centered={true}
|
|
2151
2832
|
className="delete-template-confirm"
|
|
2152
2833
|
closeText="Cancel"
|
|
@@ -2157,7 +2838,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
|
|
|
2157
2838
|
visible={false}
|
|
2158
2839
|
>
|
|
2159
2840
|
Are you sure you wish to delete this template?
|
|
2160
|
-
</Wrapper>
|
|
2841
|
+
</InjectIntl(Wrapper)>
|
|
2161
2842
|
</CapRow>
|
|
2162
2843
|
</div>
|
|
2163
2844
|
</Fragment>
|
|
@@ -2384,7 +3065,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
|
|
|
2384
3065
|
size="size-r"
|
|
2385
3066
|
width={60}
|
|
2386
3067
|
/>
|
|
2387
|
-
<Wrapper
|
|
3068
|
+
<InjectIntl(Wrapper)
|
|
2388
3069
|
centered={true}
|
|
2389
3070
|
className="delete-template-confirm"
|
|
2390
3071
|
closeText="Cancel"
|
|
@@ -2395,7 +3076,7 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
|
|
|
2395
3076
|
visible={false}
|
|
2396
3077
|
>
|
|
2397
3078
|
Are you sure you wish to delete this template?
|
|
2398
|
-
</Wrapper>
|
|
3079
|
+
</InjectIntl(Wrapper)>
|
|
2399
3080
|
</CapRow>
|
|
2400
3081
|
</div>
|
|
2401
3082
|
</Fragment>
|
|
@@ -2622,7 +3303,7 @@ exports[`Test Templates container Test removing single filter 1`] = `
|
|
|
2622
3303
|
size="size-r"
|
|
2623
3304
|
width={60}
|
|
2624
3305
|
/>
|
|
2625
|
-
<Wrapper
|
|
3306
|
+
<InjectIntl(Wrapper)
|
|
2626
3307
|
centered={true}
|
|
2627
3308
|
className="delete-template-confirm"
|
|
2628
3309
|
closeText="Cancel"
|
|
@@ -2633,7 +3314,7 @@ exports[`Test Templates container Test removing single filter 1`] = `
|
|
|
2633
3314
|
visible={false}
|
|
2634
3315
|
>
|
|
2635
3316
|
Are you sure you wish to delete this template?
|
|
2636
|
-
</Wrapper>
|
|
3317
|
+
</InjectIntl(Wrapper)>
|
|
2637
3318
|
</CapRow>
|
|
2638
3319
|
</div>
|
|
2639
3320
|
</Fragment>
|