@capillarytech/creatives-library 8.0.340-beta.0.10 → 8.0.340-beta.0.12

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 (26) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CommonTestAndPreview/UnifiedPreview/PreviewHeader.js +16 -0
  3. package/v2Components/CommonTestAndPreview/UnifiedPreview/WebPushPreviewContent.js +169 -0
  4. package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss +54 -0
  5. package/v2Components/CommonTestAndPreview/UnifiedPreview/index.js +53 -7
  6. package/v2Components/CommonTestAndPreview/constants.js +2 -0
  7. package/v2Components/CommonTestAndPreview/index.js +51 -2
  8. package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/PreviewHeader.test.js +163 -0
  9. package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/WebPushPreviewContent.test.js +522 -0
  10. package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/index.test.js +255 -0
  11. package/v2Components/CommonTestAndPreview/tests/constants.test.js +2 -1
  12. package/v2Components/CommonTestAndPreview/tests/index.test.js +194 -0
  13. package/v2Components/FormBuilder/index.js +162 -52
  14. package/v2Components/TestAndPreviewSlidebox/index.js +2 -2
  15. package/v2Containers/App/constants.js +3 -0
  16. package/v2Containers/App/tests/constants.test.js +61 -0
  17. package/v2Containers/CreativesContainer/index.js +60 -24
  18. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +24 -36
  19. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +6 -9
  20. package/v2Containers/Templates/index.js +72 -2
  21. package/v2Containers/Templates/tests/webpush.test.js +375 -0
  22. package/v2Containers/WebPush/Create/index.js +91 -8
  23. package/v2Containers/WebPush/Create/index.scss +9 -0
  24. package/v2Containers/WebPush/Create/tests/getTemplateContent.test.js +348 -0
  25. package/v2Containers/WebPush/Create/tests/testAndPreviewIntegration.test.js +325 -0
  26. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +68 -102
@@ -12870,18 +12870,17 @@ new message content.",
12870
12870
  >
12871
12871
  <CapRow
12872
12872
  className="preview-content-container preview-content-container-no-header"
12873
- useLegacy={true}
12874
12873
  >
12875
12874
  <Row
12876
12875
  align="top"
12877
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
12876
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
12878
12877
  gutter={0}
12879
12878
  justify="start"
12880
12879
  style={Object {}}
12881
12880
  wrap={true}
12882
12881
  >
12883
12882
  <div
