@mirai/core 0.4.243 → 0.4.245

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

@@ -1,206 +1,31 @@
 .container {
-  background-color: var(--mirai-chat-base);
-  gap: var(--mirai-chat-space);
+  align-items: center;
+  align-content: center;
+  background-color: var(--mirai-chat-background);
+  height: 100svh;
+  justify-content: center;
   overflow: hidden;
-}
-
-.container.visible {
+  padding-bottom: calc(var(--mirai-chat-space) * 2);
+  width: 100svw;
   z-index: var(--mirai-chat-layer);
 }
 
-/* -- header ---------------------------------------------------------------- */
-.header {
-  justify-content: center;
-  backdrop-filter: blur(8px);
-  background: var(--mirai-chat-header-background);
-  position: fixed;
-  transition: height var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
-  width: 100%;
-  z-index: 1;
-}
-
-.header .bullet {
-  height: var(--mirai-ui-space-XS);
-  width: var(--mirai-ui-space-XS);
-  border-radius: 50%;
-  margin-right: var(--mirai-ui-space-XXS);
-}
-
-.header .bullet.online {
-  background-color: var(--mirai-ui-success);
-}
-
-.header .bullet.offline {
-  background-color: var(--mirai-ui-error-light);
-}
-
-.header > * {
-  padding: calc(var(--mirai-chat-space) / 2) var(--mirai-chat-space);
-}
-
-.header .content {
-  height: var(--mirai-chat-header-height);
-  gap: calc(var(--mirai-chat-space) / 2);
-}
-
-.header .form {
-  box-shadow: 0 var(--mirai-chat-border-size) var(--mirai-chat-border-color),
-    0 calc(var(--mirai-chat-border-size) * -1) var(--mirai-chat-border-color);
-}
-
-.header .form,
-.header .field {
-  gap: calc(var(--mirai-chat-space) / 2);
-}
-
-.header .anchor {
-  padding: 0 calc(var(--mirai-chat-space) / 4);
-}
-
-/* -------------------------------------------------------------------------- */
 .messages {
   flex: 1;
-  gap: calc(var(--mirai-chat-space) / 2);
+  gap: calc(var(--mirai-chat-space) * 2);
   padding-bottom: calc(var(--mirai-chat-space) * 2);
-  padding-top: calc(var(--mirai-chat-header-height) + var(--mirai-chat-space));
-  transition: padding-top var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  padding-top: calc(var(--mirai-chat-space) * 5);
   width: 100%;
 }
 
