@capillarytech/creatives-library 7.12.54 → 7.12.56

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 (6) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CapWhatsappCTA/index.js +29 -11
  3. package/v2Components/CapWhatsappCTA/index.scss +8 -2
  4. package/v2Components/CapWhatsappCTA/messages.js +4 -0
  5. package/v2Containers/Whatsapp/index.js +1 -2
  6. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +12 -12
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "7.12.54",
4
+ "version": "7.12.56",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Components/CapWhatsappCTA/index.js CHANGED
@@ -47,7 +47,6 @@ export const CapWhatsappCTA = (props) => {
47
47
  deleteHandler,
48
48
  isEditFlow,
49
49
  hostName,
50
- isFullMode,
51
50
  tags = [],
52
51
  injectedTags = {},
53
52
  selectedOfferDetails = [],
@@ -84,6 +83,10 @@ export const CapWhatsappCTA = (props) => {
84
83
  updateHelper('url', url.replace('{{1}}', `{{${data}}}`), index);
85
84
  };
86
85
 
86
+ const revertTagSelect = (index, url) => {
87
+ updateHelper('url', url.replace(invalidVarRegex, `{{1}}`), index);
88
+ };
89
+
87
90
  const onCtaTypeChange = (value, index) => {
88
91
  let clonedCta = cloneDeep(ctaData[index]);
89
92
  clonedCta = {
@@ -263,16 +266,31 @@ export const CapWhatsappCTA = (props) => {
263
266
  </CapColumn>
264
267
  </>
265
268
  )}
266
- {isEditFlow && !isFullMode && urlTypeIsDynamic && (
267
- <TagList
268
- className="whatsapp-cta-taglist"
269
- label={formatMessage(messages.whatsappCtaTagListLabel)}
270
- onTagSelect={(data) => onTagSelect(data, index, url)}
271
- tags={tags}
272
- injectedTags={injectedTags}
273
- selectedOfferDetails={selectedOfferDetails}
274
- hidePopover={!url.includes('{{1}}')}
275
- />
269
+ {isEditFlow && urlTypeIsDynamic && url.includes('{{1}}') && (
270
+ <CapColumn>
271
+ <TagList
272
+ className="whatsapp-cta-taglist"
273
+ label={formatMessage(messages.whatsappCtaTagListLabel)}
274
+ onTagSelect={(data) => onTagSelect(data, index, url)}
275
+ tags={tags}
276
+ injectedTags={injectedTags}
277
+ selectedOfferDetails={selectedOfferDetails}
278
+ />
279
+ </CapColumn>
280
+ )}
281
+ {isEditFlow && urlTypeIsDynamic && !url.includes('{{1}}') && (
282
+ <CapColumn
283
+ span={1}
284
+ onClick={() => revertTagSelect(index, url)}
285
+ className="whatsapp-cta-tag-revert"
286
+ >
287
+ <CapTooltip
288
+ title={formatMessage(messages.whatsappCtaTagListRevert)}
289
+ placement={'top'}
290
+ >
291
+ <CapIcon size="s" type="return" />
292
+ </CapTooltip>
293
+ </CapColumn>
276
294
  )}
277
295
  </CapRow>,
278
296
  );
package/v2Components/CapWhatsappCTA/index.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import'~@capillarytech/cap-ui-library/styles/_variables';
1
+ @import "~@capillarytech/cap-ui-library/styles/_variables";
2
2
 
3
3
  .cap-whatsapp-saved-cta {
4
4
  border: solid 1px $CAP_G06;
@@ -40,7 +40,13 @@
40
40
 
41
41
  .whatsapp-cta-taglist {
42
42
  margin-left: 32px;
43
- margin-top: -10px;
43
+ margin-top: -8px;
44
+ }
45
+
46
+ .whatsapp-cta-tag-revert {
47
+ margin-left: 150px;
48
+ margin-top: 2px;
49
+ transform: scaleX(-1);
44
50
  }
45
51
  }
46
52
 
package/v2Components/CapWhatsappCTA/messages.js CHANGED
@@ -96,4 +96,8 @@ export default defineMessages({
96
96
  id: `${prefix}.whatsappCtaTagListLabel`,
97
97
  defaultMessage: 'Add URL label',
98
98
  },
99
+ whatsappCtaTagListRevert: {
100
+ id: `${prefix}.whatsappCtaTagListRevert`,
101
+ defaultMessage: 'Reset website URL label to default value',
102
+ },
99
103
  });
package/v2Containers/Whatsapp/index.js CHANGED
@@ -72,7 +72,6 @@ import { capitalizeString } from '../../utils/Formatter';
72
72
  import CapWhatsappCTA from '../../v2Components/CapWhatsappCTA';
73
73
  import {
74
74
  PHONE_NUMBER,
75
- STATIC_URL,
76
75
  WEBSITE,
77
76
  } from '../../v2Components/CapWhatsappCTA/constants';
78
77
  let varMap = {};
@@ -231,7 +230,7 @@ export const Whatsapp = (props) => {
231
230
  text,
232
231
  phone_number,
233
232
  url,
234
- urlType: STATIC_URL,
233
+ urlType: type,
235
234
  isSaved: true,
236
235
  };
237
236
  obj.phone_number = obj.phone_number.replace('+', '');
package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap CHANGED
@@ -56379,7 +56379,7 @@ T&C'
56379
56379
  "phone_number": "919738752617",
56380
56380
  "text": "Call us",
56381
56381
  "url": "",
56382
- "urlType": "STATIC_URL",
56382
+ "urlType": "PHONE_NUMBER",
56383
56383
  },
56384
56384
  Object {
56385
56385
  "ctaType": "WEBSITE",
@@ -56411,7 +56411,7 @@ T&C'
56411
56411
  "phone_number": "919738752617",
56412
56412
  "text": "Call us",
56413
56413
  "url": "",
56414
- "urlType": "STATIC_URL",
56414
+ "urlType": "PHONE_NUMBER",
56415
56415
  },
56416
56416
  Object {
56417
56417
  "ctaType": "WEBSITE",
@@ -59232,7 +59232,7 @@ T&C'
59232
59232
  "phone_number": "919738752617",
59233
59233
  "text": "Call us",
59234
59234
  "url": "",
59235
- "urlType": "STATIC_URL",
59235
+ "urlType": "PHONE_NUMBER",
59236
59236
  },
59237
59237
  Object {
59238
59238
  "ctaType": "WEBSITE",
@@ -59272,7 +59272,7 @@ T&C'
59272
59272
  "phone_number": "919738752617",
59273
59273
  "text": "Call us",
59274
59274
  "url": "",
59275
- "urlType": "STATIC_URL",
59275
+ "urlType": "PHONE_NUMBER",
59276
59276
  },
59277
59277
  Object {
59278
59278
  "ctaType": "WEBSITE",
@@ -88181,7 +88181,7 @@ T&C'
88181
88181
  "phone_number": "919738752617",
88182
88182
  "text": "Call us",
88183
88183
  "url": "",
88184
- "urlType": "STATIC_URL",
88184
+ "urlType": "PHONE_NUMBER",
88185
88185
  },
88186
88186
  Object {
88187
88187
  "ctaType": "WEBSITE",
@@ -88213,7 +88213,7 @@ T&C'
88213
88213
  "phone_number": "919738752617",
88214
88214
  "text": "Call us",
88215
88215
  "url": "",
88216
- "urlType": "STATIC_URL",
88216
+ "urlType": "PHONE_NUMBER",
88217
88217
  },
88218
88218
  Object {
88219
88219
  "ctaType": "WEBSITE",
@@ -91034,7 +91034,7 @@ T&C'
91034
91034
  "phone_number": "919738752617",
91035
91035
  "text": "Call us",
91036
91036
  "url": "",
91037
- "urlType": "STATIC_URL",
91037
+ "urlType": "PHONE_NUMBER",
91038
91038
  },
91039
91039
  Object {
91040
91040
  "ctaType": "WEBSITE",
@@ -91074,7 +91074,7 @@ T&C'
91074
91074
  "phone_number": "919738752617",
91075
91075
  "text": "Call us",
91076
91076
  "url": "",
91077
- "urlType": "STATIC_URL",
91077
+ "urlType": "PHONE_NUMBER",
91078
91078
  },
91079
91079
  Object {
91080
91080
  "ctaType": "WEBSITE",
@@ -103961,7 +103961,7 @@ Click {{unsubscribe}} to unsubscribe",
103961
103961
  "phone_number": "919738752617",
103962
103962
  "text": "Call",
103963
103963
  "url": "",
103964
- "urlType": "STATIC_URL",
103964
+ "urlType": "PHONE_NUMBER",
103965
103965
  },
103966
103966
  Object {
103967
103967
  "ctaType": "WEBSITE",
@@ -103993,7 +103993,7 @@ Click {{unsubscribe}} to unsubscribe",
103993
103993
  "phone_number": "919738752617",
103994
103994
  "text": "Call",
103995
103995
  "url": "",
103996
- "urlType": "STATIC_URL",
103996
+ "urlType": "PHONE_NUMBER",
103997
103997
  },
103998
103998
  Object {
103999
103999
  "ctaType": "WEBSITE",
@@ -106814,7 +106814,7 @@ Click {{unsubscribe}} to unsubscribe",
106814
106814
  "phone_number": "919738752617",
106815
106815
  "text": "Call",
106816
106816
  "url": "",
106817
- "urlType": "STATIC_URL",
106817
+ "urlType": "PHONE_NUMBER",
106818
106818
  },
106819
106819
  Object {
106820
106820
  "ctaType": "WEBSITE",
@@ -106853,7 +106853,7 @@ Click {{unsubscribe}} to unsubscribe",
106853
106853
  "phone_number": "919738752617",
106854
106854
  "text": "Call",
106855
106855
  "url": "",
106856
- "urlType": "STATIC_URL",
106856
+ "urlType": "PHONE_NUMBER",
106857
106857
  },
106858
106858
  Object {
106859
106859
  "ctaType": "WEBSITE",