@capillarytech/creatives-library 7.17.42 → 7.17.43
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/WhatsappStatusContainer/_whatsappStatusContainer.scss +6 -0
- package/v2Containers/Templates/_templates.scss +4 -0
- package/v2Containers/Templates/index.js +3 -3
- package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +18 -4
- package/v2Containers/Zalo/index.js +5 -5
- package/v2Containers/Zalo/messages.js +1 -1
- package/v2Containers/Zalo/tests/index.test.js +1 -1
package/package.json
CHANGED
|
@@ -969,7 +969,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
969
969
|
key: `${currentChannel}-card-${template?.name}`,
|
|
970
970
|
title: <span title={template?.name} >{template?.name}</span>,
|
|
971
971
|
extra: [
|
|
972
|
-
<CapTooltip title={this.state.channel.toLowerCase() === ZALO_LOWERCASE ? this.props.intl.formatMessage(messages.zaloPreview) : ''}>
|
|
972
|
+
<CapTooltip title={this.state.channel.toLowerCase() === ZALO_LOWERCASE ? <div className='zalo-view-tooltip'>{this.props.intl.formatMessage(messages.zaloPreview)}</div> : ''}>
|
|
973
973
|
<CapIcon
|
|
974
974
|
className={`view-${channelLowerCase}`}
|
|
975
975
|
style={{ marginRight: '16px' }}
|
|
@@ -1202,13 +1202,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
|
|
|
1202
1202
|
} = template;
|
|
1203
1203
|
templateData.title = (
|
|
1204
1204
|
<CapRow>
|
|
1205
|
-
<CapLabel className="zalo-template-name">
|
|
1205
|
+
<CapLabel label='label16' className="zalo-template-name">
|
|
1206
1206
|
{templateId}
|
|
1207
1207
|
</CapLabel>
|
|
1208
1208
|
<CapRow
|
|
1209
1209
|
type="flex"
|
|
1210
1210
|
align="middle"
|
|
1211
|
-
className="zalo-status-container"
|
|
1211
|
+
className="zalo-status-container zalo-status-color"
|
|
1212
1212
|
>
|
|
1213
1213
|
<CapStatus
|
|
1214
1214
|
type={
|
|
@@ -207,7 +207,13 @@ exports[`Test Templates container Should render temlates when Zalo templates are
|
|
|
207
207
|
</CapLabel>,
|
|
208
208
|
"extra": Array [
|
|
209
209
|
<CapTooltip
|
|
210
|
-
title=
|
|
210
|
+
title={
|
|
211
|
+
<div
|
|
212
|
+
className="zalo-view-tooltip"
|
|
213
|
+
>
|
|
214
|
+
Open preview in new tab
|
|
215
|
+
</div>
|
|
216
|
+
}
|
|
211
217
|
>
|
|
212
218
|
<CapIcon
|
|
213
219
|
className="view-zalo"
|
|
@@ -261,13 +267,14 @@ exports[`Test Templates container Should render temlates when Zalo templates are
|
|
|
261
267
|
"title": <CapRow>
|
|
262
268
|
<CapLabel
|
|
263
269
|
className="zalo-template-name"
|
|
270
|
+
label="label16"
|
|
264
271
|
type="label1"
|
|
265
272
|
>
|
|
266
273
|
|
|
267
274
|
</CapLabel>
|
|
268
275
|
<CapRow
|
|
269
276
|
align="middle"
|
|
270
|
-
className="zalo-status-container"
|
|
277
|
+
className="zalo-status-container zalo-status-color"
|
|
271
278
|
type="flex"
|
|
272
279
|
>
|
|
273
280
|
<CapStatus
|
|
@@ -290,7 +297,13 @@ exports[`Test Templates container Should render temlates when Zalo templates are
|
|
|
290
297
|
</CapLabel>,
|
|
291
298
|
"extra": Array [
|
|
292
299
|
<CapTooltip
|
|
293
|
-
title=
|
|
300
|
+
title={
|
|
301
|
+
<div
|
|
302
|
+
className="zalo-view-tooltip"
|
|
303
|
+
>
|
|
304
|
+
Open preview in new tab
|
|
305
|
+
</div>
|
|
306
|
+
}
|
|
294
307
|
>
|
|
295
308
|
<CapIcon
|
|
296
309
|
className="view-zalo"
|
|
@@ -344,13 +357,14 @@ exports[`Test Templates container Should render temlates when Zalo templates are
|
|
|
344
357
|
"title": <CapRow>
|
|
345
358
|
<CapLabel
|
|
346
359
|
className="zalo-template-name"
|
|
360
|
+
label="label16"
|
|
347
361
|
type="label1"
|
|
348
362
|
>
|
|
349
363
|
|
|
350
364
|
</CapLabel>
|
|
351
365
|
<CapRow
|
|
352
366
|
align="middle"
|
|
353
|
-
className="zalo-status-container"
|
|
367
|
+
className="zalo-status-container zalo-status-color"
|
|
354
368
|
type="flex"
|
|
355
369
|
>
|
|
356
370
|
<CapStatus
|
|
@@ -434,12 +434,12 @@ export const Zalo = (props) => {
|
|
|
434
434
|
<CapColumn span={10}>
|
|
435
435
|
<TemplatePreview
|
|
436
436
|
channel={ZALO}
|
|
437
|
-
templateData={{templatePreviewUrl, fullMode: isFullMode}}
|
|
437
|
+
templateData={{ templatePreviewUrl, fullMode: isFullMode }}
|
|
438
438
|
/>
|
|
439
439
|
</CapColumn>
|
|
440
440
|
</CapRow>
|
|
441
|
-
|
|
442
|
-
|
|
441
|
+
{!isFullMode && (
|
|
442
|
+
<ZaloFooter>
|
|
443
443
|
<CapTooltip
|
|
444
444
|
title={
|
|
445
445
|
isEditDoneDisabled()
|
|
@@ -457,8 +457,8 @@ export const Zalo = (props) => {
|
|
|
457
457
|
</CapButton>
|
|
458
458
|
</div>
|
|
459
459
|
</CapTooltip>
|
|
460
|
-
|
|
461
|
-
|
|
460
|
+
</ZaloFooter>
|
|
461
|
+
)}
|
|
462
462
|
</CapSpin>
|
|
463
463
|
);
|
|
464
464
|
};
|
|
@@ -59,7 +59,7 @@ describe('Test activity zalo container', () => {
|
|
|
59
59
|
const previewButton = screen.getByTestId('preview-link-button');
|
|
60
60
|
previewButton.click();
|
|
61
61
|
expect(
|
|
62
|
-
screen.getByText('This template has been enabled'),
|
|
62
|
+
screen.getByText('This template has been enabled/approved'),
|
|
63
63
|
).toBeInTheDocument();
|
|
64
64
|
});
|
|
65
65
|
|