-/* -- button ---------------------------------------------------------------- */
-.buttonAvatar {
-  bottom: var(--mirai-chat-space);
-  position: fixed;
-  right: var(--mirai-chat-space);
-  transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
-  transform: translateY(250%);
-}
-
-.buttonAvatar.left {
-  left: var(--mirai-chat-space);
-}
-
-.buttonAvatar.right {
-  right: var(--mirai-chat-space);
-}
-
-.buttonAvatar.top {
-  top: var(--mirai-chat-space);
-  transform: translateY(-25svh);
-}
-
-.buttonAvatar.bottom {
-  bottom: var(--mirai-chat-space);
-  transform: translateY(25svh);
-}
-
-.buttonAvatar.visible {
-  transform: translateY(0%);
-  z-index: var(--mirai-chat-layer);
-}
-
-.buttonAvatar .avatar {
-  box-shadow: var(--mirai-chat-box-shadow);
-}
-
-.buttonAvatar .welcome {
-  background-color: var(--mirai-chat-base);
-  border-radius: var(--mirai-chat-border-radius);
-  box-shadow: var(--mirai-chat-box-shadow);
-  margin-bottom: var(--mirai-chat-space);
-  opacity: 0;
-  padding: var(--mirai-chat-space);
-  position: absolute;
-  transform-origin: bottom right;
-  transform: scale(0);
-  transition: all var(--mirai-ui-motion-collapse) cubic-bezier(0.68, -0.55, 0.27, 1.55);
-}
-
-.buttonAvatar.left .welcome {
-  left: 0;
-}
-
-.buttonAvatar.right .welcome {
-  right: 0;
-}
-
-.buttonAvatar.top .welcome {
-  top: calc(var(--mirai-chat-avatar-size) + calc(var(--mirai-chat-space) / 2));
-}
-
-.buttonAvatar.bottom .welcome {
-  bottom: calc(var(--mirai-chat-avatar-size) - calc(var(--mirai-chat-space) / 2));
-}
-
-.buttonAvatar .welcome.visible {
-  opacity: 1;
-  transform: scale(1);
+.input {
+  width: calc(100% - calc(var(--mirai-chat-space) * 2));
+  max-width: var(--mirai-chat-content-max-width);
 }
 
-.buttonAvatar .welcome:before {
-  border-style: solid;
-  border-width: calc(var(--mirai-chat-space) / 2);
-  content: '';
-  display: block;
-  height: 0;
+.warning {
+  bottom: calc(var(--mirai-chat-space) / 2);
   position: absolute;
-  width: 0;
-}
-
-.buttonAvatar.left .welcome:before {
-  left: var(--mirai-ui-space-L);
-}
-
-.buttonAvatar.right .welcome:before {
-  right: var(--mirai-ui-space-L);
-}
-
-.buttonAvatar.top .welcome:before {
-  border-color: transparent transparent var(--mirai-chat-base) transparent;
-  top: calc(var(--mirai-chat-space) / -1);
-}
-
-.buttonAvatar.bottom .welcome:before {
-  border-color: var(--mirai-chat-base) transparent transparent transparent;
-  bottom: calc(var(--mirai-chat-space) / -1);
-}
-
-/* S */
-@media only screen and (max-width: 480px) {
-  .container {
-    height: 100svh;
-    width: 100svw;
-  }
-
-  .welcome {
-    width: calc(100vw - calc(var(--mirai-ui-space-M) * 2));
-  }
-}
-
-/* M & L */
-@media only screen and (min-width: 481px) {
-  .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);
-    height: var(--mirai-chat-height);
-    min-height: var(--mirai-chat-min-height);
-    position: fixed;
-    right: var(--mirai-chat-space);
-    transform: translateY(calc(var(--mirai-chat-max-height) + calc(var(--mirai-chat-space) * 2)));
-    transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
-    width: 100%;
-  }
-
-  .container.visible {
-    transform: translateY(0%);
-  }
-
-  .welcome {
-    width: calc(var(--mirai-ui-breakpoint-S) - calc(var(--mirai-ui-space-XXL) * 2));
-  }
 }
 
 @media print {

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

@@ -34,6 +34,7 @@
 
 .avatar.small {
   animation: avatarRotate 5s infinite linear, avatarGlowSmall 2.5s infinite ease-in-out;
+  box-shadow: 0 0 2px var(--mirai-chat-avatar-color-2), 0 0 4px var(--mirai-chat-avatar-color-3);
 }
 
 .avatar .face {
@@ -129,10 +130,10 @@
 @keyframes avatarGlowSmall {
   0%,
   100% {
-    box-shadow: 0 0 8px var(--mirai-chat-avatar-color-2), 0 0 16px var(--mirai-chat-avatar-color-3);
+    box-shadow: 0 0 2px var(--mirai-chat-avatar-color-2), 0 0 4px var(--mirai-chat-avatar-color-3);
   }
   50% {
-    box-shadow: 0 0 12px var(--mirai-chat-avatar-color-1), 0 0 24px var(--mirai-chat-avatar-color-4);
+    box-shadow: 0 0 4px var(--mirai-chat-avatar-color-1), 0 0 8px var(--mirai-chat-avatar-color-4);
   }
 }
 

package/build/components/Chat/{Chat.ButtonAvatar.js → components/ButtonDispatcher/ButtonDispatcher.js}

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonAvatar = void 0;
+exports.ButtonDispatcher = void 0;
 var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _Chat = require("./Chat.constants");
-var _Chat2 = require("./Chat.l10n");
-var style = _interopRequireWildcard(require("./Chat.module.css"));
-var _components = require("./components");
-var _helpers = require("../helpers");
+var _ButtonDispatcher = require("./ButtonDispatcher.l10n");
+var style = _interopRequireWildcard(require("./ButtonDispatcher.module.css"));
+var _helpers = require("../../../helpers");
+var _Chat = require("../../Chat.constants");
+var _Avatar = require("../Avatar");
 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 }; }
 const DELAY_WELCOME = 10000;
 let focused = false;
