@mirai/core 0.4.244 → 0.4.246
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 -35
- 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
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Header = void 0;
|
|
7
|
-
var _locale = require("@mirai/locale");
|
|
8
|
-
var _ui = require("@mirai/ui");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _Chat = require("./Chat.constants");
|
|
12
|
-
var _Chat2 = require("./Chat.l10n");
|
|
13
|
-
var style = _interopRequireWildcard(require("./Chat.module.css"));
|
|
14
|
-
var _components = require("./components");
|
|
15
|
-
var _helpers = require("../helpers");
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
const Header = _ref => {
|
|
20
|
-
let {
|
|
21
|
-
config: {
|
|
22
|
-
image,
|
|
23
|
-
name = _Chat.DEFAULT_NAME
|
|
24
|
-
} = {},
|
|
25
|
-
form: {
|
|
26
|
-
dates: [checkin, checkout] = [],
|
|
27
|
-
occupation: [occupation = []] = []
|
|
28
|
-
} = {},
|
|
29
|
-
online,
|
|
30
|
-
onClose
|
|
31
|
-
} = _ref;
|
|
32
|
-
const {
|
|
33
|
-
dateFormat,
|
|
34
|
-
translate
|
|
35
|
-
} = (0, _locale.useLocale)();
|
|
36
|
-
|
|
37
|
-
// ! TODO: Change <Finder> with <Chat> values
|
|
38
|
-
// const { set, value: { finder: storeFinder } = {} } = useStore();
|
|
39
|
-
|
|
40
|
-
// useEffect(() => {
|
|
41
|
-
// if (!visible) return;
|
|
42
|
-
// const nextFinder = {};
|
|
43
|
-
|
|
44
|
-
// if (checkin) nextFinder.calendar = [parseDate(checkin), parseDate(checkout)];
|
|
45
|
-
// if (occupation.length > 0) nextFinder.occupation = [occupation];
|
|
46
|
-
|
|
47
|
-
// if (JSON.stringify(storeFinder) !== JSON.stringify({ ...storeFinder, ...nextFinder })) {
|
|
48
|
-
// console.log('<Chat.Header>::effect', { storeFinder, nextFinder });
|
|
49
|
-
// set({ finder: { ...storeFinder, ...nextFinder } });
|
|
50
|
-
// }
|
|
51
|
-
// // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
|
-
// }, [checkin, storeFinder, occupation, visible]);
|
|
53
|
-
|
|
54
|
-
const hasDates = !!checkin;
|
|
55
|
-
const hasOccupation = occupation.length > 0;
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
57
|
-
className: (0, _ui.styles)(style.header, hasDates || hasOccupation)
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
59
|
-
row: true,
|
|
60
|
-
className: style.content
|
|
61
|
-
}, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
|
|
62
|
-
image,
|
|
63
|
-
small: true
|
|
64
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
65
|
-
wide: true
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
67
|
-
bold: true
|
|
68
|
-
}, "".concat(name, " - ").concat(translate(_Chat2.L10N.LABEL_ASSISTANT))), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
69
|
-
row: true
|
|
70
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
71
|
-
className: (0, _ui.styles)(style.bullet, online ? style.online : style.offline)
|
|
72
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
73
|
-
small: true,
|
|
74
|
-
light: true
|
|
75
|
-
}, translate(online ? _Chat2.L10N.LABEL_ONLINE : _Chat2.L10N.LABEL_OFFLINE)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
76
|
-
row: true
|
|
77
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Button, {
|
|
78
|
-
small: true,
|
|
79
|
-
squared: true,
|
|
80
|
-
tooltip: translate(_Chat2.L10N.ACTION_CLOSE),
|
|
81
|
-
transparent: true,
|
|
82
|
-
onPress: onClose
|
|
83
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
84
|
-
value: _helpers.ICON.CLOSE
|
|
85
|
-
})))), (hasDates || hasOccupation) && /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
86
|
-
row: true,
|
|
87
|
-
className: style.form
|
|
88
|
-
}, hasDates && [(0, _locale.parseDate)(checkin), checkout ? (0, _locale.parseDate)(checkout) : undefined].filter(date => !!date).map((date, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
89
|
-
key: "date:".concat(index),
|
|
90
|
-
row: true,
|
|
91
|
-
className: style.field
|
|
92
|
-
}, index === 0 && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
93
|
-
light: true,
|
|
94
|
-
value: _helpers.ICON.CALENDAR
|
|
95
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
96
|
-
bold: true,
|
|
97
|
-
capitalize: true
|
|
98
|
-
}, dateFormat(date, {
|
|
99
|
-
weekday: 'long'
|
|
100
|
-
})), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
101
|
-
small: true,
|
|
102
|
-
light: true
|
|
103
|
-
}, dateFormat(date, {
|
|
104
|
-
day: 'numeric',
|
|
105
|
-
month: 'long'
|
|
106
|
-
}))), (index === 0 && checkout || index === 1 && hasOccupation) && /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
107
|
-
light: true,
|
|
108
|
-
headline: true,
|
|
109
|
-
className: index === 1 && hasOccupation ? style.anchor : undefined
|
|
110
|
-
}, index === 0 ? '—' : '>'))), hasOccupation && /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
111
|
-
row: true,
|
|
112
|
-
className: style.field
|
|
113
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
|
|
114
|
-
light: true,
|
|
115
|
-
value: _helpers.ICON.PEOPLE
|
|
116
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
117
|
-
bold: true
|
|
118
|
-
}, occupation.map(function () {
|
|
119
|
-
let {
|
|
120
|
-
amount,
|
|
121
|
-
ages = []
|
|
122
|
-
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
123
|
-
return amount || ages.length;
|
|
124
|
-
}).join(' + ')), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
125
|
-
small: true,
|
|
126
|
-
light: true
|
|
127
|
-
}, translate(_Chat2.L10N.LABEL_WHO))))));
|
|
128
|
-
};
|
|
129
|
-
exports.Header = Header;
|
|
130
|
-
Header.displayName = 'Mirai:Core:Chat.Header';
|
|
131
|
-
Header.propTypes = {
|
|
132
|
-
config: _propTypes.default.shape({
|
|
133
|
-
image: _propTypes.default.string,
|
|
134
|
-
name: _propTypes.default.string
|
|
135
|
-
}),
|
|
136
|
-
form: _propTypes.default.shape({
|
|
137
|
-
dates: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
138
|
-
occupation: _propTypes.default.arrayOf(_propTypes.default.any)
|
|
139
|
-
}),
|
|
140
|
-
online: _propTypes.default.bool,
|
|
141
|
-
visible: _propTypes.default.bool,
|
|
142
|
-
onClose: _propTypes.default.func
|
|
143
|
-
};
|
|
144
|
-
//# sourceMappingURL=Chat.Header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.Header.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Chat","_Chat2","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","config","image","name","DEFAULT_NAME","form","dates","checkin","checkout","occupation","online","onClose","dateFormat","translate","useLocale","hasDates","hasOccupation","length","createElement","View","className","styles","header","row","content","Avatar","small","wide","Text","bold","concat","L10N","LABEL_ASSISTANT","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","value","ICON","CLOSE","parseDate","undefined","filter","date","map","index","key","field","CALENDAR","capitalize","weekday","day","month","headline","anchor","PEOPLE","amount","ages","arguments","join","LABEL_WHO","exports","displayName","propTypes","PropTypes","shape","string","arrayOf","any","bool","visible","func"],"sources":["../../../src/components/Chat/Chat.Header.js"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React 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 { ICON } from '../helpers';\n\nconst Header = ({\n config: { image, name = DEFAULT_NAME } = {},\n form: { dates: [checkin, checkout] = [], occupation: [occupation = []] = [] } = {},\n online,\n onClose,\n}) => {\n const { dateFormat, translate } = useLocale();\n\n // ! TODO: Change <Finder> with <Chat> values\n // const { set, value: { finder: storeFinder } = {} } = useStore();\n\n // useEffect(() => {\n // if (!visible) return;\n // const nextFinder = {};\n\n // if (checkin) nextFinder.calendar = [parseDate(checkin), parseDate(checkout)];\n // if (occupation.length > 0) nextFinder.occupation = [occupation];\n\n // if (JSON.stringify(storeFinder) !== JSON.stringify({ ...storeFinder, ...nextFinder })) {\n // console.log('<Chat.Header>::effect', { storeFinder, nextFinder });\n // set({ finder: { ...storeFinder, ...nextFinder } });\n // }\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [checkin, storeFinder, occupation, visible]);\n\n const hasDates = !!checkin;\n const hasOccupation = occupation.length > 0;\n\n return (\n <View className={styles(style.header, hasDates || hasOccupation)}>\n <View row className={style.content}>\n <Avatar {...{ image }} small />\n <View wide>\n <Text bold>{`${name} - ${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 {(hasDates || hasOccupation) && (\n <View row className={style.form}>\n {hasDates &&\n [parseDate(checkin), checkout ? parseDate(checkout) : undefined]\n .filter((date) => !!date)\n .map((date, index) => (\n <View key={`date:${index}`} row className={style.field}>\n {index === 0 && <Icon light value={ICON.CALENDAR} />}\n <View>\n <Text bold capitalize>\n {dateFormat(date, { weekday: 'long' })}\n </Text>\n <Text small light>\n {dateFormat(date, { day: 'numeric', month: 'long' })}\n </Text>\n </View>\n\n {((index === 0 && checkout) || (index === 1 && hasOccupation)) && (\n <Text light headline className={index === 1 && hasOccupation ? style.anchor : undefined}>\n {index === 0 ? '—' : '>'}\n </Text>\n )}\n </View>\n ))}\n\n {hasOccupation && (\n <View row className={style.field}>\n <Icon light value={ICON.PEOPLE} />\n <View>\n <Text bold>{occupation.map(({ amount, ages = [] } = {}) => amount || ages.length).join(' + ')}</Text>\n <Text small light>\n {translate(L10N.LABEL_WHO)}\n </Text>\n </View>\n </View>\n )}\n </View>\n )}\n </View>\n );\n};\n\nHeader.displayName = 'Mirai:Core:Chat.Header';\n\nHeader.propTypes = {\n config: PropTypes.shape({\n image: PropTypes.string,\n name: PropTypes.string,\n }),\n form: PropTypes.shape({\n dates: PropTypes.arrayOf(PropTypes.string),\n occupation: PropTypes.arrayOf(PropTypes.any),\n }),\n online: PropTypes.bool,\n visible: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputRich.List.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_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","List","_ref","options","value","onChange","onValid","others","handlePress","id","createElement","ScrollView","height","scrollIndicator","className","styles","list","map","caption","isHotel","text","undefined","index","selected","Pressable","onPress","item","option","category","Text","action","View","bold","small","exports","propTypes","PropTypes","arrayOf","shape","string","label","func"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.List.jsx"],"sourcesContent":["import { Pressable, ScrollView, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputRich.module.css';\n\nconst List = ({ options = [], value, onChange = () => {}, onValid = () => {}, ...others }) => {\n const handlePress = (id) => {\n onChange(id);\n onValid(true);\n };\n\n return (\n <ScrollView {...others} height={128} scrollIndicator className={styles(style.list, others.className)}>\n {options.map(({ caption, id, isHotel, text } = {}, index) => {\n const selected = isHotel && value === id;\n\n return (\n <Pressable\n key={index}\n onPress={isHotel ? () => handlePress(id) : undefined}\n className={styles(style.item, isHotel ? style.option : style.category, selected && style.selected)}\n >\n {isHotel && <Text action>{selected ? '●' : '○'}</Text>}\n <View>\n <Text action bold={!isHotel || !!caption}>\n {text}\n </Text>\n {caption && <Text small>{caption}</Text>}\n </View>\n </Pressable>\n );\n })}\n </ScrollView>\n );\n};\n\nList.propTypes = {\n options: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.label,\n }),\n ),\n value: PropTypes.string,\n onChange: PropTypes.func,\n onValid: PropTypes.func,\n};\n\nexport { List };\n"],"mappings":"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"}
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.InputRich = 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 _helpers = require("./helpers");
|
|
13
|
-
var _InputRich = require("./InputRich.l10n");
|
|
14
|
-
var _InputRich2 = require("./InputRich.List");
|
|
15
|
-
var style = _interopRequireWildcard(require("./InputRich.module.css"));
|
|
16
|
-
var _shared__ = require("../../../__shared__");
|
|
17
|
-
var _Chat = require("../../Chat.constants");
|
|
18
|
-
var _helpers2 = require("../../helpers");
|
|
19
|
-
var _Avatar = require("../Avatar");
|
|
20
|
-
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); }
|
|
21
|
-
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; }
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
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); }
|
|
24
|
-
const CALENDAR_PROPS = {
|
|
25
|
-
format: 'DD/MM/YYYY',
|
|
26
|
-
months: 12,
|
|
27
|
-
range: true,
|
|
28
|
-
vertical: true
|
|
29
|
-
};
|
|
30
|
-
const INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];
|
|
31
|
-
const InputRich = _ref => {
|
|
32
|
-
let {
|
|
33
|
-
disabled = false,
|
|
34
|
-
onValue = () => {},
|
|
35
|
-
...others
|
|
36
|
-
} = _ref;
|
|
37
|
-
const {
|
|
38
|
-
dateFormat,
|
|
39
|
-
translate
|
|
40
|
-
} = (0, _locale.useLocale)();
|
|
41
|
-
const {
|
|
42
|
-
value: {
|
|
43
|
-
lisa,
|
|
44
|
-
locale,
|
|
45
|
-
...store
|
|
46
|
-
}
|
|
47
|
-
} = (0, _dataSources.useStore)();
|
|
48
|
-
const [dataSource, setDataSource] = (0, _react.useState)();
|
|
49
|
-
const [value, setValue] = (0, _react.useState)();
|
|
50
|
-
const [valid, setValid] = (0, _react.useState)();
|
|
51
|
-
const [visible, setVisible] = (0, _react.useState)();
|
|
52
|
-
(0, _react.useEffect)(() => {
|
|
53
|
-
const callback = function () {
|
|
54
|
-
let {
|
|
55
|
-
requirement = {},
|
|
56
|
-
...others
|
|
57
|
-
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
58
|
-
if (!requirement.name) return;
|
|
59
|
-
setDataSource({
|
|
60
|
-
...requirement,
|
|
61
|
-
...others
|
|
62
|
-
});
|
|
63
|
-
setValid(); // ! TODO: In some cases (occupation & promocode) we should set "something"
|
|
64
|
-
setValue();
|
|
65
|
-
setVisible(true);
|
|
66
|
-
};
|
|
67
|
-
_dataSources.Event.subscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
|
|
68
|
-
return () => _dataSources.Event.unsubscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
|
|
69
|
-
}, [lisa, setDataSource]);
|
|
70
|
-
const handleCancel = () => {
|
|
71
|
-
setVisible(false);
|
|
72
|
-
};
|
|
73
|
-
const handleChange = value => {
|
|
74
|
-
const {
|
|
75
|
-
type
|
|
76
|
-
} = dataSource;
|
|
77
|
-
let next = value;
|
|
78
|
-
if (type === 'calendar') {
|
|
79
|
-
const [from, to] = value || [];
|
|
80
|
-
next = [from ? dateFormat(from, CALENDAR_PROPS) : undefined, to ? dateFormat(to, CALENDAR_PROPS) : undefined];
|
|
81
|
-
setValid(!!from && !!to);
|
|
82
|
-
}
|
|
83
|
-
setValue(next);
|
|
84
|
-
};
|
|
85
|
-
const handleSubmit = () => {
|
|
86
|
-
const {
|
|
87
|
-
intent,
|
|
88
|
-
response: {
|
|
89
|
-
form = {},
|
|
90
|
-
value: context = {}
|
|
91
|
-
} = {}
|
|
92
|
-
} = lisa;
|
|
93
|
-
const {
|
|
94
|
-
name,
|
|
95
|
-
required,
|
|
96
|
-
onSubmit,
|
|
97
|
-
...component
|
|
98
|
-
} = dataSource;
|
|
99
|
-
if (onSubmit) {
|
|
100
|
-
const text = is.calendar ? (0, _helpers2.getVerboseDate)(value, locale) : is.occupation ? (0, _helpers.getVerboseOccupation)({
|
|
101
|
-
store,
|
|
102
|
-
translate,
|
|
103
|
-
value
|
|
104
|
-
}) : is.list ? (0, _helpers.getVerboseList)(value, component) : value;
|
|
105
|
-
onSubmit({
|
|
106
|
-
text,
|
|
107
|
-
value
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
onValue({
|
|
111
|
-
intent,
|
|
112
|
-
context,
|
|
113
|
-
form: {
|
|
114
|
-
...form,
|
|
115
|
-
[name]: is.text && !required && !value ? ' ' : value
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
setVisible(false);
|
|
119
|
-
};
|
|
120
|
-
const {
|
|
121
|
-
defaultValue,
|
|
122
|
-
name,
|
|
123
|
-
required,
|
|
124
|
-
text,
|
|
125
|
-
type,
|
|
126
|
-
...component
|
|
127
|
-
} = dataSource || {};
|
|
128
|
-
const is = {
|
|
129
|
-
calendar: type === 'calendar',
|
|
130
|
-
list: type === 'list',
|
|
131
|
-
occupation: type === 'occupation',
|
|
132
|
-
promocode: name === 'promocode',
|
|
133
|
-
text: INPUT_TEXT_TYPES.includes(type)
|
|
134
|
-
};
|
|
135
|
-
return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
|
|
136
|
-
className: [style.container, visible && style.visible]
|
|
137
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
138
|
-
className: [style.content, visible && style.visible]
|
|
139
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
140
|
-
row: true,
|
|
141
|
-
className: style.header
|
|
142
|
-
}, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
|
|
143
|
-
small: true
|
|
144
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
145
|
-
bold: true,
|
|
146
|
-
wide: true
|
|
147
|
-
}, text)), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
148
|
-
className: (0, _ui.styles)(style.component, is.text && style.inputText),
|
|
149
|
-
st: true
|
|
150
|
-
}, type && /*#__PURE__*/_react.default.createElement(is.calendar ? _ui.Calendar : is.occupation ? _shared__.Occupation : is.list ? _InputRich2.List : _ui.InputText, {
|
|
151
|
-
...component,
|
|
152
|
-
...(is.calendar ? CALENDAR_PROPS : {}),
|
|
153
|
-
hint: is.promocode ? translate(_InputRich.L10N.LABEL_PROMOCODE_HINT) : undefined,
|
|
154
|
-
locale,
|
|
155
|
-
value: value || defaultValue,
|
|
156
|
-
onChange: handleChange,
|
|
157
|
-
onError: () => setValid(false),
|
|
158
|
-
onValid: () => setValid(true),
|
|
159
|
-
onSubmit: undefined
|
|
160
|
-
})), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
161
|
-
row: true,
|
|
162
|
-
wide: true,
|
|
163
|
-
className: style.footer
|
|
164
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.Button, {
|
|
165
|
-
transparent: true,
|
|
166
|
-
large: true,
|
|
167
|
-
onPress: handleCancel
|
|
168
|
-
}, translate(_InputRich.L10N.ACTION_CANCEL)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
|
|
169
|
-
disabled: disabled || required && !valid,
|
|
170
|
-
large: true,
|
|
171
|
-
onPress: handleSubmit
|
|
172
|
-
}, translate(_InputRich.L10N.ACTION_CONTINUE)))));
|
|
173
|
-
};
|
|
174
|
-
exports.InputRich = InputRich;
|
|
175
|
-
InputRich.propTypes = {
|
|
176
|
-
disabled: _propTypes.default.bool,
|
|
177
|
-
onValue: _propTypes.default.func
|
|
178
|
-
};
|
|
179
|
-
//# sourceMappingURL=InputRich.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputRich.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_InputRich","_InputRich2","style","_shared__","_Chat","_helpers2","_Avatar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","CALENDAR_PROPS","format","months","range","vertical","INPUT_TEXT_TYPES","InputRich","_ref","disabled","onValue","others","dateFormat","translate","useLocale","value","lisa","locale","store","useStore","dataSource","setDataSource","useState","setValue","valid","setValid","visible","setVisible","useEffect","callback","requirement","undefined","name","Event","subscribe","EVENT","INPUT_COMPONENT","unsubscribe","handleCancel","handleChange","type","next","from","to","handleSubmit","intent","response","form","context","required","onSubmit","component","text","is","calendar","getVerboseDate","occupation","getVerboseOccupation","list","getVerboseList","defaultValue","promocode","includes","createElement","View","className","container","content","row","header","Avatar","small","Text","bold","wide","styles","inputText","st","React","Calendar","Occupation","List","InputText","hint","L10N","LABEL_PROMOCODE_HINT","onChange","onError","onValid","footer","Button","transparent","large","onPress","ACTION_CANCEL","ACTION_CONTINUE","exports","propTypes","PropTypes","bool","func"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Calendar, InputText, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getVerboseList, getVerboseOccupation } from './helpers';\nimport { L10N } from './InputRich.l10n';\nimport { List } from './InputRich.List';\nimport * as style from './InputRich.module.css';\nimport { Occupation } from '../../../__shared__';\nimport { EVENT } from '../../Chat.constants';\nimport { getVerboseDate } from '../../helpers';\nimport { Avatar } from '../Avatar';\n\nconst CALENDAR_PROPS = { format: 'DD/MM/YYYY', months: 12, range: true, vertical: true };\nconst INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];\n\nconst InputRich = ({ disabled = false, onValue = () => {}, ...others }) => {\n const { dateFormat, translate } = useLocale();\n const {\n value: { lisa, locale, ...store },\n } = useStore();\n\n const [dataSource, setDataSource] = useState();\n const [value, setValue] = useState();\n const [valid, setValid] = useState();\n const [visible, setVisible] = useState();\n\n useEffect(() => {\n const callback = ({ requirement = {}, ...others } = {}) => {\n if (!requirement.name) return;\n\n setDataSource({ ...requirement, ...others });\n setValid(); // ! TODO: In some cases (occupation & promocode) we should set \"something\"\n setValue();\n setVisible(true);\n };\n\n Event.subscribe(EVENT.INPUT_COMPONENT, callback);\n return () => Event.unsubscribe(EVENT.INPUT_COMPONENT, callback);\n }, [lisa, setDataSource]);\n\n const handleCancel = () => {\n setVisible(false);\n };\n\n const handleChange = (value) => {\n const { type } = dataSource;\n let next = value;\n\n if (type === 'calendar') {\n const [from, to] = value || [];\n next = [from ? dateFormat(from, CALENDAR_PROPS) : undefined, to ? dateFormat(to, CALENDAR_PROPS) : undefined];\n setValid(!!from && !!to);\n }\n\n setValue(next);\n };\n\n const handleSubmit = () => {\n const { intent, response: { form = {}, value: context = {} } = {} } = lisa;\n const { name, required, onSubmit, ...component } = dataSource;\n\n if (onSubmit) {\n const text = is.calendar\n ? getVerboseDate(value, locale)\n : is.occupation\n ? getVerboseOccupation({ store, translate, value })\n : is.list\n ? getVerboseList(value, component)\n : value;\n\n onSubmit({ text, value });\n }\n\n onValue({\n intent,\n context,\n form: { ...form, [name]: is.text && !required && !value ? ' ' : value },\n });\n setVisible(false);\n };\n\n const { defaultValue, name, required, text, type, ...component } = dataSource || {};\n const is = {\n calendar: type === 'calendar',\n list: type === 'list',\n occupation: type === 'occupation',\n promocode: name === 'promocode',\n text: INPUT_TEXT_TYPES.includes(type),\n };\n\n return (\n <View {...others} className={[style.container, visible && style.visible]}>\n <View className={[style.content, visible && style.visible]}>\n <View row className={style.header}>\n <Avatar small />\n\n <Text bold wide>\n {text}\n </Text>\n </View>\n\n <View className={styles(style.component, is.text && style.inputText)} st>\n {type &&\n React.createElement(is.calendar ? Calendar : is.occupation ? Occupation : is.list ? List : InputText, {\n ...component,\n ...(is.calendar ? CALENDAR_PROPS : {}),\n hint: is.promocode ? translate(L10N.LABEL_PROMOCODE_HINT) : undefined,\n locale,\n value: value || defaultValue,\n onChange: handleChange,\n onError: () => setValid(false),\n onValid: () => setValid(true),\n onSubmit: undefined,\n })}\n </View>\n\n <View row wide className={style.footer}>\n <Button transparent large onPress={handleCancel}>\n {translate(L10N.ACTION_CANCEL)}\n </Button>\n\n <Button disabled={disabled || (required && !valid)} large onPress={handleSubmit}>\n {translate(L10N.ACTION_CONTINUE)}\n </Button>\n </View>\n </View>\n </View>\n );\n};\n\nInputRich.propTypes = {\n disabled: PropTypes.bool,\n onValue: PropTypes.func,\n};\n\nexport { InputRich };\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputRich.l10n.js","names":["L10N","exports","ACTION_CANCEL","id","ACTION_CONTINUE","LABEL_PROMOCODE_HINT"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.l10n.js"],"sourcesContent":["export const L10N = {\n ACTION_CANCEL: { id: 'common.action.cancel' },\n ACTION_CONTINUE: { id: 'user.action.continue' },\n\n LABEL_PROMOCODE_HINT: { id: 'lisa.label.promocode_hint' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,aAAa,EAAE;IAAEC,EAAE,EAAE;EAAuB,CAAC;EAC7CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAE/CE,oBAAoB,EAAE;IAAEF,EAAE,EAAE;EAA4B;AAC1D,CAAC"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
backdrop-filter: blur(8px);
|
|
3
|
-
background-color: var(--mirai-chat-base-opacity);
|
|
4
|
-
bottom: 0;
|
|
5
|
-
height: 100%;
|
|
6
|
-
justify-content: flex-end;
|
|
7
|
-
left: 0;
|
|
8
|
-
pointer-events: none;
|
|
9
|
-
position: absolute;
|
|
10
|
-
opacity: 0;
|
|
11
|
-
transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
|
|
12
|
-
transition-delay: var(--mirai-ui-motion-expand);
|
|
13
|
-
width: 100%;
|
|
14
|
-
z-index: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.container.visible {
|
|
18
|
-
opacity: 1;
|
|
19
|
-
pointer-events: all;
|
|
20
|
-
transition-delay: var(--mirai-ui-motion-expand);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.content {
|
|
24
|
-
transform: translateY(100%);
|
|
25
|
-
transition: transform var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
|
|
26
|
-
transition-delay: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.content.visible {
|
|
30
|
-
transform: translateY(0%);
|
|
31
|
-
transition-delay: var(--mirai-ui-motion-expand);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.content .header {
|
|
35
|
-
gap: calc(var(--mirai-chat-space) / 2);
|
|
36
|
-
padding: var(--mirai-chat-space);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.content .component {
|
|
40
|
-
margin: 0 var(--mirai-chat-space);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.content .component:not(.inputText) {
|
|
44
|
-
border: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
|
|
45
|
-
border-radius: var(--mirai-chat-border-radius);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.content .component.inputText > * {
|
|
49
|
-
margin-bottom: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.content .component > * {
|
|
53
|
-
width: 100%;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.content .footer {
|
|
57
|
-
gap: var(--mirai-chat-space);
|
|
58
|
-
padding: var(--mirai-chat-space);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.content .footer > * {
|
|
62
|
-
flex: 1;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/* -- InputRich.List.jsx */
|
|
66
|
-
.list {
|
|
67
|
-
flex: 1;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.list .item {
|
|
71
|
-
display: flex;
|
|
72
|
-
flex-direction: row;
|
|
73
|
-
gap: calc(var(--mirai-chat-space) / 2);
|
|
74
|
-
padding: var(--mirai-chat-message-offset);
|
|
75
|
-
width: 100%;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.list .item.category {
|
|
79
|
-
cursor: default;
|
|
80
|
-
padding-bottom: 0;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.list .item.category:not(:first-child) {
|
|
84
|
-
border-top: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.list .item.option.selected,
|
|
88
|
-
.list .item.option:hover {
|
|
89
|
-
background-color: var(--mirai-chat-text-color);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.list .item.option.selected *,
|
|
93
|
-
.list .item.option:hover * {
|
|
94
|
-
color: var(--mirai-chat-text-accent-color);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/* S */
|
|
98
|
-
@media only screen and (max-width: 480px) {
|
|
99
|
-
.list {
|
|
100
|
-
max-height: calc(100svh - calc(var(--mirai-ui-space-XL) * 3.2));
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/* M & L */
|
|
105
|
-
@media only screen and (min-width: 481px) {
|
|
106
|
-
.list {
|
|
107
|
-
max-height: calc(70svh - calc(var(--mirai-ui-space-XL) * 3.2));
|
|
108
|
-
}
|
|
109
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getVerboseList.js","names":["getVerboseList","id","options","arguments","length","undefined","text","find","item","exports"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/getVerboseList.js"],"sourcesContent":["export const getVerboseList = (id, { options = [] } = {}) => {\n const { text } = options.find((item = {}) => item.id === id) || {};\n\n return text || id;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAG,SAAAA,CAACC,EAAE,EAA4B;EAAA,IAA1B;IAAEC,OAAO,GAAG;EAAG,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACtD,MAAM;IAAEG;EAAK,CAAC,GAAGJ,OAAO,CAACK,IAAI,CAAC;IAAA,IAACC,IAAI,GAAAL,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKK,IAAI,CAACP,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,CAAC,CAAC;EAElE,OAAOK,IAAI,IAAIL,EAAE;AACnB,CAAC;AAACQ,OAAA,CAAAT,cAAA,GAAAA,cAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getVerboseOccupation = void 0;
|
|
7
|
-
var _locale = require("@mirai/locale");
|
|
8
|
-
var _helpers = require("../../../../helpers");
|
|
9
|
-
const getVerboseOccupation = function () {
|
|
10
|
-
let {
|
|
11
|
-
store: {
|
|
12
|
-
config: {
|
|
13
|
-
hotels: dataSource,
|
|
14
|
-
lodgingDenomination: individual
|
|
15
|
-
} = {}
|
|
16
|
-
} = {},
|
|
17
|
-
translate = _locale.translate,
|
|
18
|
-
value
|
|
19
|
-
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
20
|
-
return (0, _helpers.getOccupationSummary)(value, translate, (0, _helpers.getAccommodationType)({
|
|
21
|
-
dataSource,
|
|
22
|
-
hotels: [],
|
|
23
|
-
individual
|
|
24
|
-
})).trim();
|
|
25
|
-
};
|
|
26
|
-
exports.getVerboseOccupation = getVerboseOccupation;
|
|
27
|
-
//# sourceMappingURL=getVerboseOccupation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getVerboseOccupation.js","names":["_locale","require","_helpers","getVerboseOccupation","store","config","hotels","dataSource","lodgingDenomination","individual","translate","translateBase","value","arguments","length","undefined","getOccupationSummary","getAccommodationType","trim","exports"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/getVerboseOccupation.js"],"sourcesContent":["import { translate as translateBase } from '@mirai/locale';\n\nimport { getAccommodationType, getOccupationSummary } from '../../../../helpers';\n\nexport const getVerboseOccupation = ({\n store: { config: { hotels: dataSource, lodgingDenomination: individual } = {} } = {},\n translate = translateBase,\n value,\n} = {}) => getOccupationSummary(value, translate, getAccommodationType({ dataSource, hotels: [], individual })).trim();\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAG,SAAAA,CAAA;EAAA,IAAC;IACnCC,KAAK,EAAE;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAEC,UAAU;QAAEC,mBAAmB,EAAEC;MAAW,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IACpFC,SAAS,GAAGC,iBAAa;IACzBC;EACF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,OAAK,IAAAG,6BAAoB,EAACJ,KAAK,EAAEF,SAAS,EAAE,IAAAO,6BAAoB,EAAC;IAAEV,UAAU;IAAED,MAAM,EAAE,EAAE;IAAEG;EAAW,CAAC,CAAC,CAAC,CAACS,IAAI,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_getVerboseOccupation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getVerboseList"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/index.js"],"sourcesContent":["export * from './getVerboseOccupation';\nexport * from './getVerboseList';\n"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_InputRich","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/InputRich/index.js"],"sourcesContent":["export * from './InputRich';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Typewriter = void 0;
|
|
7
|
-
var _ui = require("@mirai/ui");
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
const TOTAL_DURATION = 1000;
|
|
14
|
-
const MIN_SPEED = 60;
|
|
15
|
-
const Typewriter = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
children = '',
|
|
18
|
-
onTyped,
|
|
19
|
-
...others
|
|
20
|
-
} = _ref;
|
|
21
|
-
const [displayedText, setDisplayedText] = (0, _react.useState)('');
|
|
22
|
-
const [index, setIndex] = (0, _react.useState)(0);
|
|
23
|
-
const words = children.split(' ');
|
|
24
|
-
const speed = Math.min(TOTAL_DURATION / words.length, MIN_SPEED);
|
|
25
|
-
(0, _react.useEffect)(() => {
|
|
26
|
-
if (index < words.length) {
|
|
27
|
-
const timeout = setTimeout(() => {
|
|
28
|
-
setDisplayedText(previous => previous ? previous + ' ' + words[index] : words[index]);
|
|
29
|
-
setIndex(index + 1);
|
|
30
|
-
onTyped && onTyped();
|
|
31
|
-
}, speed);
|
|
32
|
-
return () => clearTimeout(timeout);
|
|
33
|
-
} else if (onTyped) {
|
|
34
|
-
onTyped();
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
38
|
-
}, [index, words]);
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(_ui.Text, others, displayedText);
|
|
40
|
-
};
|
|
41
|
-
exports.Typewriter = Typewriter;
|
|
42
|
-
Typewriter.displayName = 'Typewriter';
|
|
43
|
-
Typewriter.propTypes = {
|
|
44
|
-
children: _propTypes.default.string,
|
|
45
|
-
onTyped: _propTypes.default.func
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=Typewriter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typewriter.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","TOTAL_DURATION","MIN_SPEED","Typewriter","_ref","children","onTyped","others","displayedText","setDisplayedText","useState","index","setIndex","words","split","speed","Math","min","length","useEffect","timeout","setTimeout","previous","clearTimeout","createElement","Text","exports","displayName","propTypes","PropTypes","string","func"],"sources":["../../../../../../src/components/Chat/components/Message/components/Typewriter.jsx"],"sourcesContent":["import { Text } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nconst TOTAL_DURATION = 1000;\nconst MIN_SPEED = 60;\n\nconst Typewriter = ({ children = '', onTyped, ...others }) => {\n const [displayedText, setDisplayedText] = useState('');\n const [index, setIndex] = useState(0);\n\n const words = children.split(' ');\n const speed = Math.min(TOTAL_DURATION / words.length, MIN_SPEED);\n\n useEffect(() => {\n if (index < words.length) {\n const timeout = setTimeout(() => {\n setDisplayedText((previous) => (previous ? previous + ' ' + words[index] : words[index]));\n setIndex(index + 1);\n onTyped && onTyped();\n }, speed);\n\n return () => clearTimeout(timeout);\n } else if (onTyped) {\n onTyped();\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [index, words]);\n\n return <Text {...others}>{displayedText}</Text>;\n};\n\nTypewriter.displayName = 'Typewriter';\n\nTypewriter.propTypes = {\n children: PropTypes.string,\n onTyped: PropTypes.func,\n};\n\nexport { Typewriter };\n"],"mappings":"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"}
|
|
File without changes
|