@mirai/core 0.4.49 → 0.4.51

package/build/components/Booking/Booking.js

@@ -1,5 +1,5 @@
 "use strict";
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b1f44c9c-8cd8-5662-b048-9010e9cdd8f7")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="593861ff-dfcb-5742-baa4-0e1dde8ba4f9")}catch(e){}}();
 
 
 Object.defineProperty(exports, "__esModule", {
@@ -92,11 +92,9 @@ const Booking = _ref => {
   };
   const handleBackHome = () => {
     const {
-      payload: {
-        hotelUrl
-      } = {}
+      payload
     } = responseError;
-    window.location = hotelUrl || window.location.origin;
+    window.location.href = (payload === null || payload === void 0 ? void 0 : payload.hotelUrl) || window.location.origin;
   };
   const {
     payment,
@@ -191,4 +189,4 @@ Booking.propTypes = {
   skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Booking.js.map
-//# debugId=b1f44c9c-8cd8-5662-b048-9010e9cdd8f7
+//# debugId=593861ff-dfcb-5742-baa4-0e1dde8ba4f9

package/build/components/Booking/Booking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Booking.js","sources":["../../../src/components/Booking/Booking.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACTION, ERROR, STATE } from './Booking.constants';\nimport { L10N } from './Booking.l10n';\nimport * as style from './Booking.module.css';\nimport Skeleton from './Booking.skeleton';\nimport { Hotelverse } from './components';\nimport { Information, Menu, Modal } from './partials';\nimport { BookingPayment } from './partials/Booking.Payment';\nimport { BookingDetails, BookingSummary, BookingTerms, Footer } from '../__shared__';\nimport { Header } from '../Header';\nimport { EVENT } from '../helpers';\n\nconst Booking = ({ skeleton, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n  const {\n    value: { hotel: { url } = {}, urlParams: { code: token, reservationCode: id, hasToTracking: tracking } = {} },\n  } = useStore();\n\n  const [action, setAction] = useState();\n  const [dataSource, setDataSource] = useState();\n  const [expanded, setExpanded] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => Event.publish(EVENT.METRICS, { id: 'BOOKING:RENDER' }), []);\n\n  useEffect(() => {\n    if (skeleton || !id || !token) return;\n\n    (async () => {\n      setDataSource(\n        await ServiceBooking.get({ id, locale, token, tracking, url }).catch((error) => setResponseError(error)),\n      );\n      setAction();\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id, locale]);\n\n  useEffect(() => {\n    if (!dataSource || !dataSource.tracking) return;\n\n    const event = dataSource.state === STATE.CANCELLED ? EVENT.BOOKING_CANCEL : EVENT.BOOKING_RESPONSE;\n    Event.publish(event, { event, response: { ...dataSource } });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource?.state]);\n\n  const handleMenuPress = (action) => {\n    if (action === ACTION.PRINT) {\n      setExpanded(true);\n      setTimeout(window.print, 10);\n    } else {\n      setAction(action);\n    }\n  };\n\n  const handleBackHome = () => {\n    const { payload: { hotelUrl } = {} } = responseError;\n\n    window.location = hotelUrl || window.location.origin;\n  };\n\n  const { payment, state } = dataSource || {};\n  const response = dataSource !== undefined;\n  const isCancelled = state === STATE.CANCELLED;\n\n  return (\n    <>\n      <Header />\n\n      <View role=\"booking\" testId={others.testId} className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <>\n            <View row={isDesktop} className={style.content}>\n              <View>\n                {state !== STATE.POS_ERROR && (\n                  <Notification\n                    error={isCancelled}\n                    info={state === STATE.COMPLETED}\n                    small={isMobile}\n                    success={state === STATE.CONFIRMED}\n                    warning={state === STATE.POSTPONED}\n                    wide\n                  >\n                    {translate(L10N.NOTIFICATION[state])}\n                    <Hotelverse {...dataSource} />\n                  </Notification>\n                )}\n\n                {payment && !isCancelled && <BookingPayment {...{ dataSource, onError: setResponseError }} />}\n\n                <BookingSummary\n                  box={!isDesktop}\n                  dataSource={{ ...dataSource, showBasePrice: true }}\n                  className={styles(isDesktop && style.print)}\n                />\n\n                <Information dataSource={dataSource} />\n                <BookingDetails {...{ dataSource, expanded }} expanded={isMobile} className={style.box} />\n                <BookingTerms dataSource={dataSource} small />\n              </View>\n\n              <View className={style.side}>\n                {isDesktop && (\n                  <BookingSummary box dataSource={{ ...dataSource, showBasePrice: true }} className={style.noPrint} />\n                )}\n\n                <Menu dataSource={dataSource} onPress={handleMenuPress} />\n              </View>\n            </View>\n\n            <Modal\n              {...{ action, dataSource: { ...dataSource, token } }}\n              onChange={({ response: { tracking } = {}, state }) =>\n                state && setDataSource({ ...dataSource, tracking, state })\n              }\n              onClose={() => setAction()}\n            />\n          </>\n        ) : responseError ? (\n          <Notification error large className={style.error}>\n            {translate(L10N.NOTIFICATION_ERROR[responseError.code] || L10N.NOTIFICATION_ERROR[ERROR.GENERIC])}\n            <Action paragraph underline wide onPress={handleBackHome}>\n              {translate(L10N.ACTION_BACK_HOME)}\n            </Action>\n          </Notification>\n        ) : (\n          <Skeleton />\n        )}\n      </View>\n\n      <Footer />\n    </>\n  );\n};\n\nBooking.displayName = 'Mirai:Core:Booking';\n\nBooking.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nexport { Booking };\n"],"names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Booking","_Booking2","style","_Booking3","_components","_partials","_Booking4","_shared__","_Header","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Booking","_ref","skeleton","others","isDesktop","isMobile","useDevice","locale","translate","useLocale","value","hotel","url","urlParams","code","token","reservationCode","id","hasToTracking","tracking","useStore","action","setAction","useState","dataSource","setDataSource","expanded","setExpanded","responseError","setResponseError","useEffect","Event","publish","EVENT","METRICS","ServiceBooking","catch","error","event","state","STATE","CANCELLED","BOOKING_CANCEL","BOOKING_RESPONSE","response","handleMenuPress","ACTION","PRINT","setTimeout","window","print","handleBackHome","payload","hotelUrl","location","origin","payment","undefined","isCancelled","createElement","Fragment","Header","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","row","content","POS_ERROR","Notification","info","COMPLETED","small","success","CONFIRMED","warning","POSTPONED","wide","L10N","NOTIFICATION","Hotelverse","BookingPayment","onError","BookingSummary","box","showBasePrice","Information","BookingDetails","BookingTerms","side","noPrint","Menu","onPress","Modal","onChange","_ref2","onClose","large","NOTIFICATION_ERROR","ERROR","GENERIC","Action","paragraph","underline","ACTION_BACK_HOME","Footer","exports","displayName","propTypes","PropTypes","bool"],"mappings":"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","debug_id":"b1f44c9c-8cd8-5662-b048-9010e9cdd8f7"}
+{"version":3,"file":"Booking.js","sources":["../../../src/components/Booking/Booking.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACTION, ERROR, STATE } from './Booking.constants';\nimport { L10N } from './Booking.l10n';\nimport * as style from './Booking.module.css';\nimport Skeleton from './Booking.skeleton';\nimport { Hotelverse } from './components';\nimport { Information, Menu, Modal } from './partials';\nimport { BookingPayment } from './partials/Booking.Payment';\nimport { BookingDetails, BookingSummary, BookingTerms, Footer } from '../__shared__';\nimport { Header } from '../Header';\nimport { EVENT } from '../helpers';\n\nconst Booking = ({ skeleton, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n  const {\n    value: { hotel: { url } = {}, urlParams: { code: token, reservationCode: id, hasToTracking: tracking } = {} },\n  } = useStore();\n\n  const [action, setAction] = useState();\n  const [dataSource, setDataSource] = useState();\n  const [expanded, setExpanded] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => Event.publish(EVENT.METRICS, { id: 'BOOKING:RENDER' }), []);\n\n  useEffect(() => {\n    if (skeleton || !id || !token) return;\n\n    (async () => {\n      setDataSource(\n        await ServiceBooking.get({ id, locale, token, tracking, url }).catch((error) => setResponseError(error)),\n      );\n      setAction();\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id, locale]);\n\n  useEffect(() => {\n    if (!dataSource || !dataSource.tracking) return;\n\n    const event = dataSource.state === STATE.CANCELLED ? EVENT.BOOKING_CANCEL : EVENT.BOOKING_RESPONSE;\n    Event.publish(event, { event, response: { ...dataSource } });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource?.state]);\n\n  const handleMenuPress = (action) => {\n    if (action === ACTION.PRINT) {\n      setExpanded(true);\n      setTimeout(window.print, 10);\n    } else {\n      setAction(action);\n    }\n  };\n\n  const handleBackHome = () => {\n    const { payload } = responseError;\n\n    window.location.href = payload?.hotelUrl || window.location.origin;\n  };\n\n  const { payment, state } = dataSource || {};\n  const response = dataSource !== undefined;\n  const isCancelled = state === STATE.CANCELLED;\n\n  return (\n    <>\n      <Header />\n\n      <View role=\"booking\" testId={others.testId} className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <>\n            <View row={isDesktop} className={style.content}>\n              <View>\n                {state !== STATE.POS_ERROR && (\n                  <Notification\n                    error={isCancelled}\n                    info={state === STATE.COMPLETED}\n                    small={isMobile}\n                    success={state === STATE.CONFIRMED}\n                    warning={state === STATE.POSTPONED}\n                    wide\n                  >\n                    {translate(L10N.NOTIFICATION[state])}\n                    <Hotelverse {...dataSource} />\n                  </Notification>\n                )}\n\n                {payment && !isCancelled && <BookingPayment {...{ dataSource, onError: setResponseError }} />}\n\n                <BookingSummary\n                  box={!isDesktop}\n                  dataSource={{ ...dataSource, showBasePrice: true }}\n                  className={styles(isDesktop && style.print)}\n                />\n\n                <Information dataSource={dataSource} />\n                <BookingDetails {...{ dataSource, expanded }} expanded={isMobile} className={style.box} />\n                <BookingTerms dataSource={dataSource} small />\n              </View>\n\n              <View className={style.side}>\n                {isDesktop && (\n                  <BookingSummary box dataSource={{ ...dataSource, showBasePrice: true }} className={style.noPrint} />\n                )}\n\n                <Menu dataSource={dataSource} onPress={handleMenuPress} />\n              </View>\n            </View>\n\n            <Modal\n              {...{ action, dataSource: { ...dataSource, token } }}\n              onChange={({ response: { tracking } = {}, state }) =>\n                state && setDataSource({ ...dataSource, tracking, state })\n              }\n              onClose={() => setAction()}\n            />\n          </>\n        ) : responseError ? (\n          <Notification error large className={style.error}>\n            {translate(L10N.NOTIFICATION_ERROR[responseError.code] || L10N.NOTIFICATION_ERROR[ERROR.GENERIC])}\n            <Action paragraph underline wide onPress={handleBackHome}>\n              {translate(L10N.ACTION_BACK_HOME)}\n            </Action>\n          </Notification>\n        ) : (\n          <Skeleton />\n        )}\n      </View>\n\n      <Footer />\n    </>\n  );\n};\n\nBooking.displayName = 'Mirai:Core:Booking';\n\nBooking.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nexport { Booking };\n"],"names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Booking","_Booking2","style","_Booking3","_components","_partials","_Booking4","_shared__","_Header","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Booking","_ref","skeleton","others","isDesktop","isMobile","useDevice","locale","translate","useLocale","value","hotel","url","urlParams","code","token","reservationCode","id","hasToTracking","tracking","useStore","action","setAction","useState","dataSource","setDataSource","expanded","setExpanded","responseError","setResponseError","useEffect","Event","publish","EVENT","METRICS","ServiceBooking","catch","error","event","state","STATE","CANCELLED","BOOKING_CANCEL","BOOKING_RESPONSE","response","handleMenuPress","ACTION","PRINT","setTimeout","window","print","handleBackHome","payload","location","href","hotelUrl","origin","payment","undefined","isCancelled","createElement","Fragment","Header","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","row","content","POS_ERROR","Notification","info","COMPLETED","small","success","CONFIRMED","warning","POSTPONED","wide","L10N","NOTIFICATION","Hotelverse","BookingPayment","onError","BookingSummary","box","showBasePrice","Information","BookingDetails","BookingTerms","side","noPrint","Menu","onPress","Modal","onChange","_ref2","onClose","large","NOTIFICATION_ERROR","ERROR","GENERIC","Action","paragraph","underline","ACTION_BACK_HOME","Footer","exports","displayName","propTypes","PropTypes","bool"],"mappings":"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","debug_id":"593861ff-dfcb-5742-baa4-0e1dde8ba4f9"}

package/build/components/Chat/Chat.ButtonAvatar.js

@@ -0,0 +1,97 @@
+"use strict";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="dc03230e-8c11-5303-8a75-5e4e32840a54")}catch(e){}}();
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonAvatar = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var style = _interopRequireWildcard(require("./Chat.module.css"));
+var _components = require("./components");
+var _helpers = require("./helpers");
+var _helpers2 = 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 }; }
+const DELAY_WELCOME = 10000;
+let focused = false;
+const ButtonAvatar = _ref => {
+  let {
+    message: {
+      response: {
+        text
+      } = {}
+    } = {},
+    visible,
+    onPress
+  } = _ref;
+  const [focus, setFocus] = (0, _react.useState)(false);
+  const [hide, setHide] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const callback = _ref2 => {
+      let {
+        visible: modalVisible
+      } = _ref2;
+      return setHide(modalVisible);
+    };
+    _dataSources.Event.subscribe(_helpers2.EVENT.MODAL_VISIBLE, callback);
+    return () => _dataSources.Event.unsubscribe(_helpers2.EVENT.MODAL_VISIBLE, callback);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!text || focused) return;
+    let inactivityTimer;
+    const resetTimer = () => {
+      console.log('::::::');
+      clearTimeout(inactivityTimer);
+      if (focused) return;
+      inactivityTimer = setTimeout(() => {
+        setFocus(true);
+        (0, _helpers.audioNotification)();
+        clearTimeout(inactivityTimer);
+      }, DELAY_WELCOME);
+    };
+    document.addEventListener('mousemove', resetTimer);
+    document.addEventListener('scroll', resetTimer);
+    resetTimer();
+    return () => {
+      clearTimeout(inactivityTimer.current);
+      document.removeEventListener('mousemove', resetTimer);
+      document.removeEventListener('scroll', resetTimer);
+    };
+  }, [text]);
+  (0, _react.useEffect)(() => {
+    if (focus) focused = true;
+  }, [focus]);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.buttonAvatar, !!text && !visible && !hide && style.visible)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.welcome, focus && !visible && style.visible)
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    medium: true
+  }, text)), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onEnter: () => setFocus(true),
+    onLeave: () => setFocus(false),
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
+    disabled: visible,
+    className: style.avatar
+  })));
+};
+exports.ButtonAvatar = ButtonAvatar;
+ButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';
+ButtonAvatar.propTypes = {
+  message: _propTypes.default.shape({
+    response: _propTypes.default.shape({
+      text: _propTypes.default.string
+    })
+  }),
+  visible: _propTypes.default.bool,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Chat.ButtonAvatar.js.map
+//# debugId=dc03230e-8c11-5303-8a75-5e4e32840a54

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.ButtonAvatar.js","sources":["../../../src/components/Chat/Chat.ButtonAvatar.js"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { Pressable, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { audioNotification } from './helpers';\nimport { EVENT } from '../helpers';\n\nconst DELAY_WELCOME = 10000;\nlet focused = false;\n\nconst ButtonAvatar = ({ message: { response: { text } = {} } = {}, visible, onPress }) => {\n  const [focus, setFocus] = useState(false);\n  const [hide, setHide] = useState(false);\n\n  useEffect(() => {\n    const callback = ({ visible: modalVisible }) => setHide(modalVisible);\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (!text || focused) return;\n    let inactivityTimer;\n\n    const resetTimer = () => {\n      console.log('::::::');\n      clearTimeout(inactivityTimer);\n      if (focused) return;\n      inactivityTimer = setTimeout(() => {\n        setFocus(true);\n        audioNotification();\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  }, [text]);\n\n  useEffect(() => {\n    if (focus) focused = true;\n  }, [focus]);\n\n  return (\n    <View className={styles(style.buttonAvatar, !!text && !visible && !hide && style.visible)}>\n      <View className={styles(style.welcome, focus && !visible && style.visible)}>\n        <Text action medium>\n          {text}\n        </Text>\n      </View>\n\n      <Pressable onEnter={() => setFocus(true)} onLeave={() => setFocus(false)} onPress={onPress}>\n        <Avatar disabled={visible} className={style.avatar} />\n      </Pressable>\n    </View>\n  );\n};\n\nButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';\n\nButtonAvatar.propTypes = {\n  message: PropTypes.shape({\n    response: PropTypes.shape({\n      text: PropTypes.string,\n    }),\n  }),\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonAvatar };\n"],"names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_components","_helpers","_helpers2","_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","ButtonAvatar","_ref","message","response","text","visible","onPress","focus","setFocus","useState","hide","setHide","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","inactivityTimer","resetTimer","console","log","clearTimeout","setTimeout","audioNotification","document","addEventListener","current","removeEventListener","createElement","View","className","styles","buttonAvatar","welcome","Text","action","medium","Pressable","onEnter","onLeave","Avatar","disabled","avatar","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"mappings":"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","debug_id":"dc03230e-8c11-5303-8a75-5e4e32840a54"}

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

