@roomstay/frontend 2.3.29 → 2.3.30
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/dist/975.bundle.js +1 -1
- package/dist/main.bundle.js +1 -1
- package/dist/src/components/steps/room/roomDetails/RoomDetails.js +2 -2
- package/dist/src/components/steps/room/roomDetails/RoomDetails.js.map +1 -1
- package/dist/src/models/Client/Hotel/Hotel.d.ts +7 -3
- package/dist/src/models/Client/Hotel/Hotel.js.map +1 -1
- package/dist/src/pages/steps/Step.d.ts +3 -3
- package/dist/src/pages/steps/Step.js.map +1 -1
- package/dist/test.bundle.js +1 -1
- package/package.json +1 -1
- package/dist/tests/offline/RoomstayBestRateAlert.d.ts +0 -1
- package/dist/tests/offline/RoomstayBestRateAlert.js +0 -48
- package/dist/tests/offline/RoomstayBestRateAlert.js.map +0 -1
- package/dist/tests/offline/entry/OfflineEngineWrapper.d.ts +0 -1
- package/dist/tests/offline/entry/OfflineEngineWrapper.js +0 -102
- package/dist/tests/offline/entry/OfflineEngineWrapper.js.map +0 -1
- package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.d.ts +0 -3
- package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.js +0 -17
- package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.js.map +0 -1
- package/dist/tests/offline/entry/components/TestPicker.d.ts +0 -1
- package/dist/tests/offline/entry/components/TestPicker.js +0 -303
- package/dist/tests/offline/entry/components/TestPicker.js.map +0 -1
- package/dist/tests/offline/entry/context/EngineContext.d.ts +0 -9
- package/dist/tests/offline/entry/context/EngineContext.js +0 -37
- package/dist/tests/offline/entry/context/EngineContext.js.map +0 -1
- package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.d.ts +0 -1
- package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js +0 -68
- package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js.map +0 -1
- package/dist/tests/offline/entry/offline-entry.d.ts +0 -1
- package/dist/tests/offline/entry/offline-entry.js +0 -50
- package/dist/tests/offline/entry/offline-entry.js.map +0 -1
- package/dist/tests/offline/entry/pages/BookingWizard/index.d.ts +0 -4
- package/dist/tests/offline/entry/pages/BookingWizard/index.js +0 -73
- package/dist/tests/offline/entry/pages/BookingWizard/index.js.map +0 -1
- package/dist/tests/offline/entry/pages/RoomRate/index.d.ts +0 -4
- package/dist/tests/offline/entry/pages/RoomRate/index.js +0 -93
- package/dist/tests/offline/entry/pages/RoomRate/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EngineContext.js","sourceRoot":"/","sources":["tests/offline/entry/context/EngineContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiG;AAQjG,MAAM,aAAa,GAAG,IAAA,qBAAa,EAAqB,EAAE,CAAC,CAAC;AAErD,MAAM,oBAAoB,GAAO,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAY,YAAY,CAAC,CAAC;IAE5E,OAAO,8BAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,IAAG,QAAQ,CAA0B,CAAC;AACnH,CAAC,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAC;AAAnD,QAAA,gBAAgB,oBAAmC","sourcesContent":["import React, { createContext, Dispatch, FC, SetStateAction, useContext, useState } from 'react';\nimport { Placement } from '@popperjs/core';\n\ninterface EngineContextProps {\n authPlacement?: Placement;\n setAuthPlacement?: Dispatch<SetStateAction<Placement>>;\n}\n\nconst EngineContext = createContext<EngineContextProps>({});\n\nexport const EngineContextWrapper: FC = (props) => {\n const { children } = props;\n\n const [authPlacement, setAuthPlacement] = useState<Placement>('bottom-end');\n\n return <EngineContext.Provider value={{ authPlacement, setAuthPlacement }}>{children}</EngineContext.Provider>;\n};\n\nexport const useEngineContext = () => useContext(EngineContext);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const MemberPortalWidgetRenderer: () => JSX.Element;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.MemberPortalWidgetRenderer = void 0;
|
|
30
|
-
const react_1 = __importStar(require("react"));
|
|
31
|
-
const MemberPortalWidget_1 = require("../../../../src/engines/MemberPortalWidget/MemberPortalWidget");
|
|
32
|
-
const FeatureProvider_1 = __importDefault(require("../../../../src/providers/FeatureProvider"));
|
|
33
|
-
const RoomstayThemeEngine_1 = __importDefault(require("../../../../src/providers/RoomstayThemeEngine"));
|
|
34
|
-
const OfflineEngineDefaults_1 = require("../OfflineEngineDefaults");
|
|
35
|
-
const memberPortalWidgetRenderer_module_scss_1 = __importDefault(require("./memberPortalWidgetRenderer.module.scss"));
|
|
36
|
-
const buttonPlacements = ['center', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right', 'right-center', 'left-center'];
|
|
37
|
-
const MemberPortalWidgetRenderer = () => {
|
|
38
|
-
const recent = (0, react_1.useRef)(null);
|
|
39
|
-
const [buttonPlacement, setButtonPlacement] = (0, react_1.useState)('center');
|
|
40
|
-
(0, react_1.useEffect)(() => {
|
|
41
|
-
if (recent.current) {
|
|
42
|
-
const memberPortalWidget = new MemberPortalWidget_1.MemberPortalWidget(recent.current);
|
|
43
|
-
memberPortalWidget.setConfig({
|
|
44
|
-
company: { colors: OfflineEngineDefaults_1.rsCompany.colors, companyShort: OfflineEngineDefaults_1.rsCompany.companyShort, hotel: OfflineEngineDefaults_1.rsCompany.hotels[0], checkoutLink: '/checkout' },
|
|
45
|
-
overlayPlacement: 'bottom-end',
|
|
46
|
-
fallbackPlacements: 'auto',
|
|
47
|
-
onSignedIn: console.log,
|
|
48
|
-
onSignedOut: () => console.log('Signed out'),
|
|
49
|
-
});
|
|
50
|
-
RoomstayThemeEngine_1.default.registerStyles();
|
|
51
|
-
memberPortalWidget.start();
|
|
52
|
-
FeatureProvider_1.default.load('MemberPortalFeature');
|
|
53
|
-
}
|
|
54
|
-
}, [recent]);
|
|
55
|
-
const onButtonPlacementChange = (placement) => {
|
|
56
|
-
var _a, _b;
|
|
57
|
-
(_a = recent.current) === null || _a === void 0 ? void 0 : _a.classList.remove(memberPortalWidgetRenderer_module_scss_1.default[buttonPlacement]);
|
|
58
|
-
(_b = recent.current) === null || _b === void 0 ? void 0 : _b.classList.add(memberPortalWidgetRenderer_module_scss_1.default[placement]);
|
|
59
|
-
setButtonPlacement(placement);
|
|
60
|
-
};
|
|
61
|
-
return (react_1.default.createElement("div", { className: memberPortalWidgetRenderer_module_scss_1.default.container },
|
|
62
|
-
react_1.default.createElement("div", { className: memberPortalWidgetRenderer_module_scss_1.default.placementSelector },
|
|
63
|
-
react_1.default.createElement("label", { htmlFor: "placement-select" }, "Button Placement: "),
|
|
64
|
-
react_1.default.createElement("select", { id: "placement-select", value: buttonPlacement, onChange: (e) => onButtonPlacementChange(e.target.value) }, buttonPlacements.map((placement) => (react_1.default.createElement("option", { key: placement, value: placement }, placement))))),
|
|
65
|
-
react_1.default.createElement("div", { className: `${memberPortalWidgetRenderer_module_scss_1.default.buttonContainer} ${memberPortalWidgetRenderer_module_scss_1.default.center}`, ref: recent })));
|
|
66
|
-
};
|
|
67
|
-
exports.MemberPortalWidgetRenderer = MemberPortalWidgetRenderer;
|
|
68
|
-
//# sourceMappingURL=memberPortalWidgetRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"memberPortalWidgetRenderer.js","sourceRoot":"/","sources":["tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2D;AAE3D,wFAAqF;AACrF,kFAA0D;AAC1D,0FAAkE;AAElE,oEAAqD;AACrD,sHAA8D;AAI9D,MAAM,gBAAgB,GAA2B,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;AAE3K,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC3C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAkB,QAAQ,CAAC,CAAC;IAElF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAClE,kBAAkB,CAAC,SAAS,CAAC;gBACzB,OAAO,EAAE,EAAE,MAAM,EAAE,iCAAS,CAAC,MAAM,EAAE,YAAY,EAAE,iCAAS,CAAC,YAAY,EAAE,KAAK,EAAE,iCAAS,CAAC,MAAM,CAAC,CAAC,CAAU,EAAE,YAAY,EAAE,WAAW,EAAE;gBAC3I,gBAAgB,EAAE,YAAY;gBAC9B,kBAAkB,EAAE,MAAM;gBAC1B,UAAU,EAAE,OAAO,CAAC,GAAG;gBACvB,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;aAC/C,CAAC,CAAC;YACH,6BAAmB,CAAC,cAAc,EAAE,CAAC;YACrC,kBAAkB,CAAC,KAAK,EAAE,CAAC;YAE3B,yBAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SAC/C;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,uBAAuB,GAAG,CAAC,SAA0B,EAAE,EAAE;;QAC3D,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gDAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1D,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gDAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QACjD,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,gDAAM,CAAC,SAAS;QAC5B,uCAAK,SAAS,EAAE,gDAAM,CAAC,iBAAiB;YACpC,yCAAO,OAAO,EAAC,kBAAkB,yBAA2B;YAC5D,0CAAQ,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAwB,CAAC,IAC5H,gBAAgB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACjC,0CAAQ,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,IACnC,SAAS,CACL,CACZ,CAAC,CACG,CACP;QACN,uCAAK,SAAS,EAAE,GAAG,gDAAM,CAAC,eAAe,IAAI,gDAAM,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAI,CAC3E,CACT,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,0BAA0B,8BA2CrC","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { MemberPortalWidget } from '@/engines/MemberPortalWidget/MemberPortalWidget';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nimport { rsCompany } from '../OfflineEngineDefaults';\nimport styles from './memberPortalWidgetRenderer.module.scss';\nimport { Hotel } from '@/index';\n\ntype ButtonPlacement = 'center' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'right-center' | 'left-center';\nconst buttonPlacements: Array<ButtonPlacement> = ['center', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right', 'right-center', 'left-center'];\n\nexport const MemberPortalWidgetRenderer = () => {\n const recent = useRef<HTMLDivElement>(null);\n\n const [buttonPlacement, setButtonPlacement] = useState<ButtonPlacement>('center');\n\n useEffect(() => {\n if (recent.current) {\n const memberPortalWidget = new MemberPortalWidget(recent.current);\n memberPortalWidget.setConfig({\n company: { colors: rsCompany.colors, companyShort: rsCompany.companyShort, hotel: rsCompany.hotels[0] as Hotel, checkoutLink: '/checkout' },\n overlayPlacement: 'bottom-end',\n fallbackPlacements: 'auto',\n onSignedIn: console.log,\n onSignedOut: () => console.log('Signed out'),\n });\n RoomstayThemeEngine.registerStyles();\n memberPortalWidget.start();\n\n FeatureProvider.load('MemberPortalFeature');\n }\n }, [recent]);\n\n const onButtonPlacementChange = (placement: ButtonPlacement) => {\n recent.current?.classList.remove(styles[buttonPlacement]);\n recent.current?.classList.add(styles[placement]);\n setButtonPlacement(placement);\n };\n\n return (\n <div className={styles.container}>\n <div className={styles.placementSelector}>\n <label htmlFor=\"placement-select\">Button Placement: </label>\n <select id=\"placement-select\" value={buttonPlacement} onChange={(e) => onButtonPlacementChange(e.target.value as ButtonPlacement)}>\n {buttonPlacements.map((placement) => (\n <option key={placement} value={placement}>\n {placement}\n </option>\n ))}\n </select>\n </div>\n <div className={`${styles.buttonContainer} ${styles.center}`} ref={recent} />\n </div>\n );\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './allEngines.scss';
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
require("./allEngines.scss");
|
|
30
|
-
const react_1 = __importDefault(require("react"));
|
|
31
|
-
const StepRoomBestRateAlert_1 = require("../../../src/components/steps/room/StepRoomBestRateAlert");
|
|
32
|
-
const RoomstayBestRateAlert_1 = __importDefault(require("../RoomstayBestRateAlert"));
|
|
33
|
-
const react_dom_1 = require("react-dom");
|
|
34
|
-
const OfflineEngineWrapper_1 = __importDefault(require("./OfflineEngineWrapper"));
|
|
35
|
-
const RoomstayThemeEngine_1 = __importStar(require("../../../src/providers/RoomstayThemeEngine"));
|
|
36
|
-
const DIProvider_1 = require("../../../src/providers/DIProvider");
|
|
37
|
-
const FeatureProvider_1 = __importDefault(require("../../../src/providers/FeatureProvider"));
|
|
38
|
-
const src_1 = require("../../../src");
|
|
39
|
-
const FeaturedPromoFeature_1 = __importDefault(require("../../../src/providers/feature/FeaturedPromoFeature"));
|
|
40
|
-
const container = document.createElement('div');
|
|
41
|
-
(0, DIProvider_1.registerReplacement)(StepRoomBestRateAlert_1.STEP_ROOM_BEST_RATE_ALERT, RoomstayBestRateAlert_1.default);
|
|
42
|
-
RoomstayThemeEngine_1.default.ThemeType = RoomstayThemeEngine_1.RoomstayTheme.Medium;
|
|
43
|
-
//@ts-ignore
|
|
44
|
-
window.FeatureProvider = FeatureProvider_1.default;
|
|
45
|
-
//@ts-ignore
|
|
46
|
-
window.RoomstayEventManager = src_1.RoomstayEventManager;
|
|
47
|
-
FeatureProvider_1.default.load(FeaturedPromoFeature_1.default);
|
|
48
|
-
document.body.appendChild(container);
|
|
49
|
-
(0, react_dom_1.render)(react_1.default.createElement(OfflineEngineWrapper_1.default, null), container);
|
|
50
|
-
//# sourceMappingURL=offline-entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"offline-entry.js","sourceRoot":"/","sources":["tests/offline/entry/offline-entry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA2B;AAE3B,kDAA0B;AAC1B,oGAAqG;AACrG,qFAA6D;AAC7D,yCAAmC;AACnC,kFAAuD;AAEvD,kGAAgG;AAEhG,kEAAwE;AACxE,6FAAqE;AACrE,sCAAoD;AACpD,+GAAuF;AAEvF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEhD,IAAA,gCAAmB,EAAC,iDAAyB,EAAE,+BAAqB,CAAC,CAAC;AACtE,6BAAmB,CAAC,SAAS,GAAG,mCAAa,CAAC,MAAM,CAAC;AAErD,YAAY;AACZ,MAAM,CAAC,eAAe,GAAG,yBAAe,CAAC;AACzC,YAAY;AACZ,MAAM,CAAC,oBAAoB,GAAG,0BAAoB,CAAC;AAEnD,yBAAe,CAAC,IAAI,CAAC,8BAAoB,CAAC,CAAC;AAE3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACrC,IAAA,kBAAM,EAAC,8BAAC,8BAAiB,OAAG,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import './allEngines.scss';\n\nimport React from 'react';\nimport { STEP_ROOM_BEST_RATE_ALERT } from '../../../src/components/steps/room/StepRoomBestRateAlert';\nimport RoomstayBestRateAlert from '../RoomstayBestRateAlert';\nimport { render } from 'react-dom';\nimport TestEngineWrapper from './OfflineEngineWrapper';\n\nimport RoomstayThemeEngine, { RoomstayTheme } from '../../../src/providers/RoomstayThemeEngine';\n\nimport { registerReplacement } from '../../../src/providers/DIProvider';\nimport FeatureProvider from '../../../src/providers/FeatureProvider';\nimport { RoomstayEventManager } from '../../../src';\nimport FeaturedPromoFeature from '../../../src/providers/feature/FeaturedPromoFeature';\n\nconst container = document.createElement('div');\n\nregisterReplacement(STEP_ROOM_BEST_RATE_ALERT, RoomstayBestRateAlert);\nRoomstayThemeEngine.ThemeType = RoomstayTheme.Medium;\n\n//@ts-ignore\nwindow.FeatureProvider = FeatureProvider;\n//@ts-ignore\nwindow.RoomstayEventManager = RoomstayEventManager;\n\nFeatureProvider.load(FeaturedPromoFeature);\n\ndocument.body.appendChild(container);\nrender(<TestEngineWrapper />, container);\n"]}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.BookingWizardWrapper = void 0;
|
|
30
|
-
const index_1 = require("../../../../../src/index");
|
|
31
|
-
const react_1 = __importStar(require("react"));
|
|
32
|
-
const RoomstayDemoNavbar_1 = require("../../components/RoomstayDemoNavbar");
|
|
33
|
-
const index_module_scss_1 = __importDefault(require("./index.module.scss"));
|
|
34
|
-
const BookingWizardWrapper = ({ company }) => {
|
|
35
|
-
return (react_1.default.createElement("div", { className: "roomstay-booking-container" },
|
|
36
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['container'] },
|
|
37
|
-
react_1.default.createElement(RoomstayDemoNavbar_1.RoomstayDemoNavbar, { logo: company.logo }),
|
|
38
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['container-image'], style: { backgroundImage: `url('${company.hotels[0].heroImage}')` } }),
|
|
39
|
-
react_1.default.createElement("div", { className: "container" },
|
|
40
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['container-body'] },
|
|
41
|
-
react_1.default.createElement("h1", { className: index_module_scss_1.default['engine-title'] }, company.name),
|
|
42
|
-
react_1.default.createElement(BookingWizardRender, { company: company }))))));
|
|
43
|
-
};
|
|
44
|
-
exports.BookingWizardWrapper = BookingWizardWrapper;
|
|
45
|
-
function BookingWizardRender({ company }) {
|
|
46
|
-
const recent = (0, react_1.useRef)(null);
|
|
47
|
-
(0, react_1.useEffect)(() => {
|
|
48
|
-
if (recent.current) {
|
|
49
|
-
const properties = {};
|
|
50
|
-
properties[''] = company.hotels.map((hotel) => {
|
|
51
|
-
return {
|
|
52
|
-
id: hotel.hotelID,
|
|
53
|
-
name: hotel.name,
|
|
54
|
-
colors: hotel.colors,
|
|
55
|
-
};
|
|
56
|
-
});
|
|
57
|
-
const wizardBookingEngine = new index_1.BookingWizardEngine(recent.current);
|
|
58
|
-
wizardBookingEngine.setConfig({
|
|
59
|
-
layout: 'horizontal',
|
|
60
|
-
theme: 'specific',
|
|
61
|
-
widgetType: 'group',
|
|
62
|
-
onSubmit: (e) => {
|
|
63
|
-
window.location.href = `?engine=fp&hotel=${e.id}#/step/room/?arrive=${e.checkIn.format('YYYY-MM-DD')}&depart=${e.checkout.format('YYYY-MM-DD')}&adults=${e.guests.adults}&children=${e.guests.children}`;
|
|
64
|
-
},
|
|
65
|
-
defaultColors: company.colors,
|
|
66
|
-
properties,
|
|
67
|
-
});
|
|
68
|
-
wizardBookingEngine.start();
|
|
69
|
-
}
|
|
70
|
-
}, [recent]);
|
|
71
|
-
return react_1.default.createElement("div", { ref: recent });
|
|
72
|
-
}
|
|
73
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"/","sources":["tests/offline/entry/pages/BookingWizard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA8E;AAG9E,+CAAiD;AACjD,4EAAyE;AAEzE,4EAAyC;AAElC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAA8B,EAAE,EAAE;IAC5E,OAAO,CACH,uCAAK,SAAS,EAAC,4BAA4B;QACvC,uCAAK,SAAS,EAAE,2BAAM,CAAC,WAAW,CAAC;YAC/B,8BAAC,uCAAkB,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI;YAC1C,uCAAK,SAAS,EAAE,2BAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,GAAQ;YACtH,uCAAK,SAAS,EAAC,WAAW;gBACtB,uCAAK,SAAS,EAAE,2BAAM,CAAC,gBAAgB,CAAC;oBACpC,sCAAI,SAAS,EAAE,2BAAM,CAAC,cAAc,CAAC,IAAG,OAAO,CAAC,IAAI,CAAM;oBAC1D,8BAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,CACvC,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAfW,QAAA,oBAAoB,wBAe/B;AAEF,SAAS,mBAAmB,CAAC,EAAE,OAAO,EAA8B;IAChE,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,MAAM,UAAU,GAA6B,EAAE,CAAC;YAEhD,UAAU,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC1C,OAAO;oBACH,EAAE,EAAE,KAAK,CAAC,OAAO;oBACjB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;iBACvB,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,MAAM,mBAAmB,GAAG,IAAI,2BAAmB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpE,mBAAmB,CAAC,SAAS,CAAC;gBAC1B,MAAM,EAAE,YAAY;gBACpB,KAAK,EAAE,UAAU;gBACjB,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,WAC1I,CAAC,CAAC,MAAM,CAAC,MACb,aAAa,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrC,CAAC;gBACD,aAAa,EAAE,OAAO,CAAC,MAAM;gBAC7B,UAAU;aACb,CAAC,CAAC;YACH,mBAAmB,CAAC,KAAK,EAAE,CAAC;SAC/B;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,uCAAK,GAAG,EAAE,MAAM,GAAI,CAAC;AAChC,CAAC","sourcesContent":["import { BookingWizardEngine, Color, ConfigCompany, Headline } from '@/index';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { TextAlign } from '@/util/TextAlignment';\nimport React, { useRef, useEffect } from 'react';\nimport { RoomstayDemoNavbar } from '../../components/RoomstayDemoNavbar';\n\nimport styles from './index.module.scss';\n\nexport const BookingWizardWrapper = ({ company }: { company: ConfigCompany }) => {\n return (\n <div className=\"roomstay-booking-container\">\n <div className={styles['container']}>\n <RoomstayDemoNavbar logo={company.logo} />\n <div className={styles['container-image']} style={{ backgroundImage: `url('${company.hotels[0].heroImage}')` }}></div>\n <div className=\"container\">\n <div className={styles['container-body']}>\n <h1 className={styles['engine-title']}>{company.name}</h1>\n <BookingWizardRender company={company} />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nfunction BookingWizardRender({ company }: { company: ConfigCompany }) {\n const recent = useRef(null);\n\n useEffect(() => {\n if (recent.current) {\n const properties: TBookingWizardProperties = {};\n\n properties[''] = company.hotels.map((hotel) => {\n return {\n id: hotel.hotelID,\n name: hotel.name,\n colors: hotel.colors,\n };\n });\n\n const wizardBookingEngine = new BookingWizardEngine(recent.current);\n wizardBookingEngine.setConfig({\n layout: 'horizontal',\n theme: 'specific',\n widgetType: 'group',\n onSubmit: (e) => {\n window.location.href = `?engine=fp&hotel=${e.id}#/step/room/?arrive=${e.checkIn.format('YYYY-MM-DD')}&depart=${e.checkout.format('YYYY-MM-DD')}&adults=${\n e.guests.adults\n }&children=${e.guests.children}`;\n },\n defaultColors: company.colors,\n properties,\n });\n wizardBookingEngine.start();\n }\n }, [recent]);\n\n return <div ref={recent} />;\n}\n"]}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.RoomRateEngineWrapper = void 0;
|
|
30
|
-
const HotelAPI_1 = __importDefault(require("../../../../../src/api/HotelAPI"));
|
|
31
|
-
const Portal_1 = require("../../../../../src/components/generic/Portal/Portal");
|
|
32
|
-
const ImageGallerySlider_1 = __importDefault(require("../../../../../src/components/steps/room/ImageGallerySlider"));
|
|
33
|
-
const index_1 = require("../../../../../src/index");
|
|
34
|
-
const react_1 = __importStar(require("react"));
|
|
35
|
-
const RoomstayDemoNavbar_1 = require("../../components/RoomstayDemoNavbar");
|
|
36
|
-
const OfflineEngineDefaults_1 = require("../../OfflineEngineDefaults");
|
|
37
|
-
const index_module_scss_1 = __importDefault(require("./index.module.scss"));
|
|
38
|
-
const RoomRateEngineWrapper = ({ company }) => {
|
|
39
|
-
const hotelID = company.hotels[0].hotelID;
|
|
40
|
-
const [hotelData, setHotelData] = (0, react_1.useState)();
|
|
41
|
-
const [roomData, setRoomData] = (0, react_1.useState)();
|
|
42
|
-
(0, react_1.useEffect)(() => {
|
|
43
|
-
const hotelApi = new HotelAPI_1.default();
|
|
44
|
-
hotelApi
|
|
45
|
-
.fetchData(index_1.Language.en_us, { hotelID })
|
|
46
|
-
.then((data) => {
|
|
47
|
-
setHotelData(data);
|
|
48
|
-
})
|
|
49
|
-
.finally(() => { });
|
|
50
|
-
}, []);
|
|
51
|
-
(0, react_1.useEffect)(() => {
|
|
52
|
-
if (hotelData === null || hotelData === void 0 ? void 0 : hotelData.rooms) {
|
|
53
|
-
setRoomData(Object.values(hotelData.rooms)[0]);
|
|
54
|
-
}
|
|
55
|
-
}, [hotelData]);
|
|
56
|
-
if (!roomData) {
|
|
57
|
-
return (react_1.default.createElement(Portal_1.RoomstayPortal, { target: document.body },
|
|
58
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['loader-container'] },
|
|
59
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['spinner'] },
|
|
60
|
-
react_1.default.createElement(index_1.Icon, { icon: index_1.IconType.Spinner, size: "128px", color: index_1.Color.Accent })),
|
|
61
|
-
react_1.default.createElement(index_1.Text, null, "Loading Room Rates."))));
|
|
62
|
-
}
|
|
63
|
-
return (react_1.default.createElement("div", { className: "roomstay-booking-container" },
|
|
64
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['container-body'] },
|
|
65
|
-
react_1.default.createElement(RoomstayDemoNavbar_1.RoomstayDemoNavbar, { logo: company.logo }),
|
|
66
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['hero'], style: { backgroundImage: `url(${roomData.images[0]})` } },
|
|
67
|
-
react_1.default.createElement("h1", { className: index_module_scss_1.default['hero-title'] }, roomData.name)),
|
|
68
|
-
react_1.default.createElement("div", { className: index_module_scss_1.default['body-content'] },
|
|
69
|
-
react_1.default.createElement("div", { className: "row" },
|
|
70
|
-
react_1.default.createElement("div", { className: "col-md-6" },
|
|
71
|
-
react_1.default.createElement("h2", { style: { fontSize: '48px' } }, roomData.name),
|
|
72
|
-
react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: roomData.shortDescription } }),
|
|
73
|
-
react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: roomData.longDescription } }),
|
|
74
|
-
react_1.default.createElement("div", { style: { height: '500px', marginTop: '64px' } },
|
|
75
|
-
react_1.default.createElement(ImageGallerySlider_1.default, { images: roomData.images }))),
|
|
76
|
-
react_1.default.createElement("div", { className: "col-md-6" },
|
|
77
|
-
react_1.default.createElement("div", { style: { marginTop: '128px' } },
|
|
78
|
-
react_1.default.createElement(InlineRender, { id: roomData.code }))))))));
|
|
79
|
-
};
|
|
80
|
-
exports.RoomRateEngineWrapper = RoomRateEngineWrapper;
|
|
81
|
-
const InlineRender = ({ id }) => {
|
|
82
|
-
const inline = (0, react_1.useRef)(null);
|
|
83
|
-
(0, react_1.useEffect)(() => {
|
|
84
|
-
if (inline.current) {
|
|
85
|
-
const fullpageBE = new index_1.InlineRoomMiniEngine(inline.current, id);
|
|
86
|
-
fullpageBE.setConfig({ company: OfflineEngineDefaults_1.rsCompany });
|
|
87
|
-
index_1.RoomstayThemeEngine.registerStyles();
|
|
88
|
-
fullpageBE.start();
|
|
89
|
-
}
|
|
90
|
-
}, [inline]);
|
|
91
|
-
return react_1.default.createElement("div", { ref: inline });
|
|
92
|
-
};
|
|
93
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"/","sources":["tests/offline/entry/pages/RoomRate/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import HotelAPI from '@/api/HotelAPI';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color, ConfigCompany, HotelDTO, HotelRoomDTO, Icon, IconType, InlineRoomMiniEngine, Language, RoomstayThemeEngine, Text } from '@/index';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { RoomstayDemoNavbar } from '../../components/RoomstayDemoNavbar';\nimport { rsCompany } from '../../OfflineEngineDefaults';\n\nimport styles from './index.module.scss';\n\nexport const RoomRateEngineWrapper = ({ company }: { company: ConfigCompany }) => {\n const hotelID = company.hotels[0].hotelID;\n\n const [hotelData, setHotelData] = useState<HotelDTO>();\n const [roomData, setRoomData] = useState<HotelRoomDTO>();\n\n useEffect(() => {\n const hotelApi = new HotelAPI();\n hotelApi\n .fetchData(Language.en_us, { hotelID } as any)\n .then((data) => {\n setHotelData(data);\n })\n .finally(() => {});\n }, []);\n\n useEffect(() => {\n if (hotelData?.rooms) {\n setRoomData(Object.values(hotelData.rooms)[0]);\n }\n }, [hotelData]);\n\n if (!roomData) {\n return (\n <RoomstayPortal target={document.body}>\n <div className={styles['loader-container']}>\n <div className={styles['spinner']}>\n <Icon icon={IconType.Spinner} size=\"128px\" color={Color.Accent} />\n </div>\n <Text>Loading Room Rates.</Text>\n </div>\n </RoomstayPortal>\n );\n }\n\n return (\n <div className=\"roomstay-booking-container\">\n <div className={styles['container-body']}>\n <RoomstayDemoNavbar logo={company.logo} />\n <div className={styles['hero']} style={{ backgroundImage: `url(${roomData.images[0]})` }}>\n <h1 className={styles['hero-title']}>{roomData.name}</h1>\n </div>\n\n <div className={styles['body-content']}>\n <div className=\"row\">\n <div className=\"col-md-6\">\n <h2 style={{ fontSize: '48px' }}>{roomData.name}</h2>\n <div dangerouslySetInnerHTML={{ __html: roomData.shortDescription }}></div>\n <div dangerouslySetInnerHTML={{ __html: roomData.longDescription }}></div>\n\n <div style={{ height: '500px', marginTop: '64px' }}>\n <ImageGallerySlider images={roomData.images} />\n </div>\n </div>\n <div className=\"col-md-6\">\n <div style={{ marginTop: '128px' }}>\n <InlineRender id={roomData.code} />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nconst InlineRender = ({ id }: { id: string }) => {\n const inline = useRef(null);\n\n useEffect(() => {\n if (inline.current) {\n const fullpageBE = new InlineRoomMiniEngine(inline.current, id);\n fullpageBE.setConfig({ company: rsCompany });\n RoomstayThemeEngine.registerStyles();\n fullpageBE.start();\n }\n }, [inline]);\n\n return <div ref={inline} />;\n};\n"]}
|