@capillarytech/creatives-library 7.12.94 → 7.12.96

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.12.94",
+  "version": "7.12.96",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/services/api.js

@@ -484,4 +484,9 @@ export const createWhatsappTemplate = ({ payload }) => {
 export const getSenderDetails = (channel, orgUnitId) => {
   const url = `${CAMPAIGNS_API_ORG_ENDPOINT}/meta/domainProperties?channel=${channel}`;
   return request(url, getAPICallObject('GET', null, false, true, orgUnitId));
-};
+};
+
+export const getCdnTransformationConfig = () => {
+  const url = `${API_ENDPOINT}/common/getCdnTransformationConfig`;
+  return request(url, getAPICallObject('GET'));
+}

package/utils/cdnTransformation.js

@@ -7,9 +7,6 @@ import { parse } from "node-html-parser";
 
 // https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=100,height=100,quality=75,fit=cover,g=top,format=auto/intouch_creative_assets/005710a7-6412-44fe-a19f-e72456b1.jpg
 
-const CDN_BASE_URL = `https://storage.crm.n.content-cdn.io`;
-const CDN_TRANSFORMATION_URL_SUFFIX = `/cdn-cgi/image/`;
-const QUALITY = 75;
 // const regex = /https:\/\/.*intouch_creative_assets.*(?:jpg|png|jpeg|gif)$/;
 const regex = /https:\/\/.*intouch_creative_assets.*$/;
 const INTOUCH_CREATIVE_ASSETS = "intouch_creative_assets";
@@ -86,6 +83,14 @@ const CHANNEL_CONFIGS = {
       },
     }
   },
