@roomstay/frontend 2.1.6 → 2.1.7

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

@@ -1,26 +1,12 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -28,16 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TestPicker = void 0;
 const TestPicker_module_scss_1 = __importDefault(require("./TestPicker.module.scss"));
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const auth_1 = __importDefault(require("@aws-amplify/auth"));
 const SimpleModal_1 = __importDefault(require("../../../../src/components/generic/modal/SimpleModal"));
 const index_1 = require("index");
 const FullPageBookingEngineElementEvents_1 = require("../../../../src/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
 const MemberPortalFeature_1 = __importDefault(require("../../../../src/providers/feature/MemberPortalFeature"));
 const Query_1 = require("../../../../src/hooks/Query");
 const Select_1 = require("../../../../src/components/generic/Select/Select");
+const AsyncAuth_1 = require("../../../../src/util/AsyncAuth");
 const engines = [
     { value: 'fp', text: 'Full Page' },
     { value: 'in', text: 'Inline Mini Wizard' },
@@ -75,8 +61,8 @@ const availableThemes = [
     { text: 'Light', value: index_1.RoomstayTheme.Light },
 ];
 const TestPicker = () => {
-    const [inc, setInc] = (0, react_1.useState)(0);
-    const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
+    const [inc, setInc] = (0, react_2.useState)(0);
+    const [isModalOpen, setIsModalOpen] = (0, react_2.useState)(false);
     const history = (0, react_router_dom_1.useHistory)();
     const query = (0, Query_1.useQuery)();
     const onChangeEngine = (value) => {
@@ -112,35 +98,39 @@ const TestPicker = () => {
         }
         catch (ex) { }
     };
-    const [cognitoUser, setCognitoUser] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        let cancelled = false;
-        auth_1.default.currentAuthenticatedUser()
+    const [cognitoUser, setCognitoUser] = (0, react_2.useState)(null);
+    const getUser = () => __awaiter(void 0, void 0, void 0, function* () {
+        const Auth = yield (0, AsyncAuth_1.getAuth)();
+        Auth.currentAuthenticatedUser()
             .then((user) => {
             setCognitoUser(user);
         })
             .catch(() => {
             setCognitoUser(null);
         });
+    });
+    (0, react_2.useEffect)(() => {
+        let cancelled = false;
+        getUser();
         return () => {
             cancelled = true;
         };
     }, [isModalOpen]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (!query.get('engine')) {
             onChangeEngine(engines[0].value);
         }
     }, []);
-    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: "row" },
-                    React.createElement("div", { className: "col-md-6" },
-                        React.createElement("div", { className: "u-marg-bottom--heavy" },
-                            React.createElement("div", { className: "u-marg-bottom--light" },
-                                React.createElement(index_1.Headline, { bold: true }, "Engine Feature")),
-                            React.createElement("div", null, availableFeatures.map((aF) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: TestPicker_module_scss_1.default.powerToggle, onClick: onTriggerClick }),
+        react_1.default.createElement(SimpleModal_1.default, { open: isModalOpen, onClose: onModalClose, title: "Development Control Panel" },
+            react_1.default.createElement("div", { className: TestPicker_module_scss_1.default.engineControlBody },
+                react_1.default.createElement("div", { className: "row" },
+                    react_1.default.createElement("div", { className: "col-md-6" },
+                        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                                react_1.default.createElement(index_1.Headline, { bold: true }, "Engine Feature")),
+                            react_1.default.createElement("div", null, availableFeatures.map((aF) => {
                                 const onFeatureChange = (state) => {
                                     if (state.target.checked) {
                                         index_1.FeatureProvider.load(aF.feature.getName());
@@ -150,17 +140,17 @@ const TestPicker = () => {
                                     }
                                     refresh();
                                 };
-                                return React.createElement(index_1.Checkbox, { label: aF.label, checked: aF.feature.isActive(), onChange: onFeatureChange });
+                                return react_1.default.createElement(index_1.Checkbox, { label: aF.label, checked: aF.feature.isActive(), onChange: onFeatureChange });
                             })))),
-                    React.createElement("div", { className: "col-md-6" },
-                        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(Select_1.Select, { nativeOnMobile: true, options: engines, value: query.get('engine'), onChange: onChangeEngine, keyName: "value", labelName: "text" })))),
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(index_1.Headline, { bold: true }, "Engine Theme")),
-                React.createElement("div", { className: "u-marg-bottom--heavy" },
-                    React.createElement(Select_1.Select, { nativeOnMobile: true, options: availableThemes, value: index_1.RoomstayThemeEngine.ThemeType, onChange: onThemeChanged, keyName: "value", labelName: "text" }))))));
+                    react_1.default.createElement("div", { className: "col-md-6" },
+                        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                            react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                                react_1.default.createElement(index_1.Headline, { bold: true }, "Engine Type:")),
+                            react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: engines, value: query.get('engine'), onChange: onChangeEngine, keyName: "value", labelName: "text" })))),
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(index_1.Headline, { bold: true }, "Engine Theme")),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: availableThemes, value: index_1.RoomstayThemeEngine.ThemeType, onChange: onThemeChanged, keyName: "value", labelName: "text" }))))));
 };
 exports.TestPicker = TestPicker;
 //# sourceMappingURL=TestPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TestPicker.js","sourceRoot":"/","sources":["tests/offline/entry/components/TestPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sFAA8C;AAC9C,6CAA+B;AAC/B,iCAA4C;AAC5C,uDAA8C;AAC9C,6DAAsD;AAEtD,yFAAiE;AACjE,iCAWe;AAEf,2HAAwH;AACxH,kGAA0E;AAC1E,yCAAyC;AACzC,+DAAkF;AAElF,MAAM,OAAO,GAAG;IACZ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE;IAClC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,oBAAoB,EAAE;IAC3C,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE;IACxC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE;CAC1C,CAAC;AAEF,MAAM,iBAAiB,GAA0C;IAC7D;QACI,OAAO,EAAE,mCAA2B;QAEpC,KAAK,EAAE,oCAAoC;KAC9C;IACD;QACI,OAAO,EAAE,iCAAyB;QAClC,KAAK,EAAE,yCAAyC;KACnD;IACD;QACI,OAAO,EAAE,uCAA+B;QACxC,KAAK,EAAE,2CAA2C;KACrD;IACD;QACI,OAAO,EAAE,yBAAiB;QAC1B,KAAK,EAAE,iCAAiC;KAC3C;IACD;QACI,OAAO,EAAE,8BAAsB;QAC/B,KAAK,EAAE,2BAA2B;KACrC;IACD;QACI,OAAO,EAAE,6BAAmB;QAC5B,KAAK,EAAE,uBAAuB;KACjC;CACJ,CAAC;AAEF,MAAM,eAAe,GAAsC;IACvD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAa,CAAC,MAAM,EAAE;IAC/C,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAa,CAAC,KAAK,EAAE;CAChD,CAAC;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,iCACL,QAAQ,KACX,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,IAC1B,CAAC;QACH,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC5C,2BAAmB,CAAC,SAAS,GAAG,KAAK,CAAC;QACtC,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,CAAC;QAE5E,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;YAChC,MAAM,UAAU,GAAG,KAAK,KAAK,qBAAa,CAAC,MAAM,CAAC;YAClD,MAAM,YAAY,GAAG,KAAK,KAAK,qBAAa,CAAC,KAAK,CAAC;YAEnD,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC;YAE1C,aAAa,CAAC,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;YACnD,aAAa,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;SACvD;QACD,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACrB,IAAI;YACA,uEAAkC,CAAC,MAAM,EAAE,CAAC;SAC/C;QAAC,OAAO,EAAE,EAAE,GAAE;IACnB,CAAC,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAoB,IAAI,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,cAAI,CAAC,wBAAwB,EAAE;aAC1B,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACX,cAAc,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACR,cAAc,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QAEP,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACtB,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SACpC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,gCAAM,CAAC,WAAW,EAAE,OAAO,EAAE,cAAc,GAAQ;QAE/D,oBAAC,qBAAW,IAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,2BAA2B;YACpF,6BAAK,SAAS,EAAE,gCAAM,CAAC,iBAAiB;gBACpC,6BAAK,SAAS,EAAC,KAAK;oBAChB,6BAAK,SAAS,EAAC,UAAU;wBACrB,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,6BAAK,SAAS,EAAC,sBAAsB;gCACjC,oBAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,qBAA2B,CAC7C;4BACN,iCACK,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;gCAC1B,MAAM,eAAe,GAAG,CAAC,KAA0C,EAAE,EAAE;oCACnE,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;wCACtB,uBAAe,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;qCAC9C;yCAAM;wCACH,uBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;qCAChD;oCAED,OAAO,EAAE,CAAC;gCACd,CAAC,CAAC;gCAEF,OAAO,oBAAC,gBAAQ,IAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,eAAe,GAAI,CAAC;4BACpG,CAAC,CAAC,CACA,CACJ,CACJ;oBACN,6BAAK,SAAS,EAAC,UAAU;wBACrB,6BAAK,SAAS,EAAC,sBAAsB;4BACjC,6BAAK,SAAS,EAAC,sBAAsB;gCACjC,oBAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,mBAAyB,CAC3C;4BACN,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC1B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,GAClB,CACA,CACJ,CACJ;gBAEN,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,mBAAyB,CAC3C;gBACN,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,2BAAmB,CAAC,SAAS,EACpC,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,GAClB,CACA,CACJ,CACI,CAEnB,CACN,CAAC;AACN,CAAC,CAAC;AA3IW,QAAA,UAAU,cA2IrB","sourcesContent":["import styles from './TestPicker.module.scss';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport Auth, { CognitoUser } from '@aws-amplify/auth';\n\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport {\n    Checkbox,\n    ConfirmationVerifyFeature,\n    E164PhoneNumberFieldFeature,\n    FeatureProvider,\n    Headline,\n    InlineAddonStepFeature,\n    RoomstayTheme,\n    RoomstayThemeEngine,\n    RoomUpsellFeature,\n    ShowIATANumberOnCheckoutFeature,\n} from 'index';\nimport { Feature } from '@/providers/feature/Feature';\nimport { FullPageBookingEngineElementEvents } from '@/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport { useQuery } from '@/hooks/Query';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\nconst engines = [\n    { value: 'fp', text: 'Full Page' },\n    { value: 'in', text: 'Inline Mini Wizard' },\n    { value: 'rc', text: 'Recent Searches' },\n    { value: 'bw', text: 'Booking Wizard' },\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        feature: MemberPortalFeature,\n        label: 'Enable Member Portal?',\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    const query = useQuery();\n\n    const onChangeEngine = (value: string) => {\n        query.set('engine', value);\n        history.push({\n            ...location,\n            search: query.toString(),\n        });\n        setIsModalOpen(false);\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        const containers = document.querySelectorAll('.roomstay-booking-container');\n\n        for (const container of containers) {\n            const isMedTheme = theme === RoomstayTheme.Medium;\n            const isLightTheme = theme === RoomstayTheme.Light;\n\n            const contClassList = container.classList;\n\n            contClassList.toggle('--theme-medium', isMedTheme);\n            contClassList.toggle('--theme-light', isLightTheme);\n        }\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    const [cognitoUser, setCognitoUser] = useState<CognitoUser | any>(null);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        Auth.currentAuthenticatedUser()\n            .then((user) => {\n                setCognitoUser(user);\n            })\n            .catch(() => {\n                setCognitoUser(null);\n            });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [isModalOpen]);\n\n    useEffect(() => {\n        if (!query.get('engine')) {\n            onChangeEngine(engines[0].value);\n        }\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=\"row\">\n                            <div className=\"col-md-6\">\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Headline bold={true}>Engine Feature</Headline>\n                                    </div>\n                                    <div>\n                                        {availableFeatures.map((aF) => {\n                                            const onFeatureChange = (state: React.ChangeEvent<HTMLInputElement>) => {\n                                                if (state.target.checked) {\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>\n                            <div className=\"col-md-6\">\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Headline bold={true}>Engine Type:</Headline>\n                                    </div>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={engines}\n                                        value={query.get('engine')}\n                                        onChange={onChangeEngine}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold={true}>Engine Theme</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Select<IDefaultSelectOption, 'value'>\n                                nativeOnMobile\n                                options={availableThemes}\n                                value={RoomstayThemeEngine.ThemeType}\n                                onChange={onThemeChanged}\n                                keyName=\"value\"\n                                labelName=\"text\"\n                            />\n                        </div>\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n};\n"]}
