@zohoim/chat-components 1.1.3-beta.1 → 1.1.4

package/lib/Video/Video.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Video;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _useMedia2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/Media/useMedia"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _VideoModule = _interopRequireDefault(require("./css/Video.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-
-/** ** Hooks *** */
-
-/** ** Constants *** */
-
-/** ** Styles *** */
-function Video(props) {
-  var customStyle = props.customStyle,
-      fileType = props.fileType,
-      fileURL = props.fileURL;
-
-  var _useMedia = (0, _useMedia2["default"])({
-    src: fileURL
-  }),
-      mediaElementRef = _useMedia.mediaElementRef;
-  /* External CSS Customization */
-
-
-  var newStyle = (0, _useMergeStyle["default"])(_VideoModule["default"], customStyle);
-  return /*#__PURE__*/_react["default"].createElement("video", {
-    ref: mediaElementRef,
-    className: newStyle.video,
-    controls: true,
-    preload: "metadata"
-  }, /*#__PURE__*/_react["default"].createElement("source", {
-    "data-src": fileURL,
-    type: fileType
-  }));
-}
-
-Video.propTypes = _propTypes["default"];
-Video.defaultProps = _defaultProps["default"];
-Video.displayName = 'Video';

package/lib/Video/css/Video.module.css

@@ -1,5 +0,0 @@
-.video {
-  height: 100% ;
-  width: 100% ;
-  border-radius: 3px;
-}

package/lib/Video/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Video", {
-  enumerable: true,
-  get: function get() {
-    return _Video["default"];
-  }
-});
-
-var _Video = _interopRequireDefault(require("./Video"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Video/props/defaultProps.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-/** ** Constants *** */
-var videoDefaultProps = {
-  customStyle: _emptyConstants.dummyObject
-};
-var _default = videoDefaultProps;
-exports["default"] = _default;

package/lib/Video/props/propTypes.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-var videoPropTypes = {
-  fileType: _propTypes["default"].string.isRequired,
-  fileURL: _propTypes["default"].string.isRequired,
-  customStyle: _propTypes["default"].object
-};
-var _default = videoPropTypes;
-exports["default"] = _default;

package/lib/VideoBubble/VideoBubble.js

@@ -1,77 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = VideoBubble;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _VideoBubbleModule = _interopRequireDefault(require("./css/VideoBubble.module.css"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _MediaBubbleWrapper = _interopRequireDefault(require("../MediaBubbleWrapper/MediaBubbleWrapper"));
-
-var _Video = _interopRequireDefault(require("../Video/Video"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function VideoBubble(props) {
-  var customStyle = props.customStyle,
-      customProps = props.customProps,
-      videoDetails = props.videoDetails,
-      isFailed = props.isFailed;
-  var _customProps$videoPro = customProps.videoProps,
-      videoProps = _customProps$videoPro === void 0 ? _emptyConstants.dummyObject : _customProps$videoPro,
-      _customProps$mediaBub = customProps.mediaBubbleWrapperProps,
-      mediaBubbleWrapperProps = _customProps$mediaBub === void 0 ? _emptyConstants.dummyObject : _customProps$mediaBub;
-  /* External CSS Customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_VideoBubbleModule["default"], customStyle);
-  /* css classnames added based on logic */
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    isFailed: isFailed
-  }, newStyle),
-      videoBubbleClass = _cssJSLogic.videoBubbleClass;
-
-  var renderMedia = (0, _react.useCallback)(function (_ref) {
-    var fileURL = _ref.fileURL,
-        fileType = _ref.fileType;
-    return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-      className: videoBubbleClass
-    }, /*#__PURE__*/_react["default"].createElement(_Video["default"], _extends({
-      fileType: fileType,
-      fileURL: fileURL
-    }, videoProps)));
-  }, [videoProps, videoBubbleClass]);
-  return /*#__PURE__*/_react["default"].createElement(_MediaBubbleWrapper["default"], _extends({
-    mediaDetails: videoDetails,
-    renderMedia: renderMedia
-  }, mediaBubbleWrapperProps, {
-    isFailed: isFailed
-  }));
-}
-
-VideoBubble.propTypes = _propTypes["default"];
-VideoBubble.defaultProps = _defaultProps["default"];
-VideoBubble.displayName = 'VideoBubble';

package/lib/VideoBubble/css/VideoBubble.module.css

@@ -1,12 +0,0 @@
-.videoWrapper {
-  width: var(--zd_size360) ;
-  max-width: 100% ;
-  height: var(--zd_size193) ;
-  background-color: #000;
-  border-radius: 3px;
-  border: 1px solid var(--imlib_chat_components_videoBubble_border_color);
-}
-
-.videoWrapperFailed{
-  border-color: var(--imlib_chat_components_videoBubble_border_color_failed);
-}

package/lib/VideoBubble/css/cssJSLogic.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = cssJSLogic;
-
-var _utils = require("@zohodesk/utils");
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function cssJSLogic(props, style) {
-  var _compileClassNames;
-
-  var isFailed = props.isFailed;
-  var videoBubbleClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.videoWrapper, true), _defineProperty(_compileClassNames, style.videoWrapperFailed, isFailed), _compileClassNames));
-  return {
-    videoBubbleClass: videoBubbleClass
-  };
-}

