@capillarytech/creatives-library 7.12.57 → 7.12.59

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "7.12.57",
4
+ "version": "7.12.59",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -259,7 +259,7 @@
259
259
  margin: 8px 0;
260
260
  }
261
261
  .whatsapp-cta-preview{
262
- font-family: 'Roboto';
262
+ font-family: Roboto, 'Open Sans', sans-serif;
263
263
  font-size: 10px;
264
264
  display: flex;
265
265
  align-content: center;
@@ -271,6 +271,7 @@
271
271
  margin-left: 28px;
272
272
  }
273
273
  .whatsapp-content{
274
+ font-family: Roboto, 'Open Sans', sans-serif;
274
275
  margin: 2px 6px 1px 7px;
275
276
  }
276
277
  .whatsapp-image{
@@ -725,7 +725,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
725
725
  />
726
726
  <div className="msg-container whatsapp-message-container">
727
727
  <div className="message-pop align-left" style={whatsappSectionStyle}>
728
- <CapLabel className="whatsapp-content">
728
+ <div className="whatsapp-content">
729
729
  {content?.whatsappImageSrc && (
730
730
  <CapImage
731
731
  src={content.whatsappImageSrc}
@@ -734,8 +734,8 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
734
734
  />
735
735
  )}
736
736
  {content?.templateMsg || ''}
737
- </CapLabel>
738
- {renderWhatsappCtaPreview()}
737
+ {renderWhatsappCtaPreview()}
738
+ </div>
739
739
  </div>
740
740
  </div>
741
741
  </div>
@@ -74,49 +74,48 @@ exports[`Test Templates container Should render correct preview component for wh
74
74
  }
75
75
  }
76
76
  >
77
- <CapLabel
77
+ <div
78
78
  className="whatsapp-content"
79
- type="label1"
80
79
  >
81
80
  You have received {{1}} points
82
- </CapLabel>
83
- <CapDivider
84
- className="whatsapp-divider"
85
- />
86
- <CapLabel
87
- className="whatsapp-cta-preview"
88
- type="label21"
89
- >
90
- <CapIcon
91
- size="xs"
92
- svgProps={
93
- Object {
94
- "style": Object {
95
- "marginRight": "4px",
96
- },
97
- }
98
- }
99
- type="call"
81
+ <CapDivider
82
+ className="whatsapp-divider"
100
83
  />
101
- Call
102
- </CapLabel>
103
- <CapLabel
104
- className="whatsapp-cta-preview"
105
- type="label21"
106
- >
107
- <CapIcon
108
- size="xs"
109
- svgProps={
110
- Object {
111
- "style": Object {
112
- "marginRight": "4px",
113
- },
84
+ <CapLabel
85
+ className="whatsapp-cta-preview"
86
+ type="label21"
87
+ >
88
+ <CapIcon
89
+ size="xs"
90
+ svgProps={
91
+ Object {
92
+ "style": Object {
93
+ "marginRight": "4px",
94
+ },
95
+ }
114
96
  }
115
- }
116
- type="launch"
117
- />
118
- Visit
119
- </CapLabel>
97
+ type="call"
98
+ />
99
+ Call
100
+ </CapLabel>
101
+ <CapLabel
102
+ className="whatsapp-cta-preview"
103
+ type="label21"
104
+ >
105
+ <CapIcon
106
+ size="xs"
107
+ svgProps={
108
+ Object {
109
+ "style": Object {
110
+ "marginRight": "4px",
111
+ },
112
+ }
113
+ }
114
+ type="launch"
115
+ />
116
+ Visit
117
+ </CapLabel>
118
+ </div>
120
119
  </div>
121
120
  </div>
122
121
  </div>
@@ -175,15 +174,14 @@ exports[`Test Templates container Should render correct preview component for wh
175
174
  }
176
175
  }
177
176
  >
178
- <CapLabel
177
+ <div
179
178
  className="whatsapp-content"
180
- type="label1"
181
179
  >
182
180
  You have received {{1}} points
183
- </CapLabel>
184
- <CapDivider
185
- className="whatsapp-divider"
186
- />
181
+ <CapDivider
182
+ className="whatsapp-divider"
183
+ />
184
+ </div>
187
185
  </div>
188
186
  </div>
189
187
  </div>
@@ -242,9 +240,8 @@ exports[`Test Templates container Should render correct preview component for wh
242
240
  }
243
241
  }
244
242
  >
245
- <CapLabel
243
+ <div
246
244
  className="whatsapp-content"
247
- type="label1"
248
245
  />
249
246
  </div>
250
247
  </div>
@@ -369,7 +369,6 @@ export class Creatives extends React.Component {
369
369
  const {
370
370
  messageBody = '',
371
371
  templateConfigs: {
372
- id,
373
372
  name,
374
373
  template,
375
374
  varMapped,
@@ -391,7 +390,6 @@ export class Creatives extends React.Component {
391
390
  });
392
391
  const unsubscribeRegex = /Click {{unsubscribe}} to unsubscribe/g;
393
392
  creativesTemplateData = {
394
- _id: id,
395
393
  type: constants.WHATSAPP,
396
394
  edit: true,
397
395
  name,
@@ -609,7 +607,7 @@ export class Creatives extends React.Component {
609
607
  accountName: '',
610
608
  messageBody: languages[0].content,
611
609
  templateConfigs: {
612
- id: template._id,
610
+ id: template?.value?.name,
613
611
  name: template?.value?.name,
614
612
  template: templateEditor,
615
613
  varMapped,