@capillarytech/creatives-library 7.9.14 → 7.9.15

package/containers/App/constants.js

@@ -2,4 +2,5 @@ export const GET_SIDEBAR_REQUEST = 'app/App/GET_SIDEBAR_REQUEST';
 export const GET_SIDEBAR_SUCCESS = 'app/App/GET_SIDEBAR_SUCCESS';
 export const GET_SIDEBAR_FAILURE = 'app/App/GET_SIDEBAR_FAILURE';
 
-export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
+export const STORE2DOOR_PLUS_ENABLED = 'STORE2DOOR_PLUS_ENABLED';
+export const TRAI_DLT = 'TRAI_DLT';

package/index.js

@@ -83,6 +83,10 @@ import CreativesContainer from './v2Containers/CreativesContainer';
 import CreativesContainerReducer from './v2Containers/CreativesContainer/reducer';
 import { updateCharCount } from './utils/smsCharCountV2';
 
+import SmsTraiCreate from './v2Containers/SmsTrai/Create';
+import SmsTraiCreateReducer from './v2Containers/SmsTrai/Create/reducer';
+import SmsTraiCreateSaga from './v2Containers/SmsTrai/Create/sagas';
+
 export {default as Ebill} from './v2Containers/Ebill';
 export {default as EbillReducer} from './v2Containers/Ebill/reducer';
 export {default as EbillSaga} from './v2Containers/Ebill/sagas';
@@ -106,6 +110,7 @@ const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
 const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 const ViberContainer = {Viber, viberReducer, viberSaga};
 const FacebookPreviewContainer = { FacebookPreview, facebookPreviewReducer, facebookPreviewSaga };
+const SmsTraiContainer = {SmsTraiCreate, SmsTraiCreateReducer, SmsTraiCreateSaga};
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
 const FTPContainer = {FTP, FTPReducer, FTPSagas};
@@ -151,4 +156,5 @@ export { CapContainer,
   FTPContainer,
   ViberContainer,
   FacebookPreviewContainer,
+  SmsTraiContainer,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.9.14",
+  "version": "7.9.15",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -12,7 +12,6 @@
   },
   "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",
@@ -24,7 +23,9 @@
     "jquery": "^3.3.1",
     "load-script": "^1.0.0",
     "normalizr": "^3.2.3",
+    "papaparse": "^5.3.1",
     "react-datepicker": "^0.46.0",
+    "react-dropzone": "^11.3.4",
     "react-router": "^3.2.0",
     "react-router-dom": "^4.2.2",
     "redux": "3.6.0",

package/routes.js

@@ -639,6 +639,8 @@ export default function createRoutes(store) {
           import('v2Containers/Viber/reducer'),
           import('v2Containers/CapFacebookPreview/sagas'),
           import('v2Containers/CapFacebookPreview/reducer'),
+          import('v2Containers/SmsTrai/Create/sagas'),
+          import('v2Containers/SmsTrai/Create/reducer'),
         ]);
 
         const renderRoute = loadModule(cb);
@@ -661,6 +663,7 @@ export default function createRoutes(store) {
           lineCreateSagas, lineCreateReducer,
           viberSagas, viberReducer,
           capFacebookPreviewSagas, capFacebookPreviewReducer,
+          smsTraiSagas, smsTraiReducer,
         ]) => {
           injectReducer('templates', reducer.default);
           injectReducer('cap', capReducer.default);
@@ -679,6 +682,7 @@ export default function createRoutes(store) {
           injectReducer('lineCreate', lineCreateReducer.default);
           injectReducer('viber', viberReducer.default);
           injectReducer('facebookPreview', capFacebookPreviewReducer.default);
+          injectReducer('smsTrai', smsTraiReducer.default);
           injectSagas(gallerySagas.default);
           injectSagas(sagas.default);
           injectSagas(capSagas.default);
@@ -696,6 +700,7 @@ export default function createRoutes(store) {
           injectSagas(lineCreateSagas.default);
           injectSagas(viberSagas.default);
           injectSagas(capFacebookPreviewSagas.default);
+          injectSagas(smsTraiSagas.default);
           renderRoute(component);
         });
         importModules.catch(errorLoading);

package/services/api.js

@@ -40,7 +40,7 @@ function getUrlWithQueryParams({url, queryParams}) {
     }
   });
   return updatedUrl;
