@roomstay/frontend 1.3.0

package/dist/tests/offline/entry/RSCompany.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rsCompany = void 0;
+const src_1 = require("../../../src");
+const HotelSpec = {
+    hotelID: TEST_HOTEL_ID,
+    providerHotelID: '1',
+    name: 'Roomstay Demo',
+    logo: '',
+    defaultDatepickerType: 'Month',
+    defaultLanguage: src_1.Language.en_us,
+    distanceUnitType: src_1.DistanceUnitType.Metric,
+    showAddonLoader: true,
+    startsWeekOnDay: src_1.WeekdayStartsOn.Monday,
+    heroImage: 'https://ovolohotels.com/wp-content/uploads/2020/02/Banner-e1587412618532.jpg',
+    privacyPolicyUrl: '/privacy',
+    colors: {
+        accent: '#7c39ff',
+        accent2: '#efe7ff',
+        accent3: '#5725b9',
+        success: '#00d7e1',
+    },
+    vgsVaultName: 'tntqp7elgpj',
+    memberOnlyRates: ['ALL'],
+    defaultCurrency: 'NZD',
+    hotelUrl: 'https://roomstay.io',
+    checkoutUrl: '/fullpage/',
+    // crossSellHotelIds : ['8472N'],
+    transportDistances: {
+        plane: 6.9,
+        train: 1.1,
+        bus: 0.29,
+        taxi: 0,
+    },
+    overwrites: {
+        PRS: {
+            RoomDimensions: '50 m²',
+        },
+        DBL: {
+            RoomDimensions: '65 m²',
+        },
+        JRS: {
+            RoomDimensions: '60 m²',
+        },
+        SGL: {
+            RoomDimensions: '26 m²',
+        },
+        A1K: {
+            RoomDimensions: '55 m²',
+        },
+        ABC: {
+            RoomDimensions: '100 m²',
+        },
+    },
+    showMealPill: true,
+    googleMapsImage: '/public/client/woolloomooloo/maps-static-thumbnail.png',
+    perks: [
+        {
+            icon: src_1.IconType.Breakfast,
+            name: 'Breakfast',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/breakfast_large.png',
+        },
+        {
+            icon: src_1.IconType.WiFi,
+            name: 'Superspeed Wifi',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/wifi_large.png',
+        },
+        {
+            icon: src_1.IconType.Bar,
+            name: 'Social Hour',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/socialhour_large.png',
+        },
+        {
+            icon: src_1.IconType.Fridge,
+            name: 'In-room mini bar',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/minibar_large.png',
+        },
+        {
+            icon: src_1.IconType.Laundry,
+            name: 'Self-service laundry',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/laundry_large.png',
+        },
+        {
+            icon: src_1.IconType.Gym,
+            name: '24-hour Gym',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/gym_large.png',
+        },
+        {
+            icon: src_1.IconType.Snacks,
+            name: 'All day snacks',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/snacks_large.png',
+        },
+        {
+            icon: src_1.IconType.LootBag,
+            name: 'Free Loot Bag',
+            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/lootbag_large.png',
+        },
+    ],
+};
+exports.rsCompany = {
+    colors: {
+        accent: '#BEEEEF',
+        accent2: '#BEEEeF',
+        accent3: '#BEEEeF',
+    },
+    logo: 'https://www.crystalbrookcollection.com/skins/crystal-brook-collection/assets/desktop/images/logo.svg',
+    name: 'Roomstay Incorporated',
+    companyShort: 'Hey Company Inc',
+    hotels: [HotelSpec],
+};
+//# sourceMappingURL=RSCompany.js.map