+{"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 React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { CognitoUser } from '@aws-amplify/auth';\n\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport {\n    Checkbox,\n    ConfirmationVerifyFeature,\n    E164PhoneNumberFieldFeature,\n    FeatureProvider,\n    Headline,\n    InlineAddonStepFeature,\n    RoomstayTheme,\n    RoomstayThemeEngine,\n    RoomUpsellFeature,\n    ShowIATANumberOnCheckoutFeature,\n} from 'index';\nimport { Feature } from '@/providers/feature/Feature';\nimport { FullPageBookingEngineElementEvents } from '@/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport { useQuery } from '@/hooks/Query';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport { getAuth } from '@/util/AsyncAuth';\n\nconst engines = [\n    { value: 'fp', text: 'Full Page' },\n    { value: 'in', text: 'Inline Mini Wizard' },\n    { value: 'rc', text: 'Recent Searches' },\n    { value: 'bw', text: 'Booking Wizard' },\n];\n\ninterface IThemeSelectOption {\n    text: string;\n    value: RoomstayTheme;\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        feature: MemberPortalFeature,\n        label: 'Enable Member Portal?',\n    },\n];\n\nconst availableThemes: IThemeSelectOption[] = [\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    const query = useQuery();\n\n    const onChangeEngine = (value: string) => {\n        query.set('engine', value);\n        history.push({\n            ...location,\n            search: query.toString(),\n        });\n        setIsModalOpen(false);\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        const containers = document.querySelectorAll('.roomstay-booking-container');\n\n        for (const container of containers) {\n            const isMedTheme = theme === RoomstayTheme.Medium;\n            const isLightTheme = theme === RoomstayTheme.Light;\n\n            const contClassList = container.classList;\n\n            contClassList.toggle('--theme-medium', isMedTheme);\n            contClassList.toggle('--theme-light', isLightTheme);\n        }\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    const [cognitoUser, setCognitoUser] = useState<CognitoUser | any>(null);\n\n    const getUser = async () => {\n        const Auth = await getAuth();\n        Auth.currentAuthenticatedUser()\n            .then((user) => {\n                setCognitoUser(user);\n            })\n            .catch(() => {\n                setCognitoUser(null);\n            });\n    };\n\n    useEffect(() => {\n        let cancelled = false;\n        getUser();\n        return () => {\n            cancelled = true;\n        };\n    }, [isModalOpen]);\n\n    useEffect(() => {\n        if (!query.get('engine')) {\n            onChangeEngine(engines[0].value);\n        }\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=\"row\">\n                            <div className=\"col-md-6\">\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Headline bold={true}>Engine Feature</Headline>\n                                    </div>\n                                    <div>\n                                        {availableFeatures.map((aF) => {\n                                            const onFeatureChange = (state: React.ChangeEvent<HTMLInputElement>) => {\n                                                if (state.target.checked) {\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>\n                            <div className=\"col-md-6\">\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Headline bold={true}>Engine Type:</Headline>\n                                    </div>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={engines}\n                                        value={query.get('engine') as string}\n                                        onChange={onChangeEngine}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold={true}>Engine Theme</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Select<IThemeSelectOption, 'value'>\n                                nativeOnMobile\n                                options={availableThemes}\n                                value={RoomstayThemeEngine.ThemeType}\n                                onChange={onThemeChanged}\n                                keyName=\"value\"\n                                labelName=\"text\"\n                            />\n                        </div>\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n};\n"]}

package/dist/tests/setupTests.js

@@ -1,3 +1,4 @@
+"use strict";
 // @TODO implement mock
 jest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));
 jest.mock('@/api/BookingAPI', () => {

package/dist/tests/setupTests.js.map

@@ -1 +1 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"/","sources":["tests/setupTests.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,IAAI,CAAC,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/B,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC;QAChC,OAAO,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,MAAM;CAAG,CAAC,CAAC","sourcesContent":["// @TODO implement mock\njest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));\njest.mock('@/api/BookingAPI', () => {\n    return jest.fn().mockImplementation(function () {\n        return {};\n    });\n});\n\njest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));\njest.mock('Swiper', () => class Mocked {});\n"]}
+{"version":3,"file":"setupTests.js","sourceRoot":"/","sources":["tests/setupTests.ts"],"names":[],"mappings":";AAAA,uBAAuB;AACvB,IAAI,CAAC,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC/B,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC;QAChC,OAAO,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,MAAM;CAAG,CAAC,CAAC","sourcesContent":["// @TODO implement mock\njest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));\njest.mock('@/api/BookingAPI', () => {\n    return jest.fn().mockImplementation(function () {\n        return {};\n    });\n});\n\njest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));\njest.mock('Swiper', () => class Mocked {});\n"]}