@mirai/core 0.4.244 → 0.4.245
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Chat/Chat.constants.js +6 -3
- package/build/components/Chat/Chat.constants.js.map +1 -1
- package/build/components/Chat/Chat.js +48 -34
- package/build/components/Chat/Chat.js.map +1 -1
- package/build/components/Chat/Chat.l10n.js +2 -20
- package/build/components/Chat/Chat.l10n.js.map +1 -1
- package/build/components/Chat/Chat.module.css +14 -189
- package/build/components/Chat/components/Avatar/Avatar.module.css +3 -2
- package/build/components/Chat/{Chat.ButtonAvatar.js → components/ButtonDispatcher/ButtonDispatcher.js} +21 -18
- package/build/components/Chat/components/ButtonDispatcher/ButtonDispatcher.js.map +1 -0
- package/build/components/Chat/components/ButtonDispatcher/ButtonDispatcher.l10n.js +15 -0
- package/build/components/Chat/components/ButtonDispatcher/ButtonDispatcher.l10n.js.map +1 -0
- package/build/components/Chat/components/ButtonDispatcher/ButtonDispatcher.module.css +134 -0
- package/build/components/Chat/components/ButtonDispatcher/index.js +17 -0
- package/build/components/Chat/components/ButtonDispatcher/index.js.map +1 -0
- package/build/components/Chat/components/Header/Header.js +72 -0
- package/build/components/Chat/components/Header/Header.js.map +1 -0
- package/build/components/Chat/components/Header/Header.l10n.js +15 -0
- package/build/components/Chat/components/Header/Header.l10n.js.map +1 -0
- package/build/components/Chat/components/Header/Header.module.css +15 -0
- package/build/components/Chat/components/{InputRich → Header}/index.js +4 -4
- package/build/components/Chat/components/Header/index.js.map +1 -0
- package/build/components/Chat/components/Input/Input.Context.js +75 -0
- package/build/components/Chat/components/Input/Input.Context.js.map +1 -0
- package/build/components/Chat/components/Input/Input.js +42 -17
- package/build/components/Chat/components/Input/Input.js.map +1 -1
- package/build/components/Chat/components/Input/Input.module.css +46 -9
- package/build/components/Chat/components/Message/Message.Action.js +8 -65
- package/build/components/Chat/components/Message/Message.Action.js.map +1 -1
- package/build/components/Chat/components/Message/Message.Requirement.js +141 -0
- package/build/components/Chat/components/Message/Message.Requirement.js.map +1 -0
- package/build/components/Chat/components/Message/Message.constants.js +18 -2
- package/build/components/Chat/components/Message/Message.constants.js.map +1 -1
- package/build/components/Chat/components/Message/Message.js +35 -30
- package/build/components/Chat/components/Message/Message.js.map +1 -1
- package/build/components/Chat/components/{InputRich/InputRich.l10n.js → Message/Message.l10n.js} +4 -1
- package/build/components/Chat/components/Message/Message.l10n.js.map +1 -0
- package/build/components/Chat/components/Message/Message.module.css +66 -49
- package/build/components/Chat/components/Message/components/Card.js +8 -6
- package/build/components/Chat/components/Message/components/Card.js.map +1 -1
- package/build/components/Chat/components/Message/components/Card.module.css +25 -15
- package/build/components/Chat/components/Message/components/Environment.js +2 -3
- package/build/components/Chat/components/Message/components/Environment.js.map +1 -1
- package/build/components/Chat/components/Message/components/Environment.module.css +11 -5
- package/build/components/Chat/components/{InputRich/InputRich.List.js → Message/components/List/List.js} +2 -2
- package/build/components/Chat/components/Message/components/List/List.js.map +1 -0
- package/build/components/Chat/components/Message/components/List/List.module.css +44 -0
- package/build/components/Chat/components/Message/components/List/helpers/getVerboseList.js.map +1 -0
- package/build/components/Chat/components/{InputRich → Message/components/List}/helpers/index.js +0 -11
- package/build/components/Chat/components/Message/components/List/helpers/index.js.map +1 -0
- package/build/components/Chat/components/Message/components/List/index.js +17 -0
- package/build/components/Chat/components/Message/components/List/index.js.map +1 -0
- package/build/components/Chat/components/Message/components/Typewriter/Typewriter.js +74 -0
- package/build/components/Chat/components/Message/components/Typewriter/Typewriter.js.map +1 -0
- package/build/components/Chat/components/Message/components/Typewriter/Typewriter.module.css +17 -0
- package/build/components/Chat/components/Message/components/Typewriter/index.js +17 -0
- package/build/components/Chat/components/Message/components/Typewriter/index.js.map +1 -0
- package/build/components/Chat/components/Message/components/index.js +22 -0
- package/build/components/Chat/components/Message/components/index.js.map +1 -1
- package/build/components/Chat/components/Message/intents/BookingQuery.js +1 -3
- package/build/components/Chat/components/Message/intents/BookingQuery.js.map +1 -1
- package/build/components/Chat/components/Message/intents/HotelInfo.js +3 -4
- package/build/components/Chat/components/Message/intents/HotelInfo.js.map +1 -1
- package/build/components/Chat/components/Message/intents/Login/Login.js +123 -0
- package/build/components/Chat/components/Message/intents/Login/Login.js.map +1 -0
- package/build/components/Chat/components/Message/intents/Login/Login.l10n.js +24 -0
- package/build/components/Chat/components/Message/intents/Login/Login.l10n.js.map +1 -0
- package/build/components/Chat/components/Message/intents/Login/Login.module.css +12 -0
- package/build/components/Chat/components/Message/intents/Login/index.js +17 -0
- package/build/components/Chat/components/Message/intents/Login/index.js.map +1 -0
- package/build/components/Chat/components/Message/intents/index.js +11 -0
- package/build/components/Chat/components/Message/intents/index.js.map +1 -1
- package/build/components/Chat/components/Welcome/Welcome.constants.js +17 -0
- package/build/components/Chat/components/Welcome/Welcome.constants.js.map +1 -0
- package/build/components/Chat/components/Welcome/Welcome.js +128 -0
- package/build/components/Chat/components/Welcome/Welcome.js.map +1 -0
- package/build/components/Chat/components/Welcome/Welcome.l10n.js +15 -0
- package/build/components/Chat/components/Welcome/Welcome.l10n.js.map +1 -0
- package/build/components/Chat/components/Welcome/Welcome.module.css +127 -0
- package/build/components/Chat/components/Welcome/index.js +17 -0
- package/build/components/Chat/components/Welcome/index.js.map +1 -0
- package/build/components/Chat/components/index.js +30 -8
- package/build/components/Chat/components/index.js.map +1 -1
- package/build/components/helpers/ICON.js +6 -2
- package/build/components/helpers/ICON.js.map +1 -1
- package/build/theme.css +13 -28
- package/package.json +1 -1
- package/build/components/Chat/Chat.ButtonAvatar.js.map +0 -1
- package/build/components/Chat/Chat.Header.js +0 -144
- package/build/components/Chat/Chat.Header.js.map +0 -1
- package/build/components/Chat/components/InputRich/InputRich.List.js.map +0 -1
- package/build/components/Chat/components/InputRich/InputRich.js +0 -179
- package/build/components/Chat/components/InputRich/InputRich.js.map +0 -1
- package/build/components/Chat/components/InputRich/InputRich.l10n.js.map +0 -1
- package/build/components/Chat/components/InputRich/InputRich.module.css +0 -109
- package/build/components/Chat/components/InputRich/helpers/getVerboseList.js.map +0 -1
- package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js +0 -27
- package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js.map +0 -1
- package/build/components/Chat/components/InputRich/helpers/index.js.map +0 -1
- package/build/components/Chat/components/InputRich/index.js.map +0 -1
- package/build/components/Chat/components/Message/components/Typewriter.js +0 -47
- package/build/components/Chat/components/Message/components/Typewriter.js.map +0 -1
- /package/build/components/Chat/components/{InputRich → Message/components/List}/helpers/getVerboseList.js +0 -0
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Welcome = void 0;
|
|
7
|
+
var _dataSources = require("@mirai/data-sources");
|
|
8
|
+
var _locale = require("@mirai/locale");
|
|
9
|
+
var _ui = require("@mirai/ui");
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _Welcome = require("./Welcome.constants");
|
|
13
|
+
var _Welcome2 = require("./Welcome.l10n");
|
|
14
|
+
var style = _interopRequireWildcard(require("./Welcome.module.css"));
|
|
15
|
+
var _helpers = require("../../../helpers");
|
|
16
|
+
var _Input = require("../Input");
|
|
17
|
+
var _components = require("../Message/components");
|
|
18
|
+
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); }
|
|
19
|
+
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; }
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
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); }
|
|
22
|
+
const Welcome = _ref => {
|
|
23
|
+
var _ref3;
|
|
24
|
+
let {
|
|
25
|
+
actions = [],
|
|
26
|
+
onInput
|
|
27
|
+
} = _ref;
|
|
28
|
+
const {
|
|
29
|
+
isMobile
|
|
30
|
+
} = (0, _ui.useDevice)();
|
|
31
|
+
const {
|
|
32
|
+
translate
|
|
33
|
+
} = (0, _locale.useLocale)();
|
|
34
|
+
const {
|
|
35
|
+
value: {
|
|
36
|
+
session: {
|
|
37
|
+
firstName
|
|
38
|
+
} = {}
|
|
39
|
+
} = {}
|
|
40
|
+
} = (0, _dataSources.useStore)();
|
|
41
|
+
const [prompts, setPrompts] = (0, _react.useState)();
|
|
42
|
+
const [input, setInput] = (0, _react.useState)();
|
|
43
|
+
const handlePrompt = _ref2 => {
|
|
44
|
+
let {
|
|
45
|
+
text,
|
|
46
|
+
options = []
|
|
47
|
+
} = _ref2;
|
|
48
|
+
if (options.length) {
|
|
49
|
+
setInput("".concat(text.replaceAll('*', ''), " "));
|
|
50
|
+
setPrompts(options);
|
|
51
|
+
} else {
|
|
52
|
+
onInput(text, true);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
// eslint-disable-next-line react/prop-types
|
|
57
|
+
const Option = function () {
|
|
58
|
+
let {
|
|
59
|
+
intent,
|
|
60
|
+
prompt,
|
|
61
|
+
text,
|
|
62
|
+
options
|
|
63
|
+
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
|
|
65
|
+
onPress: () => handlePrompt({
|
|
66
|
+
text,
|
|
67
|
+
options
|
|
68
|
+
}),
|
|
69
|
+
className: style.option
|
|
70
|
+
}, intent && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
71
|
+
headline: true,
|
|
72
|
+
level: 2,
|
|
73
|
+
value: _Welcome.INTENT_ICON[intent] || _helpers.ICON.TUNE
|
|
74
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
75
|
+
action: !prompt || isMobile,
|
|
76
|
+
medium: true
|
|
77
|
+
}, text));
|
|
78
|
+
};
|
|
79
|
+
const inputProps = {
|
|
80
|
+
value: input,
|
|
81
|
+
onValue: onInput
|
|
82
|
+
};
|
|
83
|
+
const titleProps = {
|
|
84
|
+
_bold: true,
|
|
85
|
+
brand: true,
|
|
86
|
+
headline: true,
|
|
87
|
+
level: 1
|
|
88
|
+
};
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
90
|
+
wide: true,
|
|
91
|
+
className: style.container
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_components.Typewriter, _extends({}, titleProps, {
|
|
93
|
+
bold: true,
|
|
94
|
+
className: [style.title, style.hi]
|
|
95
|
+
}), "\u2726 ".concat(translate(_Welcome2.L10N.LABEL_HI), " ").concat(firstName ? ", ".concat(firstName) : '')), /*#__PURE__*/_react.default.createElement(_components.Typewriter, _extends({}, titleProps, {
|
|
96
|
+
className: style.title
|
|
97
|
+
}), translate(_Welcome2.L10N.LABEL_HOW_HELP))), !isMobile ? /*#__PURE__*/_react.default.createElement(_Input.Input, inputProps) : null, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
98
|
+
className: style.content
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
100
|
+
row: true,
|
|
101
|
+
className: (0, _ui.styles)(style.actions, !prompts && style.visible)
|
|
102
|
+
}, actions.map(function () {
|
|
103
|
+
let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
104
|
+
let index = arguments.length > 1 ? arguments[1] : undefined;
|
|
105
|
+
return /*#__PURE__*/_react.default.createElement(Option, _extends({
|
|
106
|
+
key: "action:".concat(index)
|
|
107
|
+
}, item));
|
|
108
|
+
})), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
109
|
+
row: true,
|
|
110
|
+
className: (0, _ui.styles)(style.prompts, prompts && style.visible)
|
|
111
|
+
}, (_ref3 = prompts || actions) === null || _ref3 === void 0 ? void 0 : _ref3.map(function () {
|
|
112
|
+
let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
113
|
+
let index = arguments.length > 1 ? arguments[1] : undefined;
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(Option, _extends({
|
|
115
|
+
prompt: true,
|
|
116
|
+
key: "prompt:".concat(index)
|
|
117
|
+
}, item));
|
|
118
|
+
}))), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
119
|
+
className: style.input
|
|
120
|
+
}, /*#__PURE__*/_react.default.createElement(_Input.Input, inputProps)) : null);
|
|
121
|
+
};
|
|
122
|
+
exports.Welcome = Welcome;
|
|
123
|
+
Welcome.displayName = 'Mirai:Core:Chat.Welcome';
|
|
124
|
+
Welcome.propTypes = {
|
|
125
|
+
actions: _propTypes.default.arrayOf(_propTypes.default.shape({})),
|
|
126
|
+
onInput: _propTypes.default.func
|
|
127
|
+
};
|
|
128
|
+
//# sourceMappingURL=Welcome.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Welcome.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Welcome","_Welcome2","style","_helpers","_Input","_components","_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","Welcome","_ref","_ref3","actions","onInput","isMobile","useDevice","translate","useLocale","value","session","firstName","useStore","prompts","setPrompts","useState","input","setInput","handlePrompt","_ref2","text","options","concat","replaceAll","Option","intent","prompt","undefined","createElement","Pressable","onPress","className","option","Icon","headline","level","INTENT_ICON","ICON","TUNE","Text","action","medium","inputProps","onValue","titleProps","_bold","brand","View","wide","container","Typewriter","bold","title","hi","L10N","LABEL_HI","LABEL_HOW_HELP","Input","content","row","styles","visible","map","item","index","exports","displayName","propTypes","PropTypes","arrayOf","shape","func"],"sources":["../../../../../src/components/Chat/components/Welcome/Welcome.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { INTENT_ICON } from './Welcome.constants';\nimport { L10N } from './Welcome.l10n';\nimport * as style from './Welcome.module.css';\nimport { ICON } from '../../../helpers';\nimport { Input } from '../Input';\nimport { Typewriter } from '../Message/components';\n\nconst Welcome = ({ actions = [], onInput }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const { value: { session: { firstName } = {} } = {} } = useStore();\n\n const [prompts, setPrompts] = useState();\n const [input, setInput] = useState();\n\n const handlePrompt = ({ text, options = [] }) => {\n if (options.length) {\n setInput(`${text.replaceAll('*', '')} `);\n setPrompts(options);\n } else {\n onInput(text, true);\n }\n };\n\n // eslint-disable-next-line react/prop-types\n const Option = ({ intent, prompt, text, options } = {}) => (\n <Pressable onPress={() => handlePrompt({ text, options })} className={style.option}>\n {intent && <Icon headline level={2} value={INTENT_ICON[intent] || ICON.TUNE} />}\n <Text action={!prompt || isMobile} medium>\n {text}\n </Text>\n </Pressable>\n );\n\n const inputProps = { value: input, onValue: onInput };\n const titleProps = { _bold: true, brand: true, headline: true, level: 1 };\n\n return (\n <View wide className={style.container}>\n <View>\n <Typewriter {...titleProps} bold className={[style.title, style.hi]}>\n {`✦ ${translate(L10N.LABEL_HI)} ${firstName ? `, ${firstName}` : ''}`}\n </Typewriter>\n <Typewriter {...titleProps} className={style.title}>\n {translate(L10N.LABEL_HOW_HELP)}\n </Typewriter>\n </View>\n\n {!isMobile ? <Input {...inputProps} /> : null}\n\n <View className={style.content}>\n <View row className={styles(style.actions, !prompts && style.visible)}>\n {actions.map((item = {}, index) => (\n <Option key={`action:${index}`} {...item} />\n ))}\n </View>\n\n <View row className={styles(style.prompts, prompts && style.visible)}>\n {(prompts || actions)?.map((item = {}, index) => (\n <Option prompt key={`prompt:${index}`} {...item} />\n ))}\n </View>\n </View>\n\n {isMobile ? (\n <View className={style.input}>\n <Input {...inputProps} />\n </View>\n ) : null}\n </View>\n );\n};\n\nWelcome.displayName = 'Mirai:Core:Chat.Welcome';\n\nWelcome.propTypes = {\n actions: PropTypes.arrayOf(PropTypes.shape({})),\n onInput: PropTypes.func,\n};\n\nexport { Welcome };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAH,uBAAA,CAAAN,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AAAmD,SAAAa,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,SAAAR,wBAAAQ,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,SAAAlB,uBAAA8B,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;AAEnD,MAAMK,OAAO,GAAGC,IAAA,IAA+B;EAAA,IAAAC,KAAA;EAAA,IAA9B;IAAEC,OAAO,GAAG,EAAE;IAAEC;EAAQ,CAAC,GAAAH,IAAA;EACxC,MAAM;IAAEI;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAM;IAAEC,KAAK,EAAE;MAAEC,OAAO,EAAE;QAAEC;MAAU,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAElE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC;EAEpC,MAAMG,YAAY,GAAGC,KAAA,IAA4B;IAAA,IAA3B;MAAEC,IAAI;MAAEC,OAAO,GAAG;IAAG,CAAC,GAAAF,KAAA;IAC1C,IAAIE,OAAO,CAACzB,MAAM,EAAE;MAClBqB,QAAQ,IAAAK,MAAA,CAAIF,IAAI,CAACG,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,MAAG,CAAC;MACxCT,UAAU,CAACO,OAAO,CAAC;IACrB,CAAC,MAAM;MACLjB,OAAO,CAACgB,IAAI,EAAE,IAAI,CAAC;IACrB;EACF,CAAC;;EAED;EACA,MAAMI,MAAM,GAAG,SAAAA,CAAA;IAAA,IAAC;MAAEC,MAAM;MAAEC,MAAM;MAAEN,IAAI;MAAEC;IAAQ,CAAC,GAAA1B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAgC,SAAA,GAAAhC,SAAA,MAAG,CAAC,CAAC;IAAA,oBACpDlC,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAuE,SAAS;MAACC,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC;QAAEE,IAAI;QAAEC;MAAQ,CAAC,CAAE;MAACU,SAAS,EAAElE,KAAK,CAACmE;IAAO,GAChFP,MAAM,iBAAIhE,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAA2E,IAAI;MAACC,QAAQ;MAACC,KAAK,EAAE,CAAE;MAAC1B,KAAK,EAAE2B,oBAAW,CAACX,MAAM,CAAC,IAAIY,aAAI,CAACC;IAAK,CAAE,CAAC,eAC/E7E,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAiF,IAAI;MAACC,MAAM,EAAE,CAACd,MAAM,IAAIrB,QAAS;MAACoC,MAAM;IAAA,GACtCrB,IACG,CACG,CAAC;EAAA,CACb;EAED,MAAMsB,UAAU,GAAG;IAAEjC,KAAK,EAAEO,KAAK;IAAE2B,OAAO,EAAEvC;EAAQ,CAAC;EACrD,MAAMwC,UAAU,GAAG;IAAEC,KAAK,EAAE,IAAI;IAAEC,KAAK,EAAE,IAAI;IAAEZ,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAE,CAAC;EAEzE,oBACE1E,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI;IAACC,IAAI;IAACjB,SAAS,EAAElE,KAAK,CAACoF;EAAU,gBACpCxF,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI,qBACHtF,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAAC5D,WAAA,CAAAkF,UAAU,EAAA3D,QAAA,KAAKqD,UAAU;IAAEO,IAAI;IAACpB,SAAS,EAAE,CAAClE,KAAK,CAACuF,KAAK,EAAEvF,KAAK,CAACwF,EAAE;EAAE,cAAA/B,MAAA,CAC5Df,SAAS,CAAC+C,cAAI,CAACC,QAAQ,CAAC,OAAAjC,MAAA,CAAIX,SAAS,QAAAW,MAAA,CAAQX,SAAS,IAAK,EAAE,CACzD,CAAC,eACblD,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAAC5D,WAAA,CAAAkF,UAAU,EAAA3D,QAAA,KAAKqD,UAAU;IAAEb,SAAS,EAAElE,KAAK,CAACuF;EAAM,IAChD7C,SAAS,CAAC+C,cAAI,CAACE,cAAc,CACpB,CACR,CAAC,EAEN,CAACnD,QAAQ,gBAAG5C,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAAC7D,MAAA,CAAA0F,KAAK,EAAKf,UAAa,CAAC,GAAG,IAAI,eAE7CjF,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI;IAAChB,SAAS,EAAElE,KAAK,CAAC6F;EAAQ,gBAC7BjG,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI;IAACY,GAAG;IAAC5B,SAAS,EAAE,IAAA6B,UAAM,EAAC/F,KAAK,CAACsC,OAAO,EAAE,CAACU,OAAO,IAAIhD,KAAK,CAACgG,OAAO;EAAE,GACnE1D,OAAO,CAAC2D,GAAG,CAAC;IAAA,IAACC,IAAI,GAAApE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAgC,SAAA,GAAAhC,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEqE,KAAK,GAAArE,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAgC,SAAA;IAAA,oBAC5BlE,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACJ,MAAM,EAAAjC,QAAA;MAACO,GAAG,YAAAwB,MAAA,CAAY0C,KAAK;IAAG,GAAKD,IAAI,CAAG,CAAC;EAAA,CAC7C,CACG,CAAC,eAEPtG,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI;IAACY,GAAG;IAAC5B,SAAS,EAAE,IAAA6B,UAAM,EAAC/F,KAAK,CAACgD,OAAO,EAAEA,OAAO,IAAIhD,KAAK,CAACgG,OAAO;EAAE,IAAA3D,KAAA,GACjEW,OAAO,IAAIV,OAAO,cAAAD,KAAA,uBAAnBA,KAAA,CAAsB4D,GAAG,CAAC;IAAA,IAACC,IAAI,GAAApE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAgC,SAAA,GAAAhC,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEqE,KAAK,GAAArE,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAgC,SAAA;IAAA,oBAC1ClE,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACJ,MAAM,EAAAjC,QAAA;MAACmC,MAAM;MAAC5B,GAAG,YAAAwB,MAAA,CAAY0C,KAAK;IAAG,GAAKD,IAAI,CAAG,CAAC;EAAA,CACpD,CACG,CACF,CAAC,EAEN1D,QAAQ,gBACP5C,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAACtE,GAAA,CAAAyF,IAAI;IAAChB,SAAS,EAAElE,KAAK,CAACmD;EAAM,gBAC3BvD,MAAA,CAAAc,OAAA,CAAAqD,aAAA,CAAC7D,MAAA,CAAA0F,KAAK,EAAKf,UAAa,CACpB,CAAC,GACL,IACA,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAAjE,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACkE,WAAW,GAAG,yBAAyB;AAE/ClE,OAAO,CAACmE,SAAS,GAAG;EAClBhE,OAAO,EAAEiE,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/ClE,OAAO,EAAEgE,kBAAS,CAACG;AACrB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.L10N = void 0;
|
|
7
|
+
const L10N = exports.L10N = {
|
|
8
|
+
LABEL_HI: {
|
|
9
|
+
id: 'lisa.label.hi'
|
|
10
|
+
},
|
|
11
|
+
LABEL_HOW_HELP: {
|
|
12
|
+
id: 'lisa.label.how_help'
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Welcome.l10n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Welcome.l10n.js","names":["L10N","exports","LABEL_HI","id","LABEL_HOW_HELP"],"sources":["../../../../../src/components/Chat/components/Welcome/Welcome.l10n.js"],"sourcesContent":["export const L10N = {\n LABEL_HI: { id: 'lisa.label.hi' },\n LABEL_HOW_HELP: { id: 'lisa.label.how_help' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,QAAQ,EAAE;IAAEC,EAAE,EAAE;EAAgB,CAAC;EACjCC,cAAc,EAAE;IAAED,EAAE,EAAE;EAAsB;AAC9C,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
gap: var(--mirai-chat-space);
|
|
3
|
+
max-width: var(--mirai-chat-content-max-width);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.title.hi {
|
|
7
|
+
animation: textGradient 1.5s linear infinite alternate;
|
|
8
|
+
background-clip: text;
|
|
9
|
+
background-image: linear-gradient(
|
|
10
|
+
to right,
|
|
11
|
+
var(--mirai-chat-avatar-color-2),
|
|
12
|
+
var(--mirai-chat-avatar-color-3),
|
|
13
|
+
var(--mirai-chat-avatar-color-2)
|
|
14
|
+
);
|
|
15
|
+
background-size: 200% 100%;
|
|
16
|
+
color: transparent;
|
|
17
|
+
-webkit-background-clip: text;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.content {
|
|
21
|
+
position: relative;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.actions,
|
|
25
|
+
.prompts {
|
|
26
|
+
position: absolute;
|
|
27
|
+
transition: all var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
|
|
28
|
+
width: 100%;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.actions {
|
|
32
|
+
flex-wrap: wrap;
|
|
33
|
+
gap: var(--mirai-chat-space);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.actions:not(.visible),
|
|
37
|
+
.prompts:not(.visible) {
|
|
38
|
+
pointer-events: none;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.actions:not(.visible) {
|
|
42
|
+
opacity: 0;
|
|
43
|
+
transform: translateY(-16px);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.prompts {
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
gap: calc(var(--mirai-chat-space) / 2);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.prompts:not(.visible) {
|
|
52
|
+
opacity: 0;
|
|
53
|
+
transform: translateY(16px);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.option {
|
|
57
|
+
display: flex;
|
|
58
|
+
border: solid var(--mirai-chat-border-size) var(--mirai-chat-border-color);
|
|
59
|
+
border-radius: var(--mirai-chat-border-radius);
|
|
60
|
+
flex: 1;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.actions .option {
|
|
64
|
+
flex-direction: column;
|
|
65
|
+
gap: var(--mirai-chat-space);
|
|
66
|
+
height: calc(var(--mirai-ui-space-XL) * 2);
|
|
67
|
+
padding: var(--mirai-chat-space);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.prompts .option {
|
|
71
|
+
align-items: center;
|
|
72
|
+
box-sizing: border-box;
|
|
73
|
+
flex-direction: row;
|
|
74
|
+
gap: calc(var(--mirai-chat-space) / 2);
|
|
75
|
+
padding: calc(var(--mirai-chat-space) / 2) var(--mirai-chat-space);
|
|
76
|
+
width: 100%;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.option:hover,
|
|
80
|
+
.option:active {
|
|
81
|
+
background-color: var(--mirai-ui-content);
|
|
82
|
+
border-color: var(--mirai-ui-content);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.option:hover *,
|
|
86
|
+
.option:active * {
|
|
87
|
+
color: var(--mirai-chat-background);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* S */
|
|
91
|
+
@media only screen and (max-width: 480px) {
|
|
92
|
+
.container {
|
|
93
|
+
padding: var(--mirai-chat-space);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.content {
|
|
97
|
+
min-height: calc(var(--mirai-ui-space-XL) * 6);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.actions .option {
|
|
101
|
+
min-width: 25%;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.input {
|
|
105
|
+
bottom: calc(var(--mirai-chat-space) * 2);
|
|
106
|
+
left: var(--mirai-chat-space);
|
|
107
|
+
position: absolute;
|
|
108
|
+
right: var(--mirai-chat-space);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* M & L */
|
|
113
|
+
@media only screen and (min-width: 481px) {
|
|
114
|
+
.title {
|
|
115
|
+
font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.5);
|
|
116
|
+
line-height: calc(var(--mirai-ui-font-size-headline-1) * 1.75);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
@keyframes textGradient {
|
|
121
|
+
0% {
|
|
122
|
+
background-position: 0% 0%;
|
|
123
|
+
}
|
|
124
|
+
100% {
|
|
125
|
+
background-position: 100% 0%;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Welcome = require("./Welcome");
|
|
7
|
+
Object.keys(_Welcome).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Welcome[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _Welcome[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Welcome","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/Welcome/index.js"],"sourcesContent":["export * from './Welcome';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -14,25 +14,36 @@ Object.keys(_Avatar).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
-
var
|
|
18
|
-
Object.keys(
|
|
17
|
+
var _ButtonDispatcher = require("./ButtonDispatcher");
|
|
18
|
+
Object.keys(_ButtonDispatcher).forEach(function (key) {
|
|
19
19
|
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] ===
|
|
20
|
+
if (key in exports && exports[key] === _ButtonDispatcher[key]) return;
|
|
21
21
|
Object.defineProperty(exports, key, {
|
|
22
22
|
enumerable: true,
|
|
23
23
|
get: function () {
|
|
24
|
-
return
|
|
24
|
+
return _ButtonDispatcher[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _Header = require("./Header");
|
|
29
|
+
Object.keys(_Header).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _Header[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _Header[key];
|
|
25
36
|
}
|
|
26
37
|
});
|
|
27
38
|
});
|
|
28
|
-
var
|
|
29
|
-
Object.keys(
|
|
39
|
+
var _Input = require("./Input");
|
|
40
|
+
Object.keys(_Input).forEach(function (key) {
|
|
30
41
|
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] ===
|
|
42
|
+
if (key in exports && exports[key] === _Input[key]) return;
|
|
32
43
|
Object.defineProperty(exports, key, {
|
|
33
44
|
enumerable: true,
|
|
34
45
|
get: function () {
|
|
35
|
-
return
|
|
46
|
+
return _Input[key];
|
|
36
47
|
}
|
|
37
48
|
});
|
|
38
49
|
});
|
|
@@ -47,4 +58,15 @@ Object.keys(_Message).forEach(function (key) {
|
|
|
47
58
|
}
|
|
48
59
|
});
|
|
49
60
|
});
|
|
61
|
+
var _Welcome = require("./Welcome");
|
|
62
|
+
Object.keys(_Welcome).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _Welcome[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function () {
|
|
68
|
+
return _Welcome[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
50
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ButtonDispatcher","_Header","_Input","_Message","_Welcome"],"sources":["../../../../src/components/Chat/components/index.js"],"sourcesContent":["export * from './Avatar';\nexport * from './ButtonDispatcher';\nexport * from './Header';\nexport * from './Input';\nexport * from './Message';\nexport * from './Welcome';\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;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,QAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,QAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,QAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,QAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,QAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,QAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,QAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,QAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -8,12 +8,15 @@ var _ui = require("@mirai/ui");
|
|
|
8
8
|
var _GrThreeD = require("@react-icons/all-files/gr/GrThreeD");
|
|
9
9
|
var _LuBedDouble = require("@react-icons/all-files/lu/LuBedDouble");
|
|
10
10
|
var _LuBedSingle = require("@react-icons/all-files/lu/LuBedSingle");
|
|
11
|
+
var _LuHotel = require("@react-icons/all-files/lu/LuHotel");
|
|
11
12
|
var _Md3DRotation = require("@react-icons/all-files/md/Md3DRotation");
|
|
12
13
|
var _MdAccessAlarm = require("@react-icons/all-files/md/MdAccessAlarm");
|
|
13
14
|
var _MdMailOutline = require("@react-icons/all-files/md/MdMailOutline");
|
|
14
15
|
var _MdMoreVert = require("@react-icons/all-files/md/MdMoreVert");
|
|
15
16
|
var _MdOutlineAccountCircle = require("@react-icons/all-files/md/MdOutlineAccountCircle");
|
|
16
17
|
var _MdOutlineAddToPhotos = require("@react-icons/all-files/md/MdOutlineAddToPhotos");
|
|
18
|
+
var _MdOutlineArrowUpward = require("@react-icons/all-files/md/MdOutlineArrowUpward");
|
|
19
|
+
var _MdOutlineAssignment = require("@react-icons/all-files/md/MdOutlineAssignment");
|
|
17
20
|
var _MdOutlineAutorenew = require("@react-icons/all-files/md/MdOutlineAutorenew");
|
|
18
21
|
var _MdOutlineCalendarToday = require("@react-icons/all-files/md/MdOutlineCalendarToday");
|
|
19
22
|
var _MdOutlineCurrencyExchange = require("@react-icons/all-files/md/MdOutlineCurrencyExchange");
|
|
@@ -42,7 +45,6 @@ var _MdOutlineTune = require("@react-icons/all-files/md/MdOutlineTune");
|
|
|
42
45
|
var _MdOutlineWorkspacePremium = require("@react-icons/all-files/md/MdOutlineWorkspacePremium");
|
|
43
46
|
var _MdPersonOutline = require("@react-icons/all-files/md/MdPersonOutline");
|
|
44
47
|
var _MdPhotoSizeSelectSmall = require("@react-icons/all-files/md/MdPhotoSizeSelectSmall");
|
|
45
|
-
var _MdSend = require("@react-icons/all-files/md/MdSend");
|
|
46
48
|
var _MdUnfoldMore = require("@react-icons/all-files/md/MdUnfoldMore");
|
|
47
49
|
var _TbDiscount = require("@react-icons/all-files/tb/TbDiscount.mjs");
|
|
48
50
|
var _TbDiscountCheck = require("@react-icons/all-files/tb/TbDiscountCheck");
|
|
@@ -52,6 +54,8 @@ const ICON = exports.ICON = {
|
|
|
52
54
|
ACCOUNT: _MdOutlineAccountCircle.MdOutlineAccountCircle,
|
|
53
55
|
ADD_EXTRAS: _MdOutlineAddToPhotos.MdOutlineAddToPhotos,
|
|
54
56
|
ALARM: _MdAccessAlarm.MdAccessAlarm,
|
|
57
|
+
ARROW_UP: _MdOutlineArrowUpward.MdOutlineArrowUpward,
|
|
58
|
+
ASSIGNMENT: _MdOutlineAssignment.MdOutlineAssignment,
|
|
55
59
|
BED_DOUBLE: _LuBedDouble.LuBedDouble,
|
|
56
60
|
BED_SINGLE: _LuBedSingle.LuBedSingle,
|
|
57
61
|
CALENDAR: _MdOutlineCalendarToday.MdOutlineCalendarToday,
|
|
@@ -63,6 +67,7 @@ const ICON = exports.ICON = {
|
|
|
63
67
|
DISCOUNT: _TbDiscount.TbDiscount,
|
|
64
68
|
GROUP: _MdOutlineGroup.MdOutlineGroup,
|
|
65
69
|
GROUPS: _MdOutlineGroups.MdOutlineGroups,
|
|
70
|
+
HOTEL: _LuHotel.LuHotel,
|
|
66
71
|
LANGUAGE: _MdOutlineLanguage.MdOutlineLanguage,
|
|
67
72
|
LINK: _MdOutlineLink.MdOutlineLink,
|
|
68
73
|
LIST: _MdOutlineListAlt.MdOutlineListAlt,
|
|
@@ -82,7 +87,6 @@ const ICON = exports.ICON = {
|
|
|
82
87
|
PRINT: _MdOutlinePrint.MdOutlinePrint,
|
|
83
88
|
REFRESH: _MdOutlineRefresh.MdOutlineRefresh,
|
|
84
89
|
SCHEDULE: _MdOutlineSchedule.MdOutlineSchedule,
|
|
85
|
-
SEND: _MdSend.MdSend,
|
|
86
90
|
THREE_D: _GrThreeD.GrThreeD,
|
|
87
91
|
THREE_D_ROTATION: _Md3DRotation.Md3DRotation,
|
|
88
92
|
TUNE: _MdOutlineTune.MdOutlineTune,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ICON.js","names":["_ui","require","_GrThreeD","_LuBedDouble","_LuBedSingle","_Md3DRotation","_MdAccessAlarm","_MdMailOutline","_MdMoreVert","_MdOutlineAccountCircle","_MdOutlineAddToPhotos","_MdOutlineAutorenew","_MdOutlineCalendarToday","_MdOutlineCurrencyExchange","_MdOutlineEditCalendar","_MdOutlineEventBusy","_MdOutlineFreeCancellation","_MdOutlineGroup","_MdOutlineGroups","_MdOutlineLanguage","_MdOutlineLink","_MdOutlineListAlt","_MdOutlineLocationOn","_MdOutlineLock","_MdOutlineLogout","_MdOutlineMinimize","_MdOutlineOutput","_MdOutlinePageview","_MdOutlinePeopleAlt","_MdOutlinePersonOff","_MdOutlinePhone","_MdOutlinePlayCircle","_MdOutlinePrint","_MdOutlineRefresh","_MdOutlineSchedule","_MdOutlineTune","_MdOutlineWorkspacePremium","_MdPersonOutline","_MdPhotoSizeSelectSmall","
|
|
1
|
+
{"version":3,"file":"ICON.js","names":["_ui","require","_GrThreeD","_LuBedDouble","_LuBedSingle","_LuHotel","_Md3DRotation","_MdAccessAlarm","_MdMailOutline","_MdMoreVert","_MdOutlineAccountCircle","_MdOutlineAddToPhotos","_MdOutlineArrowUpward","_MdOutlineAssignment","_MdOutlineAutorenew","_MdOutlineCalendarToday","_MdOutlineCurrencyExchange","_MdOutlineEditCalendar","_MdOutlineEventBusy","_MdOutlineFreeCancellation","_MdOutlineGroup","_MdOutlineGroups","_MdOutlineLanguage","_MdOutlineLink","_MdOutlineListAlt","_MdOutlineLocationOn","_MdOutlineLock","_MdOutlineLogout","_MdOutlineMinimize","_MdOutlineOutput","_MdOutlinePageview","_MdOutlinePeopleAlt","_MdOutlinePersonOff","_MdOutlinePhone","_MdOutlinePlayCircle","_MdOutlinePrint","_MdOutlineRefresh","_MdOutlineSchedule","_MdOutlineTune","_MdOutlineWorkspacePremium","_MdPersonOutline","_MdPhotoSizeSelectSmall","_MdUnfoldMore","_TbDiscount","_TbDiscountCheck","_ICON","ICON","exports","ICON_BASE","ACCOUNT","ADD_EXTRAS","ALARM","ARROW_UP","ASSIGNMENT","BED_DOUBLE","BED_SINGLE","CALENDAR","CALENDAR_BUSY","CALENDAR_CANCEL","CALENDAR_EDIT","CLEAR","CURRENCY","DISCOUNT","GROUP","GROUPS","HOTEL","LANGUAGE","LINK","LIST","LOCATION","LOCK","LOGOUT","MAIL","MINIMIZE","MORE","OFFER","PEOPLE","PERSON","PERSON_OFF","PHONE","PLAY","PREMIUM","PRINT","REFRESH","SCHEDULE","THREE_D","THREE_D_ROTATION","TUNE","SITE","SIZE","UNFOLD","URL","ICON_AMENITIES"],"sources":["../../../src/components/helpers/ICON.js"],"sourcesContent":["import { ICON as ICON_BASE } from '@mirai/ui';\nimport { GrThreeD as THREE_D } from '@react-icons/all-files/gr/GrThreeD';\nimport { LuBedDouble as BED_DOUBLE } from '@react-icons/all-files/lu/LuBedDouble';\nimport { LuBedSingle as BED_SINGLE } from '@react-icons/all-files/lu/LuBedSingle';\nimport { LuHotel as HOTEL } from '@react-icons/all-files/lu/LuHotel';\nimport { Md3DRotation as THREE_D_ROTATION } from '@react-icons/all-files/md/Md3DRotation';\nimport { MdAccessAlarm as ALARM } from '@react-icons/all-files/md/MdAccessAlarm';\nimport { MdMailOutline as MAIL } from '@react-icons/all-files/md/MdMailOutline';\nimport { MdMoreVert as MORE } from '@react-icons/all-files/md/MdMoreVert';\nimport { MdOutlineAccountCircle as ACCOUNT } from '@react-icons/all-files/md/MdOutlineAccountCircle';\nimport { MdOutlineAddToPhotos as ADD_EXTRAS } from '@react-icons/all-files/md/MdOutlineAddToPhotos';\nimport { MdOutlineArrowUpward as ARROW_UP } from '@react-icons/all-files/md/MdOutlineArrowUpward';\nimport { MdOutlineAssignment as ASSIGNMENT } from '@react-icons/all-files/md/MdOutlineAssignment';\nimport { MdOutlineAutorenew as CLEAR } from '@react-icons/all-files/md/MdOutlineAutorenew';\nimport { MdOutlineCalendarToday as CALENDAR } from '@react-icons/all-files/md/MdOutlineCalendarToday';\nimport { MdOutlineCurrencyExchange as CURRENCY } from '@react-icons/all-files/md/MdOutlineCurrencyExchange';\nimport { MdOutlineEditCalendar as CALENDAR_EDIT } from '@react-icons/all-files/md/MdOutlineEditCalendar';\nimport { MdOutlineEventBusy as CALENDAR_BUSY } from '@react-icons/all-files/md/MdOutlineEventBusy';\nimport { MdOutlineFreeCancellation as CALENDAR_CANCEL } from '@react-icons/all-files/md/MdOutlineFreeCancellation';\nimport { MdOutlineGroup as GROUP } from '@react-icons/all-files/md/MdOutlineGroup';\nimport { MdOutlineGroups as GROUPS } from '@react-icons/all-files/md/MdOutlineGroups';\nimport { MdOutlineLanguage as LANGUAGE } from '@react-icons/all-files/md/MdOutlineLanguage';\nimport { MdOutlineLink as LINK } from '@react-icons/all-files/md/MdOutlineLink';\nimport { MdOutlineListAlt as LIST } from '@react-icons/all-files/md/MdOutlineListAlt';\nimport { MdOutlineLocationOn as LOCATION } from '@react-icons/all-files/md/MdOutlineLocationOn';\nimport { MdOutlineLock as LOCK } from '@react-icons/all-files/md/MdOutlineLock';\nimport { MdOutlineLogout as LOGOUT } from '@react-icons/all-files/md/MdOutlineLogout';\nimport { MdOutlineMinimize as MINIMIZE } from '@react-icons/all-files/md/MdOutlineMinimize';\nimport { MdOutlineOutput as URL } from '@react-icons/all-files/md/MdOutlineOutput';\nimport { MdOutlinePageview as SITE } from '@react-icons/all-files/md/MdOutlinePageview';\nimport { MdOutlinePeopleAlt as PEOPLE } from '@react-icons/all-files/md/MdOutlinePeopleAlt';\nimport { MdOutlinePersonOff as PERSON_OFF } from '@react-icons/all-files/md/MdOutlinePersonOff';\nimport { MdOutlinePhone as PHONE } from '@react-icons/all-files/md/MdOutlinePhone';\nimport { MdOutlinePlayCircle as PLAY } from '@react-icons/all-files/md/MdOutlinePlayCircle';\nimport { MdOutlinePrint as PRINT } from '@react-icons/all-files/md/MdOutlinePrint';\nimport { MdOutlineRefresh as REFRESH } from '@react-icons/all-files/md/MdOutlineRefresh';\nimport { MdOutlineSchedule as SCHEDULE } from '@react-icons/all-files/md/MdOutlineSchedule';\nimport { MdOutlineTune as TUNE } from '@react-icons/all-files/md/MdOutlineTune';\nimport { MdOutlineWorkspacePremium as PREMIUM } from '@react-icons/all-files/md/MdOutlineWorkspacePremium';\nimport { MdPersonOutline as PERSON } from '@react-icons/all-files/md/MdPersonOutline';\nimport { MdPhotoSizeSelectSmall as SIZE } from '@react-icons/all-files/md/MdPhotoSizeSelectSmall';\nimport { MdUnfoldMore as UNFOLD } from '@react-icons/all-files/md/MdUnfoldMore';\nimport { TbDiscount as DISCOUNT } from '@react-icons/all-files/tb/TbDiscount.mjs';\nimport { TbDiscountCheck as OFFER } from '@react-icons/all-files/tb/TbDiscountCheck';\n\nimport { ICON_AMENITIES } from './ICON.AMENITIES';\n\nexport const ICON = {\n ...ICON_BASE,\n ACCOUNT,\n ADD_EXTRAS,\n ALARM,\n ARROW_UP,\n ASSIGNMENT,\n BED_DOUBLE,\n BED_SINGLE,\n CALENDAR,\n CALENDAR_BUSY,\n CALENDAR_CANCEL,\n CALENDAR_EDIT,\n CLEAR,\n CURRENCY,\n DISCOUNT,\n GROUP,\n GROUPS,\n HOTEL,\n LANGUAGE,\n LINK,\n LIST,\n LOCATION,\n LOCK,\n LOGOUT,\n MAIL,\n MINIMIZE,\n MORE,\n OFFER,\n PEOPLE,\n PERSON,\n PERSON_OFF,\n PHONE,\n PLAY,\n PREMIUM,\n PRINT,\n REFRESH,\n SCHEDULE,\n THREE_D,\n THREE_D_ROTATION,\n TUNE,\n // SUPPORT_AGENT,\n SITE,\n SIZE,\n UNFOLD,\n URL,\n // Amenities & Features,\n ...ICON_AMENITIES,\n};\n"],"mappings":"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"}
|
package/build/theme.css
CHANGED
|
@@ -19,42 +19,27 @@
|
|
|
19
19
|
|
|
20
20
|
/* Chat */
|
|
21
21
|
--mirai-chat-accent: var(--mirai-ui-accent);
|
|
22
|
+
--mirai-chat-avatar-background: rgba(0, 0, 0, 0.66);
|
|
23
|
+
--mirai-chat-avatar-color-1: var(--mirai-ui-accent);
|
|
24
|
+
--mirai-chat-avatar-color-2: var(--mirai-ui-accent-dark);
|
|
25
|
+
--mirai-chat-avatar-color-3: var(--mirai-ui-accent-border);
|
|
26
|
+
--mirai-chat-avatar-color-4: var(--mirai-ui-accent-background);
|
|
27
|
+
--mirai-chat-avatar-border-radius: 40%;
|
|
28
|
+
--mirai-chat-avatar-size: 72px;
|
|
29
|
+
--mirai-chat-background: var(--mirai-ui-base);
|
|
22
30
|
--mirai-chat-border-color: var(--mirai-ui-content-border);
|
|
23
31
|
--mirai-chat-border-radius: var(--mirai-ui-space-S);
|
|
24
32
|
--mirai-chat-border-size: 1px;
|
|
33
|
+
--mirai-chat-box-shadow: var(--mirai-ui-shadow);
|
|
34
|
+
--mirai-chat-content-max-width: 768px;
|
|
35
|
+
--mirai-chat-layer: var(--mirai-ui-layer-XL);
|
|
25
36
|
--mirai-chat-space: var(--mirai-ui-space-M);
|
|
26
|
-
--mirai-chat-motion-collapse: 200ms;
|
|
27
|
-
--mirai-chat-motion-expand: 300ms;
|
|
28
|
-
--mirai-chat-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
|
|
29
|
-
--mirai-chat-text-accent-color: rgba(255, 255, 255, 0.95);
|
|
30
|
-
--mirai-chat-text-color: var(--mirai-ui-content);
|
|
31
|
-
--mirai-chat-text-color-light: var(--mirai-ui-content-light);
|
|
32
37
|
--mirai-chat-text-font: var(--mirai-ui-font-medium);
|
|
33
|
-
--mirai-chat-text-font-size: var(--mirai-ui-font-size-
|
|
38
|
+
--mirai-chat-text-font-size: var(--mirai-ui-font-size-paragraph);
|
|
34
39
|
--mirai-chat-text-font-weight: var(--mirai-ui-font-medium-weight);
|
|
35
|
-
--mirai-chat-text-line-height: var(--mirai-ui-line-height-
|
|
36
|
-
--mirai-chat-base: var(--mirai-ui-base);
|
|
37
|
-
--mirai-chat-base-opacity: rgba(255, 255, 255, 0.8);
|
|
38
|
-
--mirai-chat-box-shadow: var(--mirai-ui-shadow);
|
|
39
|
-
--mirai-chat-height: 70svh;
|
|
40
|
-
--mirai-chat-max-height: calc(100svh - calc(var(--mirai-chat-space) * 2));
|
|
41
|
-
--mirai-chat-min-height: 640px;
|
|
42
|
-
--mirai-chat-layer: var(--mirai-ui-layer-XL);
|
|
43
|
-
--mirai-chat-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-XXL));
|
|
44
|
-
--mirai-chat-header-height: calc(var(--mirai-ui-space-M) * 4);
|
|
45
|
-
--mirai-chat-header-background: linear-gradient(0deg, var(--mirai-chat-base-opacity) 0%, var(--mirai-chat-base) 100%);
|
|
40
|
+
--mirai-chat-text-line-height: var(--mirai-ui-line-height-paragraph);
|
|
46
41
|
--mirai-chat-input-background: var(--mirai-ui-content-background);
|
|
47
|
-
--mirai-chat-input-border-color: var(--mirai-chat-border-color);
|
|
48
|
-
--mirai-chat-input-border-color: transparent;
|
|
49
|
-
--mirai-chat-message-background: transparent;
|
|
50
42
|
--mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-space);
|
|
51
|
-
--mirai-chat-avatar-background: rgba(0, 0, 0, 0.66);
|
|
52
|
-
--mirai-chat-avatar-color-1: var(--mirai-ui-accent);
|
|
53
|
-
--mirai-chat-avatar-color-2: var(--mirai-ui-accent-dark);
|
|
54
|
-
--mirai-chat-avatar-color-3: var(--mirai-ui-accent-border);
|
|
55
|
-
--mirai-chat-avatar-color-4: var(--mirai-ui-accent-background);
|
|
56
|
-
--mirai-chat-avatar-border-radius: 40%;
|
|
57
|
-
--mirai-chat-avatar-size: 72px;
|
|
58
43
|
|
|
59
44
|
/* Deals */
|
|
60
45
|
/* ?? */
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.ButtonAvatar.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","style","_components","_helpers","_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","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","buttonAvatar","undefined","row","welcome","Text","action","markdown","medium","L10N","LABEL_GREETINGS_SESSION","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/Chat.ButtonAvatar.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 { DEFAULT_NAME } from './Chat.constants';\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { EVENT, ICON } from '../helpers';\n\nconst DELAY_WELCOME = 10000;\nlet focused = false;\n\nconst ButtonAvatar = ({\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.buttonAvatar,\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 <Text action markdown={false} medium>\n {translate(firstName ? L10N.LABEL_GREETINGS_SESSION : L10N.LABEL_GREETINGS, { firstName, name })}\n </Text>\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\nButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';\n\nButtonAvatar.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 { ButtonAvatar };\n"],"mappings":"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"}
|