@capillarytech/creatives-library 7.17.150 → 7.17.152-alpha.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.150",
+  "version": "7.17.152-alpha.1",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -15,7 +15,7 @@
     "@babel/polyfill": "7.4.3",
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "^7.2.1",
-    "@capillarytech/cap-ui-utils": "2.0.8",
+    "@capillarytech/cap-ui-utils": "2.0.9",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "1.1.3",

package/services/api.js

@@ -273,9 +273,9 @@ export const createChannelWiseTemplate = ({ channel, template }) => {
 export const getTemplateDetails = ({id, channel}) => {
   const url = `${API_ENDPOINT}/templates/${id}/${channel ? channel.toUpperCase() : 'SMS'}`;
   const compressedTemplatesData = request(url, getAPICallObject('GET'));
-  return compressedTemplatesData.then(async (data) => {
+  return compressedTemplatesData.then((data) => {
     const { response = '' } = data || {};
-    const decompressData = await decompressJsonObject(response);
+    const decompressData = decompressJsonObject(response);
     if (channel?.toUpperCase() === EMAIL) {
       return { ...data, response: addBaseToTemplate(decompressData) };
     }
@@ -289,9 +289,9 @@ export const getAllTemplates = ({channel, queryParams = {}}) => {
     queryParams,
   });
   const compressedTemplatesData = request(url, getAPICallObject('GET'));
-  return compressedTemplatesData.then(async (data) => {
+  return compressedTemplatesData.then((data) => {
     const { response = '' } = data || {};
-    return { ...data, response: await decompressJsonObject(response)};
+    return { ...data, response: decompressJsonObject(response)};
   });
 };
 

package/services/tests/api.test.js

@@ -115,9 +115,9 @@ describe('getAllTemplates -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
-    }));
+    });
     expect(await getAllTemplates({channel: 'email'})).toEqual({
       response: {
         _id: '123',
@@ -136,9 +136,9 @@ describe('getAllTemplates -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
-    }));
+    });
     expect(await getAllTemplates({channel: 'email'})).toEqual({
       data: {
         _id: '123',
@@ -172,12 +172,12 @@ describe('getTemplateDetails -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
       versions: {
         history: ['v1', 'v2'],
       },
-    }));
+    });
     expect(await getTemplateDetails({id: '123', channel: 'email'})).toEqual({
       response: {
         _id: '123',
@@ -203,12 +203,12 @@ describe('getTemplateDetails -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
       versions: {
         history: ['v1', 'v2'],
       },
-    }));
+    });
     expect(await getTemplateDetails({id: '123'})).toEqual({
       data: {
         _id: '123',
@@ -245,9 +245,9 @@ describe('getTemplateInfoById -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
-    }));
+    });
     expect(await getTemplateInfoById({id: '123', username: 'capillary_zns', 'oa_id': 'jfhagsdhj', token: 'tuyagjahs'})).toEqual({
       response: {
         _id: '123',
@@ -266,9 +266,9 @@ describe('getTemplateInfoById -- Test with valid responses', () => {
         },
       }),
     }));
-    mockDecompressJsonObject.mockReturnValue(Promise.resolve({
+    mockDecompressJsonObject.mockReturnValue({
       _id: '123',
-    }));
+    });
     expect(await getTemplateInfoById({id: '123', username: 'capillary_zns', 'oa_id': 'jfhagsdhj', token: 'tuyagjahs'})).toEqual({
       data: {
         _id: '123',

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -569,6 +569,9 @@
       }
     }
   }
+  .message-preview {
+    left: 40%;
+  }
   .android-push-message-Container, .iphone-push-message-Container{
     position: absolute;
     top: 11%;

package/v2Containers/Templates/index.js

@@ -1591,8 +1591,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       if (data.expandableDetails && data.expandableDetails.image) {
         bodyTextStyle.WebkitLineClamp = 3;
       }
+      const isFullMode = this.isFullMode();
       result = (
-        <div className="android-push-message-Container">
+        <div className={`${isFullMode} ? android-push-message-Container: message-preview android-push-message-Container `}>
           <div className="message-pop align-left">
             <div className="message-container">
               <div className="app-name">