@capillarytech/creatives-library 8.0.130 → 8.0.131

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 (77) hide show
  1. package/containers/App/constants.js +1 -0
  2. package/containers/Login/index.js +1 -2
  3. package/package.json +1 -1
  4. package/services/api.js +5 -0
  5. package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js +8 -3
  6. package/tests/integration/TemplateCreation/api-response.js +5 -0
  7. package/tests/integration/TemplateCreation/msw-handler.js +42 -63
  8. package/utils/common.js +7 -0
  9. package/utils/commonUtils.js +2 -6
  10. package/utils/createMobilePushPayload.js +322 -0
  11. package/utils/tests/createMobilePushPayload.test.js +1054 -0
  12. package/v2Components/CapDeviceContent/index.js +1 -1
  13. package/v2Components/CapImageUpload/index.js +57 -44
  14. package/v2Components/CapInAppCTA/index.js +1 -0
  15. package/v2Components/CapMpushCTA/constants.js +25 -0
  16. package/v2Components/CapMpushCTA/index.js +403 -0
  17. package/v2Components/CapMpushCTA/index.scss +95 -0
  18. package/v2Components/CapMpushCTA/messages.js +101 -0
  19. package/v2Components/CapTagList/index.js +178 -121
  20. package/v2Components/CapVideoUpload/constants.js +3 -0
  21. package/v2Components/CapVideoUpload/index.js +182 -115
  22. package/v2Components/CapVideoUpload/messages.js +16 -0
  23. package/v2Components/Carousel/index.js +15 -13
  24. package/v2Components/ErrorInfoNote/style.scss +1 -0
  25. package/v2Components/MobilePushPreviewV2/index.js +57 -12
  26. package/v2Components/TemplatePreview/_templatePreview.scss +218 -74
  27. package/v2Components/TemplatePreview/assets/images/Android_With_date_and_time.svg +29 -0
  28. package/v2Components/TemplatePreview/assets/images/android.svg +9 -0
  29. package/v2Components/TemplatePreview/assets/images/iOS_With_date_and_time.svg +26 -0
  30. package/v2Components/TemplatePreview/assets/images/ios.svg +9 -0
  31. package/v2Components/TemplatePreview/index.js +234 -107
  32. package/v2Components/TemplatePreview/messages.js +4 -0
  33. package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap +10 -10
  34. package/v2Containers/CreativesContainer/SlideBoxContent.js +127 -62
  35. package/v2Containers/CreativesContainer/index.js +193 -136
  36. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +0 -22
  37. package/v2Containers/InApp/constants.js +1 -0
  38. package/v2Containers/InApp/index.js +13 -13
  39. package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap +4748 -4658
  40. package/v2Containers/Login/index.js +1 -2
  41. package/v2Containers/MobilePush/Create/index.js +1 -0
  42. package/v2Containers/MobilePush/commonMethods.js +7 -14
  43. package/v2Containers/MobilePush/tests/commonMethods.test.js +401 -0
  44. package/v2Containers/MobilePushNew/actions.js +116 -0
  45. package/v2Containers/MobilePushNew/components/CtaButtons.js +183 -0
  46. package/v2Containers/MobilePushNew/components/MediaUploaders.js +835 -0
  47. package/v2Containers/MobilePushNew/components/PlatformContentFields.js +346 -0
  48. package/v2Containers/MobilePushNew/components/index.js +5 -0
  49. package/v2Containers/MobilePushNew/components/tests/CtaButtons.test.js +565 -0
  50. package/v2Containers/MobilePushNew/components/tests/MediaUploaders.test.js +3180 -0
  51. package/v2Containers/MobilePushNew/components/tests/PlatformContentFields.test.js +654 -0
  52. package/v2Containers/MobilePushNew/constants.js +116 -0
  53. package/v2Containers/MobilePushNew/hooks/tests/usePlatformSync.test.js +1462 -0
  54. package/v2Containers/MobilePushNew/hooks/tests/useUpload.test.js +1459 -0
  55. package/v2Containers/MobilePushNew/hooks/usePlatformSync.js +366 -0
  56. package/v2Containers/MobilePushNew/hooks/useUpload.js +740 -0
  57. package/v2Containers/MobilePushNew/index.js +2158 -0
  58. package/v2Containers/MobilePushNew/index.scss +308 -0
  59. package/v2Containers/MobilePushNew/messages.js +272 -0
  60. package/v2Containers/MobilePushNew/reducer.js +160 -0
  61. package/v2Containers/MobilePushNew/sagas.js +193 -0
  62. package/v2Containers/MobilePushNew/selectors.js +55 -0
  63. package/v2Containers/MobilePushNew/tests/reducer.test.js +741 -0
  64. package/v2Containers/MobilePushNew/tests/sagas.test.js +864 -0
  65. package/v2Containers/MobilePushNew/tests/selectors.test.js +665 -0
  66. package/v2Containers/MobilePushNew/tests/utils.test.js +421 -0
  67. package/v2Containers/MobilePushNew/utils.js +84 -0
  68. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +1176 -976
  69. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +684 -424
  70. package/v2Containers/TagList/index.js +56 -10
  71. package/v2Containers/Templates/_templates.scss +100 -1
  72. package/v2Containers/Templates/index.js +170 -31
  73. package/v2Containers/Templates/messages.js +8 -0
  74. package/v2Containers/Templates/sagas.js +1 -0
  75. package/v2Containers/Whatsapp/constants.js +1 -0
  76. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +3992 -3677
  77. package/assets/loading_img.gif +0 -0
package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap CHANGED
@@ -20819,58 +20819,68 @@ new message content.",
20819
20819
  <div
20820
20820
  className="ant-col ant-col-24 cap-column-v2"
20821
20821
  >
20822
- <div
20822
+ <CapRow
20823
20823
  className="preview-container "
20824
20824
  key=".1"
20825
20825
  >
20826
- <div
20827
- className="shell-v2 align-center"
20826
+ <Row
20827
+ className="cap-row-v2 preview-container "
20828
+ gutter={0}
20828
20829
  >
20829
- <CapImage
20830
- alt="Preview is being generated"
20831
- className="preview-image"
20832
- src="test-file-stub"
20833
- >
20834
- <img
20835
- alt="Preview is being generated"
20836
- className="cap-image-v2 preview-image"
20837
- src="test-file-stub"
20838
- />
20839
- </CapImage>
20840
20830
  <div
20841
- className="msg-container sms"
20831
+ className="ant-row cap-row-v2 preview-container "
20842
20832
  >
20843
20833
  <div
20844
- className="message-pop sms"
20834
+ className="shell-v2 align-center"
20835
+ key=".7"
20845
20836
  >
20846
- <CapLabel
20847
- className="message-pop-item align-left rcs-content"
20848
- fontWeight="bold"
20849
- type="label5"
20837
+ <CapImage
20838
+ alt="Preview is being generated"
20839
+ className="preview-image"
20840
+ src="test-file-stub"
20850
20841
  >
20851
- <div
20852
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
20853
- fontWeight="bold"
20854
- type="label5"
20855
- >
20856
- final_title
20857
- </div>
20858
- </CapLabel>
20859
- <CapLabel
20860
- className="message-pop-item align-left rcs-content rcs-desc"
20861
- type="label5"
20842
+ <img
20843
+ alt="Preview is being generated"
20844
+ className="cap-image-v2 preview-image"
20845
+ src="test-file-stub"
20846
+ />
20847
+ </CapImage>
20848
+ <div
20849
+ className="msg-container sms"
20862
20850
  >
20863
20851
  <div
20864
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
20865
- type="label5"
20852
+ className="message-pop sms"
20866
20853
  >
20867
- final_desc
20854
+ <CapLabel
20855
+ className="message-pop-item align-left rcs-content"
20856
+ fontWeight="bold"
20857
+ type="label5"
20858
+ >
20859
+ <div
20860
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
20861
+ fontWeight="bold"
20862
+ type="label5"
20863
+ >
20864
+ final_title
20865
+ </div>
20866
+ </CapLabel>
20867
+ <CapLabel
20868
+ className="message-pop-item align-left rcs-content rcs-desc"
20869
+ type="label5"
20870
+ >
20871
+ <div
20872
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
20873
+ type="label5"
20874
+ >
20875
+ final_desc
20876
+ </div>
20877
+ </CapLabel>
20868
20878
  </div>
20869
- </CapLabel>
20879
+ </div>
20870
20880
  </div>
20871
20881
  </div>
20872
- </div>
20873
- </div>
20882
+ </Row>
20883
+ </CapRow>
20874
20884
  </div>
20875
20885
  </Col>
20876
20886
  </CapColumn>
@@ -23904,45 +23914,55 @@ new message content.",
23904
23914
  <div
23905
23915
  className="ant-col ant-col-24 cap-column-v2"
23906
23916
  >
23907
- <div
23917
+ <CapRow
23908
23918
  className="preview-container "
23909
23919
  key=".1"
23910
23920
  >
23911
- <div
23912
- className="shell-v2 align-center"
23921
+ <Row
23922
+ className="cap-row-v2 preview-container "
23923
+ gutter={0}
23913
23924
  >
23914
- <CapImage
23915
- alt="Preview is being generated"
23916
- className="preview-image"
23917
- src="test-file-stub"
23918
- >
23919
- <img
23920
- alt="Preview is being generated"
23921
- className="cap-image-v2 preview-image"
23922
- src="test-file-stub"
23923
- />
23924
- </CapImage>
23925
23925
  <div
23926
- className="msg-container sms"
23926
+ className="ant-row cap-row-v2 preview-container "
23927
23927
  >
23928
23928
  <div
23929
- className="message-pop sms"
23929
+ className="shell-v2 align-center"
23930
+ key=".7"
23930
23931
  >
23931
- <CapLabel
23932
- className="message-pop-item align-left rcs-content rcs-desc"
23933
- type="label5"
23932
+ <CapImage
23933
+ alt="Preview is being generated"
23934
+ className="preview-image"
23935
+ src="test-file-stub"
23936
+ >
23937
+ <img
23938
+ alt="Preview is being generated"
23939
+ className="cap-image-v2 preview-image"
23940
+ src="test-file-stub"
23941
+ />
23942
+ </CapImage>
23943
+ <div
23944
+ className="msg-container sms"
23934
23945
  >
23935
23946
  <div
23936
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
23937
- type="label5"
23947
+ className="message-pop sms"
23938
23948
  >