package/dist/tests/offline/entry/RSCompany.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RSCompany.js","sourceRoot":"/","sources":["tests/offline/entry/RSCompany.ts"],"names":[],"mappings":";;;AAAA,sCAAiH;AAIjH,MAAM,SAAS,GAAgB;IAC3B,OAAO,EAAE,aAAa;IACtB,eAAe,EAAE,GAAG;IAEpB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,EAAE;IACR,qBAAqB,EAAE,OAAO;IAC9B,eAAe,EAAE,cAAQ,CAAC,KAAK;IAC/B,gBAAgB,EAAE,sBAAgB,CAAC,MAAM;IACzC,eAAe,EAAE,IAAI;IACrB,eAAe,EAAE,qBAAe,CAAC,MAAM;IAEvC,SAAS,EAAE,8EAA8E;IACzF,gBAAgB,EAAE,UAAU;IAC5B,MAAM,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACrB;IACD,YAAY,EAAE,aAAa;IAC3B,eAAe,EAAE,CAAC,KAAK,CAAC;IACxB,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,qBAAqB;IAC/B,WAAW,EAAE,YAAY;IACzB,iCAAiC;IAEjC,kBAAkB,EAAE;QAChB,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,GAAG;QACV,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACR,GAAG,EAAE;YACD,cAAc,EAAE,OAAO;SAC1B;QACD,GAAG,EAAE;YACD,cAAc,EAAE,OAAO;SAC1B;QACD,GAAG,EAAE;YACD,cAAc,EAAE,OAAO;SAC1B;QACD,GAAG,EAAE;YACD,cAAc,EAAE,OAAO;SAC1B;QACD,GAAG,EAAE;YACD,cAAc,EAAE,OAAO;SAC1B;QACD,GAAG,EAAE;YACD,cAAc,EAAE,QAAQ;SAC3B;KACJ;IACD,YAAY,EAAE,IAAI;IAClB,eAAe,EAAE,wDAAwD;IACzE,KAAK,EAAE;QACH;YACI,IAAI,EAAE,cAAQ,CAAC,SAAS;YACxB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,oGAAoG;SAC9G;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,+FAA+F;SACzG;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,qGAAqG;SAC/G;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,MAAM;YACrB,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,kGAAkG;SAC5G;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,OAAO;YACtB,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,kGAAkG;SAC5G;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,8FAA8F;SACxG;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,MAAM;YACrB,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,iGAAiG;SAC3G;QACD;YACI,IAAI,EAAE,cAAQ,CAAC,OAAO;YACtB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,kGAAkG;SAC5G;KACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAkB;IACpC,MAAM,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACrB;IACD,IAAI,EAAE,sGAAsG;IAC5G,IAAI,EAAE,uBAAuB;IAC7B,YAAY,EAAE,iBAAiB;IAC/B,MAAM,EAAE,CAAC,SAAS,CAAC;CACtB,CAAC","sourcesContent":["import { ConfigCompany, ConfigHotel, DistanceUnitType, IconType, Language, WeekdayStartsOn } from '../../../src';\n\ndeclare const TEST_HOTEL_ID: string;\n\nconst HotelSpec: ConfigHotel = {\n    hotelID: TEST_HOTEL_ID,\n    providerHotelID: '1',\n\n    name: 'Roomstay Demo',\n    logo: '',\n    defaultDatepickerType: 'Month',\n    defaultLanguage: Language.en_us,\n    distanceUnitType: DistanceUnitType.Metric,\n    showAddonLoader: true,\n    startsWeekOnDay: WeekdayStartsOn.Monday,\n\n    heroImage: 'https://ovolohotels.com/wp-content/uploads/2020/02/Banner-e1587412618532.jpg',\n    privacyPolicyUrl: '/privacy',\n    colors: {\n        accent: '#7c39ff',\n        accent2: '#efe7ff',\n        accent3: '#5725b9',\n        success: '#00d7e1',\n    },\n    vgsVaultName: 'tntqp7elgpj',\n    memberOnlyRates: ['ALL'],\n    defaultCurrency: 'NZD',\n    hotelUrl: 'https://roomstay.io',\n    checkoutUrl: '/fullpage/',\n    // crossSellHotelIds : ['8472N'],\n\n    transportDistances: {\n        plane: 6.9,\n        train: 1.1,\n        bus: 0.29,\n        taxi: 0,\n    },\n    overwrites: {\n        PRS: {\n            RoomDimensions: '50 m²',\n        },\n        DBL: {\n            RoomDimensions: '65 m²',\n        },\n        JRS: {\n            RoomDimensions: '60 m²',\n        },\n        SGL: {\n            RoomDimensions: '26 m²',\n        },\n        A1K: {\n            RoomDimensions: '55 m²',\n        },\n        ABC: {\n            RoomDimensions: '100 m²',\n        },\n    },\n    showMealPill: true,\n    googleMapsImage: '/public/client/woolloomooloo/maps-static-thumbnail.png',\n    perks: [\n        {\n            icon: IconType.Breakfast,\n            name: 'Breakfast',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/breakfast_large.png',\n        },\n        {\n            icon: IconType.WiFi,\n            name: 'Superspeed Wifi',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/wifi_large.png',\n        },\n        {\n            icon: IconType.Bar,\n            name: 'Social Hour',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/socialhour_large.png',\n        },\n        {\n            icon: IconType.Fridge,\n            name: 'In-room mini bar',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/minibar_large.png',\n        },\n        {\n            icon: IconType.Laundry,\n            name: 'Self-service laundry',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/laundry_large.png',\n        },\n        {\n            icon: IconType.Gym,\n            name: '24-hour Gym',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/gym_large.png',\n        },\n        {\n            icon: IconType.Snacks,\n            name: 'All day snacks',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/snacks_large.png',\n        },\n        {\n            icon: IconType.LootBag,\n            name: 'Free Loot Bag',\n            image: 'https://ovolohotels.com/wp-content/themes/wonderful/assets/img/wonderful/perks/lootbag_large.png',\n        },\n    ],\n};\n\nexport const rsCompany: ConfigCompany = {\n    colors: {\n        accent: '#BEEEEF',\n        accent2: '#BEEEeF',\n        accent3: '#BEEEeF',\n    },\n    logo: 'https://www.crystalbrookcollection.com/skins/crystal-brook-collection/assets/desktop/images/logo.svg',\n    name: 'Roomstay Incorporated',\n    companyShort: 'Hey Company Inc',\n    hotels: [HotelSpec],\n};\n"]}

package/dist/tests/offline/entry/ReactWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function ReactWrapper(): JSX.Element;

package/dist/tests/offline/entry/ReactWrapper.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const react_2 = require("react");
+const RecentSearchesEngine_1 = require("../../../src/engines/RecentSearchesEngine/RecentSearchesEngine");
+const FullPageBookingEngine_1 = require("../../../src/engines/FullPageBookingEngine/FullPageBookingEngine");
+const FeatureProvider_1 = require("../../../src/providers/FeatureProvider");
+const RoomstayThemeEngine_1 = require("../../../src/providers/RoomstayThemeEngine");
+const src_1 = require("../../../src");
+const RSCompany_1 = require("./RSCompany");
+const TestPicker_1 = require("./components/TestPicker");
+function FullPageRender() {
+    const fullpage = react_1.useRef(null);
+    react_2.useEffect(() => {
+        if (fullpage.current) {
+            const fullpageBE = new FullPageBookingEngine_1.FullPageBookingEngine(fullpage.current);
+            fullpageBE.setConfig({ company: RSCompany_1.rsCompany });
+            fullpageBE.start();
+            FeatureProvider_1.default.load('RoomUpsellFeature');
+            FeatureProvider_1.default.load('DatePickerTypeFeature');
+            FeatureProvider_1.default.load('InlineAddonStepFeature');
+        }
+    }, [fullpage]);
+    return React.createElement("div", { ref: fullpage });
+}
+function InlineRender() {
+    const inline = react_1.useRef(null);
+    react_2.useEffect(() => {
+        if (inline.current) {
+            const fullpageBE = new src_1.InlineRoomMiniEngine(inline.current, 'VDK');
+            fullpageBE.setConfig({ company: RSCompany_1.rsCompany });
+            RoomstayThemeEngine_1.default.registerStyles();
+            fullpageBE.start();
+        }
+    }, [inline]);
+    return React.createElement("div", { ref: inline });
+}
+function RecentSearchesRender() {
+    const recent = react_1.useRef(null);
+    react_2.useEffect(() => {
+        if (recent.current) {
+            const fullpageBE = new RecentSearchesEngine_1.RecentSearchesEngine(recent.current);
+            fullpageBE.setConfig({ company: RSCompany_1.rsCompany });
+            RoomstayThemeEngine_1.default.registerStyles();
+            fullpageBE.start();
+        }
+    }, [recent]);
+    return React.createElement("div", { ref: recent });
+}
+function ReactWrapper() {
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "hi-widget-container" },
+            React.createElement("div", { className: "hi-launcher-container" })),
+        React.createElement(TestPicker_1.TestPicker, null),
+        React.createElement(FullPageRender, null)));
+}
+exports.default = ReactWrapper;
+//# sourceMappingURL=ReactWrapper.js.map