package/lib/VideoBubble/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "VideoBubble", {
-  enumerable: true,
-  get: function get() {
-    return _VideoBubble["default"];
-  }
-});
-
-var _VideoBubble = _interopRequireDefault(require("./VideoBubble"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/VideoBubble/props/defaultProps.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-/** ** Constants *** */
-var videoBubbleDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  customProps: _emptyConstants.dummyObject
-};
-var _default = videoBubbleDefaultProps;
-exports["default"] = _default;

package/lib/VideoBubble/props/propTypes.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/** ** Libraries *** */
-var videoBubblePropTypes = {
-  videoDetails: _propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    size: _propTypes["default"].string.isRequired,
-    type: _propTypes["default"].string.isRequired,
-    url: _propTypes["default"].string.isRequired
-  }).isRequired,
-  customProps: _propTypes["default"].shape({
-    mediaBubbleWrapperProps: _propTypes["default"].object,
-    videoProps: _propTypes["default"].object
-  }),
-  customStyle: _propTypes["default"].object,
-  isFailed: _propTypes["default"].bool
-};
-var _default = videoBubblePropTypes;
-exports["default"] = _default;

package/lib/constants/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultEditorURL = exports.MSG_ACTION_POPUP_PORTAL = exports.EDITOR_POPUP_TARGET_PORTAL = exports.EDITOR_POPUP_PORTAL = void 0;
-var MSG_ACTION_POPUP_PORTAL = 'MSG_ACTION_POPUP_PORTAL';
-exports.MSG_ACTION_POPUP_PORTAL = MSG_ACTION_POPUP_PORTAL;
-var EDITOR_POPUP_PORTAL = 'EDITOR_POPUP_PORTAL';
-exports.EDITOR_POPUP_PORTAL = EDITOR_POPUP_PORTAL;
-var EDITOR_POPUP_TARGET_PORTAL = 'EDITOR_POPUP_TARGET_PORTAL';
-exports.EDITOR_POPUP_TARGET_PORTAL = EDITOR_POPUP_TARGET_PORTAL;
-var version = '1.4.9';
-var defaultEditorURL = // `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.js`;
-// `https://static.zohocdn.com/rtelibrary/${version}/js/rte.js`;
-// `https://static.localzohocdn.com/rtelibrary/${version}/js/rte.min.js`;
-"https://static.zohocdn.com/rtelibrary/".concat(version, "/js/rte.min.js");
-exports.defaultEditorURL = defaultEditorURL;

