@zohodesk/dot 1.0.0-temp.213 → 1.0.0-temp.777

package/es/utils/ChannelIconMapping.js

@@ -0,0 +1,129 @@
+export function getChannelMappingObj() {
+  return {
+    EMAIL: {
+      default: 'ZD-CH-mail',
+      incoming: 'ZD-CH-mailIn',
+      outgoing: 'ZD-CH-mailOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-mailMissed'
+    },
+    FACEBOOK: {
+      default: 'ZD-CH-facebook',
+      incoming: 'ZD-CH-facebookIn',
+      outgoing: 'ZD-CH-facebookOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-facebookMissed'
+    },
+    FACEBOOK_DM: {
+      default: 'ZD-CH-directFacebook',
+      incoming: 'ZD-CH-directFacebookIn',
+      outgoing: 'ZD-CH-directFacebookOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-directFacebookMissed'
+    },
+    TWITTER: {
+      default: 'ZD-CH-twitter',
+      incoming: 'ZD-CH-twitterIn',
+      outgoing: 'ZD-CH-twitterOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-twitterMissed'
+    },
+    FORUMS: {
+      default: 'ZD-CH-forum',
+      incoming: 'ZD-CH-forumIn',
+      outgoing: 'ZD-CH-forumOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-forumMissed'
+    },
+    CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    OFFLINE_CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    ONLINE_CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    PHONE: {
+      default: 'ZD-CH-call',
+      incoming: 'ZD-CH-callIn',
+      outgoing: 'ZD-CH-callOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-callMissed'
+    },
+    WEB: {
+      default: 'ZD-CH-web',
+      incoming: 'ZD-CH-webIn',
+      out: 'ZD-CH-webOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-webMissed'
+    },
+    CUSTOMERPORTAL: {
+      default: 'ZD-CH-web',
+      incoming: 'ZD-CH-webIn',
+      out: 'ZD-CH-webOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-webMissed'
+    },
+    FEEDBACK: {
+      default: 'ZD-CH-happiness',
+      incoming: 'ZD-CH-happinessIn',
+      out: 'ZD-CH-happinessOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-happinessMissed'
+    },
+    'FEEDBACK WIDGET': {
+      default: 'ZD-CH-feedbackWidget'
+    }
+  };
+}
+export function getActivitiesIconObj(name) {
+  let activitiesIcons = {
+    'ZD-TK-task': '18',
+    'ZD-SE-conversation': '21',
+    'ZD-GN-phone': '21',
+    'ZD-TK-remoteAssist': '18',
+    'ZD-TK-event': '18',
+    'ZD-CH-callIn': '21',
+    'ZD-CH-callMissed': '21',
+    'ZD-CH-callOut': '21',
+    'ZD-CH-callOutBound': '21'
+  };
+  return activitiesIcons[name] ? activitiesIcons[name] : null;
+}

package/es/utils/Common.js

@@ -0,0 +1,24 @@
+export function findScrollEnd(element) {
+  let {
+    scrollHeight,
+    scrollTop,
+    offsetHeight,
+    clientHeight
+  } = element || {};
+  let isElementScrollable = scrollHeight > clientHeight;
+
+  if (isElementScrollable) {
+    if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
+      return true;
+    }
+  } else {
+    throw 'Is scroll not present in this element';
+  }
+
+  return false;
+}
+export function stopBubbling(event) {
+  event.preventDefault();
+  event.stopPropagation && event.stopPropagation();
+  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
+}

package/es/utils/General.js

@@ -0,0 +1,45 @@
+export function stopBubbling(event) {
+  event.preventDefault();
+  event.stopPropagation && event.stopPropagation();
+  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
+}
+export function getFullName() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let fullName = '';
+
+  if (firstName !== null && firstName !== '') {
+    fullName = firstName;
+  }
+
+  if (lastName !== null && lastName !== '') {
+    fullName = `${fullName}${lastName}`;
+  }
+
+  return fullName;
+}
+export function shallowDiff() {
+  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  for (let i in a) {
+    if (!(i in b)) {
+      return true;
+    }
+  }
+
+  for (let i in b) {
+    if (a[i] !== b[i]) {
+      return true;
+    }
+  }
+
+  return false;
+}
+export function formatPhoneUrl(phone) {
+  if (/^[0-9]{1,10}$/.test(phone)) {
+    return phone.length == 10 ? `(${phone.slice(0, 3)}) ${phone.slice(3, 6)}-${phone.slice(6, 10)}` : phone;
+  }
+
+  return phone;
+}

