@capillarytech/creatives-library 0.1.14 → 0.1.16

package/components/FormBuilder/index.js

@@ -940,6 +940,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
   skipTags(tag) {
     const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "user_id_b64", "outbox_id_b64", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]"];
+
     //const regexGroups = [];
     let skipped = false;
     _.forEach(regexGroups, (group) => {

package/containers/Assets/Gallery/_gallery.scss

@@ -60,6 +60,12 @@
     left: 30%;
     width: 30%;
   }
+
+  img{
+    width: 100%;
+    object-fit: cover; // try contain
+    height: 100%;
+  }
 }
 
 .overlay {
@@ -105,3 +111,16 @@
     }
   }
 }
+
+#slidebox-content{
+  img{
+    display: block;
+    max-width: 100%;
+    margin: 0 auto;
+  }
+}
+
+#slidebox-container{
+  left: 40vw !important;
+  width: 60vw !important;
+}

package/containers/Assets/Gallery/index.js

@@ -69,6 +69,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
   }
 
   componentWillReceiveProps(nextProps) {
+    console.log("nextProps", nextProps);
     if ( !_.isEqual(nextProps.Gallery.uploadAssetSuccess, this.props.Gallery.uploadAssetSuccess) && nextProps.Gallery.uploadAssetSuccess) {
       if (this.props.location.query.type === 'embedded' && nextProps.Gallery.uploadedAssetData) {
         console.log('Post on will receive props');
@@ -106,19 +107,27 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
       const message = getMessageObject('error', this.props.intl.formatMessage(messages.assetDeleteFailed), true);
       this.props.globalActions.addMessageToQueue(message);
     }
+    if ( nextProps.Gallery.itemDeleted || !nextProps.Gallery.assetUploading) {
+      const params = {
+        name: this.state.searchText,
+        sortBy: 'Most Recent',
+      };
+      this.getAllAssets({params}, true);
+    }
   }
 
   componentWillUnmount() {
     window.removeEventListener("message", this.handleGallery, false);
   }
 
-  getAllAssets = ({params, getNextPage, resetPage}) => {
+  getAllAssets = ({params, getNextPage, resetPage}, isReRender = false) => {
     let queryParams = params;
     let page = this.state.page;
-    if (!this.props.Gallery.fetchingAllAssets && (resetPage || (page === 1 && this.state.totalCount === 0) || page <= (this.state.totalCount / this.state.perPageLimit))) {
+    if (!this.props.Gallery.fetchingAllAssets && ((resetPage || (page === 1 && this.state.totalCount === 0) || page <= (this.state.totalCount / this.state.perPageLimit)) || isReRender )) {
       if (getNextPage) {
         page += 1;
       }
+
       let totalCount = this.state.totalCount;
       if (resetPage) {
         page = 1;
@@ -226,17 +235,19 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
   uploadImages(e, {files}) {
     e.preventDefault();
     const _URL = window.URL || window.webkitURL;
-    const file = files[0];
-    const img = new Image();
-    const that = this;
-    img.src = _URL.createObjectURL(file);
-    img.onload = function () {
-      const fileParams = {
-        width: this.width,
-        height: this.height,
+    //const file = files[0];
+    for (let file in files){
+      const img = new Image();
+      const that = this;
+      img.src = _URL.createObjectURL(files[file]);
+      img.onload = function () {
+        const fileParams = {
+          width: this.width,
+          height: this.height,
+        };
+        that.props.actions.uploadAsset(files[file], 'image', fileParams);
       };
-      that.props.actions.uploadAsset(file, 'image', fileParams);
-    };
+    }
   }
 
   prepareData() {
@@ -300,7 +311,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
               <img style={{maxWidth: '100%', maxHeight: '100%'}} src={this.state.selectedAsset.metaInfo.secure_file_path ? this.state.selectedAsset.metaInfo.secure_file_path : this.state.selectedAsset.metaInfo.public_url} alt={this.state.selectedAsset.name} />
             </div>
           </div>
-          <a href={this.state.selectedAsset.metaInfo.public_url} target="_blank" style={{ position: 'fixed', right: '24px', bottom: '17vh' }} ><i className="material-icons" style={{ color: '#2E89DF', cursor: 'pointer' }}>fullscreen</i></a>
+          <a href={this.state.selectedAsset.metaInfo.public_url} target="_blank" style={{ position: 'fixed', right: '55px', bottom: '18vh' }} ><i className="material-icons" style={{ color: '#2E89DF', cursor: 'pointer' }}>fullscreen</i></a>
         </div>
         <div style={{ fontSize: '14px', color: '#333333', lineHeight: '24px', fontFamily: 'OpenSans', textAlign: 'center', paddingTop: '10px'}}>
           <p style={{marginBottom: '0px'}}><span><FormattedMessage {...messages.dimensions} />: </span> <span>{`${this.state.selectedAsset.metaInfo.width}X${this.state.selectedAsset.metaInfo.height} px`}</span></p>
@@ -357,7 +368,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
     );
     const actionComponents = (
       <form encType="multipart/form-data" id="myForm">
-        <input style={{ display: 'none'}} id="fileName" type="file" onChange={(e) => this.uploadImages(e, {files: e.target.files})} accept="image/*" />
+        <input style={{ display: 'none'}} id="fileName" type="file" onChange={(e) => this.uploadImages(e, {files: e.target.files})} accept="image/*" multiple/>
         <CapButton type={this.props.location.query.type !== 'embedded' ? 'primary' : 'secondary'} onClick={(e) => this.openFileDialog(e)} style={{float: 'right'}}>
           <FormattedMessage {...messages.upload} />
         </CapButton>
@@ -367,7 +378,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
 
     return (
       <div>
-        <Spin spinning={this.props.Gallery.assetUploading || this.props.Gallery.fetchingAllAssets}>
+        {/*<Spin spinning={this.props.Gallery.assetUploading || this.props.Gallery.fetchingAllAssets}>*/}
           <Helmet
             title="Gallery"
           />
@@ -410,19 +421,21 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
                 </div>
               </div>
             </div> :
-            <Pagination onPageChange={() => { this.getAllAssets({getNextPage: true}); }} paginationSelector="pagination-container">
-              <CardGrid
-                listItem={this.prepareData()}
-                filterContent={filterContent}
-                onHoverItem={this.handleOnHoverItem}
-                onItemClick={this.handleOnHoverItem}
-                colNumber={this.props.location.query.type === 'embedded' ? 2 : 4}
-                enablePagination
-              />
-            </Pagination>
+            <Spin spinning={this.props.Gallery.assetUploading || this.props.Gallery.fetchingAllAssets}>
+              <Pagination onPageChange={() => { this.getAllAssets({getNextPage: true}); }} paginationSelector="pagination-container">
+                <CardGrid
+                  listItem={this.prepareData()}
+                  filterContent={filterContent}
+                  onHoverItem={this.handleOnHoverItem}
+                  onItemClick={this.handleOnHoverItem}
+                  colNumber={this.props.location.query.type === 'embedded' ? 2 : 4}
+                  enablePagination
+                />
+              </Pagination>
+            </Spin>
           }
           {this.state.showImagePreviewModal && this.renderAssetPreviewModal()}
-        </Spin>
+        {/*</Spin>*/}
       </div>
     );
   }

package/containers/Assets/Gallery/reducer.js

@@ -50,14 +50,14 @@ function galleryReducer(state = initialState, action) {
     case types.DELETE_ASSET_REQUEST:
       return state
         .set('deletingAsset', true)
-        .set('assetDeleteError', false);
+        .set('assetDeleteError', false).set("itemDeleted", false);
     case types.DELETE_ASSET_SUCCESS:
       return state
-        .set('deletingAsset', false);
+        .set('deletingAsset', false).set("itemDeleted", true);
     case types.DELETE_ASSET_FAILURE:
       return state
         .set('deletingAsset', false)
-        .set('assetDeleteError', true);
+        .set('assetDeleteError', true).set("itemDeleted", false);
     case types.GET_USER_LIST_REQUEST:
       return state
         .set('fetchingUserList', true)

package/containers/Assets/Gallery/sagas.js

@@ -24,7 +24,7 @@ export function* uploadAsset(file, assetType, fileParams) {
 export function* deleteAssetById(assetId, assetType) {
   try {
     const result = yield call(Api.deleteAssetById, assetId, assetType);
-    console.log(result);
+    console.log({"delete Asset Id": result});
     yield put({ type: types.DELETE_ASSET_SUCCESS, data: result.response });
   } catch (error) {
     yield put({ type: types.DELETE_ASSET_FAILURE, error });

package/containers/Email/index.js

@@ -765,7 +765,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const newSchema = this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       console.log('Schema test 1 ', newSchema);
       this.setState({schema: newSchema});
-      if (this.props.location.query.module !== 'library') {
+      if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
           layout: 'EMAIL',
           type: 'TAG',
@@ -3247,6 +3247,7 @@ Email.propTypes = {
   isGetFormData: PropTypes.bool,
   getFormSubscriptionData: PropTypes.func,
   supportedTags: PropTypes.array,
+  getDefaultTags: PropTypes.bool,
 };
 
 const mapStateToProps = createStructuredSelector({

package/containers/Sms/Create/index.js

@@ -147,7 +147,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema)) {
       console.log('final schema is**', nextProps.metaEntities.layouts[0].definition);
       this.injectEvents(nextProps.metaEntities.layouts[0].definition);
-      if (this.props.location.query.module !== 'library') {
+      if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
           layout: 'SMS',
           type: 'TAG',
@@ -239,6 +239,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     const result = {};
     result.base = baseData;
+    const msgObj = charCount.updateCharCount(baseData['sms-editor']);
+    result.base.msg_count = msgObj.msgCount;
+    console.log("Message Count", msgObj.msgCount);
     const response = {
       action: "getFormData",
       value: result,
@@ -1459,6 +1462,7 @@ Create.propTypes = {
   metaEntities: PropTypes.object,
   intl: intlShape.isRequired,
   supportedTags: PropTypes.array,
+  getDefaultTags: PropTypes.bool,
 };
 
 const mapStateToProps = createStructuredSelector({

package/containers/Sms/Edit/index.js

@@ -89,7 +89,11 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   }
   componentDidMount() {
     if (this.props.location.query && this.props.location.query.module === 'library') {
-      this.props.actions.setTemplateDetails(this.props.templateData);
+      if (this.props.params.id) {
+        this.props.actions.getTemplateDetails(this.props.params.id);
+      } else {
+        this.props.actions.setTemplateDetails(this.props.templateData);
+      }
     } else {
       this.props.actions.getTemplateDetails(this.props.params.id);
     }
@@ -123,7 +127,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       this.setState({schema: nextProps.metaEntities.layouts[0].definition}, () => {
         this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       });
-      if (this.props.location.query.module !== 'library') {
+      if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
           layout: 'SMS',
           type: 'TAG',
@@ -279,6 +283,9 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     const result = {};
     result.base = baseData;
+    const msgObj = charCount.updateCharCount(baseData['sms-editor']);
+    result.base.msg_count = msgObj.msgCount;
+    console.log("Message Count", msgObj.msgCount);
     const response = {
       action: "getFormData",
       value: result,
@@ -1438,6 +1445,7 @@ Edit.propTypes = {
   intl: intlShape.isRequired,
   templateData: PropTypes.object,
   supportedTags: PropTypes.array,
+  getDefaultTags: PropTypes.bool,
   // route: PropTypes.object,
 };
 

package/containers/Templates/index.js

@@ -64,6 +64,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       showHtmlPreview: false,
       device: 'desktop',
       searchedTemplates: false,
+      defaultAccount: true,
     };
     this.handleOnHoverItem = this.handleOnHoverItem.bind(this);
     this.handleOnItemClick = this.handleOnItemClick.bind(this);
@@ -159,12 +160,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       if (nextProps.route.name.toLowerCase() === 'sms') {
         channel = 'Sms';
       } else if (nextProps.route.name.toLowerCase() === 'wechat') {
+        this.setState({defaultAccount: true});
         channel = 'wechat';
         nextProps.actions.getWeCrmAccounts();
       } else if (nextProps.route.name.toLowerCase() === 'email') {
         channel = 'Email';
         // this.props.actions.getEdmDefaultTemplates();
       } else if (nextProps.route.name.toLowerCase() === "mobilepush") {
+        this.setState({defaultAccount: true});
         channel = "mobilepush";
         nextProps.actions.getWeCrmAccounts(channel);
       } else if (nextProps.route.name.toLowerCase() === 'ebill') {
@@ -302,12 +305,31 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (!_.isEmpty(nextProps.Templates.templateDetails) && !_.isEqual(nextProps.Templates.templateDetails, this.props.Templates.templateDetails)) {
       this.setState({previewTemplate: nextProps.Templates.templateDetails});
     }
+
+    if (nextProps.Templates.weCrmAccounts !== undefined && nextProps.Templates.weCrmAccounts.length === 1 && this.state.defaultAccount ) {
+      const paramsDefault = {
+        name: this.state.searchText,
+        sortBy: this.state.sortBy,
+      };
+      if (this.state.channel.toLowerCase() === 'wechat') {
+        paramsDefault.wecrmId = nextProps.Templates.weCrmAccounts[0].configs.wecrm_app_id;
+        paramsDefault.wecrmToken = nextProps.Templates.weCrmAccounts[0].configs.wecrm_token;
+        nextProps.actions.setWeChatAccount(nextProps.Templates.weCrmAccounts[0]);
+        this.setState({defaultAccount: false});
+      } else if (this.state.channel.toLowerCase() === 'mobilepush') {
+        nextProps.actions.setWeChatAccount(nextProps.Templates.weCrmAccounts[0]);
+        paramsDefault.accountId = nextProps.Templates.weCrmAccounts[0].id;
+        this.setState({defaultAccount: false});
+      }
+      this.getAllTemplates({params: paramsDefault}, true);
+    }
   }
 
   componentWillUnmount() {
     console.log('removed listener templates');
     window.removeEventListener("message", this.handleFrameTasks);
     this.props.actions.resetTemplateStoreData();
+    // this.setState({defaultAccount: false});
   }
 
   onAccountSelect(value, option) {
@@ -978,7 +1000,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         console.log('Data Prepare');
         const imgSrc = template && template.versions && template.versions.base ? template.versions.base.preview_http_url : '';
         const ifPreviewGenerated = template && template.versions && template.versions.base ? template.versions.base.isPreviewGenerated : 0;
-        content = <img src={imgSrc || ''} alt={this.props.intl.formatMessage(messages.previewGenerateText)} />;
+        content = <img src={imgSrc || ''} alt={this.props.intl.formatMessage(messages.previewGenerateText)} width="100%" height="100%"/>;
         console.log('qwerty template preview', imgSrc, template, ifPreviewGenerated, content);
         temp.content = (
           <div

package/package.json

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

package/utils/smsCharCount.js

@@ -1,351 +0,0 @@
-/* eslint-disable */
-import Jed from './jed';
-
-const l10n = {};
-const i18n = new Jed(l10n);
-let settings;
-
-function smsCounter(options, chars) {
-  settings = Object.assign({
-    smsCount: 160,
-  }, options);
-  return updateSmsData(chars); //this.each(function() {
-  //   if (!skipObj) {
-  //     this.keyup(updateSmsData);
-  //   } else {
-  //     updateSmsData();
-  //   }
-  // });
-}
-
-let updateSmsData = (chars) => {
-  let skipObj = false;
-  let msgContent;
-  if (chars !== undefined && chars !== "" && chars !== false && chars !== true) {
-    skipObj = true;
-  }
-  if (skipObj) {
-    msgContent = chars;
-  } else {
-    // msgContent = $(this).val();
-  }
-
-  const charset7bit = {
-    '@': 1,
-    '$': 1,
-    "\n": 1,
-    "\r": 1,
-    '_': 1,
-    ' ': 1,
-    '!': 1,
-    '"': 1,
-    '#': 1,
-    '%': 1,
-    '&': 1,
-    "'": 1,
-    '(': 1,
-    ')': 1,
-    '*': 1,
-    '+': 1,
-    ',': 1,
-    '-': 1,
-    '.': 1,
-    '/': 1,
-    '0': 1,
-    '1': 1,
-    '2': 1,
-    '3': 1,
-    '4': 1,
-    '5': 1,
-    '6': 1,
-    '7': 1,
-    '8': 1,
-    '9': 1,
-    ':': 1,
-    ';': 1,
-    '<': 1,
-    '=': 1,
-    '>': 1,
-    '?': 1,
-    '¡': 1,
-    'A': 1,
-    'B': 1,
-    'C': 1,
-    'D': 1,
-    'E': 1,
-    'F': 1,
-    'G': 1,
-    'H': 1,
-    'I': 1,
-    'J': 1,
-    'K': 1,
-    'L': 1,
-    'M': 1,
-    'N': 1,
-    'O': 1,
-    'P': 1,
-    'Q': 1,
-    'R': 1,
-    'S': 1,
-    'T': 1,
-    'U': 1,
-    'V': 1,
-    'W': 1,
-    'X': 1,
-    'Y': 1,
-    'Z': 1,
-    'a': 1,
-    'b': 1,
-    'c': 1,
-    'd': 1,
-    'e': 1,
-    'f': 1,
-    'g': 1,
-    'h': 1,
-    'i': 1,
-    'j': 1,
-    'k': 1,
-    'l': 1,
-    'm': 1,
-    'n': 1,
-    'o': 1,
-    'p': 1,
-    'q': 1,
-    'r': 1,
-    's': 1,
-    't': 1,
-    'u': 1,
-    'v': 1,
-    'w': 1,
-    'x': 1,
-    'y': 1,
-    'z': 1,
-    "\f": 2,
-    '^': 2,
-    '{': 2,
-    '}': 2,
-    '\\': 2,
-    '[': 2,
-    '~': 2,
-    ']': 2,
-    '|': 2,
-    'è': 1,
-    'é': 1,
-    'ù': 1,
-    'ì': 1,
-    'ò': 1,
-    'Ç': 1,
-    'Ø': 1,
-    'ø': 1,
-    'Å': 1,
-    'å': 1,
-    'Δ': 1,
-    'Φ': 1,
-    'Γ': 1,
-    'Λ': 1,
-    'Ω': 1,
-    'Π': 1,
-    'Ψ': 1,
-    'Σ': 1,
-    'Θ': 1,
-    'Ξ': 1,
-    'Æ': 1,
-    'æ': 1,
-    'ß': 1,
-    'É': 1,
-    'Ä': 1,
-    'Ö': 1,
-    'Ñ': 1,
-    'Ü': 1,
-    'ä': 1,
-    'ö': 1,
-    'ñ': 1,
-    'ü': 1,
-    'à': 1,
-    '£': 1,
-    '¥': 1,
-    '¤': 1,
-    '§': 1,
-    '¿': 1,
-    '€': 2,
-  };
-
-  msgContent = msgContent.replace(/\u00a0/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/\\n\\n/g, "\\n").replace(/\\n/g, " ");
-  msgContent = msgContent.replace(/\r/g, " ").replace(/\f/g, "  ");
-
-  const matches = msgContent.split("");
-  console.log('Test 1', msgContent, matches);
-  let use7bit = true;
-  let length7bit = 0;
-  let length16bit = 0;
-  let parts = {
-    sms_count: 1,
-    chars_left: 160,
-  };
-
-  matches.forEach( (char) => {
-    if (use7bit && charset7bit[char] === undefined) {
-      use7bit = false;
-    }
-
-    if (use7bit) {
-      length7bit += charset7bit[char];
-    }
-
-    length16bit += 1;
-  });
-
-  if (use7bit) {
-    parts = smsCount(length7bit, false);
-  } else {
-    parts = smsCount(length16bit, true);
-  }
-
-  if (typeof settings.getCount === 'function') {
-    settings.getCount.call(this, parts);
-  }
-};
-
-let smsCount = (chars, enc16) => {
-  let charactersLeft = 0;
-  let smsCharCounter = 0;
-
-  if (enc16 === false && chars <= 160) {
-    charactersLeft = 160 - chars;
-    return {
-      sms_count: 1,
-      chars_left: charactersLeft,
-      chars,
-      charset: false,
-    };
-  }
-
-  if (enc16 === true && chars <= 70) {
-    charactersLeft = 70 - chars;
-    return {
-      sms_count: 1,
-      chars_left: charactersLeft,
-      chars,
-      charset: "Unicode charset",
-    };
-  }
-
-  if (enc16 === false) {
-    smsCharCounter = Math.ceil(chars / 153);
-    charactersLeft = (smsCount * 153) - chars;
-    return {
-      sms_count: smsCharCounter,
-      chars_left: charactersLeft,
-      chars,
-      charset: false,
-    };
-  }
-
-  smsCharCounter = Math.ceil(chars / 67);
-  charactersLeft = (smsCharCounter * 67) - chars;
-  return {
-    sms_count: smsCharCounter,
-    chars_left: charactersLeft,
-    chars,
-    charset: "Unicode charset",
-  };
-};
-
-function _camp1(s) {
-  try {
-    return i18n.dgettext("camp1", s) !== '' ? this.i18n.dgettext("camp1", s) : s;
-  } catch (err) {
-    console.log('i18n Error', err.message);
-    return s;
-  }
-}
-
-/**
- * returns no of char an SMS contains in
- * messaging of campaign based on ascii and
- * non-ascii characters.
- * @param message
- * @returns
- */
-function smsCharCount(message) {
-  // const that = this;
-  let msgcount = 1;
-  let countLbl = 0;
-  const props = {
-    chars_left: 160,
-  };
-
-  smsCounter({
-    getCount: (parts) => {
-      props.chars_left = parts.chars_left;
-      props.total_chars = parts.chars;
-      props.charset = parts.charset;
-      msgcount = parts.sms_count;
-      countLbl = parts.chars;
-      if (parts.charset !== false) {
-        countLbl = `${parts.chars} ${_camp1("Unicode")}`;
-      }
-    },
-  }, message);
-  return [countLbl, msgcount, props];
-}
-
-// function escapeRegex(text) {
-//   return text.replace(/[-[\]{}()*+?.,\\^$|#]/g, "\\$&").replace(/\s/g, "\\s+").replace(/'|"/g, "(?:'|\")");
-// }
-
-export function checkUnicode(str, msg) {
-  const non_unicode = {'@': 1, '$': 1, "\n":1, "\r":1, '_': 1, ' ': 1, '!': 1, '"': 1, '#': 1, '%': 1, '&': 1, "'":1, '(': 1, ')': 1, '*': 1, '+': 1, ',': 1, '-': 1, '.': 1, '/': 1, '0': 1, '1': 1, '2': 1, '3': 1, '4': 1, '5': 1, '6': 1, '7': 1, '8': 1, '9': 1, ':': 1, ';': 1, '<': 1, '=': 1, '>': 1, '?': 1, '¡': 1, 'A': 1, 'B': 1, 'C': 1, 'D': 1, 'E': 1, 'F': 1, 'G': 1, 'H': 1, 'I': 1, 'J': 1, 'K': 1, 'L': 1, 'M': 1, 'N': 1, 'O': 1, 'P': 1, 'Q': 1, 'R': 1, 'S': 1, 'T': 1, 'U': 1, 'V': 1, 'W': 1, 'X': 1, 'Y': 1, 'Z': 1, 'a': 1, 'b': 1, 'c': 1, 'd': 1, 'e': 1, 'f': 1, 'g': 1, 'h': 1, 'i': 1, 'j': 1, 'k': 1, 'l': 1, 'm': 1, 'n': 1, 'o': 1, 'p': 1, 'q': 1, 'r': 1, 's': 1, 't': 1, 'u': 1, 'v': 1, 'w': 1, 'x': 1, 'y': 1, 'z': 1, "\f": 2, '^': 2, '{': 2, '}': 2, '\\': 2, '[': 2, '~': 2,']':2,'|':2,'è':1,'é':1,'ù':1,'ì':1,'ò':1,'Ç':1,'Ø':1,'ø':1,'Å':1,'å':1,'Δ':1,'Φ':1,'Γ':1,'Λ':1,'Ω':1,'Π':1,'Ψ':1,'Σ':1,'Θ':1,'Ξ':1,'Æ':1,'æ':1,'ß':1,'É':1,'Ä':1,'Ö':1,'Ñ':1,'Ü':1,'¿':1,'ä':1,'ö':1,'ñ':1,'ü':1,'à':1,'£': 1,'¥': 1,'¤': 1,'§': 1,'¿': 1,'€':2};
-  var isUnicode=0;
-  msg = typeof msg !== 'undefined' ? msg : "This message contains Unicode Characters. Do you want to proceed?";
-
-  str = str.replace(/\u00a0/g, " ").replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/\\n\\n/g, "\\n").replace(/\\n/g, " ");
-  str = str.replace(/\r/g," ").replace(/\f/g,"  ");
-  var matches = str.split("");
-  for (var i in matches) {
-    const char = matches[i];
-    if (!non_unicode[char]) {
-      isUnicode = 1;
-    }
-  }
-  // if (isUnicode === 1) {
-  //   const r = confirm(msg);
-  //   if (r === true) {
-  //     return true;
-  //   }
-  //   return false;
-  // }
-  //
-  return isUnicode === 1;
-}
-
-export function updateCharCount(boxVal) {
-  // let tagHtml = "<span class='editor_tag' title='%desc%' contenteditable='false'>%name%</span>";
-  // let tagText = "{{%name%}}";
-
-  // let boxVal = html.replace(new RegExp(escapeRegex(tagHtml).replace("%name%", "(.*?)").replace(/%.*?%/g, "(?:.*?)"), "g"), tagText.replace(/%name%/g, "$1")).replace(/\<(p|div|br).*?\>/g, "\\n").replace(/\<.*?\>/g, "");
-  // boxVal = "" + boxVal;
-
-  // let unicodeFlag = 0;
-  // let extraChars = 0;
-  console.log('Box val', boxVal);
-  let msgCount = 0;
-  const lenCount = smsCharCount(boxVal);
-  const len = lenCount[0];
-  msgCount = lenCount[1];
-  const charLeft = lenCount[2].chars_left;
-  const totalChars = lenCount[2].total_chars;
-  const charset = lenCount[2].charset;
-  if (!charset && totalChars > 1000) {
-    console.log("only 1000 character allowed in normal sms remaining character will be discarded");
-  } else if (charset && totalChars > 500) {
-    console.log("only 500 character allowed in unicode sms remaining character will be discarded");
-  }
-
-  // return `${len} characters = ${msgCount} Messages*, Characters left: ${charLeft}`;
-  return {
-    totalLength: len,
-    msgCount,
-    charLeft,
-  };
-}