@mirai/core 0.3.175 → 0.3.176

package/build/components/Chat/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","style","_components","_services","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","onlineInterval","Chat","_ref","skeleton","name","NAME","isMobile","useDevice","translate","useLocale","value","calendar","currency","hotel","locale","occupation","origin","session","tags","type","useStore","busy","setBusy","useState","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","response","ServiceLisa","welcome","catch","handleError","lisa","auto","clearInterval","callback","status","setInterval","Date","getTime","storeContext","handleInput","input","nextMessages","text","timestamp","setTimeout","message","context","DELAY_RESPONSE","handleAction","form","intent","undefined","action","error","console","createElement","Fragment","React","Modal","View","className","container","styles","row","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","tiny","bullet","offline","lighten","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","ICON","CLOSE","ScrollView","snap","map","index","Message","disabled","onAction","Input","onValue","InputRich","Offline","Tooltip","right","LABEL_GREETINGS","Pressable","buttonExtend","hide","avatar","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Modal, Pressable, ScrollView, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { DELAY_RESPONSE, NAME } from './Chat.constants';\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar, Input, InputRich, Offline, Message } from './components';\nimport { ServiceLisa } from '../../services';\nimport { ICON } from '../helpers';\n\nlet onlineInterval;\n\nconst Chat = ({ skeleton, name = NAME }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { calendar, currency, hotel, locale, occupation, origin, session, tags, type },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [messages, setMessages] = useState([]);\n  const [online, setOnline] = useState(false);\n  const [scrollTo, setScrollTo] = useState();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => {\n      setBusy(true);\n      const response = await ServiceLisa.welcome({ locale, session }).catch(handleError);\n      if (response) {\n        set({ lisa: response, locale: response.locale || locale });\n        setMessages([...messages, { auto: true, ...response }]);\n      }\n      setBusy(false);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => {\n    // ! TODO: It's just a demo\n    // if (visible && !messages.length) handleInput('Do you have any available offer or discount?');\n    if (!visible) return clearInterval(onlineInterval);\n\n    const callback = async () => {\n      const response = await ServiceLisa.status().catch(() => setOnline(false));\n      if (response && !online) setOnline(response);\n    };\n\n    callback();\n    onlineInterval = setInterval(callback, online ? 60000 : 10000);\n\n    return () => {\n      clearInterval(onlineInterval);\n    };\n  }, [online, visible]);\n\n  useEffect(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);\n\n  const storeContext = { calendar, currency, hotel, occupation, origin, tags, type };\n\n  const handleInput = (input) => {\n    const nextMessages = [...messages, { text: input, timestamp: new Date().getTime() }];\n    setMessages(nextMessages);\n\n    setTimeout(async () => {\n      setBusy(true);\n      const response = await ServiceLisa.message({ context: { ...storeContext }, input, session }).catch(handleError);\n      setBusy(false);\n\n      if (response) {\n        set({ lisa: response, locale: response.locale || locale });\n        setMessages([...nextMessages, { auto: true, ...response }]);\n      }\n    }, DELAY_RESPONSE);\n  };\n\n  const handleAction = ({ context, form, intent } = {}) => {\n    setBusy(true);\n\n    setTimeout(async () => {\n      const response = await ServiceLisa.action({\n        context: { ...storeContext, ...context, form },\n        intent,\n        locale,\n        session,\n      }).catch(handleError);\n      if (response) {\n        set({ lisa: response });\n        setMessages([...messages, { auto: true, ...response }]);\n      }\n\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleError = (error) => {\n    // eslint-disable-next-line no-console\n    console.error('::handleError::', error);\n    setOnline(false);\n  };\n\n  return !skeleton ? (\n    <>\n      {React.createElement(\n        isMobile ? Modal : View,\n        isMobile\n          ? { className: style.container, visible }\n          : { className: styles(style.container, visible && style.visible) },\n        <>\n          <View row className={style.header}>\n            <Avatar small />\n            <View wide>\n              <Text bold>{translate(L10N.LABEL_ASSISTANT)}</Text>\n              <View row>\n                <View tiny className={styles(style.bullet, online ? style.online : style.offline)} />\n                <Text small lighten>\n                  {translate(online ? L10N.LABEL_ONLINE : L10N.LABEL_OFFLINE)}\n                </Text>\n              </View>\n            </View>\n\n            <View row>\n              {/* ! TODO: When store chats */}\n              {/* <Button small squared tooltip={translate(L10N.ACTION_MINIMIZE)} transparent onPress={() => {}}>\n                <Icon value={ICON.MINIMIZE} />\n              </Button> */}\n\n              <Button\n                small\n                squared\n                tooltip={translate(L10N.ACTION_CLOSE)}\n                transparent\n                onPress={() => setVisible(false)}\n              >\n                <Icon value={ICON.CLOSE} />\n              </Button>\n            </View>\n          </View>\n\n          <ScrollView scrollTo={scrollTo} snap={false} className={style.messages}>\n            {messages.map((message, index) => (\n              <Message\n                key={index}\n                {...message}\n                disabled={busy || index < messages.length - 1}\n                onAction={handleAction}\n              />\n            ))}\n            {busy && <Message auto busy />}\n          </ScrollView>\n\n          {online ? (\n            <>\n              <Input disabled={busy} onValue={handleInput} />\n              <InputRich onValue={handleAction} />\n            </>\n          ) : (\n            <Offline />\n          )}\n        </>,\n      )}\n\n      <Tooltip right text={!visible ? translate(L10N.LABEL_GREETINGS, { name }) : undefined}>\n        <Pressable\n          disabled={busy}\n          onPress={() => setVisible(true)}\n          className={styles(style.buttonExtend, visible && style.hide)}\n        >\n          <Avatar disabled={visible} className={style.avatar} />\n        </Pressable>\n      </Tooltip>\n    </>\n  ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n  name: PropTypes.string,\n  skeleton: PropTypes.bool,\n};\n\nexport { Chat };\n"],"mappings":"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"}

package/build/components/Chat/Chat.l10n.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_CLOSE: {
+    id: 'common.action.close'
+  },
+  LABEL_ASSISTANT: {
+    id: 'lisa.label.assistant'
+  },
+  LABEL_GREETINGS: {
+    id: 'lisa.label.greetings'
+  },
+  LABEL_OFFLINE: {
+    id: 'lisa.label.offline'
+  },
+  LABEL_ONLINE: {
+    id: 'lisa.label.online'
+  }
+};
+//# sourceMappingURL=Chat.l10n.js.map

package/build/components/Chat/Chat.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.l10n.js","names":["L10N","exports","ACTION_CLOSE","id","LABEL_ASSISTANT","LABEL_GREETINGS","LABEL_OFFLINE","LABEL_ONLINE"],"sources":["../../../src/components/Chat/Chat.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLOSE: { id: 'common.action.close' },\n\n  LABEL_ASSISTANT: { id: 'lisa.label.assistant' },\n  LABEL_GREETINGS: { id: 'lisa.label.greetings' },\n  LABEL_OFFLINE: { id: 'lisa.label.offline' },\n  LABEL_ONLINE: { id: 'lisa.label.online' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EAE3CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAC/CE,eAAe,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC/CG,aAAa,EAAE;IAAEH,EAAE,EAAE;EAAqB,CAAC;EAC3CI,YAAY,EAAE;IAAEJ,EAAE,EAAE;EAAoB;AAC1C,CAAC"}

package/build/components/Chat/Chat.module.css

@@ -0,0 +1,90 @@
+@import url(./Chat.theme.module.css);
+
+.container {
+  background-color: var(--mirai-chat-base);
+  overflow: hidden;
+  z-index: var(--mirai-chat-layer);
+}
+
+/* -- header ---------------------------------------------------------------- */
+.header {
+  backdrop-filter: blur(8px);
+  background: var(--mirai-chat-header-background);
+  /* box-shadow: 0 var(--mirai-chat-border-size) var(--mirai-chat-border-color); */
+  gap: calc(var(--mirai-chat-space) / 2);
+  height: var(--mirai-chat-header-height);
+  padding: 0 var(--mirai-chat-space);
+  position: fixed;
+  width: 100%;
+  z-index: 0;
+}
+
+.header .bullet {
+  height: var(--mirai-ui-space-XS);
+  width: var(--mirai-ui-space-XS);
+  border-radius: 50%;
+  margin-right: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.header .bullet.online {
+  background-color: var(--mirai-ui-success-border);
+}
+
+.header .bullet.offline {
+  background-color: var(--mirai-ui-error-border);
+}
+
+/* -------------------------------------------------------------------------- */
+.messages {
+  flex: 1;
+  gap: calc(var(--mirai-chat-space) / 2);
+  padding-bottom: calc(var(--mirai-chat-space) * 2);
+  padding-top: calc(var(--mirai-chat-header-height) + calc(var(--mirai-chat-space) / 2));
+  width: 100%;
+}
+
+/* -- button ---------------------------------------------------------------- */
+.buttonExtend {
+  bottom: var(--mirai-chat-space);
+  padding-left: calc(var(--mirai-chat-space) / 2);
+  position: fixed !important;
+  right: var(--mirai-chat-space);
+  transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
+  z-index: var(--mirai-chat-layer);
+}
+
+.buttonExtend .avatar {
+  box-shadow: var(--mirai-chat-box-shadow);
+}
+
+.buttonExtend.hide {
+  transform: translateY(150%);
+}
+
+/* mobile */
+@media only screen and (max-width: 430px) {
+  .container {
+    height: 100vh;
+  }
+}
+
+/* tablet & desktop */
+@media only screen and (min-width: 431px) {
+  .container {
+    border-radius: var(--mirai-chat-border-radius);
+    bottom: var(--mirai-chat-space);
+    box-shadow: var(--mirai-chat-box-shadow);
+    max-height: var(--mirai-chat-max-height);
+    max-width: var(--mirai-chat-width);
+    min-height: var(--mirai-chat-height);
+    position: fixed;
+    right: var(--mirai-chat-space);
+    transform: translateY(calc(var(--mirai-chat-max-height) + var(--mirai-chat-space)));
+    transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
+    width: 100%;
+  }
+
+  .container.visible {
+    transform: translateY(0%);
+  }
+}

package/build/components/Chat/Chat.theme.module.css

@@ -0,0 +1,49 @@
+:root {
+  /* colors */
+  --mirai-chat-accent: var(--mirai-ui-accent);
+  /* --mirai-chat-accent: #4cd964; */
+
+  /* commons */
+  --mirai-chat-border-color: var(--mirai-ui-content-border);
+  --mirai-chat-border-radius: var(--mirai-ui-space-S);
+  --mirai-chat-border-size: 1px;
+  --mirai-chat-space: var(--mirai-ui-space-M);
+
+  --mirai-chat-motion-collapse: 200ms;
+  --mirai-chat-motion-expand: 300ms;
+  --mirai-chat-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
+
+  /*  text  */
+  --mirai-chat-text-accent-color: rgba(255, 255, 255, 0.95);
+  --mirai-chat-text-color: #222;
+  --mirai-chat-text-color-light: #999;
+  --mirai-chat-text-font-size: var(--mirai-ui-font-size-action);
+  --mirai-chat-text-font-weight: 500;
+  --mirai-chat-text-line-height: var(--mirai-ui-line-height-action);
+
+  /* <Chat> */
+  --mirai-chat-base: var(--mirai-ui-base);
+  --mirai-chat-base-opacity: rgba(255, 255, 255, 0.66);
+  --mirai-chat-box-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
+  --mirai-chat-height: 606px;
+  --mirai-chat-layer: var(--mirai-ui-layer-XL);
+  --mirai-chat-max-height: 90svh;
+  --mirai-chat-width: var(--mirai-ui-breakpoint-S);
+
+  /* header */
+  --mirai-chat-header-height: calc(var(--mirai-ui-space-XL) + var(--mirai-ui-space-M));
+  --mirai-chat-header-background: linear-gradient(0deg, var(--mirai-chat-base-opacity) 0%, var(--mirai-chat-base) 100%);
+
+  /* <Input> */
+  --mirai-chat-input-background: var(--mirai-ui-content-background);
+  --mirai-chat-input-border-color: var(--mirai-chat-border-color);
+
+  /* <Message> */
+  --mirai-chat-message-background: transparent;
+  --mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-border-radius);
+
+  /* <Avatar> */
+  --mirai-chat-avatar-background: #222;
+  --mirai-chat-avatar-color: #fff;
+  --mirai-chat-avatar-border-radius: 40%;
+}

package/build/components/Chat/components/Avatar/Avatar.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var style = _interopRequireWildcard(require("./Avatar.module.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const Avatar = _ref => {
+  let {
+    disabled,
+    small,
+    ...others
+  } = _ref;
+  const el = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    const handleMouseMove = _ref2 => {
+      let {
+        clientX = 0,
+        clientY = 0
+      } = _ref2;
+      const {
+        current: eyes
+      } = el;
+      let X = 0;
+      let Y = 0;
+      if (eyes && !disabled) {
+        const {
+          height,
+          left,
+          top,
+          width
+        } = eyes.getBoundingClientRect();
+        const centerX = left + width / 2;
+        const centerY = top + height / 2;
+        const angle = Math.atan2(clientY - centerY, clientX - centerX);
+        const sensitivity = small ? 2 : 4;
+        X = sensitivity * Math.cos(angle);
+        Y = sensitivity * Math.sin(angle);
+      }
+      eyes.style.transform = "translate(".concat(X, "px, ").concat(Y, "px)");
+    };
+    window.addEventListener('mousemove', handleMouseMove);
+    return () => window.removeEventListener('mousemove', handleMouseMove);
+  }, [disabled, el, small]);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.face, small && style.small, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    ref: el,
+    className: style.eyes
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.eye, style.left]
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.eye, style.right]
+  })));
+};
+exports.Avatar = Avatar;
+Avatar.propTypes = {
+  disabled: _propTypes.default.bool,
+  small: _propTypes.default.bool
+};
+//# sourceMappingURL=Avatar.js.map