package/dist/tests/offline/entry/ReactWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWrapper.js","sourceRoot":"/","sources":["tests/offline/entry/ReactWrapper.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,iCAA+B;AAC/B,iCAAkC;AAClC,yGAAsG;AACtG,4GAAyG;AACzG,4EAAqE;AACrE,oFAA6E;AAC7E,sCAAoD;AACpD,2CAAwC;AACxC,wDAAqD;AAErD,SAAS,cAAc;IACnB,MAAM,QAAQ,GAAG,cAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,iBAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,OAAO,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,6CAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/D,UAAU,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,qBAAS,EAAE,CAAC,CAAC;YAC7C,UAAU,CAAC,KAAK,EAAE,CAAC;YAEnB,yBAAe,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC1C,yBAAe,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;YAC9C,yBAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SAClD;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,6BAAK,GAAG,EAAE,QAAQ,GAAI,CAAC;AAClC,CAAC;AAED,SAAS,YAAY;IACjB,MAAM,MAAM,GAAG,cAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,iBAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,MAAM,UAAU,GAAG,IAAI,0BAAoB,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACnE,UAAU,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,qBAAS,EAAE,CAAC,CAAC;YAC7C,6BAAmB,CAAC,cAAc,EAAE,CAAC;YACrC,UAAU,CAAC,KAAK,EAAE,CAAC;SACtB;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,6BAAK,GAAG,EAAE,MAAM,GAAI,CAAC;AAChC,CAAC;AAED,SAAS,oBAAoB;IACzB,MAAM,MAAM,GAAG,cAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,iBAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,MAAM,UAAU,GAAG,IAAI,2CAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC5D,UAAU,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,qBAAS,EAAE,CAAC,CAAC;YAC7C,6BAAmB,CAAC,cAAc,EAAE,CAAC;YACrC,UAAU,CAAC,KAAK,EAAE,CAAC;SACtB;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,6BAAK,GAAG,EAAE,MAAM,GAAI,CAAC;AAChC,CAAC;AAED,SAAwB,YAAY;IAChC,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,qBAAqB;YAChC,6BAAK,SAAS,EAAC,uBAAuB,GAAO,CAC3C;QACN,oBAAC,uBAAU,OAAG;QACd,oBAAC,cAAc,OAAG,CAChB,CACT,CAAC;AACN,CAAC;AAVD,+BAUC","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter, Route, Redirect, NavLink } from 'react-router-dom';\nimport { useRef } from 'react';\nimport { useEffect } from 'react';\nimport { RecentSearchesEngine } from '../../../src/engines/RecentSearchesEngine/RecentSearchesEngine';\nimport { FullPageBookingEngine } from '../../../src/engines/FullPageBookingEngine/FullPageBookingEngine';\nimport FeatureProvider from '../../../src/providers/FeatureProvider';\nimport RoomstayThemeEngine from '../../../src/providers/RoomstayThemeEngine';\nimport { InlineRoomMiniEngine } from '../../../src';\nimport { rsCompany } from './RSCompany';\nimport { TestPicker } from './components/TestPicker';\n\nfunction FullPageRender() {\n    const fullpage = useRef(null);\n\n    useEffect(() => {\n        if (fullpage.current) {\n            const fullpageBE = new FullPageBookingEngine(fullpage.current);\n            fullpageBE.setConfig({ company: rsCompany });\n            fullpageBE.start();\n\n            FeatureProvider.load('RoomUpsellFeature');\n            FeatureProvider.load('DatePickerTypeFeature');\n            FeatureProvider.load('InlineAddonStepFeature');\n        }\n    }, [fullpage]);\n\n    return <div ref={fullpage} />;\n}\n\nfunction InlineRender() {\n    const inline = useRef(null);\n\n    useEffect(() => {\n        if (inline.current) {\n            const fullpageBE = new InlineRoomMiniEngine(inline.current, 'VDK');\n            fullpageBE.setConfig({ company: rsCompany });\n            RoomstayThemeEngine.registerStyles();\n            fullpageBE.start();\n        }\n    }, [inline]);\n\n    return <div ref={inline} />;\n}\n\nfunction RecentSearchesRender() {\n    const recent = useRef(null);\n\n    useEffect(() => {\n        if (recent.current) {\n            const fullpageBE = new RecentSearchesEngine(recent.current);\n            fullpageBE.setConfig({ company: rsCompany });\n            RoomstayThemeEngine.registerStyles();\n            fullpageBE.start();\n        }\n    }, [recent]);\n\n    return <div ref={recent} />;\n}\n\nexport default function ReactWrapper() {\n    return (\n        <div>\n            <div className=\"hi-widget-container\">\n                <div className=\"hi-launcher-container\"></div>\n            </div>\n            <TestPicker />\n            <FullPageRender />\n        </div>\n    );\n}\n"]}