@@ -0,0 +1,63 @@
+"use strict";
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="18afe559-c956-5674-b33b-6f07203a29dd")}catch(e){}}();
+
+
+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 _Chat = require("./Chat.l10n");
+var style = _interopRequireWildcard(require("./Chat.module.css"));
+var _components = require("./components");
+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 }; }
+const Header = _ref => {
+  let {
+    online,
+    onClose
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.header
+  }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
+    small: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true
+  }, translate(_Chat.L10N.LABEL_ASSISTANT)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.bullet, online ? style.online : style.offline)
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    light: true
+  }, translate(online ? _Chat.L10N.LABEL_ONLINE : _Chat.L10N.LABEL_OFFLINE)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    small: true,
+    squared: true,
+    tooltip: translate(_Chat.L10N.ACTION_CLOSE),
+    transparent: true,
+    onPress: onClose
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.CLOSE
+  }))));
+};
+exports.Header = Header;
+Header.displayName = 'Mirai:Core:Chat.Header';
+Header.propTypes = {
+  online: _propTypes.default.bool,
+  onClose: _propTypes.default.func
+};
+//# sourceMappingURL=Chat.Header.js.map
+//# debugId=18afe559-c956-5674-b33b-6f07203a29dd

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.Header.js","sources":["../../../src/components/Chat/Chat.Header.js"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { ICON } from '../helpers';\n\nconst Header = ({ online, onClose }) => {\n  const { translate } = useLocale();\n\n  return (\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 className={styles(style.bullet, online ? style.online : style.offline)} />\n          <Text small light>\n            {translate(online ? L10N.LABEL_ONLINE : L10N.LABEL_OFFLINE)}\n          </Text>\n        </View>\n      </View>\n\n      <View row>\n        <Button small squared tooltip={translate(L10N.ACTION_CLOSE)} transparent onPress={onClose}>\n          <Icon value={ICON.CLOSE} />\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Chat.Header';\n\nHeader.propTypes = {\n  online: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Header };\n"],"names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Chat","style","_interopRequireWildcard","_components","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Header","_ref","online","onClose","translate","useLocale","createElement","View","row","className","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","styles","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","value","ICON","CLOSE","exports","displayName","propTypes","PropTypes","bool","func"],"mappings":"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","debug_id":"18afe559-c956-5674-b33b-6f07203a29dd"}

