@zohoim/chat-components 1.1.2-beta.2 → 1.1.2-beta.4

package/lib/EmojisFooter/css/EmojisFooter.module.css

@@ -1,40 +0,0 @@
-.footerTab {
-  position: relative;
-  border-top: 1px solid var(--imlib_chat_components_common_border);
-}
-
-.tabIcon {
-  /* padding: var(--zd_size10) var(--zd_size16); */
-  position: relative;
-  height: var(--zd_size35) ;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 1% ;
-}
-
-.tabLine {
-  display: inline-block;
-  position: absolute;
-  top: 0 ;
-  height: var(--zd_size2) ;
-  transition: 0.3s ease;
-  width: 100% ;
-  background-color: var(--imlib_chat_components_emoji_tab_line_color);
-}
-
-[dir=ltr] .tabLine {
-  left: 0 ;
-}
-
-[dir=rtl] .tabLine {
-  right: 0 ;
-}
-
-.emoji {
-  width: auto ;
-  height: auto ;
-  margin: 0 ;
-  padding: 8% ;
-}

package/lib/EmojisFooter/index.js

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

package/lib/EmojisFooter/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 emojisFooterDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  customProps: _emptyConstants.dummyObject
-};
-var _default = emojisFooterDefaultProps;
-exports["default"] = _default;

package/lib/EmojisFooter/props/propTypes.js

@@ -1,23 +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 emojisFooterPropTypes = {
-  customStyle: _propTypes["default"].object,
-  customProps: _propTypes["default"].shape({
-    emojiProps: _propTypes["default"].object
-  }),
-  emojisList: _propTypes["default"].object.isRequired,
-  onSelect: _propTypes["default"].func,
-  selectedTab: _propTypes["default"].string
-};
-var _default = emojisFooterPropTypes;
-exports["default"] = _default;

package/lib/EmojisHeader/EmojisHeader.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = EmojisHeader;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
-
-var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/TextBox/TextBox"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _EmojisHeaderModule = _interopRequireDefault(require("./css/EmojisHeader.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 EmojisHeader(props) {
-  var customStyle = props.customStyle,
-      _props$customProps = props.customProps,
-      customProps = _props$customProps === void 0 ? _emptyConstants.dummyObject : _props$customProps,
-      searchString = props.searchString,
-      getRef = props.getRef,
-      onChange = props.onChange,
-      searchPlaceHolder = props.searchPlaceHolder;
-  var _customProps$textBoxP = customProps.textBoxProps,
-      textBoxProps = _customProps$textBoxP === void 0 ? _emptyConstants.dummyObject : _customProps$textBoxP;
-  /* External customization */
-
-  var newStyle = (0, _useMergeStyle["default"])(_EmojisHeaderModule["default"], customStyle);
-  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.container
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "vertical",
-    alignBox: "row",
-    className: newStyle.emojisSearch
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: newStyle.searchIcon
-  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    name: "ZD-search",
-    size: "13"
-  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    flexible: true
-  }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], _extends({
-    customClass: newStyle.searchInput,
-    inputRef: getRef,
-    isDisabled: false,
-    isReadOnly: false,
-    name: "emojiSearch",
-    needBorder: false,
-    onChange: onChange,
-    placeHolder: searchPlaceHolder,
-    size: "medium",
-    type: "text",
-    value: searchString,
-    variant: "default"
-  }, textBoxProps)))));
-}
-
-EmojisHeader.propTypes = _propTypes["default"];
-EmojisHeader.defaultProps = _defaultProps["default"];
-EmojisHeader.displayName = 'EmojisHeader';

package/lib/EmojisHeader/css/EmojisHeader.module.css

@@ -1,36 +0,0 @@
-.container {
-  padding: var(--zd_size10) ;
-  border-bottom: 1px solid var(--imlib_chat_components_common_border);
-}
-
-.emojisSearch {
-  position: relative;
-  background-color: var(--imlib_chat_components_emoji_popup_search_bg);
-}
-
-.searchInput {
-  box-sizing: border-box;
-  min-height: var(--zd_size38) ;
-  outline: 0;
-}
-
-[dir=ltr] .searchInput {
-  padding-left: var(--zd_size31) ;
-}
-
-[dir=rtl] .searchInput {
-  padding-right: var(--zd_size31) ;
-}
-
-.searchIcon {
-  position: absolute;
-  color: var(--imlib_chat_components_primary_text);
-}
-
-[dir=ltr] .searchIcon {
-  left: var(--zd_size10) ;
-}
-
-[dir=rtl] .searchIcon {
-  right: var(--zd_size10) ;
-}

package/lib/EmojisHeader/index.js

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

package/lib/EmojisHeader/props/defaultProps.js

@@ -1,17 +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 emojisHeaderDefaultProps = {
-  customStyle: _emptyConstants.dummyObject,
-  customProps: _emptyConstants.dummyObject,
-  searchPlaceHolder: 'Search...'
-};
-var _default = emojisHeaderDefaultProps;
-exports["default"] = _default;