-};
+}
 
 // const loginUrl = (process.env.NODE_ENV === 'production') ?
 //   config.production.login_url : config.development.login_url;
@@ -81,7 +81,7 @@ function checkStatus(response) {
       description: `API Error ${requestCallerName} returned ${status}`,
       fatal: true,
       apiError: true,
-      statusCode: status
+      statusCode: status,
     });
   }
   if ((status >= 200 && status < 300) || [500, 409, 413].includes(response.status)) {
@@ -99,7 +99,7 @@ function request(url, options) {
   try {
     requestCallerName = getCallerName();
   } catch (e) {
-    
+
   }
   const fetchUrl = url.indexOf('?') !== -1 ? `${url}&time=${Date.now()}` : `${url}?time=${Date.now()}`;
   return fetch(fetchUrl, options)
@@ -197,36 +197,31 @@ export const getSidebar = () => {
 };
 
 export const getUserData = () => {
-  const url = `${API_AUTH_ENDPOINT}/user`;
+  const url = `${API_AUTH_ENDPOINT}/user?include_features=1`;
   return request(url, getAPICallObject('GET'));
 };
 
 export const createTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const editTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/SMS`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createWeChatTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createMobilePushTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/MOBILEPUSH`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const duplicateTemplate = ({id, channel}) => {
-  
   const url = `${API_ENDPOINT}/templates/duplicate/${id}/${channel}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -237,25 +232,21 @@ export const getFTPServers = () => {
 };
 
 export const editWeChatTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/WECHAT`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEmailTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/EMAIL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const createEbillTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/EBILL`;
   return request(url, getAPICallObject('POST', template));
 };
 
 export const getTemplateDetails = ({id, channel}) => {
-  
   const url = `${API_ENDPOINT}/templates/${id}/${channel ? channel.toUpperCase() : 'SMS'}`;
   return request(url, getAPICallObject('GET'));
 };
@@ -367,7 +358,6 @@ export const getCmsData = (cmsType, projectId, langId) => {
 };
 
 export const getEdmTemplates = () => {
-  
   const url = `${API_ENDPOINT}/templates/email/default`;
   return request(url, getAPICallObject('GET'));
 };
@@ -380,7 +370,6 @@ export const getDefaultBeeTemplates = () => {
 // All about line
 
 export const createLineTemplate = ({template}) => {
-  
   const url = `${API_ENDPOINT}/templates/LINE`;
   return request(url, getAPICallObject('POST', template));
 };
@@ -449,3 +438,8 @@ export const getFacebookVideoId = ({videoUrl, accessToken, actId, pageAccessToke
   const url = `${API_ENDPOINT}/facebook/getFacebookVideoId`;
   return request(url, getAPICallObject('POST', {videoUrl, accessToken, actId, pageAccessToken, pageId}));
 };
+
+export const createBulkSMSTemplate = ({templates}) => {
+  const url = `${API_ENDPOINT}/templates/bulk/sms`;
+  return request(url, getAPICallObject('POST', templates));
+};

package/utils/common.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { Auth } from '@capillarytech/cap-ui-utils';
-import { STORE2DOOR_PLUS_ENABLED } from '../containers/App/constants';
+import { STORE2DOOR_PLUS_ENABLED, TRAI_DLT } from '../containers/App/constants';
 
 export function getUserNameById(userId, allUserList) {
   let userName = "";
@@ -38,6 +38,11 @@ export const hasStore2DoorFeature = Auth.hasFeatureAccess.bind(
   STORE2DOOR_PLUS_ENABLED,
 );
 
+export const hasTraiDltFeature = Auth.hasFeatureAccess.bind(
+  null,
+  TRAI_DLT,
+);
+
 export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails = [], disableTagsDetails = {}}) {
   console.log('populating tags', (tagsList || []).length);
   const mainTags = {};

package/v2Containers/Cap/index.js

@@ -9,7 +9,7 @@ import { createStructuredSelector } from 'reselect';
 import _ from 'lodash';
 import moment from 'moment';
 // import 'moment/locale/zh-cn';
-import { GA, multipleOrgSwitch, utilsSessionStorageApi } from '@capillarytech/cap-ui-utils';
+import { GA, multipleOrgSwitch, utilsSessionStorageApi, Auth } from '@capillarytech/cap-ui-utils';
 import { injectIntl, FormattedMessage, intlShape, FormattedHTMLMessage } from 'react-intl';
 import messages from './messages';
 import { makeSelectAuthenticated, makeSelectUser } from './selectors';
@@ -28,7 +28,6 @@ import {
   ORG_CHANGED,
 } from './constants';
 import './_cap.scss';
-
 const gtm = window.dataLayer || [];
 const {
   logNewTab,
@@ -75,12 +74,20 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
     const { pathname } = this.props.location;
     const parentModule = pathname.substring(pathname.lastIndexOf('/') + 1);
     this.props.actions.getUserData((userData) => {
+      const { currentOrgDetails } = this.props.Global || {};
+      const { accessibleFeatures = [] } = currentOrgDetails || {};
       if (!userData.accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
         this.setState({ isCreativesAccessible: false });
       }
       const userGtmData = this.getUserGtmData();
       this.setDimensionData(userGtmData);
       gtm.push({...userGtmData, event: 'userAuthenticated'});
+      Auth.initialize({
+        permissions: userData.accessiblePermissions,
+        isCapUser: userData.isCapUser,
+        roles: Object.keys(userData.accessRoles),
+        accessibleFeatures,
+      });
     });
     this.props.actions.getTopbarMenuData(parentModule);
     if (this.props.Global.orgID !== undefined) {

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -5,8 +5,8 @@ import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
-import SmsCreate from '../Sms/Create';
-import SmsEdit from '../Sms/Edit';
+import SmsWrapper from '../SmsWrapper';
+// import SmsEdit from '../Sms/Edit';
 import Email from '../Email';
 import EmailWrapper from '../EmailWrapper';
 import MobilepushWrapper from '../MobilepushWrapper';
@@ -394,8 +394,9 @@ function SlideBoxContent(props) {
         />
       }
       {isEditSms && (
-        <SmsEdit
+        <SmsWrapper
           setIsLoadingContent={setIsLoadingContent}
+          isEditSms={isEditSms}
           location={creativesLocationProps}
           isFullMode={isFullMode}
           route={{ name: 'sms' }}
@@ -408,6 +409,8 @@ function SlideBoxContent(props) {
           selectedOfferDetails={selectedOfferDetails}
           onPreviewContentClicked={onPreviewContentClicked}
           onTestContentClicked={onTestContentClicked}
+          handleClose={handleClose}
+          onCreateComplete={onCreateComplete}
         />
       )}
       {isEditFTP && (
@@ -440,10 +443,11 @@ function SlideBoxContent(props) {
         />
        }
       {isCreateSms && (
-      <SmsCreate
+      <SmsWrapper
         setIsLoadingContent={setIsLoadingContent}
         location={creativesLocationProps}
         route={{ name: 'sms' }}
+        isCreateSms={isCreateSms}
         isComponent
         isGetFormData={isGetFormData}
         getFormSubscriptionData={getFormData}
@@ -453,8 +457,10 @@ function SlideBoxContent(props) {
         selectedOfferDetails={selectedOfferDetails}
         onPreviewContentClicked={onPreviewContentClicked}
         onTestContentClicked={onTestContentClicked}
+        onCreateComplete={onCreateComplete}
       />
         )}
+
       {isEmailCreate && (
       <EmailWrapper
         key="creatives-email-wrapper"

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -7,6 +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';
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
@@ -21,10 +22,14 @@ function getChannelLabel(channel = '') {
   };
   return labels[channel.toLowerCase()];
 }
+
+
 function SlideBoxHeader(props) {
   const { slidBoxContent, templateData, onShowTemplates, creativesMode, isFullMode, showPrefix, shouldShowTemplateName, channel, templateNameRenderProp, weChatTemplateType, onWeChatMaptemplateStepChange, weChatMaptemplateStep, templateStep } = props;
   const showTemplateNameHeader = isFullMode && shouldShowTemplateName;
   const mapTemplateCreate = !showTemplateNameHeader && slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
+  const isTraiDltFeature = hasTraiDltFeature();
+  const showCreateTraiSMSHeader = isTraiDltFeature && channel.toLowerCase() === "sms";
   return (
     <div key="creatives-container-slidebox-header-content">
       {slidBoxContent === 'templates' && !showTemplateNameHeader && (
@@ -61,7 +66,7 @@ function SlideBoxHeader(props) {
         )}
       {!showTemplateNameHeader && slidBoxContent === 'createTemplate' && ( templateStep === 'modeSelection' || (templateStep === "createTemplateContent" && weChatTemplateType !== MAP_TEMPLATE) ) && (
       <CapHeader
-        title={<FormattedMessage {...messages.createMessageContent} values={{channel: getChannelLabel(channel)}}/>}
+        title={<FormattedMessage {...(showCreateTraiSMSHeader ? messages.UploadSMStemplates : messages.createMessageContent)} values={{channel: getChannelLabel(channel)}}/>}
         prefix={!isFullMode && showPrefix &&
           <PrefixWrapper>
             <CapIcons.backIcon onClick={onShowTemplates} />

package/v2Containers/CreativesContainer/messages.js

@@ -302,4 +302,8 @@ export default defineMessages({
     id: `${scope}.addContent`,
     defaultMessage: 'Add content',
   },
+  "UploadSMStemplates": {
+    id: `${scope}.UploadSMStemplates`,
+    defaultMessage: `Upload SMS templates`,
+  },
 });

package/v2Containers/Sms/Create/index.js

@@ -203,13 +203,14 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   onTabChange(data) {
     this.setState({currentTab: data});
   }
+
   onCreateTemplateComplete = (editResponse) => {
     const timeTaken = GA.timeTracker.stopTimer(TRACK_CREATE_SMS, {
       category: 'Creatives',
       action: TRACK_CREATE_SMS,
     });
     const {
-      formData
+      formData,
     } = this.state;
     if (editResponse.templateId) {
       gtmPush('creativeDetails', {
@@ -218,7 +219,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         channel: SMS,
         timeTaken,
         content: formData?.base?.['sms-editor'],
-        mode: CREATE
+        mode: CREATE,
       });
       this.resetSchema();
       this.setState({
@@ -241,6 +242,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       }
     }
   }
+
   getFormData(e, value) {
     const formData = _.cloneDeep(this.state.formData);
     let baseData = {};
@@ -764,11 +766,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   startTemplateCreation(data) {
-    
     if (data.edit) {
-      
       const ifUnicode = checkUnicode(data.content ? data.content : '');
-      
+
       const content = data.content;
       const id = _.uniqueId();
       const tempData = {
@@ -784,7 +784,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         this.setState({tabKey: ''});
       });
     } else {
-      
       this.setState({injectedTags: data.tags});
     }
     this.props.globalActions.setInjectedTags(data.tags);

package/v2Containers/Sms/Edit/sagas.js

@@ -15,7 +15,7 @@ export function* editTemplate(template) {
     }
 
     yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
-    yield template.onUpdateTemplateComplete(result.response);
+    yield template.onUpdateTemplateComplete(result.response,errorMsg);
   } catch (error) {
     yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
   }

package/v2Containers/SmsTrai/Create/actions.js

@@ -0,0 +1,25 @@
+/*
+ *
+ * SmsTrai actions
+ *
+ */
+
+import {
+  CREATE_TRAI_SMS_TEMPLATE_REQUEST,
+  CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST,
+} from './constants';
+
+export function createSMSTRAITemplates(templates, callback) {
+  return {
+    type: CREATE_TRAI_SMS_TEMPLATE_REQUEST,
+    templates,
+    callback,
+  };
+}
+
+
+export function clearCreateResponse() {
+  return {
+    type: CLEAR_TRAI_SMS_TEMPLATE_CREATE_RESPONSE_REQUEST,
+  };
+}

package/v2Containers/SmsTrai/Create/constants.js

@@ -0,0 +1,74 @@
+/*
+ *
+ * SmsTrai constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/SmsTrai/DEFAULT_ACTION';
+export const APPROVAL_STATUS = 'approval 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",
+};
+
+export const HEADER_ALIASES = [
+  HEADER,
+  'sender id',
+  'senders',
+  'header id',
+  'headers',
+];
+
+export const TEMPLATE_ID_ALIASES = [
+  'template id',
+  'template registration number',
+];
+
+export const TEMPLATE_MESSAGE_ALIASES = [
+  'template message',
+  'template content',
+];
+
+export const MANDATORY_COLUMNS = [TEMPLATE_NAME, TYPE, APPROVAL_STATUS];
+export const SAVED_COLUMNS = [TEMPLATE_NAME, TYPE, "category", "consent type"];
+
+
+export const SAMPLE_CSV_DATA = [
+  [
+    'TEMPLATE ID',
+    'TEMPLATE NAME',
+    'TYPE',
+    'HEADER',
+    'APPROVAL 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';