package/build/components/Chat/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Avatar","_ref","disabled","small","others","el","useRef","useEffect","handleMouseMove","_ref2","clientX","clientY","current","eyes","X","Y","height","left","top","width","getBoundingClientRect","centerX","centerY","angle","Math","atan2","sensitivity","cos","sin","transform","concat","window","addEventListener","removeEventListener","createElement","View","className","styles","face","ref","eye","right","exports","propTypes","PropTypes","bool"],"sources":["../../../../../src/components/Chat/components/Avatar/Avatar.jsx"],"sourcesContent":["import { styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as style from './Avatar.module.css';\n\nconst Avatar = ({ disabled, small, ...others }) => {\n  const el = useRef();\n\n  useEffect(() => {\n    const handleMouseMove = ({ clientX = 0, clientY = 0 }) => {\n      const { current: eyes } = el;\n      let X = 0;\n      let Y = 0;\n\n      if (eyes && !disabled) {\n        const { height, left, top, width } = eyes.getBoundingClientRect();\n        const centerX = left + width / 2;\n        const centerY = top + height / 2;\n        const angle = Math.atan2(clientY - centerY, clientX - centerX);\n        const sensitivity = small ? 2 : 4;\n\n        X = sensitivity * Math.cos(angle);\n        Y = sensitivity * Math.sin(angle);\n      }\n\n      eyes.style.transform = `translate(${X}px, ${Y}px)`;\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [disabled, el, small]);\n\n  return (\n    <View {...others} className={styles(style.face, small && style.small, others.className)}>\n      <View ref={el} className={style.eyes}>\n        <View className={[style.eye, style.left]} />\n        <View className={[style.eye, style.right]} />\n      </View>\n    </View>\n  );\n};\n\nAvatar.propTypes = {\n  disabled: PropTypes.bool,\n  small: PropTypes.bool,\n};\n\nexport { Avatar };\n"],"mappings":"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"}

package/build/components/Chat/components/Avatar/Avatar.module.css

@@ -0,0 +1,81 @@
+.face {
+  width: 64px;
+  height: 64px;
+  background-color: var(--mirai-chat-avatar-background);
+  border-radius: var(--mirai-chat-avatar-border-radius);
+  position: relative;
+}
+
+.face.small {
+  min-height: 36px;
+  height: 36px;
+  min-width: 36px;
+  width: 36px;
+}
+
+.eyes {
+  position: absolute;
+  bottom: 27.5%;
+  left: 0;
+  right: 0;
+  height: 17.5%;
+  transition: transform 40ms;
+}
+
+.eye {
+  animation: blink 8s infinite;
+  background-color: var(--mirai-chat-avatar-background);
+  border-radius: 50%;
+  height: 100%;
+  position: absolute;
+  width: 17.5%;
+}
+
+.face:not(.small) .eye {
+  box-shadow: 0 0 0 6px var(--mirai-chat-avatar-color);
+}
+
+.face.small .eye {
+  box-shadow: 0 0 0 3px var(--mirai-chat-avatar-color);
+}
+
+.eye.left {
+  left: 27.5%;
+}
+
+.eye.right {
+  right: 27.5%;
+}
+
+@keyframes blink {
+  0%,
+  100% {
+    transform: scaleY(100%);
+  }
+  /* double-blink */
+  31% {
+    transform: scaleY(100%);
+  }
+  32% {
+    transform: scaleY(15%);
+  }
+  33% {
+    transform: scaleY(100%);
+  }
+  34% {
+    transform: scaleY(15%);
+  }
+  35% {
+    transform: scaleY(100%);
+  }
+  /* single-blink  */
+  61% {
+    transform: scaleY(100%);
+  }
+  62% {
+    transform: scaleY(15%);
+  }
+  63% {
+    transform: scaleY(100%);
+  }
+}

package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap

@@ -0,0 +1,97 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Avatar> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> prop:small 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Avatar> testId 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      />
+      <div
+        class="view"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Chat/components/Avatar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Avatar = require("./Avatar");
+Object.keys(_Avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Avatar[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Chat/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/Avatar/index.js"],"sourcesContent":["export * from './Avatar';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Chat/components/Input/Input.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Input = require("./Input.l10n");
+var style = _interopRequireWildcard(require("./Input.module.css"));
+var _helpers = require("../../../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const Input = _ref => {
+  let {
+    disabled = false,
+    onValue = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [value, setValue] = (0, _react.useState)();
+  const handleChange = value => {
+    setValue(value);
+  };
+  const handleKeyPress = function () {
+    let {
+      key
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (key === 'Enter') handlePress();
+  };
+  const handlePress = () => {
+    if (isEmpty) return;
+    onValue(value);
+    setValue();
+  };
+  const isEmpty = !value || value.trim().length === 0;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    row: true,
+    className: style.container
+  }), /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    autoResize: true,
+    multiLine: true,
+    name: "input",
+    placeholder: translate(_Input.L10N.LABEL_SEND_MESSAGE),
+    value: value,
+    onChange: handleChange,
+    onKeyPress: handleKeyPress,
+    className: style.input
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: disabled,
+    small: true,
+    squared: true,
+    tooltip: translate(_Input.L10N.ACTION_SEND),
+    transparent: true,
+    onPress: handlePress
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    lighten: isEmpty,
+    value: _helpers.ICON.SEND
+  })));
+};
+exports.Input = Input;
+Input.propTypes = {
+  disabled: _propTypes.default.bool,
+  onValue: _propTypes.default.func
+};
+//# sourceMappingURL=Input.js.map

package/build/components/Chat/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Input","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Input","_ref","disabled","onValue","others","translate","useLocale","value","setValue","useState","handleChange","handleKeyPress","undefined","handlePress","isEmpty","trim","createElement","View","row","className","container","autoResize","multiLine","name","placeholder","L10N","LABEL_SEND_MESSAGE","onChange","onKeyPress","input","Button","small","squared","tooltip","ACTION_SEND","transparent","onPress","Icon","lighten","ICON","SEND","exports","propTypes","PropTypes","bool","func"],"sources":["../../../../../src/components/Chat/components/Input/Input.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input as InputBase, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './Input.l10n';\nimport * as style from './Input.module.css';\nimport { ICON } from '../../../helpers';\n\nconst Input = ({ disabled = false, onValue = () => {}, ...others }) => {\n  const { translate } = useLocale();\n\n  const [value, setValue] = useState();\n\n  const handleChange = (value) => {\n    setValue(value);\n  };\n\n  const handleKeyPress = ({ key } = {}) => {\n    if (key === 'Enter') handlePress();\n  };\n\n  const handlePress = () => {\n    if (isEmpty) return;\n\n    onValue(value);\n    setValue();\n  };\n\n  const isEmpty = !value || value.trim().length === 0;\n\n  return (\n    <View {...others} row className={style.container}>\n      <InputBase\n        autoResize\n        multiLine\n        name=\"input\"\n        placeholder={translate(L10N.LABEL_SEND_MESSAGE)}\n        value={value}\n        onChange={handleChange}\n        onKeyPress={handleKeyPress}\n        className={style.input}\n      />\n\n      <Button disabled={disabled} small squared tooltip={translate(L10N.ACTION_SEND)} transparent onPress={handlePress}>\n        <Icon lighten={isEmpty} value={ICON.SEND} />\n      </Button>\n    </View>\n  );\n};\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  onValue: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":"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"}

package/build/components/Chat/components/Input/Input.l10n.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_SEND: {
+    id: 'common.action.send'
+  },
+  LABEL_SEND_MESSAGE: {
+    id: 'lisa.label.send_message'
+  }
+};
+//# sourceMappingURL=Input.l10n.js.map

package/build/components/Chat/components/Input/Input.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.l10n.js","names":["L10N","exports","ACTION_SEND","id","LABEL_SEND_MESSAGE"],"sources":["../../../../../src/components/Chat/components/Input/Input.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_SEND: { id: 'common.action.send' },\n  LABEL_SEND_MESSAGE: { id: 'lisa.label.send_message' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAqB,CAAC;EACzCC,kBAAkB,EAAE;IAAED,EAAE,EAAE;EAA0B;AACtD,CAAC"}

package/build/components/Chat/components/Input/Input.module.css

@@ -0,0 +1,19 @@
+.container {
+  background-color: var(--mirai-chat-input-background);
+  border-radius: calc(var(--mirai-chat-border-radius) / 2);
+  box-shadow: 0 0 0 var(--mirai-chat-border-size) var(--mirai-chat-input-border-color);
+  justify-content: center;
+  margin: calc(var(--mirai-chat-space) * -1) var(--mirai-chat-space) var(--mirai-chat-space) var(--mirai-chat-space);
+  padding-right: calc(var(--mirai-chat-space) / 2);
+  z-index: 0;
+}
+
+.input {
+  background-color: transparent;
+  color: var(--mirai-chat-text-color);
+  font-size: var(--mirai-chat-text-font-size);
+  font-weight: var(--mirai-chat-text-font-weight);
+  height: calc(var(--mirai-chat-text-line-height) + calc(var(--mirai-ui-space-S) * 2));
+  line-height: var(--mirai-chat-text-line-height);
+  padding: var(--mirai-ui-space-S);
+}