@capillarytech/creatives-library 7.13.5 → 7.13.7

package/v2Containers/Viber/index.js

@@ -53,9 +53,12 @@ import { GA } from '@capillarytech/cap-ui-utils';
 import { CREATE, EDIT, TRACK_CREATE_VIBER, TRACK_EDIT_VIBER } from '../App/constants';
 import { gtmPush } from '../../utils/gtmTrackers';
 import { VIBER } from '../CreativesContainer/constants';
+import { getCdnUrl } from '../../utils/cdnTransformation';
+
 const { CapHeadingSpan } = CapHeading;
 const { TextArea } = CapInput;
 
+
 const Viber = (props) => {
   const {
     intl,
@@ -78,7 +81,7 @@ const Viber = (props) => {
   const { formatMessage } = intl;
   const [isImageError, updateImageErrorMessage] = useState(false);
   const [isImage, updateImageStatus] = useState(false);
-  const [imageSrc, updateImageSrc] = useState();
+  const [imageSrc, setImageSrc] = useState();
   const [isDrawerRequired, updateDrawerRequirement] = useState(false);
   const [messageContent, updateTextMessageContent] = useState('');
   const [buttonText, updateButtonText] = useState('');
@@ -92,6 +95,12 @@ const Viber = (props) => {
   const [buttonURLErrorMessage, updateButtonURLErrorMessage] = useState(false);
   const [accountName, updateAccountName] = useState("");
 
+
+  const updateImageSrc = React.useCallback((url)=>{
+    const newUrl = getCdnUrl({url, channelName: 'VIBER'});
+    setImageSrc(newUrl);
+  },[]);
+
   const StyledHeader = styled(CapHeader)`
   margin-bottom: 14px;
 `;
@@ -741,4 +750,4 @@ export default withCreatives({
   mapStateToProps,
   mapDispatchToProps,
   userAuth: true,
-});
+});

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);
     });

package/v2Containers/Whatsapp/index.js

@@ -74,6 +74,8 @@ import {
   PHONE_NUMBER,
   WEBSITE,
 } from '../../v2Components/CapWhatsappCTA/constants';
+import { getCdnUrl } from '../../utils/cdnTransformation';
+
 let varMap = {};
 let editContent = {};
 let tagValidationResponse = {};
@@ -855,7 +857,7 @@ export const Whatsapp = (props) => {
             }),
             mediaType: templateMediaType,
             ...(isMediaTypeImage && {
-              imageUrl: whatsappImageSrc,
+              imageUrl: getCdnUrl({url: whatsappImageSrc, channelName: 'WHATSAPP',}),
               karixFileHandle,
             }),
             varMapped: !isFullMode ? varMap : {},
@@ -1439,4 +1441,4 @@ export default withCreatives({
   mapStateToProps,
   mapDispatchToProps,
   userAuth: true,
-});
+});