-const ButtonAvatar = _ref => {
+const ButtonDispatcher = _ref => {
   let {
     config: {
       bottom,
@@ -82,7 +82,7 @@ const ButtonAvatar = _ref => {
     if (focus) focused = true;
   }, [focus]);
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: (0, _ui.styles)(style.buttonAvatar, left ? style.left : style.right, top ? style.top : style.bottom, ready && !visible && !hide && style.visible),
+    className: (0, _ui.styles)(style.buttonDispatcher, left ? style.left : style.right, top ? style.top : style.bottom, ready && !visible && !hide && style.visible),
     style: {
       top: top >= 1 ? top : undefined,
       bottom: bottom >= 1 ? bottom : undefined,
@@ -92,14 +92,17 @@ const ButtonAvatar = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: (0, _ui.styles)(style.welcome, focus && !visible && style.visible)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true,
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    brand: true,
+    headline: true,
+    className: style.hi
+  }, "\u2726 ".concat(translate(_ButtonDispatcher.L10N.LABEL_HI)).concat(firstName ? ", ".concat(firstName) : '')), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     markdown: false,
     medium: true
-  }, translate(firstName ? _Chat2.L10N.LABEL_GREETINGS_SESSION : _Chat2.L10N.LABEL_GREETINGS, {
-    firstName,
+  }, translate(_ButtonDispatcher.L10N.LABEL_GREETINGS, {
     name
-  })), isMobile && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }))), isMobile && /*#__PURE__*/_react.default.createElement(_ui.Button, {
     icon: "close",
     small: true,
     squared: true,
@@ -111,15 +114,15 @@ const ButtonAvatar = _ref => {
     onEnter: () => setFocus(true),
     onLeave: () => setFocus(false),
     onPress: onPress
-  }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
     disabled: visible,
     image: image,
     className: style.avatar
   })));
 };
-exports.ButtonAvatar = ButtonAvatar;
-ButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';
-ButtonAvatar.propTypes = {
+exports.ButtonDispatcher = ButtonDispatcher;
+ButtonDispatcher.displayName = 'Mirai:Core:Chat:ButtonDispatcher';
+ButtonDispatcher.propTypes = {
   config: _propTypes.default.shape({
     bottom: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number]),
     image: _propTypes.default.string,
@@ -132,4 +135,4 @@ ButtonAvatar.propTypes = {
   visible: _propTypes.default.bool,
   onPress: _propTypes.default.func
 };
-//# sourceMappingURL=Chat.ButtonAvatar.js.map
+//# sourceMappingURL=ButtonDispatcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDispatcher.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_ButtonDispatcher","style","_helpers","_Chat","_Avatar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DELAY_WELCOME","focused","ButtonDispatcher","_ref","config","bottom","image","left","name","DEFAULT_NAME","right","top","ready","visible","onPress","isMobile","useDevice","translate","useLocale","value","session","firstName","useStore","focus","setFocus","useState","hide","setHide","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","inactivityTimer","resetTimer","clearTimeout","setTimeout","document","addEventListener","current","removeEventListener","createElement","View","className","styles","buttonDispatcher","undefined","row","welcome","Text","bold","brand","headline","hi","concat","L10N","LABEL_HI","markdown","medium","LABEL_GREETINGS","Button","icon","small","squared","transparent","Icon","ICON","CLOSE","Pressable","onEnter","onLeave","Avatar","disabled","avatar","exports","displayName","propTypes","PropTypes","shape","oneOfType","bool","number","string","func"],"sources":["../../../../../src/components/Chat/components/ButtonDispatcher/ButtonDispatcher.js"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './ButtonDispatcher.l10n';\nimport * as style from './ButtonDispatcher.module.css';\nimport { EVENT, ICON } from '../../../helpers';\nimport { DEFAULT_NAME } from '../../Chat.constants';\nimport { Avatar } from '../Avatar';\n\nconst DELAY_WELCOME = 10000;\nlet focused = false;\n\nconst ButtonDispatcher = ({\n  config: { bottom, image, left = false, name = DEFAULT_NAME, right, top = false } = {},\n  ready = false,\n  visible,\n  onPress,\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { session: { firstName } = {} },\n  } = useStore();\n\n  const [focus, setFocus] = useState(false);\n  const [hide, setHide] = useState(false);\n\n  useEffect(() => {\n    const callback = ({ visible: modalVisible }) => {\n      setHide(modalVisible);\n    };\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (!ready || focused) return;\n    let inactivityTimer;\n\n    const resetTimer = () => {\n      clearTimeout(inactivityTimer);\n      if (focused) return;\n      inactivityTimer = setTimeout(() => {\n        setFocus(true);\n        clearTimeout(inactivityTimer);\n      }, DELAY_WELCOME);\n    };\n\n    document.addEventListener('mousemove', resetTimer);\n    document.addEventListener('scroll', resetTimer);\n\n    resetTimer();\n\n    return () => {\n      clearTimeout(inactivityTimer.current);\n      document.removeEventListener('mousemove', resetTimer);\n      document.removeEventListener('scroll', resetTimer);\n    };\n  }, [ready]);\n\n  useEffect(() => {\n    if (focus) focused = true;\n  }, [focus]);\n\n  return (\n    <View\n      className={styles(\n        style.buttonDispatcher,\n        left ? style.left : style.right,\n        top ? style.top : style.bottom,\n        ready && !visible && !hide && style.visible,\n      )}\n      style={{\n        top: top >= 1 ? top : undefined,\n        bottom: bottom >= 1 ? bottom : undefined,\n        left: left >= 1 ? left : undefined,\n        right: right >= 1 ? right : undefined,\n      }}\n    >\n      <View row className={styles(style.welcome, focus && !visible && style.visible)}>\n        <View>\n          <Text bold brand headline className={style.hi}>\n            {`✦ ${translate(L10N.LABEL_HI)}${firstName ? `, ${firstName}` : ''}`}\n          </Text>\n          <Text markdown={false} medium>\n            {translate(L10N.LABEL_GREETINGS, { name })}\n          </Text>\n        </View>\n        {isMobile && (\n          <Button icon=\"close\" small squared transparent onPress={() => setFocus(false)}>\n            <Icon value={ICON.CLOSE} />\n          </Button>\n        )}\n      </View>\n\n      <Pressable onEnter={() => setFocus(true)} onLeave={() => setFocus(false)} onPress={onPress}>\n        <Avatar disabled={visible} image={image} className={style.avatar} />\n      </Pressable>\n    </View>\n  );\n};\n\nButtonDispatcher.displayName = 'Mirai:Core:Chat:ButtonDispatcher';\n\nButtonDispatcher.propTypes = {\n  config: PropTypes.shape({\n    bottom: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n    image: PropTypes.string,\n    left: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n    name: PropTypes.string,\n    right: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n    top: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),\n  }),\n  ready: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonDispatcher };\n"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  LABEL_GREETINGS: {
+    id: 'lisa.label.greetings'
+  },
+  LABEL_HI: {
+    id: 'lisa.label.hi'
+  }
+};
+//# sourceMappingURL=ButtonDispatcher.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDispatcher.l10n.js","names":["L10N","exports","LABEL_GREETINGS","id","LABEL_HI"],"sources":["../../../../../src/components/Chat/components/ButtonDispatcher/ButtonDispatcher.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_GREETINGS: { id: 'lisa.label.greetings' },\n  LABEL_HI: { id: 'lisa.label.hi' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,eAAe,EAAE;IAAEC,EAAE,EAAE;EAAuB,CAAC;EAC/CC,QAAQ,EAAE;IAAED,EAAE,EAAE;EAAgB;AAClC,CAAC"}

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