package/lib/EmojisHeader/props/propTypes.js

@@ -1,24 +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 emojisHeaderPropTypes = {
-  customStyle: _propTypes["default"].object,
-  customProps: _propTypes["default"].shape({
-    textBoxProps: _propTypes["default"].object
-  }),
-  searchString: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  searchPlaceHolder: _propTypes["default"].string
-};
-var _default = emojisHeaderPropTypes;
-exports["default"] = _default;

package/lib/EmojisList/EmojisList.js

@@ -1,143 +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"] = EmojisList;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Emoji = _interopRequireDefault(require("../Emoji/Emoji"));
-
-var _EmojisEmptyState = _interopRequireDefault(require("../EmojisEmptyState/EmojisEmptyState"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _useEmojisList2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/EmojisList/useEmojisList"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _EmojisListModule = _interopRequireDefault(require("./css/EmojisList.module.css"));
-
-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 EmojisList(props) {
-  var customStyle = props.customStyle,
-      customProps = props.customProps,
-      searchString = props.searchString,
-      isShowGroupBasedList = props.isShowGroupBasedList,
-      onChangeGroup = props.onChangeGroup,
-      getMethods = props.getMethods,
-      onSelect = props.onSelect,
-      selectedGroup = props.selectedGroup,
-      rowType = props.rowType,
-      propsEmojisList = props.emojisList,
-      renderEmpty = props.renderEmpty,
-      isShowOnlyContent = props.isShowOnlyContent;
-  var _customProps$emojiPro = customProps.emojiProps,
-      emojiProps = _customProps$emojiPro === void 0 ? _emptyConstants.dummyObject : _customProps$emojiPro,
-      _customProps$emojisEm = customProps.emojisEmptyStateProps,
-      emojisEmptyStateProps = _customProps$emojisEm === void 0 ? _emptyConstants.dummyObject : _customProps$emojisEm;
-
-  var _useEmojisList = (0, _useEmojisList2["default"])({
-    emojisList: propsEmojisList,
-    searchString: searchString,
-    isShowGroupBasedList: isShowGroupBasedList,
-    onChangeGroup: onChangeGroup,
-    getMethods: getMethods,
-    selectedGroup: selectedGroup,
-    isShowOnlyContent: isShowOnlyContent
-  }),
-      emojisList = _useEmojisList.emojisList,
-      setGroupRefs = _useEmojisList.setGroupRefs,
-      listContainerRef = _useEmojisList.setContainerRef,
-      isAllEmpty = _useEmojisList.isAllEmpty,
-      isGroupEmpty = _useEmojisList.isGroupEmpty,
-      isRenderEmptyState = _useEmojisList.isRenderEmptyState,
-      isRenderElement = _useEmojisList.isRenderElement;
-  /* External customization */
-
-
-  var newStyle = (0, _useMergeStyle["default"])(_EmojisListModule["default"], customStyle);
-  /* CSS classnames added based on logic */
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    rowType: rowType,
-    isShowGroupBasedList: isShowGroupBasedList,
-    isShowOnlyContent: isShowOnlyContent,
-    isEmpty: isAllEmpty
-  }, newStyle),
-      emojisListClass = _cssJSLogic.emojisListClass,
-      groupClass = _cssJSLogic.groupClass;
-
-  var renderGroup = (0, _react.useCallback)(function (_ref) {
-    var groupName = _ref.groupName,
-        emojis = _ref.emojis;
-    var isEmptyGroup = isGroupEmpty[groupName];
-    return !isEmptyGroup ? /*#__PURE__*/_react["default"].createElement("div", {
-      key: groupName,
-      ref: function ref(el) {
-        setGroupRefs(el, groupName);
-      },
-      className: groupClass
-    }, isShowGroupBasedList ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: newStyle.groupName
-    }, groupName) : null, Object.keys(emojis).map(function (emojiName) {
-      var emoji = emojis[emojiName];
-      var id = "emoji_".concat(emojiName);
-      return /*#__PURE__*/_react["default"].createElement(_Emoji["default"], _extends({
-        key: id,
-        emoji: emoji,
-        emojiName: emojiName,
-        onSelect: onSelect
-      }, emojiProps));
-    })) : null;
-  }, [emojiProps, isGroupEmpty, groupClass, isShowGroupBasedList, newStyle.groupName, onSelect, setGroupRefs]);
-  var renderDefaultEmptyState = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_EmojisEmptyState["default"], emojisEmptyStateProps);
-  }, [emojisEmptyStateProps]);
-  var renderEmptyState = (0, _react.useCallback)(function () {
-    /* Render EmptyState */
-    if (isRenderEmptyState) {
-      var emptyState = (0, _renderHandler["default"])(renderEmpty || renderDefaultEmptyState)();
-
-      if (emptyState) {
-        return emptyState;
-      }
-
-      return null;
-    }
-
-    return null;
-  }, [renderEmpty, renderDefaultEmptyState, isRenderEmptyState]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isRenderElement ? /*#__PURE__*/_react["default"].createElement("div", {
-    ref: listContainerRef,
-    className: emojisListClass
-  }, !isAllEmpty ? Object.keys(emojisList).map(function (groupName) {
-    var emojis = emojisList[groupName];
-    return renderGroup({
-      groupName: groupName,
-      emojis: emojis
-    });
-  }) : renderEmptyState()) : null);
-}
-
-EmojisList.propTypes = _propTypes["default"];
-EmojisList.defaultProps = _defaultProps["default"];
-EmojisList.displayName = 'EmojisList';