23939
- final_fallback
23949
+ <CapLabel
23950
+ className="message-pop-item align-left rcs-content rcs-desc"
23951
+ type="label5"
23952
+ >
23953
+ <div
23954
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
23955
+ type="label5"
23956
+ >
23957
+ final_fallback
23958
+ </div>
23959
+ </CapLabel>
23940
23960
  </div>
23941
- </CapLabel>
23961
+ </div>
23942
23962
  </div>
23943
23963
  </div>
23944
- </div>
23945
- </div>
23964
+ </Row>
23965
+ </CapRow>
23946
23966
  </div>
23947
23967
  </Col>
23948
23968
  </CapColumn>
@@ -45185,58 +45205,68 @@ new message content.",
45185
45205
  <div
45186
45206
  className="ant-col ant-col-24 cap-column-v2"
45187
45207
  >
45188
- <div
45208
+ <CapRow
45189
45209
  className="preview-container "
45190
45210
  key=".1"
45191
45211
  >
45192
- <div
45193
- className="shell-v2 align-center"
45212
+ <Row
45213
+ className="cap-row-v2 preview-container "
45214
+ gutter={0}
45194
45215
  >
45195
- <CapImage
45196
- alt="Preview is being generated"
45197
- className="preview-image"
45198
- src="test-file-stub"
45199
- >
45200
- <img
45201
- alt="Preview is being generated"
45202
- className="cap-image-v2 preview-image"
45203
- src="test-file-stub"
45204
- />
45205
- </CapImage>
45206
45216
  <div
45207
- className="msg-container sms"
45217
+ className="ant-row cap-row-v2 preview-container "
45208
45218
  >
45209
45219
  <div
45210
- className="message-pop sms"
45220
+ className="shell-v2 align-center"
45221
+ key=".7"
45211
45222
  >
45212
- <CapLabel
45213
- className="message-pop-item align-left rcs-content"
45214
- fontWeight="bold"
45215
- type="label5"
45223
+ <CapImage
45224
+ alt="Preview is being generated"
45225
+ className="preview-image"
45226
+ src="test-file-stub"
45216
45227
  >
45217
- <div
45218
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
45219
- fontWeight="bold"
45220
- type="label5"
45221
- >
45222
- final_title
45223
- </div>
45224
- </CapLabel>
45225
- <CapLabel
45226
- className="message-pop-item align-left rcs-content rcs-desc"
45227
- type="label5"
45228
+ <img
45229
+ alt="Preview is being generated"
45230
+ className="cap-image-v2 preview-image"
45231
+ src="test-file-stub"
45232
+ />
45233
+ </CapImage>
45234
+ <div
45235
+ className="msg-container sms"
45228
45236
  >
45229
45237
  <div
45230
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
45231
- type="label5"
45238
+ className="message-pop sms"
45232
45239
  >
45233
- final_desc
45240
+ <CapLabel
45241
+ className="message-pop-item align-left rcs-content"
45242
+ fontWeight="bold"
45243
+ type="label5"
45244
+ >
45245
+ <div
45246
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
45247
+ fontWeight="bold"
45248
+ type="label5"
45249
+ >
45250
+ final_title
45251
+ </div>
45252
+ </CapLabel>
45253
+ <CapLabel
45254
+ className="message-pop-item align-left rcs-content rcs-desc"
45255
+ type="label5"
45256
+ >
45257
+ <div
45258
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
45259
+ type="label5"
45260
+ >
45261
+ final_desc
45262
+ </div>
45263
+ </CapLabel>
45234
45264
  </div>
45235
- </CapLabel>
45265
+ </div>
45236
45266
  </div>
45237
45267
  </div>
45238
- </div>
45239
- </div>
45268
+ </Row>
45269
+ </CapRow>
45240
45270
  </div>
45241
45271
  </Col>
45242
45272
  </CapColumn>
@@ -48270,45 +48300,55 @@ new message content.",
48270
48300
  <div
48271
48301
  className="ant-col ant-col-24 cap-column-v2"
48272
48302
  >
48273
- <div
48303
+ <CapRow
48274
48304
  className="preview-container "
48275
48305
  key=".1"
48276
48306
  >
48277
- <div
48278
- className="shell-v2 align-center"
48307
+ <Row
48308
+ className="cap-row-v2 preview-container "
48309
+ gutter={0}
48279
48310
  >
48280
- <CapImage
48281
- alt="Preview is being generated"
48282
- className="preview-image"
48283
- src="test-file-stub"
48284
- >
48285
- <img
48286
- alt="Preview is being generated"
48287
- className="cap-image-v2 preview-image"
48288
- src="test-file-stub"
48289
- />
48290
- </CapImage>
48291
48311
  <div
48292
- className="msg-container sms"
48312
+ className="ant-row cap-row-v2 preview-container "
48293
48313
  >
48294
48314
  <div
48295
- className="message-pop sms"
48315
+ className="shell-v2 align-center"
48316
+ key=".7"
48296
48317
  >
48297
- <CapLabel
48298
- className="message-pop-item align-left rcs-content rcs-desc"
48299
- type="label5"
48318
+ <CapImage
48319
+ alt="Preview is being generated"
48320
+ className="preview-image"
48321
+ src="test-file-stub"
48322
+ >
48323
+ <img
48324
+ alt="Preview is being generated"
48325
+ className="cap-image-v2 preview-image"
48326
+ src="test-file-stub"
48327
+ />
48328
+ </CapImage>
48329
+ <div
48330
+ className="msg-container sms"
48300
48331
  >
48301
48332
  <div
48302
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
48303
- type="label5"
48333
+ className="message-pop sms"
48304
48334
  >
48305
- final_fallback
48335
+ <CapLabel
48336
+ className="message-pop-item align-left rcs-content rcs-desc"
48337
+ type="label5"
48338
+ >
48339
+ <div
48340
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
48341
+ type="label5"
48342
+ >
48343
+ final_fallback
48344
+ </div>
48345
+ </CapLabel>
48306
48346
  </div>
48307
- </CapLabel>
48347
+ </div>
48308
48348
  </div>
48309
48349
  </div>
48310
- </div>
48311
- </div>
48350
+ </Row>
48351
+ </CapRow>
48312
48352
  </div>
48313
48353
  </Col>
48314
48354
  </CapColumn>
@@ -68075,33 +68115,43 @@ new message content.",
68075
68115
  <div
68076
68116
  className="ant-col ant-col-24 cap-column-v2"
68077
68117
  >
68078
- <div
68118
+ <CapRow
68079
68119
  className="preview-container "
68080
68120
  key=".1"
68081
68121
  >
68082
- <div
68083
- className="shell-v2 align-center"
68122
+ <Row
68123
+ className="cap-row-v2 preview-container "
68124
+ gutter={0}
68084
68125
  >
68085
- <CapImage
68086
- alt="Preview is being generated"
68087
- className="preview-image"
68088
- src="test-file-stub"
68089
- >
68090
- <img
68091
- alt="Preview is being generated"
68092
- className="cap-image-v2 preview-image"
68093
- src="test-file-stub"
68094
- />
68095
- </CapImage>
68096
68126
  <div
68097
- className="msg-container sms"
68127
+ className="ant-row cap-row-v2 preview-container "
68098
68128
  >
68099
68129
  <div
68100
- className="message-pop sms"
68101
- />
68130
+ className="shell-v2 align-center"
68131
+ key=".7"
68132
+ >
68133
+ <CapImage
68134
+ alt="Preview is being generated"
68135
+ className="preview-image"
68136
+ src="test-file-stub"
68137
+ >
68138
+ <img
68139
+ alt="Preview is being generated"
68140
+ className="cap-image-v2 preview-image"
68141
+ src="test-file-stub"
68142
+ />
68143
+ </CapImage>
68144
+ <div
68145
+ className="msg-container sms"
68146
+ >
68147
+ <div
68148
+ className="message-pop sms"
68149
+ />
68150
+ </div>
68151
+ </div>
68102
68152
  </div>
68103
- </div>
68104
- </div>
68153
+ </Row>
68154
+ </CapRow>
68105
68155
  </div>
68106
68156
  </Col>
68107
68157
  </CapColumn>
@@ -88715,33 +88765,43 @@ new message content.",
88715
88765
  <div
88716
88766
  className="ant-col ant-col-24 cap-column-v2"
88717
88767
  >
88718
- <div
88768
+ <CapRow
88719
88769
  className="preview-container "
88720
88770
  key=".1"
88721
88771
  >
88722
- <div
88723
- className="shell-v2 align-center"
88772
+ <Row
88773
+ className="cap-row-v2 preview-container "
88774
+ gutter={0}
88724
88775
  >
88725
- <CapImage
88726
- alt="Preview is being generated"
88727
- className="preview-image"
88728
- src="test-file-stub"
88729
- >
88730
- <img
88731
- alt="Preview is being generated"
88732
- className="cap-image-v2 preview-image"
88733
- src="test-file-stub"
88734
- />
88735
- </CapImage>
88736
88776
  <div
88737
- className="msg-container sms"
88777
+ className="ant-row cap-row-v2 preview-container "
88738
88778
  >
88739
88779
  <div
88740
- className="message-pop sms"
88741
- />
88780
+ className="shell-v2 align-center"
88781
+ key=".7"
88782
+ >
88783
+ <CapImage
88784
+ alt="Preview is being generated"
88785
+ className="preview-image"
88786
+ src="test-file-stub"
88787
+ >
88788
+ <img
88789
+ alt="Preview is being generated"
88790
+ className="cap-image-v2 preview-image"
88791
+ src="test-file-stub"
88792
+ />
88793
+ </CapImage>
88794
+ <div
88795
+ className="msg-container sms"
88796
+ >
88797
+ <div
88798
+ className="message-pop sms"
88799
+ />
88800
+ </div>
88801
+ </div>
88742
88802
  </div>
88743
- </div>
88744
- </div>
88803
+ </Row>
88804
+ </CapRow>
88745
88805
  </div>
88746
88806
  </Col>
88747
88807
  </CapColumn>
@@ -95639,7 +95699,7 @@ new message content.",
95639
95699
  >
95640
95700
  <input
95641
95701
  accept="image/*"
95642
- id="fileName"
95702
+ id="imageFileName"
95643
95703
  key="imgFile"
95644
95704
  onChange={[Function]}
