@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.
Files changed (37) hide show
  1. package/dist/975.bundle.js +1 -1
  2. package/dist/main.bundle.js +1 -1
  3. package/dist/src/components/steps/room/roomDetails/RoomDetails.js +2 -2
  4. package/dist/src/components/steps/room/roomDetails/RoomDetails.js.map +1 -1
  5. package/dist/src/models/Client/Hotel/Hotel.d.ts +7 -3
  6. package/dist/src/models/Client/Hotel/Hotel.js.map +1 -1
  7. package/dist/src/pages/steps/Step.d.ts +3 -3
  8. package/dist/src/pages/steps/Step.js.map +1 -1
  9. package/dist/test.bundle.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/tests/offline/RoomstayBestRateAlert.d.ts +0 -1
  12. package/dist/tests/offline/RoomstayBestRateAlert.js +0 -48
  13. package/dist/tests/offline/RoomstayBestRateAlert.js.map +0 -1
  14. package/dist/tests/offline/entry/OfflineEngineWrapper.d.ts +0 -1
  15. package/dist/tests/offline/entry/OfflineEngineWrapper.js +0 -102
  16. package/dist/tests/offline/entry/OfflineEngineWrapper.js.map +0 -1
  17. package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.d.ts +0 -3
  18. package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.js +0 -17
  19. package/dist/tests/offline/entry/components/RoomstayDemoNavbar/index.js.map +0 -1
  20. package/dist/tests/offline/entry/components/TestPicker.d.ts +0 -1
  21. package/dist/tests/offline/entry/components/TestPicker.js +0 -303
  22. package/dist/tests/offline/entry/components/TestPicker.js.map +0 -1
  23. package/dist/tests/offline/entry/context/EngineContext.d.ts +0 -9
  24. package/dist/tests/offline/entry/context/EngineContext.js +0 -37
  25. package/dist/tests/offline/entry/context/EngineContext.js.map +0 -1
  26. package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.d.ts +0 -1
  27. package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js +0 -68
  28. package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js.map +0 -1
  29. package/dist/tests/offline/entry/offline-entry.d.ts +0 -1
  30. package/dist/tests/offline/entry/offline-entry.js +0 -50
  31. package/dist/tests/offline/entry/offline-entry.js.map +0 -1
  32. package/dist/tests/offline/entry/pages/BookingWizard/index.d.ts +0 -4
  33. package/dist/tests/offline/entry/pages/BookingWizard/index.js +0 -73
  34. package/dist/tests/offline/entry/pages/BookingWizard/index.js.map +0 -1
  35. package/dist/tests/offline/entry/pages/RoomRate/index.d.ts +0 -4
  36. package/dist/tests/offline/entry/pages/RoomRate/index.js +0 -93
  37. 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,4 +0,0 @@
1
- import { ConfigCompany } from '../../../../../src/index';
2
- export declare const BookingWizardWrapper: ({ company }: {
3
- company: ConfigCompany;
4
- }) => JSX.Element;
@@ -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,4 +0,0 @@
1
- import { ConfigCompany } from '../../../../../src/index';
2
- export declare const RoomRateEngineWrapper: ({ company }: {
3
- company: ConfigCompany;
4
- }) => JSX.Element;
@@ -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"]}