@capillarytech/creatives-library 8.0.255 → 8.0.257

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 (14) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CommonTestAndPreview/UnifiedPreview/InAppPreviewContent.js +3 -3
  3. package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js +3 -3
  4. package/v2Components/CommonTestAndPreview/UnifiedPreview/SmsPreviewContent.js +3 -3
  5. package/v2Components/CommonTestAndPreview/UnifiedPreview/ViberPreviewContent.js +3 -3
  6. package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js +1 -1
  7. package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss +37 -6
  8. package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +0 -2
  9. package/v2Components/TemplatePreview/_templatePreview.scss +1 -2
  10. package/v2Components/TestAndPreviewSlidebox/_testAndPreviewSlidebox.scss +0 -1
  11. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +36 -36
  12. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +12 -12
  13. package/v2Containers/Whatsapp/index.js +1 -1
  14. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +136 -170
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.255",
4
+ "version": "8.0.257",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Components/CommonTestAndPreview/UnifiedPreview/InAppPreviewContent.js CHANGED
@@ -61,7 +61,7 @@ const InAppPreviewContent = ({
61
61
  src={deviceImage}
62
62
  alt={`${deviceName} Device`}
63
63
  />
64
- <CapRow className="sms-content-overlay">
64
+ <CapRow className="sms-content-overlay inapp-content-overlay-height">
65
65
  <CapRow className="sms-loading-container">
66
66
  <CapSpin size="large" />
67
67
  <CapRow className="sms-loading-text">
@@ -82,7 +82,7 @@ const InAppPreviewContent = ({
82
82
  src={deviceImage}
83
83
  alt={`${deviceName} Device`}
84
84
  />
85
- <CapRow className="sms-content-overlay">
85
+ <CapRow className="sms-content-overlay inapp-content-overlay-height">
86
86
  <CapRow className="sms-error-container">
87
87
  <CapIcon type="exclamation-circle" style={{ fontSize: '48px', color: '#ff4d4f' }} />
88
88
  <CapRow className="sms-error-text">
@@ -107,7 +107,7 @@ const InAppPreviewContent = ({
107
107
  />
108
108
 
109
109
  {/* Content Overlay - Use TemplatePreview's InApp structure (lines 1409-1486) */}
110
- <CapRow className={`sms-content-overlay ${!showHeader ? 'inapp-content-overlay' : ''} sms-${device}`}>
110
+ <CapRow className={`sms-content-overlay inapp-content-overlay-height ${!showHeader ? 'inapp-content-overlay' : ''} sms-${device}`}>
111
111
  {/* TemplatePreview InApp structure - shell-v2 wrapper */}
112
112
  <CapRow className={`inapp-shell-v2 inapp-${device}`}>
113
113
  {/* preview-image div wrapper */}
package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js CHANGED
@@ -182,7 +182,7 @@ const RcsPreviewContent = ({
182
182
  src={deviceImage}
183
183
  alt={`${deviceName} Device`}
184
184
  />
185
- <CapRow className="sms-content-overlay">
185
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
186
186
  <CapRow className="sms-loading-container">
187
187
  <CapSpin size="large" />
188
188
  <CapRow className="sms-loading-text">
@@ -203,7 +203,7 @@ const RcsPreviewContent = ({
203
203
  src={deviceImage}
204
204
  alt={`${deviceName} Device`}
205
205
  />
206
- <CapRow className="sms-content-overlay">
206
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
207
207
  <CapRow className="sms-error-container">
208
208
  <CapIcon type="exclamation-circle" className="exclamation-circle" />
209
209
  <CapRow className="sms-error-text">
@@ -239,7 +239,7 @@ const RcsPreviewContent = ({
239
239
  />
240
240
 
241
241
  {/* Content Overlay */}
242
- <CapRow className={`sms-content-overlay sms-preview sms-${device}`}>
242
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device} sms-preview sms-${device}`}>
243
243
  {/* Navigation Bar - Same as SMS */}
244
244
  <CapRow className={`sms-navigation-bar ${!showHeader ? 'sms-navigation-bar-no-header' : ''}`}>
245
245
  <CapIcon type="chevron-left" className="sms-back-arrow" />
package/v2Components/CommonTestAndPreview/UnifiedPreview/SmsPreviewContent.js CHANGED
@@ -50,7 +50,7 @@ const SmsPreviewContent = ({
50
50
  src={deviceImage}
51
51
  alt={`${deviceName} Device`}
52
52
  />
53
- <CapRow className="sms-content-overlay">
53
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
54
54
  <CapRow className="sms-loading-container">
55
55
  <CapSpin size="large" />
56
56
  <CapRow className="sms-loading-text">
@@ -71,7 +71,7 @@ const SmsPreviewContent = ({
71
71
  src={deviceImage}
72
72
  alt={`${deviceName} Device`}
73
73
  />
74
- <CapRow className="sms-content-overlay">
74
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device}`}>
75
75
  <CapRow className="sms-error-container">
76
76
  <CapIcon type="exclamation-circle" className="exclamation-circle" />
77
77
  <CapRow className="sms-error-text">
@@ -104,7 +104,7 @@ const SmsPreviewContent = ({
104
104
  />
105
105
 
106
106
  {/* Content Overlay */}
107
- <CapRow className={`sms-content-overlay sms-preview sms-${device}`}>
107
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device} sms-preview sms-${device}`}>
108
108
  {/* Navigation Bar */}
109
109
  <CapRow className={`sms-navigation-bar ${!showHeader ? 'sms-navigation-bar-no-header' : ''}`}>
110
110
  <CapIcon type="chevron-left" className="sms-back-arrow" />
package/v2Components/CommonTestAndPreview/UnifiedPreview/ViberPreviewContent.js CHANGED
@@ -65,7 +65,7 @@ const ViberPreviewContent = ({
65
65
  src={deviceImage}
66
66
  alt={`${deviceName} Device`}
67
67
  />
68
- <CapRow className="sms-content-overlay viber-content-overlay">
68
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device} viber-content-overlay`}>
69
69
  <CapRow className="sms-loading-container">
70
70
  <CapSpin size="large" />
71
71
  <CapRow className="sms-loading-text">
@@ -86,7 +86,7 @@ const ViberPreviewContent = ({
86
86
  src={deviceImage}
87
87
  alt={`${deviceName} Device`}
88
88
  />
89
- <CapRow className="sms-content-overlay viber-content-overlay">
89
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device} viber-content-overlay`}>
90
90
  <CapRow className="sms-error-container">
91
91
  <CapIcon type="exclamation-circle" className="exclamation-circle" />
92
92
  <CapRow className="sms-error-text">
@@ -113,7 +113,7 @@ const ViberPreviewContent = ({
113
113
  />
114
114
 
115
115
  {/* Content Overlay */}
116
- <CapRow className={`sms-content-overlay ${device === ANDROID ? 'viber-content-overlay' : ''} viber-preview viber-${device}`}>
116
+ <CapRow className={`sms-content-overlay sms-content-overlay-${device} ${device === ANDROID ? 'viber-content-overlay' : ''} viber-preview viber-${device}`}>
117
117
  {/* Navigation Bar (same as SMS) */}
118
118
  <CapRow className={`sms-navigation-bar ${device === ANDROID && !showHeader ? 'viber-navigation-bar' : ''}`}>
119
119
  <CapIcon type="chevron-left" className="sms-back-arrow" />
package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js CHANGED
@@ -122,7 +122,7 @@ const WhatsAppPreviewContent = ({
122
122
  src={deviceImage}
123
123
  alt={formatMessage(messages.previewGenerated)}
124
124
  />
125
- <CapLabel className="whatsapp-brand-name">
125
+ <CapLabel className={`whatsapp-brand-name whatsapp-brand-name-${device}`}>
126
126
  {accountName || ''}
127
127
  </CapLabel>
128
128
  <CapRow className={`msg-container whatsapp-message-container ${content?.carouselData && 'msg-container-carousel'}`}>
package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss CHANGED
@@ -495,7 +495,6 @@
495
495
 
496
496
  // Email Content
497
497
  .email-content {
498
- height: 42.857rem;
499
498
  border-top: $CAP_SPACE_01 solid $CAP_G12;
500
499
  padding: 0 1.142rem;
501
500
  position: relative;
@@ -504,7 +503,6 @@
504
503
  iframe {
505
504
  border: none;
506
505
  width: 100%;
507
- height: 100%;
508
506
  display: block;
509
507
  }
510
508
 
@@ -582,6 +580,18 @@
582
580
  display: flex;
583
581
  flex-direction: column;
584
582
 
583
+ &.sms-content-overlay-android {
584
+ height: calc(100% - 3.8rem);
585
+ }
586
+
587
+ &.sms-content-overlay-ios {
588
+ height: calc(100% - 5rem);
589
+ }
590
+
591
+ &.inapp-content-overlay-height {
592
+ height: calc(100% - 4.8rem);
593
+ }
594
+
585
595
  // Android-specific overrides for SMS preview
586
596
  &.sms-preview.sms-android {
587
597
  top: 3.1rem;
@@ -856,15 +866,23 @@
856
866
 
857
867
  .whatsapp-brand-name {
858
868
  position: absolute;
859
- top: 8.5%;
860
- left: 35%;
861
- color: $CAP_WHITE;
862
869
  font-size: small;
863
870
  max-width: 7.143rem;
864
871
  text-overflow: ellipsis;
865
872
  overflow: hidden;
866
873
  white-space: nowrap;
874
+ }
875
+
876
+ .whatsapp-brand-name-android {
877
+ color: $CAP_WHITE;
867
878
  background-color: #006D60;
879
+ top: 8.5%;
880
+ left: 35%;
881
+ }
882
+ .whatsapp-brand-name-ios {
883
+ background-color: $CAP_WHITE;
884
+ top: 8%;
885
+ left: 37%;
868
886
  }
869
887
 
870
888
  .whatsapp-divider {
@@ -1007,6 +1025,9 @@
1007
1025
  width: $CAP_SPACE_48;
1008
1026
  height: $CAP_SPACE_48;
1009
1027
  filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
1028
+ position: relative;
1029
+ right: 0;
1030
+ bottom: 0;
1010
1031
  }
1011
1032
  }
1012
1033
  }
@@ -1095,6 +1116,8 @@
1095
1116
  height: 100%;
1096
1117
  align-items: center;
1097
1118
  padding: 0 $CAP_SPACE_16;
1119
+ border-bottom-left-radius: 2.6rem;
1120
+ border-bottom-right-radius: 2.6rem;
1098
1121
  .inapp-title-FULLSCREEN {
1099
1122
  align-items: center;
1100
1123
  text-align: center;
@@ -1159,7 +1182,7 @@
1159
1182
  border-radius: $CAP_SPACE_16;
1160
1183
  align-items: center;
1161
1184
  padding: $CAP_SPACE_04 $CAP_SPACE_16;
1162
- top: 55%;
1185
+ top: 80%;
1163
1186
  .inapp-title-FOOTER {
1164
1187
  position: relative;
1165
1188
  padding-left: 5.857rem;
@@ -2019,6 +2042,9 @@
2019
2042
  width: $CAP_SPACE_48;
2020
2043
  height: $CAP_SPACE_48;
2021
2044
  filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
2045
+ position: relative;
2046
+ right: 0;
2047
+ bottom: 0;
2022
2048
  }
2023
2049
  }
2024
2050
  }
@@ -2067,6 +2093,8 @@
2067
2093
  background-color: #ffffff;
2068
2094
  margin-left: $CAP_SPACE_06;
2069
2095
  margin-right: $CAP_SPACE_08;
2096
+ border-bottom-left-radius: 2.6rem;
2097
+ border-bottom-right-radius: 2.6rem;
2070
2098
 
2071
2099
  // Brand name display (from TemplatePreview line 1136)
2072
2100
  .viber-brand-name {
@@ -2153,6 +2181,9 @@
2153
2181
  width: $CAP_SPACE_48;
2154
2182
  height: $CAP_SPACE_48;
2155
2183
  filter: drop-shadow(0 $CAP_SPACE_02 $CAP_SPACE_04 rgba(0, 0, 0, 0.3));
2184
+ position: relative;
2185
+ right: 0;
2186
+ bottom: 0;
2156
2187
  }
2157
2188
  }
2158
2189
  }
package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss CHANGED
@@ -50,7 +50,6 @@
50
50
  .test-and-preview-panels {
51
51
  display: flex;
52
52
  flex: 1;
53
- overflow: hidden;
54
53
  }
55
54
 
56
55
  .left-panel {
@@ -541,7 +540,6 @@
541
540
  }
542
541
 
543
542
  .email-content {
544
- height: 42.857rem; // Or adjust as needed
545
543
  border-top: $CAP_SPACE_01 solid $CAP_G12;
546
544
  padding: 0 $CAP_SPACE_16;
547
545
  iframe {
package/v2Components/TemplatePreview/_templatePreview.scss CHANGED
@@ -770,8 +770,7 @@
770
770
  .whatsapp-brand-name {
771
771
  position: absolute;
772
772
  top: 8%;
773
- left: 35%;
774
- color: white;
773
+ left: 37%;
775
774
  font-size: small;
776
775
  max-width: 100px;
777
776
  text-overflow: ellipsis;
package/v2Components/TestAndPreviewSlidebox/_testAndPreviewSlidebox.scss CHANGED
@@ -45,7 +45,6 @@
45
45
  .test-and-preview-panels {
46
46
  display: flex;
47
47
  flex: 1;
48
- overflow: hidden;
49
48
  }
50
49
 
51
50
  .left-panel {
package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap CHANGED
@@ -10251,15 +10251,15 @@ new message content.",
10251
10251
  />
10252
10252
  </CapImage>
10253
10253
  <CapRow
10254
- className="sms-content-overlay sms-preview sms-android"
10254
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
10255
10255
  key=".1"
10256
10256
  >
10257
10257
  <Row
10258
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
10258
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
10259
10259
  gutter={0}
10260
10260
  >
10261
10261
  <div
10262
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
10262
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
10263
10263
  >
10264
10264
  <CapRow
10265
10265
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -26284,15 +26284,15 @@ new message content.",
26284
26284
  />
26285
26285
  </CapImage>
26286
26286
  <CapRow
26287
- className="sms-content-overlay sms-preview sms-android"
26287
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
26288
26288
  key=".1"
26289
26289
  >
26290
26290
  <Row
26291
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
26291
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
26292
26292
  gutter={0}
26293
26293
  >
26294
26294
  <div
26295
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
26295
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
26296
26296
  >
26297
26297
  <CapRow
26298
26298
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -42839,15 +42839,15 @@ new message content.",
42839
42839
  />
42840
42840
  </CapImage>
42841
42841
  <CapRow
42842
- className="sms-content-overlay sms-preview sms-android"
42842
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
42843
42843
  key=".1"
42844
42844
  >
42845
42845
  <Row
42846
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
42846
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
42847
42847
  gutter={0}
42848
42848
  >
42849
42849
  <div
42850
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
42850
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
42851
42851
  >
42852
42852
  <CapRow
42853
42853
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -59942,15 +59942,15 @@ new message content.",
59942
59942
  />
59943
59943
  </CapImage>
59944
59944
  <CapRow
59945
- className="sms-content-overlay sms-preview sms-android"
59945
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
59946
59946
  key=".1"
59947
59947
  >
59948
59948
  <Row
59949
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
59949
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
59950
59950
  gutter={0}
59951
59951
  >
59952
59952
  <div
59953
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
59953
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
59954
59954
  >
59955
59955
  <CapRow
59956
59956
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -75975,15 +75975,15 @@ new message content.",
75975
75975
  />
75976
75976
  </CapImage>
75977
75977
  <CapRow
75978
- className="sms-content-overlay sms-preview sms-android"
75978
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
75979
75979
  key=".1"
75980
75980
  >
75981
75981
  <Row
75982
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
75982
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
75983
75983
  gutter={0}
75984
75984
  >
75985
75985
  <div
75986
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
75986
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
75987
75987
  >
75988
75988
  <CapRow
75989
75989
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -95317,15 +95317,15 @@ new message content.",
95317
95317
  />
95318
95318
  </CapImage>
95319
95319
  <CapRow
95320
- className="sms-content-overlay sms-preview sms-android"
95320
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
95321
95321
  key=".1"
95322
95322
  >
95323
95323
  <Row
95324
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
95324
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
95325
95325
  gutter={0}
95326
95326
  >
95327
95327
  <div
95328
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
95328
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
95329
95329
  >
95330
95330
  <CapRow
95331
95331
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -114659,15 +114659,15 @@ new message content.",
114659
114659
  />
114660
114660
  </CapImage>
114661
114661
  <CapRow
114662
- className="sms-content-overlay sms-preview sms-android"
114662
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
114663
114663
  key=".1"
114664
114664
  >
114665
114665
  <Row
114666
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
114666
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
114667
114667
  gutter={0}
114668
114668
  >
114669
114669
  <div
114670
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
114670
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
114671
114671
  >
114672
114672
  <CapRow
114673
114673
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -134676,15 +134676,15 @@ new message content.",
134676
134676
  />
134677
134677
  </CapImage>
134678
134678
  <CapRow
134679
- className="sms-content-overlay sms-preview sms-android"
134679
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
134680
134680
  key=".1"
134681
134681
  >
134682
134682
  <Row
134683
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
134683
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
134684
134684
  gutter={0}
134685
134685
  >
134686
134686
  <div
134687
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
134687
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
134688
134688
  >
134689
134689
  <CapRow
134690
134690
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -150709,15 +150709,15 @@ new message content.",
150709
150709
  />
150710
150710
  </CapImage>
150711
150711
  <CapRow
150712
- className="sms-content-overlay sms-preview sms-android"
150712
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
150713
150713
  key=".1"
150714
150714
  >
150715
150715
  <Row
150716
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
150716
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
150717
150717
  gutter={0}
150718
150718
  >
150719
150719
  <div
150720
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
150720
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
150721
150721
  >
150722
150722
  <CapRow
150723
150723
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -166742,15 +166742,15 @@ new message content.",
166742
166742
  />
166743
166743
  </CapImage>
166744
166744
  <CapRow
166745
- className="sms-content-overlay sms-preview sms-android"
166745
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
166746
166746
  key=".1"
166747
166747
  >
166748
166748
  <Row
166749
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
166749
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
166750
166750
  gutter={0}
166751
166751
  >
166752
166752
  <div
166753
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
166753
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
166754
166754
  >
166755
166755
  <CapRow
166756
166756
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -182775,15 +182775,15 @@ new message content.",
182775
182775
  />
182776
182776
  </CapImage>
182777
182777
  <CapRow
182778
- className="sms-content-overlay sms-preview sms-android"
182778
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
182779
182779
  key=".1"
182780
182780
  >
182781
182781
  <Row
182782
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
182782
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
182783
182783
  gutter={0}
182784
182784
  >
182785
182785
  <div
182786
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
182786
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
182787
182787
  >
182788
182788
  <CapRow
182789
182789
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -196005,15 +196005,15 @@ new message content.",
196005
196005
  />
196006
196006
  </CapImage>
196007
196007
  <CapRow
196008
- className="sms-content-overlay sms-preview sms-android"
196008
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
196009
196009
  key=".1"
196010
196010
  >
196011
196011
  <Row
196012
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
196012
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
196013
196013
  gutter={0}
196014
196014
  >
196015
196015
  <div
196016
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
196016
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
196017
196017
  >
196018
196018
  <CapRow
196019
196019
  className="sms-navigation-bar sms-navigation-bar-no-header"
package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap CHANGED
@@ -5764,15 +5764,15 @@ FREE GIFTS-
5764
5764
  />
5765
5765
  </CapImage>
5766
5766
  <CapRow
5767
- className="sms-content-overlay sms-preview sms-android"
5767
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
5768
5768
  key=".1"
5769
5769
  >
5770
5770
  <Row
5771
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
5771
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
5772
5772
  gutter={0}
5773
5773
  >
5774
5774
  <div
5775
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
5775
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
5776
5776
  >
5777
5777
  <CapRow
5778
5778
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -16585,15 +16585,15 @@ FREE GIFTS-
16585
16585
  />
16586
16586
  </CapImage>
16587
16587
  <CapRow
16588
- className="sms-content-overlay sms-preview sms-android"
16588
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
16589
16589
  key=".1"
16590
16590
  >
16591
16591
  <Row
16592
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
16592
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
16593
16593
  gutter={0}
16594
16594
  >
16595
16595
  <div
16596
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
16596
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
16597
16597
  >
16598
16598
  <CapRow
16599
16599
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -27378,15 +27378,15 @@ FREE GIFTS-
27378
27378
  />
27379
27379
  </CapImage>
27380
27380
  <CapRow
27381
- className="sms-content-overlay sms-preview sms-android"
27381
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
27382
27382
  key=".1"
27383
27383
  >
27384
27384
  <Row
27385
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
27385
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
27386
27386
  gutter={0}
27387
27387
  >
27388
27388
  <div
27389
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
27389
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
27390
27390
  >
27391
27391
  <CapRow
27392
27392
  className="sms-navigation-bar sms-navigation-bar-no-header"
@@ -38552,15 +38552,15 @@ FREE GIFTS-
38552
38552
  />
38553
38553
  </CapImage>
38554
38554
  <CapRow
38555
- className="sms-content-overlay sms-preview sms-android"
38555
+ className="sms-content-overlay sms-content-overlay-android sms-preview sms-android"
38556
38556
  key=".1"
38557
38557
  >
38558
38558
  <Row
38559
- className="cap-row-v2 sms-content-overlay sms-preview sms-android"
38559
+ className="cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
38560
38560
  gutter={0}
38561
38561
  >
38562
38562
  <div
38563
- className="ant-row cap-row-v2 sms-content-overlay sms-preview sms-android"
38563
+ className="ant-row cap-row-v2 sms-content-overlay sms-content-overlay-android sms-preview sms-android"
38564
38564
  >
38565
38565
  <CapRow
38566
38566
  className="sms-navigation-bar sms-navigation-bar-no-header"
package/v2Containers/Whatsapp/index.js CHANGED
@@ -3131,7 +3131,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
3131
3131
  {isEditFlow ? editModeContent() : createModeContent()}
3132
3132
  <div className="whatsapp-scroll-div" />
3133
3133
  </CapColumn>
3134
- <CapColumn span={10} className="whatsapp-preview-container">
3134
+ <CapColumn span={10}>
3135
3135
  {getPreviewSection()}
3136
3136
  </CapColumn>
3137
3137
  </CapRow>