95645
95705
  style={
@@ -109412,148 +109472,158 @@ new message content.",
109412
109472
  <div
109413
109473
  className="ant-col ant-col-24 cap-column-v2"
109414
109474
  >
109415
- <div
109475
+ <CapRow
109416
109476
  className="preview-container "
109417
109477
  key=".1"
109418
109478
  >
109419
- <div
109420
- className="shell-v2 align-center"
109479
+ <Row
109480
+ className="cap-row-v2 preview-container "
109481
+ gutter={0}
109421
109482
  >
109422
- <CapImage
109423
- alt="Preview is being generated"
109424
- className="preview-image"
109425
- src="test-file-stub"
109426
- >
109427
- <img
109428
- alt="Preview is being generated"
109429
- className="cap-image-v2 preview-image"
109430
- src="test-file-stub"
109431
- />
109432
- </CapImage>
109433
109483
  <div
109434
- className="msg-container sms"
109484
+ className="ant-row cap-row-v2 preview-container "
109435
109485
  >
109436
109486
  <div
109437
- className="message-pop sms"
109487
+ className="shell-v2 align-center"
109488
+ key=".7"
109438
109489
  >
109439
109490
  <CapImage
109440
109491
  alt="Preview is being generated"
109441
- className="rcs-image"
109442
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
109492
+ className="preview-image"
109493
+ src="test-file-stub"
109443
109494
  >
109444
109495
  <img
109445
109496
  alt="Preview is being generated"
109446
- className="cap-image-v2 rcs-image"
109447
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
109497
+ className="cap-image-v2 preview-image"
109498
+ src="test-file-stub"
109448
109499
  />
109449
109500
  </CapImage>
109450
- <CapLabel
109451
- className="message-pop-item align-left rcs-content"
109452
- fontWeight="bold"
109453
- type="label5"
109454
- >
109455
- <div
109456
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
109457
- fontWeight="bold"
109458
- type="label5"
109459
- >
109460
- Rcs title
109461
- </div>
109462
- </CapLabel>
109463
- <CapLabel
109464
- className="message-pop-item align-left rcs-content rcs-desc"
109465
- type="label5"
109466
- >
109467
- <div
109468
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
109469
- type="label5"
109470
- >
109471
- Rcs desc
109472
- </div>
109473
- </CapLabel>
109474
- <CapLabel
109475
- className="message-pop-item align-center rcs-content rcs-button-text"
109476
- type="label21"
109501
+ <div
109502
+ className="msg-container sms"
109477
109503
  >
109478
109504
  <div
109479
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
109480
- type="label21"
109505
+ className="message-pop sms"
109481
109506
  >
109482
- <CapIcon
109483
- className="rcs-icon"
109484
- size="xs"
109485
- svgProps={
109486
- Object {
109487
- "style": Object {
109488
- "marginRight": "4px",
109489
- },
109490
- }
109491
- }
109492
- type="earth"
109507
+ <CapImage
109508
+ alt="Preview is being generated"
109509
+ className="rcs-image"
109510
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
109493
109511
  >
109494
- <CapIcon__AntIcon
109495
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
109496
- component={[Function]}
109497
- size="xs"
109512
+ <img
109513
+ alt="Preview is being generated"
109514
+ className="cap-image-v2 rcs-image"
109515
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
109516
+ />
109517
+ </CapImage>
109518
+ <CapLabel
109519
+ className="message-pop-item align-left rcs-content"
109520
+ fontWeight="bold"
109521
+ type="label5"
109522
+ >
109523
+ <div
109524
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
109525
+ fontWeight="bold"
109526
+ type="label5"
109498
109527
  >
109499
- <Icon
109500
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
109501
- component={[Function]}
109528
+ Rcs title
109529
+ </div>
109530
+ </CapLabel>
109531
+ <CapLabel
109532
+ className="message-pop-item align-left rcs-content rcs-desc"
109533
+ type="label5"
109534
+ >
109535
+ <div
109536
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
109537
+ type="label5"
109538
+ >
109539
+ Rcs desc
109540
+ </div>
109541
+ </CapLabel>
109542
+ <CapLabel
109543
+ className="message-pop-item align-center rcs-content rcs-button-text"
109544
+ type="label21"
109545
+ >
109546
+ <div
109547
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
109548
+ type="label21"
109549
+ >
109550
+ <CapIcon
109551
+ className="rcs-icon"
109502
109552
  size="xs"
109553
+ svgProps={
109554
+ Object {
109555
+ "style": Object {
109556
+ "marginRight": "4px",
109557
+ },
109558
+ }
109559
+ }
109560
+ type="earth"
109503
109561
  >
109504
- <LocaleReceiver
109505
- componentName="Icon"
109562
+ <CapIcon__AntIcon
109563
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
109564
+ component={[Function]}
109565
+ size="xs"
109506
109566
  >
109507
- <i
109508
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
109567
+ <Icon
109568
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
109569
+ component={[Function]}
109509
109570
  size="xs"
109510
109571
  >
109511
- <component
109512
- aria-hidden={true}
109513
- className=""
109514
- fill="currentColor"
109515
- focusable="false"
109516
- height="1em"
109517
- width="1em"
109572
+ <LocaleReceiver
109573
+ componentName="Icon"
109518
109574
  >
109519
- <SvgEarth
109520
- style={
109521
- Object {
109522
- "marginRight": "4px",
109523
- }
109524
- }
109575
+ <i
109576
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
109577
+ size="xs"
109525
109578
  >
109526
- <svg
109579
+ <component
109580
+ aria-hidden={true}
109581
+ className=""
109527
109582
  fill="currentColor"
109583
+ focusable="false"
109528
109584
  height="1em"
109529
- style={
109530
- Object {
109531
- "marginRight": "4px",
109532
- }
109533
- }
109534
- viewBox="0 0 12 12"
109535
109585
  width="1em"
109536
- xmlns="http://www.w3.org/2000/svg"
109537
109586
  >
109538
- <path
109539
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
109540
- fill="#2466EA"
109541
- />
109542
- </svg>
109543
- </SvgEarth>
109544
- </component>
109545
- </i>
109546
- </LocaleReceiver>
109547
- </Icon>
109548
- </CapIcon__AntIcon>
109549
- </CapIcon>
109550
- text
109587
+ <SvgEarth
109588
+ style={
109589
+ Object {
109590
+ "marginRight": "4px",
109591
+ }
109592
+ }
109593
+ >
109594
+ <svg
109595
+ fill="currentColor"
109596
+ height="1em"
109597
+ style={
109598
+ Object {
109599
+ "marginRight": "4px",
109600
+ }
109601
+ }
109602
+ viewBox="0 0 12 12"
109603
+ width="1em"
109604
+ xmlns="http://www.w3.org/2000/svg"
109605
+ >
109606
+ <path
109607
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
109608
+ fill="#2466EA"
109609
+ />
109610
+ </svg>
109611
+ </SvgEarth>
109612
+ </component>
109613
+ </i>
109614
+ </LocaleReceiver>
109615
+ </Icon>
109616
+ </CapIcon__AntIcon>
109617
+ </CapIcon>
109618
+ text
109619
+ </div>
109620
+ </CapLabel>
109551
109621
  </div>
109552
- </CapLabel>
109622
+ </div>
109553
109623
  </div>
109554
109624
  </div>
109555
- </div>
109556
- </div>
109625
+ </Row>
109626
+ </CapRow>
109557
109627
  </div>
109558
109628
  </Col>
109559
109629
  </CapColumn>
@@ -116561,7 +116631,7 @@ new message content.",
116561
116631
  >
116562
116632
  <input
116563
116633
  accept="image/*"
116564
- id="fileName"
116634
+ id="imageFileName"
116565
116635
  key="imgFile"
116566
116636
  onChange={[Function]}
116567
116637
  style={
@@ -130334,148 +130404,158 @@ new message content.",
130334
130404
  <div
130335
130405
  className="ant-col ant-col-24 cap-column-v2"
130336
130406
  >
130337
- <div
130407
+ <CapRow
130338
130408
  className="preview-container "
130339
130409
  key=".1"
130340
130410
  >
130341
- <div
130342
- className="shell-v2 align-center"
130411
+ <Row
130412
+ className="cap-row-v2 preview-container "
130413
+ gutter={0}
130343
130414
  >
130344
- <CapImage
130345
- alt="Preview is being generated"
130346
- className="preview-image"
130347
- src="test-file-stub"
130348
- >
130349
- <img
130350
- alt="Preview is being generated"
130351
- className="cap-image-v2 preview-image"
130352
- src="test-file-stub"
130353
- />
130354
- </CapImage>
130355
130415
  <div
130356
- className="msg-container sms"
130416
+ className="ant-row cap-row-v2 preview-container "
130357
130417
  >
130358
130418
  <div
130359
- className="message-pop sms"
130419
+ className="shell-v2 align-center"
130420
+ key=".7"
130360
130421
  >
130361
130422
  <CapImage
130362
130423
  alt="Preview is being generated"
130363
- className="rcs-image"
130364
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
130424
+ className="preview-image"
130425
+ src="test-file-stub"
130365
130426
  >
130366
130427
  <img
130367
130428
  alt="Preview is being generated"
130368
- className="cap-image-v2 rcs-image"
130369
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
130429
+ className="cap-image-v2 preview-image"
130430
+ src="test-file-stub"
130370
130431
  />
130371
130432
  </CapImage>
130372
- <CapLabel
130373
- className="message-pop-item align-left rcs-content"
130374
- fontWeight="bold"
130375
- type="label5"
130376
- >
130377
- <div
130378
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
130379
- fontWeight="bold"
130380
- type="label5"
130381
- >
130382
- Rcs title
130383
- </div>
130384
- </CapLabel>
130385
- <CapLabel
130386
- className="message-pop-item align-left rcs-content rcs-desc"
130387
- type="label5"
130388
- >
130389
- <div
130390
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
130391
- type="label5"
130392
- >
130393
- Rcs desc
130394
- </div>
130395
- </CapLabel>
130396
- <CapLabel
130397
- className="message-pop-item align-center rcs-content rcs-button-text"
130398
- type="label21"
130433
+ <div
130434
+ className="msg-container sms"
130399
130435
  >
130400
130436
  <div
130401
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
130402
- type="label21"
130437
+ className="message-pop sms"
130403
130438
  >
130404
- <CapIcon
130405
- className="rcs-icon"
130406
- size="xs"
130407
- svgProps={
130408
- Object {
130409
- "style": Object {
130410
- "marginRight": "4px",
130411
- },
130412
- }
130413
- }
130414
- type="earth"
130439
+ <CapImage
130440
+ alt="Preview is being generated"
130441
+ className="rcs-image"
130442
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
130415
130443
  >
130416
- <CapIcon__AntIcon
130417
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
130418
- component={[Function]}
130419
- size="xs"
130444
+ <img
130445
+ alt="Preview is being generated"
130446
+ className="cap-image-v2 rcs-image"
130447
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
130448
+ />
130449
+ </CapImage>
130450
+ <CapLabel
130451
+ className="message-pop-item align-left rcs-content"
130452
+ fontWeight="bold"
130453
+ type="label5"
130454
+ >
130455
+ <div
130456
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
130457
+ fontWeight="bold"
130458
+ type="label5"
130420
130459
  >
130421
- <Icon
130422
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
130423
- component={[Function]}
130460
+ Rcs title
130461
+ </div>
130462
+ </CapLabel>
130463
+ <CapLabel
130464
+ className="message-pop-item align-left rcs-content rcs-desc"
130465
+ type="label5"
130466
+ >
130467
+ <div
130468
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
130469
+ type="label5"
130470
+ >
130471
+ Rcs desc
130472
+ </div>
130473
+ </CapLabel>
130474
+ <CapLabel
130475
+ className="message-pop-item align-center rcs-content rcs-button-text"
130476
+ type="label21"
130477
+ >
130478
+ <div
130479
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
130480
+ type="label21"
130481
+ >
130482
+ <CapIcon
130483
+ className="rcs-icon"
130424
130484
  size="xs"
130485
+ svgProps={
130486
+ Object {
130487
+ "style": Object {
130488
+ "marginRight": "4px",
130489
+ },
130490
+ }
130491
+ }
130492
+ type="earth"
130425
130493
  >
130426
- <LocaleReceiver
130427
- componentName="Icon"
130494
+ <CapIcon__AntIcon
130495
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
130496
+ component={[Function]}
130497
+ size="xs"
130428
130498
  >
130429
- <i
130430
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
130499
+ <Icon
130500
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
130501
+ component={[Function]}
130431
130502
  size="xs"
130432
130503
  >
130433
- <component
130434
- aria-hidden={true}
130435
- className=""
130436
- fill="currentColor"
130437
- focusable="false"
130438
- height="1em"
130439
- width="1em"
130504
+ <LocaleReceiver
130505
+ componentName="Icon"
130440
130506
  >
130441
- <SvgEarth
130442
- style={
130443
- Object {
130444
- "marginRight": "4px",
130445
- }
130446
- }
130507
+ <i
130508
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
130509
+ size="xs"
130447
130510
  >
130448
- <svg
130511
+ <component
130512
+ aria-hidden={true}
130513
+ className=""
130449
130514
  fill="currentColor"
130515
+ focusable="false"
130450
130516
  height="1em"
130451
- style={
130452
- Object {
130453
- "marginRight": "4px",
130454
- }
130455
- }
130456
- viewBox="0 0 12 12"
130457
130517
  width="1em"
130458
- xmlns="http://www.w3.org/2000/svg"
130459
130518
  >
130460
- <path
130461
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
130462
- fill="#2466EA"
130463
- />
130464
- </svg>
130465
- </SvgEarth>
130466
- </component>
130467
- </i>
130468
- </LocaleReceiver>
130469
- </Icon>
130470
- </CapIcon__AntIcon>
130471
- </CapIcon>
130472
- text
130519
+ <SvgEarth
130520
+ style={
130521
+ Object {
130522
+ "marginRight": "4px",
130523
+ }
130524
+ }
130525
+ >
130526
+ <svg
130527
+ fill="currentColor"
130528
+ height="1em"
130529
+ style={
130530
+ Object {
130531
+ "marginRight": "4px",
130532
+ }
130533
+ }
130534
+ viewBox="0 0 12 12"
130535
+ width="1em"
130536
+ xmlns="http://www.w3.org/2000/svg"
130537
+ >
130538
+ <path
130539
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
130540
+ fill="#2466EA"
130541
+ />
130542
+ </svg>
130543
+ </SvgEarth>
130544
+ </component>
130545
+ </i>
130546
+ </LocaleReceiver>
130547
+ </Icon>
130548
+ </CapIcon__AntIcon>
130549
+ </CapIcon>
130550
+ text
130551
+ </div>
130552
+ </CapLabel>
130473
130553
  </div>
130474
- </CapLabel>
130554
+ </div>
130475
130555
  </div>
130476
130556
  </div>
130477
- </div>
130478
- </div>
130557
+ </Row>
130558
+ </CapRow>
130479
130559
  </div>
130480
130560
  </Col>
130481
130561
  </CapColumn>
@@ -137377,7 +137457,7 @@ new message content.",
137377
137457
  >
137378
137458
  <input
137379
137459
  accept="image/*"
137380
- id="fileName"
137460
+ id="imageFileName"
137381
137461
  key="imgFile"
137382
137462
  onChange={[Function]}
137383
137463
  style={
@@ -151150,148 +151230,158 @@ new message content.",
151150
151230
  <div
151151
151231
  className="ant-col ant-col-24 cap-column-v2"
151152
151232
  >
151153
- <div
151233
+ <CapRow
151154
151234
  className="preview-container "
151155
151235
  key=".1"
151156
151236
  >
151157
- <div
151158
- className="shell-v2 align-center"
151237
+ <Row
151238
+ className="cap-row-v2 preview-container "
151239
+ gutter={0}
151159
151240
  >
151160
- <CapImage
151161
- alt="Preview is being generated"
151162
- className="preview-image"
151163
- src="test-file-stub"
151164
- >
151165
- <img
151166
- alt="Preview is being generated"
151167
- className="cap-image-v2 preview-image"
151168
- src="test-file-stub"
151169
- />
151170
- </CapImage>
151171
151241
  <div
151172
- className="msg-container sms"
151242
+ className="ant-row cap-row-v2 preview-container "
151173
151243
  >
151174
151244
  <div
151175
- className="message-pop sms"
151245
+ className="shell-v2 align-center"
151246
+ key=".7"
151176
151247
  >
151177
151248
  <CapImage
151178
151249
  alt="Preview is being generated"
151179
- className="rcs-image"
151180
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
151250
+ className="preview-image"
151251
+ src="test-file-stub"
151181
151252
  >
151182
151253
  <img
151183
151254
  alt="Preview is being generated"
151184
- className="cap-image-v2 rcs-image"
151185
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
151255
+ className="cap-image-v2 preview-image"
151256
+ src="test-file-stub"
151186
151257
  />
151187
151258
  </CapImage>
151188
- <CapLabel
151189
- className="message-pop-item align-left rcs-content"
151190
- fontWeight="bold"
151191
- type="label5"
151192
- >
151193
- <div
151194
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
151195
- fontWeight="bold"
151196
- type="label5"
151197
- >
151198
- Rcs title
151199
- </div>
151200
- </CapLabel>
151201
- <CapLabel
151202
- className="message-pop-item align-left rcs-content rcs-desc"
151203
- type="label5"
151204
- >
151205
- <div
151206
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
151207
- type="label5"
151208
- >
151209
- Rcs desc
151210
- </div>
151211
- </CapLabel>
151212
- <CapLabel
151213
- className="message-pop-item align-center rcs-content rcs-button-text"
151214
- type="label21"
151259
+ <div
151260
+ className="msg-container sms"
151215
151261
  >
151216
151262
  <div
151217
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
151218
- type="label21"
151263
+ className="message-pop sms"
151219
151264
  >
151220
- <CapIcon
151221
- className="rcs-icon"
151222
- size="xs"
151223
- svgProps={
151224
- Object {
151225
- "style": Object {
151226
- "marginRight": "4px",
151227
- },
151228
- }
151229
- }
151230
- type="earth"
151265
+ <CapImage
151266
+ alt="Preview is being generated"
151267
+ className="rcs-image"
151268
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
151231
151269
  >
151232
- <CapIcon__AntIcon
151233
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
151234
- component={[Function]}
151235
- size="xs"
151270
+ <img
151271
+ alt="Preview is being generated"
151272
+ className="cap-image-v2 rcs-image"
151273
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
151274
+ />
151275
+ </CapImage>
151276
+ <CapLabel
151277
+ className="message-pop-item align-left rcs-content"
151278
+ fontWeight="bold"
151279
+ type="label5"
151280
+ >
151281
+ <div
151282
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
151283
+ fontWeight="bold"
151284
+ type="label5"
151236
151285
  >
151237
- <Icon
151238
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
151239
- component={[Function]}
151286
+ Rcs title
151287
+ </div>
151288
+ </CapLabel>
151289
+ <CapLabel
151290
+ className="message-pop-item align-left rcs-content rcs-desc"
151291
+ type="label5"
151292
+ >
151293
+ <div
151294
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
151295
+ type="label5"
151296
+ >
151297
+ Rcs desc
151298
+ </div>
151299
+ </CapLabel>
151300
+ <CapLabel
151301
+ className="message-pop-item align-center rcs-content rcs-button-text"
151302
+ type="label21"
151303
+ >
151304
+ <div
151305
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
151306
+ type="label21"
151307
+ >
151308
+ <CapIcon
151309
+ className="rcs-icon"
151240
151310
  size="xs"
151311
+ svgProps={
151312
+ Object {
151313
+ "style": Object {
151314
+ "marginRight": "4px",
151315
+ },
151316
+ }
151317
+ }
151318
+ type="earth"
151241
151319
  >
151242
- <LocaleReceiver
151243
- componentName="Icon"
151320
+ <CapIcon__AntIcon
151321
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
151322
+ component={[Function]}
151323
+ size="xs"
151244
151324
  >
151245
- <i
151246
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
151325
+ <Icon
151326
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
151327
+ component={[Function]}
151247
151328
  size="xs"
151248
151329
  >
151249
- <component
151250
- aria-hidden={true}
151251
- className=""
151252
- fill="currentColor"
151253
- focusable="false"
151254
- height="1em"
151255
- width="1em"
151330
+ <LocaleReceiver
151331
+ componentName="Icon"
151256
151332
  >
151257
- <SvgEarth
151258
- style={
151259
- Object {
151260
- "marginRight": "4px",
151261
- }
151262
- }
151333
+ <i
151334
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
151335
+ size="xs"
151263
151336
  >
151264
- <svg
151337
+ <component
151338
+ aria-hidden={true}
151339
+ className=""
151265
151340
  fill="currentColor"
151341
+ focusable="false"
151266
151342
  height="1em"
151267
- style={
151268
- Object {
151269
- "marginRight": "4px",
151270
- }
151271
- }
151272
- viewBox="0 0 12 12"
151273
151343
  width="1em"
151274
- xmlns="http://www.w3.org/2000/svg"
151275
151344
  >
151276
- <path
151277
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
151278
- fill="#2466EA"
151279
- />
151280
- </svg>
151281
- </SvgEarth>
151282
- </component>
151283
- </i>
151284
- </LocaleReceiver>
151285
- </Icon>
151286
- </CapIcon__AntIcon>
151287
- </CapIcon>
151288
- text
151345
+ <SvgEarth
151346
+ style={
151347
+ Object {
151348
+ "marginRight": "4px",
151349
+ }
151350
+ }
151351
+ >
151352
+ <svg
151353
+ fill="currentColor"
151354
+ height="1em"
151355
+ style={
151356
+ Object {
151357
+ "marginRight": "4px",
151358
+ }
151359
+ }
151360
+ viewBox="0 0 12 12"
151361
+ width="1em"
151362
+ xmlns="http://www.w3.org/2000/svg"
151363
+ >
151364
+ <path
151365
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
151366
+ fill="#2466EA"
151367
+ />
151368
+ </svg>
151369
+ </SvgEarth>
151370
+ </component>
151371
+ </i>
151372
+ </LocaleReceiver>
151373
+ </Icon>
151374
+ </CapIcon__AntIcon>
151375
+ </CapIcon>
151376
+ text
151377
+ </div>
151378
+ </CapLabel>
151289
151379
  </div>
151290
- </CapLabel>
151380
+ </div>
151291
151381
  </div>
151292
151382
  </div>
151293
- </div>
151294
- </div>
151383
+ </Row>
151384
+ </CapRow>
151295
151385
  </div>
151296
151386
  </Col>
151297
151387
  </CapColumn>
@@ -158299,7 +158389,7 @@ new message content.",
158299
158389
  >
158300
158390
  <input
158301
158391
  accept="image/*"
158302
- id="fileName"
158392
+ id="imageFileName"
158303
158393
  key="imgFile"
158304
158394
  onChange={[Function]}
158305
158395
  style={
@@ -172072,148 +172162,158 @@ new message content.",
172072
172162
  <div
172073
172163
  className="ant-col ant-col-24 cap-column-v2"
172074
172164
  >
172075
- <div
172165
+ <CapRow
172076
172166
  className="preview-container "
172077
172167
  key=".1"
172078
172168
  >
172079
- <div
172080
- className="shell-v2 align-center"
172169
+ <Row
172170
+ className="cap-row-v2 preview-container "
172171
+ gutter={0}
172081
172172
  >
172082
- <CapImage
172083
- alt="Preview is being generated"
172084
- className="preview-image"
172085
- src="test-file-stub"
172086
- >
172087
- <img
172088
- alt="Preview is being generated"
172089
- className="cap-image-v2 preview-image"
172090
- src="test-file-stub"
172091
- />
172092
- </CapImage>
172093
172173
  <div
172094
- className="msg-container sms"
172174
+ className="ant-row cap-row-v2 preview-container "
172095
172175
  >
172096
172176
  <div
172097
- className="message-pop sms"
172177
+ className="shell-v2 align-center"
172178
+ key=".7"
172098
172179
  >
172099
172180
  <CapImage
172100
172181
  alt="Preview is being generated"
172101
- className="rcs-image"
172102
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
172182
+ className="preview-image"
172183
+ src="test-file-stub"
172103
172184
  >
172104
172185
  <img
172105
172186
  alt="Preview is being generated"
172106
- className="cap-image-v2 rcs-image"
172107
- src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
172187
+ className="cap-image-v2 preview-image"
172188
+ src="test-file-stub"
172108
172189
  />
172109
172190
  </CapImage>
172110
- <CapLabel
172111
- className="message-pop-item align-left rcs-content"
172112
- fontWeight="bold"
172113
- type="label5"
172114
- >
172115
- <div
172116
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
172117
- fontWeight="bold"
172118
- type="label5"
172119
- >
172120
- Rcs title
172121
- </div>
172122
- </CapLabel>
172123
- <CapLabel
172124
- className="message-pop-item align-left rcs-content rcs-desc"
172125
- type="label5"
172126
- >
172127
- <div
172128
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
172129
- type="label5"
172130
- >
172131
- Rcs desc
172132
- </div>
172133
- </CapLabel>
172134
- <CapLabel
172135
- className="message-pop-item align-center rcs-content rcs-button-text"
172136
- type="label21"
172191
+ <div
172192
+ className="msg-container sms"
172137
172193
  >
172138
172194
  <div
172139
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
172140
- type="label21"
172195
+ className="message-pop sms"
172141
172196
  >
172142
- <CapIcon
172143
- className="rcs-icon"
172144
- size="xs"
172145
- svgProps={
172146
- Object {
172147
- "style": Object {
172148
- "marginRight": "4px",
172149
- },
172150
- }
172151
- }
172152
- type="earth"
172197
+ <CapImage
172198
+ alt="Preview is being generated"
172199
+ className="rcs-image"
172200
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
172153
172201
  >
172154
- <CapIcon__AntIcon
172155
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
172156
- component={[Function]}
172157
- size="xs"
172202
+ <img
172203
+ alt="Preview is being generated"
172204
+ className="cap-image-v2 rcs-image"
172205
+ src="https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png"
172206
+ />
172207
+ </CapImage>
172208
+ <CapLabel
172209
+ className="message-pop-item align-left rcs-content"
172210
+ fontWeight="bold"
172211
+ type="label5"
172212
+ >
172213
+ <div
172214
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
172215
+ fontWeight="bold"
172216
+ type="label5"
172158
172217
  >
172159
- <Icon
172160
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
172161
- component={[Function]}
172218
+ Rcs title
172219
+ </div>
172220
+ </CapLabel>
172221
+ <CapLabel
172222
+ className="message-pop-item align-left rcs-content rcs-desc"
172223
+ type="label5"
172224
+ >
172225
+ <div
172226
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
172227
+ type="label5"
172228
+ >
172229
+ Rcs desc
172230
+ </div>
172231
+ </CapLabel>
172232
+ <CapLabel
172233
+ className="message-pop-item align-center rcs-content rcs-button-text"
172234
+ type="label21"
172235
+ >
172236
+ <div
172237
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
172238
+ type="label21"
172239
+ >
172240
+ <CapIcon
172241
+ className="rcs-icon"
172162
172242
  size="xs"
172243
+ svgProps={
172244
+ Object {
172245
+ "style": Object {
172246
+ "marginRight": "4px",
172247
+ },
172248
+ }
172249
+ }
172250
+ type="earth"
172163
172251
  >
172164
- <LocaleReceiver
172165
- componentName="Icon"
172252
+ <CapIcon__AntIcon
172253
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
172254
+ component={[Function]}
172255
+ size="xs"
172166
172256
  >
172167
- <i
172168
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
172257
+ <Icon
172258
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
172259
+ component={[Function]}
172169
172260
  size="xs"
172170
172261
  >
172171
- <component
172172
- aria-hidden={true}
172173
- className=""
172174
- fill="currentColor"
172175
- focusable="false"
172176
- height="1em"
172177
- width="1em"
172262
+ <LocaleReceiver
172263
+ componentName="Icon"
172178
172264
  >
172179
- <SvgEarth
172180
- style={
172181
- Object {
172182
- "marginRight": "4px",
172183
- }
172184
- }
172265
+ <i
172266
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
172267
+ size="xs"
172185
172268
  >
172186
- <svg
172269
+ <component
172270
+ aria-hidden={true}
172271
+ className=""
172187
172272
  fill="currentColor"
172273
+ focusable="false"
172188
172274
  height="1em"
172189
- style={
172190
- Object {
172191
- "marginRight": "4px",
172192
- }
172193
- }
172194
- viewBox="0 0 12 12"
172195
172275
  width="1em"
172196
- xmlns="http://www.w3.org/2000/svg"
172197
172276
  >
172198
- <path
172199
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
172200
- fill="#2466EA"
172201
- />
172202
- </svg>
172203
- </SvgEarth>
172204
- </component>
172205
- </i>
172206
- </LocaleReceiver>
172207
- </Icon>
172208
- </CapIcon__AntIcon>
172209
- </CapIcon>
172210
- text
172277
+ <SvgEarth
172278
+ style={
172279
+ Object {
172280
+ "marginRight": "4px",
172281
+ }
172282
+ }
172283
+ >
172284
+ <svg
172285
+ fill="currentColor"
172286
+ height="1em"
172287
+ style={
172288
+ Object {
172289
+ "marginRight": "4px",
172290
+ }
172291
+ }
172292
+ viewBox="0 0 12 12"
172293
+ width="1em"
172294
+ xmlns="http://www.w3.org/2000/svg"
172295
+ >
172296
+ <path
172297
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
172298
+ fill="#2466EA"
172299
+ />
172300
+ </svg>
172301
+ </SvgEarth>
172302
+ </component>
172303
+ </i>
172304
+ </LocaleReceiver>
172305
+ </Icon>
172306
+ </CapIcon__AntIcon>
172307
+ </CapIcon>
172308
+ text
172309
+ </div>
172310
+ </CapLabel>
172211
172311
  </div>
172212
- </CapLabel>
172312
+ </div>
172213
172313
  </div>
172214
172314
  </div>
172215
- </div>
172216
- </div>
172315
+ </Row>
172316
+ </CapRow>
172217
172317
  </div>
172218
172318
  </Col>
172219
172319
  </CapColumn>
@@ -192277,33 +192377,43 @@ new message content.",
192277
192377
  <div
192278
192378
  className="ant-col ant-col-24 cap-column-v2"
192279
192379
  >
192280
- <div
192380
+ <CapRow
192281
192381
  className="preview-container "
192282
192382
  key=".1"
192283
192383
  >
192284
- <div
192285
- className="shell-v2 align-center"
192384
+ <Row
192385
+ className="cap-row-v2 preview-container "
192386
+ gutter={0}
192286
192387
  >
192287
- <CapImage
192288
- alt="Preview is being generated"
192289
- className="preview-image"
192290
- src="test-file-stub"
192291
- >
192292
- <img
192293
- alt="Preview is being generated"
192294
- className="cap-image-v2 preview-image"
192295
- src="test-file-stub"
192296
- />
192297
- </CapImage>
192298
192388
  <div
192299
- className="msg-container sms"
192389
+ className="ant-row cap-row-v2 preview-container "
192300
192390
  >
192301
192391
  <div
192302
- className="message-pop sms"
192303
- />
192392
+ className="shell-v2 align-center"
192393
+ key=".7"
192394
+ >
192395
+ <CapImage
192396
+ alt="Preview is being generated"
192397
+ className="preview-image"
192398
+ src="test-file-stub"
192399
+ >
192400
+ <img
192401
+ alt="Preview is being generated"
192402
+ className="cap-image-v2 preview-image"
192403
+ src="test-file-stub"
192404
+ />
192405
+ </CapImage>
192406
+ <div
192407
+ className="msg-container sms"
192408
+ >
192409
+ <div
192410
+ className="message-pop sms"
192411
+ />
192412
+ </div>
192413
+ </div>
192304
192414
  </div>
192305
- </div>
192306
- </div>
192415
+ </Row>
192416
+ </CapRow>
192307
192417
  </div>
192308
192418
  </Col>
192309
192419
  </CapColumn>
@@ -199210,7 +199320,7 @@ new message content.",
199210
199320
  >
199211
199321
  <input
199212
199322
  accept="image/*"
199213
- id="fileName"
199323
+ id="imageFileName"
199214
199324
  key="imgFile"
199215
199325
  onChange={[Function]}
199216
199326
  style={
@@ -218310,148 +218420,158 @@ new message content.",
218310
218420
  <div
218311
218421
  className="ant-col ant-col-24 cap-column-v2"
218312
218422
  >
218313
- <div
218423
+ <CapRow
218314
218424
  className="preview-container "
218315
218425
  key=".1"
218316
218426
  >
218317
- <div
218318
- className="shell-v2 align-center"
218427
+ <Row
218428
+ className="cap-row-v2 preview-container "
218429
+ gutter={0}
218319
218430
  >
218320
- <CapImage
218321
- alt="Preview is being generated"
218322
- className="preview-image"
218323
- src="test-file-stub"
218324
- >
218325
- <img
218326
- alt="Preview is being generated"
218327
- className="cap-image-v2 preview-image"
218328
- src="test-file-stub"
218329
- />
218330
- </CapImage>
218331
218431
  <div
218332
- className="msg-container sms"
218432
+ className="ant-row cap-row-v2 preview-container "
218333
218433
  >
218334
218434
  <div
218335
- className="message-pop sms"
218435
+ className="shell-v2 align-center"
218436
+ key=".7"
218336
218437
  >
218337
218438
  <CapImage
218338
218439
  alt="Preview is being generated"
218339
- className="rcs-image"
218340
- src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/62f8c77c-f132-44d8-a822-0e90f57c.jpg"
218440
+ className="preview-image"
218441
+ src="test-file-stub"
218341
218442
  >
218342
218443
  <img
218343
218444
  alt="Preview is being generated"
218344
- className="cap-image-v2 rcs-image"
218345
- src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/62f8c77c-f132-44d8-a822-0e90f57c.jpg"
218445
+ className="cap-image-v2 preview-image"
218446
+ src="test-file-stub"
218346
218447
  />
218347
218448
  </CapImage>
218348
- <CapLabel
218349
- className="message-pop-item align-left rcs-content"
218350
- fontWeight="bold"
218351
- type="label5"
218352
- >
218353
- <div
218354
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
218355
- fontWeight="bold"
218356
- type="label5"
218357
- >
218358
- This is RCS title
218359
- </div>
218360
- </CapLabel>
218361
- <CapLabel
218362
- className="message-pop-item align-left rcs-content rcs-desc"
218363
- type="label5"
218364
- >
218365
- <div
218366
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
218367
- type="label5"
218368
- >
218369
- This is RCS description
218370
- </div>
218371
- </CapLabel>
218372
- <CapLabel
218373
- className="message-pop-item align-center rcs-content rcs-button-text"
218374
- type="label21"
218449
+ <div
218450
+ className="msg-container sms"
218375
218451
  >
218376
218452
  <div
218377
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
218378
- type="label21"
218453
+ className="message-pop sms"
218379
218454
  >
218380
- <CapIcon
218381
- className="rcs-icon"
218382
- size="xs"
218383
- svgProps={
218384
- Object {
218385
- "style": Object {
218386
- "marginRight": "4px",
218387
- },
218388
- }
218389
- }
218390
- type="earth"
218455
+ <CapImage
218456
+ alt="Preview is being generated"
218457
+ className="rcs-image"
218458
+ src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/62f8c77c-f132-44d8-a822-0e90f57c.jpg"
218391
218459
  >
218392
- <CapIcon__AntIcon
218393
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
218394
- component={[Function]}
218395
- size="xs"
218460
+ <img
218461
+ alt="Preview is being generated"
218462
+ className="cap-image-v2 rcs-image"
218463
+ src="https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/62f8c77c-f132-44d8-a822-0e90f57c.jpg"
218464
+ />
218465
+ </CapImage>
218466
+ <CapLabel
218467
+ className="message-pop-item align-left rcs-content"
218468
+ fontWeight="bold"
218469
+ type="label5"
218470
+ >
218471
+ <div
218472
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
218473
+ fontWeight="bold"
218474
+ type="label5"
218396
218475
  >
218397
- <Icon
218398
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
218399
- component={[Function]}
218476
+ This is RCS title
218477
+ </div>
218478
+ </CapLabel>
218479
+ <CapLabel
218480
+ className="message-pop-item align-left rcs-content rcs-desc"
218481
+ type="label5"
218482
+ >
218483
+ <div
218484
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
218485
+ type="label5"
218486
+ >
218487
+ This is RCS description
218488
+ </div>
218489
+ </CapLabel>
218490
+ <CapLabel
218491
+ className="message-pop-item align-center rcs-content rcs-button-text"
218492
+ type="label21"
218493
+ >
218494
+ <div
218495
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
218496
+ type="label21"
218497
+ >
218498
+ <CapIcon
218499
+ className="rcs-icon"
218400
218500
  size="xs"
218501
+ svgProps={
218502
+ Object {
218503
+ "style": Object {
218504
+ "marginRight": "4px",
218505
+ },
218506
+ }
218507
+ }
218508
+ type="earth"
218401
218509
  >
218402
- <LocaleReceiver
218403
- componentName="Icon"
218510
+ <CapIcon__AntIcon
218511
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
218512
+ component={[Function]}
218513
+ size="xs"
218404
218514
  >
218405
- <i
218406
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
218515
+ <Icon
218516
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
218517
+ component={[Function]}
218407
218518
  size="xs"
218408
218519
  >
218409
- <component
218410
- aria-hidden={true}
218411
- className=""
218412
- fill="currentColor"
218413
- focusable="false"
218414
- height="1em"
218415
- width="1em"
218520
+ <LocaleReceiver
218521
+ componentName="Icon"
218416
218522
  >
218417
- <SvgEarth
218418
- style={
218419
- Object {
218420
- "marginRight": "4px",
218421
- }
218422
- }
218523
+ <i
218524
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
218525
+ size="xs"
218423
218526
  >
218424
- <svg
218527
+ <component
218528
+ aria-hidden={true}
218529
+ className=""
218425
218530
  fill="currentColor"
218531
+ focusable="false"
218426
218532
  height="1em"
218427
- style={
218428
- Object {
218429
- "marginRight": "4px",
218430
- }
218431
- }
218432
- viewBox="0 0 12 12"
218433
218533
  width="1em"
218434
- xmlns="http://www.w3.org/2000/svg"
218435
218534
  >
218436
- <path
218437
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
218438
- fill="#2466EA"
218439
- />
218440
- </svg>
218441
- </SvgEarth>
218442
- </component>
218443
- </i>
218444
- </LocaleReceiver>
218445
- </Icon>
218446
- </CapIcon__AntIcon>
218447
- </CapIcon>
218448
- text
218535
+ <SvgEarth
218536
+ style={
218537
+ Object {
218538
+ "marginRight": "4px",
218539
+ }
218540
+ }
218541
+ >
218542
+ <svg
218543
+ fill="currentColor"
218544
+ height="1em"
218545
+ style={
218546
+ Object {
218547
+ "marginRight": "4px",
218548
+ }
218549
+ }
218550
+ viewBox="0 0 12 12"
218551
+ width="1em"
218552
+ xmlns="http://www.w3.org/2000/svg"
218553
+ >
218554
+ <path
218555
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
218556
+ fill="#2466EA"
218557
+ />
218558
+ </svg>
218559
+ </SvgEarth>
218560
+ </component>
218561
+ </i>
218562
+ </LocaleReceiver>
218563
+ </Icon>
218564
+ </CapIcon__AntIcon>
218565
+ </CapIcon>
218566
+ text
218567
+ </div>
218568
+ </CapLabel>
218449
218569
  </div>
218450
- </CapLabel>
218570
+ </div>
218451
218571
  </div>
218452
218572
  </div>
218453
- </div>
218454
- </div>
218573
+ </Row>
218574
+ </CapRow>
218455
218575
  </div>
218456
218576
  </Col>
218457
218577
  </CapColumn>
@@ -236533,137 +236653,147 @@ new message content.",
236533
236653
  <div
236534
236654
  className="ant-col ant-col-24 cap-column-v2"
236535
236655
  >
236536
- <div
236656
+ <CapRow
236537
236657
  className="preview-container "
236538
236658
  key=".1"
236539
236659
  >
236540
- <div
236541
- className="shell-v2 align-center"
236660
+ <Row
236661
+ className="cap-row-v2 preview-container "
236662
+ gutter={0}
236542
236663
  >
236543
- <CapImage
236544
- alt="Preview is being generated"
236545
- className="preview-image"
236546
- src="test-file-stub"
236547
- >
236548
- <img
236549
- alt="Preview is being generated"
236550
- className="cap-image-v2 preview-image"
236551
- src="test-file-stub"
236552
- />
236553
- </CapImage>
236554
236664
  <div
236555
- className="msg-container sms"
236665
+ className="ant-row cap-row-v2 preview-container "
236556
236666
  >
236557
236667
  <div
236558
- className="message-pop sms"
236668
+ className="shell-v2 align-center"
236669
+ key=".7"
236559
236670
  >
236560
- <CapLabel
236561
- className="message-pop-item align-left rcs-content"
236562
- fontWeight="bold"
236563
- type="label5"
236564
- >
236565
- <div
236566
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
236567
- fontWeight="bold"
236568
- type="label5"
236569
- >
236570
- Rcs title
236571
- </div>
236572
- </CapLabel>
236573
- <CapLabel
236574
- className="message-pop-item align-left rcs-content rcs-desc"
236575
- type="label5"
236671
+ <CapImage
236672
+ alt="Preview is being generated"
236673
+ className="preview-image"
236674
+ src="test-file-stub"
236576
236675
  >
236577
- <div
236578
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
236579
- type="label5"
236580
- >
236581
- Rcs desc
236582
- </div>
236583
- </CapLabel>
236584
- <CapLabel
236585
- className="message-pop-item align-center rcs-content rcs-button-text"
236586
- type="label21"
236676
+ <img
236677
+ alt="Preview is being generated"
236678
+ className="cap-image-v2 preview-image"
236679
+ src="test-file-stub"
236680
+ />
236681
+ </CapImage>
236682
+ <div
236683
+ className="msg-container sms"
236587
236684
  >
236588
236685
  <div
236589
- className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
236590
- type="label21"
236686
+ className="message-pop sms"
236591
236687
  >
236592
- <CapIcon
236593
- className="rcs-icon"
236594
- size="xs"
236595
- svgProps={
236596
- Object {
236597
- "style": Object {
236598
- "marginRight": "4px",
236599
- },
236600
- }
236601
- }
236602
- type="earth"
236688
+ <CapLabel
236689
+ className="message-pop-item align-left rcs-content"
236690
+ fontWeight="bold"
236691
+ type="label5"
236603
236692
  >
236604
- <CapIcon__AntIcon
236605
- className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
236606
- component={[Function]}
236607
- size="xs"
236693
+ <div
236694
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
236695
+ fontWeight="bold"
236696
+ type="label5"
236608
236697
  >
236609
- <Icon
236610
- className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
236611
- component={[Function]}
236698
+ Rcs title
236699
+ </div>
236700
+ </CapLabel>
236701
+ <CapLabel
236702
+ className="message-pop-item align-left rcs-content rcs-desc"
236703
+ type="label5"
236704
+ >
236705
+ <div
236706
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
236707
+ type="label5"
236708
+ >
236709
+ Rcs desc
236710
+ </div>
236711
+ </CapLabel>
236712
+ <CapLabel
236713
+ className="message-pop-item align-center rcs-content rcs-button-text"
236714
+ type="label21"
236715
+ >
236716
+ <div
236717
+ className="CapLabel-n7zsf5-0 dRElvL message-pop-item align-center rcs-content rcs-button-text"
236718
+ type="label21"
236719
+ >
236720
+ <CapIcon
236721
+ className="rcs-icon"
236612
236722
  size="xs"
236723
+ svgProps={
236724
+ Object {
236725
+ "style": Object {
236726
+ "marginRight": "4px",
236727
+ },
236728
+ }
236729
+ }
236730
+ type="earth"
236613
236731
  >
236614
- <LocaleReceiver
236615
- componentName="Icon"
236732
+ <CapIcon__AntIcon
236733
+ className="cap-icon-v2 cap-icon-v2-earth rcs-icon"
236734
+ component={[Function]}
236735
+ size="xs"
236616
236736
  >
236617
- <i
236618
- className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
236737
+ <Icon
236738
+ className="CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
236739
+ component={[Function]}
236619
236740
  size="xs"
236620
236741
  >
236621
- <component
236622
- aria-hidden={true}
236623
- className=""
236624
- fill="currentColor"
236625
- focusable="false"
236626
- height="1em"
236627
- width="1em"
236742
+ <LocaleReceiver
236743
+ componentName="Icon"
236628
236744
  >
236629
- <SvgEarth
236630
- style={
236631
- Object {
236632
- "marginRight": "4px",
236633
- }
236634
- }
236745
+ <i
236746
+ className="anticon CapIcon__AntIcon-sc-52535-0 hgyXXC cap-icon-v2 cap-icon-v2-earth rcs-icon"
236747
+ size="xs"
236635
236748
  >
236636
- <svg
236749
+ <component
236750
+ aria-hidden={true}
236751
+ className=""
236637
236752
  fill="currentColor"
236753
+ focusable="false"
236638
236754
  height="1em"
236639
- style={
236640
- Object {
236641
- "marginRight": "4px",
236642
- }
236643
- }
236644
- viewBox="0 0 12 12"
236645
236755
  width="1em"
236646
- xmlns="http://www.w3.org/2000/svg"
236647
236756
  >
236648
- <path
236649
- d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
236650
- fill="#2466EA"
236651
- />
236652
- </svg>
236653
- </SvgEarth>
236654
- </component>
236655
- </i>
236656
- </LocaleReceiver>
236657
- </Icon>
236658
- </CapIcon__AntIcon>
236659
- </CapIcon>
236660
- text
236757
+ <SvgEarth
236758
+ style={
236759
+ Object {
236760
+ "marginRight": "4px",
236761
+ }
236762
+ }
236763
+ >
236764
+ <svg
236765
+ fill="currentColor"
236766
+ height="1em"
236767
+ style={
236768
+ Object {
236769
+ "marginRight": "4px",
236770
+ }
236771
+ }
236772
+ viewBox="0 0 12 12"
236773
+ width="1em"
236774
+ xmlns="http://www.w3.org/2000/svg"
236775
+ >
236776
+ <path
236777
+ d="M9.54 9.234A1.204 1.204 0 0 0 8.4 8.4h-.6V6.6a.6.6 0 0 0-.6-.6H3.6V4.8h1.2a.6.6 0 0 0 .6-.6V3h1.2a1.2 1.2 0 0 0 1.2-1.2v-.246a4.79 4.79 0 0 1 1.74 7.68M5.4 10.758A4.793 4.793 0 0 1 1.2 6c0-.372.048-.732.126-1.074L4.2 7.8v.6a1.2 1.2 0 0 0 1.2 1.2M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0z"
236778
+ fill="#2466EA"
236779
+ />
236780
+ </svg>
236781
+ </SvgEarth>
236782
+ </component>
236783
+ </i>
236784
+ </LocaleReceiver>
236785
+ </Icon>
236786
+ </CapIcon__AntIcon>
236787
+ </CapIcon>
236788
+ text
236789
+ </div>
236790
+ </CapLabel>
236661
236791
  </div>
236662
- </CapLabel>
236792
+ </div>
236663
236793
  </div>
236664
236794
  </div>
236665
- </div>
236666
- </div>
236795
+ </Row>
236796
+ </CapRow>
236667
236797
  </div>
236668
236798
  </Col>
236669
236799
  </CapColumn>
@@ -257004,45 +257134,55 @@ new message content.",
257004
257134
  <div
257005
257135
  className="ant-col ant-col-24 cap-column-v2"
257006
257136
  >
257007
- <div
257137
+ <CapRow
257008
257138
  className="preview-container "
257009
257139
  key=".1"
257010
257140
  >
257011
- <div
257012
- className="shell-v2 align-center"
257141
+ <Row
257142
+ className="cap-row-v2 preview-container "
257143
+ gutter={0}
257013
257144
  >
257014
- <CapImage
257015
- alt="Preview is being generated"
257016
- className="preview-image"
257017
- src="test-file-stub"
257018
- >
257019
- <img
257020
- alt="Preview is being generated"
257021
- className="cap-image-v2 preview-image"
257022
- src="test-file-stub"
257023
- />
257024
- </CapImage>
257025
257145
  <div
257026
- className="msg-container sms"
257146
+ className="ant-row cap-row-v2 preview-container "
257027
257147
  >
257028
257148
  <div
257029
- className="message-pop sms"
257149
+ className="shell-v2 align-center"
257150
+ key=".7"
257030
257151
  >
257031
- <CapLabel
257032
- className="message-pop-item align-left rcs-content rcs-desc"
257033
- type="label5"
257152
+ <CapImage
257153
+ alt="Preview is being generated"
257154
+ className="preview-image"
257155
+ src="test-file-stub"
257156
+ >
257157
+ <img
257158
+ alt="Preview is being generated"
257159
+ className="cap-image-v2 preview-image"
257160
+ src="test-file-stub"
257161
+ />
257162
+ </CapImage>
257163
+ <div
257164
+ className="msg-container sms"
257034
257165
  >
257035
257166
  <div
257036
- className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
257037
- type="label5"
257167
+ className="message-pop sms"
257038
257168
  >
257039
- test_desc
257169
+ <CapLabel
257170
+ className="message-pop-item align-left rcs-content rcs-desc"
257171
+ type="label5"
257172
+ >
257173
+ <div
257174
+ className="CapLabel-n7zsf5-0 hFUFPE message-pop-item align-left rcs-content rcs-desc"
257175
+ type="label5"
257176
+ >
257177
+ test_desc
257178
+ </div>
257179
+ </CapLabel>
257040
257180
  </div>
257041
- </CapLabel>
257181
+ </div>
257042
257182
  </div>
257043
257183
  </div>
257044
- </div>
257045
- </div>
257184
+ </Row>
257185
+ </CapRow>
257046
257186
  </div>
257047
257187
  </Col>
257048
257188
  </CapColumn>
@@ -277659,33 +277799,43 @@ new message content.",
277659
277799
  <div
277660
277800
  className="ant-col ant-col-24 cap-column-v2"
277661
277801
  >
277662
- <div
277802
+ <CapRow
277663
277803
  className="preview-container "
277664
277804
  key=".1"
277665
277805
  >
277666
- <div
277667
- className="shell-v2 align-center"
277806
+ <Row
277807
+ className="cap-row-v2 preview-container "
277808
+ gutter={0}
277668
277809
  >
277669
- <CapImage
277670
- alt="Preview is being generated"
277671
- className="preview-image"
277672
- src="test-file-stub"
277673
- >
277674
- <img
277675
- alt="Preview is being generated"
277676
- className="cap-image-v2 preview-image"
277677
- src="test-file-stub"
277678
- />
277679
- </CapImage>
277680
277810
  <div
277681
- className="msg-container sms"
277811
+ className="ant-row cap-row-v2 preview-container "
277682
277812
  >
277683
277813
  <div
277684
- className="message-pop sms"
277685
- />
277814
+ className="shell-v2 align-center"
277815
+ key=".7"
277816
+ >
277817
+ <CapImage
277818
+ alt="Preview is being generated"
277819
+ className="preview-image"
277820
+ src="test-file-stub"
277821
+ >
277822
+ <img
277823
+ alt="Preview is being generated"
277824
+ className="cap-image-v2 preview-image"
277825
+ src="test-file-stub"
277826
+ />
277827
+ </CapImage>
277828
+ <div
277829
+ className="msg-container sms"
277830
+ >
277831
+ <div
277832
+ className="message-pop sms"
277833
+ />
277834
+ </div>
277835
+ </div>
277686
277836
  </div>
277687
- </div>
277688
- </div>
277837
+ </Row>
277838
+ </CapRow>
277689
277839
  </div>
277690
277840
  </Col>
277691
277841
  </CapColumn>
@@ -297745,33 +297895,43 @@ new message content.",
297745
297895
  <div
297746
297896
  className="ant-col ant-col-24 cap-column-v2"
297747
297897
  >
297748
- <div
297898
+ <CapRow
297749
297899
  className="preview-container "
297750
297900
  key=".1"
297751
297901
  >
297752
- <div
297753
- className="shell-v2 align-center"
297902
+ <Row
297903
+ className="cap-row-v2 preview-container "
297904
+ gutter={0}
297754
297905
  >
297755
- <CapImage
297756
- alt="Preview is being generated"
297757
- className="preview-image"
297758
- src="test-file-stub"
297759
- >
297760
- <img
297761
- alt="Preview is being generated"
297762
- className="cap-image-v2 preview-image"
297763
- src="test-file-stub"
297764
- />
297765
- </CapImage>
297766
297906
  <div
297767
- className="msg-container sms"
297907
+ className="ant-row cap-row-v2 preview-container "
297768
297908
  >
297769
297909
  <div
297770
- className="message-pop sms"
297771
- />
297910
+ className="shell-v2 align-center"
297911
+ key=".7"
297912
+ >
297913
+ <CapImage
297914
+ alt="Preview is being generated"
297915
+ className="preview-image"
297916
+ src="test-file-stub"
297917
+ >
297918
+ <img
297919
+ alt="Preview is being generated"
297920
+ className="cap-image-v2 preview-image"
297921
+ src="test-file-stub"
297922
+ />
297923
+ </CapImage>
297924
+ <div
297925
+ className="msg-container sms"
297926
+ >
297927
+ <div
297928
+ className="message-pop sms"
297929
+ />
297930
+ </div>
297931
+ </div>
297772
297932
  </div>
297773
- </div>
297774
- </div>
297933
+ </Row>
297934
+ </CapRow>
297775
297935
  </div>
297776
297936
  </Col>
297777
297937
  </CapColumn>
@@ -318108,33 +318268,43 @@ new message content.",
318108
318268
  <div
318109
318269
  className="ant-col ant-col-24 cap-column-v2"
318110
318270
  >
318111
- <div
318271
+ <CapRow
318112
318272
  className="preview-container "
318113
318273
  key=".1"
318114
318274
  >
318115
- <div
318116
- className="shell-v2 align-center"
318275
+ <Row
318276
+ className="cap-row-v2 preview-container "
318277
+ gutter={0}
318117
318278
  >
318118
- <CapImage
318119
- alt="Preview is being generated"
318120
- className="preview-image"
318121
- src="test-file-stub"
318122
- >
318123
- <img
318124
- alt="Preview is being generated"
318125
- className="cap-image-v2 preview-image"
318126
- src="test-file-stub"
318127
- />
318128
- </CapImage>
318129
318279
  <div
318130
- className="msg-container sms"
318280
+ className="ant-row cap-row-v2 preview-container "
318131
318281
  >
318132
318282
  <div
318133
- className="message-pop sms"
318134
- />
318283
+ className="shell-v2 align-center"
318284
+ key=".7"
318285
+ >
318286
+ <CapImage
318287
+ alt="Preview is being generated"
318288
+ className="preview-image"
318289
+ src="test-file-stub"
318290
+ >
318291
+ <img
318292
+ alt="Preview is being generated"
318293
+ className="cap-image-v2 preview-image"
318294
+ src="test-file-stub"
318295
+ />
318296
+ </CapImage>
318297
+ <div
318298
+ className="msg-container sms"
318299
+ >
318300
+ <div
318301
+ className="message-pop sms"
318302
+ />
318303
+ </div>
318304
+ </div>
318135
318305
  </div>
318136
- </div>
318137
- </div>
318306
+ </Row>
318307
+ </CapRow>
318138
318308
  </div>
318139
318309
  </Col>
318140
318310
  </CapColumn>
@@ -338754,33 +338924,43 @@ new message content.",
338754
338924
  <div
338755
338925
  className="ant-col ant-col-24 cap-column-v2"
338756
338926
  >
338757
- <div
338927
+ <CapRow
338758
338928
  className="preview-container "
338759
338929
  key=".1"
338760
338930
  >
338761
- <div
338762
- className="shell-v2 align-center"
338931
+ <Row
338932
+ className="cap-row-v2 preview-container "
338933
+ gutter={0}
338763
338934
  >
338764
- <CapImage
338765
- alt="Preview is being generated"
338766
- className="preview-image"
338767
- src="test-file-stub"
338768
- >
338769
- <img
338770
- alt="Preview is being generated"
338771
- className="cap-image-v2 preview-image"
338772
- src="test-file-stub"
338773
- />
338774
- </CapImage>
338775
338935
  <div
338776
- className="msg-container sms"
338936
+ className="ant-row cap-row-v2 preview-container "
338777
338937
  >
338778
338938
  <div
338779
- className="message-pop sms"
338780
- />
338939
+ className="shell-v2 align-center"
338940
+ key=".7"
338941
+ >
338942
+ <CapImage
338943
+ alt="Preview is being generated"
338944
+ className="preview-image"
338945
+ src="test-file-stub"
338946
+ >
338947
+ <img
338948
+ alt="Preview is being generated"
338949
+ className="cap-image-v2 preview-image"
338950
+ src="test-file-stub"
338951
+ />
338952
+ </CapImage>
338953
+ <div
338954
+ className="msg-container sms"
338955
+ >
338956
+ <div
338957
+ className="message-pop sms"
338958
+ />
338959
+ </div>
338960
+ </div>
338781
338961
  </div>
338782
- </div>
338783
- </div>
338962
+ </Row>
338963
+ </CapRow>
338784
338964
  </div>
338785
338965
  </Col>
338786
338966
  </CapColumn>
@@ -359117,47 +359297,57 @@ new message content.",
359117
359297
  <div
359118
359298
  className="ant-col ant-col-24 cap-column-v2"
359119
359299
  >
359120
- <div
359300
+ <CapRow
359121
359301
  className="preview-container "
359122
359302
  key=".1"
359123
359303
  >
359124
- <div
359125
- className="shell-v2 align-center"
359304
+ <Row
359305
+ className="cap-row-v2 preview-container "
359306
+ gutter={0}
359126
359307
  >
359127
- <CapImage
359128
- alt="Preview is being generated"
359129
- className="preview-image"
359130
- src="test-file-stub"
359131
- >
359132
- <img
359133
- alt="Preview is being generated"
359134
- className="cap-image-v2 preview-image"
359135
- src="test-file-stub"
359136
- />
359137
- </CapImage>
359138
359308
  <div
359139
- className="msg-container sms"
359309
+ className="ant-row cap-row-v2 preview-container "
359140
359310
  >
359141
359311
  <div
359142
- className="message-pop sms"
359312
+ className="shell-v2 align-center"
359313
+ key=".7"
359143
359314
  >
359144
- <CapLabel
359145
- className="message-pop-item align-left rcs-content"
359146
- fontWeight="bold"
359147
- type="label5"
359315
+ <CapImage
359316
+ alt="Preview is being generated"
359317
+ className="preview-image"
359318
+ src="test-file-stub"
359319
+ >
359320
+ <img
359321
+ alt="Preview is being generated"
359322
+ className="cap-image-v2 preview-image"
359323
+ src="test-file-stub"
359324
+ />
359325
+ </CapImage>
359326
+ <div
359327
+ className="msg-container sms"
359148
359328
  >
359149
359329
  <div
359150
- className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
359151
- fontWeight="bold"
359152
- type="label5"
359330
+ className="message-pop sms"
359153
359331
  >
359154
- test_title
359332
+ <CapLabel
359333
+ className="message-pop-item align-left rcs-content"
359334
+ fontWeight="bold"
359335
+ type="label5"
359336
+ >
359337
+ <div
359338
+ className="CapLabel-n7zsf5-0 egyKSK message-pop-item align-left rcs-content"
359339
+ fontWeight="bold"
359340
+ type="label5"
359341
+ >
359342
+ test_title
359343
+ </div>
359344
+ </CapLabel>
359155
359345
  </div>
359156
- </CapLabel>
359346
+ </div>
359157
359347
  </div>
359158
359348
  </div>
359159
- </div>
359160
- </div>
359349
+ </Row>
359350
+ </CapRow>
359161
359351
  </div>
359162
359352
  </Col>
359163
359353
  </CapColumn>
@@ -379771,33 +379961,43 @@ new message content.",
379771
379961
  <div
379772
379962
  className="ant-col ant-col-24 cap-column-v2"
379773
379963
  >
379774
- <div
379964
+ <CapRow
379775
379965
  className="preview-container "
379776
379966
  key=".1"
379777
379967
  >
379778
- <div
379779
- className="shell-v2 align-center"
379968
+ <Row
379969
+ className="cap-row-v2 preview-container "
379970
+ gutter={0}
379780
379971
  >
379781
- <CapImage
379782
- alt="Preview is being generated"
379783
- className="preview-image"
379784
- src="test-file-stub"
379785
- >
379786
- <img
379787
- alt="Preview is being generated"
379788
- className="cap-image-v2 preview-image"
379789
- src="test-file-stub"
379790
- />
379791
- </CapImage>
379792
379972
  <div
379793
- className="msg-container sms"
379973
+ className="ant-row cap-row-v2 preview-container "
379794
379974
  >
379795
379975
  <div
379796
- className="message-pop sms"
379797
- />
379976
+ className="shell-v2 align-center"
379977
+ key=".7"
379978
+ >
379979
+ <CapImage
379980
+ alt="Preview is being generated"
379981
+ className="preview-image"
379982
+ src="test-file-stub"
379983
+ >
379984
+ <img
379985
+ alt="Preview is being generated"
379986
+ className="cap-image-v2 preview-image"
379987
+ src="test-file-stub"
379988
+ />
379989
+ </CapImage>
379990
+ <div
379991
+ className="msg-container sms"
379992
+ >
379993
+ <div
379994
+ className="message-pop sms"
379995
+ />
379996
+ </div>
379997
+ </div>
379798
379998
  </div>
379799
- </div>
379800
- </div>
379999
+ </Row>
380000
+ </CapRow>
379801
380001
  </div>
379802
380002
  </Col>
379803
380003
  </CapColumn>