12884
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
12883
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
12885
12884
  style={
12886
12885
  Object {
12887
12886
  "rowGap": undefined,
@@ -34401,18 +34400,17 @@ new message content.",
34401
34400
  >
34402
34401
  <CapRow
34403
34402
  className="preview-content-container preview-content-container-no-header"
34404
- useLegacy={true}
34405
34403
  >
34406
34404
  <Row
34407
34405
  align="top"
34408
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
34406
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
34409
34407
  gutter={0}
34410
34408
  justify="start"
34411
34409
  style={Object {}}
34412
34410
  wrap={true}
34413
34411
  >
34414
34412
  <div
34415
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
34413
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
34416
34414
  style={
34417
34415
  Object {
34418
34416
  "rowGap": undefined,
@@ -56695,18 +56693,17 @@ new message content.",
56695
56693
  >
56696
56694
  <CapRow
56697
56695
  className="preview-content-container preview-content-container-no-header"
56698
- useLegacy={true}
56699
56696
  >
56700
56697
  <Row
56701
56698
  align="top"
56702
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
56699
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
56703
56700
  gutter={0}
56704
56701
  justify="start"
56705
56702
  style={Object {}}
56706
56703
  wrap={true}
56707
56704
  >
56708
56705
  <div
56709
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
56706
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
56710
56707
  style={
56711
56708
  Object {
56712
56709
  "rowGap": undefined,
@@ -81017,18 +81014,17 @@ new message content.",
81017
81014
  >
81018
81015
  <CapRow
81019
81016
  className="preview-content-container preview-content-container-no-header"
81020
- useLegacy={true}
81021
81017
  >
81022
81018
  <Row
81023
81019
  align="top"
81024
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
81020
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
81025
81021
  gutter={0}
81026
81022
  justify="start"
81027
81023
  style={Object {}}
81028
81024
  wrap={true}
81029
81025
  >
81030
81026
  <div
81031
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
81027
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
81032
81028
  style={
81033
81029
  Object {
81034
81030
  "rowGap": undefined,
@@ -102176,18 +102172,17 @@ undefined",
102176
102172
  >
102177
102173
  <CapRow
102178
102174
  className="preview-content-container preview-content-container-no-header"
102179
- useLegacy={true}
102180
102175
  >
102181
102176
  <Row
102182
102177
  align="top"
102183
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
102178
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
102184
102179
  gutter={0}
102185
102180
  justify="start"
102186
102181
  style={Object {}}
102187
102182
  wrap={true}
102188
102183
  >
102189
102184
  <div
102190
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
102185
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
102191
102186
  style={
102192
102187
  Object {
102193
102188
  "rowGap": undefined,
@@ -121812,18 +121807,17 @@ new message content.",
121812
121807
  >
121813
121808
  <CapRow
121814
121809
  className="preview-content-container preview-content-container-no-header"
121815
- useLegacy={true}
121816
121810
  >
121817
121811
  <Row
121818
121812
  align="top"
121819
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
121813
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
121820
121814
  gutter={0}
121821
121815
  justify="start"
121822
121816
  style={Object {}}
121823
121817
  wrap={true}
121824
121818
  >
121825
121819
  <div
121826
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
121820
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
121827
121821
  style={
121828
121822
  Object {
121829
121823
  "rowGap": undefined,
@@ -144687,18 +144681,17 @@ new message content.",
144687
144681
  >
144688
144682
  <CapRow
144689
144683
  className="preview-content-container preview-content-container-no-header"
144690
- useLegacy={true}
144691
144684
  >
144692
144685
  <Row
144693
144686
  align="top"
144694
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
144687
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
144695
144688
  gutter={0}
144696
144689
  justify="start"
144697
144690
  style={Object {}}
144698
144691
  wrap={true}
144699
144692
  >
144700
144693
  <div
144701
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
144694
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
144702
144695
  style={
144703
144696
  Object {
144704
144697
  "rowGap": undefined,
@@ -168997,18 +168990,17 @@ new message content.",
168997
168990
  >
168998
168991
  <CapRow
168999
168992
  className="preview-content-container preview-content-container-no-header"
169000
- useLegacy={true}
169001
168993
  >
169002
168994
  <Row
169003
168995
  align="top"
169004
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
168996
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
169005
168997
  gutter={0}
169006
168998
  justify="start"
169007
168999
  style={Object {}}
169008
169000
  wrap={true}
169009
169001
  >
169010
169002
  <div
169011
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
169003
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
169012
169004
  style={
169013
169005
  Object {
169014
169006
  "rowGap": undefined,
@@ -195335,18 +195327,17 @@ new message content.",
195335
195327
  >
195336
195328
  <CapRow
195337
195329
  className="preview-content-container preview-content-container-no-header"
195338
- useLegacy={true}
195339
195330
  >
195340
195331
  <Row
195341
195332
  align="top"
195342
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
195333
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
195343
195334
  gutter={0}
195344
195335
  justify="start"
195345
195336
  style={Object {}}
195346
195337
  wrap={true}
195347
195338
  >
195348
195339
  <div
195349
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
195340
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
195350
195341
  style={
195351
195342
  Object {
195352
195343
  "rowGap": undefined,
@@ -223104,18 +223095,17 @@ new message content.",
223104
223095
  >
223105
223096
  <CapRow
223106
223097
  className="preview-content-container preview-content-container-no-header"
223107
- useLegacy={true}
223108
223098
  >
223109
223099
  <Row
223110
223100
  align="top"
223111
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
223101
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
223112
223102
  gutter={0}
223113
223103
  justify="start"
223114
223104
  style={Object {}}
223115
223105
  wrap={true}
223116
223106
  >
223117
223107
  <div
223118
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
223108
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
223119
223109
  style={
223120
223110
  Object {
223121
223111
  "rowGap": undefined,
@@ -240301,18 +240291,17 @@ undefined",
240301
240291
  >
240302
240292
  <CapRow
240303
240293
  className="preview-content-container preview-content-container-no-header"
240304
- useLegacy={true}
240305
240294
  >
240306
240295
  <Row
240307
240296
  align="top"
240308
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
240297
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
240309
240298
  gutter={0}
240310
240299
  justify="start"
240311
240300
  style={Object {}}
240312
240301
  wrap={true}
240313
240302
  >
240314
240303
  <div
240315
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
240304
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
240316
240305
  style={
240317
240306
  Object {
240318
240307
  "rowGap": undefined,
@@ -254491,18 +254480,17 @@ T&C'",
254491
254480
  >
254492
254481
  <CapRow
254493
254482
  className="preview-content-container preview-content-container-no-header"
254494
- useLegacy={true}
254495
254483
  >
254496
254484
  <Row
254497
254485
  align="top"
254498
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
254486
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
254499
254487
  gutter={0}
254500
254488
  justify="start"
254501
254489
  style={Object {}}
254502
254490
  wrap={true}
254503
254491
  >
254504
254492
  <div
254505
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
254493
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
254506
254494
  style={
254507
254495
  Object {
254508
254496
  "rowGap": undefined,
@@ -270352,18 +270340,17 @@ new message content.",
270352
270340
  >
270353
270341
  <CapRow
270354
270342
  className="preview-content-container preview-content-container-no-header"
270355
- useLegacy={true}
270356
270343
  >
270357
270344
  <Row
270358
270345
  align="top"
270359
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
270346
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
270360
270347
  gutter={0}
270361
270348
  justify="start"
270362
270349
  style={Object {}}
270363
270350
  wrap={true}
270364
270351
  >
270365
270352
  <div
270366
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
270353
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
270367
270354
  style={
270368
270355
  Object {
270369
270356
  "rowGap": undefined,
@@ -293134,18 +293121,17 @@ undefined",
293134
293121
  >
293135
293122
  <CapRow
293136
293123
  className="preview-content-container preview-content-container-no-header"
293137
- useLegacy={true}
293138
293124
  >
293139
293125
  <Row
293140
293126
  align="top"
293141
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
293127
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
293142
293128
  gutter={0}
293143
293129
  justify="start"
293144
293130
  style={Object {}}
293145
293131
  wrap={true}
293146
293132
  >
293147
293133
  <div
293148
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
293134
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
293149
293135
  style={
293150
293136
  Object {
293151
293137
  "rowGap": undefined,
@@ -319913,18 +319899,17 @@ undefined",
319913
319899
  >
319914
319900
  <CapRow
319915
319901
  className="preview-content-container preview-content-container-no-header"
319916
- useLegacy={true}
319917
319902
  >
319918
319903
  <Row
319919
319904
  align="top"
319920
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
319905
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
319921
319906
  gutter={0}
319922
319907
  justify="start"
319923
319908
  style={Object {}}
319924
319909
  wrap={true}
319925
319910
  >
319926
319911
  <div
319927
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
319912
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
319928
319913
  style={
319929
319914
  Object {
319930
319915
  "rowGap": undefined,
@@ -339712,18 +339697,17 @@ new message content.",
339712
339697
  >
339713
339698
  <CapRow
339714
339699
  className="preview-content-container preview-content-container-no-header"
339715
- useLegacy={true}
339716
339700
  >
339717
339701
  <Row
339718
339702
  align="top"
339719
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
339703
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
339720
339704
  gutter={0}
339721
339705
  justify="start"
339722
339706
  style={Object {}}
339723
339707
  wrap={true}
339724
339708
  >
339725
339709
  <div
339726
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
339710
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
339727
339711
  style={
339728
339712
  Object {
339729
339713
  "rowGap": undefined,
@@ -359689,18 +359673,17 @@ new message content.",
359689
359673
  >
359690
359674
  <CapRow
359691
359675
  className="preview-content-container preview-content-container-no-header"
359692
- useLegacy={true}
359693
359676
  >
359694
359677
  <Row
359695
359678
  align="top"
359696
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
359679
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
359697
359680
  gutter={0}
359698
359681
  justify="start"
359699
359682
  style={Object {}}
359700
359683
  wrap={true}
359701
359684
  >
359702
359685
  <div
359703
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
359686
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
359704
359687
  style={
359705
359688
  Object {
359706
359689
  "rowGap": undefined,
@@ -382564,18 +382547,17 @@ new message content.",
382564
382547
  >
382565
382548
  <CapRow
382566
382549
  className="preview-content-container preview-content-container-no-header"
382567
- useLegacy={true}
382568
382550
  >
382569
382551
  <Row
382570
382552
  align="top"
382571
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
382553
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
382572
382554
  gutter={0}
382573
382555
  justify="start"
382574
382556
  style={Object {}}
382575
382557
  wrap={true}
382576
382558
  >
382577
382559
  <div
382578
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
382560
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
382579
382561
  style={
382580
382562
  Object {
382581
382563
  "rowGap": undefined,
@@ -402594,18 +402576,17 @@ new message content.",
402594
402576
  >
402595
402577
  <CapRow
402596
402578
  className="preview-content-container preview-content-container-no-header"
402597
- useLegacy={true}
402598
402579
  >
402599
402580
  <Row
402600
402581
  align="top"
402601
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
402582
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
402602
402583
  gutter={0}
402603
402584
  justify="start"
402604
402585
  style={Object {}}
402605
402586
  wrap={true}
402606
402587
  >
402607
402588
  <div
402608
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
402589
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
402609
402590
  style={
402610
402591
  Object {
402611
402592
  "rowGap": undefined,
@@ -422439,18 +422420,17 @@ new message content.",
422439
422420
  >
422440
422421
  <CapRow
422441
422422
  className="preview-content-container preview-content-container-no-header"
422442
- useLegacy={true}
422443
422423
  >
422444
422424
  <Row
422445
422425
  align="top"
422446
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
422426
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
422447
422427
  gutter={0}
422448
422428
  justify="start"
422449
422429
  style={Object {}}
422450
422430
  wrap={true}
422451
422431
  >
422452
422432
  <div
422453
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
422433
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
422454
422434
  style={
422455
422435
  Object {
422456
422436
  "rowGap": undefined,
@@ -443164,18 +443144,17 @@ new message content.",
443164
443144
  >
443165
443145
  <CapRow
443166
443146
  className="preview-content-container preview-content-container-no-header"
443167
- useLegacy={true}
443168
443147
  >
443169
443148
  <Row
443170
443149
  align="top"
443171
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
443150
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
443172
443151
  gutter={0}
443173
443152
  justify="start"
443174
443153
  style={Object {}}
443175
443154
  wrap={true}
443176
443155
  >
443177
443156
  <div
443178
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
443157
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
443179
443158
  style={
443180
443159
  Object {
443181
443160
  "rowGap": undefined,
@@ -464772,18 +464751,17 @@ new message content.",
464772
464751
  >
464773
464752
  <CapRow
464774
464753
  className="preview-content-container preview-content-container-no-header"
464775
- useLegacy={true}
464776
464754
  >
464777
464755
  <Row
464778
464756
  align="top"
464779
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
464757
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
464780
464758
  gutter={0}
464781
464759
  justify="start"
464782
464760
  style={Object {}}
464783
464761
  wrap={true}
464784
464762
  >
464785
464763
  <div
464786
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
464764
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
464787
464765
  style={
464788
464766
  Object {
464789
464767
  "rowGap": undefined,
@@ -487279,18 +487257,17 @@ new message content.",
487279
487257
  >
487280
487258
  <CapRow
487281
487259
  className="preview-content-container preview-content-container-no-header"
487282
- useLegacy={true}
487283
487260
  >
487284
487261
  <Row
487285
487262
  align="top"
487286
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
487263
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
487287
487264
  gutter={0}
487288
487265
  justify="start"
487289
487266
  style={Object {}}
487290
487267
  wrap={true}
487291
487268
  >
487292
487269
  <div
487293
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
487270
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
487294
487271
  style={
487295
487272
  Object {
487296
487273
  "rowGap": undefined,
@@ -510687,18 +510664,17 @@ new message content.",
510687
510664
  >
510688
510665
  <CapRow
510689
510666
  className="preview-content-container preview-content-container-no-header"
510690
- useLegacy={true}
510691
510667
  >
510692
510668
  <Row
510693
510669
  align="top"
510694
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
510670
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
510695
510671
  gutter={0}
510696
510672
  justify="start"
510697
510673
  style={Object {}}
510698
510674
  wrap={true}
510699
510675
  >
510700
510676
  <div
510701
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
510677
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
510702
510678
  style={
510703
510679
  Object {
510704
510680
  "rowGap": undefined,
@@ -534989,18 +534965,17 @@ new message content.",
534989
534965
  >
534990
534966
  <CapRow
534991
534967
  className="preview-content-container preview-content-container-no-header"
534992
- useLegacy={true}
534993
534968
  >
534994
534969
  <Row
534995
534970
  align="top"
534996
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
534971
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
534997
534972
  gutter={0}
534998
534973
  justify="start"
534999
534974
  style={Object {}}
535000
534975
  wrap={true}
535001
534976
  >
535002
534977
  <div
535003
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
534978
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
535004
534979
  style={
535005
534980
  Object {
535006
534981
  "rowGap": undefined,
@@ -560182,18 +560157,17 @@ new message content.",
560182
560157
  >
560183
560158
  <CapRow
560184
560159
  className="preview-content-container preview-content-container-no-header"
560185
- useLegacy={true}
560186
560160
  >
560187
560161
  <Row
560188
560162
  align="top"
560189
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
560163
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
560190
560164
  gutter={0}
560191
560165
  justify="start"
560192
560166
  style={Object {}}
560193
560167
  wrap={true}
560194
560168
  >
560195
560169
  <div
560196
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
560170
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
560197
560171
  style={
560198
560172
  Object {
560199
560173
  "rowGap": undefined,
@@ -586255,18 +586229,17 @@ new message content.",
586255
586229
  >
586256
586230
  <CapRow
586257
586231
  className="preview-content-container preview-content-container-no-header"
586258
- useLegacy={true}
586259
586232
  >
586260
586233
  <Row
586261
586234
  align="top"
586262
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
586235
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
586263
586236
  gutter={0}
586264
586237
  justify="start"
586265
586238
  style={Object {}}
586266
586239
  wrap={true}
586267
586240
  >
586268
586241
  <div
586269
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
586242
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
586270
586243
  style={
586271
586244
  Object {
586272
586245
  "rowGap": undefined,
@@ -608503,18 +608476,17 @@ new message content.",
608503
608476
  >
608504
608477
  <CapRow
608505
608478
  className="preview-content-container preview-content-container-no-header"
608506
- useLegacy={true}
608507
608479
  >
608508
608480
  <Row
608509
608481
  align="top"
608510
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
608482
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
608511
608483
  gutter={0}
608512
608484
  justify="start"
608513
608485
  style={Object {}}
608514
608486
  wrap={true}
608515
608487
  >
608516
608488
  <div
608517
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
608489
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
608518
608490
  style={
608519
608491
  Object {
608520
608492
  "rowGap": undefined,
@@ -629276,18 +629248,17 @@ new message content.",
629276
629248
  >
629277
629249
  <CapRow
629278
629250
  className="preview-content-container preview-content-container-no-header"
629279
- useLegacy={true}
629280
629251
  >
629281
629252
  <Row
629282
629253
  align="top"
629283
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
629254
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
629284
629255
  gutter={0}
629285
629256
  justify="start"
629286
629257
  style={Object {}}
629287
629258
  wrap={true}
629288
629259
  >
629289
629260
  <div
629290
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
629261
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
629291
629262
  style={
629292
629263
  Object {
629293
629264
  "rowGap": undefined,
@@ -650980,18 +650951,17 @@ new message content.",
650980
650951
  >
650981
650952
  <CapRow
650982
650953
  className="preview-content-container preview-content-container-no-header"
650983
- useLegacy={true}
650984
650954
  >
650985
650955
  <Row
650986
650956
  align="top"
650987
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
650957
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
650988
650958
  gutter={0}
650989
650959
  justify="start"
650990
650960
  style={Object {}}
650991
650961
  wrap={true}
650992
650962
  >
650993
650963
  <div
650994
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
650964
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
650995
650965
  style={
650996
650966
  Object {
650997
650967
  "rowGap": undefined,
@@ -671161,18 +671131,17 @@ new message content.",
671161
671131
  >
671162
671132
  <CapRow
671163
671133
  className="preview-content-container preview-content-container-no-header"
671164
- useLegacy={true}
671165
671134
  >
671166
671135
  <Row
671167
671136
  align="top"
671168
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
671137
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
671169
671138
  gutter={0}
671170
671139
  justify="start"
671171
671140
  style={Object {}}
671172
671141
  wrap={true}
671173
671142
  >
671174
671143
  <div
671175
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
671144
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
671176
671145
  style={
671177
671146
  Object {
671178
671147
  "rowGap": undefined,
@@ -693551,18 +693520,17 @@ new message content.",
693551
693520
  >
693552
693521
  <CapRow
693553
693522
  className="preview-content-container preview-content-container-no-header"
693554
- useLegacy={true}
693555
693523
  >
693556
693524
  <Row
693557
693525
  align="top"
693558
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
693526
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
693559
693527
  gutter={0}
693560
693528
  justify="start"
693561
693529
  style={Object {}}
693562
693530
  wrap={true}
693563
693531
  >
693564
693532
  <div
693565
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
693533
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
693566
693534
  style={
693567
693535
  Object {
693568
693536
  "rowGap": undefined,
@@ -716578,18 +716546,17 @@ new message content.",
716578
716546
  >
716579
716547
  <CapRow
716580
716548
  className="preview-content-container preview-content-container-no-header"
716581
- useLegacy={true}
716582
716549
  >
716583
716550
  <Row
716584
716551
  align="top"
716585
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
716552
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
716586
716553
  gutter={0}
716587
716554
  justify="start"
716588
716555
  style={Object {}}
716589
716556
  wrap={true}
716590
716557
  >
716591
716558
  <div
716592
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
716559
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
716593
716560
  style={
716594
716561
  Object {
716595
716562
  "rowGap": undefined,
@@ -739618,18 +739585,17 @@ new message content.",
739618
739585
  >
739619
739586
  <CapRow
739620
739587
  className="preview-content-container preview-content-container-no-header"
739621
- useLegacy={true}
739622
739588
  >
739623
739589
  <Row
739624
739590
  align="top"
739625
- className="cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header"
739591
+ className="cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header"
739626
739592
  gutter={0}
739627
739593
  justify="start"
739628
739594
  style={Object {}}
739629
739595
  wrap={true}
739630
739596
  >
739631
739597
  <div
739632
- className="ant-row ant-row-start ant-row-top cap-row-v2 ant-row-legacy preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
739598
+ className="ant-row ant-row-start ant-row-top cap-row-v2 cap-row-antdv6-guard cap-row-vertical preview-content-container preview-content-container-no-header css-dev-only-do-not-override-dbp7pc css-var-root"
739633
739599
  style={
739634
739600
  Object {
739635
739601
  "rowGap": undefined,