package/build/components/Chat/Chat.constants.js

@@ -1,28 +1,25 @@
 "use strict";
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2a0fb909-e8f1-5056-b84f-1180ab36a6a3")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="b0de7cae-b29e-592a-8191-77f7137bd553")}catch(e){}}();
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERBOSE_DATE_FORMAT = exports.NAME = exports.INTENT = exports.EVENT = exports.DELAY_RESPONSE = exports.ACTION = void 0;
+exports.VERBOSE_DATE_FORMAT = exports.NAME = exports.INTENT = exports.EVENT = exports.DELAY_RESPONSE = void 0;
 const DELAY_RESPONSE = exports.DELAY_RESPONSE = 500;
 const EVENT = exports.EVENT = {
   INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT'
 };
 const INTENT = exports.INTENT = {
-  BOOK: 'INTENT_BOOK',
-  BOOKING_CANCEL: 'INTENT_BOOKING_CANCEL',
-  BOOKING_QUERY: 'INTENT_BOOKING_QUERY',
-  BOOKING_VIEW: 'INTENT_BOOKING_VIEW',
-  BOOKING_SEND: 'INTENT_BOOKING_SEND',
-  OFFERS: 'INTENT_OFFERS',
-  HOTEL_INFO: 'INTENT_HOTEL_INFO',
-  GREETINGS: 'INTENT_GREETINGS',
-  FAREWELLS: 'INTENT_FAREWELLS'
-};
-const ACTION = exports.ACTION = {
-  ACTION_LOGIN: 'ACTION_LOGIN'
+  BOOK: 'BOOK',
+  BOOKING_CANCEL: 'BOOKING_CANCEL',
+  BOOKING_QUERY: 'BOOKING_QUERY',
+  BOOKING_VIEW: 'BOOKING_VIEW',
+  BOOKING_SEND: 'BOOKING_SEND',
+  OFFERS: 'OFFERS',
+  HOTEL_INFO: 'HOTEL_INFO',
+  GREETINGS: 'GREETINGS',
+  FAREWELLS: 'FAREWELLS'
 };
 const NAME = exports.NAME = 'Lisa';
 const VERBOSE_DATE_FORMAT = exports.VERBOSE_DATE_FORMAT = {
@@ -31,4 +28,4 @@ const VERBOSE_DATE_FORMAT = exports.VERBOSE_DATE_FORMAT = {
   day: 'numeric'
 };
 //# sourceMappingURL=Chat.constants.js.map
-//# debugId=2a0fb909-e8f1-5056-b84f-1180ab36a6a3
+//# debugId=b0de7cae-b29e-592a-8191-77f7137bd553

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.constants.js","sources":["../../../src/components/Chat/Chat.constants.js"],"sourcesContent":["const DELAY_RESPONSE = 500;\n\nconst EVENT = {\n  INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT',\n};\n\nconst INTENT = {\n  BOOK: 'INTENT_BOOK',\n  BOOKING_CANCEL: 'INTENT_BOOKING_CANCEL',\n  BOOKING_QUERY: 'INTENT_BOOKING_QUERY',\n  BOOKING_VIEW: 'INTENT_BOOKING_VIEW',\n  BOOKING_SEND: 'INTENT_BOOKING_SEND',\n  OFFERS: 'INTENT_OFFERS',\n  HOTEL_INFO: 'INTENT_HOTEL_INFO',\n  GREETINGS: 'INTENT_GREETINGS',\n  FAREWELLS: 'INTENT_FAREWELLS',\n};\n\nconst ACTION = {\n  ACTION_LOGIN: 'ACTION_LOGIN',\n};\n\nconst NAME = 'Lisa';\n\nconst VERBOSE_DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { ACTION, DELAY_RESPONSE, EVENT, INTENT, NAME, VERBOSE_DATE_FORMAT };\n"],"names":["DELAY_RESPONSE","exports","EVENT","INPUT_COMPONENT","INTENT","BOOK","BOOKING_CANCEL","BOOKING_QUERY","BOOKING_VIEW","BOOKING_SEND","OFFERS","HOTEL_INFO","GREETINGS","FAREWELLS","ACTION","ACTION_LOGIN","NAME","VERBOSE_DATE_FORMAT","weekday","month","day"],"mappings":";;;;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACbC,IAAI,EAAE,aAAa;EACnBC,cAAc,EAAE,uBAAuB;EACvCC,aAAa,EAAE,sBAAsB;EACrCC,YAAY,EAAE,qBAAqB;EACnCC,YAAY,EAAE,qBAAqB;EACnCC,MAAM,EAAE,eAAe;EACvBC,UAAU,EAAE,mBAAmB;EAC/BC,SAAS,EAAE,kBAAkB;EAC7BC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,MAAM,GAAAb,OAAA,CAAAa,MAAA,GAAG;EACbC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMC,IAAI,GAAAf,OAAA,CAAAe,IAAA,GAAG,MAAM;AAEnB,MAAMC,mBAAmB,GAAAhB,OAAA,CAAAgB,mBAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC","debug_id":"2a0fb909-e8f1-5056-b84f-1180ab36a6a3"}
+{"version":3,"file":"Chat.constants.js","sources":["../../../src/components/Chat/Chat.constants.js"],"sourcesContent":["const DELAY_RESPONSE = 500;\n\nconst EVENT = {\n  INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT',\n};\n\nconst INTENT = {\n  BOOK: 'BOOK',\n  BOOKING_CANCEL: 'BOOKING_CANCEL',\n  BOOKING_QUERY: 'BOOKING_QUERY',\n  BOOKING_VIEW: 'BOOKING_VIEW',\n  BOOKING_SEND: 'BOOKING_SEND',\n  OFFERS: 'OFFERS',\n  HOTEL_INFO: 'HOTEL_INFO',\n  GREETINGS: 'GREETINGS',\n  FAREWELLS: 'FAREWELLS',\n};\n\nconst NAME = 'Lisa';\n\nconst VERBOSE_DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { DELAY_RESPONSE, EVENT, INTENT, NAME, VERBOSE_DATE_FORMAT };\n"],"names":["DELAY_RESPONSE","exports","EVENT","INPUT_COMPONENT","INTENT","BOOK","BOOKING_CANCEL","BOOKING_QUERY","BOOKING_VIEW","BOOKING_SEND","OFFERS","HOTEL_INFO","GREETINGS","FAREWELLS","NAME","VERBOSE_DATE_FORMAT","weekday","month","day"],"mappings":";;;;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACbC,IAAI,EAAE,MAAM;EACZC,cAAc,EAAE,gBAAgB;EAChCC,aAAa,EAAE,eAAe;EAC9BC,YAAY,EAAE,cAAc;EAC5BC,YAAY,EAAE,cAAc;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,YAAY;EACxBC,SAAS,EAAE,WAAW;EACtBC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG,MAAM;AAEnB,MAAMC,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC","debug_id":"b0de7cae-b29e-592a-8191-77f7137bd553"}

package/build/components/Chat/Chat.js

@@ -1,5 +1,5 @@
 "use strict";
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="a9768dfc-77ea-5c4c-adf1-62670989e502")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="969720d8-c6bf-57eb-b3b3-144a88815a6a")}catch(e){}}();
 
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,38 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Chat = void 0;
 var _dataSources = require("@mirai/data-sources");
