@capillarytech/creatives-library 7.12.1 → 7.12.3

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 (52) hide show
  1. package/index.js +6 -0
  2. package/package.json +1 -1
  3. package/routes.js +7 -2
  4. package/services/api.js +8 -2
  5. package/v2Components/CapImageUpload/index.js +24 -11
  6. package/v2Components/CapImageUpload/index.scss +12 -27
  7. package/v2Components/CapImageUpload/messages.js +10 -5
  8. package/v2Components/TemplatePreview/_templatePreview.scss +13 -0
  9. package/v2Components/TemplatePreview/index.js +41 -1
  10. package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap +33 -1
  11. package/v2Components/TemplatePreview/tests/index.test.js +7 -7
  12. package/v2Containers/App/constants.js +2 -1
  13. package/v2Containers/Assets/images/addCreativesIllustration.svg +30 -0
  14. package/v2Containers/Cap/messages.js +20 -1
  15. package/v2Containers/CreativesContainer/SlideBoxContent.js +57 -11
  16. package/v2Containers/CreativesContainer/SlideBoxHeader.js +1 -0
  17. package/v2Containers/CreativesContainer/constants.js +1 -0
  18. package/v2Containers/CreativesContainer/messages.js +4 -0
  19. package/v2Containers/CreativesContainer/tests/SlideBoxContent.test.js +24 -4
  20. package/v2Containers/CreativesContainer/tests/SlideBoxHeader.test.js +23 -4
  21. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +147 -2
  22. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxHeader.test.js.snap +98 -0
  23. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +71 -0
  24. package/v2Containers/CreativesContainer/tests/index.test.js +21 -9
  25. package/v2Containers/Facebook/Advertisement/index.js +4 -2
  26. package/v2Containers/Rcs/actions.js +57 -0
  27. package/v2Containers/Rcs/constants.js +50 -0
  28. package/v2Containers/Rcs/index.js +1064 -0
  29. package/v2Containers/Rcs/index.scss +72 -0
  30. package/v2Containers/Rcs/messages.js +122 -0
  31. package/v2Containers/Rcs/reducer.js +107 -0
  32. package/v2Containers/Rcs/sagas.js +141 -0
  33. package/v2Containers/Rcs/selectors.js +8 -0
  34. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +145080 -0
  35. package/v2Containers/Rcs/tests/index.test.js +226 -0
  36. package/v2Containers/Rcs/tests/mockData.js +169 -0
  37. package/v2Containers/Rcs/utils.js +40 -0
  38. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +4 -4
  39. package/v2Containers/Templates/_templates.scss +9 -1
  40. package/v2Containers/Templates/actions.js +2 -1
  41. package/v2Containers/Templates/constants.js +1 -0
  42. package/v2Containers/Templates/index.js +234 -174
  43. package/v2Containers/Templates/messages.js +20 -0
  44. package/v2Containers/Templates/reducer.js +2 -0
  45. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +520 -80
  46. package/v2Containers/TemplatesV2/index.js +2 -1
  47. package/v2Containers/TemplatesV2/messages.js +4 -0
  48. package/v2Containers/Whatsapp/index.js +4 -2
  49. package/v2Containers/Whatsapp/messages.js +0 -13
  50. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +13 -13
  51. package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap +32 -26
  52. package/v2Containers/mockdata.js +567 -1588