package/es/utils/KeyboardApi.js

@@ -0,0 +1,294 @@
+//$Id$
+let isShortCutEnabled;
+let showShortcut = {};
+let shortcutdatas = {};
+let additionalKey = {};
+let _SpecialKeyMaps = {
+  8: 'backspace',
+  9: 'tab',
+  13: 'enter',
+  16: 'shift',
+  17: 'ctrl',
+  18: 'alt',
+  //20: 'capslock',
+  27: 'esc',
+  32: 'space',
+  //33: 'pageup',
+  //34: 'pagedown',
+  //35: 'end',
+  //36: 'home',
+  37: 'left',
+  38: 'up',
+  39: 'right',
+  40: 'down',
+  46: 'del',
+  91: 'meta',
+  93: 'meta',
+  224: 'meta',
+  43: 'plus',
+  //   +
+  61: 'plus',
+  //  = , in firefox
+  63: 'ques',
+  // ?
+  187: 'plus',
+  //  =
+  191: 'slash' //   /
+
+};
+export function Shortcut(target) {
+  _addEvent(target, 'keypress', keycallback);
+
+  _addEvent(target, 'keydown', keycallback);
+
+  _addEvent(target, 'keyup', keycallback);
+}
+
+Shortcut.setState = function (isEnabled) {
+  isShortCutEnabled = isEnabled;
+};
+
+Shortcut.addAll = function (keysObj, props) {
+  showShortcut = props.showShortcut;
+  isShortCutEnabled && keysObj.map((keyOptions, index) => {
+    Shortcut.add(keyOptions.keyCombo, keyOptions.keyCallback(props), keyOptions.keyAction, keyOptions.displayLabel || []);
+    return;
+  });
+};
+/**
+ * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
+ * @param callback = any function
+ * @param action = keypress or keydown or keyup
+ */
+
+
+Shortcut.bulkAdd = function (shortcutArray) {
+  showShortcut && shortcutArray.map(shortcutObj => {
+    Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
+  });
+};
+
+Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
+  if (!keycombo || !isShortCutEnabled) {
+    return;
+  }
+
+  let tempjson = {};
+
+  if (cpFunc === undefined) {
+    cpFunc = function (keycode, keyOptions, e) {
+      _defaultCallBack(keycode, keyOptions);
+    };
+  } else {
+    let oldfunc = cpFunc;
+
+    cpFunc = function (keycode, keyOptions, ev) {
+      oldfunc(keycode, ev);
+    };
+  }
+
+  tempjson.key = keycombo.toLowerCase();
+  tempjson.displayLabel = displayLabel;
+  tempjson.keyOptions = cpFunc;
+  tempjson.action = action || 'keypress';
+  shortcutdatas[keycombo.toLowerCase()] = tempjson;
+};
+/*Shortcut.prototype.remove = function(){
+
+};*/
+
+
+Shortcut.removeAll = function () {
+  shortcutdatas = {};
+};
+
+Shortcut.show = function () {
+  return Object.assign({}, shortcutdatas);
+};
+
+Shortcut.remove = function (keyCombo) {
+  keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
+  keyCombo.map(key => {
+    delete shortcutdatas[key];
+  });
+};
+
+Shortcut.init = function (doc) {
+  let documentshortcut = Shortcut(doc);
+
+  for (let method in documentshortcut) {
+    if (method.charAt(0) !== '_') {
+      Shortcut[method] = function (method) {
+        return function () {
+          return documentshortcut[method](...arguments);
+        };
+      }(method);
+    }
+  }
+};
+
+function _addEvent(object, type, callback) {
+  if (object.addEventListener) {
+    object.addEventListener(type, callback, false);
+    return;
+  }
+
+  object.attachEvent(`on${type}`, callback);
+}
+
+export function keycallback(e) {
+  if (!isShortCutEnabled) {
+    return;
+  }
+
+  let keyaction = e.type;
+
+  let keycode = _convertToKeyCharacter(e);
+
+  if (e.metaKey) {
+    return;
+  }
+
+  _bindNeedData(e, keyaction);
+
+  if ('esc' !== keycode) {
+    if (_shortRestrictionPlaces(e)) {
+      //return if type any text in input tag or texta area
+      return;
+    }
+  }
+
+  keycode = _eventModifiers(e) + keycode;
+  let keycodedata = shortcutdatas[keycode];
+
+  if (keycodedata) {
+    e.preventDefault();
+  }
+
+  if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
+    keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
+    showShortcut({
+      type: 'SHORTCUT_SHOW',
+      displayLabel: keycodedata.displayLabel
+    });
+  }
+}
+
+function _eventModifiers(e) {
+  if (e.shiftKey === true && e.metaKey === true) {
+    return 'command+shift+';
+  }
+
+  if (e.shiftKey === true && e.ctrlKey === true) {
+    return 'ctrl+shift+';
+  }
+
+  if (e.altKey === true && e.ctrlKey === true) {
+    return 'alt+ctrl+';
+  }
+
+  if (e.ctrlKey === true) {
+    return 'ctrl+';
+  }
+
+  if (e.metaKey === true) {
+    return 'command+';
+  }
+
+  if (e.shiftKey === true) {
+    return 'shift+';
+  }
+
+  if (additionalKey.zpress === true) {
+    return 'z+';
+  } else if (additionalKey.apress === true) {
+    return 'a+';
+  } else if (additionalKey.cpress === true) {
+    return 'c+';
+  } else if (additionalKey.dpress === true) {
+    return 'd+';
+  } else if (additionalKey.fpress === true) {
+    return 'f+';
+  } else if (additionalKey.kpress === true) {
+    return 'k+';
+  } else if (additionalKey.ppress === true) {
+    return 'p+';
+  } else if (additionalKey.rpress === true) {
+    return 'r+';
+  } else if (additionalKey.tpress === true) {
+    return 't+';
+  } else if (additionalKey.epress === true) {
+    return 'e+';
+  } else if (additionalKey.lpress === true) {
+    return 'l+';
+  }
+
+  return '';
+}
+
+function _bindNeedData(e, keyaction) {
+  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
+
+  if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
+    let extraName = `${keyName}press`;
+
+    if (keyaction === 'keydown') {
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: true
+      }) : additionalKey;
+      additionalKey[extraName] = true;
+    } else if (keyaction === 'keyup') {
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: false
+      }) : additionalKey;
+      additionalKey[extraName] = false;
+    }
+  }
+}
+
+function _convertToKeyCharacter(e) {
+  let keyCode = e.keyCode || e.charCode;
+  let keyName = String.fromCharCode(keyCode).toLowerCase();
+  keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
+  return keyName;
+}
+
+function _defaultCallBack(keycombo, keyOptions) {
+  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
+  if (keyOptions.callbackflow !== undefined) {
+    keycombo = keyOptions.callbackflow.split(',');
+    var click = function(i, combo) {
+      setTimeout(function() {
+        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
+      }, i * 200);
+    };
+    for (var i = 0; i < keycombo.length; i++) {
+      var clickFunc = click.bind(this, i);
+      clickFunc(keycombo[i]);
+      highLightKeys(keycombo[i]);
+    }
+    return;
+  }
+  if (keyElement.length === 1) {
+    keyElement.trigger('click');
+    highLightKeys(keycombo);
+    return;
+  }*/
+}
+
+function _shortRestrictionPlaces(e) {
+  let _target = e.target;
+  let {
+    tagName
+  } = _target;
+  let keyCode = e.keyCode || e.charCode;
+  let isContentEditable = _target.contentEditable === 'true';
+
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
+  //restrict_keyUI() ||
+  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
+    return true;
+  }
+
+  return false;
+}

