@roomstay/frontend 2.1.32 → 2.2.0

package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js

@@ -0,0 +1,68 @@
+"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.MemberPortalWidgetRenderer = void 0;
+const react_1 = __importStar(require("react"));
+const MemberPortalWidget_1 = require("../../../../src/engines/MemberPortalWidget/MemberPortalWidget");
+const FeatureProvider_1 = __importDefault(require("../../../../src/providers/FeatureProvider"));
+const RoomstayThemeEngine_1 = __importDefault(require("../../../../src/providers/RoomstayThemeEngine"));
+const RSCompany_1 = require("../RSCompany");
+const memberPortalWidgetRenderer_module_scss_1 = __importDefault(require("./memberPortalWidgetRenderer.module.scss"));
+const buttonPlacements = ['center', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right', 'right-center', 'left-center'];
+const MemberPortalWidgetRenderer = () => {
+    const recent = (0, react_1.useRef)(null);
+    const [buttonPlacement, setButtonPlacement] = (0, react_1.useState)('center');
+    (0, react_1.useEffect)(() => {
+        if (recent.current) {
+            const memberPortalWidget = new MemberPortalWidget_1.MemberPortalWidget(recent.current);
+            memberPortalWidget.setConfig({
+                company: { colors: RSCompany_1.rsCompany.colors, companyShort: RSCompany_1.rsCompany.companyShort, hotel: RSCompany_1.rsCompany.hotels[0], checkoutLink: '/checkout' },
+                overlayPlacement: 'bottom-end',
+                fallbackPlacements: 'auto',
+                onSignedIn: console.log,
+                onSignedOut: () => console.log('Signed out'),
+            });
+            RoomstayThemeEngine_1.default.registerStyles();
+            memberPortalWidget.start();
+            FeatureProvider_1.default.load('MemberPortalFeature');
+        }
+    }, [recent]);
+    const onButtonPlacementChange = (placement) => {
+        var _a, _b;
+        (_a = recent.current) === null || _a === void 0 ? void 0 : _a.classList.remove(memberPortalWidgetRenderer_module_scss_1.default[buttonPlacement]);
+        (_b = recent.current) === null || _b === void 0 ? void 0 : _b.classList.add(memberPortalWidgetRenderer_module_scss_1.default[placement]);
+        setButtonPlacement(placement);
+    };
+    return (react_1.default.createElement("div", { className: memberPortalWidgetRenderer_module_scss_1.default.container },
+        react_1.default.createElement("div", { className: memberPortalWidgetRenderer_module_scss_1.default.placementSelector },
+            react_1.default.createElement("label", { htmlFor: "placement-select" }, "Button Placement: "),
+            react_1.default.createElement("select", { id: "placement-select", value: buttonPlacement, onChange: (e) => onButtonPlacementChange(e.target.value) }, buttonPlacements.map((placement) => (react_1.default.createElement("option", { key: placement, value: placement }, placement))))),
+        react_1.default.createElement("div", { className: `${memberPortalWidgetRenderer_module_scss_1.default.buttonContainer} ${memberPortalWidgetRenderer_module_scss_1.default.center}`, ref: recent })));
+};
+exports.MemberPortalWidgetRenderer = MemberPortalWidgetRenderer;
+//# sourceMappingURL=memberPortalWidgetRenderer.js.map

package/dist/tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memberPortalWidgetRenderer.js","sourceRoot":"/","sources":["tests/offline/entry/engineRenderer/memberPortalWidgetRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2D;AAE3D,wFAAqF;AACrF,kFAA0D;AAC1D,0FAAkE;AAElE,4CAAyC;AACzC,sHAA8D;AAI9D,MAAM,gBAAgB,GAA2B,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;AAE3K,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC3C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAkB,QAAQ,CAAC,CAAC;IAElF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,MAAM,CAAC,OAAO,EAAE;YAChB,MAAM,kBAAkB,GAAG,IAAI,uCAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAClE,kBAAkB,CAAC,SAAS,CAAC;gBACzB,OAAO,EAAE,EAAE,MAAM,EAAE,qBAAS,CAAC,MAAM,EAAE,YAAY,EAAE,qBAAS,CAAC,YAAY,EAAE,KAAK,EAAE,qBAAS,CAAC,MAAM,CAAC,CAAC,CAAU,EAAE,YAAY,EAAE,WAAW,EAAE;gBAC3I,gBAAgB,EAAE,YAAY;gBAC9B,kBAAkB,EAAE,MAAM;gBAC1B,UAAU,EAAE,OAAO,CAAC,GAAG;gBACvB,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;aAC/C,CAAC,CAAC;YACH,6BAAmB,CAAC,cAAc,EAAE,CAAC;YACrC,kBAAkB,CAAC,KAAK,EAAE,CAAC;YAE3B,yBAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SAC/C;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,uBAAuB,GAAG,CAAC,SAA0B,EAAE,EAAE;;QAC3D,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,gDAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1D,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,gDAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QACjD,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,gDAAM,CAAC,SAAS;QAC5B,uCAAK,SAAS,EAAE,gDAAM,CAAC,iBAAiB;YACpC,yCAAO,OAAO,EAAC,kBAAkB,yBAA2B;YAC5D,0CAAQ,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAwB,CAAC,IAC5H,gBAAgB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACjC,0CAAQ,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,IACnC,SAAS,CACL,CACZ,CAAC,CACG,CACP;QACN,uCAAK,SAAS,EAAE,GAAG,gDAAM,CAAC,eAAe,IAAI,gDAAM,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAI,CAC3E,CACT,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,0BAA0B,8BA2CrC","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { MemberPortalWidget } from '@/engines/MemberPortalWidget/MemberPortalWidget';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nimport { rsCompany } from '../RSCompany';\nimport styles from './memberPortalWidgetRenderer.module.scss';\nimport { Hotel } from '@/index';\n\ntype ButtonPlacement = 'center' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'right-center' | 'left-center';\nconst buttonPlacements: Array<ButtonPlacement> = ['center', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right', 'right-center', 'left-center'];\n\nexport const MemberPortalWidgetRenderer = () => {\n    const recent = useRef<HTMLDivElement>(null);\n\n    const [buttonPlacement, setButtonPlacement] = useState<ButtonPlacement>('center');\n\n    useEffect(() => {\n        if (recent.current) {\n            const memberPortalWidget = new MemberPortalWidget(recent.current);\n            memberPortalWidget.setConfig({\n                company: { colors: rsCompany.colors, companyShort: rsCompany.companyShort, hotel: rsCompany.hotels[0] as Hotel, checkoutLink: '/checkout' },\n                overlayPlacement: 'bottom-end',\n                fallbackPlacements: 'auto',\n                onSignedIn: console.log,\n                onSignedOut: () => console.log('Signed out'),\n            });\n            RoomstayThemeEngine.registerStyles();\n            memberPortalWidget.start();\n\n            FeatureProvider.load('MemberPortalFeature');\n        }\n    }, [recent]);\n\n    const onButtonPlacementChange = (placement: ButtonPlacement) => {\n        recent.current?.classList.remove(styles[buttonPlacement]);\n        recent.current?.classList.add(styles[placement]);\n        setButtonPlacement(placement);\n    };\n\n    return (\n        <div className={styles.container}>\n            <div className={styles.placementSelector}>\n                <label htmlFor=\"placement-select\">Button Placement: </label>\n                <select id=\"placement-select\" value={buttonPlacement} onChange={(e) => onButtonPlacementChange(e.target.value as ButtonPlacement)}>\n                    {buttonPlacements.map((placement) => (\n                        <option key={placement} value={placement}>\n                            {placement}\n                        </option>\n                    ))}\n                </select>\n            </div>\n            <div className={`${styles.buttonContainer} ${styles.center}`} ref={recent} />\n        </div>\n    );\n};\n"]}

package/dist/tests/setupTests.js

@@ -0,0 +1,12 @@
+"use strict";
+// @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', () => ({}));
+jest.mock('Swiper', () => class Mocked {
+});
+//# 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,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"]}