package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap CHANGED
@@ -520,8 +520,19 @@ exports[`Test Templates container Should render temlates when whatsapp templates
520
520
  cardList={
521
521
  Array [
522
522
  Object {
523
- "content": "$'asdasd
524
- Click {{unsubscribe}} to unsubscribe'",
523
+ "content": <React.Fragment>
524
+ <CapLabel
525
+ type="label9"
526
+ >
527
+ $'asdasd
528
+ C
529
+ </CapLabel>
530
+ <CapLabel
531
+ type="label1"
532
+ >
533
+ lick {{unsubscribe}} to unsubscribe'
534
+ </CapLabel>
535
+ </React.Fragment>,
525
536
  "extra": Array [
526
537
  <CapIcon
527
538
  className="view-whatsapp"
@@ -595,8 +606,19 @@ Click {{1}} to unsubscribe'",
595
606
  </CapRow>,
596
607
  },
597
608
  Object {
598
- "content": "$'!@#$%^&*_
599
- Click {{unsubscribe}} to unsubscribe'",
609
+ "content": <React.Fragment>
610
+ <CapLabel
611
+ type="label9"
612
+ >
613
+ $'!@#$%^&*_
614
+ C
615
+ </CapLabel>
616
+ <CapLabel
617
+ type="label1"
618
+ >
619
+ lick {{unsubscribe}} to unsubscribe'
620
+ </CapLabel>
621
+ </React.Fragment>,
600
622
  "extra": Array [
601
623
  <CapIcon
602
624
  className="view-whatsapp"
@@ -670,8 +692,19 @@ Click {{1}} to unsubscribe'",
670
692
  </CapRow>,
671
693
  },
672
694
  Object {
673
- "content": "$'!@#$%^&*()_+
674
- Click {{unsubscribe}} to unsubscribe'",
695
+ "content": <React.Fragment>
696
+ <CapLabel
697
+ type="label9"
698
+ >
699
+ $'!@#$%^&*()_+
700
+ C
701
+ </CapLabel>
702
+ <CapLabel
703
+ type="label1"
704
+ >
705
+ lick {{unsubscribe}} to unsubscribe'
706
+ </CapLabel>
707
+ </React.Fragment>,
675
708
  "extra": Array [
676
709
  <CapIcon
677
710
  className="view-whatsapp"
@@ -745,8 +778,19 @@ Click {{1}} to unsubscribe'",
745
778
  </CapRow>,
746
779
  },
747
780
  Object {
748
- "content": "$'!@#$%^&*()_+
749
- Click {{unsubscribe}} to unsubscribe'",
781
+ "content": <React.Fragment>
782
+ <CapLabel
783
+ type="label9"
784
+ >
785
+ $'!@#$%^&*()_+
786
+ C
787
+ </CapLabel>
788
+ <CapLabel
789
+ type="label1"
790
+ >
791
+ lick {{unsubscribe}} to unsubscribe'
792
+ </CapLabel>
793
+ </React.Fragment>,
750
794
  "extra": Array [
751
795
  <CapIcon
752
796
  className="view-whatsapp"
@@ -820,8 +864,19 @@ Click {{1}} to unsubscribe'",
820
864
  </CapRow>,
821
865
  },
822
866
  Object {
823
- "content": "$'dfsdfdsf
824
- Click {{unsubscribe}} to unsubscribe'",
867
+ "content": <React.Fragment>
868
+ <CapLabel
869
+ type="label9"
870
+ >
871
+ $'dfsdfdsf
872
+ C
873
+ </CapLabel>
874
+ <CapLabel
875
+ type="label1"
876
+ >
877
+ lick {{unsubscribe}} to unsubscribe'
878
+ </CapLabel>
879
+ </React.Fragment>,
825
880
  "extra": Array [
826
881
  <CapIcon
827
882
  className="view-whatsapp"
@@ -896,14 +951,25 @@ Click {{1}} to unsubscribe'",
896
951
  </CapRow>,
897
952
  },
898
953
  Object {
899
- "content": "$'Purchase successful @ {{1}}
954
+ "content": <React.Fragment>
955
+ <CapLabel
956
+ type="label9"
957
+ >
958
+ $'Purchase successful @ {{1}}
900
959
  Congrats!!
901
960
  {{2}} added to your Vishal Mega Mart account
902
961
  Redeem on {{3}}
903
962
  Valid only for {{4}}
904
963
  Terms and conditions apply
905
964
  {{5}}
906
- Click {{unsubscribe}} to unsubscribe'",
965
+ C
966
+ </CapLabel>
967
+ <CapLabel
968
+ type="label1"
969
+ >
970
+ lick {{unsubscribe}} to unsubscribe'
971
+ </CapLabel>
972
+ </React.Fragment>,
907
973
  "extra": Array [
908
974
  <CapIcon
909
975
  className="view-whatsapp"
@@ -983,8 +1049,19 @@ Click {{6}} to unsubscribe'",
983
1049
  </CapRow>,
984
1050
  },
985
1051
  Object {
986
- "content": "$'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
987
- Click {{unsubscribe}} to unsubscribe'",
1052
+ "content": <React.Fragment>
1053
+ <CapLabel
1054
+ type="label9"
1055
+ >
1056
+ $'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
1057
+ C
1058
+ </CapLabel>
1059
+ <CapLabel
1060
+ type="label1"
1061
+ >
1062
+ lick {{unsubscribe}} to unsubscribe'
1063
+ </CapLabel>
1064
+ </React.Fragment>,
988
1065
  "extra": Array [
989
1066
  <CapIcon
990
1067
  className="view-whatsapp"
@@ -1058,8 +1135,19 @@ Click {{5}} to unsubscribe'",
1058
1135
  </CapRow>,
1059
1136
  },
1060
1137
  Object {
1061
- "content": "$'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
1062
- Click {{unsubscribe}} to unsubscribe'",
1138
+ "content": <React.Fragment>
1139
+ <CapLabel
1140
+ type="label9"
1141
+ >
1142
+ $'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
1143
+ C
1144
+ </CapLabel>
1145
+ <CapLabel
1146
+ type="label1"
1147
+ >
1148
+ lick {{unsubscribe}} to unsubscribe'
1149
+ </CapLabel>
1150
+ </React.Fragment>,
1063
1151
  "extra": Array [
1064
1152
  <CapIcon
1065
1153
  className="view-whatsapp"
@@ -1133,9 +1221,20 @@ Click {{1}} to unsubscribe'",
1133
1221
  </CapRow>,
1134
1222
  },
1135
1223
  Object {
1136
- "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
1224
+ "content": <React.Fragment>
1225
+ <CapLabel
1226
+ type="label9"
1227
+ >
1228
+ $'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
1137
1229
  T&C
1138
- Click {{unsubscribe}} to unsubscribe'",
1230
+ C
1231
+ </CapLabel>
1232
+ <CapLabel
1233
+ type="label1"
1234
+ >
1235
+ lick {{unsubscribe}} to unsubscribe'
1236
+ </CapLabel>
1237
+ </React.Fragment>,
1139
1238
  "extra": Array [
1140
1239
  <CapIcon
1141
1240
  className="view-whatsapp"
@@ -1525,8 +1624,19 @@ exports[`Test Templates container Should render temlates when whatsapp templates
1525
1624
  cardList={
1526
1625
  Array [
1527
1626
  Object {
1528
- "content": "$'asdasd
1529
- Click {{unsubscribe}} to unsubscribe'",
1627
+ "content": <React.Fragment>
1628
+ <CapLabel
1629
+ type="label9"
1630
+ >
1631
+ $'asdasd
1632
+ C
1633
+ </CapLabel>
1634
+ <CapLabel
1635
+ type="label1"
1636
+ >
1637
+ lick {{unsubscribe}} to unsubscribe'
1638
+ </CapLabel>
1639
+ </React.Fragment>,
1530
1640
  "extra": Array [
1531
1641
  <CapIcon
1532
1642
  className="view-whatsapp"
@@ -1600,8 +1710,19 @@ Click {{1}} to unsubscribe'",
1600
1710
  </CapRow>,
1601
1711
  },
1602
1712
  Object {
1603
- "content": "$'!@#$%^&*_
1604
- Click {{unsubscribe}} to unsubscribe'",
1713
+ "content": <React.Fragment>
1714
+ <CapLabel
1715
+ type="label9"
1716
+ >
1717
+ $'!@#$%^&*_
1718
+ C
1719
+ </CapLabel>
1720
+ <CapLabel
1721
+ type="label1"
1722
+ >
1723
+ lick {{unsubscribe}} to unsubscribe'
1724
+ </CapLabel>
1725
+ </React.Fragment>,
1605
1726
  "extra": Array [
1606
1727
  <CapIcon
1607
1728
  className="view-whatsapp"
@@ -1675,8 +1796,19 @@ Click {{1}} to unsubscribe'",
1675
1796
  </CapRow>,
1676
1797
  },
1677
1798
  Object {
1678
- "content": "$'!@#$%^&*()_+
1679
- Click {{unsubscribe}} to unsubscribe'",
1799
+ "content": <React.Fragment>
1800
+ <CapLabel
1801
+ type="label9"
1802
+ >
1803
+ $'!@#$%^&*()_+
1804
+ C
1805
+ </CapLabel>
1806
+ <CapLabel
1807
+ type="label1"
1808
+ >
1809
+ lick {{unsubscribe}} to unsubscribe'
1810
+ </CapLabel>
1811
+ </React.Fragment>,
1680
1812
  "extra": Array [
1681
1813
  <CapIcon
1682
1814
  className="view-whatsapp"
@@ -1750,8 +1882,19 @@ Click {{1}} to unsubscribe'",
1750
1882
  </CapRow>,
1751
1883
  },
1752
1884
  Object {
1753
- "content": "$'!@#$%^&*()_+
1754
- Click {{unsubscribe}} to unsubscribe'",
1885
+ "content": <React.Fragment>
1886
+ <CapLabel
1887
+ type="label9"
1888
+ >
1889
+ $'!@#$%^&*()_+
1890
+ C
1891
+ </CapLabel>
1892
+ <CapLabel
1893
+ type="label1"
1894
+ >
1895
+ lick {{unsubscribe}} to unsubscribe'
1896
+ </CapLabel>
1897
+ </React.Fragment>,
1755
1898
  "extra": Array [
1756
1899
  <CapIcon
1757
1900
  className="view-whatsapp"
@@ -1825,8 +1968,19 @@ Click {{1}} to unsubscribe'",
1825
1968
  </CapRow>,
1826
1969
  },
1827
1970
  Object {
1828
- "content": "$'dfsdfdsf
1829
- Click {{unsubscribe}} to unsubscribe'",
1971
+ "content": <React.Fragment>
1972
+ <CapLabel
1973
+ type="label9"
1974
+ >
1975
+ $'dfsdfdsf
1976
+ C
1977
+ </CapLabel>
1978
+ <CapLabel
1979
+ type="label1"
1980
+ >
1981
+ lick {{unsubscribe}} to unsubscribe'
1982
+ </CapLabel>
1983
+ </React.Fragment>,
1830
1984
  "extra": Array [
1831
1985
  <CapIcon
1832
1986
  className="view-whatsapp"
@@ -1901,14 +2055,25 @@ Click {{1}} to unsubscribe'",
1901
2055
  </CapRow>,
1902
2056
  },
1903
2057
  Object {
1904
- "content": "$'Purchase successful @ {{1}}
2058
+ "content": <React.Fragment>
2059
+ <CapLabel
2060
+ type="label9"
2061
+ >
2062
+ $'Purchase successful @ {{1}}
1905
2063
  Congrats!!
1906
2064
  {{2}} added to your Vishal Mega Mart account
1907
2065
  Redeem on {{3}}
1908
2066
  Valid only for {{4}}
1909
2067
  Terms and conditions apply
1910
2068
  {{5}}
1911
- Click {{unsubscribe}} to unsubscribe'",
2069
+ C
2070
+ </CapLabel>
2071
+ <CapLabel
2072
+ type="label1"
2073
+ >
2074
+ lick {{unsubscribe}} to unsubscribe'
2075
+ </CapLabel>
2076
+ </React.Fragment>,
1912
2077
  "extra": Array [
1913
2078
  <CapIcon
1914
2079
  className="view-whatsapp"
@@ -1988,8 +2153,19 @@ Click {{6}} to unsubscribe'",
1988
2153
  </CapRow>,
1989
2154
  },
1990
2155
  Object {
1991
- "content": "$'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
1992
- Click {{unsubscribe}} to unsubscribe'",
2156
+ "content": <React.Fragment>
2157
+ <CapLabel
2158
+ type="label9"
2159
+ >
2160
+ $'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
2161
+ C
2162
+ </CapLabel>
2163
+ <CapLabel
2164
+ type="label1"
2165
+ >
2166
+ lick {{unsubscribe}} to unsubscribe'
2167
+ </CapLabel>
2168
+ </React.Fragment>,
1993
2169
  "extra": Array [
1994
2170
  <CapIcon
1995
2171
  className="view-whatsapp"
@@ -2063,8 +2239,19 @@ Click {{5}} to unsubscribe'",
2063
2239
  </CapRow>,
2064
2240
  },
2065
2241
  Object {
2066
- "content": "$'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
2067
- Click {{unsubscribe}} to unsubscribe'",
2242
+ "content": <React.Fragment>
2243
+ <CapLabel
2244
+ type="label9"
2245
+ >
2246
+ $'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
2247
+ C
2248
+ </CapLabel>
2249
+ <CapLabel
2250
+ type="label1"
2251
+ >
2252
+ lick {{unsubscribe}} to unsubscribe'
2253
+ </CapLabel>
2254
+ </React.Fragment>,
2068
2255
  "extra": Array [
2069
2256
  <CapIcon
2070
2257
  className="view-whatsapp"
@@ -2138,9 +2325,20 @@ Click {{1}} to unsubscribe'",
2138
2325
  </CapRow>,
2139
2326
  },
2140
2327
  Object {
2141
- "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
2328
+ "content": <React.Fragment>
2329
+ <CapLabel
2330
+ type="label9"
2331
+ >
2332
+ $'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
2142
2333
  T&C
2143
- Click {{unsubscribe}} to unsubscribe'",
2334
+ C
2335
+ </CapLabel>
2336
+ <CapLabel
2337
+ type="label1"
2338
+ >
2339
+ lick {{unsubscribe}} to unsubscribe'
2340
+ </CapLabel>
2341
+ </React.Fragment>,
2144
2342
  "extra": Array [
2145
2343
  <CapIcon
2146
2344
  className="view-whatsapp"
@@ -2530,8 +2728,19 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
2530
2728
  cardList={
2531
2729
  Array [
2532
2730
  Object {
2533
- "content": "$'asdasd
2534
- Click {{unsubscribe}} to unsubscribe'",
2731
+ "content": <React.Fragment>
2732
+ <CapLabel
2733
+ type="label9"
2734
+ >
2735
+ $'asdasd
2736
+ C
2737
+ </CapLabel>
2738
+ <CapLabel
2739
+ type="label1"
2740
+ >
2741
+ lick {{unsubscribe}} to unsubscribe'
2742
+ </CapLabel>
2743
+ </React.Fragment>,
2535
2744
  "extra": Array [
2536
2745
  <CapIcon
2537
2746
  className="view-whatsapp"
@@ -2902,8 +3111,19 @@ exports[`Test Templates container Test max templates warning 1`] = `
2902
3111
  cardList={
2903
3112
  Array [
2904
3113
  Object {
2905
- "content": "$'asdasd
2906
- Click {{unsubscribe}} to unsubscribe'",
3114
+ "content": <React.Fragment>
3115
+ <CapLabel
3116
+ type="label9"
3117
+ >
3118
+ $'asdasd
3119
+ C
3120
+ </CapLabel>
3121
+ <CapLabel
3122
+ type="label1"
3123
+ >
3124
+ lick {{unsubscribe}} to unsubscribe'
3125
+ </CapLabel>
3126
+ </React.Fragment>,
2907
3127
  "extra": Array [
2908
3128
  <CapIcon
2909
3129
  className="view-whatsapp"
@@ -3266,8 +3486,19 @@ exports[`Test Templates container Test removing all whatsapp filters 1`] = `
3266
3486
  cardList={
3267
3487
  Array [
3268
3488
  Object {
3269
- "content": "$'!@#$%^&*()_+
3270
- Click {{unsubscribe}} to unsubscribe'",
3489
+ "content": <React.Fragment>
3490
+ <CapLabel
3491
+ type="label9"
3492
+ >
3493
+ $'!@#$%^&*()_+
3494
+ C
3495
+ </CapLabel>
3496
+ <CapLabel
3497
+ type="label1"
3498
+ >
3499
+ lick {{unsubscribe}} to unsubscribe'
3500
+ </CapLabel>
3501
+ </React.Fragment>,
3271
3502
  "extra": Array [
3272
3503
  <CapIcon
3273
3504
  className="view-whatsapp"
@@ -3341,8 +3572,19 @@ Click {{1}} to unsubscribe'",
3341
3572
  </CapRow>,
3342
3573
  },
3343
3574
  Object {
3344
- "content": "$'dfsdfdsf
3345
- Click {{unsubscribe}} to unsubscribe'",
3575
+ "content": <React.Fragment>
3576
+ <CapLabel
3577
+ type="label9"
3578
+ >
3579
+ $'dfsdfdsf
3580
+ C
3581
+ </CapLabel>
3582
+ <CapLabel
3583
+ type="label1"
3584
+ >
3585
+ lick {{unsubscribe}} to unsubscribe'
3586
+ </CapLabel>
3587
+ </React.Fragment>,
3346
3588
  "extra": Array [
3347
3589
  <CapIcon
3348
3590
  className="view-whatsapp"
@@ -3676,8 +3918,19 @@ exports[`Test Templates container Test removing all whatsapp filters 2`] = `
3676
3918
  cardList={
3677
3919
  Array [
3678
3920
  Object {
3679
- "content": "$'asdasd
3680
- Click {{unsubscribe}} to unsubscribe'",
3921
+ "content": <React.Fragment>
3922
+ <CapLabel
3923
+ type="label9"
3924
+ >
3925
+ $'asdasd
3926
+ C
3927
+ </CapLabel>
3928
+ <CapLabel
3929
+ type="label1"
3930
+ >
3931
+ lick {{unsubscribe}} to unsubscribe'
3932
+ </CapLabel>
3933
+ </React.Fragment>,
3681
3934
  "extra": Array [
3682
3935
  <CapIcon
3683
3936
  className="view-whatsapp"
@@ -3751,8 +4004,19 @@ Click {{1}} to unsubscribe'",
3751
4004
  </CapRow>,
3752
4005
  },
3753
4006
  Object {
3754
- "content": "$'!@#$%^&*_
3755
- Click {{unsubscribe}} to unsubscribe'",
4007
+ "content": <React.Fragment>
4008
+ <CapLabel
4009
+ type="label9"
4010
+ >
4011
+ $'!@#$%^&*_
4012
+ C
4013
+ </CapLabel>
4014
+ <CapLabel
4015
+ type="label1"
4016
+ >
4017
+ lick {{unsubscribe}} to unsubscribe'
4018
+ </CapLabel>
4019
+ </React.Fragment>,
3756
4020
  "extra": Array [
3757
4021
  <CapIcon
3758
4022
  className="view-whatsapp"
@@ -3826,8 +4090,19 @@ Click {{1}} to unsubscribe'",
3826
4090
  </CapRow>,
3827
4091
  },
3828
4092
  Object {
3829
- "content": "$'!@#$%^&*()_+
3830
- Click {{unsubscribe}} to unsubscribe'",
4093
+ "content": <React.Fragment>
4094
+ <CapLabel
4095
+ type="label9"
4096
+ >
4097
+ $'!@#$%^&*()_+
4098
+ C
4099
+ </CapLabel>
4100
+ <CapLabel
4101
+ type="label1"
4102
+ >
4103
+ lick {{unsubscribe}} to unsubscribe'
4104
+ </CapLabel>
4105
+ </React.Fragment>,
3831
4106
  "extra": Array [
3832
4107
  <CapIcon
3833
4108
  className="view-whatsapp"
@@ -3901,8 +4176,19 @@ Click {{1}} to unsubscribe'",
3901
4176
  </CapRow>,
3902
4177
  },
3903
4178
  Object {
3904
- "content": "$'!@#$%^&*()_+
3905
- Click {{unsubscribe}} to unsubscribe'",
4179
+ "content": <React.Fragment>
4180
+ <CapLabel
4181
+ type="label9"
4182
+ >
4183
+ $'!@#$%^&*()_+
4184
+ C
4185
+ </CapLabel>
4186
+ <CapLabel
4187
+ type="label1"
4188
+ >
4189
+ lick {{unsubscribe}} to unsubscribe'
4190
+ </CapLabel>
4191
+ </React.Fragment>,
3906
4192
  "extra": Array [
3907
4193
  <CapIcon
3908
4194
  className="view-whatsapp"
@@ -3976,8 +4262,19 @@ Click {{1}} to unsubscribe'",
3976
4262
  </CapRow>,
3977
4263
  },
3978
4264
  Object {
3979
- "content": "$'dfsdfdsf
3980
- Click {{unsubscribe}} to unsubscribe'",
4265
+ "content": <React.Fragment>
4266
+ <CapLabel
4267
+ type="label9"
4268
+ >
4269
+ $'dfsdfdsf
4270
+ C
4271
+ </CapLabel>
4272
+ <CapLabel
4273
+ type="label1"
4274
+ >
4275
+ lick {{unsubscribe}} to unsubscribe'
4276
+ </CapLabel>
4277
+ </React.Fragment>,
3981
4278
  "extra": Array [
3982
4279
  <CapIcon
3983
4280
  className="view-whatsapp"
@@ -4052,14 +4349,25 @@ Click {{1}} to unsubscribe'",
4052
4349
  </CapRow>,
4053
4350
  },
4054
4351
  Object {
4055
- "content": "$'Purchase successful @ {{1}}
4352
+ "content": <React.Fragment>
4353
+ <CapLabel
4354
+ type="label9"
4355
+ >
4356
+ $'Purchase successful @ {{1}}
4056
4357
  Congrats!!
4057
4358
  {{2}} added to your Vishal Mega Mart account
4058
4359
  Redeem on {{3}}
4059
4360
  Valid only for {{4}}
4060
4361
  Terms and conditions apply
4061
4362
  {{5}}
4062
- Click {{unsubscribe}} to unsubscribe'",
4363
+ C
4364
+ </CapLabel>
4365
+ <CapLabel
4366
+ type="label1"
4367
+ >
4368
+ lick {{unsubscribe}} to unsubscribe'
4369
+ </CapLabel>
4370
+ </React.Fragment>,
4063
4371
  "extra": Array [
4064
4372
  <CapIcon
4065
4373
  className="view-whatsapp"
@@ -4139,8 +4447,19 @@ Click {{6}} to unsubscribe'",
4139
4447
  </CapRow>,
4140
4448
  },
4141
4449
  Object {
4142
- "content": "$'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
4143
- Click {{unsubscribe}} to unsubscribe'",
4450
+ "content": <React.Fragment>
4451
+ <CapLabel
4452
+ type="label9"
4453
+ >
4454
+ $'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
4455
+ C
4456
+ </CapLabel>
4457
+ <CapLabel
4458
+ type="label1"
4459
+ >
4460
+ lick {{unsubscribe}} to unsubscribe'
4461
+ </CapLabel>
4462
+ </React.Fragment>,
4144
4463
  "extra": Array [
4145
4464
  <CapIcon
4146
4465
  className="view-whatsapp"
@@ -4214,8 +4533,19 @@ Click {{5}} to unsubscribe'",
4214
4533
  </CapRow>,
4215
4534
  },
4216
4535
  Object {
4217
- "content": "$'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
4218
- Click {{unsubscribe}} to unsubscribe'",
4536
+ "content": <React.Fragment>
4537
+ <CapLabel
4538
+ type="label9"
4539
+ >
4540
+ $'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
4541
+ C
4542
+ </CapLabel>
4543
+ <CapLabel
4544
+ type="label1"
4545
+ >
4546
+ lick {{unsubscribe}} to unsubscribe'
4547
+ </CapLabel>
4548
+ </React.Fragment>,
4219
4549
  "extra": Array [
4220
4550
  <CapIcon
4221
4551
  className="view-whatsapp"
@@ -4289,9 +4619,20 @@ Click {{1}} to unsubscribe'",
4289
4619
  </CapRow>,
4290
4620
  },
4291
4621
  Object {
4292
- "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
4622
+ "content": <React.Fragment>
4623
+ <CapLabel
4624
+ type="label9"
4625
+ >
4626
+ $'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
4293
4627
  T&C
4294
- Click {{unsubscribe}} to unsubscribe'",
4628
+ C
4629
+ </CapLabel>
4630
+ <CapLabel
4631
+ type="label1"
4632
+ >
4633
+ lick {{unsubscribe}} to unsubscribe'
4634
+ </CapLabel>
4635
+ </React.Fragment>,
4295
4636
  "extra": Array [
4296
4637
  <CapIcon
4297
4638
  className="view-whatsapp"
@@ -4625,8 +4966,19 @@ exports[`Test Templates container Test removing single filter 1`] = `
4625
4966
  cardList={
4626
4967
  Array [
4627
4968
  Object {
4628
- "content": "$'asdasd
4629
- Click {{unsubscribe}} to unsubscribe'",
4969
+ "content": <React.Fragment>
4970
+ <CapLabel
4971
+ type="label9"
4972
+ >
4973
+ $'asdasd
4974
+ C
4975
+ </CapLabel>
4976
+ <CapLabel
4977
+ type="label1"
4978
+ >
4979
+ lick {{unsubscribe}} to unsubscribe'
4980
+ </CapLabel>
4981
+ </React.Fragment>,
4630
4982
  "extra": Array [
4631
4983
  <CapIcon
4632
4984
  className="view-whatsapp"
@@ -4700,8 +5052,19 @@ Click {{1}} to unsubscribe'",
4700
5052
  </CapRow>,
4701
5053
  },
4702
5054
  Object {
4703
- "content": "$'!@#$%^&*_
4704
- Click {{unsubscribe}} to unsubscribe'",
5055
+ "content": <React.Fragment>
5056
+ <CapLabel
5057
+ type="label9"
5058
+ >
5059
+ $'!@#$%^&*_
5060
+ C
5061
+ </CapLabel>
5062
+ <CapLabel
5063
+ type="label1"
5064
+ >
5065
+ lick {{unsubscribe}} to unsubscribe'
5066
+ </CapLabel>
5067
+ </React.Fragment>,
4705
5068
  "extra": Array [
4706
5069
  <CapIcon
4707
5070
  className="view-whatsapp"
@@ -4775,8 +5138,19 @@ Click {{1}} to unsubscribe'",
4775
5138
  </CapRow>,
4776
5139
  },
4777
5140
  Object {
4778
- "content": "$'!@#$%^&*()_+
4779
- Click {{unsubscribe}} to unsubscribe'",
5141
+ "content": <React.Fragment>
5142
+ <CapLabel
5143
+ type="label9"
5144
+ >
5145
+ $'!@#$%^&*()_+
5146
+ C
5147
+ </CapLabel>
5148
+ <CapLabel
5149
+ type="label1"
5150
+ >
5151
+ lick {{unsubscribe}} to unsubscribe'
5152
+ </CapLabel>
5153
+ </React.Fragment>,
4780
5154
  "extra": Array [
4781
5155
  <CapIcon
4782
5156
  className="view-whatsapp"
@@ -4850,8 +5224,19 @@ Click {{1}} to unsubscribe'",
4850
5224
  </CapRow>,
4851
5225
  },
4852
5226
  Object {
4853
- "content": "$'!@#$%^&*()_+
4854
- Click {{unsubscribe}} to unsubscribe'",
5227
+ "content": <React.Fragment>
5228
+ <CapLabel
5229
+ type="label9"
5230
+ >
5231
+ $'!@#$%^&*()_+
5232
+ C
5233
+ </CapLabel>
5234
+ <CapLabel
5235
+ type="label1"
5236
+ >
5237
+ lick {{unsubscribe}} to unsubscribe'
5238
+ </CapLabel>
5239
+ </React.Fragment>,
4855
5240
  "extra": Array [
4856
5241
  <CapIcon
4857
5242
  className="view-whatsapp"
@@ -4925,8 +5310,19 @@ Click {{1}} to unsubscribe'",
4925
5310
  </CapRow>,
4926
5311
  },
4927
5312
  Object {
4928
- "content": "$'dfsdfdsf
4929
- Click {{unsubscribe}} to unsubscribe'",
5313
+ "content": <React.Fragment>
5314
+ <CapLabel
5315
+ type="label9"
5316
+ >
5317
+ $'dfsdfdsf
5318
+ C
5319
+ </CapLabel>
5320
+ <CapLabel
5321
+ type="label1"
5322
+ >
5323
+ lick {{unsubscribe}} to unsubscribe'
5324
+ </CapLabel>
5325
+ </React.Fragment>,
4930
5326
  "extra": Array [
4931
5327
  <CapIcon
4932
5328
  className="view-whatsapp"
@@ -5001,14 +5397,25 @@ Click {{1}} to unsubscribe'",
5001
5397
  </CapRow>,
5002
5398
  },
5003
5399
  Object {
5004
- "content": "$'Purchase successful @ {{1}}
5400
+ "content": <React.Fragment>
5401
+ <CapLabel
5402
+ type="label9"
5403
+ >
5404
+ $'Purchase successful @ {{1}}
5005
5405
  Congrats!!
5006
5406
  {{2}} added to your Vishal Mega Mart account
5007
5407
  Redeem on {{3}}
5008
5408
  Valid only for {{4}}
5009
5409
  Terms and conditions apply
5010
5410
  {{5}}
5011
- Click {{unsubscribe}} to unsubscribe'",
5411
+ C
5412
+ </CapLabel>
5413
+ <CapLabel
5414
+ type="label1"
5415
+ >
5416
+ lick {{unsubscribe}} to unsubscribe'
5417
+ </CapLabel>
5418
+ </React.Fragment>,
5012
5419
  "extra": Array [
5013
5420
  <CapIcon
5014
5421
  className="view-whatsapp"
@@ -5088,8 +5495,19 @@ Click {{6}} to unsubscribe'",
5088
5495
  </CapRow>,
5089
5496
  },
5090
5497
  Object {
5091
- "content": "$'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
5092
- Click {{unsubscribe}} to unsubscribe'",
5498
+ "content": <React.Fragment>
5499
+ <CapLabel
5500
+ type="label9"
5501
+ >
5502
+ $'Hi {{1}}, your reservation at {{2}} is confirmed for {{3}} at {{4}}
5503
+ C
5504
+ </CapLabel>
5505
+ <CapLabel
5506
+ type="label1"
5507
+ >
5508
+ lick {{unsubscribe}} to unsubscribe'
5509
+ </CapLabel>
5510
+ </React.Fragment>,
5093
5511
  "extra": Array [
5094
5512
  <CapIcon
5095
5513
  className="view-whatsapp"
@@ -5163,8 +5581,19 @@ Click {{5}} to unsubscribe'",
5163
5581
  </CapRow>,
5164
5582
  },
5165
5583
  Object {
5166
- "content": "$'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
5167
- Click {{unsubscribe}} to unsubscribe'",
5584
+ "content": <React.Fragment>
5585
+ <CapLabel
5586
+ type="label9"
5587
+ >
5588
+ $'Dear Customer you have been opted out to receive messages from us. To Opt in give a missed call at +918067006166. Don't miss out on our offers & SHOP FOR FREE!
5589
+ C
5590
+ </CapLabel>
5591
+ <CapLabel
5592
+ type="label1"
5593
+ >
5594
+ lick {{unsubscribe}} to unsubscribe'
5595
+ </CapLabel>
5596
+ </React.Fragment>,
5168
5597
  "extra": Array [
5169
5598
  <CapIcon
5170
5599
  className="view-whatsapp"
@@ -5238,9 +5667,20 @@ Click {{1}} to unsubscribe'",
5238
5667
  </CapRow>,
5239
5668
  },
5240
5669
  Object {
5241
- "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
5670
+ "content": <React.Fragment>
5671
+ <CapLabel
5672
+ type="label9"
5673
+ >
5674
+ $'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!
5242
5675
  T&C
5243
- Click {{unsubscribe}} to unsubscribe'",
5676
+ C
5677
+ </CapLabel>
5678
+ <CapLabel
5679
+ type="label1"
5680
+ >
5681
+ lick {{unsubscribe}} to unsubscribe'
5682
+ </CapLabel>
5683
+ </React.Fragment>,
5244
5684
  "extra": Array [
5245
5685
  <CapIcon
5246
5686
  className="view-whatsapp"