@capillarytech/creatives-library 7.17.37-alpha.2 → 7.17.37-alpha.4

package/package.json

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

package/services/api.js

@@ -90,7 +90,7 @@ function checkStatus(response) {
   const isLoginPage = window.location.pathname.indexOf('/login') !== -1;
   if (!isLoginPage) redirectIfUnauthenticated(response);
 
-  const error = new Error({ statusText, status });
+  const error = new Error(statusText);
   error.response = response;
   error.isError = true;
   error.status = status;
@@ -493,14 +493,14 @@ export const getSenderDetails = (channel, orgUnitId) => {
 export const getCdnTransformationConfig = () => {
   const url = `${API_ENDPOINT}/common/getCdnTransformationConfig`;
   return request(url, getAPICallObject('GET'));
-}
+};
 
 export const getS3UrlFileSizes = (data) => {
   const url = `${API_ENDPOINT}/assets/files/metadata`;
   return request(url, getAPICallObject('POST', data));
-}
+};
 
 export const getTemplateInfoById = ({id, username, oa_id, token}) => {
-    const url = `${API_ENDPOINT}/templates/${id}/Zalo?username=${username}&oa_id=${oa_id}&token=${token}`;
-    return request(url, getAPICallObject('GET'));
-  }
+  const url = `${API_ENDPOINT}/templates/${id}/Zalo?username=${username}&oa_id=${oa_id}&token=${token}`;
+  return request(url, getAPICallObject('GET'));
+};

package/v2Containers/CreativesContainer/index.js

@@ -1,8 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {
-  CapSlideBox, CapHeader, CapLink, CapInput,
-} from '@capillarytech/cap-ui-library';
+  CapSlideBox,
+  CapHeader,
+  CapLink,
+  CapInput,
+  CapNotification,
+} from "@capillarytech/cap-ui-library";
 import { injectIntl, FormattedMessage } from 'react-intl';
 import classnames from 'classnames';
 import {isEmpty, get, forEach, cloneDeep} from 'lodash';
@@ -26,6 +30,7 @@ import * as globalActions from '../Cap/actions';
 import * as zaloActions from '../Zalo/actions';
 import {isLoading as isLoadingSelector} from './selectors';
 import messages from './messages';
+import zaloMessages from '../Zalo/messages';
 import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
 import { makeSelectFetchingCmsData } from '../Email/selectors';
 import { IMAGE as LINE_IMAGE, IMAGE_MAP, IMAGE_CAROUSEL, VIDEO as LINE_VIDEO, TEMPLATE, STICKER } from '../Line/Container/constants';
@@ -98,6 +103,13 @@ export class Creatives extends React.Component {
     }
     this.setState(data);
   };
+
+  actionCallback = () => {
+    CapNotification.error({
+      message: <FormattedMessage {...zaloMessages.zaloFailureNotificationPreview}/>,
+    });
+  };
+
   onPreviewTemplate = (template) => {
     if (template.type !== constants.ZALO.toLowerCase()) {
       const templateData = template;
@@ -117,6 +129,7 @@ export class Creatives extends React.Component {
         token,
         id: template?._id,
         preview: true,
+        actionCallback: this.actionCallback,
       });
     }
   };

package/v2Containers/Templates/index.js

@@ -1910,6 +1910,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
 
   selectTemplate = (id) => find(this.props.TemplatesList, {_id: id})
 
+  actionCallback = () => {
+    CapNotification.error({
+      message: this.props.intl.formatMessage(zaloMessages.zaloFailureNotificationPreview),
+    });
+  };
+
   handlePreviewClick(template, modeType) {
     if (this.state.channel.toLowerCase() !== ZALO_LOWERCASE) {
       this.togglePreview();
@@ -1952,6 +1958,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         token: token,
         id: template?._id,
         preview: true,
+        actionCallback: this.actionCallback,
       });
     }
   }

package/v2Containers/Zalo/index.js

@@ -15,6 +15,7 @@ import {
   CapHeading,
   CapHeader,
   CapIcon,
+  CapNotification,
 } from "@capillarytech/cap-ui-library";
 import {
   CAP_SPACE_16,
@@ -124,6 +125,7 @@ export const Zalo = ({
       oa_id: sourceAccountIdentifier,
       token,
       id,
+      actionCallback,
     });
   }, []);
 
@@ -282,6 +284,12 @@ export const Zalo = ({
     }
   };
 
+  const actionCallback = () => {
+    CapNotification.error({
+      message: formatMessage(messages.zaloFailureNotificationTemplate),
+    });
+  };
+
   return (
     <CapSpin spinning={zaloTemplateInfoStatus === REQUEST}>
       <CapRow type="flex" className="cap-zalo-creatives">

package/v2Containers/Zalo/messages.js

@@ -71,4 +71,12 @@ export default defineMessages({
     id: `${prefix}.PENDING_REVIEW`,
     defaultMessage: 'pending review',
   },
+  zaloFailureNotificationTemplate: {
+    id: `${prefix}.zaloFailureNotificationTemplate`,
+    defaultMessage: 'Unable to load zalo template',
+  },
+  zaloFailureNotificationPreview: {
+    id: `${prefix}.zaloFailureNotificationPreview`,
+    defaultMessage: 'Unable to load zalo preview',
+  },
 });

package/v2Containers/Zalo/saga.js

@@ -8,23 +8,29 @@ import {
 } from "./constants";
 
 export function* getTemplateInfoById({ payload }) {
+  const { preview = "", actionCallback } = payload;
   try {
     const res = yield call(Api.getTemplateInfoById, payload);
     if (res?.success) {
       yield put({
-        type: payload?.preview
-          ? ZALO_TEMPLATE_PREVIEW_INFO
-          : ZALO_TEMPLATE_INFO_SUCCESS,
+        type: preview ? ZALO_TEMPLATE_PREVIEW_INFO : ZALO_TEMPLATE_INFO_SUCCESS,
         result: res?.response || {},
       });
     } else {
+      const errorMsg = res?.message || res?.status?.message;
       yield put({
         type: ZALO_TEMPLATE_INFO_ERROR,
-        error: res?.error || res?.message,
+        error: errorMsg,
       });
+      if (actionCallback) {
+        actionCallback(errorMsg);
+      }
     }
   } catch (error) {
     yield put({ type: ZALO_TEMPLATE_INFO_ERROR, error });
+    if (actionCallback) {
+      actionCallback(error);
+    }
   }
 }