@roomstay/frontend 1.6.1 → 2.0.0-2

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

@@ -5,10 +5,12 @@ 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 auth_1 = require("@aws-amplify/auth");
 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 MemberPortalFeature_1 = require("providers/feature/MemberPortalFeature");
 const engines = [
     { value: 'fullpage', text: 'Full Page' },
     { value: 'inline', text: 'In Page' },
@@ -35,16 +37,20 @@ const availableFeatures = [
         feature: index_1.InlineAddonStepFeature,
         label: 'Enable Inline Addon Step?',
     },
+    {
+        feature: MemberPortalFeature_1.default,
+        label: 'Enable Member Portal?',
+    },
 ];
 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 TestPicker = () => {
+    var _a, _b, _c;
+    const [inc, setInc] = (0, react_1.useState)(0);
+    const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
+    const history = (0, react_router_dom_1.useHistory)();
     const onChangeEngine = (value) => {
         history.push(`/${value}/`);
     };
@@ -68,20 +74,37 @@ exports.TestPicker = () => {
         }
         catch (ex) { }
     };
+    const [cognitoUser, setCognitoUser] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        auth_1.default.currentAuthenticatedUser()
+            .then((user) => {
+            setCognitoUser(user);
+        })
+            .catch(() => {
+            setCognitoUser(null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [isModalOpen]);
     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(index_1.Headline, null,
+                        "Cognito: ", (_a = cognitoUser === null || cognitoUser === void 0 ? void 0 : cognitoUser.getUsername()) !== null && _a !== void 0 ? _a : 'Not Authenticated')),
                 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(BESelect_1.default, { items: engines, onChange: onChangeEngine, selectedValue: (_c = (_b = history === null || history === void 0 ? void 0 : history.location) === null || _b === void 0 ? void 0 : _b.pathname) === null || _c === void 0 ? void 0 : _c.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) {
+                            if (state.target.checked) {
                                 index_1.FeatureProvider.load(aF.feature.getName());
                             }
                             else {
@@ -93,7 +116,8 @@ exports.TestPicker = () => {
                     }))),
                 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("div", { className: "u-marg-bottom--heavy" },
                     React.createElement(BESelect_1.default, { items: availableThemes, onChange: onThemeChanged, selectedValue: index_1.RoomstayThemeEngine.ThemeType }))))));
 };
+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":"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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"]}
+{"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 { useEffect, useState } from 'react';\nimport Auth, { CognitoUser } from '@aws-amplify/auth';\n\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    Color,\n} from 'index';\nimport { Feature } from 'providers/feature/Feature';\nimport { FullPageBookingEngineElementEvents } from 'engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport BESelect from 'components/generic/BESelect';\nimport MemberPortalFeature from 'providers/feature/MemberPortalFeature';\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        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\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    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    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                            <Headline>Cognito: {cognitoUser?.getUsername() ?? 'Not Authenticated'}</Headline>\n                        </div>\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: 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 className=\"u-marg-bottom--light\">\n                            <Headline bold={true}>Engine Theme #in progress</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <BESelect items={availableThemes} onChange={onThemeChanged} selectedValue={RoomstayThemeEngine.ThemeType} />\n                        </div>\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n};\n"]}

package/dist/tests/setupTests.js

@@ -0,0 +1,9 @@
+// @TODO implement mock
+jest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));
+jest.mock('api/BookingAPI', () => {
+    return jest.fn().mockImplementation(function () {
+        return {};
+    });
+});
+jest.mock('contexts/Members/AuthenticationContext/AuthenticationContext', () => ({}));
+//# sourceMappingURL=setupTests.js.map

package/dist/tests/setupTests.js.map

@@ -0,0 +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,gBAAgB,EAAE,GAAG,EAAE;IAC7B,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","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', () => ({}));\n"]}