package/dist/tests/offline/entry/allEngines.d.ts

@@ -0,0 +1 @@
+import './allEngines.scss';

package/dist/tests/offline/entry/allEngines.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./allEngines.scss");
+const React = require("react");
+const StepRoomBestRateAlert_1 = require("../../../src/components/steps/room/StepRoomBestRateAlert");
+const RoomstayBestRateAlert_1 = require("../RoomstayBestRateAlert");
+const react_dom_1 = require("react-dom");
+const ReactWrapper_1 = require("./ReactWrapper");
+const RoomstayThemeEngine_1 = require("../../../src/providers/RoomstayThemeEngine");
+const DIProvider_1 = require("../../../src/providers/DIProvider");
+const FeatureProvider_1 = require("../../../src/providers/FeatureProvider");
+const src_1 = require("../../../src");
+const FeaturedPromoFeature_1 = require("../../../src/providers/feature/FeaturedPromoFeature");
+const container = document.createElement('div');
+DIProvider_1.registerReplacement(StepRoomBestRateAlert_1.STEP_ROOM_BEST_RATE_ALERT, RoomstayBestRateAlert_1.default);
+RoomstayThemeEngine_1.default.ThemeType = RoomstayThemeEngine_1.RoomstayTheme.Medium;
+//@ts-ignore
+window.FeatureProvider = FeatureProvider_1.default;
+//@ts-ignore
+window.RoomstayEventManager = src_1.RoomstayEventManager;
+FeatureProvider_1.default.load(FeaturedPromoFeature_1.default);
+document.body.appendChild(container);
+react_dom_1.render(React.createElement(ReactWrapper_1.default, null), container);
+//# sourceMappingURL=allEngines.js.map