package/lib/constants/propConstants/editorPropConstants.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.langCode = exports.formats = exports.features = void 0;
-var formats = ['strong', 'em', 'underline', 'link', 'strikeThrough', 'align', 'fontSize', 'fontFamily', 'fontColor', 'highlight', 'script', 'lineHeight', 'direction', 'headings', 'clearFormatting', 'inlineQuote', 'indent', 'formatPainter'];
-exports.formats = formats;
-var features = ['hr', 'images', 'tables', 'list', 'code_block', 'video', 'blockquote', 'embed', 'html'];
-exports.features = features;
-var langCode = ['en_US', 'ar', 'as', 'bg', 'bn', 'brx', 'ca', 'cs', 'da', 'de', 'doi', 'el', 'es', 'et', 'fi', 'fr', 'ga', 'gu', 'hi', 'hr', 'hu', 'id', 'in', 'it', 'iw', 'ja', 'kn', 'ko', 'kok', 'ks', 'lt', 'mai', 'ml', 'mni', 'mr', 'ms', 'my', 'ne', 'nl', 'no', 'or', 'pa', 'pl', 'pt_BR', 'pt', 'ro', 'ru', 'sa', 'sat', 'sd', 'si', 'sk', 'sv', 'ta', 'te', 'th', 'tr', 'uk', 'ur', 'vi', 'zh_CN', 'zh_HK', 'zh_TW', 'zh'];
-exports.langCode = langCode;

package/lib/constants/propConstants/popupPropConstants.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.popupSize = exports.popupPosition = void 0;
-var popupSize = ['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default'];
-exports.popupSize = popupSize;
-var popupPosition = ['bottomCenter', 'bottomLeftToRight', 'bottomCenterToRight', 'bottomRightToLeft', 'bottomCenterToLeft', 'topCenter', 'topLeftToRight', 'topCenterToRight', 'topRightToLeft', 'topCenterToLeft', 'rightTopToBottom', 'rightCenterToBottom', 'rightCenter', 'rightBottomToTop', 'rightCenterToTop', 'leftTopToBottom', 'leftCenterToBottom', 'leftCenter', 'leftBottomToTop', 'leftCenterToTop', 'bottomRight', 'bottomLeft', 'topRight', 'topLeft', 'rightBottom', 'rightTop', 'leftBottom', 'leftTop'];
-exports.popupPosition = popupPosition;

package/lib/css/common.module.css

@@ -1,6 +0,0 @@
-.dotted {
-    overflow: hidden;
-    white-space: nowrap;
-    word-wrap: normal;
-    text-overflow: ellipsis;
-}

package/lib/icons/create-icon-components.js

