@capillarytech/creatives-library 7.9.17 → 7.9.18

package/package.json

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

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};
@@ -207,6 +208,7 @@ function SlideBoxContent(props) {
         } else {
           return templateDataObject.versions.base['updated-sms-editor']?.join('');
         }
+        return get(templateDataObject, `versions.base['sms-editor']`);
       case constants.LINE: {
         const lineContents = get(templateDataObject, `versions.base.content.messages`, [{}]);
         const previewContent = [];
@@ -347,6 +349,7 @@ function SlideBoxContent(props) {
         messageStrategy={messageStrategy}
         showDisabledFBInfo={showDisabledFBInfo}
         orgUnitId={orgUnitId}
+        smsRegister={smsRegister}
         />
       )}
       {isPreview && (
@@ -416,6 +419,7 @@ function SlideBoxContent(props) {
           onTestContentClicked={onTestContentClicked}
           handleClose={handleClose}
           onCreateComplete={onCreateComplete}
+          smsRegister={smsRegister}
         />
       )}
       {isEditFTP && (
@@ -463,6 +467,7 @@ function SlideBoxContent(props) {
         onPreviewContentClicked={onPreviewContentClicked}
         onTestContentClicked={onTestContentClicked}
         onCreateComplete={onCreateComplete}
+        smsRegister={smsRegister}
       />
         )}
 

package/v2Containers/CreativesContainer/index.js

@@ -286,14 +286,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;
@@ -771,7 +771,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 (
@@ -848,6 +848,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/SmsWrapper/index.js

@@ -26,7 +26,8 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     onCreateComplete,
-    handleClose
+    handleClose,
+    smsRegister,
   } = props;
 
   const smsProps = {
@@ -43,7 +44,9 @@ const SmsWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
   };
-  const isTraiDltFeature = hasTraiDltFeature();
+  const isTraiDltFeatureForOrg = hasTraiDltFeature();
+  const isTariEnableforLib = (!isFullMode && smsRegister === "DLT" ) || isFullMode;
+  const isTraiDltFeature = isTraiDltFeatureForOrg && isTariEnableforLib;
   return <>
     {
       isCreateSms && (isTraiDltFeature ?
@@ -63,10 +66,10 @@ const SmsWrapper = (props) => {
         params={{id: templateData._id}}
         templateData={templateData}
         handleClose={handleClose}
-          />:<SmsEdit
-        {...smsProps}
-        params={{id: templateData._id}}
-        templateData={templateData}
+          /> : <SmsEdit
+            {...smsProps}
+            params={{id: templateData._id}}
+            templateData={templateData}
           />
       )}
       </>;

package/v2Containers/Templates/index.js

@@ -155,7 +155,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.prepareMobilePushPreviewData = this.prepareMobilePushPreviewData.bind(this);
     this.menuOnClickEvent = this.menuOnClickEvent.bind(this);
   }
-  
+
   componentWillMount() {
     if (this.state.channel === '') {
       let channel = '';
@@ -207,7 +207,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       }
     }
   }
-
+  checkDLTfeatureEnable = () => {
+    const isTraiDltFeatureForOrg = commonUtil.hasTraiDltFeature();
+    const {smsRegister, isFullMode} = this.props;
+    const isTariEnableforLib = (!isFullMode && smsRegister === "DLT" ) || isFullMode;
+    const isTraiDltFeature = isTraiDltFeatureForOrg && isTariEnableforLib;
+    return isTraiDltFeature;
+  }
   componentDidMount() {
     if (this.props.location.query.type === 'embedded' && this.isEnabledInLibraryModule("setLocale")) {
       this.setLocale();
@@ -223,7 +229,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       queryParams.page = this.state.page;
       queryParams.perPage = this.state.perPageLimit;
       const channel = this.state.channel;
-      const isTraiDltFeature = commonUtil.hasTraiDltFeature();
+      const isTraiDltFeature = this.checkDLTfeatureEnable();
       if ((this.state.channel || '').toLowerCase() === "sms" && isTraiDltFeature) {
         queryParams.traiEnable = true;
       }
@@ -586,7 +592,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (activeMode === ACCOUNT_SELECTION_MODE) {
       this.setTemplatesMode();
     }
-    const isTraiDltFeature = commonUtil.hasTraiDltFeature();
+    const isTraiDltFeature = this.checkDLTfeatureEnable();
     if ((this.state.channel || '').toLowerCase() === "sms" && isTraiDltFeature) {
       queryParams.traiEnable = true;
     }
@@ -628,7 +634,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           }
         }
       }
-     
+
       this.setState({page, templatesCount}, () => {
         queryParams.page = page;
         queryParams.perPage = this.state.perPageLimit;
@@ -670,7 +676,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     if (currentChannel === SMS) {
       filteredTemplates = this.filterSMSTemplates(templates);
-      isTraiDltFeature = commonUtil.hasTraiDltFeature();
+      isTraiDltFeature = this.checkDLTfeatureEnable();
     }
     const cardDataList = filteredTemplates && filteredTemplates.length ? map(filteredTemplates, (template) => {
       const templateData =
@@ -2054,7 +2060,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const isfilterContentVisisble = true;
     const isWechatEmbedded = !this.props.isFullMode && channel.toUpperCase() === WECHAT;
     const channelLowerCase = (channel || '').toLowerCase();
-    const isTraiDltFeature = commonUtil.hasTraiDltFeature();
+    const isTraiDltFeature = this.checkDLTfeatureEnable();
     const filterContent = (( isfilterContentVisisble || [WECHAT, MOBILE_PUSH].includes(this.state.channel.toUpperCase())) && <div className="action-container">
       {isfilterContentVisisble && <CapInput.Search
         className="search-text"

package/v2Containers/TemplatesV2/index.js

@@ -199,7 +199,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   getTemplatesComponent(channel) {
     // const templates = this.props.Templates[`${channel}Templates`];
     let query = {};
-    const {isFullMode, messageStrategy} = this.props;
+    const {isFullMode, messageStrategy, smsRegister} = this.props;
     if (!isFullMode) {
       query = {type: 'embedded', module: 'library'};
       switch (channel) {
@@ -232,6 +232,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
           renderNewCardGrid={this.getTemplateDataForGrid}
           handlePeviewTemplate={this.props.handlePeviewTemplate}
           messageStrategy={this.props.messageStrategy}
+          smsRegister={smsRegister}
     />);
     }
   }