-var _locale = require("@mirai/locale");
 var _services = require("@mirai/services");
 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 _Chat = require("./Chat.ButtonAvatar");
+var _Chat2 = require("./Chat.constants");
+var _Chat3 = require("./Chat.Header");
 var style = _interopRequireWildcard(require("./Chat.module.css"));
 var _components = require("./components");
-var _helpers = require("../helpers");
+var _helpers = require("./helpers");
+var _helpers2 = 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); }
-let onlineInterval;
+let connectionInterval;
 const Chat = _ref => {
   let {
     skeleton,
-    name = _Chat.NAME,
     ...others
   } = _ref;
   const {
-    mobile,
     isMobile
   } = (0, _ui.useDevice)();
-  const {
-    translate
-  } = (0, _locale.useLocale)();
   const {
     set,
     value: {
       calendar,
+      components,
       currency,
       hotel,
       locale,
@@ -50,47 +47,33 @@ const Chat = _ref => {
     }
   } = (0, _dataSources.useStore)();
   const [busy, setBusy] = (0, _react.useState)(false);
-  const [hide, setHide] = (0, _react.useState)(false);
   const [messages, setMessages] = (0, _react.useState)([]);
   const [online, setOnline] = (0, _react.useState)(false);
   const [scrollTo, setScrollTo] = (0, _react.useState)();
   const [visible, setVisible] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const callback = _ref2 => {
-      let {
-        visible: modalVisible
-      } = _ref2;
-      return setHide(modalVisible);
-    };
-    _dataSources.Event.subscribe(_helpers.EVENT.MODAL_VISIBLE, callback);
-    return () => _dataSources.Event.unsubscribe(_helpers.EVENT.MODAL_VISIBLE, callback);
-  }, []);
   (0, _react.useEffect)(() => {
     if (skeleton) return;
     (async () => {
-      setBusy(true);
+      if (!(await handleOnline())) return;
       const response = await _services.ServiceLisa.welcome({
         locale,
         session
       }).catch(handleError);
       if (response) addMessage(response, messages);
-      setBusy(false);
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [skeleton]);
   (0, _react.useEffect)(() => {
-    if (!visible) return clearInterval(onlineInterval);
-    const callback = async () => {
-      const response = await _services.ServiceLisa.status().catch(() => setOnline(false));
-      if (response && !online) setOnline(response);
-    };
-    callback();
-    onlineInterval = setInterval(callback, online ? 60000 : 10000);
-    return () => {
-      clearInterval(onlineInterval);
-    };
+    if (visible) setScrollTo(new Date().getTime());
+  }, [busy, messages, visible]);
+  (0, _react.useEffect)(() => {
+    // // ! TODO: It's just a demo
+    // if (visible && !messages.length) handleInput('Quiero ver la proxima reserva que tengo.');
+    if (!visible) return clearInterval(connectionInterval);
+    connectionInterval = setInterval(handleOnline, online ? 60000 : 10000);
+    return () => clearInterval(connectionInterval);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [online, visible]);
-  (0, _react.useEffect)(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);
   const storeContext = {
     calendar,
     currency,
@@ -100,9 +83,15 @@ const Chat = _ref => {
     tags,
     type
   };
-  const commons = {
-    mobile,
-    session
+  const handleOnline = async () => {
+    if (!(components.finder || components.rates)) return;
+    let next = false;
+    const response = await _services.ServiceLisa.status().catch(() => setOnline(next));
+    if (response && !online) {
+      next = true;
+      setOnline(next);
+    }
+    return next;
   };
   const handleInput = input => {
     const nextMessages = [...messages, {
@@ -117,11 +106,14 @@ const Chat = _ref => {
           ...storeContext
         },
         input,
-        ...commons
+        session
       }).catch(handleError);
-      if (response) addMessage(response, nextMessages);
+      if (response) {
+        addMessage(response, nextMessages);
+        (0, _helpers.audioNotification)();
+      }
       setBusy(false);
-    }, _Chat.DELAY_RESPONSE);
+    }, _Chat2.DELAY_RESPONSE);
   };
   const handleAction = function () {
     let {
@@ -129,7 +121,7 @@ const Chat = _ref => {
       form,
       intent
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (intent === _Chat.ACTION.ACTION_LOGIN) return _dataSources.Event.publish(_helpers.EVENT.LOGIN, {
+    if (intent === 'ACTION_LOGIN') return _dataSources.Event.publish(_helpers2.EVENT.LOGIN, {
       visible: true
     });
     setBusy(true);
@@ -142,7 +134,7 @@ const Chat = _ref => {
         },
         intent,
         locale,
-        ...commons
+        session
       }).catch(handleError);
       if (response) {
         set({
@@ -152,9 +144,10 @@ const Chat = _ref => {
           auto: true,
           ...response
         }]);
+        (0, _helpers.audioNotification)();
       }
       setBusy(false);
-    }, _Chat.DELAY_RESPONSE);
+    }, _Chat2.DELAY_RESPONSE);
   };
   const handleError = error => {
     // eslint-disable-next-line no-console
@@ -171,7 +164,7 @@ const Chat = _ref => {
       auto: true,
       ...response
     }]);