@@ -1,199 +0,0 @@
-"use strict";
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-/* eslint-disable */
-var commandLineArgs = require('command-line-args');
-
-var path = require('path');
-
-var fs = require('fs');
-
-var templateList = require("./icon.template");
-
-var jsdom = require('jsdom');
-
-var JSDOM = jsdom.JSDOM;
-
-var reactToJsx = require('react-to-jsx');
-
-var HtmlToReactParser = require('html-to-react').Parser;
-
-var htmlToReactParser = new HtmlToReactParser();
-var options = commandLineArgs([{
-  name: 'sourucePath',
-  alias: 's',
-  type: String
-}, {
-  name: 'targetPath',
-  alias: 't',
-  type: String
-}]);
-var sourucePath = "".concat(__dirname, "/").concat(options.sourucePath);
-var targetPath = "".concat(__dirname, "/").concat(options.targetPath);
-
-function readAllFolder(sourucePath, targetPath, index, filesList, callback) {
-  var readDirMain = fs.readdirSync(sourucePath, {
-    withFileTypes: true
-  });
-  readDirMain.forEach(function (dirNext) {
-    var sourceDirPath = path.join("".concat(sourucePath, "/").concat(dirNext.name));
-    var targetDirPath = path.join("".concat(targetPath, "/").concat(dirNext.name));
-
-    if (fs.existsSync(sourceDirPath) && fs.lstatSync(sourceDirPath).isDirectory()) {
-      filesList[index + 1] = [];
-      readAllFolder(sourceDirPath, targetDirPath, index + 1, filesList, callback);
-      createIndexFiles(filesList[index + 1], targetDirPath);
-      return;
-    }
-
-    var svgFileName = callback(dirNext, sourucePath, targetPath);
-
-    if (svgFileName) {
-      filesList[index] = (filesList[index] || []).concat(svgFileName);
-    }
-  });
-}
-
-function createIndexFiles(filesList, targetDirPath) {
-  var indexContent = '';
-  filesList.forEach(function (fileName) {
-    indexContent += "".concat(templateList.indexTemplate({
-      path: "./".concat(fileName),
-      name: fileName
-    }), "\n");
-  });
-
-  if (indexContent) {
-    var fsPromises = fs.promises;
-    fsPromises.mkdir(targetDirPath, {
-      recursive: true
-    }).then(function () {
-      fs.writeFileSync("".concat(targetDirPath, "/index.js"), indexContent);
-    });
-  }
-}
-
-function getFormattedSvgFileName(fileName) {
-  var replacer = '/'; // OS won't allow this char.so.
-
-  var str = fileName.replace(/[^A-z0-9]/g, replacer);
-  str = str.split('');
-  str.forEach(function (charCode, index) {
-    if (str[index] === replacer) {
-      str[index] = '';
-      str[index + 1] = str[index + 1].toUpperCase();
-    }
-  });
-  fileName = str.join('');
-  return fileName.charAt(0).toUpperCase() + fileName.slice(1);
-}
-
-function isValidFileName(fileName) {
-  return /[A-z]/g.test(fileName.charAt(0));
-}
-
-readAllFolder(sourucePath, targetPath, 0, [], function (file, sourucePath, targetPath) {
-  var svgFileName = '';
-
-  if (file && path.extname(file.name) === '.svg') {
-    if (!isValidFileName(file.name)) {
-      console.error("Invalid File Name Error!!! - This file ".concat(file.name, " is should be startswith A-z "));
-      return;
-    }
-
-    try {
-      var readFilePath = path.join("".concat(sourucePath, "/").concat(file.name));
-      var svgFileContent = fs.readFileSync(readFilePath).toString();
-      svgFileName = getFormattedSvgFileName(path.basename(readFilePath, path.extname(file.name)));
-      var fsPromises = fs.promises;
-      fsPromises.mkdir(targetPath, {
-        recursive: true
-      }).then(function () {
-        var dom = new JSDOM("<!DOCTYPE html>".concat(svgFileContent));
-        var doc = dom.window.document;
-        var collection = doc.querySelectorAll('title');
-
-        var _iterator = _createForOfIteratorHelper(collection),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var elem = _step.value;
-            elem.parentNode.removeChild(elem);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        var svgElement = doc.querySelector('svg');
-        svgElement.removeAttribute('width');
-        svgElement.removeAttribute('height');
-        svgElement.removeAttribute('version');
-        var styleTags = svgElement.querySelector('style');
-        var styleTagsContent;
-
-        if (styleTags) {
-          styleTagsContent = styleTags.innerHTML;
-          var NewStyleElement = doc.createElement('style');
-          styleTags.parentNode.replaceChild(NewStyleElement, styleTags);
-        }
-
-        var collectionPathEl = svgElement.querySelectorAll('path');
-
-        var _iterator2 = _createForOfIteratorHelper(collectionPathEl.entries()),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var entry = _step2.value;
-            var index = entry[0];
-            var _elem = entry[1];
-
-            _elem.setAttribute('class', "path-".concat(index));
-
-            if (_elem.getAttribute('fill') == 'black' || _elem.getAttribute('fill') == '#010101') {
-              _elem.removeAttribute('fill');
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        var svgHtmlContent = svgElement.outerHTML.replace(/\s+/g, ' ').trim();
-        var svgAsReactElement = htmlToReactParser.parse(svgHtmlContent);
-        var svgHtmlContentResult = reactToJsx(svgAsReactElement).replace(/\s+/g, ' ').trim();
-
-        if (styleTags) {
-          // console.log(styleTags, 'styleTags');
-          svgHtmlContentResult = svgHtmlContentResult.replace('<style/>', "<style dangerouslySetInnerHTML={{__html: `".concat(styleTagsContent, "` }} />"));
-        }
-
-        svgHtmlContentResult = svgHtmlContentResult.replace(/color-interpolation-filters/gi, 'colorInterpolationFilters');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/feflood/gi, 'feFlood');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/fecolormatrix/gi, 'feColorMatrix');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/feoffset/gi, 'feOffset');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/fegaussianblur/gi, 'feGaussianBlur');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/feblend/gi, 'feBlend');
-        svgHtmlContentResult = svgHtmlContentResult.replace(/lineargradient/gi, 'linearGradient');
-        fs.writeFileSync("".concat(targetPath, "/").concat(svgFileName, ".js"), templateList.iconTemplate({
-          path: '@zohodesk/icon/es/Icon/Icon',
-          name: svgFileName,
-          value: svgHtmlContentResult
-        }));
-      });
-    } catch (err) {
-      console.error(err);
-    }
-  }
-
-  return svgFileName;
-});

