@mirai/core 0.3.171 → 0.3.172

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.
Files changed (137) hide show
  1. package/.env +7 -4
  2. package/build/components/Booking/components/Hotelverse/Hotelverse.js +1 -1
  3. package/build/components/Booking/components/Hotelverse/Hotelverse.js.map +1 -1
  4. package/build/components/Chat/Chat.constants.js +28 -0
  5. package/build/components/Chat/Chat.constants.js.map +1 -0
  6. package/build/components/Chat/Chat.js +231 -0
  7. package/build/components/Chat/Chat.js.map +1 -0
  8. package/build/components/Chat/Chat.l10n.js +24 -0
  9. package/build/components/Chat/Chat.l10n.js.map +1 -0
  10. package/build/components/Chat/Chat.module.css +90 -0
  11. package/build/components/Chat/Chat.theme.module.css +49 -0
  12. package/build/components/Chat/components/Avatar/Avatar.js +68 -0
  13. package/build/components/Chat/components/Avatar/Avatar.js.map +1 -0
  14. package/build/components/Chat/components/Avatar/Avatar.module.css +81 -0
  15. package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap +97 -0
  16. package/build/components/Chat/components/Avatar/index.js +17 -0
  17. package/build/components/Chat/components/Avatar/index.js.map +1 -0
  18. package/build/components/Chat/components/Input/Input.js +72 -0
  19. package/build/components/Chat/components/Input/Input.js.map +1 -0
  20. package/build/components/Chat/components/Input/Input.l10n.js +15 -0
  21. package/build/components/Chat/components/Input/Input.l10n.js.map +1 -0
  22. package/build/components/Chat/components/Input/Input.module.css +19 -0
  23. package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap +175 -0
  24. package/build/components/Chat/components/Input/index.js +17 -0
  25. package/build/components/Chat/components/Input/index.js.map +1 -0
  26. package/build/components/Chat/components/InputRich/InputRich.List.js +52 -0
  27. package/build/components/Chat/components/InputRich/InputRich.List.js.map +1 -0
  28. package/build/components/Chat/components/InputRich/InputRich.js +182 -0
  29. package/build/components/Chat/components/InputRich/InputRich.js.map +1 -0
  30. package/build/components/Chat/components/InputRich/InputRich.l10n.js +12 -0
  31. package/build/components/Chat/components/InputRich/InputRich.l10n.js.map +1 -0
  32. package/build/components/Chat/components/InputRich/InputRich.module.css +73 -0
  33. package/build/components/Chat/components/InputRich/__tests__/__snapshots__/InputRich.test.jsx.snap +275 -0
  34. package/build/components/Chat/components/InputRich/helpers/getVerboseList.js +20 -0
  35. package/build/components/Chat/components/InputRich/helpers/getVerboseList.js.map +1 -0
  36. package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js +27 -0
  37. package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js.map +1 -0
  38. package/build/components/Chat/components/InputRich/helpers/index.js +28 -0
  39. package/build/components/Chat/components/InputRich/helpers/index.js.map +1 -0
  40. package/build/components/Chat/components/InputRich/index.js +17 -0
  41. package/build/components/Chat/components/InputRich/index.js.map +1 -0
  42. package/build/components/Chat/components/Message/Message.constants.js +18 -0
  43. package/build/components/Chat/components/Message/Message.constants.js.map +1 -0
  44. package/build/components/Chat/components/Message/Message.js +104 -0
  45. package/build/components/Chat/components/Message/Message.js.map +1 -0
  46. package/build/components/Chat/components/Message/Message.module.css +126 -0
  47. package/build/components/Chat/components/Message/__tests__/__snapshots__/Message.test.jsx.snap +211 -0
  48. package/build/components/Chat/components/Message/components/Booking.js +63 -0
  49. package/build/components/Chat/components/Message/components/Booking.js.map +1 -0
  50. package/build/components/Chat/components/Message/components/Card.js +67 -0
  51. package/build/components/Chat/components/Message/components/Card.js.map +1 -0
  52. package/build/components/Chat/components/Message/components/Card.module.css +41 -0
  53. package/build/components/Chat/components/Message/components/Environment.js +58 -0
  54. package/build/components/Chat/components/Message/components/Environment.js.map +1 -0
  55. package/build/components/Chat/components/Message/components/Environment.module.css +22 -0
  56. package/build/components/Chat/components/Message/components/index.js +39 -0
  57. package/build/components/Chat/components/Message/components/index.js.map +1 -0
  58. package/build/components/Chat/components/Message/helpers/getActionIcon.js +13 -0
  59. package/build/components/Chat/components/Message/helpers/getActionIcon.js.map +1 -0
  60. package/build/components/Chat/components/Message/helpers/getTime.js +28 -0
  61. package/build/components/Chat/components/Message/helpers/getTime.js.map +1 -0
  62. package/build/components/Chat/components/Message/helpers/index.js +28 -0
  63. package/build/components/Chat/components/Message/helpers/index.js.map +1 -0
  64. package/build/components/Chat/components/Message/index.js +17 -0
  65. package/build/components/Chat/components/Message/index.js.map +1 -0
  66. package/build/components/Chat/components/Message/intents/BookingQuery.js +66 -0
  67. package/build/components/Chat/components/Message/intents/BookingQuery.js.map +1 -0
  68. package/build/components/Chat/components/Message/intents/HotelInfo.js +73 -0
  69. package/build/components/Chat/components/Message/intents/HotelInfo.js.map +1 -0
  70. package/build/components/Chat/components/Message/intents/Offers.js +57 -0
  71. package/build/components/Chat/components/Message/intents/Offers.js.map +1 -0
  72. package/build/components/Chat/components/Message/intents/Unknown.js +67 -0
  73. package/build/components/Chat/components/Message/intents/Unknown.js.map +1 -0
  74. package/build/components/Chat/components/Message/intents/index.js +50 -0
  75. package/build/components/Chat/components/Message/intents/index.js.map +1 -0
  76. package/build/components/Chat/components/Offline/Offline.js +22 -0
  77. package/build/components/Chat/components/Offline/Offline.js.map +1 -0
  78. package/build/components/Chat/components/Offline/Offline.module.css +3 -0
  79. package/build/components/Chat/components/Offline/index.js +17 -0
  80. package/build/components/Chat/components/Offline/index.js.map +1 -0
  81. package/build/components/Chat/components/index.js +61 -0
  82. package/build/components/Chat/components/index.js.map +1 -0
  83. package/build/components/Chat/helpers/getVerboseDate.js +18 -0
  84. package/build/components/Chat/helpers/getVerboseDate.js.map +1 -0
  85. package/build/components/Chat/helpers/index.js +17 -0
  86. package/build/components/Chat/helpers/index.js.map +1 -0
  87. package/build/components/Chat/index.js +17 -0
  88. package/build/components/Chat/index.js.map +1 -0
  89. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +440 -16
  90. package/build/components/Rates/Rates.constants.js +1 -0
  91. package/build/components/Rates/Rates.constants.js.map +1 -1
  92. package/build/components/Rates/Rates.js +2 -0
  93. package/build/components/Rates/Rates.js.map +1 -1
  94. package/build/components/Rates/components/Hotelverse/Hotelverse.js +1 -1
  95. package/build/components/Rates/components/Hotelverse/Hotelverse.js.map +1 -1
  96. package/build/components/Rates/components/Item/components/Features/Features.js +27 -2
  97. package/build/components/Rates/components/Item/components/Features/Features.js.map +1 -1
  98. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +5 -1
  99. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
  100. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js +1 -1
  101. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +1 -1
  102. package/build/components/__shared__/Payment/Payment.js +1 -1
  103. package/build/components/__shared__/Payment/Payment.js.map +1 -1
  104. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +290 -8
  105. package/build/components/__shared__/Payment/components/PCI/PCI.constants.js +1 -2
  106. package/build/components/__shared__/Payment/components/PCI/PCI.constants.js.map +1 -1
  107. package/build/components/__shared__/Payment/components/PCI/PCI.js +59 -56
  108. package/build/components/__shared__/Payment/components/PCI/PCI.js.map +1 -1
  109. package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +15 -0
  110. package/build/components/helpers/ICON.js +13 -0
  111. package/build/components/helpers/ICON.js.map +1 -1
  112. package/build/components/index.js +2 -0
  113. package/build/components/index.js.map +1 -1
  114. package/build/services/Lisa/action.js +28 -0
  115. package/build/services/Lisa/action.js.map +1 -0
  116. package/build/services/Lisa/index.js +17 -0
  117. package/build/services/Lisa/index.js.map +1 -0
  118. package/build/services/Lisa/message.js +26 -0
  119. package/build/services/Lisa/message.js.map +1 -0
  120. package/build/services/Lisa/status.js +13 -0
  121. package/build/services/Lisa/status.js.map +1 -0
  122. package/build/services/Lisa/welcome.js +25 -0
  123. package/build/services/Lisa/welcome.js.map +1 -0
  124. package/build/services/Rates/__tests__/__mocks__/rates-response-cancel-types.json +21 -0
  125. package/build/services/Rates/__tests__/__mocks__/rates-response-no-taxes-no-local.json +6 -0
  126. package/build/services/Rates/__tests__/__mocks__/rates-response-no-taxes.json +4 -0
  127. package/build/services/Rates/__tests__/__mocks__/rates-response.json +6 -0
  128. package/build/services/Rates/extras.js +1 -1
  129. package/build/services/Rates/extras.js.map +1 -1
  130. package/build/services/Rates/helpers/getItems.js +1 -1
  131. package/build/services/Rates/helpers/getItems.js.map +1 -1
  132. package/build/services/Rates/helpers/parseBoards.js +1 -0
  133. package/build/services/Rates/helpers/parseBoards.js.map +1 -1
  134. package/build/services/index.js +11 -0
  135. package/build/services/index.js.map +1 -1
  136. package/package.json +1 -1
  137. package/public/App.Container.jsx +2 -0
package/.env CHANGED
@@ -2,18 +2,21 @@ BUNDLE_DEV=https://js-pre.mirai.com/core/index.js
2
2
  BUNDLE_LOCALHOST=http://local.mirai.com:9090/dist/index.js?version=localhost
3
3
 
4
4
  # API
5
- CDN_HOTELVERSE=https://hvcdnms.azureedge.net
6
5
  SERVICE_BOOKING=https://reservation.mirai.com/XMAS/reservation
7
6
  SERVICE_CLUB=https://api.mirai.com
8
7
  SERVICE_CURRENCY=https://api.mirai.com/MiraiWebService
9
- SERVICE_DEALS=https://index-deal-pre.mirai.com
8
+ SERVICE_DICTIONARY=https://dictionary.mirai.com/api
9
+ SERVICE_DEALS=https://index-deal.mirai.com
10
10
  SERVICE_ENGINE=https://engine.mirai.com
11
11
  SERVICE_HOTEL=https://engine.mirai.com/HOTEL
12
12
  SERVICE_HOTELVERSE=https://reservation.mirai.com/XMAS/hotelverse
13
+ SERVICE_LISA=http://localhost:3000
13
14
  SERVICE_PRICING=https://index-price.mirai.com
14
15
  SERVICE_STATIC=https://static.mirai.com
15
16
  SERVICE_USER=https://api.mirai.com
16
17
 
17
18
  # THIRD-PARTIES
18
- _METRICS=881dced8738749cc015a8bbbb08b2e89
19
- _SENTRY=https://65d50ad4bd5d4068986253505ab09d34@o4505475603103744.ingest.sentry.io/4505475754229760
19
+ GMAP_API=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8
20
+ HOTELVERSE_CDN=https://hvcdnms.azureedge.net
21
+ METRICS=6aa2ce4cc2f2b9be6155a9f3f8fe4b75
22
+ _SENTRY=https://f9609a77377541938e41568184a8a25f@o4505475603103744.ingest.sentry.io/4505475604807680
@@ -45,7 +45,7 @@ const Hotelverse = _ref => {
45
45
  const [open, setOpen] = (0, _react.useState)(false);
46
46
  (0, _react.useEffect)(() => {
47
47
  const el = refContainer.current;
48
- const cdn = process.env.CDN_HOTELVERSE;
48
+ const cdn = process.env.HOTELVERSE_CDN;
49
49
  const scriptEmbed = open && (0, _helpers.addScript)(el, "".concat(cdn, "/scripts/embed.js"));
50
50
  const scriptListener = open && (0, _helpers.addScript)(el, "".concat(cdn, "/scripts/interfaceListener.js"));
51
51
  if (open) document.body.classList.add('hotelverse-open');
@@ -1 +1 @@
1
- {"version":3,"file":"Hotelverse.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Hotelverse","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Hotelverse","_ref","hotelverse","hash","token","translate","useLocale","isMobile","useDevice","refContainer","useRef","value","config","hotels","lodgingDenomination","individual","language","urlParams","idHotel","reservationCode","id","useStore","open","setOpen","useState","useEffect","el","current","cdn","process","env","CDN_HOTELVERSE","scriptEmbed","addScript","concat","scriptListener","document","body","classList","add","remove","removeChild","btoa","window","commandInterface","JSON","stringify","commandsInterface","disabledBackButton","metrics","alg","handlePress","accommodationType","getAccommodationType","dataSource","createElement","Fragment","L10N","LABEL_CHOOSE_ROOM","type","Action","inline","small","large","tag","underline","onPress","className","action","ACTION_CHOOSE_ROOM","Modal","blur","fit","portal","visible","onClose","modal","View","ref","toUpperCase","exports","propTypes","PropTypes","shape","string","displayName"],"sources":["../../../../../src/components/Booking/components/Hotelverse/Hotelverse.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './Hotelverse.l10n';\nimport * as style from './Hotelverse.module.css';\nimport { addScript, getAccommodationType } from '../../../helpers';\n\nconst Hotelverse = ({ hotelverse: { hash, token } = {} }) => {\n const { translate } = useLocale();\n const { isMobile } = useDevice();\n const refContainer = useRef(null);\n const {\n value: {\n config: { hotels, lodgingDenomination: individual } = {},\n language,\n urlParams: { idHotel, reservationCode: id } = {},\n },\n } = useStore();\n\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n const el = refContainer.current;\n const cdn = process.env.CDN_HOTELVERSE;\n const scriptEmbed = open && addScript(el, `${cdn}/scripts/embed.js`);\n const scriptListener = open && addScript(el, `${cdn}/scripts/interfaceListener.js`);\n\n if (open) document.body.classList.add('hotelverse-open');\n\n return () => {\n document.body.classList.remove('hotelverse-open');\n if (scriptEmbed) el?.removeChild(scriptEmbed);\n if (scriptListener) el?.removeChild(scriptListener);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const { btoa } = window;\n const commandInterface = btoa(\n JSON.stringify({ commandsInterface: { disabledBackButton: true, metrics: true }, alg: 'HS256' }),\n );\n\n const handlePress = () => setOpen(true);\n\n const accommodationType = getAccommodationType({\n dataSource: hotels,\n hotels: [idHotel],\n individual: individual && typeof individual === 'object' ? individual[idHotel] : individual,\n });\n\n return token && hash ? (\n <>\n {`. ${translate(L10N.LABEL_CHOOSE_ROOM, { type: accommodationType })} `}\n <Action\n inline\n small={isMobile}\n large={!isMobile}\n tag=\"span\"\n underline\n onPress={handlePress}\n className={style.action}\n >\n {translate(L10N.ACTION_CHOOSE_ROOM, { type: accommodationType })}\n </Action>\n <Modal blur fit portal visible={open} onClose={() => setOpen(false)} className={style.modal}>\n {open && (\n <View ref={refContainer}>\n <View\n id=\"hv\"\n data-hvhash={hash}\n data-hvaccesstokenhv={token}\n data-hvclientid=\"6\"\n data-hvcommandsinterface={commandInterface}\n data-hvexthotelid={idHotel}\n data-hvextlocator={id}\n data-hvlanguage={language.toUpperCase()}\n data-hvproduct=\"ChooseYourRoom\"\n ></View>\n </View>\n )}\n </Modal>\n </>\n ) : null;\n};\n\nHotelverse.propTypes = {\n hotelverse: PropTypes.shape({\n hash: PropTypes.string,\n token: PropTypes.string,\n }),\n};\n\nHotelverse.displayName = 'Mirai:User:Booking:Hotelverse';\n\nexport { Hotelverse };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Hotelverse.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Hotelverse","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Hotelverse","_ref","hotelverse","hash","token","translate","useLocale","isMobile","useDevice","refContainer","useRef","value","config","hotels","lodgingDenomination","individual","language","urlParams","idHotel","reservationCode","id","useStore","open","setOpen","useState","useEffect","el","current","cdn","process","env","HOTELVERSE_CDN","scriptEmbed","addScript","concat","scriptListener","document","body","classList","add","remove","removeChild","btoa","window","commandInterface","JSON","stringify","commandsInterface","disabledBackButton","metrics","alg","handlePress","accommodationType","getAccommodationType","dataSource","createElement","Fragment","L10N","LABEL_CHOOSE_ROOM","type","Action","inline","small","large","tag","underline","onPress","className","action","ACTION_CHOOSE_ROOM","Modal","blur","fit","portal","visible","onClose","modal","View","ref","toUpperCase","exports","propTypes","PropTypes","shape","string","displayName"],"sources":["../../../../../src/components/Booking/components/Hotelverse/Hotelverse.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './Hotelverse.l10n';\nimport * as style from './Hotelverse.module.css';\nimport { addScript, getAccommodationType } from '../../../helpers';\n\nconst Hotelverse = ({ hotelverse: { hash, token } = {} }) => {\n const { translate } = useLocale();\n const { isMobile } = useDevice();\n const refContainer = useRef(null);\n const {\n value: {\n config: { hotels, lodgingDenomination: individual } = {},\n language,\n urlParams: { idHotel, reservationCode: id } = {},\n },\n } = useStore();\n\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n const el = refContainer.current;\n const cdn = process.env.HOTELVERSE_CDN;\n const scriptEmbed = open && addScript(el, `${cdn}/scripts/embed.js`);\n const scriptListener = open && addScript(el, `${cdn}/scripts/interfaceListener.js`);\n\n if (open) document.body.classList.add('hotelverse-open');\n\n return () => {\n document.body.classList.remove('hotelverse-open');\n if (scriptEmbed) el?.removeChild(scriptEmbed);\n if (scriptListener) el?.removeChild(scriptListener);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const { btoa } = window;\n const commandInterface = btoa(\n JSON.stringify({ commandsInterface: { disabledBackButton: true, metrics: true }, alg: 'HS256' }),\n );\n\n const handlePress = () => setOpen(true);\n\n const accommodationType = getAccommodationType({\n dataSource: hotels,\n hotels: [idHotel],\n individual: individual && typeof individual === 'object' ? individual[idHotel] : individual,\n });\n\n return token && hash ? (\n <>\n {`. ${translate(L10N.LABEL_CHOOSE_ROOM, { type: accommodationType })} `}\n <Action\n inline\n small={isMobile}\n large={!isMobile}\n tag=\"span\"\n underline\n onPress={handlePress}\n className={style.action}\n >\n {translate(L10N.ACTION_CHOOSE_ROOM, { type: accommodationType })}\n </Action>\n <Modal blur fit portal visible={open} onClose={() => setOpen(false)} className={style.modal}>\n {open && (\n <View ref={refContainer}>\n <View\n id=\"hv\"\n data-hvhash={hash}\n data-hvaccesstokenhv={token}\n data-hvclientid=\"6\"\n data-hvcommandsinterface={commandInterface}\n data-hvexthotelid={idHotel}\n data-hvextlocator={id}\n data-hvlanguage={language.toUpperCase()}\n data-hvproduct=\"ChooseYourRoom\"\n ></View>\n </View>\n )}\n </Modal>\n </>\n ) : null;\n};\n\nHotelverse.propTypes = {\n hotelverse: PropTypes.shape({\n hash: PropTypes.string,\n token: PropTypes.string,\n }),\n};\n\nHotelverse.displayName = 'Mirai:User:Booking:Hotelverse';\n\nexport { Hotelverse };\n"],"mappings":"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"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.VERBOSE_DATE_FORMAT = exports.NAME = exports.INTENT = exports.EVENT = exports.DELAY_RESPONSE = void 0;
7
+ const DELAY_RESPONSE = exports.DELAY_RESPONSE = 500;
8
+ const EVENT = exports.EVENT = {
9
+ INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT'
10
+ };
11
+ const INTENT = exports.INTENT = {
12
+ BOOK: 'INTENT_BOOK',
13
+ BOOKING_CANCEL: 'INTENT_BOOKING_CANCEL',
14
+ BOOKING_QUERY: 'INTENT_BOOKING_QUERY',
15
+ BOOKING_VIEW: 'INTENT_BOOKING_VIEW',
16
+ BOOKING_SEND: 'INTENT_BOOKING_SEND',
17
+ OFFERS: 'INTENT_OFFERS',
18
+ HOTEL_INFO: 'INTENT_HOTEL_INFO',
19
+ GREETINGS: 'INTENT_GREETINGS',
20
+ FAREWELLS: 'INTENT_FAREWELLS'
21
+ };
22
+ const NAME = exports.NAME = 'Lisa';
23
+ const VERBOSE_DATE_FORMAT = exports.VERBOSE_DATE_FORMAT = {
24
+ weekday: 'short',
25
+ month: 'short',
26
+ day: 'numeric'
27
+ };
28
+ //# sourceMappingURL=Chat.constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chat.constants.js","names":["DELAY_RESPONSE","exports","EVENT","INPUT_COMPONENT","INTENT","BOOK","BOOKING_CANCEL","BOOKING_QUERY","BOOKING_VIEW","BOOKING_SEND","OFFERS","HOTEL_INFO","GREETINGS","FAREWELLS","NAME","VERBOSE_DATE_FORMAT","weekday","month","day"],"sources":["../../../src/components/Chat/Chat.constants.js"],"sourcesContent":["const DELAY_RESPONSE = 500;\n\nconst EVENT = {\n INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT',\n};\n\nconst INTENT = {\n BOOK: 'INTENT_BOOK',\n BOOKING_CANCEL: 'INTENT_BOOKING_CANCEL',\n BOOKING_QUERY: 'INTENT_BOOKING_QUERY',\n BOOKING_VIEW: 'INTENT_BOOKING_VIEW',\n BOOKING_SEND: 'INTENT_BOOKING_SEND',\n OFFERS: 'INTENT_OFFERS',\n HOTEL_INFO: 'INTENT_HOTEL_INFO',\n GREETINGS: 'INTENT_GREETINGS',\n FAREWELLS: 'INTENT_FAREWELLS',\n};\n\nconst NAME = 'Lisa';\n\nconst VERBOSE_DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { DELAY_RESPONSE, EVENT, INTENT, NAME, VERBOSE_DATE_FORMAT };\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACbC,IAAI,EAAE,aAAa;EACnBC,cAAc,EAAE,uBAAuB;EACvCC,aAAa,EAAE,sBAAsB;EACrCC,YAAY,EAAE,qBAAqB;EACnCC,YAAY,EAAE,qBAAqB;EACnCC,MAAM,EAAE,eAAe;EACvBC,UAAU,EAAE,mBAAmB;EAC/BC,SAAS,EAAE,kBAAkB;EAC7BC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG,MAAM;AAEnB,MAAMC,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC"}
@@ -0,0 +1,231 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Chat = 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 _Chat = require("./Chat.constants");
13
+ var _Chat2 = require("./Chat.l10n");
14
+ var style = _interopRequireWildcard(require("./Chat.module.css"));
15
+ var _components = require("./components");
16
+ var _services = require("../../services");
17
+ var _helpers = require("../helpers");
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
+ let onlineInterval;
23
+ const Chat = _ref => {
24
+ let {
25
+ skeleton,
26
+ name = _Chat.NAME
27
+ } = _ref;
28
+ const {
29
+ isMobile
30
+ } = (0, _ui.useDevice)();
31
+ const {
32
+ translate
33
+ } = (0, _locale.useLocale)();
34
+ const {
35
+ set,
36
+ value: {
37
+ calendar,
38
+ currency,
39
+ hotel,
40
+ locale,
41
+ occupation,
42
+ origin,
43
+ session,
44
+ tags,
45
+ type
46
+ }
47
+ } = (0, _dataSources.useStore)();
48
+ const [busy, setBusy] = (0, _react.useState)(false);
49
+ const [messages, setMessages] = (0, _react.useState)([]);
50
+ const [online, setOnline] = (0, _react.useState)(false);
51
+ const [scrollTo, setScrollTo] = (0, _react.useState)();
52
+ const [visible, setVisible] = (0, _react.useState)(false);
53
+ (0, _react.useEffect)(() => {
54
+ if (skeleton) return;
55
+ (async () => {
56
+ setBusy(true);
57
+ const response = await _services.ServiceLisa.welcome({
58
+ locale,
59
+ session
60
+ }).catch(handleError);
61
+ if (response) {
62
+ set({
63
+ lisa: response,
64
+ locale: response.locale || locale
65
+ });
66
+ setMessages([...messages, {
67
+ auto: true,
68
+ ...response
69
+ }]);
70
+ }
71
+ setBusy(false);
72
+ })();
73
+ // eslint-disable-next-line react-hooks/exhaustive-deps
74
+ }, [skeleton]);
75
+ (0, _react.useEffect)(() => {
76
+ // ! TODO: It's just a demo
77
+ // if (visible && !messages.length) handleInput('Do you have any available offer or discount?');
78
+ if (!visible) return clearInterval(onlineInterval);
79
+ const callback = async () => {
80
+ const response = await _services.ServiceLisa.status().catch(() => setOnline(false));
81
+ if (response && !online) setOnline(response);
82
+ };
83
+ callback();
84
+ onlineInterval = setInterval(callback, online ? 60000 : 10000);
85
+ return () => {
86
+ clearInterval(onlineInterval);
87
+ };
88
+ }, [online, visible]);
89
+ (0, _react.useEffect)(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);
90
+ const storeContext = {
91
+ calendar,
92
+ currency,
93
+ hotel,
94
+ occupation,
95
+ origin,
96
+ tags,
97
+ type
98
+ };
99
+ const handleInput = input => {
100
+ const nextMessages = [...messages, {
101
+ text: input,
102
+ timestamp: new Date().getTime()
103
+ }];
104
+ setMessages(nextMessages);
105
+ setTimeout(async () => {
106
+ setBusy(true);
107
+ const response = await _services.ServiceLisa.message({
108
+ context: {
109
+ ...storeContext
110
+ },
111
+ input,
112
+ session
113
+ }).catch(handleError);
114
+ setBusy(false);
115
+ if (response) {
116
+ set({
117
+ lisa: response,
118
+ locale: response.locale || locale
119
+ });
120
+ setMessages([...nextMessages, {
121
+ auto: true,
122
+ ...response
123
+ }]);
124
+ }
125
+ }, _Chat.DELAY_RESPONSE);
126
+ };
127
+ const handleAction = function () {
128
+ let {
129
+ context,
130
+ form,
131
+ intent
132
+ } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
133
+ setBusy(true);
134
+ setTimeout(async () => {
135
+ const response = await _services.ServiceLisa.action({
136
+ context: {
137
+ ...storeContext,
138
+ ...context,
139
+ form
140
+ },
141
+ intent,
142
+ locale,
143
+ session
144
+ }).catch(handleError);
145
+ if (response) {
146
+ set({
147
+ lisa: response
148
+ });
149
+ setMessages([...messages, {
150
+ auto: true,
151
+ ...response
152
+ }]);
153
+ }
154
+ setBusy(false);
155
+ }, _Chat.DELAY_RESPONSE);
156
+ };
157
+ const handleError = error => {
158
+ // eslint-disable-next-line no-console
159
+ console.error('::handleError::', error);
160
+ setOnline(false);
161
+ };
162
+ return !skeleton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(isMobile ? _ui.Modal : _ui.View, isMobile ? {
163
+ className: style.container,
164
+ visible
165
+ } : {
166
+ className: (0, _ui.styles)(style.container, visible && style.visible)
167
+ }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
168
+ row: true,
169
+ className: style.header
170
+ }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
171
+ small: true
172
+ }), /*#__PURE__*/_react.default.createElement(_ui.View, {
173
+ wide: true
174
+ }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
175
+ bold: true
176
+ }, translate(_Chat2.L10N.LABEL_ASSISTANT)), /*#__PURE__*/_react.default.createElement(_ui.View, {
177
+ row: true
178
+ }, /*#__PURE__*/_react.default.createElement(_ui.View, {
179
+ tiny: true,
180
+ className: (0, _ui.styles)(style.bullet, online ? style.online : style.offline)
181
+ }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
182
+ small: true,
183
+ lighten: true
184
+ }, translate(online ? _Chat2.L10N.LABEL_ONLINE : _Chat2.L10N.LABEL_OFFLINE)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
185
+ row: true
186
+ }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
187
+ small: true,
188
+ squared: true,
189
+ tooltip: translate(_Chat2.L10N.ACTION_CLOSE),
190
+ transparent: true,
191
+ onPress: () => setVisible(false)
192
+ }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
193
+ value: _helpers.ICON.CLOSE
194
+ })))), /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
195
+ scrollTo: scrollTo,
196
+ snap: false,
197
+ className: style.messages
198
+ }, messages.map((message, index) => /*#__PURE__*/_react.default.createElement(_components.Message, _extends({
199
+ key: index
200
+ }, message, {
201
+ disabled: busy || index < messages.length - 1,
202
+ onAction: handleAction
203
+ }))), busy && /*#__PURE__*/_react.default.createElement(_components.Message, {
204
+ auto: true,
205
+ busy: true
206
+ })), online ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Input, {
207
+ disabled: busy,
208
+ onValue: handleInput
209
+ }), /*#__PURE__*/_react.default.createElement(_components.InputRich, {
210
+ onValue: handleAction
211
+ })) : /*#__PURE__*/_react.default.createElement(_components.Offline, null))), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
212
+ right: true,
213
+ text: !visible ? translate(_Chat2.L10N.LABEL_GREETINGS, {
214
+ name
215
+ }) : undefined
216
+ }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
217
+ disabled: busy,
218
+ onPress: () => setVisible(true),
219
+ className: (0, _ui.styles)(style.buttonExtend, visible && style.hide)
220
+ }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
221
+ disabled: visible,
222
+ className: style.avatar
223
+ })))) : null;
224
+ };
225
+ exports.Chat = Chat;
226
+ Chat.displayName = 'Mirai:Core:Chat';
227
+ Chat.propTypes = {
228
+ name: _propTypes.default.string,
229
+ skeleton: _propTypes.default.bool
230
+ };
231
+ //# sourceMappingURL=Chat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chat.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","style","_components","_services","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","onlineInterval","Chat","_ref","skeleton","name","NAME","isMobile","useDevice","translate","useLocale","value","calendar","currency","hotel","locale","occupation","origin","session","tags","type","useStore","busy","setBusy","useState","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","response","ServiceLisa","welcome","catch","handleError","lisa","auto","clearInterval","callback","status","setInterval","Date","getTime","storeContext","handleInput","input","nextMessages","text","timestamp","setTimeout","message","context","DELAY_RESPONSE","handleAction","form","intent","undefined","action","error","console","createElement","Fragment","React","Modal","View","className","container","styles","row","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","tiny","bullet","offline","lighten","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","ICON","CLOSE","ScrollView","snap","map","index","Message","disabled","onAction","Input","onValue","InputRich","Offline","Tooltip","right","LABEL_GREETINGS","Pressable","buttonExtend","hide","avatar","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Modal, Pressable, ScrollView, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { DELAY_RESPONSE, NAME } from './Chat.constants';\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar, Input, InputRich, Offline, Message } from './components';\nimport { ServiceLisa } from '../../services';\nimport { ICON } from '../helpers';\n\nlet onlineInterval;\n\nconst Chat = ({ skeleton, name = NAME }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const {\n set,\n value: { calendar, currency, hotel, locale, occupation, origin, session, tags, type },\n } = useStore();\n\n const [busy, setBusy] = useState(false);\n const [messages, setMessages] = useState([]);\n const [online, setOnline] = useState(false);\n const [scrollTo, setScrollTo] = useState();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n if (skeleton) return;\n\n (async () => {\n setBusy(true);\n const response = await ServiceLisa.welcome({ locale, session }).catch(handleError);\n if (response) {\n set({ lisa: response, locale: response.locale || locale });\n setMessages([...messages, { auto: true, ...response }]);\n }\n setBusy(false);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [skeleton]);\n\n useEffect(() => {\n // ! TODO: It's just a demo\n // if (visible && !messages.length) handleInput('Do you have any available offer or discount?');\n if (!visible) return clearInterval(onlineInterval);\n\n const callback = async () => {\n const response = await ServiceLisa.status().catch(() => setOnline(false));\n if (response && !online) setOnline(response);\n };\n\n callback();\n onlineInterval = setInterval(callback, online ? 60000 : 10000);\n\n return () => {\n clearInterval(onlineInterval);\n };\n }, [online, visible]);\n\n useEffect(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);\n\n const storeContext = { calendar, currency, hotel, occupation, origin, tags, type };\n\n const handleInput = (input) => {\n const nextMessages = [...messages, { text: input, timestamp: new Date().getTime() }];\n setMessages(nextMessages);\n\n setTimeout(async () => {\n setBusy(true);\n const response = await ServiceLisa.message({ context: { ...storeContext }, input, session }).catch(handleError);\n setBusy(false);\n\n if (response) {\n set({ lisa: response, locale: response.locale || locale });\n setMessages([...nextMessages, { auto: true, ...response }]);\n }\n }, DELAY_RESPONSE);\n };\n\n const handleAction = ({ context, form, intent } = {}) => {\n setBusy(true);\n\n setTimeout(async () => {\n const response = await ServiceLisa.action({\n context: { ...storeContext, ...context, form },\n intent,\n locale,\n session,\n }).catch(handleError);\n if (response) {\n set({ lisa: response });\n setMessages([...messages, { auto: true, ...response }]);\n }\n\n setBusy(false);\n }, DELAY_RESPONSE);\n };\n\n const handleError = (error) => {\n // eslint-disable-next-line no-console\n console.error('::handleError::', error);\n setOnline(false);\n };\n\n return !skeleton ? (\n <>\n {React.createElement(\n isMobile ? Modal : View,\n isMobile\n ? { className: style.container, visible }\n : { className: styles(style.container, visible && style.visible) },\n <>\n <View row className={style.header}>\n <Avatar small />\n <View wide>\n <Text bold>{translate(L10N.LABEL_ASSISTANT)}</Text>\n <View row>\n <View tiny className={styles(style.bullet, online ? style.online : style.offline)} />\n <Text small lighten>\n {translate(online ? L10N.LABEL_ONLINE : L10N.LABEL_OFFLINE)}\n </Text>\n </View>\n </View>\n\n <View row>\n {/* ! TODO: When store chats */}\n {/* <Button small squared tooltip={translate(L10N.ACTION_MINIMIZE)} transparent onPress={() => {}}>\n <Icon value={ICON.MINIMIZE} />\n </Button> */}\n\n <Button\n small\n squared\n tooltip={translate(L10N.ACTION_CLOSE)}\n transparent\n onPress={() => setVisible(false)}\n >\n <Icon value={ICON.CLOSE} />\n </Button>\n </View>\n </View>\n\n <ScrollView scrollTo={scrollTo} snap={false} className={style.messages}>\n {messages.map((message, index) => (\n <Message\n key={index}\n {...message}\n disabled={busy || index < messages.length - 1}\n onAction={handleAction}\n />\n ))}\n {busy && <Message auto busy />}\n </ScrollView>\n\n {online ? (\n <>\n <Input disabled={busy} onValue={handleInput} />\n <InputRich onValue={handleAction} />\n </>\n ) : (\n <Offline />\n )}\n </>,\n )}\n\n <Tooltip right text={!visible ? translate(L10N.LABEL_GREETINGS, { name }) : undefined}>\n <Pressable\n disabled={busy}\n onPress={() => setVisible(true)}\n className={styles(style.buttonExtend, visible && style.hide)}\n >\n <Avatar disabled={visible} className={style.avatar} />\n </Pressable>\n </Tooltip>\n </>\n ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n name: PropTypes.string,\n skeleton: PropTypes.bool,\n};\n\nexport { Chat };\n"],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.L10N = void 0;
7
+ const L10N = exports.L10N = {
8
+ ACTION_CLOSE: {
9
+ id: 'common.action.close'
10
+ },
11
+ LABEL_ASSISTANT: {
12
+ id: 'lisa.label.assistant'
13
+ },
14
+ LABEL_GREETINGS: {
15
+ id: 'lisa.label.greetings'
16
+ },
17
+ LABEL_OFFLINE: {
18
+ id: 'lisa.label.offline'
19
+ },
20
+ LABEL_ONLINE: {
21
+ id: 'lisa.label.online'
22
+ }
23
+ };
24
+ //# sourceMappingURL=Chat.l10n.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chat.l10n.js","names":["L10N","exports","ACTION_CLOSE","id","LABEL_ASSISTANT","LABEL_GREETINGS","LABEL_OFFLINE","LABEL_ONLINE"],"sources":["../../../src/components/Chat/Chat.l10n.js"],"sourcesContent":["export const L10N = {\n ACTION_CLOSE: { id: 'common.action.close' },\n\n LABEL_ASSISTANT: { id: 'lisa.label.assistant' },\n LABEL_GREETINGS: { id: 'lisa.label.greetings' },\n LABEL_OFFLINE: { id: 'lisa.label.offline' },\n LABEL_ONLINE: { id: 'lisa.label.online' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EAE3CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAC/CE,eAAe,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC/CG,aAAa,EAAE;IAAEH,EAAE,EAAE;EAAqB,CAAC;EAC3CI,YAAY,EAAE;IAAEJ,EAAE,EAAE;EAAoB;AAC1C,CAAC"}
@@ -0,0 +1,90 @@
1
+ @import url(./Chat.theme.module.css);
2
+
3
+ .container {
4
+ background-color: var(--mirai-chat-base);
5
+ overflow: hidden;
6
+ z-index: var(--mirai-chat-layer);
7
+ }
8
+
9
+ /* -- header ---------------------------------------------------------------- */
10
+ .header {
11
+ backdrop-filter: blur(8px);
12
+ background: var(--mirai-chat-header-background);
13
+ /* box-shadow: 0 var(--mirai-chat-border-size) var(--mirai-chat-border-color); */
14
+ gap: calc(var(--mirai-chat-space) / 2);
15
+ height: var(--mirai-chat-header-height);
16
+ padding: 0 var(--mirai-chat-space);
17
+ position: fixed;
18
+ width: 100%;
19
+ z-index: 0;
20
+ }
21
+
22
+ .header .bullet {
23
+ height: var(--mirai-ui-space-XS);
24
+ width: var(--mirai-ui-space-XS);
25
+ border-radius: 50%;
26
+ margin-right: calc(var(--mirai-ui-space-XS) / 2);
27
+ }
28
+
29
+ .header .bullet.online {
30
+ background-color: var(--mirai-ui-success-border);
31
+ }
32
+
33
+ .header .bullet.offline {
34
+ background-color: var(--mirai-ui-error-border);
35
+ }
36
+
37
+ /* -------------------------------------------------------------------------- */
38
+ .messages {
39
+ flex: 1;
40
+ gap: calc(var(--mirai-chat-space) / 2);
41
+ padding-bottom: calc(var(--mirai-chat-space) * 2);
42
+ padding-top: calc(var(--mirai-chat-header-height) + calc(var(--mirai-chat-space) / 2));
43
+ width: 100%;
44
+ }
45
+
46
+ /* -- button ---------------------------------------------------------------- */
47
+ .buttonExtend {
48
+ bottom: var(--mirai-chat-space);
49
+ padding-left: calc(var(--mirai-chat-space) / 2);
50
+ position: fixed !important;
51
+ right: var(--mirai-chat-space);
52
+ transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
53
+ z-index: var(--mirai-chat-layer);
54
+ }
55
+
56
+ .buttonExtend .avatar {
57
+ box-shadow: var(--mirai-chat-box-shadow);
58
+ }
59
+
60
+ .buttonExtend.hide {
61
+ transform: translateY(150%);
62
+ }
63
+
64
+ /* mobile */
65
+ @media only screen and (max-width: 430px) {
66
+ .container {
67
+ height: 100vh;
68
+ }
69
+ }
70
+
71
+ /* tablet & desktop */
72
+ @media only screen and (min-width: 431px) {
73
+ .container {
74
+ border-radius: var(--mirai-chat-border-radius);
75
+ bottom: var(--mirai-chat-space);
76
+ box-shadow: var(--mirai-chat-box-shadow);
77
+ max-height: var(--mirai-chat-max-height);
78
+ max-width: var(--mirai-chat-width);
79
+ min-height: var(--mirai-chat-height);
80
+ position: fixed;
81
+ right: var(--mirai-chat-space);
82
+ transform: translateY(calc(var(--mirai-chat-max-height) + var(--mirai-chat-space)));
83
+ transition: transform var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
84
+ width: 100%;
85
+ }
86
+
87
+ .container.visible {
88
+ transform: translateY(0%);
89
+ }
90
+ }
@@ -0,0 +1,49 @@
1
+ :root {
2
+ /* colors */
3
+ --mirai-chat-accent: var(--mirai-ui-accent);
4
+ /* --mirai-chat-accent: #4cd964; */
5
+
6
+ /* commons */
7
+ --mirai-chat-border-color: var(--mirai-ui-content-border);
8
+ --mirai-chat-border-radius: var(--mirai-ui-space-S);
9
+ --mirai-chat-border-size: 1px;
10
+ --mirai-chat-space: var(--mirai-ui-space-M);
11
+
12
+ --mirai-chat-motion-collapse: 200ms;
13
+ --mirai-chat-motion-expand: 300ms;
14
+ --mirai-chat-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
15
+
16
+ /* text */
17
+ --mirai-chat-text-accent-color: rgba(255, 255, 255, 0.95);
18
+ --mirai-chat-text-color: #222;
19
+ --mirai-chat-text-color-light: #999;
20
+ --mirai-chat-text-font-size: var(--mirai-ui-font-size-action);
21
+ --mirai-chat-text-font-weight: 500;
22
+ --mirai-chat-text-line-height: var(--mirai-ui-line-height-action);
23
+
24
+ /* <Chat> */
25
+ --mirai-chat-base: var(--mirai-ui-base);
26
+ --mirai-chat-base-opacity: rgba(255, 255, 255, 0.66);
27
+ --mirai-chat-box-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
28
+ --mirai-chat-height: 606px;
29
+ --mirai-chat-layer: var(--mirai-ui-layer-XL);
30
+ --mirai-chat-max-height: 90svh;
31
+ --mirai-chat-width: var(--mirai-ui-breakpoint-S);
32
+
33
+ /* header */
34
+ --mirai-chat-header-height: calc(var(--mirai-ui-space-XL) + var(--mirai-ui-space-M));
35
+ --mirai-chat-header-background: linear-gradient(0deg, var(--mirai-chat-base-opacity) 0%, var(--mirai-chat-base) 100%);
36
+
37
+ /* <Input> */
38
+ --mirai-chat-input-background: var(--mirai-ui-content-background);
39
+ --mirai-chat-input-border-color: var(--mirai-chat-border-color);
40
+
41
+ /* <Message> */
42
+ --mirai-chat-message-background: transparent;
43
+ --mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-border-radius);
44
+
45
+ /* <Avatar> */
46
+ --mirai-chat-avatar-background: #222;
47
+ --mirai-chat-avatar-color: #fff;
48
+ --mirai-chat-avatar-border-radius: 40%;
49
+ }
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Avatar = void 0;
7
+ var _ui = require("@mirai/ui");
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var style = _interopRequireWildcard(require("./Avatar.module.css"));
11
+ 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); }
12
+ 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; }
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ 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); }
15
+ const Avatar = _ref => {
16
+ let {
17
+ disabled,
18
+ small,
19
+ ...others
20
+ } = _ref;
21
+ const el = (0, _react.useRef)();
22
+ (0, _react.useEffect)(() => {
23
+ const handleMouseMove = _ref2 => {
24
+ let {
25
+ clientX = 0,
26
+ clientY = 0
27
+ } = _ref2;
28
+ const {
29
+ current: eyes
30
+ } = el;
31
+ let X = 0;
32
+ let Y = 0;
33
+ if (eyes && !disabled) {
34
+ const {
35
+ height,
36
+ left,
37
+ top,
38
+ width
39
+ } = eyes.getBoundingClientRect();
40
+ const centerX = left + width / 2;
41
+ const centerY = top + height / 2;
42
+ const angle = Math.atan2(clientY - centerY, clientX - centerX);
43
+ const sensitivity = small ? 2 : 4;
44
+ X = sensitivity * Math.cos(angle);
45
+ Y = sensitivity * Math.sin(angle);
46
+ }
47
+ eyes.style.transform = "translate(".concat(X, "px, ").concat(Y, "px)");
48
+ };
49
+ window.addEventListener('mousemove', handleMouseMove);
50
+ return () => window.removeEventListener('mousemove', handleMouseMove);
51
+ }, [disabled, el, small]);
52
+ return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
53
+ className: (0, _ui.styles)(style.face, small && style.small, others.className)
54
+ }), /*#__PURE__*/_react.default.createElement(_ui.View, {
55
+ ref: el,
56
+ className: style.eyes
57
+ }, /*#__PURE__*/_react.default.createElement(_ui.View, {
58
+ className: [style.eye, style.left]
59
+ }), /*#__PURE__*/_react.default.createElement(_ui.View, {
60
+ className: [style.eye, style.right]
61
+ })));
62
+ };
63
+ exports.Avatar = Avatar;
64
+ Avatar.propTypes = {
65
+ disabled: _propTypes.default.bool,
66
+ small: _propTypes.default.bool
67
+ };
68
+ //# sourceMappingURL=Avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Avatar","_ref","disabled","small","others","el","useRef","useEffect","handleMouseMove","_ref2","clientX","clientY","current","eyes","X","Y","height","left","top","width","getBoundingClientRect","centerX","centerY","angle","Math","atan2","sensitivity","cos","sin","transform","concat","window","addEventListener","removeEventListener","createElement","View","className","styles","face","ref","eye","right","exports","propTypes","PropTypes","bool"],"sources":["../../../../../src/components/Chat/components/Avatar/Avatar.jsx"],"sourcesContent":["import { styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as style from './Avatar.module.css';\n\nconst Avatar = ({ disabled, small, ...others }) => {\n const el = useRef();\n\n useEffect(() => {\n const handleMouseMove = ({ clientX = 0, clientY = 0 }) => {\n const { current: eyes } = el;\n let X = 0;\n let Y = 0;\n\n if (eyes && !disabled) {\n const { height, left, top, width } = eyes.getBoundingClientRect();\n const centerX = left + width / 2;\n const centerY = top + height / 2;\n const angle = Math.atan2(clientY - centerY, clientX - centerX);\n const sensitivity = small ? 2 : 4;\n\n X = sensitivity * Math.cos(angle);\n Y = sensitivity * Math.sin(angle);\n }\n\n eyes.style.transform = `translate(${X}px, ${Y}px)`;\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n return () => window.removeEventListener('mousemove', handleMouseMove);\n }, [disabled, el, small]);\n\n return (\n <View {...others} className={styles(style.face, small && style.small, others.className)}>\n <View ref={el} className={style.eyes}>\n <View className={[style.eye, style.left]} />\n <View className={[style.eye, style.right]} />\n </View>\n </View>\n );\n};\n\nAvatar.propTypes = {\n disabled: PropTypes.bool,\n small: PropTypes.bool,\n};\n\nexport { Avatar };\n"],"mappings":"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"}