@capillarytech/creatives-library 8.0.229 → 8.0.231-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.
Files changed (16) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CapPageSpinner/index.js +35 -0
  3. package/v2Components/CapPageSpinner/index.scss +36 -0
  4. package/v2Components/CapPageSpinner/messages.js +13 -0
  5. package/v2Components/CardGrid/index.js +1 -1
  6. package/v2Components/CmsTemplatesComponent/index.js +1 -1
  7. package/v2Components/Pagination/_pagination.scss +6 -2
  8. package/v2Components/Pagination/index.js +1 -3
  9. package/v2Containers/Assets/Gallery/index.js +8 -7
  10. package/v2Containers/Email/index.js +2 -2
  11. package/v2Containers/Line/Container/Drawer/index.js +2 -2
  12. package/v2Containers/Line/Container/_lineCreate.scss +2 -2
  13. package/v2Containers/Templates/_templates.scss +5 -10
  14. package/v2Containers/Templates/index.js +17 -7
  15. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +775 -775
  16. package/v2Containers/TemplatesV2/index.js +1 -1
package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap CHANGED
@@ -203,8 +203,6 @@ exports[`Test Templates container Should render sms illustration when no templat
203
203
  <CapRow>
204
204
  <Pagination
205
205
  onPageChange={[Function]}
206
- paginationContainer="pagination-container"
207
- paginationSelector="pagination-container"
208
206
  >
209
207
  <div>
210
208
  <div
@@ -247,15 +245,17 @@ exports[`Test Templates container Should render sms illustration when no templat
247
245
  </CapButton>
248
246
  </div>
249
247
  </div>
250
- <CapCustomSkeleton>
251
- <div>
252
- <ChannelTypeIllustration
253
- createTemplate={[Function]}
254
- currentChannel="SMS"
255
- hostName=""
256
- />
257
- </div>
258
- </CapCustomSkeleton>
248
+ <div>
249
+ <ChannelTypeIllustration
250
+ createTemplate={[Function]}
251
+ currentChannel="SMS"
252
+ hostName=""
253
+ />
254
+ <CapCustomSkeleton
255
+ loader={false}
256
+ />
257
+ <InjectIntl(CapPageSpinner) />
258
+ </div>
259
259
  </div>
260
260
  </Pagination>
261
261
  </CapRow>
@@ -380,8 +380,6 @@ exports[`Test Templates container Should render temlates when whatsapp templates
380
380
  <CapRow>
381
381
  <Pagination
382
382
  onPageChange={[Function]}
383
- paginationContainer="pagination-container"
384
- paginationSelector="pagination-container"
385
383
  templateInProgress={false}
386
384
  >
387
385
  <div>
@@ -528,47 +526,49 @@ exports[`Test Templates container Should render temlates when whatsapp templates
528
526
  className="selected-whatsapp-filters"
529
527
  type="flex"
530
528
  />
531
- <CapCustomSkeleton
532
- loader={false}
533
- >
534
- <div>
535
- <div
536
- style={
537
- Object {
538
- "height": "calc(100vh - 325px)",
539
- "overflow": "auto",
540
- }
529
+ <div>
530
+ <div
531
+ style={
532
+ Object {
533
+ "height": "calc(100vh - 325px)",
534
+ "overflow": "auto",
541
535
  }
542
- >
543
- <CapHeader
544
- description={
545
- <CapLabel
546
- style={
547
- Object {
548
- "textAlign": "center",
549
- }
536
+ }
537
+ >
538
+ <CapHeader
539
+ description={
540
+ <CapLabel
541
+ style={
542
+ Object {
543
+ "textAlign": "center",
550
544
  }
551
- type="label1"
552
- >
553
- Please try searching with another term or apply different filter
554
- </CapLabel>
555
- }
556
- descriptionClass=""
557
- inline={false}
558
- size="large"
559
- title={
560
- <CapHeading
561
- className="channel-specific-illustration-text"
562
- type="h3"
563
- >
564
- Sorry, we couldn’t find any matches
565
- </CapHeading>
566
- }
567
- titleClass=""
568
- />
569
- </div>
545
+ }
546
+ type="label1"
547
+ >
548
+ Please try searching with another term or apply different filter
549
+ </CapLabel>
550
+ }
551
+ descriptionClass=""
552
+ inline={false}
553
+ size="large"
554
+ title={
555
+ <CapHeading
556
+ className="channel-specific-illustration-text"
557
+ type="h3"
558
+ >
559
+ Sorry, we couldn’t find any matches
560
+ </CapHeading>
561
+ }
562
+ titleClass=""
563
+ />
570
564
  </div>
571
- </CapCustomSkeleton>
565
+ <CapCustomSkeleton
566
+ loader={false}
567
+ />
568
+ <InjectIntl(CapPageSpinner)
569
+ spinning={false}
570
+ />
571
+ </div>
572
572
  </div>
573
573
  </Pagination>
574
574
  </CapRow>
@@ -637,8 +637,6 @@ exports[`Test Templates container Should render temlates when whatsapp templates
637
637
  <CapRow>
638
638
  <Pagination
639
639
  onPageChange={[Function]}
640
- paginationContainer="pagination-container"
641
- paginationSelector="pagination-container"
642
640
  templateInProgress={false}
643
641
  >
644
642
  <div>
@@ -859,47 +857,49 @@ exports[`Test Templates container Should render temlates when whatsapp templates
859
857
  title="Clear all"
860
858
  />
861
859
  </CapRow>
862
- <CapCustomSkeleton
863
- loader={false}
864
- >
865
- <div>
866
- <div
867
- style={
868
- Object {
869
- "height": "calc(100vh - 325px)",
870
- "overflow": "auto",
871
- }
860
+ <div>
861
+ <div
862
+ style={
863
+ Object {
864
+ "height": "calc(100vh - 325px)",
865
+ "overflow": "auto",
872
866
  }
873
- >
874
- <CapHeader
875
- description={
876
- <CapLabel
877
- style={
878
- Object {
879
- "textAlign": "center",
880
- }
867
+ }
868
+ >
869
+ <CapHeader
870
+ description={
871
+ <CapLabel
872
+ style={
873
+ Object {
874
+ "textAlign": "center",
881
875
  }
882
- type="label1"
883
- >
884
- Please try searching with another term or apply different filter
885
- </CapLabel>
886
- }
887
- descriptionClass=""
888
- inline={false}
889
- size="large"
890
- title={
891
- <CapHeading
892
- className="channel-specific-illustration-text"
893
- type="h3"
894
- >
895
- Sorry, we couldn’t find any matches
896
- </CapHeading>
897
- }
898
- titleClass=""
899
- />
900
- </div>
876
+ }
877
+ type="label1"
878
+ >
879
+ Please try searching with another term or apply different filter
880
+ </CapLabel>
881
+ }
882
+ descriptionClass=""
883
+ inline={false}
884
+ size="large"
885
+ title={
886
+ <CapHeading
887
+ className="channel-specific-illustration-text"
888
+ type="h3"
889
+ >
890
+ Sorry, we couldn’t find any matches
891
+ </CapHeading>
892
+ }
893
+ titleClass=""
894
+ />
901
895
  </div>
902
- </CapCustomSkeleton>
896
+ <CapCustomSkeleton
897
+ loader={false}
898
+ />
899
+ <InjectIntl(CapPageSpinner)
900
+ spinning={false}
901
+ />
902
+ </div>
903
903
  </div>
904
904
  </Pagination>
905
905
  </CapRow>
@@ -1060,8 +1060,6 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
1060
1060
  <CapRow>
1061
1061
  <Pagination
1062
1062
  onPageChange={[Function]}
1063
- paginationContainer="pagination-container"
1064
- paginationSelector="pagination-container"
1065
1063
  templateInProgress={false}
1066
1064
  >
1067
1065
  <div>
@@ -1264,220 +1262,222 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
1264
1262
  className="selected-whatsapp-filters"
1265
1263
  type="flex"
1266
1264
  />
1267
- <CapCustomSkeleton
1268
- loader={false}
1269
- >
1270
- <div>
1271
- <div
1272
- className="pagination-container"
1273
- >
1274
- <CapCustomCardList
1275
- cardList={
1276
- Array [
1277
- Object {
1278
- "content": <React.Fragment>
1279
- <div
1280
- className="whatsapp-container"
1265
+ <div>
1266
+ <div
1267
+ className="v2-pagination-container"
1268
+ >
1269
+ <CapCustomCardList
1270
+ cardList={
1271
+ Array [
1272
+ Object {
1273
+ "content": <React.Fragment>
1274
+ <div
1275
+ className="whatsapp-container"
1276
+ >
1277
+ <CapImage
1278
+ className="whatsapp-image"
1279
+ src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
1280
+ />
1281
+
1282
+ <span
1283
+ className="whatsapp-message-with-media"
1281
1284
  >
1282
- <CapImage
1283
- className="whatsapp-image"
1284
- src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
1285
- />
1286
1285
 
1287
- <span
1288
- className="whatsapp-message-with-media"
1289
- >
1290
-
1291
- <CapLabel
1292
- type="label9"
1293
- >
1294
- Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1295
- Click {{unsubscribe}} to unsubscribe
1296
- </CapLabel>
1297
-
1298
- </span>
1299
1286
  <CapLabel
1300
- style={
1301
- Object {
1302
- "marginTop": "12px",
1303
- "textAlign": "center",
1304
- }
1305
- }
1306
- type="label21"
1287
+ type="label9"
1307
1288
  >
1308
- <CapIcon
1309
- size="xs"
1310
- svgProps={
1311
- Object {
1312
- "style": Object {
1313
- "marginRight": "4px",
1314
- },
1315
- }
1316
- }
1317
- type="call"
1318
- />
1319
- Call
1289
+ Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1290
+ Click {{unsubscribe}} to unsubscribe
1320
1291
  </CapLabel>
1321
- <CapLabel
1322
- style={
1323
- Object {
1324
- "marginTop": "12px",
1325
- "textAlign": "center",
1326
- }
1292
+
1293
+ </span>
1294
+ <CapLabel
1295
+ style={
1296
+ Object {
1297
+ "marginTop": "12px",
1298
+ "textAlign": "center",
1327
1299
  }
1328
- type="label21"
1329
- >
1330
- <CapIcon
1331
- size="xs"
1332
- svgProps={
1333
- Object {
1334
- "style": Object {
1335
- "marginRight": "4px",
1336
- },
1337
- }
1338
- }
1339
- type="launch"
1340
- />
1341
- Visit
1342
- </CapLabel>
1343
- <React.Fragment />
1344
- </div>
1345
- <div
1346
- className="scroll-container"
1347
- />
1348
- </React.Fragment>,
1349
- "extra": Array [
1350
- <React.Fragment>
1300
+ }
1301
+ type="label21"
1302
+ >
1351
1303
  <CapIcon
1352
- className="view-whatsapp"
1353
- onClick={[Function]}
1354
- style={
1304
+ size="xs"
1305
+ svgProps={
1355
1306
  Object {
1356
- "marginRight": "16px",
1307
+ "style": Object {
1308
+ "marginRight": "4px",
1309
+ },
1357
1310
  }
1358
1311
  }
1359
- type="eye"
1312
+ type="call"
1360
1313
  />
1361
- </React.Fragment>,
1362
- <CapDropdown
1363
- overlay={
1364
- <CapMenu>
1365
- <withItemHOC
1366
- className="delete-whatsapp"
1367
- onClick={[Function]}
1368
- >
1369
- <FormattedMessage
1370
- defaultMessage="Delete"
1371
- id="creatives.containersV2.Templates.deleteButton"
1372
- values={Object {}}
1373
- />
1374
- </withItemHOC>
1375
- </CapMenu>
1314
+ Call
1315
+ </CapLabel>
1316
+ <CapLabel
1317
+ style={
1318
+ Object {
1319
+ "marginTop": "12px",
1320
+ "textAlign": "center",
1321
+ }
1376
1322
  }
1323
+ type="label21"
1377
1324
  >
1378
1325
  <CapIcon
1379
- type="more"
1326
+ size="xs"
1327
+ svgProps={
1328
+ Object {
1329
+ "style": Object {
1330
+ "marginRight": "4px",
1331
+ },
1332
+ }
1333
+ }
1334
+ type="launch"
1380
1335
  />
1381
- </CapDropdown>,
1382
- ],
1383
- "hoverOption": <CapButton
1384
- className="edit-whatsapp"
1385
- isAddBtn={false}
1386
- onClick={[Function]}
1387
- type="primary"
1388
- >
1389
- Overview
1390
- </CapButton>,
1391
- "key": "WHATSAPP-card-creatives_whatsapp6",
1392
- "title": <CapRow>
1393
- <CapLabel
1394
- className="whatsapp-rcs-template-name"
1395
- type="label1"
1396
- >
1397
- creatives_whatsapp6
1336
+ Visit
1398
1337
  </CapLabel>
1399
- <WhatsappStatusContainer
1400
- template={
1338
+ <React.Fragment />
1339
+ </div>
1340
+ <div
1341
+ className="scroll-container"
1342
+ />
1343
+ </React.Fragment>,
1344
+ "extra": Array [
1345
+ <React.Fragment>
1346
+ <CapIcon
1347
+ className="view-whatsapp"
1348
+ onClick={[Function]}
1349
+ style={
1401
1350
  Object {
1402
- "_id": "62d3f971b497b671d3bbf8f7",
1403
- "createdAt": "2022-07-17T11:58:45.592Z",
1404
- "createdBy": "15000449",
1405
- "isActive": true,
1406
- "name": "creatives_whatsapp6",
1407
- "orgId": 50074,
1408
- "totalCount": 1510,
1409
- "type": "WHATSAPP",
1410
- "updatedAt": "2022-07-17T11:58:45.592Z",
1411
- "updatedBy": "15000449",
1412
- "versions": Object {
1413
- "$init": true,
1414
- "base": Object {
1415
- "content": Object {
1416
- "whatsapp": Object {
1417
- "accessToken": "Bearer abcd",
1418
- "accountId": "12345",
1419
- "buttonType": "CTA",
1420
- "buttons": Array [
1421
- Object {
1422
- "index": 0,
1423
- "phone_number": "+919738752617",
1424
- "text": "Call",
1425
- "type": "PHONE_NUMBER",
1426
- },
1427
- Object {
1428
- "index": 1,
1429
- "text": "Visit",
1430
- "type": "DYNAMIC_URL",
1431
- "url": "https://docs.google.com/{{1}}",
1432
- },
1433
- ],
1434
- "category": "MARKETING",
1435
- "hostName": "karixwhatsappbulk",
1436
- "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
1437
- "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
1438
- "languages": Array [
1439
- Object {
1440
- "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1351
+ "marginRight": "16px",
1352
+ }
1353
+ }
1354
+ type="eye"
1355
+ />
1356
+ </React.Fragment>,
1357
+ <CapDropdown
1358
+ overlay={
1359
+ <CapMenu>
1360
+ <withItemHOC
1361
+ className="delete-whatsapp"
1362
+ onClick={[Function]}
1363
+ >
1364
+ <FormattedMessage
1365
+ defaultMessage="Delete"
1366
+ id="creatives.containersV2.Templates.deleteButton"
1367
+ values={Object {}}
1368
+ />
1369
+ </withItemHOC>
1370
+ </CapMenu>
1371
+ }
1372
+ >
1373
+ <CapIcon
1374
+ type="more"
1375
+ />
1376
+ </CapDropdown>,
1377
+ ],
1378
+ "hoverOption": <CapButton
1379
+ className="edit-whatsapp"
1380
+ isAddBtn={false}
1381
+ onClick={[Function]}
1382
+ type="primary"
1383
+ >
1384
+ Overview
1385
+ </CapButton>,
1386
+ "key": "WHATSAPP-card-creatives_whatsapp6",
1387
+ "title": <CapRow>
1388
+ <CapLabel
1389
+ className="whatsapp-rcs-template-name"
1390
+ type="label1"
1391
+ >
1392
+ creatives_whatsapp6
1393
+ </CapLabel>
1394
+ <WhatsappStatusContainer
1395
+ template={
1396
+ Object {
1397
+ "_id": "62d3f971b497b671d3bbf8f7",
1398
+ "createdAt": "2022-07-17T11:58:45.592Z",
1399
+ "createdBy": "15000449",
1400
+ "isActive": true,
1401
+ "name": "creatives_whatsapp6",
1402
+ "orgId": 50074,
1403
+ "totalCount": 1510,
1404
+ "type": "WHATSAPP",
1405
+ "updatedAt": "2022-07-17T11:58:45.592Z",
1406
+ "updatedBy": "15000449",
1407
+ "versions": Object {
1408
+ "$init": true,
1409
+ "base": Object {
1410
+ "content": Object {
1411
+ "whatsapp": Object {
1412
+ "accessToken": "Bearer abcd",
1413
+ "accountId": "12345",
1414
+ "buttonType": "CTA",
1415
+ "buttons": Array [
1416
+ Object {
1417
+ "index": 0,
1418
+ "phone_number": "+919738752617",
1419
+ "text": "Call",
1420
+ "type": "PHONE_NUMBER",
1421
+ },
1422
+ Object {
1423
+ "index": 1,
1424
+ "text": "Visit",
1425
+ "type": "DYNAMIC_URL",
1426
+ "url": "https://docs.google.com/{{1}}",
1427
+ },
1428
+ ],
1429
+ "category": "MARKETING",
1430
+ "hostName": "karixwhatsappbulk",
1431
+ "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
1432
+ "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
1433
+ "languages": Array [
1434
+ Object {
1435
+ "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1441
1436
  Click {{3}} to unsubscribe",
1442
- "language": "en",
1443
- },
1444
- ],
1445
- "mediaType": "IMAGE",
1446
- "status": "pending",
1447
- "templateEditor": false,
1448
- "templateId": "720951875646523",
1449
- },
1437
+ "language": "en",
1438
+ },
1439
+ ],
1440
+ "mediaType": "IMAGE",
1441
+ "status": "pending",
1442
+ "templateEditor": false,
1443
+ "templateId": "720951875646523",
1450
1444
  },
1451
1445
  },
1452
- "history": Array [],
1453
1446
  },
1454
- }
1447
+ "history": Array [],
1448
+ },
1455
1449
  }
1456
- />
1457
- </CapRow>,
1458
- },
1459
- ]
1460
- }
1461
- fbType="list"
1462
- key="WHATSAPP-card-list"
1463
- style={
1464
- Object {
1465
- "marginLeft": "16px",
1466
- }
1467
- }
1468
- type="WHATSAPP"
1469
- />
1470
- </div>
1471
- <div
1450
+ }
1451
+ />
1452
+ </CapRow>,
1453
+ },
1454
+ ]
1455
+ }
1456
+ fbType="list"
1457
+ key="WHATSAPP-card-list"
1472
1458
  style={
1473
1459
  Object {
1474
- "height": "calc(100vh - 325px)",
1475
- "overflow": "auto",
1460
+ "marginLeft": "16px",
1476
1461
  }
1477
1462
  }
1463
+ type="WHATSAPP"
1478
1464
  />
1479
1465
  </div>
1480
- </CapCustomSkeleton>
1466
+ <div
1467
+ style={
1468
+ Object {
1469
+ "height": "calc(100vh - 325px)",
1470
+ "overflow": "auto",
1471
+ }
1472
+ }
1473
+ />
1474
+ <CapCustomSkeleton
1475
+ loader={false}
1476
+ />
1477
+ <InjectIntl(CapPageSpinner)
1478
+ spinning={false}
1479
+ />
1480
+ </div>
1481
1481
  </div>
1482
1482
  </Pagination>
1483
1483
  </CapRow>
@@ -1546,8 +1546,6 @@ exports[`Test Templates container Test max templates not exceeded 1`] = `
1546
1546
  <CapRow>
1547
1547
  <Pagination
1548
1548
  onPageChange={[Function]}
1549
- paginationContainer="pagination-container"
1550
- paginationSelector="pagination-container"
1551
1549
  templateInProgress={false}
1552
1550
  >
1553
1551
  <div>
@@ -1750,220 +1748,222 @@ exports[`Test Templates container Test max templates not exceeded 1`] = `
1750
1748
  className="selected-whatsapp-filters"
1751
1749
  type="flex"
1752
1750
  />
1753
- <CapCustomSkeleton
1754
- loader={false}
1755
- >
1756
- <div>
1757
- <div
1758
- className="pagination-container"
1759
- >
1760
- <CapCustomCardList
1761
- cardList={
1762
- Array [
1763
- Object {
1764
- "content": <React.Fragment>
1765
- <div
1766
- className="whatsapp-container"
1751
+ <div>
1752
+ <div
1753
+ className="v2-pagination-container"
1754
+ >
1755
+ <CapCustomCardList
1756
+ cardList={
1757
+ Array [
1758
+ Object {
1759
+ "content": <React.Fragment>
1760
+ <div
1761
+ className="whatsapp-container"
1762
+ >
1763
+ <CapImage
1764
+ className="whatsapp-image"
1765
+ src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
1766
+ />
1767
+
1768
+ <span
1769
+ className="whatsapp-message-with-media"
1767
1770
  >
1768
- <CapImage
1769
- className="whatsapp-image"
1770
- src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
1771
- />
1772
1771
 
1773
- <span
1774
- className="whatsapp-message-with-media"
1775
- >
1776
-
1777
- <CapLabel
1778
- type="label9"
1779
- >
1780
- Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1781
- Click {{unsubscribe}} to unsubscribe
1782
- </CapLabel>
1783
-
1784
- </span>
1785
1772
  <CapLabel
1786
- style={
1787
- Object {
1788
- "marginTop": "12px",
1789
- "textAlign": "center",
1790
- }
1791
- }
1792
- type="label21"
1773
+ type="label9"
1793
1774
  >
1794
- <CapIcon
1795
- size="xs"
1796
- svgProps={
1797
- Object {
1798
- "style": Object {
1799
- "marginRight": "4px",
1800
- },
1801
- }
1802
- }
1803
- type="call"
1804
- />
1805
- Call
1775
+ Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1776
+ Click {{unsubscribe}} to unsubscribe
1806
1777
  </CapLabel>
1807
- <CapLabel
1808
- style={
1809
- Object {
1810
- "marginTop": "12px",
1811
- "textAlign": "center",
1812
- }
1778
+
1779
+ </span>
1780
+ <CapLabel
1781
+ style={
1782
+ Object {
1783
+ "marginTop": "12px",
1784
+ "textAlign": "center",
1813
1785
  }
1814
- type="label21"
1815
- >
1816
- <CapIcon
1817
- size="xs"
1818
- svgProps={
1819
- Object {
1820
- "style": Object {
1821
- "marginRight": "4px",
1822
- },
1823
- }
1824
- }
1825
- type="launch"
1826
- />
1827
- Visit
1828
- </CapLabel>
1829
- <React.Fragment />
1830
- </div>
1831
- <div
1832
- className="scroll-container"
1833
- />
1834
- </React.Fragment>,
1835
- "extra": Array [
1836
- <React.Fragment>
1786
+ }
1787
+ type="label21"
1788
+ >
1837
1789
  <CapIcon
1838
- className="view-whatsapp"
1839
- onClick={[Function]}
1840
- style={
1790
+ size="xs"
1791
+ svgProps={
1841
1792
  Object {
1842
- "marginRight": "16px",
1793
+ "style": Object {
1794
+ "marginRight": "4px",
1795
+ },
1843
1796
  }
1844
1797
  }
1845
- type="eye"
1798
+ type="call"
1846
1799
  />
1847
- </React.Fragment>,
1848
- <CapDropdown
1849
- overlay={
1850
- <CapMenu>
1851
- <withItemHOC
1852
- className="delete-whatsapp"
1853
- onClick={[Function]}
1854
- >
1855
- <FormattedMessage
1856
- defaultMessage="Delete"
1857
- id="creatives.containersV2.Templates.deleteButton"
1858
- values={Object {}}
1859
- />
1860
- </withItemHOC>
1861
- </CapMenu>
1800
+ Call
1801
+ </CapLabel>
1802
+ <CapLabel
1803
+ style={
1804
+ Object {
1805
+ "marginTop": "12px",
1806
+ "textAlign": "center",
1807
+ }
1862
1808
  }
1809
+ type="label21"
1863
1810
  >
1864
1811
  <CapIcon
1865
- type="more"
1812
+ size="xs"
1813
+ svgProps={
1814
+ Object {
1815
+ "style": Object {
1816
+ "marginRight": "4px",
1817
+ },
1818
+ }
1819
+ }
1820
+ type="launch"
1866
1821
  />
1867
- </CapDropdown>,
1868
- ],
1869
- "hoverOption": <CapButton
1870
- className="edit-whatsapp"
1871
- isAddBtn={false}
1872
- onClick={[Function]}
1873
- type="primary"
1874
- >
1875
- Overview
1876
- </CapButton>,
1877
- "key": "WHATSAPP-card-creatives_whatsapp6",
1878
- "title": <CapRow>
1879
- <CapLabel
1880
- className="whatsapp-rcs-template-name"
1881
- type="label1"
1882
- >
1883
- creatives_whatsapp6
1822
+ Visit
1884
1823
  </CapLabel>
1885
- <WhatsappStatusContainer
1886
- template={
1824
+ <React.Fragment />
1825
+ </div>
1826
+ <div
1827
+ className="scroll-container"
1828
+ />
1829
+ </React.Fragment>,
1830
+ "extra": Array [
1831
+ <React.Fragment>
1832
+ <CapIcon
1833
+ className="view-whatsapp"
1834
+ onClick={[Function]}
1835
+ style={
1887
1836
  Object {
1888
- "_id": "62d3f971b497b671d3bbf8f7",
1889
- "createdAt": "2022-07-17T11:58:45.592Z",
1890
- "createdBy": "15000449",
1891
- "isActive": true,
1892
- "name": "creatives_whatsapp6",
1893
- "orgId": 50074,
1894
- "totalCount": 260,
1895
- "type": "WHATSAPP",
1896
- "updatedAt": "2022-07-17T11:58:45.592Z",
1897
- "updatedBy": "15000449",
1898
- "versions": Object {
1899
- "$init": true,
1900
- "base": Object {
1901
- "content": Object {
1902
- "whatsapp": Object {
1903
- "accessToken": "Bearer abcd",
1904
- "accountId": "12345",
1905
- "buttonType": "CTA",
1906
- "buttons": Array [
1907
- Object {
1908
- "index": 0,
1909
- "phone_number": "+919738752617",
1910
- "text": "Call",
1911
- "type": "PHONE_NUMBER",
1912
- },
1913
- Object {
1914
- "index": 1,
1915
- "text": "Visit",
1916
- "type": "DYNAMIC_URL",
1917
- "url": "https://docs.google.com/{{1}}",
1918
- },
1919
- ],
1920
- "category": "MARKETING",
1921
- "hostName": "karixwhatsappbulk",
1922
- "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
1923
- "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
1924
- "languages": Array [
1925
- Object {
1926
- "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1837
+ "marginRight": "16px",
1838
+ }
1839
+ }
1840
+ type="eye"
1841
+ />
1842
+ </React.Fragment>,
1843
+ <CapDropdown
1844
+ overlay={
1845
+ <CapMenu>
1846
+ <withItemHOC
1847
+ className="delete-whatsapp"
1848
+ onClick={[Function]}
1849
+ >
1850
+ <FormattedMessage
1851
+ defaultMessage="Delete"
1852
+ id="creatives.containersV2.Templates.deleteButton"
1853
+ values={Object {}}
1854
+ />
1855
+ </withItemHOC>
1856
+ </CapMenu>
1857
+ }
1858
+ >
1859
+ <CapIcon
1860
+ type="more"
1861
+ />
1862
+ </CapDropdown>,
1863
+ ],
1864
+ "hoverOption": <CapButton
1865
+ className="edit-whatsapp"
1866
+ isAddBtn={false}
1867
+ onClick={[Function]}
1868
+ type="primary"
1869
+ >
1870
+ Overview
1871
+ </CapButton>,
1872
+ "key": "WHATSAPP-card-creatives_whatsapp6",
1873
+ "title": <CapRow>
1874
+ <CapLabel
1875
+ className="whatsapp-rcs-template-name"
1876
+ type="label1"
1877
+ >
1878
+ creatives_whatsapp6
1879
+ </CapLabel>
1880
+ <WhatsappStatusContainer
1881
+ template={
1882
+ Object {
1883
+ "_id": "62d3f971b497b671d3bbf8f7",
1884
+ "createdAt": "2022-07-17T11:58:45.592Z",
1885
+ "createdBy": "15000449",
1886
+ "isActive": true,
1887
+ "name": "creatives_whatsapp6",
1888
+ "orgId": 50074,
1889
+ "totalCount": 260,
1890
+ "type": "WHATSAPP",
1891
+ "updatedAt": "2022-07-17T11:58:45.592Z",
1892
+ "updatedBy": "15000449",
1893
+ "versions": Object {
1894
+ "$init": true,
1895
+ "base": Object {
1896
+ "content": Object {
1897
+ "whatsapp": Object {
1898
+ "accessToken": "Bearer abcd",
1899
+ "accountId": "12345",
1900
+ "buttonType": "CTA",
1901
+ "buttons": Array [
1902
+ Object {
1903
+ "index": 0,
1904
+ "phone_number": "+919738752617",
1905
+ "text": "Call",
1906
+ "type": "PHONE_NUMBER",
1907
+ },
1908
+ Object {
1909
+ "index": 1,
1910
+ "text": "Visit",
1911
+ "type": "DYNAMIC_URL",
1912
+ "url": "https://docs.google.com/{{1}}",
1913
+ },
1914
+ ],
1915
+ "category": "MARKETING",
1916
+ "hostName": "karixwhatsappbulk",
1917
+ "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
1918
+ "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
1919
+ "languages": Array [
1920
+ Object {
1921
+ "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
1927
1922
  Click {{3}} to unsubscribe",
1928
- "language": "en",
1929
- },
1930
- ],
1931
- "mediaType": "IMAGE",
1932
- "status": "pending",
1933
- "templateEditor": false,
1934
- "templateId": "720951875646523",
1935
- },
1923
+ "language": "en",
1924
+ },
1925
+ ],
1926
+ "mediaType": "IMAGE",
1927
+ "status": "pending",
1928
+ "templateEditor": false,
1929
+ "templateId": "720951875646523",
1936
1930
  },
1937
1931
  },
1938
- "history": Array [],
1939
1932
  },
1940
- }
1933
+ "history": Array [],
1934
+ },
1941
1935
  }
1942
- />
1943
- </CapRow>,
1944
- },
1945
- ]
1946
- }
1947
- fbType="list"
1948
- key="WHATSAPP-card-list"
1949
- style={
1950
- Object {
1951
- "marginLeft": "16px",
1952
- }
1953
- }
1954
- type="WHATSAPP"
1955
- />
1956
- </div>
1957
- <div
1936
+ }
1937
+ />
1938
+ </CapRow>,
1939
+ },
1940
+ ]
1941
+ }
1942
+ fbType="list"
1943
+ key="WHATSAPP-card-list"
1958
1944
  style={
1959
1945
  Object {
1960
- "height": "calc(100vh - 325px)",
1961
- "overflow": "auto",
1946
+ "marginLeft": "16px",
1962
1947
  }
1963
1948
  }
1949
+ type="WHATSAPP"
1964
1950
  />
1965
1951
  </div>
1966
- </CapCustomSkeleton>
1952
+ <div
1953
+ style={
1954
+ Object {
1955
+ "height": "calc(100vh - 325px)",
1956
+ "overflow": "auto",
1957
+ }
1958
+ }
1959
+ />
1960
+ <CapCustomSkeleton
1961
+ loader={false}
1962
+ />
1963
+ <InjectIntl(CapPageSpinner)
1964
+ spinning={false}
1965
+ />
1966
+ </div>
1967
1967
  </div>
1968
1968
  </Pagination>
1969
1969
  </CapRow>
@@ -2032,8 +2032,6 @@ exports[`Test Templates container Test max templates warning 1`] = `
2032
2032
  <CapRow>
2033
2033
  <Pagination
2034
2034
  onPageChange={[Function]}
2035
- paginationContainer="pagination-container"
2036
- paginationSelector="pagination-container"
2037
2035
  templateInProgress={false}
2038
2036
  >
2039
2037
  <div>
@@ -2236,220 +2234,222 @@ exports[`Test Templates container Test max templates warning 1`] = `
2236
2234
  className="selected-whatsapp-filters"
2237
2235
  type="flex"
2238
2236
  />
2239
- <CapCustomSkeleton
2240
- loader={false}
2241
- >
2242
- <div>
2243
- <div
2244
- className="pagination-container"
2245
- >
2246
- <CapCustomCardList
2247
- cardList={
2248
- Array [
2249
- Object {
2250
- "content": <React.Fragment>
2251
- <div
2252
- className="whatsapp-container"
2237
+ <div>
2238
+ <div
2239
+ className="v2-pagination-container"
2240
+ >
2241
+ <CapCustomCardList
2242
+ cardList={
2243
+ Array [
2244
+ Object {
2245
+ "content": <React.Fragment>
2246
+ <div
2247
+ className="whatsapp-container"
2248
+ >
2249
+ <CapImage
2250
+ className="whatsapp-image"
2251
+ src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
2252
+ />
2253
+
2254
+ <span
2255
+ className="whatsapp-message-with-media"
2253
2256
  >
2254
- <CapImage
2255
- className="whatsapp-image"
2256
- src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg"
2257
- />
2258
2257
 
2259
- <span
2260
- className="whatsapp-message-with-media"
2261
- >
2262
-
2263
- <CapLabel
2264
- type="label9"
2265
- >
2266
- Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
2267
- Click {{unsubscribe}} to unsubscribe
2268
- </CapLabel>
2269
-
2270
- </span>
2271
2258
  <CapLabel
2272
- style={
2273
- Object {
2274
- "marginTop": "12px",
2275
- "textAlign": "center",
2276
- }
2277
- }
2278
- type="label21"
2259
+ type="label9"
2279
2260
  >
2280
- <CapIcon
2281
- size="xs"
2282
- svgProps={
2283
- Object {
2284
- "style": Object {
2285
- "marginRight": "4px",
2286
- },
2287
- }
2288
- }
2289
- type="call"
2290
- />
2291
- Call
2261
+ Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
2262
+ Click {{unsubscribe}} to unsubscribe
2292
2263
  </CapLabel>
2293
- <CapLabel
2294
- style={
2295
- Object {
2296
- "marginTop": "12px",
2297
- "textAlign": "center",
2298
- }
2264
+
2265
+ </span>
2266
+ <CapLabel
2267
+ style={
2268
+ Object {
2269
+ "marginTop": "12px",
2270
+ "textAlign": "center",
2299
2271
  }
2300
- type="label21"
2301
- >
2302
- <CapIcon
2303
- size="xs"
2304
- svgProps={
2305
- Object {
2306
- "style": Object {
2307
- "marginRight": "4px",
2308
- },
2309
- }
2310
- }
2311
- type="launch"
2312
- />
2313
- Visit
2314
- </CapLabel>
2315
- <React.Fragment />
2316
- </div>
2317
- <div
2318
- className="scroll-container"
2319
- />
2320
- </React.Fragment>,
2321
- "extra": Array [
2322
- <React.Fragment>
2272
+ }
2273
+ type="label21"
2274
+ >
2323
2275
  <CapIcon
2324
- className="view-whatsapp"
2325
- onClick={[Function]}
2326
- style={
2276
+ size="xs"
2277
+ svgProps={
2327
2278
  Object {
2328
- "marginRight": "16px",
2279
+ "style": Object {
2280
+ "marginRight": "4px",
2281
+ },
2329
2282
  }
2330
2283
  }
2331
- type="eye"
2284
+ type="call"
2332
2285
  />
2333
- </React.Fragment>,
2334
- <CapDropdown
2335
- overlay={
2336
- <CapMenu>
2337
- <withItemHOC
2338
- className="delete-whatsapp"
2339
- onClick={[Function]}
2340
- >
2341
- <FormattedMessage
2342
- defaultMessage="Delete"
2343
- id="creatives.containersV2.Templates.deleteButton"
2344
- values={Object {}}
2345
- />
2346
- </withItemHOC>
2347
- </CapMenu>
2286
+ Call
2287
+ </CapLabel>
2288
+ <CapLabel
2289
+ style={
2290
+ Object {
2291
+ "marginTop": "12px",
2292
+ "textAlign": "center",
2293
+ }
2348
2294
  }
2295
+ type="label21"
2349
2296
  >
2350
2297
  <CapIcon
2351
- type="more"
2298
+ size="xs"
2299
+ svgProps={
2300
+ Object {
2301
+ "style": Object {
2302
+ "marginRight": "4px",
2303
+ },
2304
+ }
2305
+ }
2306
+ type="launch"
2352
2307
  />
2353
- </CapDropdown>,
2354
- ],
2355
- "hoverOption": <CapButton
2356
- className="edit-whatsapp"
2357
- isAddBtn={false}
2358
- onClick={[Function]}
2359
- type="primary"
2360
- >
2361
- Overview
2362
- </CapButton>,
2363
- "key": "WHATSAPP-card-creatives_whatsapp6",
2364
- "title": <CapRow>
2365
- <CapLabel
2366
- className="whatsapp-rcs-template-name"
2367
- type="label1"
2368
- >
2369
- creatives_whatsapp6
2308
+ Visit
2370
2309
  </CapLabel>
2371
- <WhatsappStatusContainer
2372
- template={
2310
+ <React.Fragment />
2311
+ </div>
2312
+ <div
2313
+ className="scroll-container"
2314
+ />
2315
+ </React.Fragment>,
2316
+ "extra": Array [
2317
+ <React.Fragment>
2318
+ <CapIcon
2319
+ className="view-whatsapp"
2320
+ onClick={[Function]}
2321
+ style={
2373
2322
  Object {
2374
- "_id": "62d3f971b497b671d3bbf8f7",
2375
- "createdAt": "2022-07-17T11:58:45.592Z",
2376
- "createdBy": "15000449",
2377
- "isActive": true,
2378
- "name": "creatives_whatsapp6",
2379
- "orgId": 50074,
2380
- "totalCount": 248,
2381
- "type": "WHATSAPP",
2382
- "updatedAt": "2022-07-17T11:58:45.592Z",
2383
- "updatedBy": "15000449",
2384
- "versions": Object {
2385
- "$init": true,
2386
- "base": Object {
2387
- "content": Object {
2388
- "whatsapp": Object {
2389
- "accessToken": "Bearer abcd",
2390
- "accountId": "12345",
2391
- "buttonType": "CTA",
2392
- "buttons": Array [
2393
- Object {
2394
- "index": 0,
2395
- "phone_number": "+919738752617",
2396
- "text": "Call",
2397
- "type": "PHONE_NUMBER",
2398
- },
2399
- Object {
2400
- "index": 1,
2401
- "text": "Visit",
2402
- "type": "DYNAMIC_URL",
2403
- "url": "https://docs.google.com/{{1}}",
2404
- },
2405
- ],
2406
- "category": "MARKETING",
2407
- "hostName": "karixwhatsappbulk",
2408
- "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
2409
- "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
2410
- "languages": Array [
2411
- Object {
2412
- "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
2323
+ "marginRight": "16px",
2324
+ }
2325
+ }
2326
+ type="eye"
2327
+ />
2328
+ </React.Fragment>,
2329
+ <CapDropdown
2330
+ overlay={
2331
+ <CapMenu>
2332
+ <withItemHOC
2333
+ className="delete-whatsapp"
2334
+ onClick={[Function]}
2335
+ >
2336
+ <FormattedMessage
2337
+ defaultMessage="Delete"
2338
+ id="creatives.containersV2.Templates.deleteButton"
2339
+ values={Object {}}
2340
+ />
2341
+ </withItemHOC>
2342
+ </CapMenu>
2343
+ }
2344
+ >
2345
+ <CapIcon
2346
+ type="more"
2347
+ />
2348
+ </CapDropdown>,
2349
+ ],
2350
+ "hoverOption": <CapButton
2351
+ className="edit-whatsapp"
2352
+ isAddBtn={false}
2353
+ onClick={[Function]}
2354
+ type="primary"
2355
+ >
2356
+ Overview
2357
+ </CapButton>,
2358
+ "key": "WHATSAPP-card-creatives_whatsapp6",
2359
+ "title": <CapRow>
2360
+ <CapLabel
2361
+ className="whatsapp-rcs-template-name"
2362
+ type="label1"
2363
+ >
2364
+ creatives_whatsapp6
2365
+ </CapLabel>
2366
+ <WhatsappStatusContainer
2367
+ template={
2368
+ Object {
2369
+ "_id": "62d3f971b497b671d3bbf8f7",
2370
+ "createdAt": "2022-07-17T11:58:45.592Z",
2371
+ "createdBy": "15000449",
2372
+ "isActive": true,
2373
+ "name": "creatives_whatsapp6",
2374
+ "orgId": 50074,
2375
+ "totalCount": 248,
2376
+ "type": "WHATSAPP",
2377
+ "updatedAt": "2022-07-17T11:58:45.592Z",
2378
+ "updatedBy": "15000449",
2379
+ "versions": Object {
2380
+ "$init": true,
2381
+ "base": Object {
2382
+ "content": Object {
2383
+ "whatsapp": Object {
2384
+ "accessToken": "Bearer abcd",
2385
+ "accountId": "12345",
2386
+ "buttonType": "CTA",
2387
+ "buttons": Array [
2388
+ Object {
2389
+ "index": 0,
2390
+ "phone_number": "+919738752617",
2391
+ "text": "Call",
2392
+ "type": "PHONE_NUMBER",
2393
+ },
2394
+ Object {
2395
+ "index": 1,
2396
+ "text": "Visit",
2397
+ "type": "DYNAMIC_URL",
2398
+ "url": "https://docs.google.com/{{1}}",
2399
+ },
2400
+ ],
2401
+ "category": "MARKETING",
2402
+ "hostName": "karixwhatsappbulk",
2403
+ "imageUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/c9edc114-923b-4ac7-82d0-d6682213.jpg",
2404
+ "karixFileHandle": "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
2405
+ "languages": Array [
2406
+ Object {
2407
+ "content": "Hey {{1}}, Easier implementation, tracking, reporting and planning of promotions is now live! Check it out at {{2}}
2413
2408
  Click {{3}} to unsubscribe",
2414
- "language": "en",
2415
- },
2416
- ],
2417
- "mediaType": "IMAGE",
2418
- "status": "pending",
2419
- "templateEditor": false,
2420
- "templateId": "720951875646523",
2421
- },
2409
+ "language": "en",
2410
+ },
2411
+ ],
2412
+ "mediaType": "IMAGE",
2413
+ "status": "pending",
2414
+ "templateEditor": false,
2415
+ "templateId": "720951875646523",
2422
2416
  },
2423
2417
  },
2424
- "history": Array [],
2425
2418
  },
2426
- }
2419
+ "history": Array [],
2420
+ },
2427
2421
  }
2428
- />
2429
- </CapRow>,
2430
- },
2431
- ]
2432
- }
2433
- fbType="list"
2434
- key="WHATSAPP-card-list"
2435
- style={
2436
- Object {
2437
- "marginLeft": "16px",
2438
- }
2439
- }
2440
- type="WHATSAPP"
2441
- />
2442
- </div>
2443
- <div
2422
+ }
2423
+ />
2424
+ </CapRow>,
2425
+ },
2426
+ ]
2427
+ }
2428
+ fbType="list"
2429
+ key="WHATSAPP-card-list"
2444
2430
  style={
2445
2431
  Object {
2446
- "height": "calc(100vh - 325px)",
2447
- "overflow": "auto",
2432
+ "marginLeft": "16px",
2448
2433
  }
2449
2434
  }
2435
+ type="WHATSAPP"
2450
2436
  />
2451
2437
  </div>
2452
- </CapCustomSkeleton>
2438
+ <div
2439
+ style={
2440
+ Object {
2441
+ "height": "calc(100vh - 325px)",
2442
+ "overflow": "auto",
2443
+ }
2444
+ }
2445
+ />
2446
+ <CapCustomSkeleton
2447
+ loader={false}
2448
+ />
2449
+ <InjectIntl(CapPageSpinner)
2450
+ spinning={false}
2451
+ />
2452
+ </div>
2453
2453
  </div>
2454
2454
  </Pagination>
2455
2455
  </CapRow>
@@ -2518,8 +2518,6 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
2518
2518
  <CapRow>
2519
2519
  <Pagination
2520
2520
  onPageChange={[Function]}
2521
- paginationContainer="pagination-container"
2522
- paginationSelector="pagination-container"
2523
2521
  templateInProgress={false}
2524
2522
  >
2525
2523
  <div>
@@ -2692,47 +2690,49 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
2692
2690
  title="Clear all"
2693
2691
  />
2694
2692
  </CapRow>
2695
- <CapCustomSkeleton
2696
- loader={false}
2697
- >
2698
- <div>
2699
- <div
2700
- style={
2701
- Object {
2702
- "height": "calc(100vh - 325px)",
2703
- "overflow": "auto",
2704
- }
2693
+ <div>
2694
+ <div
2695
+ style={
2696
+ Object {
2697
+ "height": "calc(100vh - 325px)",
2698
+ "overflow": "auto",
2705
2699
  }
2706
- >
2707
- <CapHeader
2708
- description={
2709
- <CapLabel
2710
- style={
2711
- Object {
2712
- "textAlign": "center",
2713
- }
2700
+ }
2701
+ >
2702
+ <CapHeader
2703
+ description={
2704
+ <CapLabel
2705
+ style={
2706
+ Object {
2707
+ "textAlign": "center",
2714
2708
  }
2715
- type="label1"
2716
- >
2717
- Please try searching with another term or apply different filter
2718
- </CapLabel>
2719
- }
2720
- descriptionClass=""
2721
- inline={false}
2722
- size="large"
2723
- title={
2724
- <CapHeading
2725
- className="channel-specific-illustration-text"
2726
- type="h3"
2727
- >
2728
- Sorry, we couldn’t find any matches
2729
- </CapHeading>
2730
- }
2731
- titleClass=""
2732
- />
2733
- </div>
2709
+ }
2710
+ type="label1"
2711
+ >
2712
+ Please try searching with another term or apply different filter
2713
+ </CapLabel>
2714
+ }
2715
+ descriptionClass=""
2716
+ inline={false}
2717
+ size="large"
2718
+ title={
2719
+ <CapHeading
2720
+ className="channel-specific-illustration-text"
2721
+ type="h3"
2722
+ >
2723
+ Sorry, we couldn’t find any matches
2724
+ </CapHeading>
2725
+ }
2726
+ titleClass=""
2727
+ />
2734
2728
  </div>
2735
- </CapCustomSkeleton>
2729
+ <CapCustomSkeleton
2730
+ loader={false}
2731
+ />
2732
+ <InjectIntl(CapPageSpinner)
2733
+ spinning={false}
2734
+ />
2735
+ </div>
2736
2736
  </div>
2737
2737
  </Pagination>
2738
2738
  </CapRow>
@@ -2801,8 +2801,6 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
2801
2801
  <CapRow>
2802
2802
  <Pagination
2803
2803
  onPageChange={[Function]}
2804
- paginationContainer="pagination-container"
2805
- paginationSelector="pagination-container"
2806
2804
  templateInProgress={false}
2807
2805
  >
2808
2806
  <div>
@@ -2949,47 +2947,49 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
2949
2947
  className="selected-whatsapp-filters"
2950
2948
  type="flex"
2951
2949
  />
2952
- <CapCustomSkeleton
2953
- loader={false}
2954
- >
2955
- <div>
2956
- <div
2957
- style={
2958
- Object {
2959
- "height": "calc(100vh - 325px)",
2960
- "overflow": "auto",
2961
- }
2950
+ <div>
2951
+ <div
2952
+ style={
2953
+ Object {
2954
+ "height": "calc(100vh - 325px)",
2955
+ "overflow": "auto",
2962
2956
  }
2963
- >
2964
- <CapHeader
2965
- description={
2966
- <CapLabel
2967
- style={
2968
- Object {
2969
- "textAlign": "center",
2970
- }
2957
+ }
2958
+ >
2959
+ <CapHeader
2960
+ description={
2961
+ <CapLabel
2962
+ style={
2963
+ Object {
2964
+ "textAlign": "center",
2971
2965
  }
2972
- type="label1"
2973
- >
2974
- Please try searching with another term or apply different filter
2975
- </CapLabel>
2976
- }
2977
- descriptionClass=""
2978
- inline={false}
2979
- size="large"
2980
- title={
2981
- <CapHeading
2982
- className="channel-specific-illustration-text"
2983
- type="h3"
2984
- >
2985
- Sorry, we couldn’t find any matches
2986
- </CapHeading>
2987
- }
2988
- titleClass=""
2989
- />
2990
- </div>
2966
+ }
2967
+ type="label1"
2968
+ >
2969
+ Please try searching with another term or apply different filter
2970
+ </CapLabel>
2971
+ }
2972
+ descriptionClass=""
2973
+ inline={false}
2974
+ size="large"
2975
+ title={
2976
+ <CapHeading
2977
+ className="channel-specific-illustration-text"
2978
+ type="h3"
2979
+ >
2980
+ Sorry, we couldn’t find any matches
2981
+ </CapHeading>
2982
+ }
2983
+ titleClass=""
2984
+ />
2991
2985
  </div>
2992
- </CapCustomSkeleton>
2986
+ <CapCustomSkeleton
2987
+ loader={false}
2988
+ />
2989
+ <InjectIntl(CapPageSpinner)
2990
+ spinning={false}
2991
+ />
2992
+ </div>
2993
2993
  </div>
2994
2994
  </Pagination>
2995
2995
  </CapRow>
@@ -3058,8 +3058,6 @@ exports[`Test Templates container Test removing single filter 1`] = `
3058
3058
  <CapRow>
3059
3059
  <Pagination
3060
3060
  onPageChange={[Function]}
3061
- paginationContainer="pagination-container"
3062
- paginationSelector="pagination-container"
3063
3061
  templateInProgress={false}
3064
3062
  >
3065
3063
  <div>
@@ -3206,47 +3204,49 @@ exports[`Test Templates container Test removing single filter 1`] = `
3206
3204
  className="selected-whatsapp-filters"
3207
3205
  type="flex"
3208
3206
  />
3209
- <CapCustomSkeleton
3210
- loader={false}
3211
- >
3212
- <div>
3213
- <div
3214
- style={
3215
- Object {
3216
- "height": "calc(100vh - 325px)",
3217
- "overflow": "auto",
3218
- }
3207
+ <div>
3208
+ <div
3209
+ style={
3210
+ Object {
3211
+ "height": "calc(100vh - 325px)",
3212
+ "overflow": "auto",
3219
3213
  }
3220
- >
3221
- <CapHeader
3222
- description={
3223
- <CapLabel
3224
- style={
3225
- Object {
3226
- "textAlign": "center",
3227
- }
3214
+ }
3215
+ >
3216
+ <CapHeader
3217
+ description={
3218
+ <CapLabel
3219
+ style={
3220
+ Object {
3221
+ "textAlign": "center",
3228
3222
  }
3229
- type="label1"
3230
- >
3231
- Please try searching with another term or apply different filter
3232
- </CapLabel>
3233
- }
3234
- descriptionClass=""
3235
- inline={false}
3236
- size="large"
3237
- title={
3238
- <CapHeading
3239
- className="channel-specific-illustration-text"
3240
- type="h3"
3241
- >
3242
- Sorry, we couldn’t find any matches
3243
- </CapHeading>
3244
- }
3245
- titleClass=""
3246
- />
3247
- </div>
3223
+ }
3224
+ type="label1"
3225
+ >
3226
+ Please try searching with another term or apply different filter
3227
+ </CapLabel>
3228
+ }
3229
+ descriptionClass=""
3230
+ inline={false}
3231
+ size="large"
3232
+ title={
3233
+ <CapHeading
3234
+ className="channel-specific-illustration-text"
3235
+ type="h3"
3236
+ >
3237
+ Sorry, we couldn’t find any matches
3238
+ </CapHeading>
3239
+ }
3240
+ titleClass=""
3241
+ />
3248
3242
  </div>
3249
- </CapCustomSkeleton>
3243
+ <CapCustomSkeleton
3244
+ loader={false}
3245
+ />
3246
+ <InjectIntl(CapPageSpinner)
3247
+ spinning={false}
3248
+ />
3249
+ </div>
3250
3250
  </div>
3251
3251
  </Pagination>
3252
3252
  </CapRow>