@capillarytech/creatives-library 3.0.32 → 3.0.34

package/components/TemplatePreview/index.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import _ from 'lodash';
 import { injectIntl, intlShape} from 'react-intl';
-// import styled from 'styled-components';
+import styled from 'styled-components';
 import {CapColumn} from '@capillarytech/cap-react-ui-library';
 import './_templatePreview.scss';
 import {updateCharCount} from '../../utils/smsCharCountV2';
@@ -51,6 +51,8 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
         return undefined;
       });
     }
+    const BoldText = styled.span`
+    font-weight: 800;`;
     return (
       <div className={`preview-container ${type === 'embedded' ? 'embedded-preview' : ''}`}>
         { channel && channel.toLowerCase() === 'sms' &&
@@ -152,10 +154,8 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                 }
                 <div style={{marginTop: '8px', fontSize: '16px'}} >{`${this.props.intl.formatMessage(messages.sms)}: ${smsDetails.parts}`}</div>
                 <div style={{fontSize: '16px'}}>{`${this.props.intl.formatMessage(messages.charactersPerSms)}: ${smsDetails.chars_used}`}</div>
-                { smsDetails.optoutUrlPresent && <div>
-                  <span style={{fontWeight: '100', fontSize: '12px'}}>{this.props.intl.formatMessage(messages.includes)}</span>
-                  <span style={{fontSize: '12px'}}>{this.props.intl.formatMessage(messages.optout)}</span>
-                  <span style={{fontWeight: '100', fontSize: '12px'}}>{this.props.intl.formatMessage(messages.tag)}</span>: {smsDetails.optouturlLength}
+                {smsDetails.optoutUrlPresent && <div style={{fontWeight: '100', fontSize: '12px'}}>
+                  {`${this.props.intl.formatMessage(messages.includes)} `}<BoldText>{`${this.props.intl.formatMessage(messages.optout)} `}</BoldText>{this.props.intl.formatMessage(messages.tag)}: {smsDetails.optouturlLength}
                 </div>}
               </p>
             </div>

package/components/TemplatePreview/messages.js

@@ -28,15 +28,16 @@ export default defineMessages({
   },
   includes: {
     id: 'app.components.TemplatePreview.includes',
-    defaultMessage: 'Includes ',
+    defaultMessage: 'Includes',
   },
   optout: {
     id: 'app.components.TemplatePreview.optout',
-    defaultMessage: 'Optout ',
+    defaultMessage: 'Optout',
   },
   tag: {
     id: 'app.components.TemplatePreview.tag',
-    defaultMessage: 'tag ',
+    defaultMessage: 'tag',
+  },
   previewGenerated: {
     id: 'creatives.components.TemplatePreview.previewGenerated',
     defaultMessage: 'Preview is being generated',

package/package.json

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

package/utils/smsCharCountV2.js

@@ -62,7 +62,6 @@ export function updateCharCount(content, isUnicodeEnabled) {
       showOptoutCount = false;
       responseState = "FAIL";
       optoutUrl = undefined;
-      console.log('get optouturl error: ', err);
     });
   }
   const optoutTag = /{{optout}}/g;
@@ -147,11 +146,6 @@ export function updateCharCount(content, isUnicodeEnabled) {
   }
 
   chars_used = showOptoutCount ? (chars_used - (optoutTagLength * noOfOptout)) : chars_used;
-  console.log('Type:', (coding == '7bit' ? '7bit' : 'Unicode'));
-  console.log('Parts:', parts);
-  console.log('SMS Chars:', chars_sms);
-  console.log('SMS Char total:', chars_used);
-  console.log('SMS optouturl: ', optoutUrl);
   return {
     unicode: (coding === '7bit' ? false : true),
     parts,