@capillarytech/creatives-library 7.12.36 → 7.12.38

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 (13) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CapWhatsappCTA/constants.js +4 -0
  3. package/v2Components/CapWhatsappCTA/index.js +41 -10
  4. package/v2Components/CapWhatsappCTA/index.scss +7 -1
  5. package/v2Components/CapWhatsappCTA/messages.js +8 -0
  6. package/v2Containers/CreativesContainer/index.js +3 -3
  7. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +1 -1
  8. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +40 -40
  9. package/v2Containers/Whatsapp/index.js +18 -9
  10. package/v2Containers/Whatsapp/index.scss +13 -15
  11. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +988 -352
  12. package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap +2 -2
  13. package/v2Containers/Whatsapp/utils.js +1 -1
package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap CHANGED
@@ -8786,19 +8786,21 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8786
8786
  options={
8787
8787
  Array [
8788
8788
  Object {
8789
- "label": undefined,
8789
+ "label": <CapHeading
8790
+ className="whatsapp-button-none"
8791
+ type="h4"
8792
+ />,
8790
8793
  "value": "NONE",
8791
8794
  },
8792
8795
  Object {
8793
8796
  "label": <React.Fragment>
8794
8797
  <div
8795
- className="whatsapp-button"
8798
+ className="whatsapp-button-cta"
8796
8799
  >
8797
8800
  <CapHeading
8798
8801
  type="h4"
8799
8802
  />
8800
8803
  <CapLabel
8801
- className="whatsapp-cta-desc"
8802
8804
  type="label1"
8803
8805
  />
8804
8806
  </div>
@@ -8811,7 +8813,13 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8811
8813
  placement="bottom"
8812
8814
  >
8813
8815
  <div
8814
- className="whatsapp-button"
8816
+ className="whatsapp-button-quick-reply"
8817
+ style={
8818
+ Object {
8819
+ "marginTop": "24px",
8820
+ "opacity": "0.4",
8821
+ }
8822
+ }
8815
8823
  >
8816
8824
  <CapHeading
8817
8825
  type="h4"
@@ -8834,19 +8842,21 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8834
8842
  options={
8835
8843
  Array [
8836
8844
  Object {
8837
- "label": undefined,
8845
+ "label": <CapHeading
8846
+ className="whatsapp-button-none"
8847
+ type="h4"
8848
+ />,
8838
8849
  "value": "NONE",
8839
8850
  },
8840
8851
  Object {
8841
8852
  "label": <React.Fragment>
8842
8853
  <div
8843
- className="whatsapp-button"
8854
+ className="whatsapp-button-cta"
8844
8855
  >
8845
8856
  <CapHeading
8846
8857
  type="h4"
8847
8858
  />
8848
8859
  <CapLabel
8849
- className="whatsapp-cta-desc"
8850
8860
  type="label1"
8851
8861
  />
8852
8862
  </div>
@@ -8859,7 +8869,13 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8859
8869
  placement="bottom"
8860
8870
  >
8861
8871
  <div
8862
- className="whatsapp-button"
8872
+ className="whatsapp-button-quick-reply"
8873
+ style={
8874
+ Object {
8875
+ "marginTop": "24px",
8876
+ "opacity": "0.4",
8877
+ }
8878
+ }
8863
8879
  >
8864
8880
  <CapHeading
8865
8881
  type="h4"
@@ -8918,6 +8934,17 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8918
8934
  />
8919
8935
  </span>
8920
8936
  </Checkbox>
8937
+ <span>
8938
+ <CapHeading
8939
+ className="whatsapp-button-none"
8940
+ type="h4"
8941
+ >
8942
+ <div
8943
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
8944
+ type="h4"
8945
+ />
8946
+ </CapHeading>
8947
+ </span>
8921
8948
  </label>
8922
8949
  </Radio>
8923
8950
  <Radio
@@ -8962,7 +8989,7 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8962
8989
  </Checkbox>
8963
8990
  <span>
8964
8991
  <div
8965
- className="whatsapp-button"
8992
+ className="whatsapp-button-cta"
8966
8993
  >
8967
8994
  <CapHeading
8968
8995
  type="h4"
@@ -8973,11 +9000,10 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8973
9000
  />
8974
9001
  </CapHeading>
8975
9002
  <CapLabel
8976
- className="whatsapp-cta-desc"
8977
9003
  type="label1"
8978
9004
  >
8979
9005
  <div
8980
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
9006
+ className="CapLabel-n7zsf5-0 bdHnKk"
8981
9007
  type="label1"
8982
9008
  />
8983
9009
  </CapLabel>
@@ -9563,10 +9589,16 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
9563
9589
  visible={false}
9564
9590
  >
9565
9591
  <div
9566
- className="whatsapp-button"
9592
+ className="whatsapp-button-quick-reply"
9567
9593
  key="trigger"
9568
9594
  onMouseEnter={[Function]}
9569
9595
  onMouseLeave={[Function]}
9596
+ style={
9597
+ Object {
9598
+ "marginTop": "24px",
9599
+ "opacity": "0.4",
9600
+ }
9601
+ }
9570
9602
  >
9571
9603
  <CapHeading
9572
9604
  type="h4"
@@ -9625,7 +9657,7 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
9625
9657
 
9626
9658
  </CapLabel>
9627
9659
  <CapLabel
9628
- type="label11"
9660
+ type="label5"
9629
9661
  />
9630
9662
  </React.Fragment>,
9631
9663
  }
@@ -9645,7 +9677,7 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
9645
9677
 
9646
9678
  </CapLabel>
9647
9679
  <CapLabel
9648
- type="label11"
9680
+ type="label5"
9649
9681
  />
9650
9682
  </React.Fragment>,
9651
9683
  }
@@ -11584,11 +11616,11 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
11584
11616
  />
11585
11617
  </CapLabel>
11586
11618
  <CapLabel
11587
- type="label11"
11619
+ type="label5"
11588
11620
  >
11589
11621
  <div
11590
- className="CapLabel-n7zsf5-0 jpRuDd"
11591
- type="label11"
11622
+ className="CapLabel-n7zsf5-0 gHdlVo"
11623
+ type="label5"
11592
11624
  />
11593
11625
  </CapLabel>
11594
11626
  </div>
@@ -20529,19 +20561,21 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20529
20561
  options={
20530
20562
  Array [
20531
20563
  Object {
20532
- "label": undefined,
20564
+ "label": <CapHeading
20565
+ className="whatsapp-button-none"
20566
+ type="h4"
20567
+ />,
20533
20568
  "value": "NONE",
20534
20569
  },
20535
20570
  Object {
20536
20571
  "label": <React.Fragment>
20537
20572
  <div
20538
- className="whatsapp-button"
20573
+ className="whatsapp-button-cta"
20539
20574
  >
20540
20575
  <CapHeading
20541
20576
  type="h4"
20542
20577
  />
20543
20578
  <CapLabel
20544
- className="whatsapp-cta-desc"
20545
20579
  type="label1"
20546
20580
  />
20547
20581
  </div>
@@ -20554,7 +20588,13 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20554
20588
  placement="bottom"
20555
20589
  >
20556
20590
  <div
20557
- className="whatsapp-button"
20591
+ className="whatsapp-button-quick-reply"
20592
+ style={
20593
+ Object {
20594
+ "marginTop": "24px",
20595
+ "opacity": "0.4",
20596
+ }
20597
+ }
20558
20598
  >
20559
20599
  <CapHeading
20560
20600
  type="h4"
@@ -20577,19 +20617,21 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20577
20617
  options={
20578
20618
  Array [
20579
20619
  Object {
20580
- "label": undefined,
20620
+ "label": <CapHeading
20621
+ className="whatsapp-button-none"
20622
+ type="h4"
20623
+ />,
20581
20624
  "value": "NONE",
20582
20625
  },
20583
20626
  Object {
20584
20627
  "label": <React.Fragment>
20585
20628
  <div
20586
- className="whatsapp-button"
20629
+ className="whatsapp-button-cta"
20587
20630
  >
20588
20631
  <CapHeading
20589
20632
  type="h4"
20590
20633
  />
20591
20634
  <CapLabel
20592
- className="whatsapp-cta-desc"
20593
20635
  type="label1"
20594
20636
  />
20595
20637
  </div>
@@ -20602,7 +20644,13 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20602
20644
  placement="bottom"
20603
20645
  >
20604
20646
  <div
20605
- className="whatsapp-button"
20647
+ className="whatsapp-button-quick-reply"
20648
+ style={
20649
+ Object {
20650
+ "marginTop": "24px",
20651
+ "opacity": "0.4",
20652
+ }
20653
+ }
20606
20654
  >
20607
20655
  <CapHeading
20608
20656
  type="h4"
@@ -20661,6 +20709,17 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20661
20709
  />
20662
20710
  </span>
20663
20711
  </Checkbox>
20712
+ <span>
20713
+ <CapHeading
20714
+ className="whatsapp-button-none"
20715
+ type="h4"
20716
+ >
20717
+ <div
20718
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
20719
+ type="h4"
20720
+ />
20721
+ </CapHeading>
20722
+ </span>
20664
20723
  </label>
20665
20724
  </Radio>
20666
20725
  <Radio
@@ -20705,7 +20764,7 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20705
20764
  </Checkbox>
20706
20765
  <span>
20707
20766
  <div
20708
- className="whatsapp-button"
20767
+ className="whatsapp-button-cta"
20709
20768
  >
20710
20769
  <CapHeading
20711
20770
  type="h4"
@@ -20716,11 +20775,10 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20716
20775
  />
20717
20776
  </CapHeading>
20718
20777
  <CapLabel
20719
- className="whatsapp-cta-desc"
20720
20778
  type="label1"
20721
20779
  >
20722
20780
  <div
20723
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
20781
+ className="CapLabel-n7zsf5-0 bdHnKk"
20724
20782
  type="label1"
20725
20783
  />
20726
20784
  </CapLabel>
@@ -21306,10 +21364,16 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
21306
21364
  visible={false}
21307
21365
  >
21308
21366
  <div
21309
- className="whatsapp-button"
21367
+ className="whatsapp-button-quick-reply"
21310
21368
  key="trigger"
21311
21369
  onMouseEnter={[Function]}
21312
21370
  onMouseLeave={[Function]}
21371
+ style={
21372
+ Object {
21373
+ "marginTop": "24px",
21374
+ "opacity": "0.4",
21375
+ }
21376
+ }
21313
21377
  >
21314
21378
  <CapHeading
21315
21379
  type="h4"
@@ -21368,7 +21432,7 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
21368
21432
 
21369
21433
  </CapLabel>
21370
21434
  <CapLabel
21371
- type="label11"
21435
+ type="label5"
21372
21436
  />
21373
21437
  </React.Fragment>,
21374
21438
  }
@@ -21388,7 +21452,7 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
21388
21452
 
21389
21453
  </CapLabel>
21390
21454
  <CapLabel
21391
- type="label11"
21455
+ type="label5"
21392
21456
  />
21393
21457
  </React.Fragment>,
21394
21458
  }
@@ -23327,11 +23391,11 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
23327
23391
  />
23328
23392
  </CapLabel>
23329
23393
  <CapLabel
23330
- type="label11"
23394
+ type="label5"
23331
23395
  >
23332
23396
  <div
23333
- className="CapLabel-n7zsf5-0 jpRuDd"
23334
- type="label11"
23397
+ className="CapLabel-n7zsf5-0 gHdlVo"
23398
+ type="label5"
23335
23399
  />
23336
23400
  </CapLabel>
23337
23401
  </div>
@@ -28857,19 +28921,18 @@ T&C'
28857
28921
  visible={false}
28858
28922
  >
28859
28923
  <CapRow
28860
- className="whatsapp-edit-disabled"
28861
28924
  key="trigger"
28862
28925
  onMouseEnter={[Function]}
28863
28926
  onMouseLeave={[Function]}
28864
28927
  >
28865
28928
  <Row
28866
- className="cap-row-v2 whatsapp-edit-disabled"
28929
+ className="cap-row-v2"
28867
28930
  gutter={0}
28868
28931
  onMouseEnter={[Function]}
28869
28932
  onMouseLeave={[Function]}
28870
28933
  >
28871
28934
  <div
28872
- className="ant-row cap-row-v2 whatsapp-edit-disabled"
28935
+ className="ant-row cap-row-v2"
28873
28936
  onMouseEnter={[Function]}
28874
28937
  onMouseLeave={[Function]}
28875
28938
  >
@@ -28989,19 +29052,21 @@ T&C'
28989
29052
  options={
28990
29053
  Array [
28991
29054
  Object {
28992
- "label": undefined,
29055
+ "label": <CapHeading
29056
+ className="whatsapp-button-none"
29057
+ type="h4"
29058
+ />,
28993
29059
  "value": "NONE",
28994
29060
  },
28995
29061
  Object {
28996
29062
  "label": <React.Fragment>
28997
29063
  <div
28998
- className="whatsapp-button"
29064
+ className="whatsapp-button-cta"
28999
29065
  >
29000
29066
  <CapHeading
29001
29067
  type="h4"
29002
29068
  />
29003
29069
  <CapLabel
29004
- className="whatsapp-cta-desc"
29005
29070
  type="label1"
29006
29071
  />
29007
29072
  </div>
@@ -29015,7 +29080,13 @@ T&C'
29015
29080
  title={false}
29016
29081
  >
29017
29082
  <div
29018
- className="whatsapp-button"
29083
+ className="whatsapp-button-quick-reply"
29084
+ style={
29085
+ Object {
29086
+ "marginTop": "24px",
29087
+ "opacity": "",
29088
+ }
29089
+ }
29019
29090
  >
29020
29091
  <CapHeading
29021
29092
  type="h4"
@@ -29038,19 +29109,21 @@ T&C'
29038
29109
  options={
29039
29110
  Array [
29040
29111
  Object {
29041
- "label": undefined,
29112
+ "label": <CapHeading
29113
+ className="whatsapp-button-none"
29114
+ type="h4"
29115
+ />,
29042
29116
  "value": "NONE",
29043
29117
  },
29044
29118
  Object {
29045
29119
  "label": <React.Fragment>
29046
29120
  <div
29047
- className="whatsapp-button"
29121
+ className="whatsapp-button-cta"
29048
29122
  >
29049
29123
  <CapHeading
29050
29124
  type="h4"
29051
29125
  />
29052
29126
  <CapLabel
29053
- className="whatsapp-cta-desc"
29054
29127
  type="label1"
29055
29128
  />
29056
29129
  </div>
@@ -29064,7 +29137,13 @@ T&C'
29064
29137
  title={false}
29065
29138
  >
29066
29139
  <div
29067
- className="whatsapp-button"
29140
+ className="whatsapp-button-quick-reply"
29141
+ style={
29142
+ Object {
29143
+ "marginTop": "24px",
29144
+ "opacity": "",
29145
+ }
29146
+ }
29068
29147
  >
29069
29148
  <CapHeading
29070
29149
  type="h4"
@@ -29123,6 +29202,17 @@ T&C'
29123
29202
  />
29124
29203
  </span>
29125
29204
  </Checkbox>
29205
+ <span>
29206
+ <CapHeading
29207
+ className="whatsapp-button-none"
29208
+ type="h4"
29209
+ >
29210
+ <div
29211
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
29212
+ type="h4"
29213
+ />
29214
+ </CapHeading>
29215
+ </span>
29126
29216
  </label>
29127
29217
  </Radio>
29128
29218
  <Radio
@@ -29167,7 +29257,7 @@ T&C'
29167
29257
  </Checkbox>
29168
29258
  <span>
29169
29259
  <div
29170
- className="whatsapp-button"
29260
+ className="whatsapp-button-cta"
29171
29261
  >
29172
29262
  <CapHeading
29173
29263
  type="h4"
@@ -29178,11 +29268,10 @@ T&C'
29178
29268
  />
29179
29269
  </CapHeading>
29180
29270
  <CapLabel
29181
- className="whatsapp-cta-desc"
29182
29271
  type="label1"
29183
29272
  >
29184
29273
  <div
29185
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
29274
+ className="CapLabel-n7zsf5-0 bdHnKk"
29186
29275
  type="label1"
29187
29276
  />
29188
29277
  </CapLabel>
@@ -29772,10 +29861,16 @@ T&C'
29772
29861
  visible={false}
29773
29862
  >
29774
29863
  <div
29775
- className="whatsapp-button"
29864
+ className="whatsapp-button-quick-reply"
29776
29865
  key="trigger"
29777
29866
  onMouseEnter={[Function]}
29778
29867
  onMouseLeave={[Function]}
29868
+ style={
29869
+ Object {
29870
+ "marginTop": "24px",
29871
+ "opacity": "",
29872
+ }
29873
+ }
29779
29874
  >
29780
29875
  <CapHeading
29781
29876
  type="h4"
@@ -29842,7 +29937,7 @@ T&C'
29842
29937
  T&C'
29843
29938
  </CapLabel>
29844
29939
  <CapLabel
29845
- type="label11"
29940
+ type="label5"
29846
29941
  />
29847
29942
  </React.Fragment>,
29848
29943
  }
@@ -29863,7 +29958,7 @@ T&C'
29863
29958
  T&C'
29864
29959
  </CapLabel>
29865
29960
  <CapLabel
29866
- type="label11"
29961
+ type="label5"
29867
29962
  />
29868
29963
  </React.Fragment>,
29869
29964
  }
@@ -31805,11 +31900,11 @@ T&C'
31805
31900
  </div>
31806
31901
  </CapLabel>
31807
31902
  <CapLabel
31808
- type="label11"
31903
+ type="label5"
31809
31904
  >
31810
31905
  <div
31811
- className="CapLabel-n7zsf5-0 jpRuDd"
31812
- type="label11"
31906
+ className="CapLabel-n7zsf5-0 gHdlVo"
31907
+ type="label5"
31813
31908
  />
31814
31909
  </CapLabel>
31815
31910
  </div>
@@ -38469,19 +38564,18 @@ T&C'
38469
38564
  visible={false}
38470
38565
  >
38471
38566
  <CapRow
38472
- className="whatsapp-edit-disabled"
38473
38567
  key="trigger"
38474
38568
  onMouseEnter={[Function]}
38475
38569
  onMouseLeave={[Function]}
38476
38570
  >
38477
38571
  <Row
38478
- className="cap-row-v2 whatsapp-edit-disabled"
38572
+ className="cap-row-v2"
38479
38573
  gutter={0}
38480
38574
  onMouseEnter={[Function]}
38481
38575
  onMouseLeave={[Function]}
38482
38576
  >
38483
38577
  <div
38484
- className="ant-row cap-row-v2 whatsapp-edit-disabled"
38578
+ className="ant-row cap-row-v2"
38485
38579
  onMouseEnter={[Function]}
38486
38580
  onMouseLeave={[Function]}
38487
38581
  >
@@ -38601,19 +38695,21 @@ T&C'
38601
38695
  options={
38602
38696
  Array [
38603
38697
  Object {
38604
- "label": undefined,
38698
+ "label": <CapHeading
38699
+ className="whatsapp-button-none"
38700
+ type="h4"
38701
+ />,
38605
38702
  "value": "NONE",
38606
38703
  },
38607
38704
  Object {
38608
38705
  "label": <React.Fragment>
38609
38706
  <div
38610
- className="whatsapp-button"
38707
+ className="whatsapp-button-cta"
38611
38708
  >
38612
38709
  <CapHeading
38613
38710
  type="h4"
38614
38711
  />
38615
38712
  <CapLabel
38616
- className="whatsapp-cta-desc"
38617
38713
  type="label1"
38618
38714
  />
38619
38715
  </div>
@@ -38627,7 +38723,13 @@ T&C'
38627
38723
  title={false}
38628
38724
  >
38629
38725
  <div
38630
- className="whatsapp-button"
38726
+ className="whatsapp-button-quick-reply"
38727
+ style={
38728
+ Object {
38729
+ "marginTop": "24px",
38730
+ "opacity": "",
38731
+ }
38732
+ }
38631
38733
  >
38632
38734
  <CapHeading
38633
38735
  type="h4"
@@ -38650,19 +38752,21 @@ T&C'
38650
38752
  options={
38651
38753
  Array [
38652
38754
  Object {
38653
- "label": undefined,
38755
+ "label": <CapHeading
38756
+ className="whatsapp-button-none"
38757
+ type="h4"
38758
+ />,
38654
38759
  "value": "NONE",
38655
38760
  },
38656
38761
  Object {
38657
38762
  "label": <React.Fragment>
38658
38763
  <div
38659
- className="whatsapp-button"
38764
+ className="whatsapp-button-cta"
38660
38765
  >
38661
38766
  <CapHeading
38662
38767
  type="h4"
38663
38768
  />
38664
38769
  <CapLabel
38665
- className="whatsapp-cta-desc"
38666
38770
  type="label1"
38667
38771
  />
38668
38772
  </div>
@@ -38676,7 +38780,13 @@ T&C'
38676
38780
  title={false}
38677
38781
  >
38678
38782
  <div
38679
- className="whatsapp-button"
38783
+ className="whatsapp-button-quick-reply"
38784
+ style={
38785
+ Object {
38786
+ "marginTop": "24px",
38787
+ "opacity": "",
38788
+ }
38789
+ }
38680
38790
  >
38681
38791
  <CapHeading
38682
38792
  type="h4"
@@ -38735,6 +38845,17 @@ T&C'
38735
38845
  />
38736
38846
  </span>
38737
38847
  </Checkbox>
38848
+ <span>
38849
+ <CapHeading
38850
+ className="whatsapp-button-none"
38851
+ type="h4"
38852
+ >
38853
+ <div
38854
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
38855
+ type="h4"
38856
+ />
38857
+ </CapHeading>
38858
+ </span>
38738
38859
  </label>
38739
38860
  </Radio>
38740
38861
  <Radio
@@ -38779,7 +38900,7 @@ T&C'
38779
38900
  </Checkbox>
38780
38901
  <span>
38781
38902
  <div
38782
- className="whatsapp-button"
38903
+ className="whatsapp-button-cta"
38783
38904
  >
38784
38905
  <CapHeading
38785
38906
  type="h4"
@@ -38790,11 +38911,10 @@ T&C'
38790
38911
  />
38791
38912
  </CapHeading>
38792
38913
  <CapLabel
38793
- className="whatsapp-cta-desc"
38794
38914
  type="label1"
38795
38915
  >
38796
38916
  <div
38797
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
38917
+ className="CapLabel-n7zsf5-0 bdHnKk"
38798
38918
  type="label1"
38799
38919
  />
38800
38920
  </CapLabel>
@@ -39384,10 +39504,16 @@ T&C'
39384
39504
  visible={false}
39385
39505
  >
39386
39506
  <div
39387
- className="whatsapp-button"
39507
+ className="whatsapp-button-quick-reply"
39388
39508
  key="trigger"
39389
39509
  onMouseEnter={[Function]}
39390
39510
  onMouseLeave={[Function]}
39511
+ style={
39512
+ Object {
39513
+ "marginTop": "24px",
39514
+ "opacity": "",
39515
+ }
39516
+ }
39391
39517
  >
39392
39518
  <CapHeading
39393
39519
  type="h4"
@@ -39454,7 +39580,7 @@ T&C'
39454
39580
  T&C'
39455
39581
  </CapLabel>
39456
39582
  <CapLabel
39457
- type="label11"
39583
+ type="label5"
39458
39584
  />
39459
39585
  </React.Fragment>,
39460
39586
  }
@@ -39475,7 +39601,7 @@ T&C'
39475
39601
  T&C'
39476
39602
  </CapLabel>
39477
39603
  <CapLabel
39478
- type="label11"
39604
+ type="label5"
39479
39605
  />
39480
39606
  </React.Fragment>,
39481
39607
  }
@@ -41417,11 +41543,11 @@ T&C'
41417
41543
  </div>
41418
41544
  </CapLabel>
41419
41545
  <CapLabel
41420
- type="label11"
41546
+ type="label5"
41421
41547
  >
41422
41548
  <div
41423
- className="CapLabel-n7zsf5-0 jpRuDd"
41424
- type="label11"
41549
+ className="CapLabel-n7zsf5-0 gHdlVo"
41550
+ type="label5"
41425
41551
  />
41426
41552
  </CapLabel>
41427
41553
  </div>
@@ -49315,19 +49441,18 @@ T&C'
49315
49441
  visible={false}
49316
49442
  >
49317
49443
  <CapRow
49318
- className="whatsapp-edit-disabled"
49319
49444
  key="trigger"
49320
49445
  onMouseEnter={[Function]}
49321
49446
  onMouseLeave={[Function]}
49322
49447
  >
49323
49448
  <Row
49324
- className="cap-row-v2 whatsapp-edit-disabled"
49449
+ className="cap-row-v2"
49325
49450
  gutter={0}
49326
49451
  onMouseEnter={[Function]}
49327
49452
  onMouseLeave={[Function]}
49328
49453
  >
49329
49454
  <div
49330
- className="ant-row cap-row-v2 whatsapp-edit-disabled"
49455
+ className="ant-row cap-row-v2"
49331
49456
  onMouseEnter={[Function]}
49332
49457
  onMouseLeave={[Function]}
49333
49458
  >
@@ -49447,19 +49572,21 @@ T&C'
49447
49572
  options={
49448
49573
  Array [
49449
49574
  Object {
49450
- "label": undefined,
49575
+ "label": <CapHeading
49576
+ className="whatsapp-button-none"
49577
+ type="h4"
49578
+ />,
49451
49579
  "value": "NONE",
49452
49580
  },
49453
49581
  Object {
49454
49582
  "label": <React.Fragment>
49455
49583
  <div
49456
- className="whatsapp-button"
49584
+ className="whatsapp-button-cta"
49457
49585
  >
49458
49586
  <CapHeading
49459
49587
  type="h4"
49460
49588
  />
49461
49589
  <CapLabel
49462
- className="whatsapp-cta-desc"
49463
49590
  type="label1"
49464
49591
  />
49465
49592
  </div>
@@ -49473,7 +49600,13 @@ T&C'
49473
49600
  title={false}
49474
49601
  >
49475
49602
  <div
49476
- className="whatsapp-button"
49603
+ className="whatsapp-button-quick-reply"
49604
+ style={
49605
+ Object {
49606
+ "marginTop": "24px",
49607
+ "opacity": "",
49608
+ }
49609
+ }
49477
49610
  >
49478
49611
  <CapHeading
49479
49612
  type="h4"
@@ -49496,19 +49629,21 @@ T&C'
49496
49629
  options={
49497
49630
  Array [
49498
49631
  Object {
49499
- "label": undefined,
49632
+ "label": <CapHeading
49633
+ className="whatsapp-button-none"
49634
+ type="h4"
49635
+ />,
49500
49636
  "value": "NONE",
49501
49637
  },
49502
49638
  Object {
49503
49639
  "label": <React.Fragment>
49504
49640
  <div
49505
- className="whatsapp-button"
49641
+ className="whatsapp-button-cta"
49506
49642
  >
49507
49643
  <CapHeading
49508
49644
  type="h4"
49509
49645
  />
49510
49646
  <CapLabel
49511
- className="whatsapp-cta-desc"
49512
49647
  type="label1"
49513
49648
  />
49514
49649
  </div>
@@ -49522,7 +49657,13 @@ T&C'
49522
49657
  title={false}
49523
49658
  >
49524
49659
  <div
49525
- className="whatsapp-button"
49660
+ className="whatsapp-button-quick-reply"
49661
+ style={
49662
+ Object {
49663
+ "marginTop": "24px",
49664
+ "opacity": "",
49665
+ }
49666
+ }
49526
49667
  >
49527
49668
  <CapHeading
49528
49669
  type="h4"
@@ -49581,6 +49722,17 @@ T&C'
49581
49722
  />
49582
49723
  </span>
49583
49724
  </Checkbox>
49725
+ <span>
49726
+ <CapHeading
49727
+ className="whatsapp-button-none"
49728
+ type="h4"
49729
+ >
49730
+ <div
49731
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
49732
+ type="h4"
49733
+ />
49734
+ </CapHeading>
49735
+ </span>
49584
49736
  </label>
49585
49737
  </Radio>
49586
49738
  <Radio
@@ -49625,7 +49777,7 @@ T&C'
49625
49777
  </Checkbox>
49626
49778
  <span>
49627
49779
  <div
49628
- className="whatsapp-button"
49780
+ className="whatsapp-button-cta"
49629
49781
  >
49630
49782
  <CapHeading
49631
49783
  type="h4"
@@ -49636,11 +49788,10 @@ T&C'
49636
49788
  />
49637
49789
  </CapHeading>
49638
49790
  <CapLabel
49639
- className="whatsapp-cta-desc"
49640
49791
  type="label1"
49641
49792
  >
49642
49793
  <div
49643
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
49794
+ className="CapLabel-n7zsf5-0 bdHnKk"
49644
49795
  type="label1"
49645
49796
  />
49646
49797
  </CapLabel>
@@ -50230,10 +50381,16 @@ T&C'
50230
50381
  visible={false}
50231
50382
  >
50232
50383
  <div
50233
- className="whatsapp-button"
50384
+ className="whatsapp-button-quick-reply"
50234
50385
  key="trigger"
50235
50386
  onMouseEnter={[Function]}
50236
50387
  onMouseLeave={[Function]}
50388
+ style={
50389
+ Object {
50390
+ "marginTop": "24px",
50391
+ "opacity": "",
50392
+ }
50393
+ }
50237
50394
  >
50238
50395
  <CapHeading
50239
50396
  type="h4"
@@ -50300,7 +50457,7 @@ T&C'
50300
50457
  T&C'
50301
50458
  </CapLabel>
50302
50459
  <CapLabel
50303
- type="label11"
50460
+ type="label5"
50304
50461
  />
50305
50462
  </React.Fragment>,
50306
50463
  }
@@ -50321,7 +50478,7 @@ T&C'
50321
50478
  T&C'
50322
50479
  </CapLabel>
50323
50480
  <CapLabel
50324
- type="label11"
50481
+ type="label5"
50325
50482
  />
50326
50483
  </React.Fragment>,
50327
50484
  }
@@ -52263,11 +52420,11 @@ T&C'
52263
52420
  </div>
52264
52421
  </CapLabel>
52265
52422
  <CapLabel
52266
- type="label11"
52423
+ type="label5"
52267
52424
  >
52268
52425
  <div
52269
- className="CapLabel-n7zsf5-0 jpRuDd"
52270
- type="label11"
52426
+ className="CapLabel-n7zsf5-0 gHdlVo"
52427
+ type="label5"
52271
52428
  />
52272
52429
  </CapLabel>
52273
52430
  </div>
@@ -61789,19 +61946,18 @@ T&C'
61789
61946
  visible={false}
61790
61947
  >
61791
61948
  <CapRow
61792
- className="whatsapp-edit-disabled"
61793
61949
  key="trigger"
61794
61950
  onMouseEnter={[Function]}
61795
61951
  onMouseLeave={[Function]}
61796
61952
  >
61797
61953
  <Row
61798
- className="cap-row-v2 whatsapp-edit-disabled"
61954
+ className="cap-row-v2"
61799
61955
  gutter={0}
61800
61956
  onMouseEnter={[Function]}
61801
61957
  onMouseLeave={[Function]}
61802
61958
  >
61803
61959
  <div
61804
- className="ant-row cap-row-v2 whatsapp-edit-disabled"
61960
+ className="ant-row cap-row-v2"
61805
61961
  onMouseEnter={[Function]}
61806
61962
  onMouseLeave={[Function]}
61807
61963
  >
@@ -61921,19 +62077,21 @@ T&C'
61921
62077
  options={
61922
62078
  Array [
61923
62079
  Object {
61924
- "label": undefined,
62080
+ "label": <CapHeading
62081
+ className="whatsapp-button-none"
62082
+ type="h4"
62083
+ />,
61925
62084
  "value": "NONE",
61926
62085
  },
61927
62086
  Object {
61928
62087
  "label": <React.Fragment>
61929
62088
  <div
61930
- className="whatsapp-button"
62089
+ className="whatsapp-button-cta"
61931
62090
  >
61932
62091
  <CapHeading
61933
62092
  type="h4"
61934
62093
  />
61935
62094
  <CapLabel
61936
- className="whatsapp-cta-desc"
61937
62095
  type="label1"
61938
62096
  />
61939
62097
  </div>
@@ -61947,7 +62105,13 @@ T&C'
61947
62105
  title={false}
61948
62106
  >
61949
62107
  <div
61950
- className="whatsapp-button"
62108
+ className="whatsapp-button-quick-reply"
62109
+ style={
62110
+ Object {
62111
+ "marginTop": "24px",
62112
+ "opacity": "",
62113
+ }
62114
+ }
61951
62115
  >
61952
62116
  <CapHeading
61953
62117
  type="h4"
@@ -61970,19 +62134,21 @@ T&C'
61970
62134
  options={
61971
62135
  Array [
61972
62136
  Object {
61973
- "label": undefined,
62137
+ "label": <CapHeading
62138
+ className="whatsapp-button-none"
62139
+ type="h4"
62140
+ />,
61974
62141
  "value": "NONE",
61975
62142
  },
61976
62143
  Object {
61977
62144
  "label": <React.Fragment>
61978
62145
  <div
61979
- className="whatsapp-button"
62146
+ className="whatsapp-button-cta"
61980
62147
  >
61981
62148
  <CapHeading
61982
62149
  type="h4"
61983
62150
  />
61984
62151
  <CapLabel
61985
- className="whatsapp-cta-desc"
61986
62152
  type="label1"
61987
62153
  />
61988
62154
  </div>
@@ -61996,7 +62162,13 @@ T&C'
61996
62162
  title={false}
61997
62163
  >
61998
62164
  <div
61999
- className="whatsapp-button"
62165
+ className="whatsapp-button-quick-reply"
62166
+ style={
62167
+ Object {
62168
+ "marginTop": "24px",
62169
+ "opacity": "",
62170
+ }
62171
+ }
62000
62172
  >
62001
62173
  <CapHeading
62002
62174
  type="h4"
@@ -62055,6 +62227,17 @@ T&C'
62055
62227
  />
62056
62228
  </span>
62057
62229
  </Checkbox>
62230
+ <span>
62231
+ <CapHeading
62232
+ className="whatsapp-button-none"
62233
+ type="h4"
62234
+ >
62235
+ <div
62236
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
62237
+ type="h4"
62238
+ />
62239
+ </CapHeading>
62240
+ </span>
62058
62241
  </label>
62059
62242
  </Radio>
62060
62243
  <Radio
@@ -62099,7 +62282,7 @@ T&C'
62099
62282
  </Checkbox>
62100
62283
  <span>
62101
62284
  <div
62102
- className="whatsapp-button"
62285
+ className="whatsapp-button-cta"
62103
62286
  >
62104
62287
  <CapHeading
62105
62288
  type="h4"
@@ -62110,11 +62293,10 @@ T&C'
62110
62293
  />
62111
62294
  </CapHeading>
62112
62295
  <CapLabel
62113
- className="whatsapp-cta-desc"
62114
62296
  type="label1"
62115
62297
  >
62116
62298
  <div
62117
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
62299
+ className="CapLabel-n7zsf5-0 bdHnKk"
62118
62300
  type="label1"
62119
62301
  />
62120
62302
  </CapLabel>
@@ -62704,10 +62886,16 @@ T&C'
62704
62886
  visible={false}
62705
62887
  >
62706
62888
  <div
62707
- className="whatsapp-button"
62889
+ className="whatsapp-button-quick-reply"
62708
62890
  key="trigger"
62709
62891
  onMouseEnter={[Function]}
62710
62892
  onMouseLeave={[Function]}
62893
+ style={
62894
+ Object {
62895
+ "marginTop": "24px",
62896
+ "opacity": "",
62897
+ }
62898
+ }
62711
62899
  >
62712
62900
  <CapHeading
62713
62901
  type="h4"
@@ -62774,7 +62962,7 @@ T&C'
62774
62962
  T&C'
62775
62963
  </CapLabel>
62776
62964
  <CapLabel
62777
- type="label11"
62965
+ type="label5"
62778
62966
  />
62779
62967
  </React.Fragment>,
62780
62968
  }
@@ -62795,7 +62983,7 @@ T&C'
62795
62983
  T&C'
62796
62984
  </CapLabel>
62797
62985
  <CapLabel
62798
- type="label11"
62986
+ type="label5"
62799
62987
  />
62800
62988
  </React.Fragment>,
62801
62989
  }
@@ -64737,11 +64925,11 @@ T&C'
64737
64925
  </div>
64738
64926
  </CapLabel>
64739
64927
  <CapLabel
64740
- type="label11"
64928
+ type="label5"
64741
64929
  >
64742
64930
  <div
64743
- className="CapLabel-n7zsf5-0 jpRuDd"
64744
- type="label11"
64931
+ className="CapLabel-n7zsf5-0 gHdlVo"
64932
+ type="label5"
64745
64933
  />
64746
64934
  </CapLabel>
64747
64935
  </div>
@@ -73985,19 +74173,21 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
73985
74173
  options={
73986
74174
  Array [
73987
74175
  Object {
73988
- "label": undefined,
74176
+ "label": <CapHeading
74177
+ className="whatsapp-button-none"
74178
+ type="h4"
74179
+ />,
73989
74180
  "value": "NONE",
73990
74181
  },
73991
74182
  Object {
73992
74183
  "label": <React.Fragment>
73993
74184
  <div
73994
- className="whatsapp-button"
74185
+ className="whatsapp-button-cta"
73995
74186
  >
73996
74187
  <CapHeading
73997
74188
  type="h4"
73998
74189
  />
73999
74190
  <CapLabel
74000
- className="whatsapp-cta-desc"
74001
74191
  type="label1"
74002
74192
  />
74003
74193
  </div>
@@ -74010,7 +74200,13 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74010
74200
  placement="bottom"
74011
74201
  >
74012
74202
  <div
74013
- className="whatsapp-button"
74203
+ className="whatsapp-button-quick-reply"
74204
+ style={
74205
+ Object {
74206
+ "marginTop": "24px",
74207
+ "opacity": "0.4",
74208
+ }
74209
+ }
74014
74210
  >
74015
74211
  <CapHeading
74016
74212
  type="h4"
@@ -74033,19 +74229,21 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74033
74229
  options={
74034
74230
  Array [
74035
74231
  Object {
74036
- "label": undefined,
74232
+ "label": <CapHeading
74233
+ className="whatsapp-button-none"
74234
+ type="h4"
74235
+ />,
74037
74236
  "value": "NONE",
74038
74237
  },
74039
74238
  Object {
74040
74239
  "label": <React.Fragment>
74041
74240
  <div
74042
- className="whatsapp-button"
74241
+ className="whatsapp-button-cta"
74043
74242
  >
74044
74243
  <CapHeading
74045
74244
  type="h4"
74046
74245
  />
74047
74246
  <CapLabel
74048
- className="whatsapp-cta-desc"
74049
74247
  type="label1"
74050
74248
  />
74051
74249
  </div>
@@ -74058,7 +74256,13 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74058
74256
  placement="bottom"
74059
74257
  >
74060
74258
  <div
74061
- className="whatsapp-button"
74259
+ className="whatsapp-button-quick-reply"
74260
+ style={
74261
+ Object {
74262
+ "marginTop": "24px",
74263
+ "opacity": "0.4",
74264
+ }
74265
+ }
74062
74266
  >
74063
74267
  <CapHeading
74064
74268
  type="h4"
@@ -74117,6 +74321,17 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74117
74321
  />
74118
74322
  </span>
74119
74323
  </Checkbox>
74324
+ <span>
74325
+ <CapHeading
74326
+ className="whatsapp-button-none"
74327
+ type="h4"
74328
+ >
74329
+ <div
74330
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
74331
+ type="h4"
74332
+ />
74333
+ </CapHeading>
74334
+ </span>
74120
74335
  </label>
74121
74336
  </Radio>
74122
74337
  <Radio
@@ -74161,7 +74376,7 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74161
74376
  </Checkbox>
74162
74377
  <span>
74163
74378
  <div
74164
- className="whatsapp-button"
74379
+ className="whatsapp-button-cta"
74165
74380
  >
74166
74381
  <CapHeading
74167
74382
  type="h4"
@@ -74172,11 +74387,10 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74172
74387
  />
74173
74388
  </CapHeading>
74174
74389
  <CapLabel
74175
- className="whatsapp-cta-desc"
74176
74390
  type="label1"
74177
74391
  >
74178
74392
  <div
74179
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
74393
+ className="CapLabel-n7zsf5-0 bdHnKk"
74180
74394
  type="label1"
74181
74395
  />
74182
74396
  </CapLabel>
@@ -74762,10 +74976,16 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74762
74976
  visible={false}
74763
74977
  >
74764
74978
  <div
74765
- className="whatsapp-button"
74979
+ className="whatsapp-button-quick-reply"
74766
74980
  key="trigger"
74767
74981
  onMouseEnter={[Function]}
74768
74982
  onMouseLeave={[Function]}
74983
+ style={
74984
+ Object {
74985
+ "marginTop": "24px",
74986
+ "opacity": "0.4",
74987
+ }
74988
+ }
74769
74989
  >
74770
74990
  <CapHeading
74771
74991
  type="h4"
@@ -74824,7 +75044,7 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74824
75044
 
74825
75045
  </CapLabel>
74826
75046
  <CapLabel
74827
- type="label11"
75047
+ type="label5"
74828
75048
  />
74829
75049
  </React.Fragment>,
74830
75050
  }
@@ -74844,7 +75064,7 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74844
75064
 
74845
75065
  </CapLabel>
74846
75066
  <CapLabel
74847
- type="label11"
75067
+ type="label5"
74848
75068
  />
74849
75069
  </React.Fragment>,
74850
75070
  }
@@ -76783,11 +77003,11 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
76783
77003
  />
76784
77004
  </CapLabel>
76785
77005
  <CapLabel
76786
- type="label11"
77006
+ type="label5"
76787
77007
  >
76788
77008
  <div
76789
- className="CapLabel-n7zsf5-0 jpRuDd"
76790
- type="label11"
77009
+ className="CapLabel-n7zsf5-0 gHdlVo"
77010
+ type="label5"
76791
77011
  />
76792
77012
  </CapLabel>
76793
77013
  </div>
@@ -86105,19 +86325,21 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86105
86325
  options={
86106
86326
  Array [
86107
86327
  Object {
86108
- "label": undefined,
86328
+ "label": <CapHeading
86329
+ className="whatsapp-button-none"
86330
+ type="h4"
86331
+ />,
86109
86332
  "value": "NONE",
86110
86333
  },
86111
86334
  Object {
86112
86335
  "label": <React.Fragment>
86113
86336
  <div
86114
- className="whatsapp-button"
86337
+ className="whatsapp-button-cta"
86115
86338
  >
86116
86339
  <CapHeading
86117
86340
  type="h4"
86118
86341
  />
86119
86342
  <CapLabel
86120
- className="whatsapp-cta-desc"
86121
86343
  type="label1"
86122
86344
  />
86123
86345
  </div>
@@ -86130,7 +86352,13 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86130
86352
  placement="bottom"
86131
86353
  >
86132
86354
  <div
86133
- className="whatsapp-button"
86355
+ className="whatsapp-button-quick-reply"
86356
+ style={
86357
+ Object {
86358
+ "marginTop": "24px",
86359
+ "opacity": "0.4",
86360
+ }
86361
+ }
86134
86362
  >
86135
86363
  <CapHeading
86136
86364
  type="h4"
@@ -86153,19 +86381,21 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86153
86381
  options={
86154
86382
  Array [
86155
86383
  Object {
86156
- "label": undefined,
86384
+ "label": <CapHeading
86385
+ className="whatsapp-button-none"
86386
+ type="h4"
86387
+ />,
86157
86388
  "value": "NONE",
86158
86389
  },
86159
86390
  Object {
86160
86391
  "label": <React.Fragment>
86161
86392
  <div
86162
- className="whatsapp-button"
86393
+ className="whatsapp-button-cta"
86163
86394
  >
86164
86395
  <CapHeading
86165
86396
  type="h4"
86166
86397
  />
86167
86398
  <CapLabel
86168
- className="whatsapp-cta-desc"
86169
86399
  type="label1"
86170
86400
  />
86171
86401
  </div>
@@ -86178,7 +86408,13 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86178
86408
  placement="bottom"
86179
86409
  >
86180
86410
  <div
86181
- className="whatsapp-button"
86411
+ className="whatsapp-button-quick-reply"
86412
+ style={
86413
+ Object {
86414
+ "marginTop": "24px",
86415
+ "opacity": "0.4",
86416
+ }
86417
+ }
86182
86418
  >
86183
86419
  <CapHeading
86184
86420
  type="h4"
@@ -86237,6 +86473,17 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86237
86473
  />
86238
86474
  </span>
86239
86475
  </Checkbox>
86476
+ <span>
86477
+ <CapHeading
86478
+ className="whatsapp-button-none"
86479
+ type="h4"
86480
+ >
86481
+ <div
86482
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
86483
+ type="h4"
86484
+ />
86485
+ </CapHeading>
86486
+ </span>
86240
86487
  </label>
86241
86488
  </Radio>
86242
86489
  <Radio
@@ -86281,7 +86528,7 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86281
86528
  </Checkbox>
86282
86529
  <span>
86283
86530
  <div
86284
- className="whatsapp-button"
86531
+ className="whatsapp-button-cta"
86285
86532
  >
86286
86533
  <CapHeading
86287
86534
  type="h4"
@@ -86292,11 +86539,10 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86292
86539
  />
86293
86540
  </CapHeading>
86294
86541
  <CapLabel
86295
- className="whatsapp-cta-desc"
86296
86542
  type="label1"
86297
86543
  >
86298
86544
  <div
86299
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
86545
+ className="CapLabel-n7zsf5-0 bdHnKk"
86300
86546
  type="label1"
86301
86547
  />
86302
86548
  </CapLabel>
@@ -86882,10 +87128,16 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86882
87128
  visible={false}
86883
87129
  >
86884
87130
  <div
86885
- className="whatsapp-button"
87131
+ className="whatsapp-button-quick-reply"
86886
87132
  key="trigger"
86887
87133
  onMouseEnter={[Function]}
86888
87134
  onMouseLeave={[Function]}
87135
+ style={
87136
+ Object {
87137
+ "marginTop": "24px",
87138
+ "opacity": "0.4",
87139
+ }
87140
+ }
86889
87141
  >
86890
87142
  <CapHeading
86891
87143
  type="h4"
@@ -86944,7 +87196,7 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86944
87196
 
86945
87197
  </CapLabel>
86946
87198
  <CapLabel
86947
- type="label11"
87199
+ type="label5"
86948
87200
  />
86949
87201
  </React.Fragment>,
86950
87202
  }
@@ -86964,7 +87216,7 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86964
87216
 
86965
87217
  </CapLabel>
86966
87218
  <CapLabel
86967
- type="label11"
87219
+ type="label5"
86968
87220
  />
86969
87221
  </React.Fragment>,
86970
87222
  }
@@ -88903,11 +89155,11 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
88903
89155
  />
88904
89156
  </CapLabel>
88905
89157
  <CapLabel
88906
- type="label11"
89158
+ type="label5"
88907
89159
  >
88908
89160
  <div
88909
- className="CapLabel-n7zsf5-0 jpRuDd"
88910
- type="label11"
89161
+ className="CapLabel-n7zsf5-0 gHdlVo"
89162
+ type="label5"
88911
89163
  />
88912
89164
  </CapLabel>
88913
89165
  </div>
@@ -98225,19 +98477,21 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98225
98477
  options={
98226
98478
  Array [
98227
98479
  Object {
98228
- "label": undefined,
98480
+ "label": <CapHeading
98481
+ className="whatsapp-button-none"
98482
+ type="h4"
98483
+ />,
98229
98484
  "value": "NONE",
98230
98485
  },
98231
98486
  Object {
98232
98487
  "label": <React.Fragment>
98233
98488
  <div
98234
- className="whatsapp-button"
98489
+ className="whatsapp-button-cta"
98235
98490
  >
98236
98491
  <CapHeading
98237
98492
  type="h4"
98238
98493
  />
98239
98494
  <CapLabel
98240
- className="whatsapp-cta-desc"
98241
98495
  type="label1"
98242
98496
  />
98243
98497
  </div>
@@ -98250,7 +98504,13 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98250
98504
  placement="bottom"
98251
98505
  >
98252
98506
  <div
98253
- className="whatsapp-button"
98507
+ className="whatsapp-button-quick-reply"
98508
+ style={
98509
+ Object {
98510
+ "marginTop": "24px",
98511
+ "opacity": "0.4",
98512
+ }
98513
+ }
98254
98514
  >
98255
98515
  <CapHeading
98256
98516
  type="h4"
@@ -98273,19 +98533,21 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98273
98533
  options={
98274
98534
  Array [
98275
98535
  Object {
98276
- "label": undefined,
98536
+ "label": <CapHeading
98537
+ className="whatsapp-button-none"
98538
+ type="h4"
98539
+ />,
98277
98540
  "value": "NONE",
98278
98541
  },
98279
98542
  Object {
98280
98543
  "label": <React.Fragment>
98281
98544
  <div
98282
- className="whatsapp-button"
98545
+ className="whatsapp-button-cta"
98283
98546
  >
98284
98547
  <CapHeading
98285
98548
  type="h4"
98286
98549
  />
98287
98550
  <CapLabel
98288
- className="whatsapp-cta-desc"
98289
98551
  type="label1"
98290
98552
  />
98291
98553
  </div>
@@ -98298,7 +98560,13 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98298
98560
  placement="bottom"
98299
98561
  >
98300
98562
  <div
98301
- className="whatsapp-button"
98563
+ className="whatsapp-button-quick-reply"
98564
+ style={
98565
+ Object {
98566
+ "marginTop": "24px",
98567
+ "opacity": "0.4",
98568
+ }
98569
+ }
98302
98570
  >
98303
98571
  <CapHeading
98304
98572
  type="h4"
@@ -98357,6 +98625,17 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98357
98625
  />
98358
98626
  </span>
98359
98627
  </Checkbox>
98628
+ <span>
98629
+ <CapHeading
98630
+ className="whatsapp-button-none"
98631
+ type="h4"
98632
+ >
98633
+ <div
98634
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
98635
+ type="h4"
98636
+ />
98637
+ </CapHeading>
98638
+ </span>
98360
98639
  </label>
98361
98640
  </Radio>
98362
98641
  <Radio
@@ -98401,7 +98680,7 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98401
98680
  </Checkbox>
98402
98681
  <span>
98403
98682
  <div
98404
- className="whatsapp-button"
98683
+ className="whatsapp-button-cta"
98405
98684
  >
98406
98685
  <CapHeading
98407
98686
  type="h4"
@@ -98412,11 +98691,10 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98412
98691
  />
98413
98692
  </CapHeading>
98414
98693
  <CapLabel
98415
- className="whatsapp-cta-desc"
98416
98694
  type="label1"
98417
98695
  >
98418
98696
  <div
98419
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
98697
+ className="CapLabel-n7zsf5-0 bdHnKk"
98420
98698
  type="label1"
98421
98699
  />
98422
98700
  </CapLabel>
@@ -99002,10 +99280,16 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
99002
99280
  visible={false}
99003
99281
  >
99004
99282
  <div
99005
- className="whatsapp-button"
99283
+ className="whatsapp-button-quick-reply"
99006
99284
  key="trigger"
99007
99285
  onMouseEnter={[Function]}
99008
99286
  onMouseLeave={[Function]}
99287
+ style={
99288
+ Object {
99289
+ "marginTop": "24px",
99290
+ "opacity": "0.4",
99291
+ }
99292
+ }
99009
99293
  >
99010
99294
  <CapHeading
99011
99295
  type="h4"
@@ -99064,7 +99348,7 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
99064
99348
 
99065
99349
  </CapLabel>
99066
99350
  <CapLabel
99067
- type="label11"
99351
+ type="label5"
99068
99352
  />
99069
99353
  </React.Fragment>,
99070
99354
  }
@@ -99084,7 +99368,7 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
99084
99368
 
99085
99369
  </CapLabel>
99086
99370
  <CapLabel
99087
- type="label11"
99371
+ type="label5"
99088
99372
  />
99089
99373
  </React.Fragment>,
99090
99374
  }
@@ -101023,11 +101307,11 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
101023
101307
  />
101024
101308
  </CapLabel>
101025
101309
  <CapLabel
101026
- type="label11"
101310
+ type="label5"
101027
101311
  >
101028
101312
  <div
101029
- className="CapLabel-n7zsf5-0 jpRuDd"
101030
- type="label11"
101313
+ className="CapLabel-n7zsf5-0 gHdlVo"
101314
+ type="label5"
101031
101315
  />
101032
101316
  </CapLabel>
101033
101317
  </div>
@@ -110756,19 +111040,21 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110756
111040
  options={
110757
111041
  Array [
110758
111042
  Object {
110759
- "label": undefined,
111043
+ "label": <CapHeading
111044
+ className="whatsapp-button-none"
111045
+ type="h4"
111046
+ />,
110760
111047
  "value": "NONE",
110761
111048
  },
110762
111049
  Object {
110763
111050
  "label": <React.Fragment>
110764
111051
  <div
110765
- className="whatsapp-button"
111052
+ className="whatsapp-button-cta"
110766
111053
  >
110767
111054
  <CapHeading
110768
111055
  type="h4"
110769
111056
  />
110770
111057
  <CapLabel
110771
- className="whatsapp-cta-desc"
110772
111058
  type="label1"
110773
111059
  />
110774
111060
  </div>
@@ -110781,7 +111067,13 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110781
111067
  placement="bottom"
110782
111068
  >
110783
111069
  <div
110784
- className="whatsapp-button"
111070
+ className="whatsapp-button-quick-reply"
111071
+ style={
111072
+ Object {
111073
+ "marginTop": "24px",
111074
+ "opacity": "0.4",
111075
+ }
111076
+ }
110785
111077
  >
110786
111078
  <CapHeading
110787
111079
  type="h4"
@@ -110804,19 +111096,21 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110804
111096
  options={
110805
111097
  Array [
110806
111098
  Object {
110807
- "label": undefined,
111099
+ "label": <CapHeading
111100
+ className="whatsapp-button-none"
111101
+ type="h4"
111102
+ />,
110808
111103
  "value": "NONE",
110809
111104
  },
110810
111105
  Object {
110811
111106
  "label": <React.Fragment>
110812
111107
  <div
110813
- className="whatsapp-button"
111108
+ className="whatsapp-button-cta"
110814
111109
  >
110815
111110
  <CapHeading
110816
111111
  type="h4"
110817
111112
  />
110818
111113
  <CapLabel
110819
- className="whatsapp-cta-desc"
110820
111114
  type="label1"
110821
111115
  />
110822
111116
  </div>
@@ -110829,7 +111123,13 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110829
111123
  placement="bottom"
110830
111124
  >
110831
111125
  <div
110832
- className="whatsapp-button"
111126
+ className="whatsapp-button-quick-reply"
111127
+ style={
111128
+ Object {
111129
+ "marginTop": "24px",
111130
+ "opacity": "0.4",
111131
+ }
111132
+ }
110833
111133
  >
110834
111134
  <CapHeading
110835
111135
  type="h4"
@@ -110888,6 +111188,17 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110888
111188
  />
110889
111189
  </span>
110890
111190
  </Checkbox>
111191
+ <span>
111192
+ <CapHeading
111193
+ className="whatsapp-button-none"
111194
+ type="h4"
111195
+ >
111196
+ <div
111197
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
111198
+ type="h4"
111199
+ />
111200
+ </CapHeading>
111201
+ </span>
110891
111202
  </label>
110892
111203
  </Radio>
110893
111204
  <Radio
@@ -110932,7 +111243,7 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110932
111243
  </Checkbox>
110933
111244
  <span>
110934
111245
  <div
110935
- className="whatsapp-button"
111246
+ className="whatsapp-button-cta"
110936
111247
  >
110937
111248
  <CapHeading
110938
111249
  type="h4"
@@ -110943,11 +111254,10 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110943
111254
  />
110944
111255
  </CapHeading>
110945
111256
  <CapLabel
110946
- className="whatsapp-cta-desc"
110947
111257
  type="label1"
110948
111258
  >
110949
111259
  <div
110950
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
111260
+ className="CapLabel-n7zsf5-0 bdHnKk"
110951
111261
  type="label1"
110952
111262
  />
110953
111263
  </CapLabel>
@@ -111533,10 +111843,16 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
111533
111843
  visible={false}
111534
111844
  >
111535
111845
  <div
111536
- className="whatsapp-button"
111846
+ className="whatsapp-button-quick-reply"
111537
111847
  key="trigger"
111538
111848
  onMouseEnter={[Function]}
111539
111849
  onMouseLeave={[Function]}
111850
+ style={
111851
+ Object {
111852
+ "marginTop": "24px",
111853
+ "opacity": "0.4",
111854
+ }
111855
+ }
111540
111856
  >
111541
111857
  <CapHeading
111542
111858
  type="h4"
@@ -111595,7 +111911,7 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
111595
111911
  Hi {{1}}
111596
111912
  </CapLabel>
111597
111913
  <CapLabel
111598
- type="label11"
111914
+ type="label5"
111599
111915
  />
111600
111916
  </React.Fragment>,
111601
111917
  }
@@ -111615,7 +111931,7 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
111615
111931
  Hi {{1}}
111616
111932
  </CapLabel>
111617
111933
  <CapLabel
111618
- type="label11"
111934
+ type="label5"
111619
111935
  />
111620
111936
  </React.Fragment>,
111621
111937
  }
@@ -113556,11 +113872,11 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
113556
113872
  </div>
113557
113873
  </CapLabel>
113558
113874
  <CapLabel
113559
- type="label11"
113875
+ type="label5"
113560
113876
  >
113561
113877
  <div
113562
- className="CapLabel-n7zsf5-0 jpRuDd"
113563
- type="label11"
113878
+ className="CapLabel-n7zsf5-0 gHdlVo"
113879
+ type="label5"
113564
113880
  />
113565
113881
  </CapLabel>
113566
113882
  </div>
@@ -123690,19 +124006,21 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123690
124006
  options={
123691
124007
  Array [
123692
124008
  Object {
123693
- "label": undefined,
124009
+ "label": <CapHeading
124010
+ className="whatsapp-button-none"
124011
+ type="h4"
124012
+ />,
123694
124013
  "value": "NONE",
123695
124014
  },
123696
124015
  Object {
123697
124016
  "label": <React.Fragment>
123698
124017
  <div
123699
- className="whatsapp-button"
124018
+ className="whatsapp-button-cta"
123700
124019
  >
123701
124020
  <CapHeading
123702
124021
  type="h4"
123703
124022
  />
123704
124023
  <CapLabel
123705
- className="whatsapp-cta-desc"
123706
124024
  type="label1"
123707
124025
  />
123708
124026
  </div>
@@ -123715,7 +124033,13 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123715
124033
  placement="bottom"
123716
124034
  >
123717
124035
  <div
123718
- className="whatsapp-button"
124036
+ className="whatsapp-button-quick-reply"
124037
+ style={
124038
+ Object {
124039
+ "marginTop": "24px",
124040
+ "opacity": "0.4",
124041
+ }
124042
+ }
123719
124043
  >
123720
124044
  <CapHeading
123721
124045
  type="h4"
@@ -123738,19 +124062,21 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123738
124062
  options={
123739
124063
  Array [
123740
124064
  Object {
123741
- "label": undefined,
124065
+ "label": <CapHeading
124066
+ className="whatsapp-button-none"
124067
+ type="h4"
124068
+ />,
123742
124069
  "value": "NONE",
123743
124070
  },
123744
124071
  Object {
123745
124072
  "label": <React.Fragment>
123746
124073
  <div
123747
- className="whatsapp-button"
124074
+ className="whatsapp-button-cta"
123748
124075
  >
123749
124076
  <CapHeading
123750
124077
  type="h4"
123751
124078
  />
123752
124079
  <CapLabel
123753
- className="whatsapp-cta-desc"
123754
124080
  type="label1"
123755
124081
  />
123756
124082
  </div>
@@ -123763,7 +124089,13 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123763
124089
  placement="bottom"
123764
124090
  >
123765
124091
  <div
123766
- className="whatsapp-button"
124092
+ className="whatsapp-button-quick-reply"
124093
+ style={
124094
+ Object {
124095
+ "marginTop": "24px",
124096
+ "opacity": "0.4",
124097
+ }
124098
+ }
123767
124099
  >
123768
124100
  <CapHeading
123769
124101
  type="h4"
@@ -123822,6 +124154,17 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123822
124154
  />
123823
124155
  </span>
123824
124156
  </Checkbox>
124157
+ <span>
124158
+ <CapHeading
124159
+ className="whatsapp-button-none"
124160
+ type="h4"
124161
+ >
124162
+ <div
124163
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
124164
+ type="h4"
124165
+ />
124166
+ </CapHeading>
124167
+ </span>
123825
124168
  </label>
123826
124169
  </Radio>
123827
124170
  <Radio
@@ -123866,7 +124209,7 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123866
124209
  </Checkbox>
123867
124210
  <span>
123868
124211
  <div
123869
- className="whatsapp-button"
124212
+ className="whatsapp-button-cta"
123870
124213
  >
123871
124214
  <CapHeading
123872
124215
  type="h4"
@@ -123877,11 +124220,10 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123877
124220
  />
123878
124221
  </CapHeading>
123879
124222
  <CapLabel
123880
- className="whatsapp-cta-desc"
123881
124223
  type="label1"
123882
124224
  >
123883
124225
  <div
123884
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
124226
+ className="CapLabel-n7zsf5-0 bdHnKk"
123885
124227
  type="label1"
123886
124228
  />
123887
124229
  </CapLabel>
@@ -124467,10 +124809,16 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
124467
124809
  visible={false}
124468
124810
  >
124469
124811
  <div
124470
- className="whatsapp-button"
124812
+ className="whatsapp-button-quick-reply"
124471
124813
  key="trigger"
124472
124814
  onMouseEnter={[Function]}
124473
124815
  onMouseLeave={[Function]}
124816
+ style={
124817
+ Object {
124818
+ "marginTop": "24px",
124819
+ "opacity": "0.4",
124820
+ }
124821
+ }
124474
124822
  >
124475
124823
  <CapHeading
124476
124824
  type="h4"
@@ -124529,7 +124877,7 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
124529
124877
  Hi {{1}}{{2}}
124530
124878
  </CapLabel>
124531
124879
  <CapLabel
124532
- type="label11"
124880
+ type="label5"
124533
124881
  />
124534
124882
  </React.Fragment>,
124535
124883
  }
@@ -124549,7 +124897,7 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
124549
124897
  Hi {{1}}{{2}}
124550
124898
  </CapLabel>
124551
124899
  <CapLabel
124552
- type="label11"
124900
+ type="label5"
124553
124901
  />
124554
124902
  </React.Fragment>,
124555
124903
  }
@@ -126490,11 +126838,11 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
126490
126838
  </div>
126491
126839
  </CapLabel>
126492
126840
  <CapLabel
126493
- type="label11"
126841
+ type="label5"
126494
126842
  >
126495
126843
  <div
126496
- className="CapLabel-n7zsf5-0 jpRuDd"
126497
- type="label11"
126844
+ className="CapLabel-n7zsf5-0 gHdlVo"
126845
+ type="label5"
126498
126846
  />
126499
126847
  </CapLabel>
126500
126848
  </div>
@@ -137035,19 +137383,21 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137035
137383
  options={
137036
137384
  Array [
137037
137385
  Object {
137038
- "label": undefined,
137386
+ "label": <CapHeading
137387
+ className="whatsapp-button-none"
137388
+ type="h4"
137389
+ />,
137039
137390
  "value": "NONE",
137040
137391
  },
137041
137392
  Object {
137042
137393
  "label": <React.Fragment>
137043
137394
  <div
137044
- className="whatsapp-button"
137395
+ className="whatsapp-button-cta"
137045
137396
  >
137046
137397
  <CapHeading
137047
137398
  type="h4"
137048
137399
  />
137049
137400
  <CapLabel
137050
- className="whatsapp-cta-desc"
137051
137401
  type="label1"
137052
137402
  />
137053
137403
  </div>
@@ -137060,7 +137410,13 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137060
137410
  placement="bottom"
137061
137411
  >
137062
137412
  <div
137063
- className="whatsapp-button"
137413
+ className="whatsapp-button-quick-reply"
137414
+ style={
137415
+ Object {
137416
+ "marginTop": "24px",
137417
+ "opacity": "0.4",
137418
+ }
137419
+ }
137064
137420
  >
137065
137421
  <CapHeading
137066
137422
  type="h4"
@@ -137083,19 +137439,21 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137083
137439
  options={
137084
137440
  Array [
137085
137441
  Object {
137086
- "label": undefined,
137442
+ "label": <CapHeading
137443
+ className="whatsapp-button-none"
137444
+ type="h4"
137445
+ />,
137087
137446
  "value": "NONE",
137088
137447
  },
137089
137448
  Object {
137090
137449
  "label": <React.Fragment>
137091
137450
  <div
137092
- className="whatsapp-button"
137451
+ className="whatsapp-button-cta"
137093
137452
  >
137094
137453
  <CapHeading
137095
137454
  type="h4"
137096
137455
  />
137097
137456
  <CapLabel
137098
- className="whatsapp-cta-desc"
137099
137457
  type="label1"
137100
137458
  />
137101
137459
  </div>
@@ -137108,7 +137466,13 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137108
137466
  placement="bottom"
137109
137467
  >
137110
137468
  <div
137111
- className="whatsapp-button"
137469
+ className="whatsapp-button-quick-reply"
137470
+ style={
137471
+ Object {
137472
+ "marginTop": "24px",
137473
+ "opacity": "0.4",
137474
+ }
137475
+ }
137112
137476
  >
137113
137477
  <CapHeading
137114
137478
  type="h4"
@@ -137167,6 +137531,17 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137167
137531
  />
137168
137532
  </span>
137169
137533
  </Checkbox>
137534
+ <span>
137535
+ <CapHeading
137536
+ className="whatsapp-button-none"
137537
+ type="h4"
137538
+ >
137539
+ <div
137540
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
137541
+ type="h4"
137542
+ />
137543
+ </CapHeading>
137544
+ </span>
137170
137545
  </label>
137171
137546
  </Radio>
137172
137547
  <Radio
@@ -137211,7 +137586,7 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137211
137586
  </Checkbox>
137212
137587
  <span>
137213
137588
  <div
137214
- className="whatsapp-button"
137589
+ className="whatsapp-button-cta"
137215
137590
  >
137216
137591
  <CapHeading
137217
137592
  type="h4"
@@ -137222,11 +137597,10 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137222
137597
  />
137223
137598
  </CapHeading>
137224
137599
  <CapLabel
137225
- className="whatsapp-cta-desc"
137226
137600
  type="label1"
137227
137601
  >
137228
137602
  <div
137229
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
137603
+ className="CapLabel-n7zsf5-0 bdHnKk"
137230
137604
  type="label1"
137231
137605
  />
137232
137606
  </CapLabel>
@@ -137812,10 +138186,16 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137812
138186
  visible={false}
137813
138187
  >
137814
138188
  <div
137815
- className="whatsapp-button"
138189
+ className="whatsapp-button-quick-reply"
137816
138190
  key="trigger"
137817
138191
  onMouseEnter={[Function]}
137818
138192
  onMouseLeave={[Function]}
138193
+ style={
138194
+ Object {
138195
+ "marginTop": "24px",
138196
+ "opacity": "0.4",
138197
+ }
138198
+ }
137819
138199
  >
137820
138200
  <CapHeading
137821
138201
  type="h4"
@@ -137874,7 +138254,7 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137874
138254
  Hi {{var}}
137875
138255
  </CapLabel>
137876
138256
  <CapLabel
137877
- type="label11"
138257
+ type="label5"
137878
138258
  />
137879
138259
  </React.Fragment>,
137880
138260
  }
@@ -137894,7 +138274,7 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137894
138274
  Hi {{var}}
137895
138275
  </CapLabel>
137896
138276
  <CapLabel
137897
- type="label11"
138277
+ type="label5"
137898
138278
  />
137899
138279
  </React.Fragment>,
137900
138280
  }
@@ -139835,11 +140215,11 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
139835
140215
  </div>
139836
140216
  </CapLabel>
139837
140217
  <CapLabel
139838
- type="label11"
140218
+ type="label5"
139839
140219
  >
139840
140220
  <div
139841
- className="CapLabel-n7zsf5-0 jpRuDd"
139842
- type="label11"
140221
+ className="CapLabel-n7zsf5-0 gHdlVo"
140222
+ type="label5"
139843
140223
  />
139844
140224
  </CapLabel>
139845
140225
  </div>
@@ -150791,19 +151171,21 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150791
151171
  options={
150792
151172
  Array [
150793
151173
  Object {
150794
- "label": undefined,
151174
+ "label": <CapHeading
151175
+ className="whatsapp-button-none"
151176
+ type="h4"
151177
+ />,
150795
151178
  "value": "NONE",
150796
151179
  },
150797
151180
  Object {
150798
151181
  "label": <React.Fragment>
150799
151182
  <div
150800
- className="whatsapp-button"
151183
+ className="whatsapp-button-cta"
150801
151184
  >
150802
151185
  <CapHeading
150803
151186
  type="h4"
150804
151187
  />
150805
151188
  <CapLabel
150806
- className="whatsapp-cta-desc"
150807
151189
  type="label1"
150808
151190
  />
150809
151191
  </div>
@@ -150816,7 +151198,13 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150816
151198
  placement="bottom"
150817
151199
  >
150818
151200
  <div
150819
- className="whatsapp-button"
151201
+ className="whatsapp-button-quick-reply"
151202
+ style={
151203
+ Object {
151204
+ "marginTop": "24px",
151205
+ "opacity": "0.4",
151206
+ }
151207
+ }
150820
151208
  >
150821
151209
  <CapHeading
150822
151210
  type="h4"
@@ -150839,19 +151227,21 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150839
151227
  options={
150840
151228
  Array [
150841
151229
  Object {
150842
- "label": undefined,
151230
+ "label": <CapHeading
151231
+ className="whatsapp-button-none"
151232
+ type="h4"
151233
+ />,
150843
151234
  "value": "NONE",
150844
151235
  },
150845
151236
  Object {
150846
151237
  "label": <React.Fragment>
150847
151238
  <div
150848
- className="whatsapp-button"
151239
+ className="whatsapp-button-cta"
150849
151240
  >
150850
151241
  <CapHeading
150851
151242
  type="h4"
150852
151243
  />
150853
151244
  <CapLabel
150854
- className="whatsapp-cta-desc"
150855
151245
  type="label1"
150856
151246
  />
150857
151247
  </div>
@@ -150864,7 +151254,13 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150864
151254
  placement="bottom"
150865
151255
  >
150866
151256
  <div
150867
- className="whatsapp-button"
151257
+ className="whatsapp-button-quick-reply"
151258
+ style={
151259
+ Object {
151260
+ "marginTop": "24px",
151261
+ "opacity": "0.4",
151262
+ }
151263
+ }
150868
151264
  >
150869
151265
  <CapHeading
150870
151266
  type="h4"
@@ -150923,6 +151319,17 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150923
151319
  />
150924
151320
  </span>
150925
151321
  </Checkbox>
151322
+ <span>
151323
+ <CapHeading
151324
+ className="whatsapp-button-none"
151325
+ type="h4"
151326
+ >
151327
+ <div
151328
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
151329
+ type="h4"
151330
+ />
151331
+ </CapHeading>
151332
+ </span>
150926
151333
  </label>
150927
151334
  </Radio>
150928
151335
  <Radio
@@ -150967,7 +151374,7 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150967
151374
  </Checkbox>
150968
151375
  <span>
150969
151376
  <div
150970
- className="whatsapp-button"
151377
+ className="whatsapp-button-cta"
150971
151378
  >
150972
151379
  <CapHeading
150973
151380
  type="h4"
@@ -150978,11 +151385,10 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150978
151385
  />
150979
151386
  </CapHeading>
150980
151387
  <CapLabel
150981
- className="whatsapp-cta-desc"
150982
151388
  type="label1"
150983
151389
  >
150984
151390
  <div
150985
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
151391
+ className="CapLabel-n7zsf5-0 bdHnKk"
150986
151392
  type="label1"
150987
151393
  />
150988
151394
  </CapLabel>
@@ -151568,10 +151974,16 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
151568
151974
  visible={false}
151569
151975
  >
151570
151976
  <div
151571
- className="whatsapp-button"
151977
+ className="whatsapp-button-quick-reply"
151572
151978
  key="trigger"
151573
151979
  onMouseEnter={[Function]}
151574
151980
  onMouseLeave={[Function]}
151981
+ style={
151982
+ Object {
151983
+ "marginTop": "24px",
151984
+ "opacity": "0.4",
151985
+ }
151986
+ }
151575
151987
  >
151576
151988
  <CapHeading
151577
151989
  type="h4"
@@ -151630,7 +152042,7 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
151630
152042
  Hi {{1}}, offer {{3}}
151631
152043
  </CapLabel>
151632
152044
  <CapLabel
151633
- type="label11"
152045
+ type="label5"
151634
152046
  />
151635
152047
  </React.Fragment>,
151636
152048
  }
@@ -151650,7 +152062,7 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
151650
152062
  Hi {{1}}, offer {{3}}
151651
152063
  </CapLabel>
151652
152064
  <CapLabel
151653
- type="label11"
152065
+ type="label5"
151654
152066
  />
151655
152067
  </React.Fragment>,
151656
152068
  }
@@ -153591,11 +154003,11 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
153591
154003
  </div>
153592
154004
  </CapLabel>
153593
154005
  <CapLabel
153594
- type="label11"
154006
+ type="label5"
153595
154007
  >
153596
154008
  <div
153597
- className="CapLabel-n7zsf5-0 jpRuDd"
153598
- type="label11"
154009
+ className="CapLabel-n7zsf5-0 gHdlVo"
154010
+ type="label5"
153599
154011
  />
153600
154012
  </CapLabel>
153601
154013
  </div>
@@ -164958,19 +165370,21 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
164958
165370
  options={
164959
165371
  Array [
164960
165372
  Object {
164961
- "label": undefined,
165373
+ "label": <CapHeading
165374
+ className="whatsapp-button-none"
165375
+ type="h4"
165376
+ />,
164962
165377
  "value": "NONE",
164963
165378
  },
164964
165379
  Object {
164965
165380
  "label": <React.Fragment>
164966
165381
  <div
164967
- className="whatsapp-button"
165382
+ className="whatsapp-button-cta"
164968
165383
  >
164969
165384
  <CapHeading
164970
165385
  type="h4"
164971
165386
  />
164972
165387
  <CapLabel
164973
- className="whatsapp-cta-desc"
164974
165388
  type="label1"
164975
165389
  />
164976
165390
  </div>
@@ -164983,7 +165397,13 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
164983
165397
  placement="bottom"
164984
165398
  >
164985
165399
  <div
164986
- className="whatsapp-button"
165400
+ className="whatsapp-button-quick-reply"
165401
+ style={
165402
+ Object {
165403
+ "marginTop": "24px",
165404
+ "opacity": "0.4",
165405
+ }
165406
+ }
164987
165407
  >
164988
165408
  <CapHeading
164989
165409
  type="h4"
@@ -165006,19 +165426,21 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165006
165426
  options={
165007
165427
  Array [
165008
165428
  Object {
165009
- "label": undefined,
165429
+ "label": <CapHeading
165430
+ className="whatsapp-button-none"
165431
+ type="h4"
165432
+ />,
165010
165433
  "value": "NONE",
165011
165434
  },
165012
165435
  Object {
165013
165436
  "label": <React.Fragment>
165014
165437
  <div
165015
- className="whatsapp-button"
165438
+ className="whatsapp-button-cta"
165016
165439
  >
165017
165440
  <CapHeading
165018
165441
  type="h4"
165019
165442
  />
165020
165443
  <CapLabel
165021
- className="whatsapp-cta-desc"
165022
165444
  type="label1"
165023
165445
  />
165024
165446
  </div>
@@ -165031,7 +165453,13 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165031
165453
  placement="bottom"
165032
165454
  >
165033
165455
  <div
165034
- className="whatsapp-button"
165456
+ className="whatsapp-button-quick-reply"
165457
+ style={
165458
+ Object {
165459
+ "marginTop": "24px",
165460
+ "opacity": "0.4",
165461
+ }
165462
+ }
165035
165463
  >
165036
165464
  <CapHeading
165037
165465
  type="h4"
@@ -165090,6 +165518,17 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165090
165518
  />
165091
165519
  </span>
165092
165520
  </Checkbox>
165521
+ <span>
165522
+ <CapHeading
165523
+ className="whatsapp-button-none"
165524
+ type="h4"
165525
+ >
165526
+ <div
165527
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
165528
+ type="h4"
165529
+ />
165530
+ </CapHeading>
165531
+ </span>
165093
165532
  </label>
165094
165533
  </Radio>
165095
165534
  <Radio
@@ -165134,7 +165573,7 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165134
165573
  </Checkbox>
165135
165574
  <span>
165136
165575
  <div
165137
- className="whatsapp-button"
165576
+ className="whatsapp-button-cta"
165138
165577
  >
165139
165578
  <CapHeading
165140
165579
  type="h4"
@@ -165145,11 +165584,10 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165145
165584
  />
165146
165585
  </CapHeading>
165147
165586
  <CapLabel
165148
- className="whatsapp-cta-desc"
165149
165587
  type="label1"
165150
165588
  >
165151
165589
  <div
165152
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
165590
+ className="CapLabel-n7zsf5-0 bdHnKk"
165153
165591
  type="label1"
165154
165592
  />
165155
165593
  </CapLabel>
@@ -165735,10 +166173,16 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165735
166173
  visible={false}
165736
166174
  >
165737
166175
  <div
165738
- className="whatsapp-button"
166176
+ className="whatsapp-button-quick-reply"
165739
166177
  key="trigger"
165740
166178
  onMouseEnter={[Function]}
165741
166179
  onMouseLeave={[Function]}
166180
+ style={
166181
+ Object {
166182
+ "marginTop": "24px",
166183
+ "opacity": "0.4",
166184
+ }
166185
+ }
165742
166186
  >
165743
166187
  <CapHeading
165744
166188
  type="h4"
@@ -165797,7 +166241,7 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165797
166241
  Hi {{1}}{{1}}
165798
166242
  </CapLabel>
165799
166243
  <CapLabel
165800
- type="label11"
166244
+ type="label5"
165801
166245
  />
165802
166246
  </React.Fragment>,
165803
166247
  }
@@ -165817,7 +166261,7 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165817
166261
  Hi {{1}}{{1}}
165818
166262
  </CapLabel>
165819
166263
  <CapLabel
165820
- type="label11"
166264
+ type="label5"
165821
166265
  />
165822
166266
  </React.Fragment>,
165823
166267
  }
@@ -167758,11 +168202,11 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
167758
168202
  </div>
167759
168203
  </CapLabel>
167760
168204
  <CapLabel
167761
- type="label11"
168205
+ type="label5"
167762
168206
  >
167763
168207
  <div
167764
- className="CapLabel-n7zsf5-0 jpRuDd"
167765
- type="label11"
168208
+ className="CapLabel-n7zsf5-0 gHdlVo"
168209
+ type="label5"
167766
168210
  />
167767
168211
  </CapLabel>
167768
168212
  </div>
@@ -179536,19 +179980,21 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179536
179980
  options={
179537
179981
  Array [
179538
179982
  Object {
179539
- "label": undefined,
179983
+ "label": <CapHeading
179984
+ className="whatsapp-button-none"
179985
+ type="h4"
179986
+ />,
179540
179987
  "value": "NONE",
179541
179988
  },
179542
179989
  Object {
179543
179990
  "label": <React.Fragment>
179544
179991
  <div
179545
- className="whatsapp-button"
179992
+ className="whatsapp-button-cta"
179546
179993
  >
179547
179994
  <CapHeading
179548
179995
  type="h4"
179549
179996
  />
179550
179997
  <CapLabel
179551
- className="whatsapp-cta-desc"
179552
179998
  type="label1"
179553
179999
  />
179554
180000
  </div>
@@ -179561,7 +180007,13 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179561
180007
  placement="bottom"
179562
180008
  >
179563
180009
  <div
179564
- className="whatsapp-button"
180010
+ className="whatsapp-button-quick-reply"
180011
+ style={
180012
+ Object {
180013
+ "marginTop": "24px",
180014
+ "opacity": "0.4",
180015
+ }
180016
+ }
179565
180017
  >
179566
180018
  <CapHeading
179567
180019
  type="h4"
@@ -179584,19 +180036,21 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179584
180036
  options={
179585
180037
  Array [
179586
180038
  Object {
179587
- "label": undefined,
180039
+ "label": <CapHeading
180040
+ className="whatsapp-button-none"
180041
+ type="h4"
180042
+ />,
179588
180043
  "value": "NONE",
179589
180044
  },
179590
180045
  Object {
179591
180046
  "label": <React.Fragment>
179592
180047
  <div
179593
- className="whatsapp-button"
180048
+ className="whatsapp-button-cta"
179594
180049
  >
179595
180050
  <CapHeading
179596
180051
  type="h4"
179597
180052
  />
179598
180053
  <CapLabel
179599
- className="whatsapp-cta-desc"
179600
180054
  type="label1"
179601
180055
  />
179602
180056
  </div>
@@ -179609,7 +180063,13 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179609
180063
  placement="bottom"
179610
180064
  >
179611
180065
  <div
179612
- className="whatsapp-button"
180066
+ className="whatsapp-button-quick-reply"
180067
+ style={
180068
+ Object {
180069
+ "marginTop": "24px",
180070
+ "opacity": "0.4",
180071
+ }
180072
+ }
179613
180073
  >
179614
180074
  <CapHeading
179615
180075
  type="h4"
@@ -179668,6 +180128,17 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179668
180128
  />
179669
180129
  </span>
179670
180130
  </Checkbox>
180131
+ <span>
180132
+ <CapHeading
180133
+ className="whatsapp-button-none"
180134
+ type="h4"
180135
+ >
180136
+ <div
180137
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
180138
+ type="h4"
180139
+ />
180140
+ </CapHeading>
180141
+ </span>
179671
180142
  </label>
179672
180143
  </Radio>
179673
180144
  <Radio
@@ -179712,7 +180183,7 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179712
180183
  </Checkbox>
179713
180184
  <span>
179714
180185
  <div
179715
- className="whatsapp-button"
180186
+ className="whatsapp-button-cta"
179716
180187
  >
179717
180188
  <CapHeading
179718
180189
  type="h4"
@@ -179723,11 +180194,10 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179723
180194
  />
179724
180195
  </CapHeading>
179725
180196
  <CapLabel
179726
- className="whatsapp-cta-desc"
179727
180197
  type="label1"
179728
180198
  >
179729
180199
  <div
179730
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
180200
+ className="CapLabel-n7zsf5-0 bdHnKk"
179731
180201
  type="label1"
179732
180202
  />
179733
180203
  </CapLabel>
@@ -180313,10 +180783,16 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
180313
180783
  visible={false}
180314
180784
  >
180315
180785
  <div
180316
- className="whatsapp-button"
180786
+ className="whatsapp-button-quick-reply"
180317
180787
  key="trigger"
180318
180788
  onMouseEnter={[Function]}
180319
180789
  onMouseLeave={[Function]}
180790
+ style={
180791
+ Object {
180792
+ "marginTop": "24px",
180793
+ "opacity": "0.4",
180794
+ }
180795
+ }
180320
180796
  >
180321
180797
  <CapHeading
180322
180798
  type="h4"
@@ -180375,7 +180851,7 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
180375
180851
  Hi {{{1}}}
180376
180852
  </CapLabel>
180377
180853
  <CapLabel
180378
- type="label11"
180854
+ type="label5"
180379
180855
  />
180380
180856
  </React.Fragment>,
180381
180857
  }
@@ -180395,7 +180871,7 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
180395
180871
  Hi {{{1}}}
180396
180872
  </CapLabel>
180397
180873
  <CapLabel
180398
- type="label11"
180874
+ type="label5"
180399
180875
  />
180400
180876
  </React.Fragment>,
180401
180877
  }
@@ -182336,11 +182812,11 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
182336
182812
  </div>
182337
182813
  </CapLabel>
182338
182814
  <CapLabel
182339
- type="label11"
182815
+ type="label5"
182340
182816
  >
182341
182817
  <div
182342
- className="CapLabel-n7zsf5-0 jpRuDd"
182343
- type="label11"
182818
+ className="CapLabel-n7zsf5-0 gHdlVo"
182819
+ type="label5"
182344
182820
  />
182345
182821
  </CapLabel>
182346
182822
  </div>
@@ -194525,19 +195001,21 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194525
195001
  options={
194526
195002
  Array [
194527
195003
  Object {
194528
- "label": undefined,
195004
+ "label": <CapHeading
195005
+ className="whatsapp-button-none"
195006
+ type="h4"
195007
+ />,
194529
195008
  "value": "NONE",
194530
195009
  },
194531
195010
  Object {
194532
195011
  "label": <React.Fragment>
194533
195012
  <div
194534
- className="whatsapp-button"
195013
+ className="whatsapp-button-cta"
194535
195014
  >
194536
195015
  <CapHeading
194537
195016
  type="h4"
194538
195017
  />
194539
195018
  <CapLabel
194540
- className="whatsapp-cta-desc"
194541
195019
  type="label1"
194542
195020
  />
194543
195021
  </div>
@@ -194550,7 +195028,13 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194550
195028
  placement="bottom"
194551
195029
  >
194552
195030
  <div
194553
- className="whatsapp-button"
195031
+ className="whatsapp-button-quick-reply"
195032
+ style={
195033
+ Object {
195034
+ "marginTop": "24px",
195035
+ "opacity": "0.4",
195036
+ }
195037
+ }
194554
195038
  >
194555
195039
  <CapHeading
194556
195040
  type="h4"
@@ -194573,19 +195057,21 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194573
195057
  options={
194574
195058
  Array [
194575
195059
  Object {
194576
- "label": undefined,
195060
+ "label": <CapHeading
195061
+ className="whatsapp-button-none"
195062
+ type="h4"
195063
+ />,
194577
195064
  "value": "NONE",
194578
195065
  },
194579
195066
  Object {
194580
195067
  "label": <React.Fragment>
194581
195068
  <div
194582
- className="whatsapp-button"
195069
+ className="whatsapp-button-cta"
194583
195070
  >
194584
195071
  <CapHeading
194585
195072
  type="h4"
194586
195073
  />
194587
195074
  <CapLabel
194588
- className="whatsapp-cta-desc"
194589
195075
  type="label1"
194590
195076
  />
194591
195077
  </div>
@@ -194598,7 +195084,13 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194598
195084
  placement="bottom"
194599
195085
  >
194600
195086
  <div
194601
- className="whatsapp-button"
195087
+ className="whatsapp-button-quick-reply"
195088
+ style={
195089
+ Object {
195090
+ "marginTop": "24px",
195091
+ "opacity": "0.4",
195092
+ }
195093
+ }
194602
195094
  >
194603
195095
  <CapHeading
194604
195096
  type="h4"
@@ -194657,6 +195149,17 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194657
195149
  />
194658
195150
  </span>
194659
195151
  </Checkbox>
195152
+ <span>
195153
+ <CapHeading
195154
+ className="whatsapp-button-none"
195155
+ type="h4"
195156
+ >
195157
+ <div
195158
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
195159
+ type="h4"
195160
+ />
195161
+ </CapHeading>
195162
+ </span>
194660
195163
  </label>
194661
195164
  </Radio>
194662
195165
  <Radio
@@ -194701,7 +195204,7 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194701
195204
  </Checkbox>
194702
195205
  <span>
194703
195206
  <div
194704
- className="whatsapp-button"
195207
+ className="whatsapp-button-cta"
194705
195208
  >
194706
195209
  <CapHeading
194707
195210
  type="h4"
@@ -194712,11 +195215,10 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194712
195215
  />
194713
195216
  </CapHeading>
194714
195217
  <CapLabel
194715
- className="whatsapp-cta-desc"
194716
195218
  type="label1"
194717
195219
  >
194718
195220
  <div
194719
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
195221
+ className="CapLabel-n7zsf5-0 bdHnKk"
194720
195222
  type="label1"
194721
195223
  />
194722
195224
  </CapLabel>
@@ -195302,10 +195804,16 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
195302
195804
  visible={false}
195303
195805
  >
195304
195806
  <div
195305
- className="whatsapp-button"
195807
+ className="whatsapp-button-quick-reply"
195306
195808
  key="trigger"
195307
195809
  onMouseEnter={[Function]}
195308
195810
  onMouseLeave={[Function]}
195811
+ style={
195812
+ Object {
195813
+ "marginTop": "24px",
195814
+ "opacity": "0.4",
195815
+ }
195816
+ }
195309
195817
  >
195310
195818
  <CapHeading
195311
195819
  type="h4"
@@ -195364,7 +195872,7 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
195364
195872
  Hi {{
195365
195873
  </CapLabel>
195366
195874
  <CapLabel
195367
- type="label11"
195875
+ type="label5"
195368
195876
  />
195369
195877
  </React.Fragment>,
195370
195878
  }
@@ -195384,7 +195892,7 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
195384
195892
  Hi {{
195385
195893
  </CapLabel>
195386
195894
  <CapLabel
195387
- type="label11"
195895
+ type="label5"
195388
195896
  />
195389
195897
  </React.Fragment>,
195390
195898
  }
@@ -197325,11 +197833,11 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
197325
197833
  </div>
197326
197834
  </CapLabel>
197327
197835
  <CapLabel
197328
- type="label11"
197836
+ type="label5"
197329
197837
  >
197330
197838
  <div
197331
- className="CapLabel-n7zsf5-0 jpRuDd"
197332
- type="label11"
197839
+ className="CapLabel-n7zsf5-0 gHdlVo"
197840
+ type="label5"
197333
197841
  />
197334
197842
  </CapLabel>
197335
197843
  </div>
@@ -206657,19 +207165,21 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206657
207165
  options={
206658
207166
  Array [
206659
207167
  Object {
206660
- "label": undefined,
207168
+ "label": <CapHeading
207169
+ className="whatsapp-button-none"
207170
+ type="h4"
207171
+ />,
206661
207172
  "value": "NONE",
206662
207173
  },
206663
207174
  Object {
206664
207175
  "label": <React.Fragment>
206665
207176
  <div
206666
- className="whatsapp-button"
207177
+ className="whatsapp-button-cta"
206667
207178
  >
206668
207179
  <CapHeading
206669
207180
  type="h4"
206670
207181
  />
206671
207182
  <CapLabel
206672
- className="whatsapp-cta-desc"
206673
207183
  type="label1"
206674
207184
  />
206675
207185
  </div>
@@ -206682,7 +207192,13 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206682
207192
  placement="bottom"
206683
207193
  >
206684
207194
  <div
206685
- className="whatsapp-button"
207195
+ className="whatsapp-button-quick-reply"
207196
+ style={
207197
+ Object {
207198
+ "marginTop": "24px",
207199
+ "opacity": "0.4",
207200
+ }
207201
+ }
206686
207202
  >
206687
207203
  <CapHeading
206688
207204
  type="h4"
@@ -206705,19 +207221,21 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206705
207221
  options={
206706
207222
  Array [
206707
207223
  Object {
206708
- "label": undefined,
207224
+ "label": <CapHeading
207225
+ className="whatsapp-button-none"
207226
+ type="h4"
207227
+ />,
206709
207228
  "value": "NONE",
206710
207229
  },
206711
207230
  Object {
206712
207231
  "label": <React.Fragment>
206713
207232
  <div
206714
- className="whatsapp-button"
207233
+ className="whatsapp-button-cta"
206715
207234
  >
206716
207235
  <CapHeading
206717
207236
  type="h4"
206718
207237
  />
206719
207238
  <CapLabel
206720
- className="whatsapp-cta-desc"
206721
207239
  type="label1"
206722
207240
  />
206723
207241
  </div>
@@ -206730,7 +207248,13 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206730
207248
  placement="bottom"
206731
207249
  >
206732
207250
  <div
206733
- className="whatsapp-button"
207251
+ className="whatsapp-button-quick-reply"
207252
+ style={
207253
+ Object {
207254
+ "marginTop": "24px",
207255
+ "opacity": "0.4",
207256
+ }
207257
+ }
206734
207258
  >
206735
207259
  <CapHeading
206736
207260
  type="h4"
@@ -206789,6 +207313,17 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206789
207313
  />
206790
207314
  </span>
206791
207315
  </Checkbox>
207316
+ <span>
207317
+ <CapHeading
207318
+ className="whatsapp-button-none"
207319
+ type="h4"
207320
+ >
207321
+ <div
207322
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
207323
+ type="h4"
207324
+ />
207325
+ </CapHeading>
207326
+ </span>
206792
207327
  </label>
206793
207328
  </Radio>
206794
207329
  <Radio
@@ -206833,7 +207368,7 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206833
207368
  </Checkbox>
206834
207369
  <span>
206835
207370
  <div
206836
- className="whatsapp-button"
207371
+ className="whatsapp-button-cta"
206837
207372
  >
206838
207373
  <CapHeading
206839
207374
  type="h4"
@@ -206844,11 +207379,10 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206844
207379
  />
206845
207380
  </CapHeading>
206846
207381
  <CapLabel
206847
- className="whatsapp-cta-desc"
206848
207382
  type="label1"
206849
207383
  >
206850
207384
  <div
206851
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
207385
+ className="CapLabel-n7zsf5-0 bdHnKk"
206852
207386
  type="label1"
206853
207387
  />
206854
207388
  </CapLabel>
@@ -207434,10 +207968,16 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
207434
207968
  visible={false}
207435
207969
  >
207436
207970
  <div
207437
- className="whatsapp-button"
207971
+ className="whatsapp-button-quick-reply"
207438
207972
  key="trigger"
207439
207973
  onMouseEnter={[Function]}
207440
207974
  onMouseLeave={[Function]}
207975
+ style={
207976
+ Object {
207977
+ "marginTop": "24px",
207978
+ "opacity": "0.4",
207979
+ }
207980
+ }
207441
207981
  >
207442
207982
  <CapHeading
207443
207983
  type="h4"
@@ -207496,7 +208036,7 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
207496
208036
 
207497
208037
  </CapLabel>
207498
208038
  <CapLabel
207499
- type="label11"
208039
+ type="label5"
207500
208040
  />
207501
208041
  </React.Fragment>,
207502
208042
  }
@@ -207516,7 +208056,7 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
207516
208056
 
207517
208057
  </CapLabel>
207518
208058
  <CapLabel
207519
- type="label11"
208059
+ type="label5"
207520
208060
  />
207521
208061
  </React.Fragment>,
207522
208062
  }
@@ -209455,11 +209995,11 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
209455
209995
  />
209456
209996
  </CapLabel>
209457
209997
  <CapLabel
209458
- type="label11"
209998
+ type="label5"
209459
209999
  >
209460
210000
  <div
209461
- className="CapLabel-n7zsf5-0 jpRuDd"
209462
- type="label11"
210001
+ className="CapLabel-n7zsf5-0 gHdlVo"
210002
+ type="label5"
209463
210003
  />
209464
210004
  </CapLabel>
209465
210005
  </div>
@@ -219195,19 +219735,21 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219195
219735
  options={
219196
219736
  Array [
219197
219737
  Object {
219198
- "label": undefined,
219738
+ "label": <CapHeading
219739
+ className="whatsapp-button-none"
219740
+ type="h4"
219741
+ />,
219199
219742
  "value": "NONE",
219200
219743
  },
219201
219744
  Object {
219202
219745
  "label": <React.Fragment>
219203
219746
  <div
219204
- className="whatsapp-button"
219747
+ className="whatsapp-button-cta"
219205
219748
  >
219206
219749
  <CapHeading
219207
219750
  type="h4"
219208
219751
  />
219209
219752
  <CapLabel
219210
- className="whatsapp-cta-desc"
219211
219753
  type="label1"
219212
219754
  />
219213
219755
  </div>
@@ -219220,7 +219762,13 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219220
219762
  placement="bottom"
219221
219763
  >
219222
219764
  <div
219223
- className="whatsapp-button"
219765
+ className="whatsapp-button-quick-reply"
219766
+ style={
219767
+ Object {
219768
+ "marginTop": "24px",
219769
+ "opacity": "0.4",
219770
+ }
219771
+ }
219224
219772
  >
219225
219773
  <CapHeading
219226
219774
  type="h4"
@@ -219243,19 +219791,21 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219243
219791
  options={
219244
219792
  Array [
219245
219793
  Object {
219246
- "label": undefined,
219794
+ "label": <CapHeading
219795
+ className="whatsapp-button-none"
219796
+ type="h4"
219797
+ />,
219247
219798
  "value": "NONE",
219248
219799
  },
219249
219800
  Object {
219250
219801
  "label": <React.Fragment>
219251
219802
  <div
219252
- className="whatsapp-button"
219803
+ className="whatsapp-button-cta"
219253
219804
  >
219254
219805
  <CapHeading
219255
219806
  type="h4"
219256
219807
  />
219257
219808
  <CapLabel
219258
- className="whatsapp-cta-desc"
219259
219809
  type="label1"
219260
219810
  />
219261
219811
  </div>
@@ -219268,7 +219818,13 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219268
219818
  placement="bottom"
219269
219819
  >
219270
219820
  <div
219271
- className="whatsapp-button"
219821
+ className="whatsapp-button-quick-reply"
219822
+ style={
219823
+ Object {
219824
+ "marginTop": "24px",
219825
+ "opacity": "0.4",
219826
+ }
219827
+ }
219272
219828
  >
219273
219829
  <CapHeading
219274
219830
  type="h4"
@@ -219327,6 +219883,17 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219327
219883
  />
219328
219884
  </span>
219329
219885
  </Checkbox>
219886
+ <span>
219887
+ <CapHeading
219888
+ className="whatsapp-button-none"
219889
+ type="h4"
219890
+ >
219891
+ <div
219892
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
219893
+ type="h4"
219894
+ />
219895
+ </CapHeading>
219896
+ </span>
219330
219897
  </label>
219331
219898
  </Radio>
219332
219899
  <Radio
@@ -219371,7 +219938,7 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219371
219938
  </Checkbox>
219372
219939
  <span>
219373
219940
  <div
219374
- className="whatsapp-button"
219941
+ className="whatsapp-button-cta"
219375
219942
  >
219376
219943
  <CapHeading
219377
219944
  type="h4"
@@ -219382,11 +219949,10 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219382
219949
  />
219383
219950
  </CapHeading>
219384
219951
  <CapLabel
219385
- className="whatsapp-cta-desc"
219386
219952
  type="label1"
219387
219953
  >
219388
219954
  <div
219389
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
219955
+ className="CapLabel-n7zsf5-0 bdHnKk"
219390
219956
  type="label1"
219391
219957
  />
219392
219958
  </CapLabel>
@@ -219972,10 +220538,16 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219972
220538
  visible={false}
219973
220539
  >
219974
220540
  <div
219975
- className="whatsapp-button"
220541
+ className="whatsapp-button-quick-reply"
219976
220542
  key="trigger"
219977
220543
  onMouseEnter={[Function]}
219978
220544
  onMouseLeave={[Function]}
220545
+ style={
220546
+ Object {
220547
+ "marginTop": "24px",
220548
+ "opacity": "0.4",
220549
+ }
220550
+ }
219979
220551
  >
219980
220552
  <CapHeading
219981
220553
  type="h4"
@@ -220034,7 +220606,7 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
220034
220606
 
220035
220607
  </CapLabel>
220036
220608
  <CapLabel
220037
- type="label11"
220609
+ type="label5"
220038
220610
  />
220039
220611
  </React.Fragment>,
220040
220612
  }
@@ -220054,7 +220626,7 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
220054
220626
 
220055
220627
  </CapLabel>
220056
220628
  <CapLabel
220057
- type="label11"
220629
+ type="label5"
220058
220630
  />
220059
220631
  </React.Fragment>,
220060
220632
  }
@@ -221993,11 +222565,11 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
221993
222565
  />
221994
222566
  </CapLabel>
221995
222567
  <CapLabel
221996
- type="label11"
222568
+ type="label5"
221997
222569
  >
221998
222570
  <div
221999
- className="CapLabel-n7zsf5-0 jpRuDd"
222000
- type="label11"
222571
+ className="CapLabel-n7zsf5-0 gHdlVo"
222572
+ type="label5"
222001
222573
  />
222002
222574
  </CapLabel>
222003
222575
  </div>
@@ -232154,19 +232726,21 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232154
232726
  options={
232155
232727
  Array [
232156
232728
  Object {
232157
- "label": undefined,
232729
+ "label": <CapHeading
232730
+ className="whatsapp-button-none"
232731
+ type="h4"
232732
+ />,
232158
232733
  "value": "NONE",
232159
232734
  },
232160
232735
  Object {
232161
232736
  "label": <React.Fragment>
232162
232737
  <div
232163
- className="whatsapp-button"
232738
+ className="whatsapp-button-cta"
232164
232739
  >
232165
232740
  <CapHeading
232166
232741
  type="h4"
232167
232742
  />
232168
232743
  <CapLabel
232169
- className="whatsapp-cta-desc"
232170
232744
  type="label1"
232171
232745
  />
232172
232746
  </div>
@@ -232179,7 +232753,13 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232179
232753
  placement="bottom"
232180
232754
  >
232181
232755
  <div
232182
- className="whatsapp-button"
232756
+ className="whatsapp-button-quick-reply"
232757
+ style={
232758
+ Object {
232759
+ "marginTop": "24px",
232760
+ "opacity": "0.4",
232761
+ }
232762
+ }
232183
232763
  >
232184
232764
  <CapHeading
232185
232765
  type="h4"
@@ -232202,19 +232782,21 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232202
232782
  options={
232203
232783
  Array [
232204
232784
  Object {
232205
- "label": undefined,
232785
+ "label": <CapHeading
232786
+ className="whatsapp-button-none"
232787
+ type="h4"
232788
+ />,
232206
232789
  "value": "NONE",
232207
232790
  },
232208
232791
  Object {
232209
232792
  "label": <React.Fragment>
232210
232793
  <div
232211
- className="whatsapp-button"
232794
+ className="whatsapp-button-cta"
232212
232795
  >
232213
232796
  <CapHeading
232214
232797
  type="h4"
232215
232798
  />
232216
232799
  <CapLabel
232217
- className="whatsapp-cta-desc"
232218
232800
  type="label1"
232219
232801
  />
232220
232802
  </div>
@@ -232227,7 +232809,13 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232227
232809
  placement="bottom"
232228
232810
  >
232229
232811
  <div
232230
- className="whatsapp-button"
232812
+ className="whatsapp-button-quick-reply"
232813
+ style={
232814
+ Object {
232815
+ "marginTop": "24px",
232816
+ "opacity": "0.4",
232817
+ }
232818
+ }
232231
232819
  >
232232
232820
  <CapHeading
232233
232821
  type="h4"
@@ -232286,6 +232874,17 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232286
232874
  />
232287
232875
  </span>
232288
232876
  </Checkbox>
232877
+ <span>
232878
+ <CapHeading
232879
+ className="whatsapp-button-none"
232880
+ type="h4"
232881
+ >
232882
+ <div
232883
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
232884
+ type="h4"
232885
+ />
232886
+ </CapHeading>
232887
+ </span>
232289
232888
  </label>
232290
232889
  </Radio>
232291
232890
  <Radio
@@ -232330,7 +232929,7 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232330
232929
  </Checkbox>
232331
232930
  <span>
232332
232931
  <div
232333
- className="whatsapp-button"
232932
+ className="whatsapp-button-cta"
232334
232933
  >
232335
232934
  <CapHeading
232336
232935
  type="h4"
@@ -232341,11 +232940,10 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232341
232940
  />
232342
232941
  </CapHeading>
232343
232942
  <CapLabel
232344
- className="whatsapp-cta-desc"
232345
232943
  type="label1"
232346
232944
  >
232347
232945
  <div
232348
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
232946
+ className="CapLabel-n7zsf5-0 bdHnKk"
232349
232947
  type="label1"
232350
232948
  />
232351
232949
  </CapLabel>
@@ -232931,10 +233529,16 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232931
233529
  visible={false}
232932
233530
  >
232933
233531
  <div
232934
- className="whatsapp-button"
233532
+ className="whatsapp-button-quick-reply"
232935
233533
  key="trigger"
232936
233534
  onMouseEnter={[Function]}
232937
233535
  onMouseLeave={[Function]}
233536
+ style={
233537
+ Object {
233538
+ "marginTop": "24px",
233539
+ "opacity": "0.4",
233540
+ }
233541
+ }
232938
233542
  >
232939
233543
  <CapHeading
232940
233544
  type="h4"
@@ -232993,7 +233597,7 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232993
233597
 
232994
233598
  </CapLabel>
232995
233599
  <CapLabel
232996
- type="label11"
233600
+ type="label5"
232997
233601
  />
232998
233602
  </React.Fragment>,
232999
233603
  }
@@ -233013,7 +233617,7 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
233013
233617
 
233014
233618
  </CapLabel>
233015
233619
  <CapLabel
233016
- type="label11"
233620
+ type="label5"
233017
233621
  />
233018
233622
  </React.Fragment>,
233019
233623
  }
@@ -234952,11 +235556,11 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
234952
235556
  />
234953
235557
  </CapLabel>
234954
235558
  <CapLabel
234955
- type="label11"
235559
+ type="label5"
234956
235560
  >
234957
235561
  <div
234958
- className="CapLabel-n7zsf5-0 jpRuDd"
234959
- type="label11"
235562
+ className="CapLabel-n7zsf5-0 gHdlVo"
235563
+ type="label5"
234960
235564
  />
234961
235565
  </CapLabel>
234962
235566
  </div>
@@ -245076,19 +245680,21 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245076
245680
  options={
245077
245681
  Array [
245078
245682
  Object {
245079
- "label": undefined,
245683
+ "label": <CapHeading
245684
+ className="whatsapp-button-none"
245685
+ type="h4"
245686
+ />,
245080
245687
  "value": "NONE",
245081
245688
  },
245082
245689
  Object {
245083
245690
  "label": <React.Fragment>
245084
245691
  <div
245085
- className="whatsapp-button"
245692
+ className="whatsapp-button-cta"
245086
245693
  >
245087
245694
  <CapHeading
245088
245695
  type="h4"
245089
245696
  />
245090
245697
  <CapLabel
245091
- className="whatsapp-cta-desc"
245092
245698
  type="label1"
245093
245699
  />
245094
245700
  </div>
@@ -245101,7 +245707,13 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245101
245707
  placement="bottom"
245102
245708
  >
245103
245709
  <div
245104
- className="whatsapp-button"
245710
+ className="whatsapp-button-quick-reply"
245711
+ style={
245712
+ Object {
245713
+ "marginTop": "24px",
245714
+ "opacity": "0.4",
245715
+ }
245716
+ }
245105
245717
  >
245106
245718
  <CapHeading
245107
245719
  type="h4"
@@ -245124,19 +245736,21 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245124
245736
  options={
245125
245737
  Array [
245126
245738
  Object {
245127
- "label": undefined,
245739
+ "label": <CapHeading
245740
+ className="whatsapp-button-none"
245741
+ type="h4"
245742
+ />,
245128
245743
  "value": "NONE",
245129
245744
  },
245130
245745
  Object {
245131
245746
  "label": <React.Fragment>
245132
245747
  <div
245133
- className="whatsapp-button"
245748
+ className="whatsapp-button-cta"
245134
245749
  >
245135
245750
  <CapHeading
245136
245751
  type="h4"
245137
245752
  />
245138
245753
  <CapLabel
245139
- className="whatsapp-cta-desc"
245140
245754
  type="label1"
245141
245755
  />
245142
245756
  </div>
@@ -245149,7 +245763,13 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245149
245763
  placement="bottom"
245150
245764
  >
245151
245765
  <div
245152
- className="whatsapp-button"
245766
+ className="whatsapp-button-quick-reply"
245767
+ style={
245768
+ Object {
245769
+ "marginTop": "24px",
245770
+ "opacity": "0.4",
245771
+ }
245772
+ }
245153
245773
  >
245154
245774
  <CapHeading
245155
245775
  type="h4"
@@ -245208,6 +245828,17 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245208
245828
  />
245209
245829
  </span>
245210
245830
  </Checkbox>
245831
+ <span>
245832
+ <CapHeading
245833
+ className="whatsapp-button-none"
245834
+ type="h4"
245835
+ >
245836
+ <div
245837
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
245838
+ type="h4"
245839
+ />
245840
+ </CapHeading>
245841
+ </span>
245211
245842
  </label>
245212
245843
  </Radio>
245213
245844
  <Radio
@@ -245252,7 +245883,7 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245252
245883
  </Checkbox>
245253
245884
  <span>
245254
245885
  <div
245255
- className="whatsapp-button"
245886
+ className="whatsapp-button-cta"
245256
245887
  >
245257
245888
  <CapHeading
245258
245889
  type="h4"
@@ -245263,11 +245894,10 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245263
245894
  />
245264
245895
  </CapHeading>
245265
245896
  <CapLabel
245266
- className="whatsapp-cta-desc"
245267
245897
  type="label1"
245268
245898
  >
245269
245899
  <div
245270
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
245900
+ className="CapLabel-n7zsf5-0 bdHnKk"
245271
245901
  type="label1"
245272
245902
  />
245273
245903
  </CapLabel>
@@ -245853,10 +246483,16 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245853
246483
  visible={false}
245854
246484
  >
245855
246485
  <div
245856
- className="whatsapp-button"
246486
+ className="whatsapp-button-quick-reply"
245857
246487
  key="trigger"
245858
246488
  onMouseEnter={[Function]}
245859
246489
  onMouseLeave={[Function]}
246490
+ style={
246491
+ Object {
246492
+ "marginTop": "24px",
246493
+ "opacity": "0.4",
246494
+ }
246495
+ }
245860
246496
  >
245861
246497
  <CapHeading
245862
246498
  type="h4"
@@ -245915,7 +246551,7 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245915
246551
 
245916
246552
  </CapLabel>
245917
246553
  <CapLabel
245918
- type="label11"
246554
+ type="label5"
245919
246555
  />
245920
246556
  </React.Fragment>,
245921
246557
  }
@@ -245935,7 +246571,7 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245935
246571
 
245936
246572
  </CapLabel>
245937
246573
  <CapLabel
245938
- type="label11"
246574
+ type="label5"
245939
246575
  />
245940
246576
  </React.Fragment>,
245941
246577
  }
@@ -247874,11 +248510,11 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
247874
248510
  />
247875
248511
  </CapLabel>
247876
248512
  <CapLabel
247877
- type="label11"
248513
+ type="label5"
247878
248514
  >
247879
248515
  <div
247880
- className="CapLabel-n7zsf5-0 jpRuDd"
247881
- type="label11"
248516
+ className="CapLabel-n7zsf5-0 gHdlVo"
248517
+ type="label5"
247882
248518
  />
247883
248519
  </CapLabel>
247884
248520
  </div>