@capillarytech/creatives-library 1.0.2 → 2.0.0

package/utils/messageUtils.js

@@ -0,0 +1,11 @@
+/**
+ * Created by Manoj on 26/10/17.
+ */
+export function getMessageObject(type, message, hideProgressBar = false) {
+  return {
+    id: `${Date.now()}`,
+    text: message,
+    type,
+    hideProgressBar,
+  };
+}

package/utils/smsCharCount.js

@@ -0,0 +1,351 @@
+/* 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,
+  };
+}

package/utils/smsCharCountV2.js

@@ -0,0 +1,143 @@
+import React from 'react';
+function getURLParameter(name) {
+  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
+}
+var charset7bit = ['@', '£', '$', '¥', 'è', 'é', 'ù', 'ì', 'ò', 'Ç', "\n", 'Ø', 'ø', "\r", 'Å', 'å', 'Δ', '_', 'Φ', 'Γ', 'Λ', 'Ω', 'Π', 'Ψ', 'Σ', 'Θ', 'Ξ', 'Æ', 'æ', 'ß', 'É', ' ', '!', '"', '#', '¤', '%', '&', "'", '(', ')', '*', '+', ',', '-', '.', '/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', ';', '<', '=', '>', '?', '¡', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'Ä', 'Ö', 'Ñ', 'Ü', '§', '¿', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'ä', 'ö', 'ñ', 'ü', 'à'];
+var charset7bitext = ["\f", '^', '{', '}', '\\', '[', '~', ']', '|', '€'];
+var udh_template = '<span className="udh"><span className="udh-total-length" title="UDH length">0x05</span><span className="udh-multipart-header" title="UDH header - Multipart SMS">0x00</span><span className="udh-multipart-length" title="Multipart SMS - UDH length">0x03</span><span className="udh-multipart-id" title="Multipart SMS - Unique ID">0x0a</span><span className="udh-total" title="Multipart SMS - Total number of parts"></span><span className="udh-part" title="Multipart SMS - Part order"></span></span>';
+
+function charToSpan(chr, coding, isUnicodeEnabled) {
+  var ret;
+  var clss = '';
+  if (coding == '7bit') {
+    clss = 'c7b';
+    if (charset7bitext.indexOf(chr) >= 0) {
+      //ret = <div className="c7eb">ESC</div>;
+    }
+  }
+  let isUnicode = false;
+  if (coding == '16bit') {
+    clss = 'c16b';
+    if (charset7bit.indexOf(chr) == -1 && charset7bitext.indexOf(chr) == -1 && !isUnicodeEnabled) {
+      isUnicode = true;
+    }
+  }
+  return  <span className={isUnicode ? 'unicode-disabled' : ''}>{isUnicode ? `  \u2588  ` : chr}</span>
+}
+
+function getUHDHtml(parts, part) {
+  if (parts < 15) {
+    udh.find('.udh-total').html('0x0' + parts.toString(16));
+  } else {
+    udh.find('.udh-total').html('0x' + parts.toString(16));
+  }
+  if (part < 15) {
+    udh.find('.udh-part').html('0x0' + part.toString(16));
+  } else {
+    udh.find('.udh-part').html('0x' + part.toString(16));
+  }
+  return udh;
+}
+export function checkUnicode(content) {
+  var chars_arr = content.split("");
+  for (let i = 0; i < chars_arr.length; i++) {
+    let chr = chars_arr[i];
+    if (charset7bit.indexOf(chr) == -1 && charset7bitext.indexOf(chr) == -1) {
+      return true;
+    }
+  }
+  return false;
+}
+export function updateCharCount(content, isUnicodeEnabled) {
+  console.log(content);
+  var chars_arr = content.split("");
+  console.log(chars_arr);
+  var coding = '7bit';
+  var parts = 1;
+  var part = 1;
+  var chars_used = 0;
+  var chars_sms = 160;
+  var sms_parts_container = [];
+  var partc = [];
+  for (let i = 0; i < chars_arr.length; i++) {
+    if (charset7bit.indexOf(chars_arr[i]) >= 0) {
+      chars_used = chars_used + 1;
+      console.log('X1:', chars_used);
+    } else if (charset7bitext.indexOf(chars_arr[i]) >= 0) {
+      chars_used = chars_used + 2;
+      console.log('X2:', chars_used);
+    } else {
+      coding = '16bit';
+      chars_used = chars_arr.length;
+      console.log('X3:', chars_used);
+      break;
+    }
+  }
+  if (coding == '7bit') {
+    if (chars_used > 160) {
+      var parts = Math.ceil(chars_used / 153);
+      var part_chars_used = 7;
+      chars_sms = 153;
+      // partc.push(getUHDHtml(parts, part));
+      for (let i = 0; i < chars_arr.length; i++) {
+        if (part_chars_used + 1 > 160) {
+          part = part + 1;
+          part_chars_used = 7;
+          sms_parts_container.push(partc);
+        }
+        if (charset7bitext.indexOf(chars_arr[i]) >= 0 && part_chars_used + 2 > 160) {
+          part = part + 1;
+          part_chars_used = 7;
+          sms_parts_container.push(partc);
+        }
+        partc = [...partc, charToSpan(chars_arr[i], coding, isUnicodeEnabled)];
+        if (charset7bitext.indexOf(chars_arr[i]) == -1) {
+          part_chars_used = part_chars_used + 1;
+        } else {
+          part_chars_used = part_chars_used + 2;
+        }
+      }
+    } else {
+      chars_sms = 160;
+      for (let i = 0; i < chars_arr.length; i++) {
+        partc = [...partc, charToSpan(chars_arr[i], coding, isUnicodeEnabled)];
+      }
+    }
+  } else {
+    if (chars_used > 70) {
+
+      parts = Math.ceil(chars_used / 67);
+      var part_chars_used = 3;
+      chars_sms = 67;
+      //partc.push(getUHDHtml(parts, part));
+      for (let i = 0; i < chars_arr.length; i++) {
+        if (part_chars_used + 1 > 70) {
+          part = part + 1;
+          // partc.push(getUHDHtml(parts, part));
+          part_chars_used = 3;
+        }
+        partc = [...partc, charToSpan(chars_arr[i], coding, isUnicodeEnabled)];
+        part_chars_used = part_chars_used + 1;
+      }
+    } else {
+      chars_sms = 70;
+      for (let i = 0; i < chars_arr.length; i++) {
+        partc = [...partc, charToSpan(chars_arr[i], coding, isUnicodeEnabled)];
+      }
+    }
+  }
+
+  console.log('Type:', (coding == '7bit' ? '7bit' : 'Unicode'));
+  console.log('Parts:', parts);
+  console.log('SMS Chars:', chars_sms);
+  console.log('SMS Char total:', chars_used);
+
+  return {
+    unicode: (coding === '7bit' ? false : true),
+    parts,
+    chars_sms,
+    chars_used,
+    char_list: partc,
+  };
+}
+

package/utils/tests/asyncInjectors.test.js

@@ -0,0 +1,173 @@
+/**
+ * Test async injectors
+ */
+
+import { memoryHistory } from 'react-router';
+import { put } from 'redux-saga/effects';
+import { fromJS } from 'immutable';
+
+import configureStore from 'store';
+
+import {
+  injectAsyncReducer,
+  injectAsyncSagas,
+  getAsyncInjectors,
+} from '../asyncInjectors';
+
+// Fixtures
+
+const initialState = fromJS({ reduced: 'soon' });
+
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
+    case 'TEST':
+      return state.set('reduced', action.payload);
+    default:
+      return state;
+  }
+};
+
+function* testSaga() {
+  yield put({ type: 'TEST', payload: 'yup' });
+}
+
+const sagas = [
+  testSaga,
+];
+
+describe('asyncInjectors', () => {
+  let store;
+
+  describe('getAsyncInjectors', () => {
+    beforeAll(() => {
+      store = configureStore({}, memoryHistory);
+    });
+
+    it('given a store, should return all async injectors', () => {
+      const { injectReducer, injectSagas } = getAsyncInjectors(store);
+
+      injectReducer('test', reducer);
+      injectSagas(sagas);
+
+      const actual = store.getState().get('test');
+      const expected = initialState.merge({ reduced: 'yup' });
+
+      expect(actual.toJS()).toEqual(expected.toJS());
+    });
+
+    it('should throw if passed invalid store shape', () => {
+      let result = false;
+
+      Reflect.deleteProperty(store, 'dispatch');
+
+      try {
+        getAsyncInjectors(store);
+      } catch (err) {
+        result = err.name === 'Invariant Violation';
+      }
+
+      expect(result).toEqual(true);
+    });
+  });
+
+  describe('helpers', () => {
+    beforeAll(() => {
+      store = configureStore({}, memoryHistory);
+    });
+
+    describe('injectAsyncReducer', () => {
+      it('given a store, it should provide a function to inject a reducer', () => {
+        const injectReducer = injectAsyncReducer(store);
+
+        injectReducer('test', reducer);
+
+        const actual = store.getState().get('test');
+        const expected = initialState;
+
+        expect(actual.toJS()).toEqual(expected.toJS());
+      });
+
+      it('should not assign reducer if already existing', () => {
+        const injectReducer = injectAsyncReducer(store);
+
+        injectReducer('test', reducer);
+        injectReducer('test', () => {});
+
+        expect(store.asyncReducers.test.toString()).toEqual(reducer.toString());
+      });
+
+      it('should throw if passed invalid name', () => {
+        let result = false;
+
+        const injectReducer = injectAsyncReducer(store);
+
+        try {
+          injectReducer('', reducer);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectReducer(999, reducer);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+
+      it('should throw if passed invalid reducer', () => {
+        let result = false;
+
+        const injectReducer = injectAsyncReducer(store);
+
+        try {
+          injectReducer('bad', 'nope');
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectReducer('coolio', 12345);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+    });
+
+    describe('injectAsyncSagas', () => {
+      it('given a store, it should provide a function to inject a saga', () => {
+        const injectSagas = injectAsyncSagas(store);
+
+        injectSagas(sagas);
+
+        const actual = store.getState().get('test');
+        const expected = initialState.merge({ reduced: 'yup' });
+
+        expect(actual.toJS()).toEqual(expected.toJS());
+      });
+
+      it('should throw if passed invalid saga', () => {
+        let result = false;
+
+        const injectSagas = injectAsyncSagas(store);
+
+        try {
+          injectSagas({ testSaga });
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        try {
+          injectSagas(testSaga);
+        } catch (err) {
+          result = err.name === 'Invariant Violation';
+        }
+
+        expect(result).toEqual(true);
+      });
+    });
+  });
+});