@roomstay/frontend 2.3.0 → 2.3.2

package/dist/tests/offline/entry/pages/BookingWizard/index.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookingWizardWrapper = void 0;
+const index_1 = require("../../../../../src/index");
+const react_1 = __importStar(require("react"));
+const RoomstayDemoNavbar_1 = require("../../components/RoomstayDemoNavbar");
+const index_module_scss_1 = __importDefault(require("./index.module.scss"));
+const BookingWizardWrapper = ({ company }) => {
+    return (react_1.default.createElement("div", { className: "roomstay-booking-container" },
+        react_1.default.createElement("div", { className: index_module_scss_1.default['container'] },
+            react_1.default.createElement(RoomstayDemoNavbar_1.RoomstayDemoNavbar, { logo: company.logo }),
+            react_1.default.createElement("div", { className: index_module_scss_1.default['container-image'], style: { backgroundImage: `url('${company.hotels[0].heroImage}')` } }),
+            react_1.default.createElement("div", { className: "container" },
+                react_1.default.createElement("div", { className: index_module_scss_1.default['container-body'] },
+                    react_1.default.createElement("h1", { className: index_module_scss_1.default['engine-title'] }, company.name),
+                    react_1.default.createElement(BookingWizardRender, { company: company }))))));
+};
+exports.BookingWizardWrapper = BookingWizardWrapper;
+function BookingWizardRender({ company }) {
+    const recent = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (recent.current) {
+            const properties = {};
+            properties[''] = company.hotels.map((hotel) => {
+                return {
+                    id: hotel.hotelID,
+                    name: hotel.name,
+                    colors: hotel.colors,
+                };
+            });
+            const wizardBookingEngine = new index_1.BookingWizardEngine(recent.current);
+            wizardBookingEngine.setConfig({
+                layout: 'horizontal',
+                theme: 'specific',
+                widgetType: 'group',
+                onSubmit: (e) => {
+                    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}`;
+                },
+                defaultColors: company.colors,
+                properties,
+            });
+            wizardBookingEngine.start();
+        }
+    }, [recent]);
+    return react_1.default.createElement("div", { ref: recent });
+}
+//# sourceMappingURL=index.js.map

package/dist/tests/offline/entry/pages/BookingWizard/index.js.map

@@ -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"]}

package/dist/tests/offline/entry/pages/RoomRate/index.d.ts

@@ -0,0 +1,4 @@
+import { ConfigCompany } from '../../../../../src/index';
+export declare const RoomRateEngineWrapper: ({ company }: {
+    company: ConfigCompany;
+}) => JSX.Element;

package/dist/tests/offline/entry/pages/{Inline → RoomRate}/index.js

@@ -26,15 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineEngineWrapper = void 0;
+exports.RoomRateEngineWrapper = void 0;
 const HotelAPI_1 = __importDefault(require("../../../../../src/api/HotelAPI"));
 const Portal_1 = require("../../../../../src/components/generic/Portal/Portal");
 const ImageGallerySlider_1 = __importDefault(require("../../../../../src/components/steps/room/ImageGallerySlider"));
 const index_1 = require("../../../../../src/index");
 const react_1 = __importStar(require("react"));
+const RoomstayDemoNavbar_1 = require("../../components/RoomstayDemoNavbar");
 const OfflineEngineDefaults_1 = require("../../OfflineEngineDefaults");
 const index_module_scss_1 = __importDefault(require("./index.module.scss"));
-const InlineEngineWrapper = ({ company }) => {
+const RoomRateEngineWrapper = ({ company }) => {
     const hotelID = company.hotels[0].hotelID;
     const [hotelData, setHotelData] = (0, react_1.useState)();
     const [roomData, setRoomData] = (0, react_1.useState)();
@@ -61,11 +62,7 @@ const InlineEngineWrapper = ({ company }) => {
     }
     return (react_1.default.createElement("div", { className: "roomstay-booking-container" },
         react_1.default.createElement("div", { className: index_module_scss_1.default['container-body'] },
-            react_1.default.createElement("div", { className: index_module_scss_1.default['container-navbar'] },
-                react_1.default.createElement("div", { className: index_module_scss_1.default['container-navbar-inner'] },
-                    react_1.default.createElement("div", { className: index_module_scss_1.default['container-navbar-logo'] },
-                        react_1.default.createElement("img", { src: company.logo, alt: "logo" })),
-                    react_1.default.createElement("div", { className: index_module_scss_1.default['container-navbar-menu'] }, ['Home', 'Rooms', 'About', 'Contact'].map((item) => (react_1.default.createElement("div", { className: index_module_scss_1.default['container-navbar-menu-item'], key: item }, item)))))),
+            react_1.default.createElement(RoomstayDemoNavbar_1.RoomstayDemoNavbar, { logo: company.logo }),
             react_1.default.createElement("div", { className: index_module_scss_1.default['hero'], style: { backgroundImage: `url(${roomData.images[0]})` } },
                 react_1.default.createElement("h1", { className: index_module_scss_1.default['hero-title'] }, roomData.name)),
             react_1.default.createElement("div", { className: index_module_scss_1.default['body-content'] },
@@ -80,7 +77,7 @@ const InlineEngineWrapper = ({ company }) => {
                         react_1.default.createElement("div", { style: { marginTop: '128px' } },
                             react_1.default.createElement(InlineRender, { id: roomData.code }))))))));
 };
-exports.InlineEngineWrapper = InlineEngineWrapper;
+exports.RoomRateEngineWrapper = RoomRateEngineWrapper;
 const InlineRender = ({ id }) => {
     const inline = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {

package/dist/tests/offline/entry/pages/RoomRate/index.js.map

@@ -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"]}