@capillarytech/creatives-library 9.0.9 → 9.0.11-beta.1

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 (10) hide show
  1. package/package.json +1 -1
  2. package/v2Components/TemplatePreview/_templatePreview.scss +27 -5
  3. package/v2Components/TemplatePreview/index.js +5 -5
  4. package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap +3 -0
  5. package/v2Containers/Line/Container/Image/style.js +4 -0
  6. package/v2Containers/Line/Container/ImageCarousel/style.js +4 -0
  7. package/v2Containers/Line/Container/Text/style.js +4 -0
  8. package/v2Containers/Line/Container/Video/style.js +4 -0
  9. package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap +11 -11
  10. package/v2Containers/MobilePush/Create/index.js +2 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "9.0.9",
4
+ "version": "9.0.11-beta.1",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Components/TemplatePreview/_templatePreview.scss CHANGED
@@ -795,6 +795,9 @@
795
795
  }
796
796
  .whatsapp-message-container{
797
797
  max-height: 292px;
798
+ &.msg-container-carousel {
799
+ flex-direction: column;
800
+ }
798
801
  }
799
802
  .whatsapp-content{
800
803
  font-family: Roboto, 'Open Sans', sans-serif;
@@ -890,12 +893,30 @@
890
893
  .sms-icon{
891
894
  left: 12% !important;
892
895
  }
896
+ }
893
897
 
894
- #mobilepush-preview {
895
- .message-pop {
896
- .app-header-right {
897
- margin-left: unset;
898
- }
898
+ .preview-container #mobilepush-preview.shell-v2 {
899
+ position: unset;
900
+ -webkit-transform: unset;
901
+ transform: unset;
902
+
903
+ .message-pop {
904
+ .app-header-right {
905
+ margin-left: unset;
906
+ }
907
+ }
908
+
909
+ .android-push-message-Container,
910
+ .iphone-push-message-Container {
911
+ left: 6%;
912
+ width: 82%;
913
+
914
+ .body-text {
915
+ width: 100%;
916
+ }
917
+
918
+ .action {
919
+ text-align: center;
899
920
  }
900
921
  }
901
922
  }
@@ -1001,6 +1022,7 @@
1001
1022
  }
1002
1023
 
1003
1024
  .character-count-col{
1025
+ flex-direction: column;
1004
1026
  margin: $CAP_SPACE_12 0;
1005
1027
  text-align: center;
1006
1028
  width: 100%;
package/v2Components/TemplatePreview/index.js CHANGED
@@ -747,7 +747,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
747
747
  }-push-message-Container`}
748
748
  >
749
749
  {this.props.device === "android" ? (
750
- <CapRow type='flex' align='middle' className="message-pop align-left">
750
+ <CapRow type='flex' align='start' vertical className="message-pop align-left">
751
751
  <CapRow type='flex' fullWidth className="app-header">
752
752
  <CapRow type='flex' className="app-header-left">
753
753
  <span className="app-icon">{""}</span>
@@ -811,13 +811,13 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
811
811
  {channel && channel.toLowerCase() === "mobilepush" && this.renderMobilePushCarousel(content)}
812
812
  </CapRow>
813
813
  ) : (
814
- <CapRow className="message-pop align-left">
815
- <CapRow className="app-header">
816
- <CapRow className="app-header-left">
814
+ <CapRow type='flex' align='start' vertical className="message-pop align-left">
815
+ <CapRow type='flex' fullWidth className="app-header">
816
+ <CapRow type='flex' className="app-header-left">
817
817
  <span className="app-icon">{""}</span>
818
818
  <CapLabel className="title">{content.header}</CapLabel>
819
819
  </CapRow>
820
- <CapRow className="app-header-right">
820
+ <CapRow type='flex' className="app-header-right">
821
821
  <span>2:29 PM</span>
822
822
  <CapIcon type="chevron-down" size="sm" />
823
823
  </CapRow>
package/v2Components/TemplatePreview/tests/__snapshots__/index.test.js.snap CHANGED
@@ -78,6 +78,7 @@ exports[`Test Templates container Should render correct preview component for wh
78
78
  style={
79
79
  Object {
80
80
  "textAlign": "center",
81
+ "width": "100%",
81
82
  }
82
83
  }
83
84
  type="h3"