@@ -0,0 +1,134 @@
+.buttonDispatcher {
+  bottom: var(--mirai-chat-space);
+  position: fixed;
+  right: var(--mirai-chat-space);
+  transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
+  transform: translateY(250%);
+}
+
+.buttonDispatcher.left {
+  left: var(--mirai-chat-space);
+}
+
+.buttonDispatcher.right {
+  right: var(--mirai-chat-space);
+}
+
+.buttonDispatcher.top {
+  top: var(--mirai-chat-space);
+  transform: translateY(-25svh);
+}
+
+.buttonDispatcher.bottom {
+  bottom: var(--mirai-chat-space);
+  transform: translateY(25svh);
+}
+
+.buttonDispatcher.visible {
+  transform: translateY(0%);
+  z-index: var(--mirai-chat-layer);
+}
+
+.buttonDispatcher .avatar {
+  box-shadow: var(--mirai-chat-box-shadow);
+}
+
+.buttonDispatcher .welcome {
+  background-color: var(--mirai-chat-background);
+  border-radius: var(--mirai-chat-border-radius);
+  box-shadow: var(--mirai-chat-box-shadow);
+  margin-bottom: var(--mirai-chat-space);
+  opacity: 0;
+  padding: var(--mirai-chat-space);
+  position: absolute;
+  transform-origin: bottom right;
+  transform: scale(0);
+  transition: all var(--mirai-ui-motion-collapse) cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.buttonDispatcher.left .welcome {
+  left: 0;
+}
+
+.buttonDispatcher.right .welcome {
+  right: 0;
+}
+
+.buttonDispatcher.top .welcome {
+  top: calc(var(--mirai-chat-avatar-size) + calc(var(--mirai-chat-space) / 2));
+}
+
+.buttonDispatcher.bottom .welcome {
+  bottom: calc(var(--mirai-chat-avatar-size) - calc(var(--mirai-chat-space) / 2));
+}
+
+.buttonDispatcher .welcome.visible {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.buttonDispatcher .welcome:before {
+  border-style: solid;
+  border-width: calc(var(--mirai-chat-space) / 2);
+  content: '';
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+
+.buttonDispatcher.left .welcome:before {
+  left: var(--mirai-ui-space-L);
+}
+
+.buttonDispatcher.right .welcome:before {
+  right: var(--mirai-ui-space-L);
+}
+
+.buttonDispatcher.top .welcome:before {
+  border-color: transparent transparent var(--mirai-chat-background) transparent;
+  top: calc(var(--mirai-chat-space) / -1);
+}
+
+.buttonDispatcher.bottom .welcome:before {
+  border-color: var(--mirai-chat-background) transparent transparent transparent;
+  bottom: calc(var(--mirai-chat-space) / -1);
+}
+
+.buttonDispatcher .hi {
+  animation: textGradient 1.5s linear infinite alternate;
+  background-clip: text;
+  background-image: linear-gradient(
+    to right,
+    var(--mirai-chat-avatar-color-2),
+    var(--mirai-chat-avatar-color-3),
+    var(--mirai-chat-avatar-color-2)
+  );
+  background-size: 200% 100%;
+  color: transparent;
+  margin-bottom: var(--mirai-ui-space-XXS);
+  -webkit-background-clip: text;
+}
+
+/* S */
+@media only screen and (max-width: 480px) {
+  .welcome {
+    width: calc(100vw - calc(var(--mirai-ui-space-M) * 2));
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 481px) {
+  .welcome {
+    width: calc(var(--mirai-ui-breakpoint-S) - calc(var(--mirai-ui-space-XXL) * 2));
+  }
+}
+
+@keyframes textGradient {
+  0% {
+    background-position: 0% 0%;
+  }
+  100% {
+    background-position: 100% 0%;
+  }
+}

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

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

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

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

package/build/components/Chat/components/Header/Header.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _Header = require("./Header.l10n");
+var style = _interopRequireWildcard(require("./Header.module.css"));
+var _helpers = require("../../../helpers");
+var _Chat = require("../../Chat.constants");
+var _Avatar = require("../Avatar");
+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 Header = _ref => {
+  let {
+    config: {
+      image,
+      name = _Chat.DEFAULT_NAME
+    } = {},
+    onClose
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.header
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+    image,
+    small: true,
+    className: style.avatar
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true
+  }, name), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    light: true,
+    small: true
+  }, translate(_Header.L10N.LABEL_ASSISTANT)))), /*#__PURE__*/_react.default.createElement(_ui.Button, _extends({}, isMobile ? {
+    small: true,
+    squared: true,
+    tooltip: translate(_Header.L10N.ACTION_CLOSE),
+    transparent: true
+  } : {
+    secondary: true
+  }, {
+    onPress: onClose
+  }), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.CLOSE
+  }) : translate(_Header.L10N.ACTION_CLOSE)));
+};
+exports.Header = Header;
+Header.displayName = 'Mirai:Core:Chat.Header';
+Header.propTypes = {
+  config: _propTypes.default.shape({
+    image: _propTypes.default.string,
+    name: _propTypes.default.string
+  }),
+  visible: _propTypes.default.bool,
+  onClose: _propTypes.default.func
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Header","style","_interopRequireWildcard","_helpers","_Chat","_Avatar","_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","Header","_ref","config","image","name","DEFAULT_NAME","onClose","isMobile","useDevice","translate","useLocale","createElement","View","row","className","header","Avatar","small","avatar","Text","bold","headline","light","L10N","LABEL_ASSISTANT","Button","squared","tooltip","ACTION_CLOSE","transparent","secondary","onPress","Icon","value","ICON","CLOSE","exports","displayName","propTypes","PropTypes","shape","string","visible","bool","func"],"sources":["../../../../../src/components/Chat/components/Header/Header.js"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { ICON } from '../../../helpers';\nimport { DEFAULT_NAME } from '../../Chat.constants';\nimport { Avatar } from '../Avatar';\n\nconst Header = ({ config: { image, name = DEFAULT_NAME } = {}, onClose }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  return (\n    <View row className={style.header}>\n      <View row>\n        <Avatar {...{ image }} small className={style.avatar} />\n        <View>\n          <Text bold headline>\n            {name}\n          </Text>\n          <Text light small>\n            {translate(L10N.LABEL_ASSISTANT)}\n          </Text>\n        </View>\n      </View>\n\n      <Button\n        {...(isMobile\n          ? {\n              small: true,\n              squared: true,\n              tooltip: translate(L10N.ACTION_CLOSE),\n              transparent: true,\n            }\n          : { secondary: true })}\n        onPress={onClose}\n      >\n        {isMobile ? <Icon value={ICON.CLOSE} /> : translate(L10N.ACTION_CLOSE)}\n      </Button>\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Chat.Header';\n\nHeader.propTypes = {\n  config: PropTypes.shape({\n    image: PropTypes.string,\n    name: PropTypes.string,\n  }),\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAAmC,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAjB,uBAAA6B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEnC,MAAMK,MAAM,GAAGC,IAAA,IAA8D;EAAA,IAA7D;IAAEC,MAAM,EAAE;MAAEC,KAAK;MAAEC,IAAI,GAAGC;IAAa,CAAC,GAAG,CAAC,CAAC;IAAEC;EAAQ,CAAC,GAAAL,IAAA;EACtE,MAAM;IAAEM;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,oBACEhD,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAAqD,IAAI;IAACC,GAAG;IAACC,SAAS,EAAElD,KAAK,CAACmD;EAAO,gBAChCrD,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAAqD,IAAI;IAACC,GAAG;EAAA,gBACPnD,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAAC3C,OAAA,CAAAgD,MAAM;IAAOb,KAAK;IAAIc,KAAK;IAACH,SAAS,EAAElD,KAAK,CAACsD;EAAO,CAAE,CAAC,eACxDxD,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAAqD,IAAI,qBACHlD,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAA4D,IAAI;IAACC,IAAI;IAACC,QAAQ;EAAA,GAChBjB,IACG,CAAC,eACP1C,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAA4D,IAAI;IAACG,KAAK;IAACL,KAAK;EAAA,GACdR,SAAS,CAACc,YAAI,CAACC,eAAe,CAC3B,CACF,CACF,CAAC,eAEP9D,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAAkE,MAAM,EAAAlC,QAAA,KACAgB,QAAQ,GACT;IACEU,KAAK,EAAE,IAAI;IACXS,OAAO,EAAE,IAAI;IACbC,OAAO,EAAElB,SAAS,CAACc,YAAI,CAACK,YAAY,CAAC;IACrCC,WAAW,EAAE;EACf,CAAC,GACD;IAAEC,SAAS,EAAE;EAAK,CAAC;IACvBC,OAAO,EAAEzB;EAAQ,IAEhBC,QAAQ,gBAAG7C,MAAA,CAAAa,OAAA,CAAAoC,aAAA,CAACpD,GAAA,CAAAyE,IAAI;IAACC,KAAK,EAAEC,aAAI,CAACC;EAAM,CAAE,CAAC,GAAG1B,SAAS,CAACc,YAAI,CAACK,YAAY,CAC/D,CACJ,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAApC,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACqC,WAAW,GAAG,wBAAwB;AAE7CrC,MAAM,CAACsC,SAAS,GAAG;EACjBpC,MAAM,EAAEqC,kBAAS,CAACC,KAAK,CAAC;IACtBrC,KAAK,EAAEoC,kBAAS,CAACE,MAAM;IACvBrC,IAAI,EAAEmC,kBAAS,CAACE;EAClB,CAAC,CAAC;EACFC,OAAO,EAAEH,kBAAS,CAACI,IAAI;EACvBrC,OAAO,EAAEiC,kBAAS,CAACK;AACrB,CAAC"}

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

@@ -0,0 +1,15 @@
+"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'
+  }
+};
+//# sourceMappingURL=Header.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.l10n.js","names":["L10N","exports","ACTION_CLOSE","id","LABEL_ASSISTANT"],"sources":["../../../../../src/components/Chat/components/Header/Header.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLOSE: { id: 'common.action.close' },\n\n  LABEL_ASSISTANT: { id: 'lisa.label.assistant' },\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;AAChD,CAAC"}

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

@@ -0,0 +1,15 @@
+.header {
+  background-color: var(--mirai-chat-background);
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: var(--mirai-chat-space);
+  position: absolute;
+  transition: height var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  width: 100%;
+  z-index: 1;
+  top: 0;
+}
+
+.header .avatar {
+  margin-right: var(--mirai-ui-space-S);
+}