-    if (response.locale !== locale) _dataSources.Event.publish(_helpers.EVENT.INTENT_LOCALE, {
+    if (response.locale !== locale) _dataSources.Event.publish(_helpers2.EVENT.INTENT_LOCALE, {
       locale: response.locale
     });
   };
@@ -181,35 +174,12 @@ const Chat = _ref => {
     className: (0, _ui.styles)(style.container, others.className)
   } : {
     ...others,
-    className: (0, _ui.styles)(style.container, visible && !hide && style.visible, others.className),
+    className: (0, _ui.styles)(style.container, visible && style.visible, others.className),
     'aria-hidden': visible ? 'false' : 'true'
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    className: style.header
-  }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
-    small: true
-  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    wide: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    bold: true
-  }, translate(_Chat2.L10N.LABEL_ASSISTANT)), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: (0, _ui.styles)(style.bullet, online ? style.online : style.offline)
-  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    small: true,
-    light: true
-  }, translate(online ? _Chat2.L10N.LABEL_ONLINE : _Chat2.L10N.LABEL_OFFLINE)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    small: true,
-    squared: true,
-    tooltip: translate(_Chat2.L10N.ACTION_CLOSE),
-    transparent: true,
-    onPress: () => setVisible(false)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    value: _helpers.ICON.CLOSE
-  })))), /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Chat3.Header, {
+    online,
+    onClose: () => setVisible(false)
+  }), /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
     scrollTo: scrollTo,
     snap: false,
     className: style.messages
