@capillarytech/creatives-library 7.12.75 → 7.12.77

package/package.json

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

package/utils/cdnTransformation.js

@@ -7,7 +7,8 @@ import { parse } from 'node-html-parser';
 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.*(?:jpg|png|jpeg|gif)$/;
+const regex = /https:\/\/.*intouch_creative_assets.*$/;
 const INTOUCH_CREATIVE_ASSETS = 'intouch_creative_assets';
 
 /**

package/v2Containers/Line/Container/index.js

@@ -34,6 +34,7 @@ import * as templateActionsConfig from '../../Templates/actions';
 import withCreatives from '../../../hoc/withCreatives';
 import { gtmPush } from '../../../utils/gtmTrackers';
 import { LINE } from '../../CreativesContainer/constants';
+import { getCdnUrl } from '../../../utils/cdnTransformation';
 
 const { stopTimer } = GA.timeTracker;
 
@@ -401,7 +402,7 @@ export const LineContainer = ({
             messageData.previewImageUrl = previewImageUrl;
         }
         if (originalContentUrl) {
-            messageData.originalContentUrl = originalContentUrl;
+            messageData.originalContentUrl = getCdnUrl({url: originalContentUrl});
         }
         if (selectedSticker) {
             messageData.stickerUrl = selectedSticker.stickerUrl;
@@ -410,7 +411,7 @@ export const LineContainer = ({
             messageData.stickerId = `${selectedSticker.stickerId}`;
         }
         if (baseUrl) {
-            messageData.baseUrl = baseUrl;
+            messageData.baseUrl = getCdnUrl({url: baseUrl});
             messageData.altText = altText;
         }
         if (baseSize) {
@@ -426,7 +427,7 @@ export const LineContainer = ({
                 type: 'bubble',
                 hero: {
                     type: 'image',
-                    url: item.imageUrl,
+                    url: getCdnUrl({url: item.imageUrl}),
                     size: 'full',
                     aspectRatio: item.aspectRatio,
                     aspectMode: 'cover',
@@ -473,7 +474,7 @@ export const LineContainer = ({
                     height: videoHeight,
                     width: videoWidth,
                 },
-                originalContentUrl: videoSrc,
+                originalContentUrl: getCdnUrl({url: videoSrc, transformationEnabled: false, reduceQuality: false}),
                 previewImageUrl,
             };
             if (actionLabel) {

package/v2Containers/MobilePush/Create/index.js

@@ -31,6 +31,7 @@ import { GA } from '@capillarytech/cap-ui-utils';
 import { CREATE, TRACK_CREATE_MPUSH } from '../../App/constants';
 import { MOBILE_PUSH } from '../../CreativesContainer/constants';
 import { getContent } from '../commonMethods';
+import { getCdnUrl } from '../../../utils/cdnTransformation'
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -464,7 +465,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       const secondaryCta2 = !!android['cta-deeplink-secondary-cta-1-select'] || !!android['secondary-cta-1-label'];
       const imageLink = android.image;
       if (imageLink) {
-        obj.versions.base.ANDROID.expandableDetails.image = imageLink;
+        obj.versions.base.ANDROID.expandableDetails.image = getCdnUrl({url: imageLink});
         obj.versions.base.ANDROID.expandableDetails.style = "BIG_PICTURE";
       }
       if (secondaryCta1 || secondaryCta2 ) {
@@ -538,7 +539,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       const imageLinkIos = ios.image;
       const secondaryCtaIos = !!ios['cta-deeplink-secondary-cta-1-select'] || !!ios['secondary-cta-1-label'];
       if (imageLinkIos) {
-        obj.versions.base.IOS.expandableDetails.image = imageLinkIos;
+        obj.versions.base.IOS.expandableDetails.image = getCdnUrl({url: imageLinkIos});
         obj.versions.base.IOS.expandableDetails.style = "BIG_PICTURE";
       }
       if (secondaryCtaIos) {

package/v2Containers/MobilePush/Edit/index.js

@@ -33,6 +33,7 @@ import {getPrimaryCtaFields, getSecondaryCtaFields, getLinkTypeFields, getConten
 import { GA } from '@capillarytech/cap-ui-utils';
 import { EDIT, TRACK_EDIT_MPUSH } from '../../App/constants';
 import { MOBILE_PUSH } from '../../CreativesContainer/constants';
+import { getCdnUrl } from '../../../utils/cdnTransformation';
 
 const PrefixWrapper = styled.div`
   margin-right: 16px;
@@ -421,7 +422,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     const imageLink = android.image;
     if (imageLink) {
-      obj.versions.base.ANDROID.expandableDetails.image = imageLink;
+      obj.versions.base.ANDROID.expandableDetails.image = getCdnUrl({url: imageLink});
       obj.versions.base.ANDROID.expandableDetails.style = "BIG_PICTURE";
     }
     if (obj.versions.base.ANDROID && obj.versions.base.ANDROID.cta) {
@@ -492,7 +493,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     const imageLinkIos = ios.image;
     if (imageLinkIos) {
-      obj.versions.base.IOS.expandableDetails.image = imageLinkIos;
+      obj.versions.base.IOS.expandableDetails.image = getCdnUrl({url: imageLinkIos});
       obj.versions.base.IOS.expandableDetails.style = "BIG_PICTURE";
     }
     if (obj.versions.base.IOS && obj.versions.base.IOS.cta) {