package/lib/EmojisList/css/EmojisList.module.css

@@ -1,50 +0,0 @@
-.varClass {
-  --emoji-groupName-size: 13px;
-  --emoji-singleList-size: 32px;
-  --emoji-multipleList-size: 300px;
-}
-
-.emojisList {
-  composes: varClass;
-  transition: 0.2s ease;
-  flex-direction: row;
-  flex-shrink: 0;
-  width: 100% ;
-  word-wrap: break-word;
-  font-size: 0 ;
-}
-
-.emojisListHide {
-  display: none;
-}
-
-.emojisListSingle {
-  height: var(--emoji-singleList-size);
-  white-space: nowrap;
-  overflow-x: auto;
-}
-
-.emojisListMultiple {
-  height: var(--emoji-multipleList-size);
-  overflow-y: auto;
-}
-
-.groupName {
-  width: 100% ;
-  font-size: var(--emoji-groupName-size);
-  text-transform: capitalize;
-  color: var(--imlib_chat_components_emojiPopup_titleColor);
-  padding: var(--zd_size8) var(--zd_size10) ;
-  margin-bottom: var(--zd_size5) ;
-}
-
-.groupContainer {
-  font-size: 0 ;
-}
-.groupSeperate {
-  display: inline-block;
-}
-
-.groupAll {
-  display: inline;
-}

package/lib/EmojisList/css/cssJSLogic.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = cssJSLogic;
-
-var _compileClassNames3 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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, _compileClassNames2;
-
-  var rowType = props.rowType,
-      isShowGroupBasedList = props.isShowGroupBasedList,
-      isShowOnlyContent = props.isShowOnlyContent,
-      isEmpty = props.isEmpty;
-  var emojisListClass = (0, _compileClassNames3["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.emojisList, true), _defineProperty(_compileClassNames, style.emojisListSingle, rowType === 'single'), _defineProperty(_compileClassNames, style.emojisListMultiple, rowType === 'multiple'), _defineProperty(_compileClassNames, style.emojisListHide, isShowOnlyContent ? isEmpty : false), _compileClassNames));
-  var groupClass = (0, _compileClassNames3["default"])((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.groupContainer, true), _defineProperty(_compileClassNames2, style.groupSeperate, !!isShowGroupBasedList), _defineProperty(_compileClassNames2, style.groupAll, !isShowGroupBasedList), _compileClassNames2));
-  return {
-    emojisListClass: emojisListClass,
-    groupClass: groupClass
-  };
-}

package/lib/EmojisList/index.js

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

package/lib/EmojisList/props/defaultProps.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _constants = require("@zohoim/chat-components-utils/es/constants");
-
-/** ** Constants *** */
-var emojisListDefaultProps = {
-  customStyle: _constants.dummyObject,
-  customProps: _constants.dummyObject,
-  rowType: 'multiple',
-  isShowGroupBasedList: true,
-  isShowOnlyContent: false
-};
-var _default = emojisListDefaultProps;
-exports["default"] = _default;

package/lib/EmojisList/props/propTypes.js

@@ -1,31 +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 emojisListPropTypes = {
-  emojisList: _propTypes["default"].object.isRequired,
-  customProps: _propTypes["default"].shape({
-    emojiProps: _propTypes["default"].object,
-    emojisEmptyStateProps: _propTypes["default"].object
-  }),
-  customStyle: _propTypes["default"].object,
-  getMethods: _propTypes["default"].func,
-  isShowGroupBasedList: _propTypes["default"].bool,
-  isShowOnlyContent: _propTypes["default"].bool,
-  onChangeGroup: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  renderEmpty: _propTypes["default"].func,
-  rowType: _propTypes["default"].oneOf(['single', 'multiple']),
-  searchString: _propTypes["default"].string,
-  selectedGroup: _propTypes["default"].string
-};
-var _default = emojisListPropTypes;
-exports["default"] = _default;

package/lib/Fonts/puviFont.module.css

@@ -1,62 +0,0 @@
-/* $Id$ */
-
-@font-face {
-  font-family: 'ZohoPuviLight';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-  
-@font-face {
-  font-family: 'ZohoPuviRegular';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-  
-@font-face {
-  font-family: 'ZohoPuviSemiBold';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-  
-@font-face {
-  font-family: 'ZohoPuviBold';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: bold;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-  
-@font-face {
-  font-family: 'ZohoPuviExtBd';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-  
-@font-face {
-  font-family: 'ZohoPuviMedium';
-  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2')
-    format('woff2');
-  font-style: normal;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-display: swap;
-}
-