package/lib/icons/factory/attachments/audio.svg

@@ -1,19 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="31.68" height="32.17" viewBox="0 0 31.68 32.17">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #c8cadb;
-        opacity: 0.5;
-      }
-
-      .cls-2 {
-        fill: #010101;
-      }
-    </style>
-  </defs>
-  <rect class="cls-1" x="4.84" y="5.33" width="26.84" height="26.84" rx="5"/>
-  <g>
-    <path class="cls-2" d="M18.67,11.65l-7.55,1.41a.7.7,0,0,0-.6.7v7.32A3.56,3.56,0,0,0,9,20.8c-1.66,0-3,.91-3,2.11S7.35,25,9,25s3-.92,3-2.11V15.73l6-1.13v5.07a3.56,3.56,0,0,0-1.51-.28c-1.66,0-3,.91-3,2.11s1.36,2.11,3,2.11,3-.91,3-2.11V12.35a.63.63,0,0,0-.3-.56A.87.87,0,0,0,18.67,11.65Z"/>
-    <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
-  </g>
-</svg>

package/lib/icons/factory/attachments/code.svg

@@ -1,21 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="31.7" height="32.17" viewBox="0 0 31.7 32.17">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #c8cadb;
-        opacity: 0.5;
-      }
-
-      .cls-2 {
-        fill: #010101;
-      }
-    </style>
-  </defs>
-  <rect class="cls-1" x="4.85" y="5.33" width="26.84" height="26.84" rx="5"/>
-  <g>
-    <path class="cls-2" d="M17.13,14.09a.82.82,0,0,0-1.08.43l-3.81,8.73a.84.84,0,0,0,.42,1.09,1,1,0,0,0,.33.07.84.84,0,0,0,.76-.5l3.81-8.74A.82.82,0,0,0,17.13,14.09Z"/>
-    <path class="cls-2" d="M11.33,16a.81.81,0,0,0-1.15-.14l-2.9,2.31a.78.78,0,0,0-.3.58.81.81,0,0,0,.21.62l2.63,2.82a.83.83,0,0,0,.6.26.89.89,0,0,0,.57-.22.84.84,0,0,0,0-1.17L9,18.92l2.19-1.75A.81.81,0,0,0,11.33,16Z"/>
-    <path class="cls-2" d="M20,16a.81.81,0,0,0-1.16,0,.82.82,0,0,0,0,1.16l2,2.16L18.58,21a.83.83,0,0,0-.13,1.16.82.82,0,0,0,.64.31.84.84,0,0,0,.52-.18L22.5,20a.82.82,0,0,0,.31-.58.8.8,0,0,0-.22-.62Z"/>
-    <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
-  </g>
-</svg>

package/lib/icons/factory/attachments/image.svg