+  WECHAT: {
+    transformations: {
+      width: 360,
+      height: 200,
+      quality: QUALITY_TYPE.DECREASE,
+      
+    }
+  }
 };
 
 /**
@@ -98,19 +103,29 @@ export const getCdnUrl = ({
   channelName: receivedChannelName,
   channelSubType: receivedChannelSubType,
 }) => {
+  console.log('hello func called..');
   const channelName = receivedChannelName?.toUpperCase();
   const channelSubType = receivedChannelSubType?.toUpperCase();
 
+  const CREATIVES_CDN_BASE_URL = getLocalStorageItem('CREATIVES_CDN_BASE_URL');
+  const CREATIVES_CDN_QUALITY_CONFIG = getLocalStorageItem('CREATIVES_CDN_QUALITY_CONFIG', true);
+  const CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX = getLocalStorageItem('CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX');
+
+  const QUALITY = CREATIVES_CDN_QUALITY_CONFIG?.[channelName] || CREATIVES_CDN_QUALITY_CONFIG?.DEFAULT;
+
   if (
     !regex.test(url) ||
     !CHANNEL_CONFIGS?.[channelName] ||
-    (channelSubType && !CHANNEL_CONFIGS?.[channelName]?.[channelSubType])
+    (channelSubType && !CHANNEL_CONFIGS?.[channelName]?.[channelSubType]) ||
+    !CREATIVES_CDN_BASE_URL ||
+    !CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX ||
+    !QUALITY
   )
     return url;
 
   const [, assetKey] = url.split(INTOUCH_CREATIVE_ASSETS);
 
-  let newUrl = `${CDN_BASE_URL}`;
+  let newUrl = `${CREATIVES_CDN_BASE_URL}`;
 
   let applicableTransformations;
 
@@ -123,7 +138,7 @@ export const getCdnUrl = ({
 
   if (!isEmpty(applicableTransformations)) {
 
-    newUrl += CDN_TRANSFORMATION_URL_SUFFIX;
+    newUrl += `/${CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX}/`;
 
     // Object.keys(applicableTransformations)?.forEach((transformationParam) => {
     forOwn(applicableTransformations, (transformationParamVal, transformationParam)=>{
@@ -218,3 +233,31 @@ export const transformEmailTemplates = (contents) => {
     return contents; //return received input directly in case an exception is thrown
   }
 };
+
+
+
+export function getLocalStorageItem(key, parse = false){
+  const val = localStorage.getItem(key);
+  if(parse){
+    return JSON.parse(val);
+  }
+  return val;
+}
+
+export function saveCdnConfigs(configsResponse){
+  try{
+    if(isEmpty(configsResponse)) return;
+    if(configsResponse?.hostname){
+      localStorage.setItem('CREATIVES_CDN_BASE_URL', configsResponse?.hostname);
+    }
+    if(!isEmpty(configsResponse?.qualityCfg)){
+      const qualityString = JSON.stringify(configsResponse?.qualityCfg);
+      localStorage.setItem('CREATIVES_CDN_QUALITY_CONFIG', qualityString);
+    }
+    if(configsResponse?.transformationUrlSuffix){
+      localStorage.setItem('CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX', configsResponse?.transformationUrlSuffix);
+    }
+  }catch(e){
+    console.log('some error while setting localstorage cdn configs')
+  }
+}

package/utils/tests/__snapshots__/cdnTransformation.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`transformEmailTemplate() should transform email template 1`] = `
+exports[`cdnTransformationTests transformEmailTemplate() should transform email template 1`] = `
 Object {
   "name": "test template1",
   "type": "EMAIL",

package/utils/tests/cdnTransformation.test.js

@@ -1,76 +1,105 @@
 import * as cdnUtils from '../cdnTransformation';
 import * as mockdata from './cdnTransformation.mockdata';
 
-describe('getCdnUrl()',()=>{
-    it('should return s3 url if bucket subfolder doesn\'t contain intouch_creative_assets',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/test/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL'});
-        expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    })
-    
-    it('should return s3 if channelName is not defined',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL});
-        expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    })
-    
-    it('should return s3 if specified channelSubType doesn\'t exist',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'LINE', channelSubType: 'ABC'});
-        expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    })
-    
-    it('Should replace s3 url with cdn url for email when h/w are not provided',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL'})
-        const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
-        expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    })
-    
-    it('Should replace s3 url with cdn url for email when h/w are provided',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL', height: 100, width: 200})
-        const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
-        expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    })
-    
-    it('should replace cdn url with new cdn url for email incase h/w etc changed', ()=>{
-        const TEST_S3_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL', height: 400, width: 500})
-        const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=500,height=400,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
-        expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    })
-    
-    it('should replace cdn url with new cdn url incase channelName is LINE and channelSubType is RICH_MESSAGE ',()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`;
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'LINE', channelSubType: 'RICH_MESSAGE'})
-        const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1040,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`
-        expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+describe('cdnTransformationTests',()=>{
+    beforeAll(()=>{
+        var localStorageMock = (function() {
+            var store = {
+                CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX: "cdn-cgi/image",
+                CREATIVES_CDN_BASE_URL: "https://storage.crm.n.content-cdn.io",
+                CREATIVES_CDN_QUALITY_CONFIG: '{"EMAIL":75,"RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}',
+            };
+            return {
+              getItem: function(key) {
+                return store[key];
+              },
+              setItem: function(key, value) {
+                store[key] = value.toString();
+              },
+              clear: function() {
+                store = {};
+              },
+              removeItem: function(key) {
+                delete store[key];
+              }
+            };
+          })();
+          Object.defineProperty(window, 'localStorage', { value: localStorageMock });
     })
 
-    it('should replace cdn url with new cdn url for channels which has predefined h/w for channel', ()=>{
-        const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;       
-        const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'RCS'})
-        const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1440,height=720,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
-        expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+
+    describe('getCdnUrl()',()=>{
+        it('should return s3 url if bucket subfolder doesn\'t contain intouch_creative_assets',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/test/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL'});
+            expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
+        })
+        
+        it('should return s3 if channelName is not defined',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL});
+            expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
+        })
+        
+        it('should return s3 if specified channelSubType doesn\'t exist',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'LINE', channelSubType: 'ABC'});
+            expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
+        })
+        
+        it('Should replace s3 url with cdn url for email when h/w are not provided',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL'})
+            const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
+            expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+        })
+        
+        it('Should replace s3 url with cdn url for email when h/w are provided',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL', height: 100, width: 200})
+            const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
+            expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+        })
+        
+        it('should replace cdn url with new cdn url for email incase h/w etc changed', ()=>{
+            const TEST_S3_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'EMAIL', height: 400, width: 500})
+            const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=500,height=400,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
+            expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+        })
+        
+        it('should replace cdn url with new cdn url incase channelName is LINE and channelSubType is RICH_MESSAGE ',()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`;
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'LINE', channelSubType: 'RICH_MESSAGE'})
+            const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1040,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`
+            expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+        })
+
+        it('should replace cdn url with new cdn url for channels which has predefined h/w for channel', ()=>{
+            const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;       
+            const GENERATED_CDN_URL = cdnUtils.getCdnUrl({url: TEST_S3_URL, channelName: 'RCS'})
+            const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1440,height=720,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`
+            expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
+        })
     })
-})
 
 
-describe('updateImagesInHtml()',()=>{
-    it('should update images in html',()=>{
-        const htmlContentsInput = mockdata.emailRawInput;
-        const htmlContentsOutput = cdnUtils.updateImagesInHtml(htmlContentsInput);
-        const expected = mockdata.emailRawTransformed;
-        expect(htmlContentsOutput).toEqual(expected);
+    describe('updateImagesInHtml()',()=>{
+        it('should update images in html',()=>{
+            const htmlContentsInput = mockdata.emailRawInput;
+            const htmlContentsOutput = cdnUtils.updateImagesInHtml(htmlContentsInput);
+            const expected = mockdata.emailRawTransformed;
+            expect(htmlContentsOutput).toEqual(expected);
+        })
     })
-})
 
 
-describe('transformEmailTemplate()',()=>{
-    it('should transform email template',()=>{
-        const emailTemplateInput = mockdata.emailTemplateRaw;
-        const emailTemplateOutput = cdnUtils.transformEmailTemplates(emailTemplateInput);
-        expect(emailTemplateOutput).toMatchSnapshot();
+    describe('transformEmailTemplate()',()=>{
+        it('should transform email template',()=>{
+            const emailTemplateInput = mockdata.emailTemplateRaw;
+            const emailTemplateOutput = cdnUtils.transformEmailTemplates(emailTemplateInput);
+            expect(emailTemplateOutput).toMatchSnapshot();
+        })
     })
 })
+

package/v2Containers/Cap/actions.js

@@ -74,3 +74,8 @@ export function clearTopbarMenuData() {
   };
 }
 
+export function getCdnTransformationConfig() {
+  return {
+    type: types.GET_CDN_TRANSFORMATION_CONFIG_REQUEST,
+  }
+}

package/v2Containers/Cap/constants.js

@@ -38,3 +38,6 @@ export const LOYALTY_HELP_URL = 'https://docs.capillarytech.com/docs/loyalty-ove
 export const ORG_REFRESH_SEC = 10;
 export const ORG_CHANGED = 'ORG_CHANGED';
 
+export const GET_CDN_TRANSFORMATION_CONFIG_REQUEST = 'creatives/GET_CDN_TRANSFORMATION_CONFIG_REQUEST/V2';
+export const GET_CDN_TRANSFORMATION_CONFIG_SUCCESS = 'creatives/GET_CDN_TRANSFORMATION_CONFIG_SUCCESS/V2';
+export const GET_CDN_TRANSFORMATION_CONFIG_FAILURE = 'creatives/GET_CDN_TRANSFORMATION_CONFIG_FAILURE/V2';

package/v2Containers/Cap/index.js

@@ -119,6 +119,7 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     );
     window.addEventListener('pageshow', this.tabOnloadEventHandler, false);
     window.addEventListener('pagehide', tabBeforeUnloadEventHandler, false);
+    this.props.actions.getCdnTransformationConfig();
   }
 
   componentWillReceiveProps(nextProps) {

package/v2Containers/Cap/sagas.js

@@ -13,6 +13,8 @@ import {
 } from '../../v2Containers/App/constants';
 // import {makeSelectOrgId} from './selectors';
 
+import { saveCdnConfigs } from '../../utils/cdnTransformation';
+
 function* authorize(user) {
   try {
     const res = yield call(Api.authorize, user);
@@ -41,6 +43,19 @@ function* switchOrg({orgID}) {
   }
 }
 
+function* getCdnTransformationConfig() {
+  try {
+    const res = yield call(Api.getCdnTransformationConfig);
+
+    if(res?.success && res?.status?.code === 200){
+      const cdnConfigs = res?.response;
+      saveCdnConfigs(cdnConfigs);
+    }
+  } catch (error) {
+    console.log('some error occured during getCdnTransformationConfig call')
+  }
+}
+
 function* loginFlow() {
   const condition = true;
   while (condition) {
@@ -175,6 +190,11 @@ function* watchGetTopbarMenuData() {
   yield takeLatest(types.GET_TOPBAR_MENU_DATA_REQUEST, getTopbarMenuData);
 }
 
+
+function* watchGetCdnTransformationConfig() {
+  yield takeLatest(types.GET_CDN_TRANSFORMATION_CONFIG_REQUEST, getCdnTransformationConfig);
+}
+
 export default [
   loginFlow,
   watchForOrgChange,
@@ -182,5 +202,6 @@ export default [
   watchForFetchUserInfo,
   watchFetchSchemaForEntity,
   watchGetTopbarMenuData,
+  watchGetCdnTransformationConfig,
 ];
 

package/v2Containers/Cap/tests/__snapshots__/index.test.js.snap

@@ -41,6 +41,7 @@ exports[`<Cap /> should render correct component 1`] = `
       "clearMetaEntities": [Function],
       "clearTopbarMenuData": [Function],
       "fetchSchemaForEntity": [Function],
+      "getCdnTransformationConfig": [Function],
       "getTopbarMenuData": [Function],
       "getUserData": [Function],
       "logout": [Function],

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap

@@ -4643,7 +4643,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                     "actionLabel": "Click",
                     "activeIndex": 0,
                     "aspectRatio": "1:1",
-                    "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                    "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                     "selectedActionType": "text",
                     "type": "carousel",
                   }
@@ -6081,7 +6081,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                               "actionLabel": "Click",
                               "activeIndex": 0,
                               "aspectRatio": "1:1",
-                              "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                              "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                               "selectedActionType": "text",
                               "type": "carousel",
                             }
@@ -7375,7 +7375,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                 "actionLabel": "Click",
                                 "activeIndex": 0,
                                 "aspectRatio": "1:1",
-                                "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                 "selectedActionType": "text",
                                 "type": "carousel",
                               }
@@ -8680,7 +8680,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                     "actionLabel": "Click",
                                     "activeIndex": 0,
                                     "aspectRatio": "1:1",
-                                    "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                    "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                     "selectedActionType": "text",
                                     "type": "carousel",
                                   }
@@ -12747,7 +12747,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                         "actionLabel": "Click",
                                         "activeIndex": 0,
                                         "aspectRatio": "1:1",
-                                        "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                        "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                         "selectedActionType": "text",
                                         "type": "carousel",
                                       }
@@ -14157,7 +14157,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                                   "actionLabel": "Click",
                                                   "activeIndex": 0,
                                                   "aspectRatio": "1:1",
-                                                  "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                                  "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                                   "selectedActionType": "text",
                                                   "type": "carousel",
                                                 }
@@ -15498,7 +15498,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                                   "actionLabel": "Click",
                                                   "activeIndex": 0,
                                                   "aspectRatio": "1:1",
-                                                  "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                                  "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                                   "selectedActionType": "text",
                                                   "type": "carousel",
                                                 }
@@ -16752,7 +16752,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                               "actionLabel": "Click",
                               "activeIndex": 0,
                               "aspectRatio": "1:1",
-                              "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                              "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                               "selectedActionType": "text",
                               "type": "carousel",
                             }
@@ -17753,7 +17753,7 @@ exports[`line wrapper test/> should render line component new 1`] = `
                                 "actionLabel": "Click",
                                 "activeIndex": 0,
                                 "aspectRatio": "1:1",
-                                "originalContentUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1024,height=1024,quality=75,/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
+                                "originalContentUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg",
                                 "selectedActionType": "text",
                                 "type": "carousel",
                               }

package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap

@@ -57166,7 +57166,7 @@ exports[`Creatives rcs test/> rcs edit with dlt fallback and save 2`] = `
                             "description": "Rcs desc",
                             "media": Object {
                               "height": "MEDIUM",
-                              "mediaUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1440,height=720,quality=75,/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
+                              "mediaUrl": "https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
                             },
                             "mediaType": "IMAGE",
                             "suggestions": Array [
@@ -84708,7 +84708,7 @@ exports[`Creatives rcs test/> rcs edit with dlt fallback and save in library mod
                             "description": "Rcs desc",
                             "media": Object {
                               "height": "MEDIUM",
-                              "mediaUrl": "https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1440,height=720,quality=75,/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
+                              "mediaUrl": "https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/8fcb2fdce8f92e4a48d4.png",
                             },
                             "mediaType": "IMAGE",
                             "suggestions": Array [

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -32,6 +32,8 @@ import { GA } from '@capillarytech/cap-ui-utils';
 import { CREATE, EDIT, TRACK_CREATE_WECHAT, TRACK_EDIT_WECHAT } from '../../../App/constants';
 import { gtmPush } from '../../../../utils/gtmTrackers';
 import { WECHAT } from '../../../CreativesContainer/constants';
+import { getCdnUrl } from '../../../../utils/cdnTransformation';
+
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
@@ -478,7 +480,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         need_open_comment: postCommentsData.need_open_comment,
         only_fans_can_comment: postCommentsData.only_fans_can_comment,
         thumb_media_id: contentData.mediaId,
-        image_url: contentData.imageUrl,
+        image_url: getCdnUrl({url: contentData.imageUrl, channelName: 'WECHAT'}),
       };
       mediaList.push(filteredContent);
     });