package/es/utils/editorUtils.js

@@ -0,0 +1,193 @@
+const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
+
+export function editorContentValidate(editorObj) {
+  let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
+
+  if (content == '' || !content.length || content == '<div><br></div>' || editorObj.mode !== 'plaintext' && !editorObj.doc.body.innerText.trim().length && !editorObj.doc.getElementsByTagName('img').length && !editorObj.doc.getElementsByTagName('iframe').length && !isValidSpace(editorObj)) {
+    return false;
+  }
+
+  return true;
+}
+
+function isValidSpace(editorObj) {
+  let uTags = editorObj.doc.body.getElementsByTagName('u');
+  let isValidContent = false;
+
+  for (let i = 0; i < uTags.length; i++) {
+    let uTag = uTags[i];
+    let contentLength = uTag.innerText.length;
+
+    if (contentLength) {
+      isValidContent = true;
+      break;
+    }
+  }
+
+  return isValidContent;
+}
+
+export function fixEncoding(str) {
+  if (/&amp;lt;|&amp;gt;/g.test(str) == true) {
+    str = str.replace(/&amp;lt;/g, '&lt;');
+    str = str.replace(/&amp;gt;/g, '&gt;');
+  }
+
+  return str;
+}
+export function encodeForHtml(str) {
+  if (/<|>|&|"|'|\\/g.test(str) == true) {
+    str = str.replace(/&/g, '&amp;');
+    str = str.replace(/</g, '&lt;');
+    str = str.replace(/>/g, '&gt;');
+    str = str.replace(/"/g, '&quot;');
+    str = str.replace(/\\/g, '&#x5c;');
+    str = str.replace(/'/g, '&#39;');
+  }
+
+  return str;
+} // attachment
+
+export function isFileNameSizeInvalid(fileName) {
+  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+}
+export function isImageFormat(fileName) {
+  let extension = getExtensionFromFileName(fileName);
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+}
+export function getExtensionFromFileName(fileName) {
+  if (fileName && fileName.indexOf('.') != -1) {
+    return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
+  }
+
+  return '';
+} // common
+
+export function triggerKeyup(elem) {
+  let keyup = new KeyboardEvent('keyup');
+  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
+} // editor
+
+export function getRichEditorContent(key) {
+  let richTextEditor = editor[key];
+
+  if (richTextEditor != undefined) {
+    let content = richTextEditor.getContent();
+    content = content.trim();
+
+    if (content == '<br>') {
+      return '';
+    }
+
+    if (richTextEditor.mode == 'plaintext') {
+      content = replaceNewLineCharacter(content);
+    }
+
+    return content;
+  }
+
+  return '';
+}
+
+function replaceNewLineCharacter(content) {
+  if (typeof content !== 'undefined') {
+    content = encodeForHtml(content);
+    content = content.replace(/\n/g, '<br/>');
+  }
+
+  return content;
+}
+
+export const changeContent = (id, value) => {
+  let editorObj = global.editor && global.editor[id];
+
+  if (editorObj) {
+    let content = fixEncoding(value);
+
+    if (editorObj.mode === 'plaintext') {
+      editorObj.squireInstance.setHTML(content);
+      editorObj.plainText(editorObj.squireInstance.getHTML());
+    } else {
+      editorObj.setContent(content);
+    }
+  }
+};
+export function validateEditorContentOnInsertHtml(node) {
+  if (node.nodeName === 'IFRAME') {
+    let iframeSrcRegex = /^(https?:)?\/\/((www\.youtube\.com)|(www\.youtube-nocookie\.com)|(([a-z\-]+\.)?flowplayer\.org)|(www\.useloom\.com)|(player\.vimeo\.com)|(www\.dailymotion\.com)|(w\.soundcloud\.com)|(whatfix\.com)|([a-z\-]+\.zoho\.com)|([a-z\-]+\.google\.com)|([a-z\-]+\.efficientforms\.com)|([a-z0-9\-]+\.microsoftstream\.com)).*$/;
+
+    if (!node.getAttribute('src') || !iframeSrcRegex.test(node.getAttribute('src'))) {
+      node.parentNode.removeChild(node);
+    }
+  }
+} // loadresource
+
+/* use promise and remove callback*/
+
+export function loadResource(url, type, id, callback) {
+  return new Promise(resolve => {
+    let css, script;
+
+    if (id && document.getElementById(id)) {
+      resolve();
+      return;
+    }
+
+    if (type === 'css') {
+      css = document.createElement('link');
+      css.type = 'text/css';
+      css.rel = 'stylesheet';
+      css.href = url;
+      css.id = id || '';
+
+      css.onload = function () {
+        resolve();
+      };
+
+      css.onerror = function () {
+        resolve();
+      };
+
+      document.getElementsByTagName('head')[0].appendChild(css);
+    } else if (type === 'js') {
+      script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.src = url;
+      script.defer = true;
+
+      script.onload = function () {
+        resolve();
+
+        if (id) {
+          script.id = id;
+        }
+
+        if (typeof callback === 'function') {
+          callback();
+        }
+      };
+
+      script.onerror = function () {
+        resolve();
+      };
+
+      document.getElementsByTagName('head')[0].appendChild(script);
+    }
+  });
+} // bind
+
+export function bind() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
+  handlers.forEach(handler => {
+    if (__DEVELOPMENT__) {
+      if (!this[handler]) {
+        console.log('Handler method not defined: ', handler);
+      }
+    }
+
+    this[handler] = this[handler].bind(this);
+  });
+}