@capillarytech/creatives-library 2.0.61 → 2.0.63

package/containers/MobilepushWrapper/_mobilepushWrapper.scss

@@ -0,0 +1,18 @@
+.mobilepush-wrapper {
+    .ant-card-body {
+        padding: unset;
+    }
+   
+    .ant-radio-group.cap-radioCard-v2 {
+        .ant-radio-button-wrapper{
+            width: 258px;
+            height: 258px;
+        }
+        .radio-card-header {
+            margin-top: 8px; 
+            margin-left: 16px;
+        }
+    }
+    
+    
+}

package/containers/MobilepushWrapper/index.js

@@ -10,15 +10,17 @@ import { FormattedMessage } from 'react-intl';
 import {CapRadioCard, CapHeader} from '@capillarytech/cap-ui-library';
 import {isEmpty} from 'lodash';
 import MobilepushCreate from '../MobilePush/Create';
+import WithImage from '../../assets/WithImage1';
+import WithNoImage from '../../assets/NoImage1';
 import messages from './messages';
-
+import './_mobilepushWrapper.scss';
 export class MobilepushWrapper extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
     this.modes = [
       {
         title: <FormattedMessage {...messages.text}/>,
-        content: <FormattedMessage {...messages.text}/>,
+        content: <WithNoImage height="124px" width={"248px"}/>,
         value: 'text',
         // onClick: () => {
         //   this.emailUploader.current.click();
@@ -26,7 +28,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
       },
       {
         title: <FormattedMessage {...messages.image}/>,
-        content: <FormattedMessage {...messages.image}/>,
+        content: <WithImage height="248px" width={"248px"}/>,
         value: 'image',
       },
     ];
@@ -38,12 +40,13 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
     const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query} = this.props;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
-      <div>
+      <div className="mobilepush-wrapper">
         {step === "modeSelection" ?
           <div>
             <CapHeader size="small" title={<FormattedMessage {...messages.createMode}/>}/>
             <CapRadioCard
               panes={this.modes}
+              cardHeight={"286px"}
               onChange={this.onChange}
               selected={mobilePushCreateMode}
           />

package/containers/Sms/Create/_smsCreate.scss

@@ -11,7 +11,7 @@
 
 #template-name.ant-input{
   font-size: 20px !important;
-  font-family: proxima-nova, sans-serif;
+  // font-family: proxima-nova, sans-serif;
   font-style: normal;
   font-weight: 600;
 }

package/containers/TemplatesV2/index.js

@@ -50,14 +50,16 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   constructor(props) {
     super(props);
     const defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
-    const deafaultPanes = [
+    const defaultPanes = [
       {content: <div></div>, tab: 'Sms', key: 'sms'},
       {content: <div></div>, tab: 'Email', key: 'email'},
-      {content: <div></div>, tab: 'Call Task', key: 'calltask'},
       // {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
       {content: <div></div>, tab: 'Mpush', key: 'mobilepush'},
     ];
-    const panes = this.setChannelContent(defaultChannel, deafaultPanes);
+    if (!props.isFullMode) {
+      defaultPanes.push({content: <div></div>, tab: 'Call Task', key: 'call_task'});
+    }
+    const panes = this.setChannelContent(defaultChannel, defaultPanes);
     this.state = {
       selectedChannel: defaultChannel,
       panes,
@@ -105,7 +107,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     if (!this.props.isFullMode) {
       query = {type: 'embedded', module: 'library'};
     }
-    return (channel === 'calltask' ?
+    return (channel === 'call_task' ?
       this.getCallTaskComponent() :
       <Templates
         key={channel}
@@ -124,13 +126,10 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     const panes = argsPanes.map((p) => {
       const pane = p;
       if (pane.key === selectedChannel) {
-        let channel = pane.tab.toLowerCase();
+        let channel = selectedChannel;
         if (channel === "mpush") {
           channel = "mobilepush";
         }
-        if (channel === 'call task') {
-          channel = "calltask";
-        }
         pane.content = this.getTemplatesComponent(channel);
         return pane;
       }

package/global-styles.js

@@ -6,6 +6,7 @@ injectGlobal`
   body {
     height: 100%;
     width: 100%;
+    font-family: 'Roboto', open-sans, sans-serif !important;
   }
 
   #app {

package/index.html

@@ -9,6 +9,8 @@
     <meta name="mobile-web-app-capable" content="yes">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <script src="https://use.typekit.net/ifw1ntv.js"></script>
+    <!-- Roboto Font -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
     <!-- Google Tag Manager -->
     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

package/package.json

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

package/services/api.js

@@ -257,6 +257,9 @@ export const getUserList = () => {
 };
 
 export const fetchSchemaForEntity = ({queryParams}) => {
+  if (queryParams.version === "v2" && queryParams.type === "LAYOUT" && queryParams.layout === "MOBILEPUSH") {
+    return import('../containers/MobilePush/initialSchema').then((layout) => layout);
+  }
   const url = `${API_ENDPOINT}/meta/${queryParams.type}?query=${JSON.stringify(queryParams)}`;
   return request(url, getAPICallObject('GET'));// request(url, getAPICallObject('GET'));
 };