@capillarytech/creatives-library 9.0.8 → 9.0.10

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 (11) hide show
  1. package/package.json +1 -1
  2. package/v2Components/TemplatePreview/_templatePreview.scss +27 -0
  3. package/v2Components/TemplatePreview/index.js +10 -10
  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
  11. package/v2Containers/Rcs/index.js +1 -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.8",
4
+ "version": "9.0.10",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Components/TemplatePreview/_templatePreview.scss CHANGED
@@ -892,6 +892,32 @@
892
892
  }
893
893
  }
894
894
 
895
+ .preview-container #mobilepush-preview.shell-v2 {
896
+ position: unset;
897
+ -webkit-transform: unset;
898
+ transform: unset;
899
+
900
+ .message-pop {
901
+ .app-header-right {
902
+ margin-left: unset;
903
+ }
904
+ }
905
+
906
+ .android-push-message-Container,
907
+ .iphone-push-message-Container {
908
+ left: 6%;
909
+ width: 82%;
910
+
911
+ .body-text {
912
+ width: 100%;
913
+ }
914
+
915
+ .action {
916
+ text-align: center;
917
+ }
918
+ }
919
+ }
920
+
895
921
  #slidebox-container {
896
922
  left: 60vw;
897
923
  width: 40vw;
@@ -993,6 +1019,7 @@
993
1019
  }
994
1020
 
995
1021
  .character-count-col{
1022
+ flex-direction: column;
996
1023
  margin: $CAP_SPACE_12 0;
997
1024
  text-align: center;
998
1025
  width: 100%;
package/v2Components/TemplatePreview/index.js CHANGED
@@ -727,7 +727,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
727
727
  ""
728
728
  )}
729
729
  {channel && channel.toUpperCase() === MOBILE_PUSH && (
730
- <CapRow className="shell-v2 align-center" id="mobilepush-preview">
730
+ <CapRow type='flex' align='middle' className="shell-v2 align-center" id="mobilepush-preview">
731
731
  <CapImage
732
732
  className="preview-image"
733
733
  src={
@@ -747,13 +747,13 @@ 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 className="message-pop align-left">
751
- <CapRow className="app-header">
752
- <CapRow className="app-header-left">
750
+ <CapRow type='flex' align='start' vertical className="message-pop align-left">
751
+ <CapRow type='flex' fullWidth className="app-header">
752
+ <CapRow type='flex' className="app-header-left">
753
753
  <span className="app-icon">{""}</span>
754
754
  <CapLabel className="title">{content.header}</CapLabel>
755
755
  </CapRow>
756
- <CapRow className="app-header-right">
756
+ <CapRow type='flex' className="app-header-right">
757
757
  <span>2:29 PM</span>
758
758
  <CapIcon type="chevron-down" size="sm" />
759
759
  </CapRow>
@@ -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>
@@ -1291,7 +1291,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
1291
1291
  </div>
1292
1292
  <CapHeading
1293
1293
  type="h3"
1294
- style={{ textAlign: "center" }}
1294
+ style={{ textAlign: "center", width: "100%" }}
1295
1295
  className="margin-t-16"
1296
1296
  >
1297
1297
  <FormattedMessage
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
 
package/v2Containers/Rcs/index.js CHANGED
@@ -2431,7 +2431,7 @@ const splitTemplateVarString = (str) => {
2431
2431
  />
2432
2432
  <CapHeading
2433
2433
  type="h3"
2434
- style={{ textAlign: 'center' }}
2434
+ style={{ textAlign: 'center', width: '100%' }}
2435
2435
  className="margin-t-16"
2436
2436
  >
2437
2437
  {formatMessage(messages.totalCharacters, {