@zohodesk/dot 1.4.2 → 1.4.4

package/lib/v1/setup/table/Text/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  size: 'small',
+  palette: 'default',
+  target: '_blank',
+  dataId: 'text',
+  className: ''
+};
+exports.defaultProps = defaultProps;

package/lib/v1/setup/table/Text/props/propTypes.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'green', 'danger']),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  target: _propTypes["default"].string,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['bold', 'semiBold', 'heading']),
+  url: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/v1/svg/PlusIcon.js

@@ -7,9 +7,9 @@ exports["default"] = PlusIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../svg/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../svg/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
 

package/lib/v1/svg/SnippetIcon.js

@@ -7,9 +7,9 @@ exports["default"] = SnippetIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../svg/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../svg/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
 

package/lib/v1/svg/TemplateIcon.js

@@ -7,9 +7,9 @@ exports["default"] = TemplateIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../svg/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../svg/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _SVG = _interopRequireDefault(require("@zohodesk/svg/lib/v1/SVG/SVG"));
 

package/lib/v1/svg/props/defaultProps.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TemplateIcon_defaultProps = exports.SnippetIcon_defaultProps = exports.PlusIcon_defaultProps = void 0;
+var PlusIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+exports.PlusIcon_defaultProps = PlusIcon_defaultProps;
+var SnippetIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+exports.SnippetIcon_defaultProps = SnippetIcon_defaultProps;
+var TemplateIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+exports.TemplateIcon_defaultProps = TemplateIcon_defaultProps;

package/lib/v1/svg/props/propTypes.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TemplateIcon_propTypes = exports.SnippetIcon_propTypes = exports.PlusIcon_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var PlusIcon_propTypes = {
+  className: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  isSymbol: _propTypes["default"].bool
+};
+exports.PlusIcon_propTypes = PlusIcon_propTypes;
+var SnippetIcon_propTypes = {
+  className: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  isSymbol: _propTypes["default"].bool
+};
+exports.SnippetIcon_propTypes = SnippetIcon_propTypes;
+var TemplateIcon_propTypes = {
+  className: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  isSymbol: _propTypes["default"].bool
+};
+exports.TemplateIcon_propTypes = TemplateIcon_propTypes;

