@zohoim/chat-components 0.0.2 → 0.0.4

package/es/icons/factory/messageStatus/doubleTick.svg

@@ -0,0 +1 @@
+<svg id="IM_doubleTick" viewBox="0 0 64 64"><polygon points="59.016,15.14 31.131,43.291 29.446,41.606 25.728,45.324 31.131,50.727 63,18.858" fill="currentColor"></polygon><polygon points="43.758,13.273 15.872,41.424 4.718,30.269 1,33.987 15.872,48.86 47.741,16.991" fill="currentColor"></polygon></svg>

package/es/icons/factory/messageStatus/failed.svg

@@ -0,0 +1,7 @@
+<svg id="IM_failed" viewBox="0 0 64 64">
+      <path
+        d="M32,1C14.88,1,1,14.879,1,32s13.88,31,31,31c17.122,0,31-13.879,31-31S49.122,1,32,1z M32,47.613
+          c-2.475,0-4.48-2.006-4.48-4.481c0-2.474,2.006-4.481,4.48-4.481s4.48,2.006,4.48,4.481C36.48,45.607,34.475,47.613,32,47.613z
+          M35.875,35.326h-7.75L27.126,15.81h9.751L35.875,35.326z" fill="currentColor"
+      />
+    </svg>

package/es/icons/factory/messageStatus/tick.svg

@@ -0,0 +1 @@
+<svg id="IM_tick" viewBox="0 0 64 64"><polygon points="52.215,13.447 23.139,42.8 11.508,31.169 7.632,35.046 23.139,50.553 56.368,17.324" fill="currentColor"></polygon></svg>

package/es/icons/icon.template.js

@@ -0,0 +1,27 @@
+function iconTemplate(_ref) {
+  let {
+    path,
+    name,
+    value
+  } = _ref;
+  return `
+    import React from 'react';
+    import Icon from '${path}';
+
+    export default function IconComponent(props) {
+        return <Icon {...props}>${value}</Icon>
+    }
+
+    IconComponent.propTypes=Icon.propTypes;`;
+}
+function indexTemplate(_ref2) {
+  let {
+    name,
+    path
+  } = _ref2;
+  return `export { default as ${name} } from "${path}";`;
+}
+module.exports = {
+  iconTemplate,
+  indexTemplate
+};

package/es/icons/iconSrc/actions/ConvertTicket.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 32 32",
+    style: {
+      "enableBackground": "new 0 0 32 32"
+    },
+    xmlSpace: "preserve"
+  }, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}"
+    }
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
+    className: "path-0"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/actions/index.js

@@ -0,0 +1 @@
+export { default as ConvertTicket } from "./ConvertTicket";