@@ -220,24 +190,16 @@ const Chat = _ref => {
   }))), busy && /*#__PURE__*/_react.default.createElement(_components.Message, {
     auto: true,
     busy: true
-  })), online ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Input, {
+  })), online && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Input, {
     disabled: busy,
     onValue: handleInput
   }), /*#__PURE__*/_react.default.createElement(_components.InputRich, {
     onValue: handleAction
-  })) : /*#__PURE__*/_react.default.createElement(_components.Offline, null))), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-    right: true,
-    text: translate(_Chat2.L10N.LABEL_GREETINGS, {
-      name
-    })
-  }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    disabled: busy,
-    onPress: () => setVisible(true),
-    className: (0, _ui.styles)(style.buttonExtend, (hide || visible) && style.hide)
-  }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
-    disabled: visible,
-    className: style.avatar
-  })))) : null;
+  })))), /*#__PURE__*/_react.default.createElement(_Chat.ButtonAvatar, {
+    message: messages[0],
+    visible: visible,
+    onPress: () => setVisible(true)
+  })) : null;
 };
 exports.Chat = Chat;
 Chat.displayName = 'Mirai:Core:Chat';
@@ -246,4 +208,4 @@ Chat.propTypes = {
   skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Chat.js.map
-//# debugId=a9768dfc-77ea-5c4c-adf1-62670989e502
+//# debugId=969720d8-c6bf-57eb-b3b3-144a88815a6a