@zohodesk/svg 1.0.0-beta.5 → 1.0.0-beta.50

package/lib/emptystate/version3/EmptyBlueprint.js

@@ -0,0 +1,133 @@
+"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"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("./../props/propTypes");
+
+var _defaultProps = require("./../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("./../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyBlueprint = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyBlueprint, _React$Component);
+
+  var _super = _createSuper(EmptyBlueprint);
+
+  function EmptyBlueprint() {
+    _classCallCheck(this, EmptyBlueprint);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyBlueprint, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "blueprint"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyBlueprint_svg__cls-4{fill:var(--zd_emptysvg_plus)}.EmptyBlueprint_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyBlueprint_svg__cls-7{fill:var(--zd_emptysvg_cross)}.EmptyBlueprint_svg__cls-5{fill:var(--zd_emptysvg_primary_stroke)}.EmptyBlueprint_svg__cls-8{fill:var(--zd_emptysvg_small_circle)}.EmptyBlueprint_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M86.5 67.37s42.51-27.95 64-19.54 36.24 79.17-23.59 110.92S40 121.44 39.8 109.2c-.22-11.85 0-40.08 46.7-41.83z",
+        opacity: 0.05,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M149.5 43a3.51 3.51 0 113.5-3.56 3.53 3.53 0 01-3.5 3.56zm0-6.36a2.85 2.85 0 102.88 2.85 2.87 2.87 0 00-2.88-2.9z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-3",
+        d: "M80.25 39.77a2.23 2.23 0 112.25-2.23 2.24 2.24 0 01-2.25 2.23zm0-3.8a1.58 1.58 0 101.6 1.57 1.58 1.58 0 00-1.6-1.54z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-4",
+        d: "M28.89 108a.32.32 0 01-.31-.34l.32-5.59a.32.32 0 11.64 0l-.31 5.58a.32.32 0 01-.34.35z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-4",
+        d: "M31.87 105.38l-5.63-.31a.33.33 0 110-.65l5.64.31a.33.33 0 01.3.35.32.32 0 01-.31.3z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-8",
+        d: "M171.1 152.88a2.54 2.54 0 112.55-2.53 2.54 2.54 0 01-2.55 2.53zm0-4.42a1.89 1.89 0 101.9 1.89 1.89 1.89 0 00-1.9-1.89z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-7",
+        transform: "rotate(-42.01 169.123 119.012)",
+        d: "M168.78 116.2h.65v5.62h-.65z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-7",
+        transform: "rotate(-41.59 169.115 119.015)",
+        d: "M166.3 118.69h5.62v.65h-5.62z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-5",
+        d: "M121.09 83.39h1.31v1.32a.33.33 0 00.66 0v-1.32h1.32a.32.32 0 00.32-.33.32.32 0 00-.32-.32h-1.32v-1.32a.33.33 0 00-.66 0v1.32h-1.31a.32.32 0 00-.33.32.33.33 0 00.33.33z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-5",
+        d: "M140.77 49.62c-.22-1.15-4.7-1.17-19-.63-5.45.21-10.6.41-13.52.28a1.16 1.16 0 00-.86.35c-1.1 1.12-.9 5-.72 8.42.06 1.12.11 2.17.11 3a.63.63 0 00.23.48c2.13 2 27.55.14 30.44-.07a.32.32 0 00.3-.35.31.31 0 00-.34-.3c-14.23 1.06-29.34 1.44-30 .24 0-.84 0-1.9-.11-3-.15-3-.37-7 .54-7.93a.49.49 0 01.37-.16c2.94.13 8.1-.07 13.56-.28 7.44-.28 17.62-.67 18.32.12.4 1.65.56 10.37-.67 12.24a.52.52 0 01-.28.25c-.9.15-4.45.27-7.88.38-6.54.22-7.6.3-7.89.48s-.27.38-.24 7.19v3a.9.9 0 01-.77.89c-1.42.17-8.49 1.42-8 9.63a5.78 5.78 0 003.12 4l.1.14a6.41 6.41 0 003.91 2.67.73.73 0 01.7.73v5.3c0 2.65.05 5.6.05 7.65a.47.47 0 01-.08.32c-.12.11-.48.09-.83.07h-.55c-1.32 0-3.24 0-5.24-.08-3.88-.08-7.88-.16-8.92 0a1 1 0 00-.63.45 5.16 5.16 0 00-.6 1.6h-.58a1.24 1.24 0 00-1.3 1.2l-.23 4.88-9.9-.16a.33.33 0 00-.33.32 3.83 3.83 0 01-.26 1.32 6.15 6.15 0 00.1-1.15c0-4.7-1.69-6.26-12.23-6.81-10.27-.53-14.69.14-15.42 5.72a5 5 0 001.46 4.39c3.33 3.1 11.23 2 12.83 1.68.58 2 .13 19.2-.2 21.11-.75.09-4.11-.09-6.85-.23a78.15 78.15 0 00-8.59-.23 1.07 1.07 0 00-.71.52c-1.45 2.08-1.47 11.13-1.17 12.67.21 1.14 4.64 1.27 18.76 1.13 5.55-.06 10.8-.11 13.72.1h.09a1.17 1.17 0 00.82-.34c1.11-1.05 1-4.51.93-7.85v-2.82a.73.73 0 00-.25-.53c-2-1.89-21.41-.74-23.61-.61a.33.33 0 00-.31.35.32.32 0 00.35.3c12.55-.78 22.94-.56 23.17.48v2.84c.08 2.91.17 6.52-.73 7.37a.51.51 0 01-.42.16c-2.94-.22-8.2-.17-13.77-.11-7.36.08-17.44.18-18.12-.6-.26-1.42-.22-10.31 1.07-12.18.1-.15.2-.24.29-.25a81.63 81.63 0 018.45.24c7 .37 7.24.31 7.37.07.65-.65.87-20.82.24-22a.41.41 0 00-.44-.25c-.37.07-9.14 1.62-12.48-1.48a4.33 4.33 0 01-1.14-3.88c.6-4.67 3.63-5.73 14.74-5.15s11.61 2.41 11.61 6.16a4.49 4.49 0 01-1 3c-3.29 2.27-9.94 1.72-10 1.72a.31.31 0 00-.35.28.33.33 0 00.28.36c4.83.67 8.23.19 10.09-1.43a6.09 6.09 0 00.44-.44c.17-.13.34-.26.5-.4a4.3 4.3 0 001.48-2.91l9.18.16h.73a.33.33 0 00.33-.31l.24-5.21a.6.6 0 01.65-.56h.44a62.89 62.89 0 00-.52 13.44c.08.43.27 1.41 14.25 1.78 7 .18 15.39.13 19.5-.13.77-.07.9-1.64.75-8.85 0-1.65-.07-3.22 0-4.29a.64.64 0 00-.19-.45c-1.86-1.93-26.48-2.13-32.95-2.15a4.12 4.12 0 01.48-1.23c.11-.16.18-.18.19-.18 1-.16 5.14-.07 8.81 0 2 0 3.93.08 5.25.08h.51a1.73 1.73 0 001.32-.25 1 1 0 00.28-.79v-7.65-5.3a1.37 1.37 0 00-1.36-1.37 5.25 5.25 0 01-2.68-1.48 14.52 14.52 0 003.16.84 5.5 5.5 0 003.67-.67 7.42 7.42 0 003.54-5.79 6 6 0 00-2.58-5.21 6.85 6.85 0 00-6.25-.66 6.33 6.33 0 00-4 4.88 7.71 7.71 0 00.39 4.72 4.48 4.48 0 01-1.81-2.88c-.49-7.41 5.52-8.7 7.39-8.91a1.56 1.56 0 001.33-1.54v-3-6.66c.81-.13 4.48-.26 7.46-.36 3.61-.12 7-.23 8-.39a1.09 1.09 0 00.71-.53c1.39-2.12 1.11-11.28.76-12.74zm-2.1 59.64v4.32c.06 3 .16 7.53-.23 8.19-8.5.53-31.93.21-33-1.12a64.4 64.4 0 01.53-13.32c15.55.03 31.97.72 32.7 1.93zM117.16 82a5.72 5.72 0 013.6-4.4 6.2 6.2 0 015.63.57 5.32 5.32 0 012.32 4.66 6.75 6.75 0 01-3.23 5.26 4.9 4.9 0 01-3.23.59 14 14 0 01-4.25-1.33 6.92 6.92 0 01-.84-5.35z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyBlueprint_svg__cls-6",
+        d: "M138.46 108.57L107 107.13a1.08 1.08 0 00-1.08 1.08l.72 12.2a1.08 1.08 0 001.08 1.08l30.76.72a1.08 1.08 0 001.08-1.08v-11.48a1.09 1.09 0 00-1.1-1.08zM122.74 88.16a5.25 5.25 0 10-5.25-5.25 5.25 5.25 0 005.25 5.25z"
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptyBlueprint_svg__cls-6",
+        cx: 79.42,
+        cy: 112.4,
+        r: 1.49
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptyBlueprint_svg__cls-6",
+        cx: 72.55,
+        cy: 112.4,
+        r: 1.49
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptyBlueprint_svg__cls-6",
+        cx: 85.93,
+        cy: 112.4,
+        r: 1.49
+      }));
+    }
+  }]);
+
+  return EmptyBlueprint;
+}(_react["default"].Component);
+
+exports["default"] = EmptyBlueprint;
+EmptyBlueprint.propTypes = _propTypes.EmptyStateProps;
+EmptyBlueprint.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyBlueprint'
+});
+
+if (false) {
+  EmptyBlueprint.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/lib/emptystate/version3/EmptyCallHistory.js

@@ -0,0 +1,120 @@
+"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"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("./../props/propTypes");
+
+var _defaultProps = require("./../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("./../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyCallHistory = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyCallHistory, _React$Component);
+
+  var _super = _createSuper(EmptyCallHistory);
+
+  function EmptyCallHistory() {
+    _classCallCheck(this, EmptyCallHistory);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyCallHistory, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "CallHistoryEmpty"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
+        opacity: 0.05,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        cx: 156.04,
+        cy: 31.69,
+        rx: 3.54,
+        ry: 3.51,
+        strokeMiterlimit: 10,
+        stroke: "var(--zd_emptysvg_medium_circle)",
+        fill: "none"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyCallHistory_svg__cls-3",
+        cx: 79.62,
+        cy: 29.6,
+        rx: 2.12,
+        ry: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyCallHistory_svg__cls-4",
+        d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyCallHistory_svg__cls-7",
+        cx: 165.88,
+        cy: 154.09,
+        rx: 2.45,
+        ry: 2.43
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyCallHistory_svg__cls-6",
+        d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyCallHistory_svg__cls-5",
+        d: "M114 99.9s-6.26-2.21-9.39 0-2.4 8.82 1.63 8.82 5.65-9.35-4.51-8.87-7.26 9.52-5.16 10 6.34-2 4.35-5.8-10.48-2-12.42 5.86 4.78 6.32 5.39 5.64 2.43-5.44-1.21-6.36-8.62 4.54-7.41 12 7.48 3.18 7.78 1.21-1.05-5.44-5.21-4.08-2.65 10.51 1.74 14.06 9.15-.83 7.1-5.07-7-1.13-7 1 .91 9.83 10.66 10.05a4.7 4.7 0 004.84-5c.07-5.14-10-3.32-6.73 2.95s16.33 2 16.18-3.4a3.42 3.42 0 00-1.63-3.18 3.35 3.35 0 00-4.75 3.75c.49 2.42 2.17 4.73 7.28 2.6 5.78-2.4 5.77-7 5-10a4.09 4.09 0 00-5-3 2.49 2.49 0 00-1.94 2.43c-.23 3.86 9.15 7.79 11.26-2.87s-6.46-10-7.86-9.37c-1.23.52-4.38 5.36 1.29 7.78s7.63-8.31 3.63-12.4-8.77-5.29-10.51-2 .53 6.2 4 6 9.08-7.56 3.78-13.54S89.64 91.36 82 97c0 0-34.91 47.38-6 45 7.29-.59 53.1 2.28 59 0 19.69-7.61-11.25-48.08-8.89-60.71.86-4.54 5.14-7.7 6.72-3.75S77.52 89.4 73.18 82.48s6.91-4 6.71 4.55-1 11.25-5.13 11.45-22.41 1.84-23.9.59c-2.52-2.12 3.7-22.63 9.56-26.51 37.94-25.08 82.21-9.78 89.2-3.47C153.93 73 168 93.3 163.93 96.24s-24.5 2.64-26.5 1S134.21 86 134.21 86"
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        cx: 104.31,
+        cy: 120.3,
+        r: 18.89,
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }));
+    }
+  }]);
+
+  return EmptyCallHistory;
+}(_react["default"].Component);
+
+exports["default"] = EmptyCallHistory;
+EmptyCallHistory.propTypes = _propTypes.EmptyStateProps;
+EmptyCallHistory.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyCallHistory'
+});
+
+if (false) {
+  EmptyCallHistory.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/lib/emptystate/version3/EmptyCanned.js

@@ -0,0 +1,136 @@
+"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"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("./../props/propTypes");
+
+var _defaultProps = require("./../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("./../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyCanned = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyCanned, _React$Component);
+
+  var _super = _createSuper(EmptyCanned);
+
+  function EmptyCanned() {
+    _classCallCheck(this, EmptyCanned);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyCanned, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 500 500",
+        name: "emptyCanned"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#canned_svg__a)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M198.002 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M32.5 293.249s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "m42 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M425.5 51.999C419 51.999 413.75 57.249 413.75 63.749C413.75 70.249 419 75.499 425.5 75.499C432 75.499 437.25 70.249 437.25 63.749C437.25 57.249 431.75 51.999 425.5 51.999ZM425.5 73.249C420.5 73.249 416.25 68.999 416.25 63.749C416.25 58.499 420.5 54.249 425.5 54.249C430.5 54.249 434.75 58.499 434.75 63.749C434.75 68.999 430.5 73.249 425.5 73.249Z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M308.5 432.748C303.75 432.748 300 436.498 300 441.248C300 445.998 303.75 449.748 308.5 449.748C313.25 449.748 317 445.998 317 441.248C317 436.748 313.25 432.748 308.5 432.748ZM308.5 447.498C305.25 447.498 302.5 444.748 302.5 441.248C302.5 437.748 305.25 434.998 308.5 434.998C311.75 434.998 314.5 437.748 314.5 441.248C314.5 444.748 311.75 447.498 308.5 447.498Z",
+        fill: "var(--zd_emptysvg_small_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+        fill: "var(--zd_emptysvg_tiny_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#canned_svg__b)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M274.462 273.079h-61.991l15.976-64.574h79.586s-43.584 159.07-39.647 159.679c3.938.608 27.812 0 27.812 0l16.876-68.428h60.64s9.721-25.956 6.233-26.677c-3.488-.721-60.078 0-60.078 0l15.976-64.574h60.753s7.425-24.289 6.12-26.542c-1.305-2.253-56.95.676-60.348 0-3.397-.676 16.561-65.476 16.561-65.476s-21.061-.608-27.811 0c-6.751.609-16.561 65.476-16.561 65.476h-79.587l16.561-65.476s-24.099.654-27.812 0c-3.712-.653-16.515 65.476-16.515 65.476s-53.756.315-58.008 0c-4.253-.315-4.501 23.027-6.211 26.677-1.71 3.65 57.693 0 57.693 0l-15.976 64.484s-54.61.902-58.278 0c-3.667-.901-6.75 22.937-6.21 26.677.54 3.741 57.693 0 57.693 0s-17.461 64.71-16.876 68.428c.585 3.717 27.812 0 27.812 0l16.875-68.428 59.066-.383",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        fill: "transparent",
+        strokeWidth: 2.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.8,
+        d: "M185.446 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927ZM290.571 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.8,
+        d: "M394.864 184.396s-.945 19.603-5.625 20.279c-4.681.675-237.635-.564-237.635-.564s.607-17.529 3.69-19.016c3.082-1.487 239.57-.699 239.57-.699ZM367.234 275.22s-.945 19.602-5.625 20.278c-4.681.676-237.658-.518-237.658-.518s.608-17.552 3.69-19.039c3.083-1.487 239.593-.721 239.593-.721Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "canned_svg__a"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(22.5 50)",
+        d: "M0 0h450v400H0z"
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "canned_svg__b"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(119 115)",
+        d: "M0 0h285v256H0z"
+      }))));
+    }
+  }]);
+
+  return EmptyCanned;
+}(_react["default"].Component);
+
+exports["default"] = EmptyCanned;
+EmptyCanned.propTypes = _propTypes.EmptyStateProps;
+EmptyCanned.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyCanned'
+});
+
+if (false) {
+  EmptyCanned.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/lib/emptystate/version3/EmptyChat.js

@@ -0,0 +1,136 @@
+"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"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("./../props/propTypes");
+
+var _defaultProps = require("./../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("./../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyChat = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyChat, _React$Component);
+
+  var _super = _createSuper(EmptyChat);
+
+  function EmptyChat() {
+    _classCallCheck(this, EmptyChat);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyChat, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 500 500",
+        name: "emptyChat"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#chat_svg__a)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M183.464 261.93s117.04 1.421 116.407-4.207c-.25-2.286-109.838.96-112.162.96-2.325 0-4.284 50.347-3.304 55.707.979 5.359 134.943 1.459 134.943 1.459s45.295 43.528 47.063 46.102c1.767 2.574-.481 3.631-1.556 3.631-1.076 0 2.151-172.267 0-180.297-2.152-8.029-43.855-2.67-49.214-2.67-5.359 0-16.039 73.821-9.604 76.491 6.435 2.67 3.592-108.551 3.592-118.943 0-10.392-145.355-9.431-163.277-5.666-17.922 3.765-9.451 163.277-9.451 163.277s-1.921 14.637 1.921 14.157c3.842-.48 41.837-43.758 41.837-43.758",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        fill: "transparent",
+        strokeWidth: 2.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.8,
+        d: "M163.601 149.21C186.421 145.945 282.313 142.698 284.618 156.202C286.923 169.706 231.562 190.106 242.723 207.606C253.883 225.105 292.071 230.656 279.047 241.855C266.023 253.054 186.402 239.934 180.812 243.776C175.222 247.618 153.151 292.125 149.578 287.323C146.005 282.521 140.799 152.476 163.601 149.21Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.8,
+        d: "M307.285 268.422C310.938 268.157 314.365 266.558 316.915 263.93C319.466 261.302 320.961 257.828 321.116 254.169C321.98 234.384 324.343 199.442 330.298 199.135C338.615 198.693 351.313 197.368 351.313 203.937C351.313 210.507 357.075 326.529 353.502 324.34C349.93 322.15 332.046 298.523 325.918 298.523C319.791 298.523 207.706 305.515 205.516 299.829C203.326 294.143 203.768 275.318 209.896 275.318C214.659 275.318 278.856 270.554 307.285 268.422Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#chat_svg__b)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
+        fill: "var(--zd_emptysvg_small_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+        fill: "var(--zd_emptysvg_tiny_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "chat_svg__a"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(134 131)",
+        d: "M0 0h234.12v235.618H0z"
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "chat_svg__b"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(22.5 50)",
+        d: "M0 0h450v400H0z"
+      }))));
+    }
+  }]);
+
+  return EmptyChat;
+}(_react["default"].Component);
+
+exports["default"] = EmptyChat;
+EmptyChat.propTypes = _propTypes.EmptyStateProps;
+EmptyChat.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyChat'
+});
+
+if (false) {
+  EmptyChat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}