package/es/icons/iconSrc/integrations/ChInstagram.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, " ", /*#__PURE__*/React.createElement("path", {
+    d: "M23.92 6.68005H11.048C8.83883 6.68005 7.04797 8.47092 7.04797 10.6801V23.7281C7.04797 25.9372 8.83883 27.7281 11.048 27.7281H23.92C26.1291 27.7281 27.92 25.9372 27.92 23.7281V10.6801C27.92 8.47092 26.1291 6.68005 23.92 6.68005Z",
+    fill: "#DFE6F2",
+    className: "path-0"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    d: "M21.32 26.12H8.8C7.52696 26.12 6.30606 25.6143 5.40589 24.7141C4.50571 23.8139 4 22.593 4 21.32V8.8C4 7.52696 4.50571 6.30606 5.40589 5.40589C6.30606 4.50571 7.52696 4 8.8 4H21.32C22.593 4 23.8139 4.50571 24.7141 5.40589C25.6143 6.30606 26.12 7.52696 26.12 8.8V21.32C26.12 22.593 25.6143 23.8139 24.7141 24.7141C23.8139 25.6143 22.593 26.12 21.32 26.12ZM8.8 5.6C7.95131 5.6 7.13737 5.93714 6.53726 6.53726C5.93714 7.13737 5.6 7.95131 5.6 8.8V21.32C5.6 22.1687 5.93714 22.9826 6.53726 23.5827C7.13737 24.1829 7.95131 24.52 8.8 24.52H21.32C22.1687 24.52 22.9826 24.1829 23.5827 23.5827C24.1829 22.9826 24.52 22.1687 24.52 21.32V8.8C24.52 7.95131 24.1829 7.13737 23.5827 6.53726C22.9826 5.93714 22.1687 5.6 21.32 5.6H8.8ZM15.056 20.208C14.037 20.208 13.0409 19.9058 12.1937 19.3397C11.3465 18.7736 10.6861 17.969 10.2962 17.0276C9.90623 16.0862 9.8042 15.0503 10.003 14.0509C10.2018 13.0515 10.6925 12.1335 11.413 11.413C12.1335 10.6925 13.0515 10.2018 14.0509 10.003C15.0503 9.8042 16.0862 9.90623 17.0276 10.2962C17.969 10.6861 18.7736 11.3465 19.3397 12.1937C19.9058 13.0409 20.208 14.037 20.208 15.056C20.2059 16.4217 19.6624 17.7309 18.6967 18.6967C17.7309 19.6624 16.4217 20.2059 15.056 20.208ZM15.056 11.512C14.3531 11.512 13.6661 11.7205 13.0818 12.1112C12.4975 12.5018 12.0422 13.0571 11.7736 13.7066C11.505 14.3561 11.4351 15.0707 11.5728 15.7599C11.7106 16.4491 12.0496 17.082 12.5472 17.5785C13.0448 18.0749 13.6784 18.4126 14.368 18.5487C15.0575 18.6849 15.7719 18.6134 16.4208 18.3433C17.0697 18.0732 17.6239 17.6167 18.0133 17.0316C18.4026 16.4464 18.6096 15.7589 18.608 15.056C18.6059 14.1153 18.2307 13.2139 17.5648 12.5495C16.8989 11.8851 15.9967 11.512 15.056 11.512ZM20.736 8C20.5064 8.00009 20.2819 8.06786 20.0905 8.19484C19.8992 8.32182 19.7496 8.50238 19.6603 8.71395C19.571 8.92551 19.5461 9.1587 19.5887 9.38435C19.6312 9.61001 19.7393 9.81812 19.8995 9.98267C20.0596 10.1472 20.2647 10.2609 20.4891 10.3095C20.7136 10.3581 20.9473 10.3395 21.1612 10.256C21.3751 10.1725 21.5597 10.0278 21.6918 9.83996C21.8239 9.65214 21.8977 9.42954 21.904 9.2C21.9083 9.04394 21.8812 8.88862 21.8244 8.74319C21.7677 8.59777 21.6823 8.46521 21.5734 8.35333C21.4645 8.24146 21.3343 8.15256 21.1905 8.09187C21.0467 8.03118 20.8921 7.99994 20.736 8Z",
+    className: "path-1"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/ChWhatsApp.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, " ", /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.024 6.40004C15.1099 6.40204 13.2323 6.92304 11.5908 7.9076C9.94942 8.89215 8.60571 10.3034 7.70276 11.9911C6.79982 13.6788 6.37143 15.5797 6.46322 17.4916C6.55501 19.4034 7.16353 21.2546 8.224 22.848L6.992 27.352L11.552 26.016C12.9477 26.8635 14.5206 27.3763 16.1476 27.5142C17.7746 27.6522 19.4114 27.4115 20.9298 26.8111C22.4483 26.2108 23.8071 25.2669 24.8998 24.0537C25.9925 22.8404 26.7894 21.3905 27.2281 19.8178C27.6669 18.245 27.7355 16.592 27.4286 14.9883C27.1217 13.3846 26.4477 11.8737 25.4593 10.574C24.4709 9.27434 23.195 8.22117 21.7315 7.49702C20.2681 6.77287 18.6568 6.3974 17.024 6.40004Z",
+    fill: "#DFE6F2",
+    className: "path-0"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    d: "M4.19199 26.92L5.71199 21.384C4.22027 19.0114 3.64659 16.1757 4.09882 13.4099C4.55104 10.6441 5.99802 8.13874 8.16771 6.36486C10.3374 4.59098 13.0803 3.67077 15.8809 3.77722C18.6814 3.88368 21.3465 5.00947 23.3753 6.94295C25.404 8.87642 26.6566 11.4844 26.8976 14.2766C27.1385 17.0687 26.3512 19.8527 24.6837 22.1052C23.0162 24.3576 20.5833 25.9233 17.8424 26.508C15.1015 27.0926 12.2415 26.6559 9.79999 25.28L4.19199 26.92ZM10.016 23.552L10.32 23.736C12.1666 24.8495 14.33 25.3202 16.4723 25.0744C18.6147 24.8286 20.6153 23.8803 22.1618 22.3775C23.7082 20.8747 24.7135 18.9021 25.0205 16.7677C25.3276 14.6333 24.9191 12.4573 23.859 10.5795C22.7988 8.70177 21.1466 7.22797 19.1604 6.38831C17.1742 5.54864 14.9659 5.39039 12.8803 5.93826C10.7947 6.48613 8.94919 7.70928 7.6321 9.41668C6.315 11.1241 5.60044 13.2196 5.59999 15.376C5.59082 17.3087 6.1652 19.1991 7.24799 20.8L7.44799 21.104L6.49599 24.584L10.016 23.552ZM20.632 17.768C20.344 17.624 18.936 16.928 18.68 16.832C18.424 16.736 18.224 16.696 18.032 16.976C17.84 17.256 17.296 17.912 17.128 18.096C16.96 18.28 16.792 18.312 16.512 18.168C15.6678 17.8329 14.8883 17.3537 14.208 16.752C13.5805 16.1755 13.0413 15.5097 12.608 14.776C12.5467 14.6847 12.5241 14.5728 12.5451 14.4649C12.5661 14.3569 12.629 14.2617 12.72 14.2C12.848 14.072 13.008 13.864 13.152 13.696C13.2704 13.5534 13.3674 13.3944 13.44 13.224C13.4835 13.1471 13.5063 13.0603 13.5063 12.972C13.5063 12.8837 13.4835 12.7969 13.44 12.72C13.368 12.568 12.8 11.2 12.56 10.592C12.32 9.98398 12.088 10.104 11.912 10.096H11.368C11.2166 10.0951 11.0669 10.1269 10.9288 10.189C10.7908 10.2511 10.6678 10.3421 10.568 10.456C10.2554 10.7601 10.0083 11.1249 9.84188 11.528C9.67542 11.9311 9.59311 12.3639 9.59999 12.8C9.68859 13.8779 10.0951 14.9053 10.768 15.752C11.9944 17.5922 13.679 19.0811 15.656 20.072C16.1768 20.3038 16.7111 20.5042 17.256 20.672C17.8391 20.8487 18.4554 20.8871 19.056 20.784C19.4545 20.7044 19.8319 20.5422 20.1639 20.308C20.4959 20.0738 20.7753 19.7726 20.984 19.424C21.171 18.9966 21.2294 18.524 21.152 18.064C21.104 17.984 20.912 17.912 20.632 17.768Z",
+    className: "path-1"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/TtASAP.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40"
+  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
+    }
+  }), " "), " ", /*#__PURE__*/React.createElement("rect", {
+    className: "cls-1",
+    x: "10.78",
+    y: "11.1",
+    width: "25.26",
+    height: "19.29",
+    rx: "2.8"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-0",
+    d: "M31.32,6.84H9.51a3.45,3.45,0,0,0-3.38,3.5V33.15a2.5,2.5,0,0,0,1.33,2.23,2.34,2.34,0,0,0,1.09.27,2.41,2.41,0,0,0,1.4-.46l7.51-5.82H31.32a3.62,3.62,0,0,0,3.62-3.62V10.46A3.62,3.62,0,0,0,31.32,6.84Zm1.77,18.9a1.77,1.77,0,0,1-1.77,1.77H17.15a.9.9,0,0,0-.57.2l-7.73,6a.49.49,0,0,1-.53,0A.65.65,0,0,1,8,33.15V10.34A1.6,1.6,0,0,1,9.51,8.69H31.32a1.77,1.77,0,0,1,1.77,1.77Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-1",
+    d: "M26.83,14H15.14a.93.93,0,0,0,0,1.85H26.83a.93.93,0,0,0,0-1.85Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-2",
+    d: "M23.23,20.32H15.14a.93.93,0,0,0,0,1.85h8.09a.93.93,0,1,0,0-1.85Z"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/TtTelegram.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40"
+  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".cls-1{fill:#999;fill-rule:evenodd;}.cls-2{fill:#010101;}"
+    }
+  }), " "), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-0",
+    d: "M23.73,36.75l-7.52-7.36a1.07,1.07,0,0,1-.06-1.46l8.18-9.38a.22.22,0,0,0-.29-.32L13.46,25.84a1.07,1.07,0,0,1-1.25,0l-5.79-4.3a1.51,1.51,0,0,1,.42-2.65l24.45-8.23a1.52,1.52,0,0,1,1.94,1.87l-7,23.58A1.52,1.52,0,0,1,23.73,36.75Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-1",
+    d: "M22.79,35.19A2.51,2.51,0,0,1,21,34.47L13.51,27.1a2.06,2.06,0,0,1-.11-2.83L17.12,20,12,23.65a2,2,0,0,1-2.43,0L3.82,19.34a2.52,2.52,0,0,1-1-2.42,2.49,2.49,0,0,1,1.68-2L29,6.71a2.52,2.52,0,0,1,3.22,3.1l-7,23.57a2.51,2.51,0,0,1-1.78,1.73A2.8,2.8,0,0,1,22.79,35.19Zm-.62-21a1.22,1.22,0,0,1,.91,2l-8.17,9.37L22.43,33h0a.54.54,0,0,0,.5.13.5.5,0,0,0,.36-.35l7-23.58a.52.52,0,0,0-.66-.64L5.16,16.83a.51.51,0,0,0-.35.4.53.53,0,0,0,.2.5L10.8,22l10.66-7.61A1.16,1.16,0,0,1,22.17,14.19Zm-.59.7Z"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/TtTwillio.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40"
+  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
+    }
+  }), " "), " ", /*#__PURE__*/React.createElement("circle", {
+    className: "cls-1",
+    cx: "23.21",
+    cy: "23",
+    r: "11.54"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-0",
+    d: "M20,4.65A15.35,15.35,0,1,0,35.35,20,15.35,15.35,0,0,0,20,4.65Zm0,28.57A13.22,13.22,0,1,1,33.22,20,13.22,13.22,0,0,1,20,33.22Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-1",
+    d: "M15.61,13A3.07,3.07,0,1,0,18.67,16h0A3.07,3.07,0,0,0,15.61,13ZM16.55,16a.94.94,0,1,1-.94-.94.94.94,0,0,1,.94.94Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-2",
+    d: "M24.51,13A3.07,3.07,0,1,0,27.57,16h0A3.07,3.07,0,0,0,24.51,13ZM25.45,16a.94.94,0,1,1-.95-.94,1,1,0,0,1,.95.93Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-3",
+    d: "M15.61,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,15.61,21.25Zm.94,3.06a.94.94,0,0,1-.93.94h0a.94.94,0,1,1,.94-.94Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-4",
+    d: "M24.51,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,24.51,21.25Zm.94,3.06a.94.94,0,0,1-.94.94h0a.94.94,0,0,1,0-1.88,1,1,0,0,1,.95.94Z"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/TtTwitter.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40"
+  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
+    }
+  }), " "), " ", /*#__PURE__*/React.createElement("ellipse", {
+    className: "cls-1",
+    cx: "23.38",
+    cy: "21.39",
+    rx: "14.03",
+    ry: "11.35"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-0",
+    d: "M28.79,15.92H24.94a.26.26,0,0,0-.26.26v6a.26.26,0,0,0,.26.26h3.85a.25.25,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.26H26.17v-1h2.62a.26.26,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.27H26.17v-1h2.62a.25.25,0,0,0,.26-.26v-1A.26.26,0,0,0,28.79,15.92Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-1",
+    d: "M14.55,20.93H11.93V16.18a.26.26,0,0,0-.26-.26h-1a.27.27,0,0,0-.27.26v6a.27.27,0,0,0,.27.26h3.85a.26.26,0,0,0,.26-.26v-1A.26.26,0,0,0,14.55,20.93Z"
+  }), " ", /*#__PURE__*/React.createElement("rect", {
+    className: "cls-2",
+    x: "15.63",
+    y: "15.92",
+    width: "1.5",
+    height: "6.51",
+    rx: "0.26"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-2",
+    d: "M23.48,15.92h-1a.26.26,0,0,0-.26.26v3.55L19.5,16s0,0,0,0v0H18.32a.27.27,0,0,0-.26.27v6a.26.26,0,0,0,.26.26h1a.27.27,0,0,0,.27-.26V18.61l2.74,3.71s0,.05.06.06h.07a.06.06,0,0,0,.06,0h1a.25.25,0,0,0,.26-.25h0V16.18A.25.25,0,0,0,23.48,15.92Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-3",
+    d: "M19.89,6.17c-8.56,0-15.53,5.72-15.53,12.77,0,6.31,5.47,11.61,12.94,12.59a2.06,2.06,0,0,1,.63.22,2.42,2.42,0,0,1,0,.76l-.22,1.27a1.74,1.74,0,0,0,.47,1.75,1.45,1.45,0,0,0,.92.3,3.14,3.14,0,0,0,1.17-.28C22,34.83,28.94,30.42,32,26.84a11.45,11.45,0,0,0,3.37-7.91C35.41,11.89,28.44,6.17,19.89,6.17ZM30.65,25.61h0c-2.86,3.29-9.4,7.46-11.07,8.2l.17-1a3.7,3.7,0,0,0-.1-1.79,2.51,2.51,0,0,0-2-1.29c-6.6-.88-11.4-5.4-11.4-10.77,0-6,6.13-10.9,13.67-10.9s13.66,4.89,13.66,10.9A9.61,9.61,0,0,1,30.65,25.61Z"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/TtWechat.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40"
+  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
+    }
+  }), " "), " ", /*#__PURE__*/React.createElement("ellipse", {
+    className: "cls-1",
+    cx: "27.55",
+    cy: "23",
+    rx: "7.04",
+    ry: "5.69"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-0",
+    d: "M25.26,16.47C24.51,12.81,20.58,10,15.83,10c-5.28,0-9.57,3.47-9.57,7.74s4.29,7.74,9.57,7.74a11.52,11.52,0,0,0,3.67-.59,5.55,5.55,0,0,1-.34-1.9C19.16,19.9,21.74,17.28,25.26,16.47Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-1",
+    d: "M27.55,14.7h-.13C25.89,10,21,6.7,15.33,6.7c-6.92,0-12.57,4.94-12.57,11a10.24,10.24,0,0,0,3.52,7.63V31a.93.93,0,0,0,.93.93h0a.83.83,0,0,0,.49-.14l5.24-3.24a14.53,14.53,0,0,0,6.65-.44,10.12,10.12,0,0,0,8,3.66,10.31,10.31,0,0,0,1.75-.13L33.17,34a.91.91,0,0,0,.49.14.93.93,0,0,0,.93-.93V29.07a7.94,7.94,0,0,0,2.65-5.86C37.24,18.52,32.89,14.7,27.55,14.7Zm-9,11.72a12.59,12.59,0,0,1-5.63.19.93.93,0,0,0-.67.13L8.15,29.28V24.92a.93.93,0,0,0-.34-.71,8.49,8.49,0,0,1-3.18-6.5c0-5,4.8-9.14,10.7-9.14,4.7,0,8.76,2.56,10.18,6.32-4.38.82-7.66,4.24-7.66,8.32A7.59,7.59,0,0,0,18.56,26.42Zm14.49,1.51h0a.92.92,0,0,0-.34.71v2.87L30,29.82a1,1,0,0,0-.5-.14l-.17,0a9.43,9.43,0,0,1-1.75.17c-4.32,0-7.83-3-7.83-6.65s3.5-6.65,7.83-6.65,7.82,3,7.82,6.65A6.15,6.15,0,0,1,33.05,27.93Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-2",
+    d: "M25.53,21.11a1.29,1.29,0,1,0,1.16,1.41A1.3,1.3,0,0,0,25.53,21.11Z"
+  }), " ", /*#__PURE__*/React.createElement("circle", {
+    className: "cls-2",
+    cx: "29.99",
+    cy: "22.4",
+    r: "1.29"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-3",
+    d: "M11.52,15.16a1.3,1.3,0,1,0,1.29,1.3A1.3,1.3,0,0,0,11.52,15.16Z"
+  }), " ", /*#__PURE__*/React.createElement("path", {
+    className: "path-4",
+    d: "M18,15.16a1.3,1.3,0,1,0,1.3,1.3A1.29,1.29,0,0,0,18,15.16Z"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/integrations/index.js

@@ -0,0 +1,7 @@
+export { default as ChInstagram } from "./ChInstagram";
+export { default as ChWhatsApp } from "./ChWhatsApp";
+export { default as TtASAP } from "./TtASAP";
+export { default as TtTelegram } from "./TtTelegram";
+export { default as TtTwillio } from "./TtTwillio";
+export { default as TtTwitter } from "./TtTwitter";
+export { default as TtWechat } from "./TtWechat";

package/es/icons/iconSrc/messageStatus/Clock.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "IM_clock",
+    viewBox: "0 0 64 64"
+  }, " ", /*#__PURE__*/React.createElement("path", {
+    d: "M32,1C14.957,1,1,14.958,1,32s13.957,31,31,31s31-13.958,31-31S49.043,1,32,1z M32,56.792 C18.36,56.792,7.207,45.64,7.207,32S18.36,7.208,32,7.208S56.793,18.36,56.793,32S45.64,56.792,32,56.792z M33.746,16.54h-5.812 v18.622L43.619,45.33l3.164-4.874l-13.036-8.45V16.54z",
+    fill: "currentColor",
+    className: "path-0"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/messageStatus/DoubleTick.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "IM_doubleTick",
+    viewBox: "0 0 64 64"
+  }, " ", /*#__PURE__*/React.createElement("polygon", {
+    points: "59.016,15.14 31.131,43.291 29.446,41.606 25.728,45.324 31.131,50.727 63,18.858",
+    fill: "currentColor"
+  }), " ", /*#__PURE__*/React.createElement("polygon", {
+    points: "43.758,13.273 15.872,41.424 4.718,30.269 1,33.987 15.872,48.86 47.741,16.991",
+    fill: "currentColor"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/messageStatus/Failed.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "IM_failed",
+    viewBox: "0 0 64 64"
+  }, " ", /*#__PURE__*/React.createElement("path", {
+    d: "M32,1C14.88,1,1,14.879,1,32s13.88,31,31,31c17.122,0,31-13.879,31-31S49.122,1,32,1z M32,47.613 c-2.475,0-4.48-2.006-4.48-4.481c0-2.474,2.006-4.481,4.48-4.481s4.48,2.006,4.48,4.481C36.48,45.607,34.475,47.613,32,47.613z M35.875,35.326h-7.75L27.126,15.81h9.751L35.875,35.326z",
+    fill: "currentColor",
+    className: "path-0"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/messageStatus/Tick.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Icon from '@zohodesk/icon/es/Icon/Icon';
+export default function IconComponent(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
+    id: "IM_tick",
+    viewBox: "0 0 64 64"
+  }, " ", /*#__PURE__*/React.createElement("polygon", {
+    points: "52.215,13.447 23.139,42.8 11.508,31.169 7.632,35.046 23.139,50.553 56.368,17.324",
+    fill: "currentColor"
+  }), " "));
+}
+IconComponent.propTypes = Icon.propTypes;

package/es/icons/iconSrc/messageStatus/index.js

@@ -0,0 +1,4 @@
+export { default as Clock } from "./Clock";
+export { default as DoubleTick } from "./DoubleTick";
+export { default as Failed } from "./Failed";
+export { default as Tick } from "./Tick";

package/es/index.js

@@ -1,5 +1,6 @@
 export * from './MessageBubble';
-export * from './AvatarSpace';
+
+// export * from './AvatarSpace';
 export * from './MessageActions';
 export * from './MessageBox';
 export * from './MessageBoxHeader';
@@ -7,6 +8,14 @@ export * from './MessageBoxFooter';
 export * from './ActionIcon';
 export * from './MessageActionsMore';
 export * from './TextMessage';
+export * from './MessageAvatar';
+export * from './IMIntegrationIcon';
+export * from './MoreActionItem';
+export * from './IMMessageActions';
+export * from './MessageAction';
+export * from './IMMessageAvatar';
+export * from './IMMessageStatus';
+export * from './IMMessage';
 // ... export other components
 
 /*** CONSTANTS ***/

package/es/{AvatarSpace → unused/AvatarSpace}/AvatarSpace.js

@@ -18,6 +18,11 @@ import avatarSpacePropTypes from './props/propTypes';
 import constantProps from './props/propConstants';
 export default function AvatarSpace(props) {
   const {
+    src,
+    alternateSrc,
+    title,
+    size,
+    name,
     needAvatar,
     avatarProps,
     customStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Chat Components",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -11,7 +11,8 @@
     "rtl": "react-cli rtl ./src ./es",
     "prepare": "npm run clean && npm run build && npm run rtl",
     "test": "react-cli test",
-    "test:debug": "react-cli test --runInBand --watch"
+    "test:debug": "react-cli test --runInBand --watch",
+    "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc"
   },
   "author": "ZohoDesk - IM Team",
   "license": "ISC",
@@ -24,14 +25,19 @@
     "!**/__tests__"
   ],
   "dependencies": {
-    "@zohodesk/components": "1.0.0-alpha-250",
-    "@zohodesk/hooks": "1.0.6",
-    "@zohodesk/icon": "1.0.6",
-    "@zohodesk/utils": "1.0.6",
+    "@zohodesk/components": "1.0.0-alpha-259",
+    "@zohodesk/hooks": "1.3.12",
+    "@zohodesk/icon": "1.3.12",
+    "@zohodesk/icons": "1.0.0-beta.118",
+    "@zohodesk/utils": "1.3.9",
     "@zohodesk/variables": "1.0.0-beta.30",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^0.0.2",
-    "@zohoim/chat-components-utils": "^0.0.2"
+    "@zohoim/chat-components-hooks": "^0.0.3",
+    "@zohoim/chat-components-utils": "^0.0.3"
   },
-  "gitHead": "a2f7ad66df3a920bb412dd62ae1f6485b5458f51"
+  "devDependencies": {
+    "html-to-react": "^1.4.8",
+    "react-to-jsx": "^1.3.2"
+  },
+  "gitHead": "35a218446db170466b555847e9f59e2ecbaeed26"
 }