@@ -149,6 +150,7 @@ exports[`Test Templates container Should render correct preview component for wh
149
150
  style={
150
151
  Object {
151
152
  "textAlign": "center",
153
+ "width": "100%",
152
154
  }
153
155
  }
154
156
  type="h3"
@@ -215,6 +217,7 @@ exports[`Test Templates container Should render correct preview component for wh
215
217
  style={
216
218
  Object {
217
219
  "textAlign": "center",
220
+ "width": "100%",
218
221
  }
219
222
  }
220
223
  type="h3"
package/v2Containers/Line/Container/Image/style.js CHANGED
@@ -27,6 +27,10 @@ export default css`
27
27
  .choice-title {
28
28
  margin-bottom: ${CAP_SPACE_24};
29
29
  color: ${FONT_COLOR_02};
30
+
31
+ .title-desc-container .cap-heading {
32
+ text-align: center;
33
+ }
30
34
  }
31
35
  `;
32
36
 
package/v2Containers/Line/Container/ImageCarousel/style.js CHANGED
@@ -23,6 +23,10 @@ export default css`
23
23
  .choice-title {
24
24
  margin-bottom: ${CAP_SPACE_24};
25
25
  color: ${FONT_COLOR_02};
26
+
27
+ .title-desc-container .cap-heading {
28
+ text-align: center;
29
+ }
26
30
  }
27
31
 
28
32
  .image-template-title {
package/v2Containers/Line/Container/Text/style.js CHANGED
@@ -31,6 +31,10 @@ export default css`
31
31
  .choice-title {
32
32
  margin-bottom: ${CAP_SPACE_24};
33
33
  color: ${FONT_COLOR_02};
34
+
35
+ .title-desc-container .cap-heading {
36
+ text-align: center;
37
+ }
34
38
  }
35
39
 
36
40
  `;
package/v2Containers/Line/Container/Video/style.js CHANGED
@@ -21,6 +21,10 @@ export default css`
21
21
  .choice-title {
22
22
  margin-bottom: ${CAP_SPACE_24};
23
23
  color: ${FONT_COLOR_02};
24
+
25
+ .title-desc-container .cap-heading {
26
+ text-align: center;
27
+ }
24
28
  }
25
29
 
26
30
  .ant-radio-group {
package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap CHANGED
@@ -13073,7 +13073,7 @@ new message content.",
13073
13073
  }
13074
13074
  }
13075
13075
  activeKey="text"
13076
- className="withStyles__StyledComponent-sc-18wig6o-0 fNLcK"
13076
+ className="withStyles__StyledComponent-sc-18wig6o-0 jLzlku"
13077
13077
  content={
13078
13078
  Object {
13079
13079
  "isError": true,
@@ -15460,7 +15460,7 @@ new message content.",
15460
15460
  }
15461
15461
  >
15462
15462
  <div
15463
- className="withStyles__StyledComponent-sc-18wig6o-0 fNLcK"
15463
+ className="withStyles__StyledComponent-sc-18wig6o-0 jLzlku"
15464
15464
  >
15465
15465
  <ComponentWithLabel(CapInput)
15466
15466
  className="text-template-title"
@@ -36102,7 +36102,7 @@ new message content.",
36102
36102
  }
36103
36103
  }
36104
36104
  activeKey="flex"
36105
- className="withStyles__StyledComponent-sc-18wig6o-0 fNLcK"
36105
+ className="withStyles__StyledComponent-sc-18wig6o-0 jLzlku"
36106
36106
  content={
36107
36107
  Object {
36108
36108
  "isError": true,
@@ -42135,7 +42135,7 @@ new message content.",
42135
42135
  }
42136
42136
  }
42137
42137
  activeKey="flex"
42138
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
42138
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
42139
42139
  content={
42140
42140
  Object {
42141
42141
  "isError": true,
@@ -44714,7 +44714,7 @@ new message content.",
44714
44714
  }
44715
44715
  >
44716
44716
  <div
44717
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
44717
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
44718
44718
  >
44719
44719
  <CapHeader
44720
44720
  className="card-message-header"
@@ -45962,7 +45962,7 @@ new message content.",
45962
45962
  }
45963
45963
  activeIndex={0}
45964
45964
  activeKey="flex"
45965
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
45965
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
45966
45966
  content={
45967
45967
  Object {
45968
45968
  "aspectRatio": "",
@@ -48843,7 +48843,7 @@ new message content.",
48843
48843
  }
48844
48844
  activeIndex={0}
48845
48845
  activeKey="flex"
48846
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
48846
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
48847
48847
  content={
48848
48848
  Object {
48849
48849
  "aspectRatio": "",
@@ -51742,7 +51742,7 @@ new message content.",
51742
51742
  }
51743
51743
  activeIndex={0}
51744
51744
  activeKey="flex"
51745
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
51745
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
51746
51746
  content={
51747
51747
  Object {
51748
51748
  "aspectRatio": "",
@@ -55075,7 +55075,7 @@ new message content.",
55075
55075
  }
55076
55076
  activeIndex={0}
55077
55077
  activeKey="flex"
55078
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
55078
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
55079
55079
  content={
55080
55080
  Object {
55081
55081
  "aspectRatio": "",
@@ -61258,7 +61258,7 @@ new message content.",
61258
61258
  }
61259
61259
  activeIndex={0}
61260
61260
  activeKey="flex"
61261
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
61261
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
61262
61262
  content={
61263
61263
  Object {
61264
61264
  "aspectRatio": "",
@@ -64000,7 +64000,7 @@ new message content.",
64000
64000
  }
64001
64001
  activeIndex={0}
64002
64002
  activeKey="flex"
64003
- className="withStyles__StyledComponent-sc-18wig6o-0 hiNink"
64003
+ className="withStyles__StyledComponent-sc-18wig6o-0 irYgQw"
64004
64004
  content={
64005
64005
  Object {
64006
64006
  "aspectRatio": "",
package/v2Containers/MobilePush/Create/index.js CHANGED
@@ -282,7 +282,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
282
282
  }
283
283
  );
284
284
  this.setState({isSchemaChanged:
285
- compareValue?.toLowerCase() === EXTERNAL_LINK_LOWERCASE ||
285
+ (typeof compareValue === 'string' &&
286
+ compareValue.toLowerCase() === EXTERNAL_LINK_LOWERCASE) ||
286
287
  !this.state?.isSchemaChanged});
287
288
  };
288
289