@capillarytech/creatives-library 7.12.36 → 7.12.37

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 (7) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CapWhatsappCTA/index.js +5 -5
  3. package/v2Components/CapWhatsappCTA/index.scss +7 -1
  4. package/v2Containers/CreativesContainer/index.js +3 -3
  5. package/v2Containers/Whatsapp/index.js +15 -7
  6. package/v2Containers/Whatsapp/index.scss +11 -13
  7. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +820 -240
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,12 @@ 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
+ }
8821
+ }
8815
8822
  >
8816
8823
  <CapHeading
8817
8824
  type="h4"
@@ -8834,19 +8841,21 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8834
8841
  options={
8835
8842
  Array [
8836
8843
  Object {
8837
- "label": undefined,
8844
+ "label": <CapHeading
8845
+ className="whatsapp-button-none"
8846
+ type="h4"
8847
+ />,
8838
8848
  "value": "NONE",
8839
8849
  },
8840
8850
  Object {
8841
8851
  "label": <React.Fragment>
8842
8852
  <div
8843
- className="whatsapp-button"
8853
+ className="whatsapp-button-cta"
8844
8854
  >
8845
8855
  <CapHeading
8846
8856
  type="h4"
8847
8857
  />
8848
8858
  <CapLabel
8849
- className="whatsapp-cta-desc"
8850
8859
  type="label1"
8851
8860
  />
8852
8861
  </div>
@@ -8859,7 +8868,12 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8859
8868
  placement="bottom"
8860
8869
  >
8861
8870
  <div
8862
- className="whatsapp-button"
8871
+ className="whatsapp-button-quick-reply"
8872
+ style={
8873
+ Object {
8874
+ "marginTop": "24px",
8875
+ }
8876
+ }
8863
8877
  >
8864
8878
  <CapHeading
8865
8879
  type="h4"
@@ -8918,6 +8932,17 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8918
8932
  />
8919
8933
  </span>
8920
8934
  </Checkbox>
8935
+ <span>
8936
+ <CapHeading
8937
+ className="whatsapp-button-none"
8938
+ type="h4"
8939
+ >
8940
+ <div
8941
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
8942
+ type="h4"
8943
+ />
8944
+ </CapHeading>
8945
+ </span>
8921
8946
  </label>
8922
8947
  </Radio>
8923
8948
  <Radio
@@ -8962,7 +8987,7 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8962
8987
  </Checkbox>
8963
8988
  <span>
8964
8989
  <div
8965
- className="whatsapp-button"
8990
+ className="whatsapp-button-cta"
8966
8991
  >
8967
8992
  <CapHeading
8968
8993
  type="h4"
@@ -8973,11 +8998,10 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
8973
8998
  />
8974
8999
  </CapHeading>
8975
9000
  <CapLabel
8976
- className="whatsapp-cta-desc"
8977
9001
  type="label1"
8978
9002
  >
8979
9003
  <div
8980
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
9004
+ className="CapLabel-n7zsf5-0 bdHnKk"
8981
9005
  type="label1"
8982
9006
  />
8983
9007
  </CapLabel>
@@ -9563,10 +9587,15 @@ exports[`Creatives Whatsapp test/> Cancel Btn 1`] = `
9563
9587
  visible={false}
9564
9588
  >
9565
9589
  <div
9566
- className="whatsapp-button"
9590
+ className="whatsapp-button-quick-reply"
9567
9591
  key="trigger"
9568
9592
  onMouseEnter={[Function]}
9569
9593
  onMouseLeave={[Function]}
9594
+ style={
9595
+ Object {
9596
+ "marginTop": "24px",
9597
+ }
9598
+ }
9570
9599
  >
9571
9600
  <CapHeading
9572
9601
  type="h4"
@@ -20529,19 +20558,21 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20529
20558
  options={
20530
20559
  Array [
20531
20560
  Object {
20532
- "label": undefined,
20561
+ "label": <CapHeading
20562
+ className="whatsapp-button-none"
20563
+ type="h4"
20564
+ />,
20533
20565
  "value": "NONE",
20534
20566
  },
20535
20567
  Object {
20536
20568
  "label": <React.Fragment>
20537
20569
  <div
20538
- className="whatsapp-button"
20570
+ className="whatsapp-button-cta"
20539
20571
  >
20540
20572
  <CapHeading
20541
20573
  type="h4"
20542
20574
  />
20543
20575
  <CapLabel
20544
- className="whatsapp-cta-desc"
20545
20576
  type="label1"
20546
20577
  />
20547
20578
  </div>
@@ -20554,7 +20585,12 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20554
20585
  placement="bottom"
20555
20586
  >
20556
20587
  <div
20557
- className="whatsapp-button"
20588
+ className="whatsapp-button-quick-reply"
20589
+ style={
20590
+ Object {
20591
+ "marginTop": "24px",
20592
+ }
20593
+ }
20558
20594
  >
20559
20595
  <CapHeading
20560
20596
  type="h4"
@@ -20577,19 +20613,21 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20577
20613
  options={
20578
20614
  Array [
20579
20615
  Object {
20580
- "label": undefined,
20616
+ "label": <CapHeading
20617
+ className="whatsapp-button-none"
20618
+ type="h4"
20619
+ />,
20581
20620
  "value": "NONE",
20582
20621
  },
20583
20622
  Object {
20584
20623
  "label": <React.Fragment>
20585
20624
  <div
20586
- className="whatsapp-button"
20625
+ className="whatsapp-button-cta"
20587
20626
  >
20588
20627
  <CapHeading
20589
20628
  type="h4"
20590
20629
  />
20591
20630
  <CapLabel
20592
- className="whatsapp-cta-desc"
20593
20631
  type="label1"
20594
20632
  />
20595
20633
  </div>
@@ -20602,7 +20640,12 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20602
20640
  placement="bottom"
20603
20641
  >
20604
20642
  <div
20605
- className="whatsapp-button"
20643
+ className="whatsapp-button-quick-reply"
20644
+ style={
20645
+ Object {
20646
+ "marginTop": "24px",
20647
+ }
20648
+ }
20606
20649
  >
20607
20650
  <CapHeading
20608
20651
  type="h4"
@@ -20661,6 +20704,17 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20661
20704
  />
20662
20705
  </span>
20663
20706
  </Checkbox>
20707
+ <span>
20708
+ <CapHeading
20709
+ className="whatsapp-button-none"
20710
+ type="h4"
20711
+ >
20712
+ <div
20713
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
20714
+ type="h4"
20715
+ />
20716
+ </CapHeading>
20717
+ </span>
20664
20718
  </label>
20665
20719
  </Radio>
20666
20720
  <Radio
@@ -20705,7 +20759,7 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20705
20759
  </Checkbox>
20706
20760
  <span>
20707
20761
  <div
20708
- className="whatsapp-button"
20762
+ className="whatsapp-button-cta"
20709
20763
  >
20710
20764
  <CapHeading
20711
20765
  type="h4"
@@ -20716,11 +20770,10 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
20716
20770
  />
20717
20771
  </CapHeading>
20718
20772
  <CapLabel
20719
- className="whatsapp-cta-desc"
20720
20773
  type="label1"
20721
20774
  >
20722
20775
  <div
20723
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
20776
+ className="CapLabel-n7zsf5-0 bdHnKk"
20724
20777
  type="label1"
20725
20778
  />
20726
20779
  </CapLabel>
@@ -21306,10 +21359,15 @@ exports[`Creatives Whatsapp test/> should render create mode 1`] = `
21306
21359
  visible={false}
21307
21360
  >
21308
21361
  <div
21309
- className="whatsapp-button"
21362
+ className="whatsapp-button-quick-reply"
21310
21363
  key="trigger"
21311
21364
  onMouseEnter={[Function]}
21312
21365
  onMouseLeave={[Function]}
21366
+ style={
21367
+ Object {
21368
+ "marginTop": "24px",
21369
+ }
21370
+ }
21313
21371
  >
21314
21372
  <CapHeading
21315
21373
  type="h4"
@@ -28989,19 +29047,21 @@ T&C'
28989
29047
  options={
28990
29048
  Array [
28991
29049
  Object {
28992
- "label": undefined,
29050
+ "label": <CapHeading
29051
+ className="whatsapp-button-none"
29052
+ type="h4"
29053
+ />,
28993
29054
  "value": "NONE",
28994
29055
  },
28995
29056
  Object {
28996
29057
  "label": <React.Fragment>
28997
29058
  <div
28998
- className="whatsapp-button"
29059
+ className="whatsapp-button-cta"
28999
29060
  >
29000
29061
  <CapHeading
29001
29062
  type="h4"
29002
29063
  />
29003
29064
  <CapLabel
29004
- className="whatsapp-cta-desc"
29005
29065
  type="label1"
29006
29066
  />
29007
29067
  </div>
@@ -29015,7 +29075,12 @@ T&C'
29015
29075
  title={false}
29016
29076
  >
29017
29077
  <div
29018
- className="whatsapp-button"
29078
+ className="whatsapp-button-quick-reply"
29079
+ style={
29080
+ Object {
29081
+ "marginTop": "24px",
29082
+ }
29083
+ }
29019
29084
  >
29020
29085
  <CapHeading
29021
29086
  type="h4"
@@ -29038,19 +29103,21 @@ T&C'
29038
29103
  options={
29039
29104
  Array [
29040
29105
  Object {
29041
- "label": undefined,
29106
+ "label": <CapHeading
29107
+ className="whatsapp-button-none"
29108
+ type="h4"
29109
+ />,
29042
29110
  "value": "NONE",
29043
29111
  },
29044
29112
  Object {
29045
29113
  "label": <React.Fragment>
29046
29114
  <div
29047
- className="whatsapp-button"
29115
+ className="whatsapp-button-cta"
29048
29116
  >
29049
29117
  <CapHeading
29050
29118
  type="h4"
29051
29119
  />
29052
29120
  <CapLabel
29053
- className="whatsapp-cta-desc"
29054
29121
  type="label1"
29055
29122
  />
29056
29123
  </div>
@@ -29064,7 +29131,12 @@ T&C'
29064
29131
  title={false}
29065
29132
  >
29066
29133
  <div
29067
- className="whatsapp-button"
29134
+ className="whatsapp-button-quick-reply"
29135
+ style={
29136
+ Object {
29137
+ "marginTop": "24px",
29138
+ }
29139
+ }
29068
29140
  >
29069
29141
  <CapHeading
29070
29142
  type="h4"
@@ -29123,6 +29195,17 @@ T&C'
29123
29195
  />
29124
29196
  </span>
29125
29197
  </Checkbox>
29198
+ <span>
29199
+ <CapHeading
29200
+ className="whatsapp-button-none"
29201
+ type="h4"
29202
+ >
29203
+ <div
29204
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
29205
+ type="h4"
29206
+ />
29207
+ </CapHeading>
29208
+ </span>
29126
29209
  </label>
29127
29210
  </Radio>
29128
29211
  <Radio
@@ -29167,7 +29250,7 @@ T&C'
29167
29250
  </Checkbox>
29168
29251
  <span>
29169
29252
  <div
29170
- className="whatsapp-button"
29253
+ className="whatsapp-button-cta"
29171
29254
  >
29172
29255
  <CapHeading
29173
29256
  type="h4"
@@ -29178,11 +29261,10 @@ T&C'
29178
29261
  />
29179
29262
  </CapHeading>
29180
29263
  <CapLabel
29181
- className="whatsapp-cta-desc"
29182
29264
  type="label1"
29183
29265
  >
29184
29266
  <div
29185
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
29267
+ className="CapLabel-n7zsf5-0 bdHnKk"
29186
29268
  type="label1"
29187
29269
  />
29188
29270
  </CapLabel>
@@ -29772,10 +29854,15 @@ T&C'
29772
29854
  visible={false}
29773
29855
  >
29774
29856
  <div
29775
- className="whatsapp-button"
29857
+ className="whatsapp-button-quick-reply"
29776
29858
  key="trigger"
29777
29859
  onMouseEnter={[Function]}
29778
29860
  onMouseLeave={[Function]}
29861
+ style={
29862
+ Object {
29863
+ "marginTop": "24px",
29864
+ }
29865
+ }
29779
29866
  >
29780
29867
  <CapHeading
29781
29868
  type="h4"
@@ -38601,19 +38688,21 @@ T&C'
38601
38688
  options={
38602
38689
  Array [
38603
38690
  Object {
38604
- "label": undefined,
38691
+ "label": <CapHeading
38692
+ className="whatsapp-button-none"
38693
+ type="h4"
38694
+ />,
38605
38695
  "value": "NONE",
38606
38696
  },
38607
38697
  Object {
38608
38698
  "label": <React.Fragment>
38609
38699
  <div
38610
- className="whatsapp-button"
38700
+ className="whatsapp-button-cta"
38611
38701
  >
38612
38702
  <CapHeading
38613
38703
  type="h4"
38614
38704
  />
38615
38705
  <CapLabel
38616
- className="whatsapp-cta-desc"
38617
38706
  type="label1"
38618
38707
  />
38619
38708
  </div>
@@ -38627,7 +38716,12 @@ T&C'
38627
38716
  title={false}
38628
38717
  >
38629
38718
  <div
38630
- className="whatsapp-button"
38719
+ className="whatsapp-button-quick-reply"
38720
+ style={
38721
+ Object {
38722
+ "marginTop": "24px",
38723
+ }
38724
+ }
38631
38725
  >
38632
38726
  <CapHeading
38633
38727
  type="h4"
@@ -38650,19 +38744,21 @@ T&C'
38650
38744
  options={
38651
38745
  Array [
38652
38746
  Object {
38653
- "label": undefined,
38747
+ "label": <CapHeading
38748
+ className="whatsapp-button-none"
38749
+ type="h4"
38750
+ />,
38654
38751
  "value": "NONE",
38655
38752
  },
38656
38753
  Object {
38657
38754
  "label": <React.Fragment>
38658
38755
  <div
38659
- className="whatsapp-button"
38756
+ className="whatsapp-button-cta"
38660
38757
  >
38661
38758
  <CapHeading
38662
38759
  type="h4"
38663
38760
  />
38664
38761
  <CapLabel
38665
- className="whatsapp-cta-desc"
38666
38762
  type="label1"
38667
38763
  />
38668
38764
  </div>
@@ -38676,7 +38772,12 @@ T&C'
38676
38772
  title={false}
38677
38773
  >
38678
38774
  <div
38679
- className="whatsapp-button"
38775
+ className="whatsapp-button-quick-reply"
38776
+ style={
38777
+ Object {
38778
+ "marginTop": "24px",
38779
+ }
38780
+ }
38680
38781
  >
38681
38782
  <CapHeading
38682
38783
  type="h4"
@@ -38735,6 +38836,17 @@ T&C'
38735
38836
  />
38736
38837
  </span>
38737
38838
  </Checkbox>
38839
+ <span>
38840
+ <CapHeading
38841
+ className="whatsapp-button-none"
38842
+ type="h4"
38843
+ >
38844
+ <div
38845
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
38846
+ type="h4"
38847
+ />
38848
+ </CapHeading>
38849
+ </span>
38738
38850
  </label>
38739
38851
  </Radio>
38740
38852
  <Radio
@@ -38779,7 +38891,7 @@ T&C'
38779
38891
  </Checkbox>
38780
38892
  <span>
38781
38893
  <div
38782
- className="whatsapp-button"
38894
+ className="whatsapp-button-cta"
38783
38895
  >
38784
38896
  <CapHeading
38785
38897
  type="h4"
@@ -38790,11 +38902,10 @@ T&C'
38790
38902
  />
38791
38903
  </CapHeading>
38792
38904
  <CapLabel
38793
- className="whatsapp-cta-desc"
38794
38905
  type="label1"
38795
38906
  >
38796
38907
  <div
38797
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
38908
+ className="CapLabel-n7zsf5-0 bdHnKk"
38798
38909
  type="label1"
38799
38910
  />
38800
38911
  </CapLabel>
@@ -39384,10 +39495,15 @@ T&C'
39384
39495
  visible={false}
39385
39496
  >
39386
39497
  <div
39387
- className="whatsapp-button"
39498
+ className="whatsapp-button-quick-reply"
39388
39499
  key="trigger"
39389
39500
  onMouseEnter={[Function]}
39390
39501
  onMouseLeave={[Function]}
39502
+ style={
39503
+ Object {
39504
+ "marginTop": "24px",
39505
+ }
39506
+ }
39391
39507
  >
39392
39508
  <CapHeading
39393
39509
  type="h4"
@@ -49447,19 +49563,21 @@ T&C'
49447
49563
  options={
49448
49564
  Array [
49449
49565
  Object {
49450
- "label": undefined,
49566
+ "label": <CapHeading
49567
+ className="whatsapp-button-none"
49568
+ type="h4"
49569
+ />,
49451
49570
  "value": "NONE",
49452
49571
  },
49453
49572
  Object {
49454
49573
  "label": <React.Fragment>
49455
49574
  <div
49456
- className="whatsapp-button"
49575
+ className="whatsapp-button-cta"
49457
49576
  >
49458
49577
  <CapHeading
49459
49578
  type="h4"
49460
49579
  />
49461
49580
  <CapLabel
49462
- className="whatsapp-cta-desc"
49463
49581
  type="label1"
49464
49582
  />
49465
49583
  </div>
@@ -49473,7 +49591,12 @@ T&C'
49473
49591
  title={false}
49474
49592
  >
49475
49593
  <div
49476
- className="whatsapp-button"
49594
+ className="whatsapp-button-quick-reply"
49595
+ style={
49596
+ Object {
49597
+ "marginTop": "24px",
49598
+ }
49599
+ }
49477
49600
  >
49478
49601
  <CapHeading
49479
49602
  type="h4"
@@ -49496,19 +49619,21 @@ T&C'
49496
49619
  options={
49497
49620
  Array [
49498
49621
  Object {
49499
- "label": undefined,
49622
+ "label": <CapHeading
49623
+ className="whatsapp-button-none"
49624
+ type="h4"
49625
+ />,
49500
49626
  "value": "NONE",
49501
49627
  },
49502
49628
  Object {
49503
49629
  "label": <React.Fragment>
49504
49630
  <div
49505
- className="whatsapp-button"
49631
+ className="whatsapp-button-cta"
49506
49632
  >
49507
49633
  <CapHeading
49508
49634
  type="h4"
49509
49635
  />
49510
49636
  <CapLabel
49511
- className="whatsapp-cta-desc"
49512
49637
  type="label1"
49513
49638
  />
49514
49639
  </div>
@@ -49522,7 +49647,12 @@ T&C'
49522
49647
  title={false}
49523
49648
  >
49524
49649
  <div
49525
- className="whatsapp-button"
49650
+ className="whatsapp-button-quick-reply"
49651
+ style={
49652
+ Object {
49653
+ "marginTop": "24px",
49654
+ }
49655
+ }
49526
49656
  >
49527
49657
  <CapHeading
49528
49658
  type="h4"
@@ -49581,6 +49711,17 @@ T&C'
49581
49711
  />
49582
49712
  </span>
49583
49713
  </Checkbox>
49714
+ <span>
49715
+ <CapHeading
49716
+ className="whatsapp-button-none"
49717
+ type="h4"
49718
+ >
49719
+ <div
49720
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
49721
+ type="h4"
49722
+ />
49723
+ </CapHeading>
49724
+ </span>
49584
49725
  </label>
49585
49726
  </Radio>
49586
49727
  <Radio
@@ -49625,7 +49766,7 @@ T&C'
49625
49766
  </Checkbox>
49626
49767
  <span>
49627
49768
  <div
49628
- className="whatsapp-button"
49769
+ className="whatsapp-button-cta"
49629
49770
  >
49630
49771
  <CapHeading
49631
49772
  type="h4"
@@ -49636,11 +49777,10 @@ T&C'
49636
49777
  />
49637
49778
  </CapHeading>
49638
49779
  <CapLabel
49639
- className="whatsapp-cta-desc"
49640
49780
  type="label1"
49641
49781
  >
49642
49782
  <div
49643
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
49783
+ className="CapLabel-n7zsf5-0 bdHnKk"
49644
49784
  type="label1"
49645
49785
  />
49646
49786
  </CapLabel>
@@ -50230,10 +50370,15 @@ T&C'
50230
50370
  visible={false}
50231
50371
  >
50232
50372
  <div
50233
- className="whatsapp-button"
50373
+ className="whatsapp-button-quick-reply"
50234
50374
  key="trigger"
50235
50375
  onMouseEnter={[Function]}
50236
50376
  onMouseLeave={[Function]}
50377
+ style={
50378
+ Object {
50379
+ "marginTop": "24px",
50380
+ }
50381
+ }
50237
50382
  >
50238
50383
  <CapHeading
50239
50384
  type="h4"
@@ -61921,19 +62066,21 @@ T&C'
61921
62066
  options={
61922
62067
  Array [
61923
62068
  Object {
61924
- "label": undefined,
62069
+ "label": <CapHeading
62070
+ className="whatsapp-button-none"
62071
+ type="h4"
62072
+ />,
61925
62073
  "value": "NONE",
61926
62074
  },
61927
62075
  Object {
61928
62076
  "label": <React.Fragment>
61929
62077
  <div
61930
- className="whatsapp-button"
62078
+ className="whatsapp-button-cta"
61931
62079
  >
61932
62080
  <CapHeading
61933
62081
  type="h4"
61934
62082
  />
61935
62083
  <CapLabel
61936
- className="whatsapp-cta-desc"
61937
62084
  type="label1"
61938
62085
  />
61939
62086
  </div>
@@ -61947,7 +62094,12 @@ T&C'
61947
62094
  title={false}
61948
62095
  >
61949
62096
  <div
61950
- className="whatsapp-button"
62097
+ className="whatsapp-button-quick-reply"
62098
+ style={
62099
+ Object {
62100
+ "marginTop": "24px",
62101
+ }
62102
+ }
61951
62103
  >
61952
62104
  <CapHeading
61953
62105
  type="h4"
@@ -61970,19 +62122,21 @@ T&C'
61970
62122
  options={
61971
62123
  Array [
61972
62124
  Object {
61973
- "label": undefined,
62125
+ "label": <CapHeading
62126
+ className="whatsapp-button-none"
62127
+ type="h4"
62128
+ />,
61974
62129
  "value": "NONE",
61975
62130
  },
61976
62131
  Object {
61977
62132
  "label": <React.Fragment>
61978
62133
  <div
61979
- className="whatsapp-button"
62134
+ className="whatsapp-button-cta"
61980
62135
  >
61981
62136
  <CapHeading
61982
62137
  type="h4"
61983
62138
  />
61984
62139
  <CapLabel
61985
- className="whatsapp-cta-desc"
61986
62140
  type="label1"
61987
62141
  />
61988
62142
  </div>
@@ -61996,7 +62150,12 @@ T&C'
61996
62150
  title={false}
61997
62151
  >
61998
62152
  <div
61999
- className="whatsapp-button"
62153
+ className="whatsapp-button-quick-reply"
62154
+ style={
62155
+ Object {
62156
+ "marginTop": "24px",
62157
+ }
62158
+ }
62000
62159
  >
62001
62160
  <CapHeading
62002
62161
  type="h4"
@@ -62055,6 +62214,17 @@ T&C'
62055
62214
  />
62056
62215
  </span>
62057
62216
  </Checkbox>
62217
+ <span>
62218
+ <CapHeading
62219
+ className="whatsapp-button-none"
62220
+ type="h4"
62221
+ >
62222
+ <div
62223
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
62224
+ type="h4"
62225
+ />
62226
+ </CapHeading>
62227
+ </span>
62058
62228
  </label>
62059
62229
  </Radio>
62060
62230
  <Radio
@@ -62099,7 +62269,7 @@ T&C'
62099
62269
  </Checkbox>
62100
62270
  <span>
62101
62271
  <div
62102
- className="whatsapp-button"
62272
+ className="whatsapp-button-cta"
62103
62273
  >
62104
62274
  <CapHeading
62105
62275
  type="h4"
@@ -62110,11 +62280,10 @@ T&C'
62110
62280
  />
62111
62281
  </CapHeading>
62112
62282
  <CapLabel
62113
- className="whatsapp-cta-desc"
62114
62283
  type="label1"
62115
62284
  >
62116
62285
  <div
62117
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
62286
+ className="CapLabel-n7zsf5-0 bdHnKk"
62118
62287
  type="label1"
62119
62288
  />
62120
62289
  </CapLabel>
@@ -62704,10 +62873,15 @@ T&C'
62704
62873
  visible={false}
62705
62874
  >
62706
62875
  <div
62707
- className="whatsapp-button"
62876
+ className="whatsapp-button-quick-reply"
62708
62877
  key="trigger"
62709
62878
  onMouseEnter={[Function]}
62710
62879
  onMouseLeave={[Function]}
62880
+ style={
62881
+ Object {
62882
+ "marginTop": "24px",
62883
+ }
62884
+ }
62711
62885
  >
62712
62886
  <CapHeading
62713
62887
  type="h4"
@@ -73985,19 +74159,21 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
73985
74159
  options={
73986
74160
  Array [
73987
74161
  Object {
73988
- "label": undefined,
74162
+ "label": <CapHeading
74163
+ className="whatsapp-button-none"
74164
+ type="h4"
74165
+ />,
73989
74166
  "value": "NONE",
73990
74167
  },
73991
74168
  Object {
73992
74169
  "label": <React.Fragment>
73993
74170
  <div
73994
- className="whatsapp-button"
74171
+ className="whatsapp-button-cta"
73995
74172
  >
73996
74173
  <CapHeading
73997
74174
  type="h4"
73998
74175
  />
73999
74176
  <CapLabel
74000
- className="whatsapp-cta-desc"
74001
74177
  type="label1"
74002
74178
  />
74003
74179
  </div>
@@ -74010,7 +74186,12 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74010
74186
  placement="bottom"
74011
74187
  >
74012
74188
  <div
74013
- className="whatsapp-button"
74189
+ className="whatsapp-button-quick-reply"
74190
+ style={
74191
+ Object {
74192
+ "marginTop": "24px",
74193
+ }
74194
+ }
74014
74195
  >
74015
74196
  <CapHeading
74016
74197
  type="h4"
@@ -74033,19 +74214,21 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74033
74214
  options={
74034
74215
  Array [
74035
74216
  Object {
74036
- "label": undefined,
74217
+ "label": <CapHeading
74218
+ className="whatsapp-button-none"
74219
+ type="h4"
74220
+ />,
74037
74221
  "value": "NONE",
74038
74222
  },
74039
74223
  Object {
74040
74224
  "label": <React.Fragment>
74041
74225
  <div
74042
- className="whatsapp-button"
74226
+ className="whatsapp-button-cta"
74043
74227
  >
74044
74228
  <CapHeading
74045
74229
  type="h4"
74046
74230
  />
74047
74231
  <CapLabel
74048
- className="whatsapp-cta-desc"
74049
74232
  type="label1"
74050
74233
  />
74051
74234
  </div>
@@ -74058,7 +74241,12 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74058
74241
  placement="bottom"
74059
74242
  >
74060
74243
  <div
74061
- className="whatsapp-button"
74244
+ className="whatsapp-button-quick-reply"
74245
+ style={
74246
+ Object {
74247
+ "marginTop": "24px",
74248
+ }
74249
+ }
74062
74250
  >
74063
74251
  <CapHeading
74064
74252
  type="h4"
@@ -74117,6 +74305,17 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74117
74305
  />
74118
74306
  </span>
74119
74307
  </Checkbox>
74308
+ <span>
74309
+ <CapHeading
74310
+ className="whatsapp-button-none"
74311
+ type="h4"
74312
+ >
74313
+ <div
74314
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
74315
+ type="h4"
74316
+ />
74317
+ </CapHeading>
74318
+ </span>
74120
74319
  </label>
74121
74320
  </Radio>
74122
74321
  <Radio
@@ -74161,7 +74360,7 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74161
74360
  </Checkbox>
74162
74361
  <span>
74163
74362
  <div
74164
- className="whatsapp-button"
74363
+ className="whatsapp-button-cta"
74165
74364
  >
74166
74365
  <CapHeading
74167
74366
  type="h4"
@@ -74172,11 +74371,10 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74172
74371
  />
74173
74372
  </CapHeading>
74174
74373
  <CapLabel
74175
- className="whatsapp-cta-desc"
74176
74374
  type="label1"
74177
74375
  >
74178
74376
  <div
74179
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
74377
+ className="CapLabel-n7zsf5-0 bdHnKk"
74180
74378
  type="label1"
74181
74379
  />
74182
74380
  </CapLabel>
@@ -74762,10 +74960,15 @@ exports[`Creatives Whatsapp test/> template category change 1`] = `
74762
74960
  visible={false}
74763
74961
  >
74764
74962
  <div
74765
- className="whatsapp-button"
74963
+ className="whatsapp-button-quick-reply"
74766
74964
  key="trigger"
74767
74965
  onMouseEnter={[Function]}
74768
74966
  onMouseLeave={[Function]}
74967
+ style={
74968
+ Object {
74969
+ "marginTop": "24px",
74970
+ }
74971
+ }
74769
74972
  >
74770
74973
  <CapHeading
74771
74974
  type="h4"
@@ -86105,19 +86308,21 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86105
86308
  options={
86106
86309
  Array [
86107
86310
  Object {
86108
- "label": undefined,
86311
+ "label": <CapHeading
86312
+ className="whatsapp-button-none"
86313
+ type="h4"
86314
+ />,
86109
86315
  "value": "NONE",
86110
86316
  },
86111
86317
  Object {
86112
86318
  "label": <React.Fragment>
86113
86319
  <div
86114
- className="whatsapp-button"
86320
+ className="whatsapp-button-cta"
86115
86321
  >
86116
86322
  <CapHeading
86117
86323
  type="h4"
86118
86324
  />
86119
86325
  <CapLabel
86120
- className="whatsapp-cta-desc"
86121
86326
  type="label1"
86122
86327
  />
86123
86328
  </div>
@@ -86130,7 +86335,12 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86130
86335
  placement="bottom"
86131
86336
  >
86132
86337
  <div
86133
- className="whatsapp-button"
86338
+ className="whatsapp-button-quick-reply"
86339
+ style={
86340
+ Object {
86341
+ "marginTop": "24px",
86342
+ }
86343
+ }
86134
86344
  >
86135
86345
  <CapHeading
86136
86346
  type="h4"
@@ -86153,19 +86363,21 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86153
86363
  options={
86154
86364
  Array [
86155
86365
  Object {
86156
- "label": undefined,
86366
+ "label": <CapHeading
86367
+ className="whatsapp-button-none"
86368
+ type="h4"
86369
+ />,
86157
86370
  "value": "NONE",
86158
86371
  },
86159
86372
  Object {
86160
86373
  "label": <React.Fragment>
86161
86374
  <div
86162
- className="whatsapp-button"
86375
+ className="whatsapp-button-cta"
86163
86376
  >
86164
86377
  <CapHeading
86165
86378
  type="h4"
86166
86379
  />
86167
86380
  <CapLabel
86168
- className="whatsapp-cta-desc"
86169
86381
  type="label1"
86170
86382
  />
86171
86383
  </div>
@@ -86178,7 +86390,12 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86178
86390
  placement="bottom"
86179
86391
  >
86180
86392
  <div
86181
- className="whatsapp-button"
86393
+ className="whatsapp-button-quick-reply"
86394
+ style={
86395
+ Object {
86396
+ "marginTop": "24px",
86397
+ }
86398
+ }
86182
86399
  >
86183
86400
  <CapHeading
86184
86401
  type="h4"
@@ -86237,6 +86454,17 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86237
86454
  />
86238
86455
  </span>
86239
86456
  </Checkbox>
86457
+ <span>
86458
+ <CapHeading
86459
+ className="whatsapp-button-none"
86460
+ type="h4"
86461
+ >
86462
+ <div
86463
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
86464
+ type="h4"
86465
+ />
86466
+ </CapHeading>
86467
+ </span>
86240
86468
  </label>
86241
86469
  </Radio>
86242
86470
  <Radio
@@ -86281,7 +86509,7 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86281
86509
  </Checkbox>
86282
86510
  <span>
86283
86511
  <div
86284
- className="whatsapp-button"
86512
+ className="whatsapp-button-cta"
86285
86513
  >
86286
86514
  <CapHeading
86287
86515
  type="h4"
@@ -86292,11 +86520,10 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86292
86520
  />
86293
86521
  </CapHeading>
86294
86522
  <CapLabel
86295
- className="whatsapp-cta-desc"
86296
86523
  type="label1"
86297
86524
  >
86298
86525
  <div
86299
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
86526
+ className="CapLabel-n7zsf5-0 bdHnKk"
86300
86527
  type="label1"
86301
86528
  />
86302
86529
  </CapLabel>
@@ -86882,10 +87109,15 @@ exports[`Creatives Whatsapp test/> template language change 1`] = `
86882
87109
  visible={false}
86883
87110
  >
86884
87111
  <div
86885
- className="whatsapp-button"
87112
+ className="whatsapp-button-quick-reply"
86886
87113
  key="trigger"
86887
87114
  onMouseEnter={[Function]}
86888
87115
  onMouseLeave={[Function]}
87116
+ style={
87117
+ Object {
87118
+ "marginTop": "24px",
87119
+ }
87120
+ }
86889
87121
  >
86890
87122
  <CapHeading
86891
87123
  type="h4"
@@ -98225,19 +98457,21 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98225
98457
  options={
98226
98458
  Array [
98227
98459
  Object {
98228
- "label": undefined,
98460
+ "label": <CapHeading
98461
+ className="whatsapp-button-none"
98462
+ type="h4"
98463
+ />,
98229
98464
  "value": "NONE",
98230
98465
  },
98231
98466
  Object {
98232
98467
  "label": <React.Fragment>
98233
98468
  <div
98234
- className="whatsapp-button"
98469
+ className="whatsapp-button-cta"
98235
98470
  >
98236
98471
  <CapHeading
98237
98472
  type="h4"
98238
98473
  />
98239
98474
  <CapLabel
98240
- className="whatsapp-cta-desc"
98241
98475
  type="label1"
98242
98476
  />
98243
98477
  </div>
@@ -98250,7 +98484,12 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98250
98484
  placement="bottom"
98251
98485
  >
98252
98486
  <div
98253
- className="whatsapp-button"
98487
+ className="whatsapp-button-quick-reply"
98488
+ style={
98489
+ Object {
98490
+ "marginTop": "24px",
98491
+ }
98492
+ }
98254
98493
  >
98255
98494
  <CapHeading
98256
98495
  type="h4"
@@ -98273,19 +98512,21 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98273
98512
  options={
98274
98513
  Array [
98275
98514
  Object {
98276
- "label": undefined,
98515
+ "label": <CapHeading
98516
+ className="whatsapp-button-none"
98517
+ type="h4"
98518
+ />,
98277
98519
  "value": "NONE",
98278
98520
  },
98279
98521
  Object {
98280
98522
  "label": <React.Fragment>
98281
98523
  <div
98282
- className="whatsapp-button"
98524
+ className="whatsapp-button-cta"
98283
98525
  >
98284
98526
  <CapHeading
98285
98527
  type="h4"
98286
98528
  />
98287
98529
  <CapLabel
98288
- className="whatsapp-cta-desc"
98289
98530
  type="label1"
98290
98531
  />
98291
98532
  </div>
@@ -98298,7 +98539,12 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98298
98539
  placement="bottom"
98299
98540
  >
98300
98541
  <div
98301
- className="whatsapp-button"
98542
+ className="whatsapp-button-quick-reply"
98543
+ style={
98544
+ Object {
98545
+ "marginTop": "24px",
98546
+ }
98547
+ }
98302
98548
  >
98303
98549
  <CapHeading
98304
98550
  type="h4"
@@ -98357,6 +98603,17 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98357
98603
  />
98358
98604
  </span>
98359
98605
  </Checkbox>
98606
+ <span>
98607
+ <CapHeading
98608
+ className="whatsapp-button-none"
98609
+ type="h4"
98610
+ >
98611
+ <div
98612
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
98613
+ type="h4"
98614
+ />
98615
+ </CapHeading>
98616
+ </span>
98360
98617
  </label>
98361
98618
  </Radio>
98362
98619
  <Radio
@@ -98401,7 +98658,7 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98401
98658
  </Checkbox>
98402
98659
  <span>
98403
98660
  <div
98404
- className="whatsapp-button"
98661
+ className="whatsapp-button-cta"
98405
98662
  >
98406
98663
  <CapHeading
98407
98664
  type="h4"
@@ -98412,11 +98669,10 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
98412
98669
  />
98413
98670
  </CapHeading>
98414
98671
  <CapLabel
98415
- className="whatsapp-cta-desc"
98416
98672
  type="label1"
98417
98673
  >
98418
98674
  <div
98419
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
98675
+ className="CapLabel-n7zsf5-0 bdHnKk"
98420
98676
  type="label1"
98421
98677
  />
98422
98678
  </CapLabel>
@@ -99002,10 +99258,15 @@ exports[`Creatives Whatsapp test/> template message 1`] = `
99002
99258
  visible={false}
99003
99259
  >
99004
99260
  <div
99005
- className="whatsapp-button"
99261
+ className="whatsapp-button-quick-reply"
99006
99262
  key="trigger"
99007
99263
  onMouseEnter={[Function]}
99008
99264
  onMouseLeave={[Function]}
99265
+ style={
99266
+ Object {
99267
+ "marginTop": "24px",
99268
+ }
99269
+ }
99009
99270
  >
99010
99271
  <CapHeading
99011
99272
  type="h4"
@@ -110756,19 +111017,21 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110756
111017
  options={
110757
111018
  Array [
110758
111019
  Object {
110759
- "label": undefined,
111020
+ "label": <CapHeading
111021
+ className="whatsapp-button-none"
111022
+ type="h4"
111023
+ />,
110760
111024
  "value": "NONE",
110761
111025
  },
110762
111026
  Object {
110763
111027
  "label": <React.Fragment>
110764
111028
  <div
110765
- className="whatsapp-button"
111029
+ className="whatsapp-button-cta"
110766
111030
  >
110767
111031
  <CapHeading
110768
111032
  type="h4"
110769
111033
  />
110770
111034
  <CapLabel
110771
- className="whatsapp-cta-desc"
110772
111035
  type="label1"
110773
111036
  />
110774
111037
  </div>
@@ -110781,7 +111044,12 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110781
111044
  placement="bottom"
110782
111045
  >
110783
111046
  <div
110784
- className="whatsapp-button"
111047
+ className="whatsapp-button-quick-reply"
111048
+ style={
111049
+ Object {
111050
+ "marginTop": "24px",
111051
+ }
111052
+ }
110785
111053
  >
110786
111054
  <CapHeading
110787
111055
  type="h4"
@@ -110804,19 +111072,21 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110804
111072
  options={
110805
111073
  Array [
110806
111074
  Object {
110807
- "label": undefined,
111075
+ "label": <CapHeading
111076
+ className="whatsapp-button-none"
111077
+ type="h4"
111078
+ />,
110808
111079
  "value": "NONE",
110809
111080
  },
110810
111081
  Object {
110811
111082
  "label": <React.Fragment>
110812
111083
  <div
110813
- className="whatsapp-button"
111084
+ className="whatsapp-button-cta"
110814
111085
  >
110815
111086
  <CapHeading
110816
111087
  type="h4"
110817
111088
  />
110818
111089
  <CapLabel
110819
- className="whatsapp-cta-desc"
110820
111090
  type="label1"
110821
111091
  />
110822
111092
  </div>
@@ -110829,7 +111099,12 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110829
111099
  placement="bottom"
110830
111100
  >
110831
111101
  <div
110832
- className="whatsapp-button"
111102
+ className="whatsapp-button-quick-reply"
111103
+ style={
111104
+ Object {
111105
+ "marginTop": "24px",
111106
+ }
111107
+ }
110833
111108
  >
110834
111109
  <CapHeading
110835
111110
  type="h4"
@@ -110888,6 +111163,17 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110888
111163
  />
110889
111164
  </span>
110890
111165
  </Checkbox>
111166
+ <span>
111167
+ <CapHeading
111168
+ className="whatsapp-button-none"
111169
+ type="h4"
111170
+ >
111171
+ <div
111172
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
111173
+ type="h4"
111174
+ />
111175
+ </CapHeading>
111176
+ </span>
110891
111177
  </label>
110892
111178
  </Radio>
110893
111179
  <Radio
@@ -110932,7 +111218,7 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110932
111218
  </Checkbox>
110933
111219
  <span>
110934
111220
  <div
110935
- className="whatsapp-button"
111221
+ className="whatsapp-button-cta"
110936
111222
  >
110937
111223
  <CapHeading
110938
111224
  type="h4"
@@ -110943,11 +111229,10 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
110943
111229
  />
110944
111230
  </CapHeading>
110945
111231
  <CapLabel
110946
- className="whatsapp-cta-desc"
110947
111232
  type="label1"
110948
111233
  >
110949
111234
  <div
110950
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
111235
+ className="CapLabel-n7zsf5-0 bdHnKk"
110951
111236
  type="label1"
110952
111237
  />
110953
111238
  </CapLabel>
@@ -111533,10 +111818,15 @@ exports[`Creatives Whatsapp test/> template message 2`] = `
111533
111818
  visible={false}
111534
111819
  >
111535
111820
  <div
111536
- className="whatsapp-button"
111821
+ className="whatsapp-button-quick-reply"
111537
111822
  key="trigger"
111538
111823
  onMouseEnter={[Function]}
111539
111824
  onMouseLeave={[Function]}
111825
+ style={
111826
+ Object {
111827
+ "marginTop": "24px",
111828
+ }
111829
+ }
111540
111830
  >
111541
111831
  <CapHeading
111542
111832
  type="h4"
@@ -123690,19 +123980,21 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123690
123980
  options={
123691
123981
  Array [
123692
123982
  Object {
123693
- "label": undefined,
123983
+ "label": <CapHeading
123984
+ className="whatsapp-button-none"
123985
+ type="h4"
123986
+ />,
123694
123987
  "value": "NONE",
123695
123988
  },
123696
123989
  Object {
123697
123990
  "label": <React.Fragment>
123698
123991
  <div
123699
- className="whatsapp-button"
123992
+ className="whatsapp-button-cta"
123700
123993
  >
123701
123994
  <CapHeading
123702
123995
  type="h4"
123703
123996
  />
123704
123997
  <CapLabel
123705
- className="whatsapp-cta-desc"
123706
123998
  type="label1"
123707
123999
  />
123708
124000
  </div>
@@ -123715,7 +124007,12 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123715
124007
  placement="bottom"
123716
124008
  >
123717
124009
  <div
123718
- className="whatsapp-button"
124010
+ className="whatsapp-button-quick-reply"
124011
+ style={
124012
+ Object {
124013
+ "marginTop": "24px",
124014
+ }
124015
+ }
123719
124016
  >
123720
124017
  <CapHeading
123721
124018
  type="h4"
@@ -123738,19 +124035,21 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123738
124035
  options={
123739
124036
  Array [
123740
124037
  Object {
123741
- "label": undefined,
124038
+ "label": <CapHeading
124039
+ className="whatsapp-button-none"
124040
+ type="h4"
124041
+ />,
123742
124042
  "value": "NONE",
123743
124043
  },
123744
124044
  Object {
123745
124045
  "label": <React.Fragment>
123746
124046
  <div
123747
- className="whatsapp-button"
124047
+ className="whatsapp-button-cta"
123748
124048
  >
123749
124049
  <CapHeading
123750
124050
  type="h4"
123751
124051
  />
123752
124052
  <CapLabel
123753
- className="whatsapp-cta-desc"
123754
124053
  type="label1"
123755
124054
  />
123756
124055
  </div>
@@ -123763,7 +124062,12 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123763
124062
  placement="bottom"
123764
124063
  >
123765
124064
  <div
123766
- className="whatsapp-button"
124065
+ className="whatsapp-button-quick-reply"
124066
+ style={
124067
+ Object {
124068
+ "marginTop": "24px",
124069
+ }
124070
+ }
123767
124071
  >
123768
124072
  <CapHeading
123769
124073
  type="h4"
@@ -123822,6 +124126,17 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123822
124126
  />
123823
124127
  </span>
123824
124128
  </Checkbox>
124129
+ <span>
124130
+ <CapHeading
124131
+ className="whatsapp-button-none"
124132
+ type="h4"
124133
+ >
124134
+ <div
124135
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
124136
+ type="h4"
124137
+ />
124138
+ </CapHeading>
124139
+ </span>
123825
124140
  </label>
123826
124141
  </Radio>
123827
124142
  <Radio
@@ -123866,7 +124181,7 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123866
124181
  </Checkbox>
123867
124182
  <span>
123868
124183
  <div
123869
- className="whatsapp-button"
124184
+ className="whatsapp-button-cta"
123870
124185
  >
123871
124186
  <CapHeading
123872
124187
  type="h4"
@@ -123877,11 +124192,10 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
123877
124192
  />
123878
124193
  </CapHeading>
123879
124194
  <CapLabel
123880
- className="whatsapp-cta-desc"
123881
124195
  type="label1"
123882
124196
  >
123883
124197
  <div
123884
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
124198
+ className="CapLabel-n7zsf5-0 bdHnKk"
123885
124199
  type="label1"
123886
124200
  />
123887
124201
  </CapLabel>
@@ -124467,10 +124781,15 @@ exports[`Creatives Whatsapp test/> template message 3`] = `
124467
124781
  visible={false}
124468
124782
  >
124469
124783
  <div
124470
- className="whatsapp-button"
124784
+ className="whatsapp-button-quick-reply"
124471
124785
  key="trigger"
124472
124786
  onMouseEnter={[Function]}
124473
124787
  onMouseLeave={[Function]}
124788
+ style={
124789
+ Object {
124790
+ "marginTop": "24px",
124791
+ }
124792
+ }
124474
124793
  >
124475
124794
  <CapHeading
124476
124795
  type="h4"
@@ -137035,19 +137354,21 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137035
137354
  options={
137036
137355
  Array [
137037
137356
  Object {
137038
- "label": undefined,
137357
+ "label": <CapHeading
137358
+ className="whatsapp-button-none"
137359
+ type="h4"
137360
+ />,
137039
137361
  "value": "NONE",
137040
137362
  },
137041
137363
  Object {
137042
137364
  "label": <React.Fragment>
137043
137365
  <div
137044
- className="whatsapp-button"
137366
+ className="whatsapp-button-cta"
137045
137367
  >
137046
137368
  <CapHeading
137047
137369
  type="h4"
137048
137370
  />
137049
137371
  <CapLabel
137050
- className="whatsapp-cta-desc"
137051
137372
  type="label1"
137052
137373
  />
137053
137374
  </div>
@@ -137060,7 +137381,12 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137060
137381
  placement="bottom"
137061
137382
  >
137062
137383
  <div
137063
- className="whatsapp-button"
137384
+ className="whatsapp-button-quick-reply"
137385
+ style={
137386
+ Object {
137387
+ "marginTop": "24px",
137388
+ }
137389
+ }
137064
137390
  >
137065
137391
  <CapHeading
137066
137392
  type="h4"
@@ -137083,19 +137409,21 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137083
137409
  options={
137084
137410
  Array [
137085
137411
  Object {
137086
- "label": undefined,
137412
+ "label": <CapHeading
137413
+ className="whatsapp-button-none"
137414
+ type="h4"
137415
+ />,
137087
137416
  "value": "NONE",
137088
137417
  },
137089
137418
  Object {
137090
137419
  "label": <React.Fragment>
137091
137420
  <div
137092
- className="whatsapp-button"
137421
+ className="whatsapp-button-cta"
137093
137422
  >
137094
137423
  <CapHeading
137095
137424
  type="h4"
137096
137425
  />
137097
137426
  <CapLabel
137098
- className="whatsapp-cta-desc"
137099
137427
  type="label1"
137100
137428
  />
137101
137429
  </div>
@@ -137108,7 +137436,12 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137108
137436
  placement="bottom"
137109
137437
  >
137110
137438
  <div
137111
- className="whatsapp-button"
137439
+ className="whatsapp-button-quick-reply"
137440
+ style={
137441
+ Object {
137442
+ "marginTop": "24px",
137443
+ }
137444
+ }
137112
137445
  >
137113
137446
  <CapHeading
137114
137447
  type="h4"
@@ -137167,6 +137500,17 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137167
137500
  />
137168
137501
  </span>
137169
137502
  </Checkbox>
137503
+ <span>
137504
+ <CapHeading
137505
+ className="whatsapp-button-none"
137506
+ type="h4"
137507
+ >
137508
+ <div
137509
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
137510
+ type="h4"
137511
+ />
137512
+ </CapHeading>
137513
+ </span>
137170
137514
  </label>
137171
137515
  </Radio>
137172
137516
  <Radio
@@ -137211,7 +137555,7 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137211
137555
  </Checkbox>
137212
137556
  <span>
137213
137557
  <div
137214
- className="whatsapp-button"
137558
+ className="whatsapp-button-cta"
137215
137559
  >
137216
137560
  <CapHeading
137217
137561
  type="h4"
@@ -137222,11 +137566,10 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137222
137566
  />
137223
137567
  </CapHeading>
137224
137568
  <CapLabel
137225
- className="whatsapp-cta-desc"
137226
137569
  type="label1"
137227
137570
  >
137228
137571
  <div
137229
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
137572
+ className="CapLabel-n7zsf5-0 bdHnKk"
137230
137573
  type="label1"
137231
137574
  />
137232
137575
  </CapLabel>
@@ -137812,10 +138155,15 @@ exports[`Creatives Whatsapp test/> template message 4`] = `
137812
138155
  visible={false}
137813
138156
  >
137814
138157
  <div
137815
- className="whatsapp-button"
138158
+ className="whatsapp-button-quick-reply"
137816
138159
  key="trigger"
137817
138160
  onMouseEnter={[Function]}
137818
138161
  onMouseLeave={[Function]}
138162
+ style={
138163
+ Object {
138164
+ "marginTop": "24px",
138165
+ }
138166
+ }
137819
138167
  >
137820
138168
  <CapHeading
137821
138169
  type="h4"
@@ -150791,19 +151139,21 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150791
151139
  options={
150792
151140
  Array [
150793
151141
  Object {
150794
- "label": undefined,
151142
+ "label": <CapHeading
151143
+ className="whatsapp-button-none"
151144
+ type="h4"
151145
+ />,
150795
151146
  "value": "NONE",
150796
151147
  },
150797
151148
  Object {
150798
151149
  "label": <React.Fragment>
150799
151150
  <div
150800
- className="whatsapp-button"
151151
+ className="whatsapp-button-cta"
150801
151152
  >
150802
151153
  <CapHeading
150803
151154
  type="h4"
150804
151155
  />
150805
151156
  <CapLabel
150806
- className="whatsapp-cta-desc"
150807
151157
  type="label1"
150808
151158
  />
150809
151159
  </div>
@@ -150816,7 +151166,12 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150816
151166
  placement="bottom"
150817
151167
  >
150818
151168
  <div
150819
- className="whatsapp-button"
151169
+ className="whatsapp-button-quick-reply"
151170
+ style={
151171
+ Object {
151172
+ "marginTop": "24px",
151173
+ }
151174
+ }
150820
151175
  >
150821
151176
  <CapHeading
150822
151177
  type="h4"
@@ -150839,19 +151194,21 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150839
151194
  options={
150840
151195
  Array [
150841
151196
  Object {
150842
- "label": undefined,
151197
+ "label": <CapHeading
151198
+ className="whatsapp-button-none"
151199
+ type="h4"
151200
+ />,
150843
151201
  "value": "NONE",
150844
151202
  },
150845
151203
  Object {
150846
151204
  "label": <React.Fragment>
150847
151205
  <div
150848
- className="whatsapp-button"
151206
+ className="whatsapp-button-cta"
150849
151207
  >
150850
151208
  <CapHeading
150851
151209
  type="h4"
150852
151210
  />
150853
151211
  <CapLabel
150854
- className="whatsapp-cta-desc"
150855
151212
  type="label1"
150856
151213
  />
150857
151214
  </div>
@@ -150864,7 +151221,12 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150864
151221
  placement="bottom"
150865
151222
  >
150866
151223
  <div
150867
- className="whatsapp-button"
151224
+ className="whatsapp-button-quick-reply"
151225
+ style={
151226
+ Object {
151227
+ "marginTop": "24px",
151228
+ }
151229
+ }
150868
151230
  >
150869
151231
  <CapHeading
150870
151232
  type="h4"
@@ -150923,6 +151285,17 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150923
151285
  />
150924
151286
  </span>
150925
151287
  </Checkbox>
151288
+ <span>
151289
+ <CapHeading
151290
+ className="whatsapp-button-none"
151291
+ type="h4"
151292
+ >
151293
+ <div
151294
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
151295
+ type="h4"
151296
+ />
151297
+ </CapHeading>
151298
+ </span>
150926
151299
  </label>
150927
151300
  </Radio>
150928
151301
  <Radio
@@ -150967,7 +151340,7 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150967
151340
  </Checkbox>
150968
151341
  <span>
150969
151342
  <div
150970
- className="whatsapp-button"
151343
+ className="whatsapp-button-cta"
150971
151344
  >
150972
151345
  <CapHeading
150973
151346
  type="h4"
@@ -150978,11 +151351,10 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
150978
151351
  />
150979
151352
  </CapHeading>
150980
151353
  <CapLabel
150981
- className="whatsapp-cta-desc"
150982
151354
  type="label1"
150983
151355
  >
150984
151356
  <div
150985
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
151357
+ className="CapLabel-n7zsf5-0 bdHnKk"
150986
151358
  type="label1"
150987
151359
  />
150988
151360
  </CapLabel>
@@ -151568,10 +151940,15 @@ exports[`Creatives Whatsapp test/> template message 5`] = `
151568
151940
  visible={false}
151569
151941
  >
151570
151942
  <div
151571
- className="whatsapp-button"
151943
+ className="whatsapp-button-quick-reply"
151572
151944
  key="trigger"
151573
151945
  onMouseEnter={[Function]}
151574
151946
  onMouseLeave={[Function]}
151947
+ style={
151948
+ Object {
151949
+ "marginTop": "24px",
151950
+ }
151951
+ }
151575
151952
  >
151576
151953
  <CapHeading
151577
151954
  type="h4"
@@ -164958,19 +165335,21 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
164958
165335
  options={
164959
165336
  Array [
164960
165337
  Object {
164961
- "label": undefined,
165338
+ "label": <CapHeading
165339
+ className="whatsapp-button-none"
165340
+ type="h4"
165341
+ />,
164962
165342
  "value": "NONE",
164963
165343
  },
164964
165344
  Object {
164965
165345
  "label": <React.Fragment>
164966
165346
  <div
164967
- className="whatsapp-button"
165347
+ className="whatsapp-button-cta"
164968
165348
  >
164969
165349
  <CapHeading
164970
165350
  type="h4"
164971
165351
  />
164972
165352
  <CapLabel
164973
- className="whatsapp-cta-desc"
164974
165353
  type="label1"
164975
165354
  />
164976
165355
  </div>
@@ -164983,7 +165362,12 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
164983
165362
  placement="bottom"
164984
165363
  >
164985
165364
  <div
164986
- className="whatsapp-button"
165365
+ className="whatsapp-button-quick-reply"
165366
+ style={
165367
+ Object {
165368
+ "marginTop": "24px",
165369
+ }
165370
+ }
164987
165371
  >
164988
165372
  <CapHeading
164989
165373
  type="h4"
@@ -165006,19 +165390,21 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165006
165390
  options={
165007
165391
  Array [
165008
165392
  Object {
165009
- "label": undefined,
165393
+ "label": <CapHeading
165394
+ className="whatsapp-button-none"
165395
+ type="h4"
165396
+ />,
165010
165397
  "value": "NONE",
165011
165398
  },
165012
165399
  Object {
165013
165400
  "label": <React.Fragment>
165014
165401
  <div
165015
- className="whatsapp-button"
165402
+ className="whatsapp-button-cta"
165016
165403
  >
165017
165404
  <CapHeading
165018
165405
  type="h4"
165019
165406
  />
165020
165407
  <CapLabel
165021
- className="whatsapp-cta-desc"
165022
165408
  type="label1"
165023
165409
  />
165024
165410
  </div>
@@ -165031,7 +165417,12 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165031
165417
  placement="bottom"
165032
165418
  >
165033
165419
  <div
165034
- className="whatsapp-button"
165420
+ className="whatsapp-button-quick-reply"
165421
+ style={
165422
+ Object {
165423
+ "marginTop": "24px",
165424
+ }
165425
+ }
165035
165426
  >
165036
165427
  <CapHeading
165037
165428
  type="h4"
@@ -165090,6 +165481,17 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165090
165481
  />
165091
165482
  </span>
165092
165483
  </Checkbox>
165484
+ <span>
165485
+ <CapHeading
165486
+ className="whatsapp-button-none"
165487
+ type="h4"
165488
+ >
165489
+ <div
165490
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
165491
+ type="h4"
165492
+ />
165493
+ </CapHeading>
165494
+ </span>
165093
165495
  </label>
165094
165496
  </Radio>
165095
165497
  <Radio
@@ -165134,7 +165536,7 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165134
165536
  </Checkbox>
165135
165537
  <span>
165136
165538
  <div
165137
- className="whatsapp-button"
165539
+ className="whatsapp-button-cta"
165138
165540
  >
165139
165541
  <CapHeading
165140
165542
  type="h4"
@@ -165145,11 +165547,10 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165145
165547
  />
165146
165548
  </CapHeading>
165147
165549
  <CapLabel
165148
- className="whatsapp-cta-desc"
165149
165550
  type="label1"
165150
165551
  >
165151
165552
  <div
165152
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
165553
+ className="CapLabel-n7zsf5-0 bdHnKk"
165153
165554
  type="label1"
165154
165555
  />
165155
165556
  </CapLabel>
@@ -165735,10 +166136,15 @@ exports[`Creatives Whatsapp test/> template message 6`] = `
165735
166136
  visible={false}
165736
166137
  >
165737
166138
  <div
165738
- className="whatsapp-button"
166139
+ className="whatsapp-button-quick-reply"
165739
166140
  key="trigger"
165740
166141
  onMouseEnter={[Function]}
165741
166142
  onMouseLeave={[Function]}
166143
+ style={
166144
+ Object {
166145
+ "marginTop": "24px",
166146
+ }
166147
+ }
165742
166148
  >
165743
166149
  <CapHeading
165744
166150
  type="h4"
@@ -179536,19 +179942,21 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179536
179942
  options={
179537
179943
  Array [
179538
179944
  Object {
179539
- "label": undefined,
179945
+ "label": <CapHeading
179946
+ className="whatsapp-button-none"
179947
+ type="h4"
179948
+ />,
179540
179949
  "value": "NONE",
179541
179950
  },
179542
179951
  Object {
179543
179952
  "label": <React.Fragment>
179544
179953
  <div
179545
- className="whatsapp-button"
179954
+ className="whatsapp-button-cta"
179546
179955
  >
179547
179956
  <CapHeading
179548
179957
  type="h4"
179549
179958
  />
179550
179959
  <CapLabel
179551
- className="whatsapp-cta-desc"
179552
179960
  type="label1"
179553
179961
  />
179554
179962
  </div>
@@ -179561,7 +179969,12 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179561
179969
  placement="bottom"
179562
179970
  >
179563
179971
  <div
179564
- className="whatsapp-button"
179972
+ className="whatsapp-button-quick-reply"
179973
+ style={
179974
+ Object {
179975
+ "marginTop": "24px",
179976
+ }
179977
+ }
179565
179978
  >
179566
179979
  <CapHeading
179567
179980
  type="h4"
@@ -179584,19 +179997,21 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179584
179997
  options={
179585
179998
  Array [
179586
179999
  Object {
179587
- "label": undefined,
180000
+ "label": <CapHeading
180001
+ className="whatsapp-button-none"
180002
+ type="h4"
180003
+ />,
179588
180004
  "value": "NONE",
179589
180005
  },
179590
180006
  Object {
179591
180007
  "label": <React.Fragment>
179592
180008
  <div
179593
- className="whatsapp-button"
180009
+ className="whatsapp-button-cta"
179594
180010
  >
179595
180011
  <CapHeading
179596
180012
  type="h4"
179597
180013
  />
179598
180014
  <CapLabel
179599
- className="whatsapp-cta-desc"
179600
180015
  type="label1"
179601
180016
  />
179602
180017
  </div>
@@ -179609,7 +180024,12 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179609
180024
  placement="bottom"
179610
180025
  >
179611
180026
  <div
179612
- className="whatsapp-button"
180027
+ className="whatsapp-button-quick-reply"
180028
+ style={
180029
+ Object {
180030
+ "marginTop": "24px",
180031
+ }
180032
+ }
179613
180033
  >
179614
180034
  <CapHeading
179615
180035
  type="h4"
@@ -179668,6 +180088,17 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179668
180088
  />
179669
180089
  </span>
179670
180090
  </Checkbox>
180091
+ <span>
180092
+ <CapHeading
180093
+ className="whatsapp-button-none"
180094
+ type="h4"
180095
+ >
180096
+ <div
180097
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
180098
+ type="h4"
180099
+ />
180100
+ </CapHeading>
180101
+ </span>
179671
180102
  </label>
179672
180103
  </Radio>
179673
180104
  <Radio
@@ -179712,7 +180143,7 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179712
180143
  </Checkbox>
179713
180144
  <span>
179714
180145
  <div
179715
- className="whatsapp-button"
180146
+ className="whatsapp-button-cta"
179716
180147
  >
179717
180148
  <CapHeading
179718
180149
  type="h4"
@@ -179723,11 +180154,10 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
179723
180154
  />
179724
180155
  </CapHeading>
179725
180156
  <CapLabel
179726
- className="whatsapp-cta-desc"
179727
180157
  type="label1"
179728
180158
  >
179729
180159
  <div
179730
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
180160
+ className="CapLabel-n7zsf5-0 bdHnKk"
179731
180161
  type="label1"
179732
180162
  />
179733
180163
  </CapLabel>
@@ -180313,10 +180743,15 @@ exports[`Creatives Whatsapp test/> template message 7`] = `
180313
180743
  visible={false}
180314
180744
  >
180315
180745
  <div
180316
- className="whatsapp-button"
180746
+ className="whatsapp-button-quick-reply"
180317
180747
  key="trigger"
180318
180748
  onMouseEnter={[Function]}
180319
180749
  onMouseLeave={[Function]}
180750
+ style={
180751
+ Object {
180752
+ "marginTop": "24px",
180753
+ }
180754
+ }
180320
180755
  >
180321
180756
  <CapHeading
180322
180757
  type="h4"
@@ -194525,19 +194960,21 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194525
194960
  options={
194526
194961
  Array [
194527
194962
  Object {
194528
- "label": undefined,
194963
+ "label": <CapHeading
194964
+ className="whatsapp-button-none"
194965
+ type="h4"
194966
+ />,
194529
194967
  "value": "NONE",
194530
194968
  },
194531
194969
  Object {
194532
194970
  "label": <React.Fragment>
194533
194971
  <div
194534
- className="whatsapp-button"
194972
+ className="whatsapp-button-cta"
194535
194973
  >
194536
194974
  <CapHeading
194537
194975
  type="h4"
194538
194976
  />
194539
194977
  <CapLabel
194540
- className="whatsapp-cta-desc"
194541
194978
  type="label1"
194542
194979
  />
194543
194980
  </div>
@@ -194550,7 +194987,12 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194550
194987
  placement="bottom"
194551
194988
  >
194552
194989
  <div
194553
- className="whatsapp-button"
194990
+ className="whatsapp-button-quick-reply"
194991
+ style={
194992
+ Object {
194993
+ "marginTop": "24px",
194994
+ }
194995
+ }
194554
194996
  >
194555
194997
  <CapHeading
194556
194998
  type="h4"
@@ -194573,19 +195015,21 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194573
195015
  options={
194574
195016
  Array [
194575
195017
  Object {
194576
- "label": undefined,
195018
+ "label": <CapHeading
195019
+ className="whatsapp-button-none"
195020
+ type="h4"
195021
+ />,
194577
195022
  "value": "NONE",
194578
195023
  },
194579
195024
  Object {
194580
195025
  "label": <React.Fragment>
194581
195026
  <div
194582
- className="whatsapp-button"
195027
+ className="whatsapp-button-cta"
194583
195028
  >
194584
195029
  <CapHeading
194585
195030
  type="h4"
194586
195031
  />
194587
195032
  <CapLabel
194588
- className="whatsapp-cta-desc"
194589
195033
  type="label1"
194590
195034
  />
194591
195035
  </div>
@@ -194598,7 +195042,12 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194598
195042
  placement="bottom"
194599
195043
  >
194600
195044
  <div
194601
- className="whatsapp-button"
195045
+ className="whatsapp-button-quick-reply"
195046
+ style={
195047
+ Object {
195048
+ "marginTop": "24px",
195049
+ }
195050
+ }
194602
195051
  >
194603
195052
  <CapHeading
194604
195053
  type="h4"
@@ -194657,6 +195106,17 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194657
195106
  />
194658
195107
  </span>
194659
195108
  </Checkbox>
195109
+ <span>
195110
+ <CapHeading
195111
+ className="whatsapp-button-none"
195112
+ type="h4"
195113
+ >
195114
+ <div
195115
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
195116
+ type="h4"
195117
+ />
195118
+ </CapHeading>
195119
+ </span>
194660
195120
  </label>
194661
195121
  </Radio>
194662
195122
  <Radio
@@ -194701,7 +195161,7 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194701
195161
  </Checkbox>
194702
195162
  <span>
194703
195163
  <div
194704
- className="whatsapp-button"
195164
+ className="whatsapp-button-cta"
194705
195165
  >
194706
195166
  <CapHeading
194707
195167
  type="h4"
@@ -194712,11 +195172,10 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
194712
195172
  />
194713
195173
  </CapHeading>
194714
195174
  <CapLabel
194715
- className="whatsapp-cta-desc"
194716
195175
  type="label1"
194717
195176
  >
194718
195177
  <div
194719
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
195178
+ className="CapLabel-n7zsf5-0 bdHnKk"
194720
195179
  type="label1"
194721
195180
  />
194722
195181
  </CapLabel>
@@ -195302,10 +195761,15 @@ exports[`Creatives Whatsapp test/> template message 8`] = `
195302
195761
  visible={false}
195303
195762
  >
195304
195763
  <div
195305
- className="whatsapp-button"
195764
+ className="whatsapp-button-quick-reply"
195306
195765
  key="trigger"
195307
195766
  onMouseEnter={[Function]}
195308
195767
  onMouseLeave={[Function]}
195768
+ style={
195769
+ Object {
195770
+ "marginTop": "24px",
195771
+ }
195772
+ }
195309
195773
  >
195310
195774
  <CapHeading
195311
195775
  type="h4"
@@ -206657,19 +207121,21 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206657
207121
  options={
206658
207122
  Array [
206659
207123
  Object {
206660
- "label": undefined,
207124
+ "label": <CapHeading
207125
+ className="whatsapp-button-none"
207126
+ type="h4"
207127
+ />,
206661
207128
  "value": "NONE",
206662
207129
  },
206663
207130
  Object {
206664
207131
  "label": <React.Fragment>
206665
207132
  <div
206666
- className="whatsapp-button"
207133
+ className="whatsapp-button-cta"
206667
207134
  >
206668
207135
  <CapHeading
206669
207136
  type="h4"
206670
207137
  />
206671
207138
  <CapLabel
206672
- className="whatsapp-cta-desc"
206673
207139
  type="label1"
206674
207140
  />
206675
207141
  </div>
@@ -206682,7 +207148,12 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206682
207148
  placement="bottom"
206683
207149
  >
206684
207150
  <div
206685
- className="whatsapp-button"
207151
+ className="whatsapp-button-quick-reply"
207152
+ style={
207153
+ Object {
207154
+ "marginTop": "24px",
207155
+ }
207156
+ }
206686
207157
  >
206687
207158
  <CapHeading
206688
207159
  type="h4"
@@ -206705,19 +207176,21 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206705
207176
  options={
206706
207177
  Array [
206707
207178
  Object {
206708
- "label": undefined,
207179
+ "label": <CapHeading
207180
+ className="whatsapp-button-none"
207181
+ type="h4"
207182
+ />,
206709
207183
  "value": "NONE",
206710
207184
  },
206711
207185
  Object {
206712
207186
  "label": <React.Fragment>
206713
207187
  <div
206714
- className="whatsapp-button"
207188
+ className="whatsapp-button-cta"
206715
207189
  >
206716
207190
  <CapHeading
206717
207191
  type="h4"
206718
207192
  />
206719
207193
  <CapLabel
206720
- className="whatsapp-cta-desc"
206721
207194
  type="label1"
206722
207195
  />
206723
207196
  </div>
@@ -206730,7 +207203,12 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206730
207203
  placement="bottom"
206731
207204
  >
206732
207205
  <div
206733
- className="whatsapp-button"
207206
+ className="whatsapp-button-quick-reply"
207207
+ style={
207208
+ Object {
207209
+ "marginTop": "24px",
207210
+ }
207211
+ }
206734
207212
  >
206735
207213
  <CapHeading
206736
207214
  type="h4"
@@ -206789,6 +207267,17 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206789
207267
  />
206790
207268
  </span>
206791
207269
  </Checkbox>
207270
+ <span>
207271
+ <CapHeading
207272
+ className="whatsapp-button-none"
207273
+ type="h4"
207274
+ >
207275
+ <div
207276
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
207277
+ type="h4"
207278
+ />
207279
+ </CapHeading>
207280
+ </span>
206792
207281
  </label>
206793
207282
  </Radio>
206794
207283
  <Radio
@@ -206833,7 +207322,7 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206833
207322
  </Checkbox>
206834
207323
  <span>
206835
207324
  <div
206836
- className="whatsapp-button"
207325
+ className="whatsapp-button-cta"
206837
207326
  >
206838
207327
  <CapHeading
206839
207328
  type="h4"
@@ -206844,11 +207333,10 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
206844
207333
  />
206845
207334
  </CapHeading>
206846
207335
  <CapLabel
206847
- className="whatsapp-cta-desc"
206848
207336
  type="label1"
206849
207337
  >
206850
207338
  <div
206851
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
207339
+ className="CapLabel-n7zsf5-0 bdHnKk"
206852
207340
  type="label1"
206853
207341
  />
206854
207342
  </CapLabel>
@@ -207434,10 +207922,15 @@ exports[`Creatives Whatsapp test/> template name change 1`] = `
207434
207922
  visible={false}
207435
207923
  >
207436
207924
  <div
207437
- className="whatsapp-button"
207925
+ className="whatsapp-button-quick-reply"
207438
207926
  key="trigger"
207439
207927
  onMouseEnter={[Function]}
207440
207928
  onMouseLeave={[Function]}
207929
+ style={
207930
+ Object {
207931
+ "marginTop": "24px",
207932
+ }
207933
+ }
207441
207934
  >
207442
207935
  <CapHeading
207443
207936
  type="h4"
@@ -219195,19 +219688,21 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219195
219688
  options={
219196
219689
  Array [
219197
219690
  Object {
219198
- "label": undefined,
219691
+ "label": <CapHeading
219692
+ className="whatsapp-button-none"
219693
+ type="h4"
219694
+ />,
219199
219695
  "value": "NONE",
219200
219696
  },
219201
219697
  Object {
219202
219698
  "label": <React.Fragment>
219203
219699
  <div
219204
- className="whatsapp-button"
219700
+ className="whatsapp-button-cta"
219205
219701
  >
219206
219702
  <CapHeading
219207
219703
  type="h4"
219208
219704
  />
219209
219705
  <CapLabel
219210
- className="whatsapp-cta-desc"
219211
219706
  type="label1"
219212
219707
  />
219213
219708
  </div>
@@ -219220,7 +219715,12 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219220
219715
  placement="bottom"
219221
219716
  >
219222
219717
  <div
219223
- className="whatsapp-button"
219718
+ className="whatsapp-button-quick-reply"
219719
+ style={
219720
+ Object {
219721
+ "marginTop": "24px",
219722
+ }
219723
+ }
219224
219724
  >
219225
219725
  <CapHeading
219226
219726
  type="h4"
@@ -219243,19 +219743,21 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219243
219743
  options={
219244
219744
  Array [
219245
219745
  Object {
219246
- "label": undefined,
219746
+ "label": <CapHeading
219747
+ className="whatsapp-button-none"
219748
+ type="h4"
219749
+ />,
219247
219750
  "value": "NONE",
219248
219751
  },
219249
219752
  Object {
219250
219753
  "label": <React.Fragment>
219251
219754
  <div
219252
- className="whatsapp-button"
219755
+ className="whatsapp-button-cta"
219253
219756
  >
219254
219757
  <CapHeading
219255
219758
  type="h4"
219256
219759
  />
219257
219760
  <CapLabel
219258
- className="whatsapp-cta-desc"
219259
219761
  type="label1"
219260
219762
  />
219261
219763
  </div>
@@ -219268,7 +219770,12 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219268
219770
  placement="bottom"
219269
219771
  >
219270
219772
  <div
219271
- className="whatsapp-button"
219773
+ className="whatsapp-button-quick-reply"
219774
+ style={
219775
+ Object {
219776
+ "marginTop": "24px",
219777
+ }
219778
+ }
219272
219779
  >
219273
219780
  <CapHeading
219274
219781
  type="h4"
@@ -219327,6 +219834,17 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219327
219834
  />
219328
219835
  </span>
219329
219836
  </Checkbox>
219837
+ <span>
219838
+ <CapHeading
219839
+ className="whatsapp-button-none"
219840
+ type="h4"
219841
+ >
219842
+ <div
219843
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
219844
+ type="h4"
219845
+ />
219846
+ </CapHeading>
219847
+ </span>
219330
219848
  </label>
219331
219849
  </Radio>
219332
219850
  <Radio
@@ -219371,7 +219889,7 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219371
219889
  </Checkbox>
219372
219890
  <span>
219373
219891
  <div
219374
- className="whatsapp-button"
219892
+ className="whatsapp-button-cta"
219375
219893
  >
219376
219894
  <CapHeading
219377
219895
  type="h4"
@@ -219382,11 +219900,10 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219382
219900
  />
219383
219901
  </CapHeading>
219384
219902
  <CapLabel
219385
- className="whatsapp-cta-desc"
219386
219903
  type="label1"
219387
219904
  >
219388
219905
  <div
219389
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
219906
+ className="CapLabel-n7zsf5-0 bdHnKk"
219390
219907
  type="label1"
219391
219908
  />
219392
219909
  </CapLabel>
@@ -219972,10 +220489,15 @@ exports[`Creatives Whatsapp test/> template name change 2`] = `
219972
220489
  visible={false}
219973
220490
  >
219974
220491
  <div
219975
- className="whatsapp-button"
220492
+ className="whatsapp-button-quick-reply"
219976
220493
  key="trigger"
219977
220494
  onMouseEnter={[Function]}
219978
220495
  onMouseLeave={[Function]}
220496
+ style={
220497
+ Object {
220498
+ "marginTop": "24px",
220499
+ }
220500
+ }
219979
220501
  >
219980
220502
  <CapHeading
219981
220503
  type="h4"
@@ -232154,19 +232676,21 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232154
232676
  options={
232155
232677
  Array [
232156
232678
  Object {
232157
- "label": undefined,
232679
+ "label": <CapHeading
232680
+ className="whatsapp-button-none"
232681
+ type="h4"
232682
+ />,
232158
232683
  "value": "NONE",
232159
232684
  },
232160
232685
  Object {
232161
232686
  "label": <React.Fragment>
232162
232687
  <div
232163
- className="whatsapp-button"
232688
+ className="whatsapp-button-cta"
232164
232689
  >
232165
232690
  <CapHeading
232166
232691
  type="h4"
232167
232692
  />
232168
232693
  <CapLabel
232169
- className="whatsapp-cta-desc"
232170
232694
  type="label1"
232171
232695
  />
232172
232696
  </div>
@@ -232179,7 +232703,12 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232179
232703
  placement="bottom"
232180
232704
  >
232181
232705
  <div
232182
- className="whatsapp-button"
232706
+ className="whatsapp-button-quick-reply"
232707
+ style={
232708
+ Object {
232709
+ "marginTop": "24px",
232710
+ }
232711
+ }
232183
232712
  >
232184
232713
  <CapHeading
232185
232714
  type="h4"
@@ -232202,19 +232731,21 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232202
232731
  options={
232203
232732
  Array [
232204
232733
  Object {
232205
- "label": undefined,
232734
+ "label": <CapHeading
232735
+ className="whatsapp-button-none"
232736
+ type="h4"
232737
+ />,
232206
232738
  "value": "NONE",
232207
232739
  },
232208
232740
  Object {
232209
232741
  "label": <React.Fragment>
232210
232742
  <div
232211
- className="whatsapp-button"
232743
+ className="whatsapp-button-cta"
232212
232744
  >
232213
232745
  <CapHeading
232214
232746
  type="h4"
232215
232747
  />
232216
232748
  <CapLabel
232217
- className="whatsapp-cta-desc"
232218
232749
  type="label1"
232219
232750
  />
232220
232751
  </div>
@@ -232227,7 +232758,12 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232227
232758
  placement="bottom"
232228
232759
  >
232229
232760
  <div
232230
- className="whatsapp-button"
232761
+ className="whatsapp-button-quick-reply"
232762
+ style={
232763
+ Object {
232764
+ "marginTop": "24px",
232765
+ }
232766
+ }
232231
232767
  >
232232
232768
  <CapHeading
232233
232769
  type="h4"
@@ -232286,6 +232822,17 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232286
232822
  />
232287
232823
  </span>
232288
232824
  </Checkbox>
232825
+ <span>
232826
+ <CapHeading
232827
+ className="whatsapp-button-none"
232828
+ type="h4"
232829
+ >
232830
+ <div
232831
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
232832
+ type="h4"
232833
+ />
232834
+ </CapHeading>
232835
+ </span>
232289
232836
  </label>
232290
232837
  </Radio>
232291
232838
  <Radio
@@ -232330,7 +232877,7 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232330
232877
  </Checkbox>
232331
232878
  <span>
232332
232879
  <div
232333
- className="whatsapp-button"
232880
+ className="whatsapp-button-cta"
232334
232881
  >
232335
232882
  <CapHeading
232336
232883
  type="h4"
@@ -232341,11 +232888,10 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232341
232888
  />
232342
232889
  </CapHeading>
232343
232890
  <CapLabel
232344
- className="whatsapp-cta-desc"
232345
232891
  type="label1"
232346
232892
  >
232347
232893
  <div
232348
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
232894
+ className="CapLabel-n7zsf5-0 bdHnKk"
232349
232895
  type="label1"
232350
232896
  />
232351
232897
  </CapLabel>
@@ -232931,10 +233477,15 @@ exports[`Creatives Whatsapp test/> template name change 3`] = `
232931
233477
  visible={false}
232932
233478
  >
232933
233479
  <div
232934
- className="whatsapp-button"
233480
+ className="whatsapp-button-quick-reply"
232935
233481
  key="trigger"
232936
233482
  onMouseEnter={[Function]}
232937
233483
  onMouseLeave={[Function]}
233484
+ style={
233485
+ Object {
233486
+ "marginTop": "24px",
233487
+ }
233488
+ }
232938
233489
  >
232939
233490
  <CapHeading
232940
233491
  type="h4"
@@ -245076,19 +245627,21 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245076
245627
  options={
245077
245628
  Array [
245078
245629
  Object {
245079
- "label": undefined,
245630
+ "label": <CapHeading
245631
+ className="whatsapp-button-none"
245632
+ type="h4"
245633
+ />,
245080
245634
  "value": "NONE",
245081
245635
  },
245082
245636
  Object {
245083
245637
  "label": <React.Fragment>
245084
245638
  <div
245085
- className="whatsapp-button"
245639
+ className="whatsapp-button-cta"
245086
245640
  >
245087
245641
  <CapHeading
245088
245642
  type="h4"
245089
245643
  />
245090
245644
  <CapLabel
245091
- className="whatsapp-cta-desc"
245092
245645
  type="label1"
245093
245646
  />
245094
245647
  </div>
@@ -245101,7 +245654,12 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245101
245654
  placement="bottom"
245102
245655
  >
245103
245656
  <div
245104
- className="whatsapp-button"
245657
+ className="whatsapp-button-quick-reply"
245658
+ style={
245659
+ Object {
245660
+ "marginTop": "24px",
245661
+ }
245662
+ }
245105
245663
  >
245106
245664
  <CapHeading
245107
245665
  type="h4"
@@ -245124,19 +245682,21 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245124
245682
  options={
245125
245683
  Array [
245126
245684
  Object {
245127
- "label": undefined,
245685
+ "label": <CapHeading
245686
+ className="whatsapp-button-none"
245687
+ type="h4"
245688
+ />,
245128
245689
  "value": "NONE",
245129
245690
  },
245130
245691
  Object {
245131
245692
  "label": <React.Fragment>
245132
245693
  <div
245133
- className="whatsapp-button"
245694
+ className="whatsapp-button-cta"
245134
245695
  >
245135
245696
  <CapHeading
245136
245697
  type="h4"
245137
245698
  />
245138
245699
  <CapLabel
245139
- className="whatsapp-cta-desc"
245140
245700
  type="label1"
245141
245701
  />
245142
245702
  </div>
@@ -245149,7 +245709,12 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245149
245709
  placement="bottom"
245150
245710
  >
245151
245711
  <div
245152
- className="whatsapp-button"
245712
+ className="whatsapp-button-quick-reply"
245713
+ style={
245714
+ Object {
245715
+ "marginTop": "24px",
245716
+ }
245717
+ }
245153
245718
  >
245154
245719
  <CapHeading
245155
245720
  type="h4"
@@ -245208,6 +245773,17 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245208
245773
  />
245209
245774
  </span>
245210
245775
  </Checkbox>
245776
+ <span>
245777
+ <CapHeading
245778
+ className="whatsapp-button-none"
245779
+ type="h4"
245780
+ >
245781
+ <div
245782
+ className="whatsapp-button-none CapHeading-vrvcag-0 hlVFZb"
245783
+ type="h4"
245784
+ />
245785
+ </CapHeading>
245786
+ </span>
245211
245787
  </label>
245212
245788
  </Radio>
245213
245789
  <Radio
@@ -245252,7 +245828,7 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245252
245828
  </Checkbox>
245253
245829
  <span>
245254
245830
  <div
245255
- className="whatsapp-button"
245831
+ className="whatsapp-button-cta"
245256
245832
  >
245257
245833
  <CapHeading
245258
245834
  type="h4"
@@ -245263,11 +245839,10 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245263
245839
  />
245264
245840
  </CapHeading>
245265
245841
  <CapLabel
245266
- className="whatsapp-cta-desc"
245267
245842
  type="label1"
245268
245843
  >
245269
245844
  <div
245270
- className="whatsapp-cta-desc CapLabel-n7zsf5-0 bdHnKk"
245845
+ className="CapLabel-n7zsf5-0 bdHnKk"
245271
245846
  type="label1"
245272
245847
  />
245273
245848
  </CapLabel>
@@ -245853,10 +246428,15 @@ exports[`Creatives Whatsapp test/> test addVariable in create mode 1`] = `
245853
246428
  visible={false}
245854
246429
  >
245855
246430
  <div
245856
- className="whatsapp-button"
246431
+ className="whatsapp-button-quick-reply"
245857
246432
  key="trigger"
245858
246433
  onMouseEnter={[Function]}
245859
246434
  onMouseLeave={[Function]}
246435
+ style={
246436
+ Object {
246437
+ "marginTop": "24px",
246438
+ }
246439
+ }
245860
246440
  >
245861
246441
  <CapHeading
245862
246442
  type="h4"