package/lib/v1/utils/ChannelIconMapping.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getActivitiesIconObj = getActivitiesIconObj;
+exports.getChannelMappingObj = getChannelMappingObj;
+
+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'
+    }
+  };
+}
+
+function getActivitiesIconObj(name) {
+  var 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/lib/v1/utils/General.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatPhoneUrl = formatPhoneUrl;
+exports.getFullName = getFullName;
+exports.shallowDiff = shallowDiff;
+exports.stopBubbling = stopBubbling;
+
+function stopBubbling(event) {
+  event.preventDefault();
+  event.stopPropagation && event.stopPropagation();
+  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
+}
+
+function getFullName() {
+  var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var fullName = '';
+
+  if (firstName !== null && firstName !== '') {
+    fullName = firstName;
+  }
+
+  if (lastName !== null && lastName !== '') {
+    fullName = "".concat(fullName).concat(lastName);
+  }
+
+  return fullName;
+}
+
+function shallowDiff() {
+  var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  for (var i in a) {
+    if (!(i in b)) {
+      return true;
+    }
+  }
+
+  for (var _i in b) {
+    if (a[_i] !== b[_i]) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+function formatPhoneUrl(phone) {
+  if (/^[0-9]{1,10}$/.test(phone)) {
+    return phone.length == 10 ? "(".concat(phone.slice(0, 3), ") ").concat(phone.slice(3, 6), "-").concat(phone.slice(6, 10)) : phone;
+  }
+
+  return phone;
+}

package/lib/v1/utils/editorUtils.js

@@ -0,0 +1,223 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bind = bind;
+exports.changeContent = void 0;
+exports.editorContentValidate = editorContentValidate;
+exports.encodeForHtml = encodeForHtml;
+exports.fixEncoding = fixEncoding;
+exports.getExtensionFromFileName = getExtensionFromFileName;
+exports.getRichEditorContent = getRichEditorContent;
+exports.isFileNameSizeInvalid = isFileNameSizeInvalid;
+exports.isImageFormat = isImageFormat;
+exports.loadResource = loadResource;
+exports.triggerKeyup = triggerKeyup;
+exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
+var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
+
+function editorContentValidate(editorObj) {
+  var 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) {
+  var uTags = editorObj.doc.body.getElementsByTagName('u');
+  var isValidContent = false;
+
+  for (var i = 0; i < uTags.length; i++) {
+    var uTag = uTags[i];
+    var contentLength = uTag.innerText.length;
+
+    if (contentLength) {
+      isValidContent = true;
+      break;
+    }
+  }
+
+  return isValidContent;
+}
+
+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;
+}
+
+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
+
+
+function isFileNameSizeInvalid(fileName) {
+  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+}
+
+function isImageFormat(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+}
+
+function getExtensionFromFileName(fileName) {
+  if (fileName && fileName.indexOf('.') != -1) {
+    return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
+  }
+
+  return '';
+} // common
+
+
+function triggerKeyup(elem) {
+  var keyup = new KeyboardEvent('keyup');
+  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
+} // editor
+
+
+function getRichEditorContent(key) {
+  var richTextEditor = global.editor[key];
+
+  if (richTextEditor != undefined) {
+    var 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;
+}
+
+var changeContent = function changeContent(id, value) {
+  var editorObj = global.editor && global.editor[id];
+
+  if (editorObj) {
+    var content = fixEncoding(value);
+
+    if (editorObj.mode === 'plaintext') {
+      editorObj.squireInstance.setHTML(content);
+      editorObj.plainText(editorObj.squireInstance.getHTML());
+    } else {
+      editorObj.setContent(content);
+    }
+  }
+};
+
+exports.changeContent = changeContent;
+
+function validateEditorContentOnInsertHtml(node) {
+  if (node.nodeName === 'IFRAME') {
+    var 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*/
+
+
+function loadResource(url, type, id, callback) {
+  return new Promise(function (resolve) {
+    var 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
+
+
+function bind() {
+  var _this = this;
+
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
+  handlers.forEach(function (handler) {
+    if (__DEVELOPMENT__) {
+      if (!_this[handler]) {
+        console.log('Handler method not defined: ', handler);
+      }
+    }
+
+    _this[handler] = _this[handler].bind(_this);
+  });
+}

package/lib/version2/GlobalNotification/GlobalNotification.module.css

@@ -102,7 +102,7 @@
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
+  line-height: 1.4286;
 }
 
 [dir=ltr] .text {

package/lib/version2/errorstate/V2_ErrorStates.module.css

@@ -8,7 +8,7 @@
   font-family: var(--zd_bold);
 }
 .desc {
-  line-height: var(--zd_size22);
+  line-height: 1.5714;
 }
 .large .errorState {
   width: var(--zd_size450) ;

package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -56,7 +56,7 @@
 .title {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size18) ;
-  line-height: var(--zd_size22);
+  line-height: 1.2222;
   font-family: var(--zd_bold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -192,7 +192,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         onClick: onLookupClick,
         customClass: containerClass,
         a11y: a11y,
-        childAnimationName: childAnimationName
+        childAnimationName: childAnimationName,
+        isFlexWrapper: false
       }, LookupProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         align: align,

package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -5,7 +5,7 @@
 .innerSection {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size20);
+  line-height: 1.428;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }

package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -108,7 +108,7 @@
 
 .subTitle {
   font-size: var(--zd_font_size15) ;
-  line-height: var(--zd_size20);
+  line-height: 1.3333;
   font-family: var(--zd_semibold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -119,7 +119,7 @@
 
 .infoText {
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size18);
+  line-height: 1.2857;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -113,7 +113,7 @@ var DesktopNotificationHeader = /*#__PURE__*/function (_Component) {
           $ui_className: _DesktopNotificationHeaderModule["default"].title,
           $ui_tagName: "h1",
           $ui_size: uptoTablet ? '16' : '18',
-          $ui_lineHeight: "20",
+          $ui_lineHeight: "1.2",
           $ui_weight: "bold",
           $flag_reset: true,
           $ui_wordBreak: "breakWord"

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -67,7 +67,7 @@
 }
 
 .primary .infoText {
-    line-height: var(--zd_size18);
+    line-height: 1;
   }
 
   .primary .close {
@@ -96,7 +96,7 @@
   }
 
   .secondary .infoText {
-    line-height: var(--zd_size20);
+    line-height: 1.4286;
   }
 
   .secondary .iconContainer {