package/dist/tests/offline/entry/allEngines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"allEngines.js","sourceRoot":"/","sources":["tests/offline/entry/allEngines.tsx"],"names":[],"mappings":";;AAAA,6BAA2B;AAE3B,+BAA+B;AAC/B,oGAAqG;AACrG,oEAA6D;AAC7D,yCAAmC;AACnC,iDAA0C;AAE1C,oFAAgG;AAEhG,kEAAwE;AACxE,4EAAqE;AACrE,sCAAoD;AACpD,8FAAuF;AAEvF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEhD,gCAAmB,CAAC,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,kBAAM,CAAC,oBAAC,sBAAY,OAAG,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import './allEngines.scss';\n\nimport * as 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 ReactWrapper from './ReactWrapper';\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(<ReactWrapper />, container);\n"]}

package/dist/tests/offline/entry/components/TestPicker.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TestPicker: () => JSX.Element;

package/dist/tests/offline/entry/components/TestPicker.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestPicker = void 0;
+const TestPicker_module_scss_1 = require("./TestPicker.module.scss");
+const React = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const react_1 = require("react");
+const SimpleModal_1 = require("components/generic/modal/SimpleModal");
+const index_1 = require("index");
+const FullPageBookingEngineElementEvents_1 = require("engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
+const BESelect_1 = require("components/generic/BESelect");
+const engines = [
+    { value: 'fullpage', text: 'Full Page' },
+    { value: 'inline', text: 'In Page' },
+    { value: 'recent-searches', text: 'Recent Searches' },
+];
+const availableFeatures = [
+    {
+        feature: index_1.E164PhoneNumberFieldFeature,
+        label: 'Phone number input in E164 format?',
+    },
+    {
+        feature: index_1.ConfirmationVerifyFeature,
+        label: 'Show Confirmation Checkbox on checkout?',
+    },
+    {
+        feature: index_1.ShowIATANumberOnCheckoutFeature,
+        label: 'Show IATA number input field on checkout?',
+    },
+    {
+        feature: index_1.RoomUpsellFeature,
+        label: 'Enable Room Upsell on checkout?',
+    },
+    {
+        feature: index_1.InlineAddonStepFeature,
+        label: 'Enable Inline Addon Step?',
+    },
+];
+const availableThemes = [
+    { text: 'Medium', value: index_1.RoomstayTheme.Medium },
+    { text: 'Light', value: index_1.RoomstayTheme.Light },
+];
+exports.TestPicker = () => {
+    var _a, _b;
+    const [inc, setInc] = react_1.useState(0);
+    const [isModalOpen, setIsModalOpen] = react_1.useState(false);
+    const history = react_router_dom_1.useHistory();
+    const onChangeEngine = (value) => {
+        history.push(`/${value}/`);
+    };
+    const onModalClose = () => {
+        setIsModalOpen(false);
+    };
+    const onTriggerClick = () => {
+        setIsModalOpen((open) => !open);
+    };
+    const onThemeChanged = (theme) => {
+        index_1.RoomstayThemeEngine.ThemeType = theme;
+        refresh();
+    };
+    /**
+     * Reason for this is if we make global changes, state doesn't update 👀
+     */
+    const refresh = () => {
+        setInc((i) => i + 1);
+        try {
+            FullPageBookingEngineElementEvents_1.FullPageBookingEngineElementEvents.reload();
+        }
+        catch (ex) { }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: TestPicker_module_scss_1.default.powerToggle, onClick: onTriggerClick }),
+        React.createElement(SimpleModal_1.default, { open: isModalOpen, onClose: onModalClose, title: "Development Control Panel" },
+            React.createElement("div", { className: TestPicker_module_scss_1.default.engineControlBody },
+                React.createElement("div", { className: "u-marg-bottom--heavy" },
+                    React.createElement("div", { className: "u-marg-bottom--light" },
+                        React.createElement(index_1.Headline, { bold: true }, "Engine Type:")),
+                    React.createElement(BESelect_1.default, { items: engines, onChange: onChangeEngine, selectedValue: (_b = (_a = history === null || history === void 0 ? void 0 : history.location) === null || _a === void 0 ? void 0 : _a.pathname) === null || _b === void 0 ? void 0 : _b.replace(/\//gm, '') })),
+                React.createElement("div", { className: "u-marg-bottom--heavy" },
+                    React.createElement("div", { className: "u-marg-bottom--light" },
+                        React.createElement(index_1.Headline, { bold: true }, "Engine Features")),
+                    React.createElement("div", null, availableFeatures.map((aF) => {
+                        const onFeatureChange = (state) => {
+                            if (state) {
+                                index_1.FeatureProvider.load(aF.feature.getName());
+                            }
+                            else {
+                                index_1.FeatureProvider.unLoad(aF.feature.getName());
+                            }
+                            refresh();
+                        };
+                        return React.createElement(index_1.Checkbox, { label: aF.label, checked: aF.feature.isActive(), onChange: onFeatureChange });
+                    }))),
+                React.createElement("div", { className: "u-marg-bottom--light" },
+                    React.createElement(index_1.Headline, { bold: true }, "Engine Theme #in progress")),
+                React.createElement("div", null,
+                    React.createElement(BESelect_1.default, { items: availableThemes, onChange: onThemeChanged, selectedValue: index_1.RoomstayThemeEngine.ThemeType }))))));
+};
+//# sourceMappingURL=TestPicker.js.map

package/dist/tests/offline/entry/components/TestPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestPicker.js","sourceRoot":"/","sources":["tests/offline/entry/components/TestPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import styles from './TestPicker.module.scss';\nimport * as React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { useState } from 'react';\nimport SimpleModal from 'components/generic/modal/SimpleModal';\nimport {\n    FeatureProvider,\n    Checkbox,\n    E164PhoneNumberFieldFeature,\n    ConfirmationVerifyFeature,\n    ShowIATANumberOnCheckoutFeature,\n    Headline,\n    RoomUpsellFeature,\n    InlineAddonStepFeature,\n    RoomstayTheme,\n    RoomstayThemeEngine,\n} from 'index';\nimport { Feature } from 'providers/feature/Feature';\nimport { FullPageBookingEngineElementEvents } from 'engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport BESelect from 'components/generic/BESelect';\n\nconst engines = [\n    { value: 'fullpage', text: 'Full Page' },\n    { value: 'inline', text: 'In Page' },\n    { value: 'recent-searches', text: 'Recent Searches' },\n];\n\nconst availableFeatures: { feature: Feature; label: string }[] = [\n    {\n        feature: E164PhoneNumberFieldFeature,\n\n        label: 'Phone number input in E164 format?',\n    },\n    {\n        feature: ConfirmationVerifyFeature,\n        label: 'Show Confirmation Checkbox on checkout?',\n    },\n    {\n        feature: ShowIATANumberOnCheckoutFeature,\n        label: 'Show IATA number input field on checkout?',\n    },\n    {\n        feature: RoomUpsellFeature,\n        label: 'Enable Room Upsell on checkout?',\n    },\n    {\n        feature: InlineAddonStepFeature,\n        label: 'Enable Inline Addon Step?',\n    },\n];\n\nconst availableThemes: { value: string; text: string }[] = [\n    { text: 'Medium', value: RoomstayTheme.Medium },\n    { text: 'Light', value: RoomstayTheme.Light },\n];\n\nexport const TestPicker = () => {\n    const [inc, setInc] = useState(0);\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n\n    const history = useHistory();\n\n    const onChangeEngine = (value: string) => {\n        history.push(`/${value}/`);\n    };\n\n    const onModalClose = () => {\n        setIsModalOpen(false);\n    };\n\n    const onTriggerClick = () => {\n        setIsModalOpen((open) => !open);\n    };\n\n    const onThemeChanged = (theme: RoomstayTheme) => {\n        RoomstayThemeEngine.ThemeType = theme;\n        refresh();\n    };\n\n    /**\n     * Reason for this is if we make global changes, state doesn't update 👀\n     */\n    const refresh = () => {\n        setInc((i) => i + 1);\n        try {\n            FullPageBookingEngineElementEvents.reload();\n        } catch (ex) {}\n    };\n\n    return (\n        <>\n            <div className={styles.powerToggle} onClick={onTriggerClick}></div>\n            {\n                <SimpleModal open={isModalOpen} onClose={onModalClose} title=\"Development Control Panel\">\n                    <div className={styles.engineControlBody}>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Headline bold={true}>Engine Type:</Headline>\n                            </div>\n                            <BESelect items={engines} onChange={onChangeEngine} selectedValue={history?.location?.pathname?.replace(/\\//gm, '')} />\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Headline bold={true}>Engine Features</Headline>\n                            </div>\n                            <div>\n                                {availableFeatures.map((aF) => {\n                                    const onFeatureChange = (state: boolean) => {\n                                        if (state) {\n                                            FeatureProvider.load(aF.feature.getName());\n                                        } else {\n                                            FeatureProvider.unLoad(aF.feature.getName());\n                                        }\n\n                                        refresh();\n                                    };\n\n                                    return <Checkbox label={aF.label} checked={aF.feature.isActive()} onChange={onFeatureChange} />;\n                                })}\n                            </div>\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold={true}>Engine Theme #in progress</Headline>\n                        </div>\n                        <div>\n                            <BESelect items={availableThemes} onChange={onThemeChanged} selectedValue={RoomstayThemeEngine.ThemeType} />\n                        </div>\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n};\n"]}

package/package.json

@@ -0,0 +1,180 @@
+{
+    "name": "@roomstay/frontend",
+    "version": "1.3.0",
+    "author": {
+        "name": "Roomstay",
+        "email": "rob@roomstay.io",
+        "url": "https://roomstay.io"
+    },
+    "main": "./dist/main.bundle.js",
+    "types": "./dist/src/index.d.ts",
+    "files": [
+        "dist/**/*"
+    ],
+    "dependencies": {
+        "@material-ui/core": "^4.11.0",
+        "@material-ui/lab": "^4.0.0-alpha.56",
+        "@react-spring/web": "^9.4.4",
+        "@sentry/browser": "^5.21.0",
+        "@sentry/types": "^5.26.0",
+        "classnames": "^2.2.6",
+        "dayjs": "^1.8.33",
+        "flubber": "^0.4.2",
+        "fslightbox-react": "^1.4.9",
+        "google-maps-react": "^2.0.6",
+        "i18next": "^19.6.3",
+        "react": "^16.12.0",
+        "react-dom": "^16.12.0",
+        "react-gtm-module": "^2.0.10",
+        "react-hook-form": "^7.34.0",
+        "react-i18next": "^11.7.0",
+        "react-router": "^5.2.0",
+        "react-router-dom": "^5.2.0",
+        "react-use-gesture": "^7.0.13",
+        "react-use-measure": "^2.0.1",
+        "resize-observer-polyfill": "^1.5.1",
+        "scroll-lock": "^2.1.4"
+    },
+    "scripts": {
+        "dev": "env-cmd -f .env webpack-dev-server --open --mode development --hot --config 'webpack-local.config.js'",
+        "start": "npm run dev",
+        "test": "npm run test:prettier && npm run test:coverage",
+        "test:lint": "eslint 'src/**/*.{ts,tsx}'",
+        "test:lint-fix": "eslint 'src/**/*.{ts,tsx}' --fix",
+        "test:prettier": "prettier --check 'src/**/*.{tsx,ts}' -c ./.prettierrc",
+        "test:prettier-fix": "prettier --write 'src/**/*.{tsx,ts}' -c ./.prettierrc",
+        "test:coverage": "jest --coverage",
+        "build": "rm -rf ./dist/; tsc; webpack --mode production",
+        "release": "np",
+        "prepublishOnly": "rm -rf ./dist/; tsc --emitDeclarationOnly; ./rsbundler pack-for-release; echo 0;"
+    },
+    "eslintConfig": {
+        "extends": "react-app"
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "np": {
+        "name": "Roomstay Frontend",
+        "anyBranch": true
+    },
+    "madge": {
+        "detectiveOptions": {
+            "ts": {
+                "skipTypeImports": true
+            },
+            "tsx": {
+                "skipTypeImports": true
+            }
+        }
+    },
+    "jest": {
+        "moduleFileExtensions": [
+            "ts",
+            "tsx",
+            "js",
+            "jsx"
+        ],
+        "transform": {
+            "^.+\\.(js|jsx)$": "babel-jest",
+            "^.+\\.(ts|tsx)$": "ts-jest"
+        },
+        "globals": {
+            "ts-jest": {
+                "tsConfigFile": "tsconfig.jest.json"
+            }
+        },
+        "testMatch": [
+            "**/tests/jest/**/*.test.+((j|t)s(x|))"
+        ],
+        "transformIgnorePatterns": [
+            "./node_modules/(?!node-formatter)"
+        ],
+        "moduleNameMapper": {
+            "node-formatter": "./node_modules/node-formatter"
+        }
+    },
+    "devDependencies": {
+        "@babel/core": "^7.11.1",
+        "@babel/plugin-proposal-class-properties": "^7.10.4",
+        "@babel/plugin-proposal-decorators": "^7.10.5",
+        "@babel/plugin-transform-runtime": "^7.11.0",
+        "@babel/preset-env": "^7.11.0",
+        "@babel/preset-react": "^7.10.4",
+        "@babel/preset-typescript": "^7.10.4",
+        "@babel/runtime": "^7.11.2",
+        "@hot-loader/react-dom": "^16.13.0",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.2",
+        "@rollup/plugin-typescript": "^8.3.0",
+        "@sentry/webpack-plugin": "^1.12.0",
+        "@testing-library/jest-dom": "^4.2.4",
+        "@testing-library/react": "^9.3.2",
+        "@testing-library/user-event": "^7.1.2",
+        "@types/classnames": "^2.2.10",
+        "@types/fslightbox-react": "^1.4.0",
+        "@types/google-maps-react": "^2.0.5",
+        "@types/googlemaps": "^3.39.11",
+        "@types/jest": "^24.9.1",
+        "@types/node": "^12.12.54",
+        "@types/react": "^16.9.46",
+        "@types/react-dom": "^16.9.8",
+        "@types/react-gtm-module": "^2.0.0",
+        "@types/react-router-dom": "^5.1.3",
+        "@types/react-svg-morph": "^0.2.0",
+        "@types/scroll-lock": "^2.1.0",
+        "@typescript-eslint/eslint-plugin": "^5.21.0",
+        "@typescript-eslint/parser": "^5.21.0",
+        "babel": "^6.23.0",
+        "babel-loader": "^8.1.0",
+        "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+        "bootstrap": "^4.5.2",
+        "copy-webpack-plugin": "^5.1.1",
+        "css-loader": "^3.6.0",
+        "css-modules-typescript-loader": "^4.0.1",
+        "env-cmd": "^10.1.0",
+        "eslint": "^8.14.0",
+        "eslint-plugin-react": "^7.29.4",
+        "eslint-plugin-react-hooks": "^4.4.0",
+        "fork-ts-checker-webpack-plugin": "^4.1.6",
+        "gulp": "^4.0.2",
+        "gulp-autoprefixer": "^7.0.1",
+        "gulp-clean-css": "^4.2.0",
+        "gulp-sass": "^4.0.2",
+        "gulp-sass-variables": "^1.2.0",
+        "gulp-touch-cmd": "0.0.1",
+        "html-loader": "^0.5.5",
+        "html-webpack-plugin": "^5.5.0",
+        "jest": "^26.3.0",
+        "jest-transform-css": "^2.0.0",
+        "json-loader": "^0.5.7",
+        "mini-css-extract-plugin": "^0.9.0",
+        "np": "^7.6.0",
+        "prettier": "^2.6.2",
+        "prettier-stylelint": "^0.4.2",
+        "react-hot-loader": "^4.12.21",
+        "react-refresh": "^0.10.0",
+        "rollup": "^2.60.1",
+        "sass-loader": "^8.0.2",
+        "source-map-loader": "^0.2.4",
+        "style-loader": "^1.2.1",
+        "terser-webpack-plugin": "^4.1.0",
+        "ts-jest": "^26.2.0",
+        "ts-loader": "^6.2.1",
+        "typescript": "~3.9.0",
+        "typescript-plugin-css-modules": "^3.4.0",
+        "url-loader": "^3.0.0",
+        "webpack": "^5.64.4",
+        "webpack-bundle-analyzer": "^4.5.0",
+        "webpack-cli": "^4.9.1",
+        "webpack-dev-server": "^4.5.0"
+    }
+}