@capillarytech/creatives-library 2.0.74 → 2.0.76

package/package.json

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

package/routes.js

@@ -616,7 +616,7 @@ export default function createRoutes(store) {
           import('v2Containers/Mobilepush/Create/reducer'),
           import('v2Containers/Mobilepush/Edit/sagas'),
           import('v2Containers/Mobilepush/Edit/reducer'),
-          import('V2Containers/Assets/Gallery/reducer'),
+          import('v2Containers/Assets/Gallery/reducer'),
           import('v2Containers/Assets/Gallery/sagas'),
         ]);
 

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -205,6 +205,7 @@ function SlideBoxContent(props) {
           route={{ name: 'mobilepush' }}
           templateData={templateData}
           showTemplateName={showTemplateName}
+          getDefaultTags={type}
         />
         }
       {isCreateMPush &&

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -8,8 +8,16 @@ import messages from './messages';
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
+function getChannelLabel(channel) {
+  const labels = {
+    sms: 'SMS',
+    email: 'Email',
+    mobilepush: 'Push notification',
+  };
+  return labels[channel.toLowerCase()];
+}
 function SlideBoxHeader(props) {
-  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, showTemplateName } = props;
+  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, showTemplateName, channel } = props;
   const TemplateName = isFullMode && showTemplateName;
   return (
     <div key="creatives-container-slidebox-header-content">
@@ -47,7 +55,7 @@ function SlideBoxHeader(props) {
         )}
       {!TemplateName && slidBoxContent === 'createTemplate' && (
       <CapHeader
-        title={<FormattedMessage {...messages.createMessageContent} />}
+        title={<FormattedMessage {...messages.createMessageContent} values={{channel: getChannelLabel(channel)}}/>}
         prefix={!isFullMode && showPrefix &&
           <PrefixWrapper>
             <CapIcons.backIcon onClick={onShowTemplates} />
@@ -66,5 +74,6 @@ SlideBoxHeader.propTypes = {
   isFullMode: PropTypes.bool,
   showPrefix: PropTypes.bool,
   showTemplateName: PropTypes.func,
+  channel: PropTypes.string,
 };
 export default SlideBoxHeader;

package/v2Containers/CreativesContainer/index.js

@@ -30,6 +30,9 @@ const SlideBoxWrapper = styled.div`
   .cap-slide-box-v2-container{
     .slidebox-header, .slidebox-content-container, .slidebox-footer{
       padding: 0 32px;
+      &.has-footer{
+        overflow-x: hidden;
+      }
     }
   }
 `;
@@ -384,6 +387,7 @@ class Creatives extends React.Component {
           header={
             <SlideBoxHeader
               key="creatives-container-slidebox-header"
+              channel={currentChannel}
               messages={this.props.messages}
               slidBoxContent={this.state.slidBoxContent}
               templateData={templateData}

package/v2Containers/CreativesContainer/messages.js

@@ -260,7 +260,7 @@ export default defineMessages({
   },
   "createMessageContent": {
     id: `${scope}.editMessageContent`,
-    defaultMessage: `New message`,
+    defaultMessage: `New {channel} message`,
   },
   "creativeTemplatesDesc": {
     id: `${scope}.creativeTemplatesDesc`,

package/v2Containers/MobilePush/Edit/index.js

@@ -1388,9 +1388,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         }
         temp.injectedEvents = {};
         temp.className = temp.className ? temp.className : '';
-        if (this.props.location.query.type === 'embedded' && ((temp.type === "tag-list" || temp.type === "div" || temp.type === "icon") && this.props.location.query.module !== "dvs") && (temp.supportedEvents)) {
-          temp.className = `${temp.className} hide`;
-        }
+
         // if (this.props.location.query.type === 'embedded' && (temp.type === "input" || temp.type === "textarea" || temp.type === "radioGroup") && this.props.location.query.module !== "dvs") {
         //   temp.className = `${temp.className} disabled`;
         //   temp.disabled = true;

package/v2Containers/MobilepushWrapper/index.js

@@ -63,7 +63,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
     this.setState({templateName: ev.target.value});
   }
   render() {
-    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName} = this.props;
+    const {mobilePushCreateMode, step, getFormData, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -103,6 +103,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               isGetFormData={isGetFormData}
               showTemplateName={showTemplateName}
               route={{ name: 'mobilepush' }}
+              getDefaultTags={type}
           />
 
 
@@ -124,6 +125,7 @@ MobilepushWrapper.propTypes = {
   query: PropTypes.object,
   isFullMode: PropTypes.bool,
   showTemplateName: PropTypes.func,
+  type: PropTypes.string,
 };
 
 

package/v2Containers/Templates/_templates.scss

@@ -8,7 +8,7 @@
   .pagination-container {
     .cap-custom-card-list-row {
       .cap-custom-card-list-col{
-        &:nth-child(4n+4) {
+        &:nth-child(4n+4) { //every 4th child
           margin-right: unset;
         }
       }
@@ -16,8 +16,6 @@
   }
 }
 
-  
-
 .card-title {
   line-height: 24px;
   font-size: 14px;

package/v2Containers/TemplatesV2/index.js

@@ -52,7 +52,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     super(props);
     const defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
     const defaultPanes = [
-      {content: <div></div>, tab: 'Sms', key: 'sms'},
+      {content: <div></div>, tab: 'SMS', key: 'sms'},
       {content: <div></div>, tab: 'Email', key: 'email'},
       // {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
       {content: <div></div>, tab: 'Push notification', key: 'mobilepush'},