@capillarytech/creatives-library 6.12.3 → 6.12.4

package/app.js

@@ -38,6 +38,13 @@ const history = syncHistoryWithStore(browserHistory, store, {
 });
 
 const bugSnagErrorCallback = (event) => {
+  const { app: { releaseStage } = {} } = event || {};
+  if (
+    (releaseStage || '').includes('nightly') ||
+    process.env.NODE_ENV !== 'production'
+  ) {
+    return false;
+  }
   let userId;
   let userName;
   let userEmail;

package/package.json

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

package/utils/smsCharCountV2.js

@@ -53,7 +53,7 @@ export function checkUnicode(content) {
   }
   return false;
 }
-export function updateCharCount(content, isUnicodeEnabled) {
+export function updateCharCount(content = '', isUnicodeEnabled) {
   if (showOptoutCount && optoutUrl === undefined && responseState === 'REQUEST') {
     Api.getUnsubscribeUrl().then((res) => {
       optoutUrl = res.response.response;

package/v2Containers/Line/Container/Video/index.js

@@ -74,6 +74,7 @@ export const LineVideo = ({
   const [videoDuration, updateVideoDuration] = useState('');
   const [videoHeight, updateVideoHeight] = useState();
   const [videoWidth, updateVideoWidth] = useState();
+  const [isPlaying, updateIsPlaying] = useState(false);
 
 
   useEffect(() => {
@@ -338,6 +339,18 @@ export const LineVideo = ({
     updateTemplateDrawerRequirement(true);
   }, [])
 
+  const playVideo = (e) => {
+    if (e.target.paused && !isPlaying) {
+      e.target.play();
+    }
+  } 
+
+  const pauseVideo = (e) => {
+    if (!e.target.paused && isPlaying) {
+      e.target.pause();
+    }
+  }
+
   const getVideoSection = () => {
     if (!isVideo) {
       return (
@@ -393,8 +406,10 @@ export const LineVideo = ({
             poster={imagePreview}
             className="line-image-src"
             onLoadedMetadata={() => updateMetadataLoaded(true)}
-            onMouseOver={e => e.target.play()}
-            onMouseOut={e => e.target.pause()}
+            onPlaying={() => updateIsPlaying(true)}
+            onPause={() => updateIsPlaying(false)}
+            onMouseOver={playVideo}
+            onMouseOut={pauseVideo}
             ref={videoEl}
           >
               <source src={videoSrc} type="video/mp4" />

package/v2Containers/Line/Container/index.js

@@ -322,18 +322,30 @@ export const LineContainer = ({
         });
     }
 
-    const createCallback = () => {
-        CapNotification.success({
-            message: formatMessage(messages.lineCreateNotification),
-        });
-        actions.clearEditResponse();
+    const createCallback = (errorMessage) => {
+        if (!errorMessage) {
+            CapNotification.success({
+                message: formatMessage(messages.lineCreateNotification),
+            });
+            actions.clearEditResponse();
+        } else {
+            CapNotification.error({
+                message: errorMessage,
+            });
+        }
     }
 
-    const editCallback = () => {
-        CapNotification.success({
-            message: formatMessage(messages.lineEditNotification),
-        });
-        actions.clearEditResponse();
+    const editCallback = (errorMessage) => {
+        if (!errorMessage) {
+            CapNotification.success({
+                message: formatMessage(messages.lineEditNotification),
+            });
+            actions.clearEditResponse();
+        } else {
+            CapNotification.error({
+                message: errorMessage,
+            });
+        }
     }
 
     const formatSubmitPayload = (lineWrapperContents) => {
@@ -545,15 +557,17 @@ export const LineContainer = ({
     const onCreateLine = () => {
         actions.createTemplate(
             formatSubmitPayload(lineWrapperContents),
-            () => {
-              // stop timer for create line
-              stopTimer(TRACK_CREATE_LINE, {
-                category: 'Creatives',
-                action: TRACK_CREATE_LINE,
-                label: getLineType(lineWrapperContents),
-              });
-              createCallback();
-              onCreateComplete();
+            (resp, errorMessage) => {
+              createCallback(errorMessage);
+              if (!errorMessage) {
+                // stop timer for create line
+                stopTimer(TRACK_CREATE_LINE, {
+                    category: 'Creatives',
+                    action: TRACK_CREATE_LINE,
+                    label: getLineType(lineWrapperContents),
+                });
+                onCreateComplete();
+              }
             }
         );
     }
@@ -586,15 +600,17 @@ export const LineContainer = ({
                 ...formatSubmitPayload(lineWrapperContents),
                 _id: params.id,
             },
-            () => {
-                // stop timer for edit line
-                stopTimer(TRACK_EDIT_LINE, {
-                    category: 'Creatives',
-                    action: TRACK_EDIT_LINE,
-                    label: getLineType(lineWrapperContents),
-                });
-                editCallback();
-                onCreateComplete();
+            (resp, errorMessage) => {
+                editCallback(errorMessage);
+                if (!errorMessage) {
+                    // stop timer for edit line
+                    stopTimer(TRACK_EDIT_LINE, {
+                        category: 'Creatives',
+                        action: TRACK_EDIT_LINE,
+                        label: getLineType(lineWrapperContents),
+                    });
+                    onCreateComplete();
+                }
           });
     }
 

package/v2Containers/Line/Container/sagas.js

@@ -8,10 +8,10 @@ import * as types from './constants';
 export function* createTemplate({ template, callback }) {
   let errorMsg;
   try {
-    console.log('inside line saga createTemplate@@@', template);
     const result = yield call(Api.createLineTemplate, { template });
-    if (result.message || result.status.code === 500) {
+    if (result.status.code >= 400) {
       errorMsg = result.message;
+      throw errorMsg;
     }
     yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
     if (callback) {
@@ -19,6 +19,9 @@ export function* createTemplate({ template, callback }) {
     }
   } catch (error) {
     yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
   }
 }
 export function* uploadAsset(file, assetType, fileParams ) {
@@ -48,11 +51,10 @@ function* watchUploadAsset() {
 export function* editTemplate({ template, callback }) {
   let errorMsg;
   try {
-    console.log('saga editTemplate line', template);
     const result = yield call(Api.createLineTemplate, {template});
-    console.log('saga editTemplate success line', result);
-    if (result.message || result.status.code === 500) {
+    if (result.status.code >= 400) {
       errorMsg = result.message;
+      throw errorMsg;
     }
     if (callback) {
       callback(result.response);
@@ -60,6 +62,9 @@ export function* editTemplate({ template, callback }) {
     yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
   } catch (error) {
     yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
+    if (callback) {
+      callback(null, errorMsg);
+    }
   }
 }