@zohodesk/dot 1.0.0-beta.20 → 1.0.0-beta.203

package/es/svg/docs/SVG__default.docs.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import PlusIcon from '../PlusIcon';
+import SnippetIcon from '../SnippetIcon';
+import TemplateIcon from '../TemplateIcon';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+export default class SVG__default extends React.Component {
+  render() {
+    let boxStyle = {
+      minWidth: '15%',
+      border: '1px solid #dcdcdc',
+      padding: '5px',
+      margin: '5px'
+    };
+    let textStyle = {
+      textAlign: 'center',
+      padding: '10px 0',
+      background: ' #f9f9f9',
+      marginTop: '10px',
+      color: '#000'
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      align: "both",
+      wrap: "wrap"
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexible: true,
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(PlusIcon, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "PlusIcon")), /*#__PURE__*/React.createElement(Box, {
+      flexible: true,
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(SnippetIcon, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "SnippetIcon")), /*#__PURE__*/React.createElement(Box, {
+      flexible: true,
+      style: boxStyle
+    }, /*#__PURE__*/React.createElement(TemplateIcon, null), /*#__PURE__*/React.createElement("div", {
+      style: textStyle
+    }, "TemplateIcon"))));
+  }
+
+}
+
+if (false) {
+  SVG__default.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/utils/ChannelIconMapping.js

@@ -1,112 +1,129 @@
 export function getChannelMappingObj() {
   return {
     EMAIL: {
-      default: 'ZD-channelMail',
-      incoming: 'ZD-channelMailIn',
-      outgoing: 'ZD-channelMailOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelMailMissed'
+      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-channelFacebook',
-      incoming: 'ZD-channelFacebookIn',
-      outgoing: 'ZD-channelFacebookOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelFacebookMissed'
+      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-channelDirectFb',
-      incoming: 'ZD-channelDirectFbIn',
-      outgoing: 'ZD-channelDirectFbOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelDirectFbMissed'
+      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-channelTwitter',
-      incoming: 'ZD-channelTwitterIn',
-      outgoing: 'ZD-channelTwitterOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelTwitterMissed'
+      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-channelForum',
-      incoming: 'ZD-channelForumIn',
-      outgoing: 'ZD-channelForumOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelForumMissed'
+      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-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
+      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-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
+      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-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
+      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-channelPhone',
-      incoming: 'ZD-channelPhoneIn',
-      outgoing: 'ZD-channelPhoneOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelPhoneIn'
+      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-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
+      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-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
+      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-channelHappiness',
-      incoming: 'ZD-channelHappinessIn',
-      out: 'ZD-channelHappinessOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelHappinessMissed'
+      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

@@ -3,17 +3,62 @@ export function stopBubbling(event) {
   event.stopPropagation && event.stopPropagation();
   event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
 }
-
 export function getFullName() {
-  var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let fullName = '';
 
-  var fullName = '';
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
+
   if (lastName !== null && lastName !== '') {
-    fullName = '' + fullName + 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;
+}
+export function formatCurrency(number, symbol) {
+  // format number 1000000 to 1,234,567
+  if (number && number != 0) {
+    let typeOfData = typeof number;
+    let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+
+    if (isDecimal) {
+      let val = number.toString().split('.');
+      let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      let finalVal = `${symbol}${arr1}.${val[1]}`;
+      return finalVal;
+    } else {
+      let value = `${symbol}${number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      return value;
+    }
+  }
+
+  return number;
 }

package/es/utils/KeyboardApi.js

@@ -1,11 +1,9 @@
-import _defineProperty from 'babel-runtime/helpers/defineProperty';
-import _Object$assign from 'babel-runtime/core-js/object/assign';
 //$Id$
-var isShortCutEnabled = void 0;
-var showShortcut = {};
-var shortcutdatas = {};
-var additionalKey = {};
-var _SpecialKeyMaps = {
+let isShortCutEnabled;
+let showShortcut = {};
+let shortcutdatas = {};
+let additionalKey = {};
+let _SpecialKeyMaps = {
   8: 'backspace',
   9: 'tab',
   13: 'enter',
@@ -27,17 +25,22 @@ var _SpecialKeyMaps = {
   91: 'meta',
   93: 'meta',
   224: 'meta',
-
-  43: 'plus', //   +
-  61: 'plus', //  = , in firefox
-  63: 'ques', // ?
-  187: 'plus', //  =
+  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);
 }
 
@@ -47,20 +50,20 @@ Shortcut.setState = function (isEnabled) {
 
 Shortcut.addAll = function (keysObj, props) {
   showShortcut = props.showShortcut;
-  isShortCutEnabled && keysObj.map(function (keyOptions, index) {
+  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(function (shortcutObj) {
+  showShortcut && shortcutArray.map(shortcutObj => {
     Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
   });
 };
@@ -69,48 +72,55 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
   if (!keycombo || !isShortCutEnabled) {
     return;
   }
-  var tempjson = {};
+
+  let tempjson = {};
+
   if (cpFunc === undefined) {
-    cpFunc = function cpFunc(keycode, keyOptions, e) {
+    cpFunc = function (keycode, keyOptions, e) {
       _defaultCallBack(keycode, keyOptions);
     };
   } else {
-    var oldfunc = cpFunc;
-    cpFunc = function cpFunc(keycode, keyOptions, ev) {
+    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);
+  return Object.assign({}, shortcutdatas);
 };
 
 Shortcut.remove = function (keyCombo) {
   keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
-  keyCombo.map(function (key) {
+  keyCombo.map(key => {
     delete shortcutdatas[key];
   });
 };
 
 Shortcut.init = function (doc) {
-  var documentshortcut = Shortcut(doc);
-  for (var method in documentshortcut) {
+  let documentshortcut = Shortcut(doc);
+
+  for (let method in documentshortcut) {
     if (method.charAt(0) !== '_') {
       Shortcut[method] = function (method) {
         return function () {
-          return documentshortcut[method].apply(documentshortcut, arguments);
+          return documentshortcut[method](...arguments);
         };
       }(method);
     }
@@ -122,29 +132,39 @@ function _addEvent(object, type, callback) {
     object.addEventListener(type, callback, false);
     return;
   }
-  object.attachEvent('on' + type, callback);
+
+  object.attachEvent(`on${type}`, callback);
 }
+
 export function keycallback(e) {
   if (!isShortCutEnabled) {
     return;
   }
-  var keyaction = e.type;
-  var keycode = _convertToKeyCharacter(e);
+
+  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;
-  var keycodedata = shortcutdatas[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({
@@ -153,25 +173,32 @@ export function keycallback(e) {
     });
   }
 }
+
 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) {
@@ -195,27 +222,37 @@ function _eventModifiers(e) {
   } else if (additionalKey.lpress === true) {
     return 'l+';
   }
+
   return '';
 }
+
 function _bindNeedData(e, keyaction) {
-  var keyName = String.fromCharCode(e.keyCode).toLowerCase();
+  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
+
   if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
-    var extraName = keyName + 'press';
+    let extraName = `${keyName}press`;
+
     if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, true)) : additionalKey;
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: true
+      }) : additionalKey;
       additionalKey[extraName] = true;
     } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, false)) : additionalKey;
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: false
+      }) : additionalKey;
       additionalKey[extraName] = false;
     }
   }
 }
+
 function _convertToKeyCharacter(e) {
-  var keyCode = e.keyCode || e.charCode;
-  var keyName = String.fromCharCode(keyCode).toLowerCase();
+  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) {
@@ -238,17 +275,20 @@ function _defaultCallBack(keycombo, keyOptions) {
     return;
   }*/
 }
+
 function _shortRestrictionPlaces(e) {
-  var _target = e.target;
-  var tagName = _target.tagName;
+  let _target = e.target;
+  let {
+    tagName
+  } = _target;
+  let keyCode = e.keyCode || e.charCode;
+  let isContentEditable = _target.contentEditable === 'true';
 
-  var keyCode = e.keyCode || e.charCode;
-  var isContentEditable = _target.contentEditable === 'true';
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
-  //!SupportUI.CurrentUser.getKBStatus() ||
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
   //restrict_keyUI() ||
   keyCode >= 112 && keyCode <= 123 || isContentEditable) {
     return true;
   }
+
   return false;
 }