@@ -1,20 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.19" height="32.18" viewBox="0 0 32.19 32.18">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #c8cadb;
-        opacity: 0.5;
-      }
-
-      .cls-2 {
-        fill: #010101;
-      }
-    </style>
-  </defs>
-  <rect class="cls-1" x="5.35" y="5.33" width="26.84" height="26.84" rx="5"/>
-  <g>
-    <path class="cls-2" d="M21.66,18.14a.36.36,0,0,0-.2.06l-3.75,2.59-5.75-7a.35.35,0,0,0-.5,0,.22.22,0,0,0-.07.09l-4.19,7v3H22V18.49A.35.35,0,0,0,21.66,18.14Z"/>
-    <circle class="cls-2" cx="19.79" cy="14.13" r="2.22"/>
-    <path class="cls-2" d="M29.75,10.14,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.89A4.11,4.11,0,0,0,4.11,30H25.89A4.11,4.11,0,0,0,30,25.89V10.8A1,1,0,0,0,29.75,10.14ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.89V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.49,3.49,0,0,0,3.5,3.5H28V25.89A2.12,2.12,0,0,1,25.89,28Z"/>
-  </g>
-</svg>

package/lib/icons/factory/attachments/pdf.svg

@@ -1,19 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.5" height="32.17" viewBox="0 0 32.5 32.17">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #c8cadb;
-        opacity: 0.5;
-      }
-
-      .cls-2 {
-        fill: #010101;
-      }
-    </style>
-  </defs>
-  <rect class="cls-1" x="5.66" y="5.33" width="26.84" height="26.84" rx="5"/>
-  <g>
-    <path class="cls-2" d="M18.56,18.52c-2.43-1.1-3.36-4.37-3.36-4.37a13.6,13.6,0,0,0,.61-3.07C16,9.24,15,8.81,14.32,8.76a1.24,1.24,0,0,0-1.08.54c-1.29,1.79,0,5,0,5a31.64,31.64,0,0,1-2.75,6.49c-4.73,2.47-3.81,4.33-3.81,4.33l.92.63c2.19.61,4.59-4.16,4.59-4.16,1.17-.73,5.69-1.1,5.69-1.1,3.72,1.74,6.28,1.12,5.74-.76S18.56,18.52,18.56,18.52ZM7.84,24.74a5.19,5.19,0,0,1,2.23-2.67S8.92,24.47,7.84,24.74ZM14.25,9.6s.9-.07,0,3C14.25,12.57,13.64,10.3,14.25,9.6Zm-1.9,10.88a22.05,22.05,0,0,0,2-4.59A8.43,8.43,0,0,0,17,19.18,21.56,21.56,0,0,0,12.35,20.48Zm10.22,0a4.86,4.86,0,0,1-2.85-.79,5.53,5.53,0,0,1,2.93.35A.23.23,0,0,1,22.57,20.46Z"/>
-    <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
-  </g>
-</svg>

package/lib/icons/factory/attachments/ppt.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.52 30.27"><defs><style>.cls-1{fill:#010101;}.cls-2{fill:#c8cadb;opacity:.5;}</style></defs><rect class="cls-2" x="4.25" y="4" width="26.27" height="26.27" rx="3.16" ry="3.16"/><path class="cls-1" d="M29.75,10.13L21.12,.34c-.19-.22-.46-.34-.75-.34H4.11C1.84,0,0,1.84,0,4.11V25.88c0,2.27,1.84,4.11,4.11,4.11H25.89c2.27,0,4.11-1.84,4.11-4.11V10.79c0-.24-.09-.48-.25-.66Zm-1.75,15.75c0,1.16-.95,2.11-2.11,2.11H4.11c-1.16,0-2.11-.95-2.11-2.11V4.11c0-1.16,.95-2.11,2.11-2.11h15.66V7.94c0,1.93,1.57,3.5,3.5,3.5h4.73v14.44Zm-5.83-13.7h-6.17v-.84c0-.55-.45-1-1-1s-1,.45-1,1v.84H7.83c-.55,0-1,.45-1,1v8.78c0,.55,.45,1,1,1h2.76l-.59,.97c-.29,.47-.14,1.09,.33,1.37,.16,.1,.34,.15,.52,.15,.34,0,.67-.17,.85-.48l1.23-2.01h3.89l1.23,2.01c.19,.31,.52,.48,.85,.48,.18,0,.36-.05,.52-.15,.47-.29,.62-.9,.33-1.37l-.59-.97h3c.55,0,1-.45,1-1V13.17c0-.55-.45-1-1-1Zm-1,8.78H8.83v-6.78h12.34v6.78Z"/></svg>