@capillarytech/creatives-library 7.10.9 → 7.10.11

package/config/app.js

@@ -17,6 +17,7 @@ const config = {
   },
   development: {
     api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
+    //api_endpoint: 'http://localhost:2022/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
     campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.10.9",
+  "version": "7.10.11",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -12,10 +12,9 @@
   },
   "license": "LicenseRef-LICENSE",
   "dependencies": {
-    "@babel/polyfill": "7.4.3",
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "^7.2.1",
-    "@capillarytech/cap-ui-utils": "1.4.0",
+    "@capillarytech/cap-ui-utils": "1.4.2",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "1.1.3",

package/utils/common.js

@@ -255,3 +255,10 @@ export const bytes2Size = (bytes, decimals = 2) => {
 
   return `${Math.ceil((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 };
+
+export const isTraiDLTEnable = (isFullMode, smsRegister) => {
+  const isTraiDltFeatureForOrg = hasTraiDltFeature();
+  const isTraiEnableforLib = (!isFullMode && smsRegister === "DLT") || isFullMode;
+  const isTraiDltFeature = isTraiDltFeatureForOrg && isTraiEnableforLib;
+  return isTraiDltFeature;
+};

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -142,6 +142,7 @@ function SlideBoxContent(props) {
       fbAdManager,
       showDisabledFBInfo,
       orgUnitId,
+      smsRegister,
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -201,12 +202,18 @@ function SlideBoxContent(props) {
 
   const getChannelPreviewContent = (templateDataObject) => {
     switch (templateDataObject.type.toUpperCase()) {
-      case constants.SMS:
-        if (!commonUtil.hasTraiDltFeature() || get(templateDataObject, `versions.base['updated-sms-editor']`) === "") {
+      case constants.SMS: {
+        const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
+        const updatedSmsEditor = get(
+          templateDataObject,
+          `versions.base['updated-sms-editor']`,
+          '',
+        );
+        if (!isTraiDlt || updatedSmsEditor === '') {
           return get(templateDataObject, `versions.base['sms-editor']`);
-        } else {
-          return templateDataObject.versions.base['updated-sms-editor']?.join('');
         }
+        return updatedSmsEditor.join('');
+      }
       case constants.LINE: {
         const lineContents = get(templateDataObject, `versions.base.content.messages`, [{}]);
         const previewContent = [];
@@ -347,6 +354,7 @@ function SlideBoxContent(props) {
         messageStrategy={messageStrategy}
         showDisabledFBInfo={showDisabledFBInfo}
         orgUnitId={orgUnitId}
+        smsRegister={smsRegister}
         />
       )}
       {isPreview && (
@@ -416,6 +424,7 @@ function SlideBoxContent(props) {
           onTestContentClicked={onTestContentClicked}
           handleClose={handleClose}
           onCreateComplete={onCreateComplete}
+          smsRegister={smsRegister}
         />
       )}
       {isEditFTP && (
@@ -463,6 +472,8 @@ function SlideBoxContent(props) {
         onPreviewContentClicked={onPreviewContentClicked}
         onTestContentClicked={onTestContentClicked}
         onCreateComplete={onCreateComplete}
+        smsRegister={smsRegister}
+        onShowTemplates={onShowTemplates}
       />
         )}
 
@@ -716,5 +727,6 @@ SlideBoxContent.propTypes = {
   fbAdManager: PropTypes.string,
   showDisabledFBInfo: PropTypes.boolean,
   orgUnitId: PropTypes.any,
+  smsRegister: PropTypes.any,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import messages from './messages';
 import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
 import { NO_COMMUNICATION, FTP } from '../App/constants';
-import { hasTraiDltFeature } from '../../utils/common';
+import { isTraiDLTEnable } from '../../utils/common';
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
@@ -25,11 +25,12 @@ function getChannelLabel(channel = '') {
 
 
 function SlideBoxHeader(props) {
-  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep } = props;
+  const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep, smsRegister } = props;
   const showTemplateNameHeader = isFullMode && shouldShowTemplateName;
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
-  const isTraiDltFeature = hasTraiDltFeature();
-  const showCreateTraiSMSHeader = isTraiDltFeature && channel.toLowerCase() === "sms";
+  const isTraiDlt = isTraiDLTEnable(isFullMode, smsRegister);
+  const showCreateTraiSMSHeader = isTraiDlt && channel.toLowerCase() === "sms";
+
   return (
     <div key="creatives-container-slidebox-header-content">
       {slidBoxContent === 'templates' && !showTemplateNameHeader && (
@@ -103,5 +104,6 @@ SlideBoxHeader.propTypes = {
   channel: PropTypes.string,
   shouldShowTemplateName: PropTypes.bool,
   templateNameRenderProp: PropTypes.func,
+  smsRegister: PropTypes.any,
 };
 export default SlideBoxHeader;

package/v2Containers/CreativesContainer/index.js

@@ -156,7 +156,7 @@ class Creatives extends React.Component {
     this.setState({ isGetFormData: false });
   };
   getTemplateData = (templateData) => { //from consumers to creatives
-    const {isFullMode, messageDetails = {}} = this.props;
+    const { isFullMode, messageDetails = {}, smsRegister } = this.props;
     const { additionalProperties = {} } = messageDetails;
     if (!isFullMode && templateData) { // for component mode
       const {channel} = templateData;
@@ -170,9 +170,28 @@ class Creatives extends React.Component {
           break;
         }
         case constants.SMS: {
-          const formData = {
-            "sms-editor": templateData.messageBody,
-          };
+          const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
+          let formData = {};
+          if (isTraiDlt) {
+            const {
+              template_id = '',
+              header = '',
+              template_name = '',
+              'sms-editor': smsEditor = '',
+              'var-mapped': varMapped = {},
+            } = templateData;
+            formData = {
+              template_id,
+              header,
+              template_name,
+              'sms-editor': smsEditor,
+              'var-mapped': varMapped,
+            };
+          } else {
+            formData = {
+              'sms-editor': templateData.messageBody,
+            };
+          }
           creativesTemplateData = {
             type: channel,
             name: "Campaign message SMS content",
@@ -286,14 +305,14 @@ class Creatives extends React.Component {
               type: constants.FACEBOOK,
               edit: true,
               selectedFacebookAccount,
-              fbContentType
+              fbContentType,
             };
           } else {
             creativesTemplateData = {
               selectedMarketingObjective: templateData.selectedMarketingObjective,
               edit: true,
               type: channel,
-              fbContentType: templateData.fbContentType
+              fbContentType: templateData.fbContentType,
             };
           }
           break;
@@ -357,7 +376,31 @@ class Creatives extends React.Component {
     switch (channel) {
       case constants.SMS:
         if (template.value.base) {
-          templateData.messageBody = template.value.base['sms-editor'];
+          const smsBase = template.value.base || {};
+          const { isFullMode, smsRegister } = this.props;
+          const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
+          const {
+            'updated-sms-editor': updatedSmsEditor,
+            'sms-editor': smsEditor,
+          } = smsBase;
+          if (!isTraiDlt) {
+            templateData.messageBody = smsEditor;
+          } else {
+            templateData.messageBody = updatedSmsEditor === "" ? smsEditor : updatedSmsEditor.join('');
+            const {
+              template_id,
+              template_name,
+              header,
+              'var-mapped': varMapped,
+            } = smsBase;
+            templateData.templateConfigs = {
+              templateId: template_id,
+              templateName: template_name,
+              template: smsEditor,
+              registeredSenderIds: header,
+              templateVariableMapping: varMapped,
+            };
+          }
         }
         break;
       case constants.EMAIL:
@@ -771,7 +814,7 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData, editor} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData, editor, smsRegister} = this.props;
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
     return (
@@ -795,6 +838,7 @@ class Creatives extends React.Component {
               weChatTemplateType={weChatTemplateType}
               showPrefix={!isUploading} // not show back button when email template is being uploaded
               templateStep={this.creativesTemplateSteps[templateStep]}
+              smsRegister={smsRegister}
             />}
           content={
             <SlideBoxContent
@@ -848,6 +892,7 @@ class Creatives extends React.Component {
               handleClose={this.handleCloseSlideBox}
               onFTPSubmit={getCreativesData}
               editor={editor}
+              smsRegister={smsRegister}
               messageStrategy={this.props.strategy}
               orgUnitId={this.props.orgUnitId}
           />

package/v2Containers/SmsTrai/Create/constants.js

@@ -1,34 +1,27 @@
-/*
- *
- * SmsTrai constants
- *
- */
-
 export const DEFAULT_ACTION = 'app/SmsTrai/DEFAULT_ACTION';
 export const APPROVAL_STATUS = 'approval status';
+export const STATUS = 'status';
 export const TEMPLATE_NAME = 'template name';
 export const TYPE = 'type';
 export const HEADER = 'header';
 export const TEMPLATE_ID = 'template id';
 export const SMS = 'SMS';
-
 export const MAPPED_SAVED_COLUMN = {
-  "TEMPLATE ID": "template_id",
-  "TEMPLATE NAME": "template_name",
-  "TYPE": "type",
-  "HEADER": "header",
-  "CATEGORY": "category",
-  "TEMPLATE MESSAGE": "sms-editor",
-  'SENDER ID': "header",
-  'SENDERS': "header",
-  'HEADER ID': "header",
-  'HEADERS': "header",
-  'TEMPLATE REGISTRATION NUMBER': "template_id",
-  'TEMPLATE CONTENT': "template_name",
-  "COMMUNICATION TYPE": "consent-type",
-  "CONSENT TYPE": "consent-type",
+  'TEMPLATE ID': 'template_id',
+  'TEMPLATE REGISTRATION NUMBER': 'template_id',
+  'TEMPLATE NAME': 'template_name',
+  'TYPE': 'type',
+  'HEADER': 'header',
+  'SENDER ID': 'header',
+  'SENDERS': 'header',
+  'HEADER ID': 'header',
+  'HEADERS': 'header',  
+  'CATEGORY': 'category',
+  'TEMPLATE MESSAGE': 'sms-editor',
+  'TEMPLATE CONTENT': 'sms-editor',
+  'CONSENT TYPE': 'consent-type',
+  'COMMUNICATION TYPE': 'consent-type',
 };
-
 export const HEADER_ALIASES = [
   HEADER,
   'sender id',
@@ -36,39 +29,41 @@ export const HEADER_ALIASES = [
   'header id',
   'headers',
 ];
-
 export const TEMPLATE_ID_ALIASES = [
   'template id',
   'template registration number',
 ];
-
 export const TEMPLATE_MESSAGE_ALIASES = [
   'template message',
   'template content',
 ];
-
+export const STATUS_ALIASES = [
+  'status',
+  'template status',
+];
 export const MANDATORY_COLUMNS = [TEMPLATE_NAME, TYPE, APPROVAL_STATUS];
-export const SAVED_COLUMNS = [TEMPLATE_NAME, TYPE, "category", "consent type"];
-
-
+export const SAVED_COLUMNS = [TEMPLATE_NAME, TYPE, 'category', 'consent type'];
 export const SAMPLE_CSV_DATA = [
   [
-    'TEMPLATE ID',
     'TEMPLATE NAME',
+    'TEMPLATE ID',
     'TYPE',
-    'HEADER',
+    'SENDER ID',
     'APPROVAL STATUS',
+    'STATUS',
     'TEMPLATE MESSAGE',
   ],
 ];
-
 export const DOWNLOAD_ISSUES_CSV = 'Downloaded issues.csv';
 export const SAMPLE_CSV = 'Sample.csv';
 export const CAPILLARY_REJECTION_REASON = 'CAPILLARY REJECTION REASON';
 export const APPROVED = 'approved';
-
-
-export const CREATE_TRAI_SMS_TEMPLATE_REQUEST = 'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_REQUEST';
-export const CREATE_TRAI_SMS_TEMPLATE_SUCCESS = 'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_SUCCESS';
-export const CREATE_TRAI_SMS_TEMPLATE_FAILURE = 'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_FAILURE';
-export const CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST = 'app/v2Containers/SmsTrai/Create/CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST';
+export const ACTIVE = 'active';
+export const CREATE_TRAI_SMS_TEMPLATE_REQUEST =
+  'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_REQUEST';
+export const CREATE_TRAI_SMS_TEMPLATE_SUCCESS =
+  'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_SUCCESS';
+export const CREATE_TRAI_SMS_TEMPLATE_FAILURE =
+  'app/v2Containers/SmsTrai/Create/CREATE_TRAI_SMS_TEMPLATE_FAILURE';
+export const CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST =
+  'app/v2Containers/SmsTrai/Create/CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST';