@mirai/core 0.3.305 → 0.3.307
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/Core.Notifications.module.css +2 -10
- package/build/components/BannerLoyalty/BannerLoyalty.module.css +2 -2
- package/build/components/Booking/Booking.module.css +2 -2
- package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +10 -15
- package/build/components/Booking/components/Field/Field.module.css +2 -2
- package/build/components/Booking/partials/Booking.Payment.js +16 -0
- package/build/components/Booking/partials/Booking.Payment.js.map +1 -1
- package/build/components/Chat/Chat.module.css +2 -2
- package/build/components/Checkout/Checkout.module.css +2 -2
- package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +16 -24
- package/build/components/Deals/Deals.module.css +2 -2
- package/build/components/EventManager/EventManager.constants.js +11 -0
- package/build/components/EventManager/EventManager.constants.js.map +1 -0
- package/build/components/EventManager/EventManager.js +79 -0
- package/build/components/EventManager/EventManager.js.map +1 -0
- package/build/components/EventManager/index.js +17 -0
- package/build/components/EventManager/index.js.map +1 -0
- package/build/components/Finder/Finder.js +14 -1
- package/build/components/Finder/Finder.js.map +1 -1
- package/build/components/Finder/Finder.module.css +2 -2
- package/build/components/Finder/components/Calendar/Calendar.module.css +1 -1
- package/build/components/Finder/components/Places/Places.module.css +2 -2
- package/build/components/Header/Header.js +2 -1
- package/build/components/Header/Header.js.map +1 -1
- package/build/components/Header/Header.module.css +2 -2
- package/build/components/Header/components/BookingProcess/BookingProcess.module.css +2 -2
- package/build/components/Profile/components/Bookings/Bookings.module.css +2 -2
- package/build/components/Profile/components/Settings/Settings.module.css +2 -2
- package/build/components/Rates/Rates.Skeleton.js +3 -2
- package/build/components/Rates/Rates.Skeleton.js.map +1 -1
- package/build/components/Rates/Rates.module.css +2 -2
- package/build/components/Rates/components/CardHotel/CardHotel.module.css +2 -2
- package/build/components/Rates/components/ClubRate/ClubRate.module.css +2 -2
- package/build/components/Rates/components/Hotelverse/Hotelverse.module.css +1 -1
- package/build/components/Rates/components/Item/Item.Preview.js +3 -1
- package/build/components/Rates/components/Item/Item.Preview.js.map +1 -1
- package/build/components/Rates/components/Item/Item.module.css +2 -2
- package/build/components/Rates/components/Item/components/Option/Option.module.css +2 -2
- package/build/components/Rates/components/Item/components/RateDetails/RateDetails.module.css +2 -2
- package/build/components/Rates/components/Item/components/TooltipDates/TooltipDates.module.css +2 -2
- package/build/components/Rates/components/ModalExtras/ModalExtras.module.css +2 -2
- package/build/components/Session/Session.module.css +2 -2
- package/build/components/Signup/Signup.module.css +2 -2
- package/build/components/__shared__/BookingDates/BookingDates.module.css +1 -1
- package/build/components/__shared__/BookingTable/BookingTable.module.css +2 -2
- package/build/components/__shared__/Countdown/Countdown.js +3 -3
- package/build/components/__shared__/Countdown/Countdown.js.map +1 -1
- package/build/components/__shared__/Field/Field.module.css +2 -2
- package/build/components/__shared__/FieldOccupation/FieldOccupation.module.css +1 -1
- package/build/components/__shared__/FieldPromocode/FieldPromocode.module.css +2 -2
- package/build/components/__shared__/Footer/Footer.js +7 -3
- package/build/components/__shared__/Footer/Footer.js.map +1 -1
- package/build/components/__shared__/Footer/Footer.module.css +11 -2
- package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +53 -8
- package/build/components/__shared__/Occupation/Occupation.module.css +2 -2
- package/build/components/helpers/constants.js +1 -0
- package/build/components/helpers/constants.js.map +1 -1
- package/build/index.js +2 -1
- package/build/index.js.map +1 -1
- package/package.json +1 -1
- package/public/App.module.css +1 -1
- package/public/routes/Home.jsx +16 -3
- package/public/routes/routes.module.css +8 -4
package/build/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_dataSources","require","_services","_react","_interopRequireDefault","_reactDom","_Core","_Core2","_helpers","_package","obj","__esModule","default","window","Mirai","components","undefined","config","environment","process","env","NODE_ENV","Event","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","dictionary","SERVICE_DICTIONARY","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","isPreproduction","console","log","concat","name","urlParams","fetchUrlParams","location","search","cookies","fetchCookies","COOKIE_CART","COOKIE_PESTANA","COOKIE_VALUES","session","fetchSession","loadEnvironment","instance","findInstance","findComponents","length","theme","ReactDOM","render","createElement","StrictMode","StoreProvider","value","id","Core","skeleton","el","fetchConfig","Sentry","SENTRY","loadSentry","checkSession","setUser","store","consolidateStore","ServiceFeatures","initialize","ServiceDictionary","cache","locale","get","MetricsProvider","token","METRICS","addEventListener","event","persisted"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { Event, MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport { ServiceDictionary, ServiceFeatures } from '@mirai/services';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Core } from './Core';\nimport { COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES } from './Core.definition';\nimport {\n checkSession,\n consolidateStore,\n fetchConfig,\n fetchCookies,\n fetchSession,\n fetchUrlParams,\n findComponents,\n findInstance,\n loadEnvironment,\n loadSentry,\n theme,\n} from './helpers';\nimport { name, version } from '../package.json';\n\nwindow.Mirai = {\n ...window.Mirai,\n components: undefined,\n config: undefined,\n environment: process.env.NODE_ENV,\n Event,\n services: {\n booking: process.env.SERVICE_BOOKING,\n club: process.env.SERVICE_CLUB,\n dictionary: process.env.SERVICE_DICTIONARY,\n engine: process.env.SERVICE_ENGINE,\n static: process.env.SERVICE_STATIC,\n user: process.env.SERVICE_USER,\n },\n version,\n};\n\nwindow.Mirai.core = async () => {\n const isProduction = process.env.NODE_ENV === 'production';\n const isDevelopment = process.env.NODE_ENV === 'development';\n const isPreproduction = process.env.NODE_ENV === 'preproduction';\n\n console.log(\n `${isProduction ? '🟢' : isPreproduction ? '🟡' : isDevelopment ? '🔴' : '⚫️'} ${name} v${version} [${\n process.env.NODE_ENV\n }]`,\n );\n\n // 1. Fetch client-side dataSources\n const urlParams = fetchUrlParams(location.search);\n const cookies = fetchCookies([COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES]);\n let session = fetchSession(urlParams);\n\n // 2. Analyze environment\n const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n if (environment) return;\n\n // 3. Find instance\n const instance = findInstance({ urlParams });\n if (!instance) return;\n\n // 4. Find components\n const components = findComponents();\n if (!components.length) return;\n window.Mirai = { ...window.Mirai, components };\n\n // 5. Theming\n theme(urlParams);\n\n // 6. 1st render\n window &&\n ReactDOM.render(\n <React.StrictMode>\n <StoreProvider value={{ id: instance.id, urlParams }}>\n <Core {...{ components }} skeleton />\n </StoreProvider>\n </React.StrictMode>,\n instance.el,\n );\n\n // 7. Analize id to fetch its config\n const config = await fetchConfig(instance);\n if (!config) return;\n window.Mirai.config = config;\n\n // 8. Sentry\n let Sentry = window.Mirai.Sentry;\n if (!Sentry && process.env.SENTRY) {\n Sentry = loadSentry(process.env.SENTRY, version);\n window.Mirai.Sentry = Sentry;\n }\n\n // 9. Check session\n if (session && !(await checkSession(instance.id, session, config))) session = undefined;\n if (session && Sentry) Sentry.setUser(session);\n\n // 10. Consolidate store\n const store = await consolidateStore({ components, config, cookies, instance, session, urlParams });\n\n // 11. Initialize features\n await ServiceFeatures.initialize();\n\n // 12. Initialize dictionary\n if (!ServiceDictionary.cache(store.locale)) await ServiceDictionary.get(store.locale, false);\n\n // 13. Render components\n ReactDOM.render(\n <React.StrictMode>\n <MetricsProvider token={process.env.METRICS}>\n <StoreProvider value={store}>\n <Core {...{ components }} />\n </StoreProvider>\n </MetricsProvider>\n </React.StrictMode>,\n instance.el,\n );\n};\n\nwindow.Mirai.core();\n\nif (window.Mirai.environment === 'production') {\n window.addEventListener('pageshow', (event) => event.persisted && window.Mirai.core());\n}\n"],"mappings":";;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_dataSources","require","_services","_react","_interopRequireDefault","_reactDom","_EventManager","_Core","_Core2","_helpers","_package","obj","__esModule","default","window","Mirai","components","undefined","config","environment","process","env","NODE_ENV","Event","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","dictionary","SERVICE_DICTIONARY","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","isPreproduction","console","log","concat","name","urlParams","fetchUrlParams","location","search","cookies","fetchCookies","COOKIE_CART","COOKIE_PESTANA","COOKIE_VALUES","session","fetchSession","loadEnvironment","instance","findInstance","findComponents","length","theme","ReactDOM","render","createElement","StrictMode","StoreProvider","value","id","Core","skeleton","el","fetchConfig","Sentry","SENTRY","loadSentry","checkSession","setUser","store","consolidateStore","ServiceFeatures","initialize","ServiceDictionary","cache","locale","get","MetricsProvider","token","METRICS","EventManager","addEventListener","event","persisted"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { Event, MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport { ServiceDictionary, ServiceFeatures } from '@mirai/services';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EventManager } from './components/EventManager';\nimport { Core } from './Core';\nimport { COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES } from './Core.definition';\nimport {\n checkSession,\n consolidateStore,\n fetchConfig,\n fetchCookies,\n fetchSession,\n fetchUrlParams,\n findComponents,\n findInstance,\n loadEnvironment,\n loadSentry,\n theme,\n} from './helpers';\nimport { name, version } from '../package.json';\n\nwindow.Mirai = {\n ...window.Mirai,\n components: undefined,\n config: undefined,\n environment: process.env.NODE_ENV,\n Event,\n services: {\n booking: process.env.SERVICE_BOOKING,\n club: process.env.SERVICE_CLUB,\n dictionary: process.env.SERVICE_DICTIONARY,\n engine: process.env.SERVICE_ENGINE,\n static: process.env.SERVICE_STATIC,\n user: process.env.SERVICE_USER,\n },\n version,\n};\n\nwindow.Mirai.core = async () => {\n const isProduction = process.env.NODE_ENV === 'production';\n const isDevelopment = process.env.NODE_ENV === 'development';\n const isPreproduction = process.env.NODE_ENV === 'preproduction';\n\n console.log(\n `${isProduction ? '🟢' : isPreproduction ? '🟡' : isDevelopment ? '🔴' : '⚫️'} ${name} v${version} [${\n process.env.NODE_ENV\n }]`,\n );\n\n // 1. Fetch client-side dataSources\n const urlParams = fetchUrlParams(location.search);\n const cookies = fetchCookies([COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES]);\n let session = fetchSession(urlParams);\n\n // 2. Analyze environment\n const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n if (environment) return;\n\n // 3. Find instance\n const instance = findInstance({ urlParams });\n if (!instance) return;\n\n // 4. Find components\n const components = findComponents();\n if (!components.length) return;\n window.Mirai = { ...window.Mirai, components };\n\n // 5. Theming\n theme(urlParams);\n\n // 6. 1st render\n window &&\n ReactDOM.render(\n <React.StrictMode>\n <StoreProvider value={{ id: instance.id, urlParams }}>\n <Core {...{ components }} skeleton />\n </StoreProvider>\n </React.StrictMode>,\n instance.el,\n );\n\n // 7. Analize id to fetch its config\n const config = await fetchConfig(instance);\n if (!config) return;\n window.Mirai.config = config;\n\n // 8. Sentry\n let Sentry = window.Mirai.Sentry;\n if (!Sentry && process.env.SENTRY) {\n Sentry = loadSentry(process.env.SENTRY, version);\n window.Mirai.Sentry = Sentry;\n }\n\n // 9. Check session\n if (session && !(await checkSession(instance.id, session, config))) session = undefined;\n if (session && Sentry) Sentry.setUser(session);\n\n // 10. Consolidate store\n const store = await consolidateStore({ components, config, cookies, instance, session, urlParams });\n\n // 11. Initialize features\n await ServiceFeatures.initialize();\n\n // 12. Initialize dictionary\n if (!ServiceDictionary.cache(store.locale)) await ServiceDictionary.get(store.locale, false);\n\n // 13. Render components\n ReactDOM.render(\n <React.StrictMode>\n <MetricsProvider token={process.env.METRICS}>\n <StoreProvider value={store}>\n <Core {...{ components }} />\n <EventManager />\n </StoreProvider>\n </MetricsProvider>\n </React.StrictMode>,\n instance.el,\n );\n};\n\nwindow.Mirai.core();\n\nif (window.Mirai.environment === 'production') {\n window.addEventListener('pageshow', (event) => event.persisted && window.Mirai.core());\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
package/public/App.module.css
CHANGED
package/public/routes/Home.jsx
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
/* eslint-disable react/no-unescaped-entities */
|
|
1
2
|
/* eslint-disable react/prop-types */
|
|
2
|
-
import { Button, ScrollView, Text, useDevice, View } from '@mirai/ui';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import { Button, InputOption, ScrollView, Text, useDevice, View } from '@mirai/ui';
|
|
4
|
+
import React, { useEffect, useState } from 'react';
|
|
4
5
|
|
|
5
6
|
import * as style from './routes.module.css';
|
|
6
7
|
|
|
7
8
|
export const Home = () => {
|
|
8
9
|
const { isMobile } = useDevice();
|
|
9
10
|
|
|
11
|
+
const [resident, setResident] = useState();
|
|
12
|
+
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
window.Mirai?.Event?.publish('setStore', { promocode: resident ? 'RESIDENT' : '' });
|
|
15
|
+
}, [resident]);
|
|
16
|
+
|
|
10
17
|
return (
|
|
11
18
|
<>
|
|
12
19
|
<View tag="section" className={[style.section, style.content, style.home]}>
|
|
@@ -22,7 +29,13 @@ export const Home = () => {
|
|
|
22
29
|
<View className={style.backgroundImage} />
|
|
23
30
|
</View>
|
|
24
31
|
|
|
25
|
-
<View
|
|
32
|
+
<View className={[style.finder, style.centered]}>
|
|
33
|
+
<View>
|
|
34
|
+
<InputOption checked={resident} label="I am resident" onChange={setResident} className={style.resident} />
|
|
35
|
+
</View>
|
|
36
|
+
|
|
37
|
+
<View data-mirai-component="finder" />
|
|
38
|
+
</View>
|
|
26
39
|
|
|
27
40
|
<View row={!isMobile} tag="section" className={[style.section, style.spaceBetween, style.wrapper]}>
|
|
28
41
|
<View className={style.texts}>
|
|
@@ -124,20 +124,24 @@
|
|
|
124
124
|
gap: var(--mirai-ui-space-S);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
|
|
127
|
+
.finder.centered {
|
|
128
128
|
margin: 0 auto;
|
|
129
129
|
position: sticky;
|
|
130
130
|
top: var(--mirai-ui-space-M);
|
|
131
131
|
z-index: 1;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
+
.finder .resident > [data-role='text'] {
|
|
135
|
+
color: var(--mirai-ui-base);
|
|
136
|
+
}
|
|
137
|
+
|
|
134
138
|
[data-mirai-component='finder'].column {
|
|
135
139
|
background-color: var(--mirai-ui-content-background);
|
|
136
140
|
max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
|
|
137
141
|
padding: var(--mirai-ui-space-M);
|
|
138
142
|
}
|
|
139
143
|
|
|
140
|
-
@media only screen and (max-width:
|
|
144
|
+
@media only screen and (max-width: 480px) {
|
|
141
145
|
.section {
|
|
142
146
|
padding: var(--mirai-ui-space-XL) var(--mirai-ui-space-M);
|
|
143
147
|
}
|
|
@@ -230,8 +234,8 @@
|
|
|
230
234
|
min-width: var(--mirai-ui-breakpoint-S);
|
|
231
235
|
}
|
|
232
236
|
|
|
233
|
-
|
|
234
|
-
margin-top: calc(var(--mirai-ui-space-
|
|
237
|
+
.finder.centered {
|
|
238
|
+
margin-top: calc(var(--mirai-ui-space-XXL) * -1);
|
|
235
239
|
}
|
|
236
240
|
|
|
237
241
|
[data-mirai-component='finder'].column {
|