@capillarytech/creatives-library 7.12.92 → 7.12.93
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 +1 -2
- package/v2Containers/CreativesContainer/index.js +1 -3
- package/v2Containers/Email/index.js +1 -4
- package/v2Containers/Facebook/Advertisement/index.js +4 -4
- package/v2Containers/Line/Container/Image/index.js +4 -5
- package/v2Containers/Line/Container/ImageCarousel/index.js +5 -6
- package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap +9 -9
- package/v2Containers/Line/Container/ImageMap/index.js +1 -2
- package/v2Containers/MobilePush/Create/index.js +7 -5
- package/v2Containers/MobilePush/Edit/index.js +3 -4
- package/v2Containers/Rcs/index.js +1 -2
- package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +2 -2
- package/v2Containers/Viber/index.js +2 -11
- package/v2Containers/Whatsapp/index.js +2 -4
- package/utils/cdnTransformation.js +0 -220
- package/utils/tests/__snapshots__/cdnTransformation.test.js.snap +0 -298
- package/utils/tests/cdnTransformation.mockdata.js +0 -301
- package/utils/tests/cdnTransformation.test.js +0 -76
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@capillarytech/creatives-library",
|
|
3
3
|
"author": "meharaj",
|
|
4
|
-
"version": "7.12.
|
|
4
|
+
"version": "7.12.93",
|
|
5
5
|
"description": "Capillary creatives ui",
|
|
6
6
|
"main": "./index.js",
|
|
7
7
|
"module": "./index.es.js",
|
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
"jest-date-mock": "^1.0.8",
|
|
25
25
|
"jquery": "^3.3.1",
|
|
26
26
|
"load-script": "^1.0.0",
|
|
27
|
-
"node-html-parser": "^5.4.2-0",
|
|
28
27
|
"normalizr": "^3.2.3",
|
|
29
28
|
"papaparse": "^5.3.1",
|
|
30
29
|
"pre-push": "^0.1.2",
|
|
@@ -33,7 +33,6 @@ import { CREATIVE } from '../Facebook/constants';
|
|
|
33
33
|
import { LOYALTY } from '../App/constants';
|
|
34
34
|
import { WHATSAPP_STATUSES } from '../Whatsapp/constants';
|
|
35
35
|
|
|
36
|
-
import { updateImagesInHtml } from '../../utils/cdnTransformation';
|
|
37
36
|
|
|
38
37
|
const classPrefix = 'add-creatives-section';
|
|
39
38
|
const CREATIVES_CONTAINER = 'creativesContainer';
|
|
@@ -496,8 +495,7 @@ export class Creatives extends React.Component {
|
|
|
496
495
|
if (!html_content) {
|
|
497
496
|
emailBase = templateRecords.base;
|
|
498
497
|
}
|
|
499
|
-
|
|
500
|
-
templateData = {...templateData, ...emailBase, emailBody: newHtmlContent, emailSubject: (emailBase && emailBase.subject) ? emailBase.subject : ''};
|
|
498
|
+
templateData = {...templateData, ...emailBase, emailBody: html_content, emailSubject: (emailBase && emailBase.subject) ? emailBase.subject : ''};
|
|
501
499
|
delete templateData.html_content;
|
|
502
500
|
delete templateData.subject;
|
|
503
501
|
}
|
|
@@ -35,8 +35,6 @@ import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL, BEE_PLUGIN, CREATE, EDIT } from '
|
|
|
35
35
|
import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
|
|
36
36
|
import { gtmPush } from '../../utils/gtmTrackers';
|
|
37
37
|
const {CapCustomCardList} = CapCustomCard;
|
|
38
|
-
import {transformEmailTemplates} from '../../utils/cdnTransformation';
|
|
39
|
-
|
|
40
38
|
export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
|
|
41
39
|
constructor(props) {
|
|
42
40
|
super(props);
|
|
@@ -2440,8 +2438,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
|
|
|
2440
2438
|
|
|
2441
2439
|
// if (saveCount === 0) {
|
|
2442
2440
|
|
|
2443
|
-
|
|
2444
|
-
this.props.actions.createTemplate(newEmail, this.onUpdateTemplateComplete);
|
|
2441
|
+
this.props.actions.createTemplate(obj, this.onUpdateTemplateComplete);
|
|
2445
2442
|
// } else {
|
|
2446
2443
|
// this.setState({saveObj: obj, targetSaveCount: saveCount, mode: "save", saveEdmDataMode: 'save'}, () => {
|
|
2447
2444
|
// _.forEach(data.selectedLanguages, (language, langIndex) => {
|
|
@@ -7,7 +7,7 @@ import isEmpty from 'lodash/isEmpty';
|
|
|
7
7
|
import { connect } from "react-redux";
|
|
8
8
|
import { createStructuredSelector } from "reselect";
|
|
9
9
|
import { selectCurrentOrgDetails } from "../../Cap/selectors";
|
|
10
|
-
|
|
10
|
+
|
|
11
11
|
import {
|
|
12
12
|
CapInput,
|
|
13
13
|
CapRadioCard,
|
|
@@ -197,7 +197,7 @@ export const Advertisement = (props) => {
|
|
|
197
197
|
};
|
|
198
198
|
if (obj.subType === IMAGE) {
|
|
199
199
|
data.imageData = {
|
|
200
|
-
imageSrc:
|
|
200
|
+
imageSrc: obj.imgSrc,
|
|
201
201
|
};
|
|
202
202
|
}
|
|
203
203
|
if (obj.subType === VIDEO) {
|
|
@@ -336,7 +336,7 @@ export const Advertisement = (props) => {
|
|
|
336
336
|
};
|
|
337
337
|
}
|
|
338
338
|
if (obj.subType === IMAGE) {
|
|
339
|
-
data.imgSrc =
|
|
339
|
+
data.imgSrc = obj.imageData.imageSrc;
|
|
340
340
|
} else {
|
|
341
341
|
const {
|
|
342
342
|
videoSrc,
|
|
@@ -1033,4 +1033,4 @@ const mapStateToProps = (state, props) =>
|
|
|
1033
1033
|
: selectCurrentOrgDetails(),
|
|
1034
1034
|
});
|
|
1035
1035
|
|
|
1036
|
-
export default connect(mapStateToProps, null)(injectIntl(Advertisement));
|
|
1036
|
+
export default connect(mapStateToProps, null)(injectIntl(Advertisement));
|
|
@@ -15,7 +15,6 @@ import Gallery from '../../../Assets/Gallery';
|
|
|
15
15
|
import style from './style';
|
|
16
16
|
import { CAP_G06, CAP_G09 } from '@capillarytech/cap-ui-library/styled/variables';
|
|
17
17
|
import withStyles from '../../../../hoc/withStyles';
|
|
18
|
-
import { getCdnUrl } from '../../../../utils/cdnTransformation';
|
|
19
18
|
|
|
20
19
|
import messages from './messages';
|
|
21
20
|
import {
|
|
@@ -74,7 +73,7 @@ export const LineImage = ({
|
|
|
74
73
|
if (imageSrc && (isFullMode ? messageTitle: true) && imagePreview) {
|
|
75
74
|
updateMessageState({
|
|
76
75
|
isError: !imageSrc || !(isFullMode ? messageTitle : true) || isImageError || errorMessageTitle,
|
|
77
|
-
originalContentUrl:
|
|
76
|
+
originalContentUrl: imageSrc,
|
|
78
77
|
previewImageUrl: imagePreview,
|
|
79
78
|
messageTitle,
|
|
80
79
|
index,
|
|
@@ -113,7 +112,7 @@ export const LineImage = ({
|
|
|
113
112
|
|
|
114
113
|
updateMessageState({
|
|
115
114
|
isError: !imgSrc || !(isFullMode ? messageTitle : true) || errorMessageTitle,
|
|
116
|
-
originalContentUrl:
|
|
115
|
+
originalContentUrl: imgSrc,
|
|
117
116
|
previewImageUrl: imgPreview,
|
|
118
117
|
messageTitle,
|
|
119
118
|
index,
|
|
@@ -156,7 +155,7 @@ export const LineImage = ({
|
|
|
156
155
|
}
|
|
157
156
|
updateMessageState({
|
|
158
157
|
isError: !imageSrc || !(isFullMode ? value : true) || isImageError || !value,
|
|
159
|
-
originalContentUrl:
|
|
158
|
+
originalContentUrl: imageSrc,
|
|
160
159
|
previewImageUrl: imagePreview,
|
|
161
160
|
messageTitle: value,
|
|
162
161
|
index,
|
|
@@ -413,7 +412,7 @@ export const LineImage = ({
|
|
|
413
412
|
updateImagePreview(imagePreview);
|
|
414
413
|
updateMessageState({
|
|
415
414
|
isError: !image || !(isFullMode ? messageTitle : true) || isImageError || errorMessageTitle,
|
|
416
|
-
originalContentUrl:
|
|
415
|
+
originalContentUrl: image,
|
|
417
416
|
previewImageUrl: imagePreview,
|
|
418
417
|
messageTitle,
|
|
419
418
|
index,
|
|
@@ -15,7 +15,6 @@ import LineDrawer from '../Drawer';
|
|
|
15
15
|
import style from './style';
|
|
16
16
|
import { CAP_G06, FONT_COLOR_01, FONT_COLOR_02, CAP_SPACE_08, CAP_WHITE, CAP_SPACE_24, CAP_SPACE_04 } from '@capillarytech/cap-ui-library/styled/variables';
|
|
17
17
|
import withStyles from '../../../../hoc/withStyles';
|
|
18
|
-
import { getCdnUrl } from '../../../../utils/cdnTransformation';
|
|
19
18
|
|
|
20
19
|
import LineImageCarouselContent from './Content';
|
|
21
20
|
|
|
@@ -104,7 +103,7 @@ export const LineImageCarousel = (props) => {
|
|
|
104
103
|
} = content || {};
|
|
105
104
|
validCarouselImages.push({
|
|
106
105
|
activeIndex: index,
|
|
107
|
-
originalContentUrl:
|
|
106
|
+
originalContentUrl: url,
|
|
108
107
|
aspectRatio,
|
|
109
108
|
selectedActionType: buttonType ? (buttonType === MESSAGE_ACTION_TYPE ? TEXT_ACTION_TYPE : URL_ACTION_TYPE) : '',
|
|
110
109
|
actionContent: text || uri,
|
|
@@ -128,7 +127,7 @@ export const LineImageCarousel = (props) => {
|
|
|
128
127
|
|
|
129
128
|
validCarouselImages.push({
|
|
130
129
|
activeIndex: index,
|
|
131
|
-
originalContentUrl:
|
|
130
|
+
originalContentUrl: imageUrl,
|
|
132
131
|
selectedActionType: type ? (type === MESSAGE_ACTION_TYPE ? TEXT_ACTION_TYPE : URL_ACTION_TYPE) : '',
|
|
133
132
|
actionContent: text || uri,
|
|
134
133
|
actionLabel: label,
|
|
@@ -161,7 +160,7 @@ export const LineImageCarousel = (props) => {
|
|
|
161
160
|
? isErrorIndex
|
|
162
161
|
: ((!originalContentUrl || !selectedActionType || actionContentErrorMessage || actionLabelErrorMessage || !actionContent) && activeIndex);
|
|
163
162
|
columns.push({
|
|
164
|
-
imageUrl:
|
|
163
|
+
imageUrl: originalContentUrl,
|
|
165
164
|
aspectRatio,
|
|
166
165
|
action: {
|
|
167
166
|
type: selectedActionType ? (selectedActionType === TEXT_ACTION_TYPE ? MESSAGE_ACTION_TYPE : URL_ACTION_TYPE) : '',
|
|
@@ -456,7 +455,7 @@ export const LineImageCarousel = (props) => {
|
|
|
456
455
|
} = content || {};
|
|
457
456
|
validCarouselImages.push({
|
|
458
457
|
activeIndex: index,
|
|
459
|
-
originalContentUrl:
|
|
458
|
+
originalContentUrl: url,
|
|
460
459
|
aspectRatio,
|
|
461
460
|
selectedActionType: buttonType ? (buttonType === MESSAGE_ACTION_TYPE ? TEXT_ACTION_TYPE : URL_ACTION_TYPE) : '',
|
|
462
461
|
actionContent: text || uri,
|
|
@@ -481,7 +480,7 @@ export const LineImageCarousel = (props) => {
|
|
|
481
480
|
|
|
482
481
|
validCarouselImages.push({
|
|
483
482
|
activeIndex: index,
|
|
484
|
-
originalContentUrl:
|
|
483
|
+
originalContentUrl: imageUrl,
|
|
485
484
|
selectedActionType: type ? (type === MESSAGE_ACTION_TYPE ? TEXT_ACTION_TYPE : URL_ACTION_TYPE) : '',
|
|
486
485
|
actionContent: text || uri,
|
|
487
486
|
actionLabel: label,
|
|
@@ -4643,7 +4643,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
4643
4643
|
"actionLabel": "Click",
|
|
4644
4644
|
"activeIndex": 0,
|
|
4645
4645
|
"aspectRatio": "1:1",
|
|
4646
|
-
"originalContentUrl": "https://
|
|
4646
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
4647
4647
|
"selectedActionType": "text",
|
|
4648
4648
|
"type": "carousel",
|
|
4649
4649
|
}
|
|
@@ -6081,7 +6081,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
6081
6081
|
"actionLabel": "Click",
|
|
6082
6082
|
"activeIndex": 0,
|
|
6083
6083
|
"aspectRatio": "1:1",
|
|
6084
|
-
"originalContentUrl": "https://
|
|
6084
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
6085
6085
|
"selectedActionType": "text",
|
|
6086
6086
|
"type": "carousel",
|
|
6087
6087
|
}
|
|
@@ -7375,7 +7375,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
7375
7375
|
"actionLabel": "Click",
|
|
7376
7376
|
"activeIndex": 0,
|
|
7377
7377
|
"aspectRatio": "1:1",
|
|
7378
|
-
"originalContentUrl": "https://
|
|
7378
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
7379
7379
|
"selectedActionType": "text",
|
|
7380
7380
|
"type": "carousel",
|
|
7381
7381
|
}
|
|
@@ -8680,7 +8680,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
8680
8680
|
"actionLabel": "Click",
|
|
8681
8681
|
"activeIndex": 0,
|
|
8682
8682
|
"aspectRatio": "1:1",
|
|
8683
|
-
"originalContentUrl": "https://
|
|
8683
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
8684
8684
|
"selectedActionType": "text",
|
|
8685
8685
|
"type": "carousel",
|
|
8686
8686
|
}
|
|
@@ -12747,7 +12747,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
12747
12747
|
"actionLabel": "Click",
|
|
12748
12748
|
"activeIndex": 0,
|
|
12749
12749
|
"aspectRatio": "1:1",
|
|
12750
|
-
"originalContentUrl": "https://
|
|
12750
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
12751
12751
|
"selectedActionType": "text",
|
|
12752
12752
|
"type": "carousel",
|
|
12753
12753
|
}
|
|
@@ -14157,7 +14157,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
14157
14157
|
"actionLabel": "Click",
|
|
14158
14158
|
"activeIndex": 0,
|
|
14159
14159
|
"aspectRatio": "1:1",
|
|
14160
|
-
"originalContentUrl": "https://
|
|
14160
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
14161
14161
|
"selectedActionType": "text",
|
|
14162
14162
|
"type": "carousel",
|
|
14163
14163
|
}
|
|
@@ -15498,7 +15498,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
15498
15498
|
"actionLabel": "Click",
|
|
15499
15499
|
"activeIndex": 0,
|
|
15500
15500
|
"aspectRatio": "1:1",
|
|
15501
|
-
"originalContentUrl": "https://
|
|
15501
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
15502
15502
|
"selectedActionType": "text",
|
|
15503
15503
|
"type": "carousel",
|
|
15504
15504
|
}
|
|
@@ -16752,7 +16752,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
16752
16752
|
"actionLabel": "Click",
|
|
16753
16753
|
"activeIndex": 0,
|
|
16754
16754
|
"aspectRatio": "1:1",
|
|
16755
|
-
"originalContentUrl": "https://
|
|
16755
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
16756
16756
|
"selectedActionType": "text",
|
|
16757
16757
|
"type": "carousel",
|
|
16758
16758
|
}
|
|
@@ -17753,7 +17753,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
|
|
|
17753
17753
|
"actionLabel": "Click",
|
|
17754
17754
|
"activeIndex": 0,
|
|
17755
17755
|
"aspectRatio": "1:1",
|
|
17756
|
-
"originalContentUrl": "https://
|
|
17756
|
+
"originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
|
|
17757
17757
|
"selectedActionType": "text",
|
|
17758
17758
|
"type": "carousel",
|
|
17759
17759
|
}
|
|
@@ -39,7 +39,6 @@ import {
|
|
|
39
39
|
} from '../constants';
|
|
40
40
|
|
|
41
41
|
const { CapIconAvatar } = CapIcon;
|
|
42
|
-
import { getCdnUrl } from '../../../../utils/cdnTransformation';
|
|
43
42
|
|
|
44
43
|
export const LineImageMap = ({
|
|
45
44
|
className,
|
|
@@ -115,7 +114,7 @@ export const LineImageMap = ({
|
|
|
115
114
|
if (imageSrc && (isFullMode ? messageTitle: true) && imageMapTemplate && actionLinks) {
|
|
116
115
|
updateMessageState({
|
|
117
116
|
isError: !imageSrc || !(isFullMode ? messageTitle : true) || !imageMapTemplate || (isImageError && errorMessageTitle) || errorTitle || !altText,
|
|
118
|
-
baseUrl:
|
|
117
|
+
baseUrl: imageSrc,
|
|
119
118
|
messageTitle,
|
|
120
119
|
index,
|
|
121
120
|
type: IMAGE_MAP,
|
|
@@ -31,7 +31,6 @@ import { GA } from '@capillarytech/cap-ui-utils';
|
|
|
31
31
|
import { CREATE, TRACK_CREATE_MPUSH } from '../../App/constants';
|
|
32
32
|
import { MOBILE_PUSH } from '../../CreativesContainer/constants';
|
|
33
33
|
import { getContent } from '../commonMethods';
|
|
34
|
-
import { getCdnUrl } from '../../../utils/cdnTransformation'
|
|
35
34
|
|
|
36
35
|
const PrefixWrapper = styled.div`
|
|
37
36
|
margin-right: 16px;
|
|
@@ -465,7 +464,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
|
|
|
465
464
|
const secondaryCta2 = !!android['cta-deeplink-secondary-cta-1-select'] || !!android['secondary-cta-1-label'];
|
|
466
465
|
const imageLink = android.image;
|
|
467
466
|
if (imageLink) {
|
|
468
|
-
obj.versions.base.ANDROID.expandableDetails.image =
|
|
467
|
+
obj.versions.base.ANDROID.expandableDetails.image = imageLink;
|
|
469
468
|
obj.versions.base.ANDROID.expandableDetails.style = "BIG_PICTURE";
|
|
470
469
|
}
|
|
471
470
|
if (secondaryCta1 || secondaryCta2 ) {
|
|
@@ -539,7 +538,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
|
|
|
539
538
|
const imageLinkIos = ios.image;
|
|
540
539
|
const secondaryCtaIos = !!ios['cta-deeplink-secondary-cta-1-select'] || !!ios['secondary-cta-1-label'];
|
|
541
540
|
if (imageLinkIos) {
|
|
542
|
-
obj.versions.base.IOS.expandableDetails.image =
|
|
541
|
+
obj.versions.base.IOS.expandableDetails.image = imageLinkIos;
|
|
543
542
|
obj.versions.base.IOS.expandableDetails.style = "BIG_PICTURE";
|
|
544
543
|
}
|
|
545
544
|
if (secondaryCtaIos) {
|
|
@@ -1321,7 +1320,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
|
|
|
1321
1320
|
duration: 2,
|
|
1322
1321
|
});
|
|
1323
1322
|
} else {
|
|
1324
|
-
|
|
1323
|
+
const name = data.file.name.split('.');
|
|
1324
|
+
const blob = data.file.slice(0, -1, 'image');
|
|
1325
|
+
const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
|
|
1326
|
+
this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
|
|
1325
1327
|
}
|
|
1326
1328
|
};
|
|
1327
1329
|
selectCtaIos = (selectedConfig) => {
|
|
@@ -1850,4 +1852,4 @@ export default withCreatives({
|
|
|
1850
1852
|
mapStateToProps,
|
|
1851
1853
|
mapDispatchToProps,
|
|
1852
1854
|
userAuth: false,
|
|
1853
|
-
});
|
|
1855
|
+
});
|
|
@@ -33,7 +33,6 @@ import {getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields, getConten
|
|
|
33
33
|
import { GA } from '@capillarytech/cap-ui-utils';
|
|
34
34
|
import { EDIT, TRACK_EDIT_MPUSH } from '../../App/constants';
|
|
35
35
|
import { MOBILE_PUSH } from '../../CreativesContainer/constants';
|
|
36
|
-
import { getCdnUrl } from '../../../utils/cdnTransformation';
|
|
37
36
|
|
|
38
37
|
const PrefixWrapper = styled.div`
|
|
39
38
|
margin-right: 16px;
|
|
@@ -422,7 +421,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
|
|
|
422
421
|
}
|
|
423
422
|
const imageLink = android.image;
|
|
424
423
|
if (imageLink) {
|
|
425
|
-
obj.versions.base.ANDROID.expandableDetails.image =
|
|
424
|
+
obj.versions.base.ANDROID.expandableDetails.image = imageLink;
|
|
426
425
|
obj.versions.base.ANDROID.expandableDetails.style = "BIG_PICTURE";
|
|
427
426
|
}
|
|
428
427
|
if (obj.versions.base.ANDROID && obj.versions.base.ANDROID.cta) {
|
|
@@ -493,7 +492,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
|
|
|
493
492
|
}
|
|
494
493
|
const imageLinkIos = ios.image;
|
|
495
494
|
if (imageLinkIos) {
|
|
496
|
-
obj.versions.base.IOS.expandableDetails.image =
|
|
495
|
+
obj.versions.base.IOS.expandableDetails.image = imageLinkIos;
|
|
497
496
|
obj.versions.base.IOS.expandableDetails.style = "BIG_PICTURE";
|
|
498
497
|
}
|
|
499
498
|
if (obj.versions.base.IOS && obj.versions.base.IOS.cta) {
|
|
@@ -1941,4 +1940,4 @@ export default withCreatives({
|
|
|
1941
1940
|
mapStateToProps,
|
|
1942
1941
|
mapDispatchToProps,
|
|
1943
1942
|
userAuth: false,
|
|
1944
|
-
});
|
|
1943
|
+
});
|
|
@@ -81,7 +81,6 @@ import Templates from '../Templates';
|
|
|
81
81
|
import SmsTraiEdit from '../SmsTrai/Edit';
|
|
82
82
|
import TagList from '../TagList';
|
|
83
83
|
import { validateTags } from '../../utils/tagValidations';
|
|
84
|
-
import { getCdnUrl } from '../../utils/cdnTransformation';
|
|
85
84
|
const { Group: CapCheckboxGroup } = CapCheckbox;
|
|
86
85
|
export const Rcs = (props) => {
|
|
87
86
|
const {
|
|
@@ -901,7 +900,7 @@ export const Rcs = (props) => {
|
|
|
901
900
|
...(suggestions.length > 0 && { suggestions }),
|
|
902
901
|
...(!isMediaTypeNone && {
|
|
903
902
|
media: {
|
|
904
|
-
mediaUrl:
|
|
903
|
+
mediaUrl: rcsImageSrc,
|
|
905
904
|
height: MEDIUM,
|
|
906
905
|
},
|
|
907
906
|
}),
|
|
@@ -57166,7 +57166,7 @@ exports[`Creatives rcs test/> rcs edit with dlt fallback and save 2`] = `
|
|
|
57166
57166
|
"description": "Rcs desc",
|
|
57167
57167
|
"media": Object {
|
|
57168
57168
|
"height": "MEDIUM",
|
|
57169
|
-
"mediaUrl": "https://
|
|
57169
|
+
"mediaUrl": "https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
|
|
57170
57170
|
},
|
|
57171
57171
|
"mediaType": "IMAGE",
|
|
57172
57172
|
"suggestions": Array [
|
|
@@ -84708,7 +84708,7 @@ exports[`Creatives rcs test/> rcs edit with dlt fallback and save in library mod
|
|
|
84708
84708
|
"description": "Rcs desc",
|
|
84709
84709
|
"media": Object {
|
|
84710
84710
|
"height": "MEDIUM",
|
|
84711
|
-
"mediaUrl": "https://
|
|
84711
|
+
"mediaUrl": "https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
|
|
84712
84712
|
},
|
|
84713
84713
|
"mediaType": "IMAGE",
|
|
84714
84714
|
"suggestions": Array [
|
|
@@ -53,12 +53,9 @@ import { GA } from '@capillarytech/cap-ui-utils';
|
|
|
53
53
|
import { CREATE, EDIT, TRACK_CREATE_VIBER, TRACK_EDIT_VIBER } from '../App/constants';
|
|
54
54
|
import { gtmPush } from '../../utils/gtmTrackers';
|
|
55
55
|
import { VIBER } from '../CreativesContainer/constants';
|
|
56
|
-
import { getCdnUrl } from '../../utils/cdnTransformation';
|
|
57
|
-
|
|
58
56
|
const { CapHeadingSpan } = CapHeading;
|
|
59
57
|
const { TextArea } = CapInput;
|
|
60
58
|
|
|
61
|
-
|
|
62
59
|
const Viber = (props) => {
|
|
63
60
|
const {
|
|
64
61
|
intl,
|
|
@@ -81,7 +78,7 @@ const Viber = (props) => {
|
|
|
81
78
|
const { formatMessage } = intl;
|
|
82
79
|
const [isImageError, updateImageErrorMessage] = useState(false);
|
|
83
80
|
const [isImage, updateImageStatus] = useState(false);
|
|
84
|
-
const [imageSrc,
|
|
81
|
+
const [imageSrc, updateImageSrc] = useState();
|
|
85
82
|
const [isDrawerRequired, updateDrawerRequirement] = useState(false);
|
|
86
83
|
const [messageContent, updateTextMessageContent] = useState('');
|
|
87
84
|
const [buttonText, updateButtonText] = useState('');
|
|
@@ -95,12 +92,6 @@ const Viber = (props) => {
|
|
|
95
92
|
const [buttonURLErrorMessage, updateButtonURLErrorMessage] = useState(false);
|
|
96
93
|
const [accountName, updateAccountName] = useState("");
|
|
97
94
|
|
|
98
|
-
|
|
99
|
-
const updateImageSrc = React.useCallback((url)=>{
|
|
100
|
-
const newUrl = getCdnUrl({url, channelName: 'VIBER'});
|
|
101
|
-
setImageSrc(newUrl);
|
|
102
|
-
},[]);
|
|
103
|
-
|
|
104
95
|
const StyledHeader = styled(CapHeader)`
|
|
105
96
|
margin-bottom: 14px;
|
|
106
97
|
`;
|
|
@@ -750,4 +741,4 @@ export default withCreatives({
|
|
|
750
741
|
mapStateToProps,
|
|
751
742
|
mapDispatchToProps,
|
|
752
743
|
userAuth: true,
|
|
753
|
-
});
|
|
744
|
+
});
|
|
@@ -74,8 +74,6 @@ import {
|
|
|
74
74
|
PHONE_NUMBER,
|
|
75
75
|
WEBSITE,
|
|
76
76
|
} from '../../v2Components/CapWhatsappCTA/constants';
|
|
77
|
-
import { getCdnUrl } from '../../utils/cdnTransformation';
|
|
78
|
-
|
|
79
77
|
let varMap = {};
|
|
80
78
|
let editContent = {};
|
|
81
79
|
let tagValidationResponse = {};
|
|
@@ -857,7 +855,7 @@ export const Whatsapp = (props) => {
|
|
|
857
855
|
}),
|
|
858
856
|
mediaType: templateMediaType,
|
|
859
857
|
...(isMediaTypeImage && {
|
|
860
|
-
imageUrl:
|
|
858
|
+
imageUrl: whatsappImageSrc,
|
|
861
859
|
karixFileHandle,
|
|
862
860
|
}),
|
|
863
861
|
varMapped: !isFullMode ? varMap : {},
|
|
@@ -1441,4 +1439,4 @@ export default withCreatives({
|
|
|
1441
1439
|
mapStateToProps,
|
|
1442
1440
|
mapDispatchToProps,
|
|
1443
1441
|
userAuth: true,
|
|
1444
|
-
});
|
|
1442
|
+
});
|