@roomstay/frontend 2.6.33 → 2.6.35

package/dist/src/components/generic/Tabs/TabRouteContainer.js

@@ -29,12 +29,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabRouteContainer = void 0;
 const web_1 = require("@react-spring/web");
 const react_1 = __importStar(require("react"));
-const react_router_1 = require("react-router");
+const react_router_dom_1 = require("react-router-dom");
 const ElementChildren_1 = require("./ElementChildren");
 const TabContext_1 = __importDefault(require("./TabContext"));
 function TabRouteContainer({ children }) {
     const tabContext = (0, react_1.useContext)(TabContext_1.default);
-    const { location } = (0, react_router_1.useHistory)();
+    const location = (0, react_router_dom_1.useLocation)();
     const transitions = (0, web_1.useTransition)(tabContext.activeKey, {
         from: { opacity: 0, position: 'absolute' },
         to: { opacity: 1, position: 'relative' },
@@ -44,13 +44,15 @@ function TabRouteContainer({ children }) {
             friction: 25,
         },
     });
-    const firstTabRoute = Object.assign(Object.assign({}, location), { pathname: children[0].props.navPath });
+    const firstTabRoutePath = children[0].props.navPath;
     return (react_1.default.createElement("div", { className: "u-pos-rel" }, transitions((props) => {
         return (react_1.default.createElement(web_1.animated.div, { style: Object.assign({ left: 0, right: 0 }, props) },
-            react_1.default.createElement(react_router_1.Switch, null,
-                (0, ElementChildren_1.reactMap)(children, (child) => (react_1.default.createElement(react_router_1.Route, { path: child.props.navPath }, child.props.children))),
-                react_1.default.createElement(react_router_1.Route, { path: "*" },
-                    react_1.default.createElement(react_router_1.Redirect, { to: firstTabRoute, push: false })))));
+            react_1.default.createElement(react_router_dom_1.Routes, null,
+                (0, ElementChildren_1.reactMap)(children, (child) => (react_1.default.createElement(react_router_dom_1.Route, { path: child.props.navPath, element: child.props.children, key: child.props.navPath }))),
+                react_1.default.createElement(react_router_dom_1.Route, { path: "*", element: react_1.default.createElement(react_router_dom_1.Navigate, { to: {
+                            pathname: firstTabRoutePath,
+                            search: location.search,
+                        }, replace: true }) }))));
     })));
 }
 exports.TabRouteContainer = TabRouteContainer;

package/dist/src/components/generic/Tabs/TabRouteContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabRouteContainer.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabRouteContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4D;AAC5D,+CAAqD;AACrD,+CAAmE;AAEnE,+EAAqE;AACrE,sFAA8D;AAM9D,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IAClE,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAU,GAAE,CAAC;IAElC,MAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,UAAU,CAAC,SAAS,EAAE;QACpD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC1C,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QACxC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,MAAM,EAAE;YACJ,QAAQ,EAAE,EAAE;SACf;KACJ,CAAC,CAAC;IAEH,MAAM,aAAa,mCACZ,QAAQ,KACX,QAAQ,EAAG,QAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAC/C,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW,IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,KAAK,kBAAI,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAM,KAAa;YACvD,8BAAC,qBAAM;gBACF,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,8BAAC,oBAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAS,CACnE,CAAC;gBAEF,8BAAC,oBAAK,IAAC,IAAI,EAAC,GAAG;oBACX,8BAAC,uBAAQ,IAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,GAAI,CACxC,CACH,CACE,CAClB,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAtCD,8CAsCC","sourcesContent":["import { animated, useTransition } from '@react-spring/web';\nimport React, { ReactNode, useContext } from 'react';\nimport { Redirect, Route, Switch, useHistory } from 'react-router';\n\nimport { reactMap } from '@/components/generic/Tabs/ElementChildren';\nimport TabContext from '@/components/generic/Tabs/TabContext';\n\ninterface TabRouteContainerProps {\n    children: ReactNode[];\n}\n\nexport function TabRouteContainer({ children }: TabRouteContainerProps) {\n    const tabContext = useContext(TabContext);\n    const { location } = useHistory();\n\n    const transitions = useTransition(tabContext.activeKey, {\n        from: { opacity: 0, position: 'absolute' },\n        to: { opacity: 1, position: 'relative' },\n        enter: { opacity: 1, position: 'relative' },\n        leave: { opacity: 0, position: 'absolute' },\n        config: {\n            friction: 25,\n        },\n    });\n\n    const firstTabRoute = {\n        ...location,\n        pathname: (children as any)[0].props.navPath,\n    };\n\n    return (\n        <div className=\"u-pos-rel\">\n            {transitions((props) => {\n                return (\n                    <animated.div style={{ left: 0, right: 0, ...(props as any) }}>\n                        <Switch>\n                            {reactMap(children, (child) => (\n                                <Route path={child.props.navPath}>{child.props.children}</Route>\n                            ))}\n                            {/* Adding a redirect if no route is matched */}\n                            <Route path=\"*\">\n                                <Redirect to={firstTabRoute} push={false} />\n                            </Route>\n                        </Switch>\n                    </animated.div>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"TabRouteContainer.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabRouteContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4D;AAC5D,+CAAqD;AACrD,uDAAwE;AAExE,+EAAqE;AACrE,sFAA8D;AAM9D,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IAClE,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,UAAU,CAAC,SAAS,EAAE;QACpD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC1C,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QACxC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,MAAM,EAAE;YACJ,QAAQ,EAAE,EAAE;SACf;KACJ,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAI,QAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAE7D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW,IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,KAAK,kBAAI,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAM,KAAa;YACvD,8BAAC,yBAAM;gBACF,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,8BAAC,wBAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,GAAI,CAChG,CAAC;gBAEF,8BAAC,wBAAK,IACF,IAAI,EAAC,GAAG,EACR,OAAO,EACH,8BAAC,2BAAQ,IACL,EAAE,EAAE;4BACA,QAAQ,EAAE,iBAAiB;4BAC3B,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B,EACD,OAAO,SACT,GAER,CACG,CACE,CAClB,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AA5CD,8CA4CC","sourcesContent":["import { animated, useTransition } from '@react-spring/web';\nimport React, { ReactNode, useContext } from 'react';\nimport { Navigate, Route, Routes, useLocation } from 'react-router-dom';\n\nimport { reactMap } from '@/components/generic/Tabs/ElementChildren';\nimport TabContext from '@/components/generic/Tabs/TabContext';\n\ninterface TabRouteContainerProps {\n    children: ReactNode[];\n}\n\nexport function TabRouteContainer({ children }: TabRouteContainerProps) {\n    const tabContext = useContext(TabContext);\n    const location = useLocation();\n\n    const transitions = useTransition(tabContext.activeKey, {\n        from: { opacity: 0, position: 'absolute' },\n        to: { opacity: 1, position: 'relative' },\n        enter: { opacity: 1, position: 'relative' },\n        leave: { opacity: 0, position: 'absolute' },\n        config: {\n            friction: 25,\n        },\n    });\n\n    const firstTabRoutePath = (children as any)[0].props.navPath;\n\n    return (\n        <div className=\"u-pos-rel\">\n            {transitions((props) => {\n                return (\n                    <animated.div style={{ left: 0, right: 0, ...(props as any) }}>\n                        <Routes>\n                            {reactMap(children, (child) => (\n                                <Route path={child.props.navPath} element={child.props.children} key={child.props.navPath} />\n                            ))}\n                            {/* Adding a redirect if no route is matched */}\n                            <Route\n                                path=\"*\"\n                                element={\n                                    <Navigate\n                                        to={{\n                                            pathname: firstTabRoutePath,\n                                            search: location.search,\n                                        }}\n                                        replace\n                                    />\n                                }\n                            />\n                        </Routes>\n                    </animated.div>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/date/DatePicker.js

@@ -63,9 +63,22 @@ function DatePicker(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { memberNumber } = (0, useSignedInMember_1.useSignedInMember)();
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [currentMonth, setCurrentMonth] = (0, react_1.useState)(props.showMonthOnLoad ? props.showMonthOnLoad : props.selectedStartDate ? props.selectedStartDate : (0, dayjs_1.default)());
+    const getInitialMonth = () => { var _a, _b; return (_b = (_a = props.showMonthOnLoad) !== null && _a !== void 0 ? _a : props.selectedStartDate) !== null && _b !== void 0 ? _b : (0, dayjs_1.default)(); };
+    const [currentMonth, setCurrentMonth] = (0, react_1.useState)(getInitialMonth());
     const [selectedStartDate, setSelectedStartDate] = (0, react_1.useState)((_a = props.selectedStartDate) !== null && _a !== void 0 ? _a : null);
     const [selectedEndDate, setSelectedEndDate] = (0, react_1.useState)((_b = props.selectedEndDate) !== null && _b !== void 0 ? _b : null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // Sync selectedStartDate when props.selectedStartDate changes
+        setSelectedStartDate((_a = props.selectedStartDate) !== null && _a !== void 0 ? _a : null);
+        // Optionally update the calendar's current month based on the new start date, allows the calendar to jump to a different month if `props.selectedStartDate`  belongs to another month (currently disabled).
+        // setCurrentMonth(getInitialMonth());
+    }, [props.selectedStartDate]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // Sync selectedEndDate when props.selectedEndDate changes
+        setSelectedEndDate((_a = props.selectedEndDate) !== null && _a !== void 0 ? _a : null);
+    }, [props.selectedEndDate]);
     const [hoveringOverDate, setHoveringOverDate] = (0, react_1.useState)(null);
     const [pickingState, setPickingState] = (0, react_1.useState)(DateRangePickingState.StartDate);
     const [calendarStyle, setCalendarStyle] = (0, react_1.useState)((hotel === null || hotel === void 0 ? void 0 : hotel.defaultDatepickerType) ? hotel === null || hotel === void 0 ? void 0 : hotel.defaultDatepickerType : 'Month');

package/dist/src/components/generic/date/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0F;AAC1F,2CAAiH;AACjH,4DAAoC;AACpC,kDAAqC;AACrC,+CAAuG;AACvG,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAAmC;AACnC,gGAAwE;AACxE,uEAAgE;AAChE,mGAA2E;AAC3E,mGAA2E;AAC3E,iEAA8D;AAC9D,sGAA8E;AAC9E,wCAAqC;AACrC,8DAA+E;AAE/E,0EAAkD;AAElD,MAAM,cAAc,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,0CAA0C,GAAC,CAAC,CAAC;AAqCtF,IAAK,qBAGJ;AAHD,WAAK,qBAAqB;IACtB,2EAAa,CAAA;IACb,uEAAW,CAAA;AACf,CAAC,EAHI,qBAAqB,KAArB,qBAAqB,QAGzB;AAED,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAA,eAAK,GAAE,CAAC,CAAC;IAE9J,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,iBAAiB,mCAAI,IAAI,CAAC,CAAC;IAC5F,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,eAAe,mCAAI,IAAI,CAAC,CAAC;IAEtF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAe,IAAI,CAAC,CAAC;IAE7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAmB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,EAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5I,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,gBAAgB,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,EAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5F,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,CAAC,CAAC,CAAC;IAEnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/H,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,IAAA,4BAAoB,EAAC,EAAE,aAAa,EAAE,CAAC,CAAC;IACzF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAuB;QACjF,IAAI,EAAE,KAAK;QACX,mBAAmB,EAAE,IAAI;QACzB,mBAAmB,EAAE,IAAI;QACzB,sBAAsB,EAAE,IAAI;QAC5B,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAoB;QACxE,mBAAmB,EAAE,IAAI;QACzB,mBAAmB,EAAE,IAAI;KAC5B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAO,OAAoB,EAAE,EAAE;QAC/C,IAAI,eAAe,GAAiC,IAAI,CAAC;QAEzD,MAAM,iBAAiB,GAAG,aAAa,CAAC,iBAAiB,CAAC;QAC1D,MAAM,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACvE,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE1E,MAAM,YAAY,GAAG,MAAM,oBAAG,CAAC,YAAY,CAAC,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QAC3K,QAAQ,YAAY,EAAE;YAClB,QAAQ;YACR,KAAK,qBAAqB,CAAC,SAAS;gBAChC,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,CAAC,KAAK,EAAE;oBAC/B,eAAe,GAAG,qBAAqB,CAAC,OAAO,CAAC;oBAEhD,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC;oBAClD,mBAAmB,CAAC,MAAM,CAAC,CAAC;oBAC5B,kBAAkB,CAAC,IAAI,CAAC,CAAC;iBAC5B;gBAED,MAAM;YACV,KAAK,qBAAqB,CAAC,OAAO;gBAC9B,IAAI,CAAC,OAAO;oBAAE,MAAM;gBAEpB,IAAI,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;oBACrC,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,eAAe,GAAG,qBAAqB,CAAC,OAAO,CAAC;iBACnD;qBAAM;oBACH,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC,iBAA0B,EAAE,OAAO,CAAC,CAAC;oBAC1E,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;oBACnD,IAAI,CAAC,MAAM,CAAC,gBAAgB;wBAAE,MAAM;oBAEpC,eAAe,GAAG,qBAAqB,CAAC,SAAS,CAAC;oBAClD,mBAAmB,CAAC,IAAI,CAAC,CAAC;oBAE1B,IAAI,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE;wBACnC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;qBACzD;yBAAM;wBACH,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;qBAC3C;iBACJ;gBAED,MAAM;SACb;QAED,IAAI,KAAK,CAAC,sBAAsB,EAAE;YAC9B,eAAe,CAAC,eAAwC,CAAC,CAAC;SAC7D;IACL,CAAC,CAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,GAAgB,EAAE,EAAE;QAC1C,IAAI,iBAAiB,IAAI,CAAC,eAAe,EAAE;YACvC,eAAe,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpD,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;gBACnD,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAExD,qEAAqE;IACrE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAA,+BAAqB,aAArB,+BAAqB,uBAArB,+BAAqB,CAAE,QAAQ,EAAE,KAAI,KAAK,CAAC,YAAY,EAAE;YACzD,gBAAgB,CAAC,MAAM,CAAC,CAAC;SAC5B;IACL,CAAC,EAAE,CAAC,+BAAqB,aAArB,+BAAqB,uBAArB,+BAAqB,CAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,eAAe,EAAE;YACvB,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC1C;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC1B,SAAS,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;SAC3D;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,OAAO;SACV;QAED,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC1B,KAAK,CAAC,kBAAkB,CAAC,iBAA0B,CAAC,CAAC;SACxD;IACL,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,OAAO;SACV;QAED,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACxB,KAAK,CAAC,gBAAgB,CAAC,eAAwB,EAAE;gBAC7C,sBAAsB,EAAE,mBAAmB,CAAC,sBAAsB;gBAClE,sBAAsB,EAAE,mBAAmB,CAAC,sBAAsB;aACrE,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,qBAAqB,GAAa,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,MAAM,KAAK,GAGP;YACA,oBAAoB,EAAE,KAAK;YAC3B,oBAAoB,EAAE,KAAK;SAC9B,CAAC;QACF,MAAM,OAAO,GAAG;YACZ,YAAY,EAAE,gBAAgB,CAAC,mBAAmB;YAClD,YAAY,EAAE,gBAAgB,CAAC,mBAAmB;SACrD,CAAC;QACF,IAAI,iBAAiB,EAAE;YACnB,IAAI,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,sBAAsB,KAAI,eAAe,CAAC,EAAE;gBACjI,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;aACrC;YACD,IAAI,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,sBAAsB,KAAI,eAAe,CAAC,EAAE;gBACjI,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;aACrC;SACJ;QACD,IAAI,KAAK,CAAC,oBAAoB,IAAI,KAAK,CAAC,oBAAoB,EAAE;YAC1D,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC,CAAC;SAC/F;QACD,IAAI,KAAK,CAAC,oBAAoB,EAAE;YAC5B,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;SACxF;QACD,IAAI,KAAK,CAAC,oBAAoB,EAAE;YAC5B,OAAO,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;SACxF;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhF,MAAM,OAAO,GAAuB;QAChC,KAAK,EAAE,IAAA,eAAK,GAAE;QACd,WAAW,EAAE,IAAA,eAAK,GAAE,CAAC,IAAI,EAAE;QAC3B,SAAS,EAAE,iBAAiB;QAC5B,OAAO,EAAE,eAAe;QAExB,YAAY,EAAE,gBAAgB;QAC9B,QAAQ;QAER,WAAW,EAAE,gBAAgB;QAC7B,YAAY;QAEZ,YAAY,EAAE,CAAC,IAAiB,EAAE,EAAE;YAChC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,WAAW;QACX,gBAAgB;QAChB,mBAAmB;QACnB,qBAAqB;KACxB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,CACF,8DACK,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,CACzB;QACI,8BAAC,yBAAe,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI;QAClE,KAAK,CAAC,kBAAkB,IAAI,8BAAC,yBAAe,IAAC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CAC7F,CACN,CAAC,CAAC,CAAC,CACA;QACI,8BAAC,eAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,8BAAC,0BAAgB,OAAG;YAC1C,8BAAC,cAAc,OAAG,CACL,CAClB,CACN,CACF,CACN,EACD,CAAC,YAAY,EAAE,KAAK,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAC1D,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACnD,UAAU,EAAE,CAAC,KAAK,CAAC,kBAAkB;QACrC,SAAS,EAAE,KAAK,CAAC,KAAK;QACtB,QAAQ,EAAE,aAAa,KAAK,MAAM;KACrC,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC3G,eAAe,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACvG,eAAe,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;IACF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAClH,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,2BAA2B,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACjH,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,eAAe,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE;YAC/E,eAAe,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC5E,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,iBAAiB,EAAE;YACzB,mBAAmB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBACzD,mBAAmB,CAAC,MAAM,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE9B,OAAO,CACH,8BAAC,4BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACtC,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB;YAC/C,aAAa,KAAK,OAAO,IAAI,CAC1B,uCAAK,SAAS,EAAC,0BAA0B;gBACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG;gBACpJ,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CAC/I,CACT;YACA,KAAK,CAAC,YAAY,IAAI,CACnB,uCAAK,SAAS,EAAC,2BAA2B;gBACtC,8BAAC,cAAI,IACD,IAAI,EAAC,yBAAyB,EAC9B,IAAI,EAAE,eAAQ,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,EAC1D,OAAO,EAAE,uBAAuB,GAClC;gBACF,8BAAC,cAAI,IACD,IAAI,EAAC,yBAAyB,EAC9B,IAAI,EAAE,eAAQ,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,EACzD,OAAO,EAAE,sBAAsB,GACjC,CACA,CACT;YACA,WAAW;YACX,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,kBAAkB,IAAI,CACnD,uCAAK,SAAS,EAAC,kFAAkF;gBAC7F,8BAAC,8BAAoB,OAAG;gBACxB,8BAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QAEL,KAAK,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,CACpD,uCAAK,SAAS,EAAC,qGAAqG;YAChH,8BAAC,8BAAoB,OAAG;YACxB,8BAAC,8BAAoB,OAAG,CACtB,CACT,CACwB,CAChC,CAAC;AACN,CAAC;AA1SD,6BA0SC","sourcesContent":["import { BasketContext, DatePickerContext, IDatePickerContext } from '@frontend/contexts';\nimport { IArrivalNightStay, INightStayValidation, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { lazy, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport DatePickerMonth from '@/components/generic/date/DatePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport DaysSelectedInformer from '@/components/steps/DaysSelectedInformer';\nimport MinimumNightStayPill from '@/components/steps/MinimumNightStayPill';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nimport WeekViewSkeleton from './WeekViewSkeleton';\n\nconst DatePickerWeek = lazy(() => import('@/components/generic/date/DatePickerWeek'));\n\nexport interface DatePickerProps {\n    showMonthOnLoad?: dayjs.Dayjs;\n\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n\n    canSelect?: boolean;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    // Displays two side by side\n    showMultipleMonths?: boolean;\n\n    // Used for tight spaces\n    small?: boolean;\n\n    // is there support for start / end dates\n    supportsMultiSelecting?: boolean;\n\n    // Do or don't show mininmum night stay block\n    showMinNightStay?: boolean;\n\n    supportsWeek?: boolean;\n\n    onDateClicked?: (date: dayjs.Dayjs) => void;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => void;\n}\n\ninterface DatePickerDayObject {\n    value: string;\n    dateObj: dayjs.Dayjs | null;\n    price?: string;\n    hovered: boolean;\n}\n\nenum DateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DatePicker(props: DatePickerProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const [currentMonth, setCurrentMonth] = useState(props.showMonthOnLoad ? props.showMonthOnLoad : props.selectedStartDate ? props.selectedStartDate : dayjs());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? null);\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState<Dayjs | null>(null);\n\n    const [pickingState, setPickingState] = useState(DateRangePickingState.StartDate);\n    const [calendarStyle, setCalendarStyle] = useState<'Month' | 'Week'>(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    useEffect(() => {\n        setCalendarStyle(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    }, [hotel?.defaultDatepickerType]);\n\n    const [months, setMonths] = useState(props.showMultipleMonths ? [currentMonth, currentMonth.add(1, 'month')] : [currentMonth]);\n    const [maxPrice, setMaxPrice] = useState(0);\n\n    const basketContext = useContext(BasketContext);\n    const { getLastValidDay, getArrivalNightStay } = useCalendarNightStay({ basketContext });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    const [arrivalNightStay, setArrivalNightStay] = useState<IArrivalNightStay>({\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n    });\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: DateRangePickingState | null = null;\n\n        const selectedBasketRow = basketContext.selectedBasketRow;\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n        const roomCode = selectedBasketRow ? selectedBasketRow.getRoomCode() : '';\n\n        const newDatePrice = await API.Availability.getCheapestPriceForDay(newDate, adults, children, infants, promoCode, roomCode, hotel?.hotelID as string, memberNumber, false);\n        switch (pickingState) {\n            default:\n            case DateRangePickingState.StartDate:\n                if (newDatePrice?.price || !hotel) {\n                    newPickingState = DateRangePickingState.EndDate;\n\n                    setSelectedStartDate(newDate);\n                    const result = await getArrivalNightStay(newDate);\n                    setArrivalNightStay(result);\n                    setSelectedEndDate(null);\n                }\n\n                break;\n            case DateRangePickingState.EndDate:\n                if (!newDate) break;\n\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = DateRangePickingState.EndDate;\n                } else {\n                    const result = await getLastValidDay(selectedStartDate as Dayjs, newDate);\n                    setNightStayValidation(result.nightStayValidation);\n                    if (!result.isValidNightStay) break;\n\n                    newPickingState = DateRangePickingState.StartDate;\n                    setHoveringOverDate(null);\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(result.lastValidDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(result.lastValidDay);\n                    }\n                }\n\n                break;\n        }\n\n        if (props.supportsMultiSelecting) {\n            setPickingState(newPickingState as DateRangePickingState);\n        }\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            getLastValidDay(selectedStartDate, day).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n                setHoveringOverDate(result.lastValidDay);\n            });\n        }\n    };\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\n\n    // TODO: Perhaps refactor this later to not depend on non-state items\n    useEffect(() => {\n        if (DatePickerTypeFeature?.isActive() && props.supportsWeek) {\n            setCalendarStyle('Week');\n        }\n    }, [DatePickerTypeFeature?.isActive()]);\n\n    useEffect(() => {\n        if (props.showMonthOnLoad) {\n            setCurrentMonth(props.showMonthOnLoad);\n        }\n    }, [props.showMonthOnLoad]);\n\n    useEffect(() => {\n        if (props.showMultipleMonths) {\n            setMonths([currentMonth, currentMonth.add(1, 'month')]);\n        }\n    }, [currentMonth, props.showMultipleMonths]);\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate as Dayjs);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate as Dayjs, {\n                validationMinNightStay: nightStayValidation.validationMinNightStay,\n                validationMaxNightStay: nightStayValidation.validationMaxNightStay,\n            });\n        }\n    }, [selectedEndDate]);\n\n    const nightStayRequirements: string[] = useMemo(() => {\n        const check: {\n            MinNightStayRequired: boolean;\n            MaxNightStayRequired: boolean;\n        } = {\n            MinNightStayRequired: false,\n            MaxNightStayRequired: false,\n        };\n        const options = {\n            minNightStay: arrivalNightStay.arrivalMinNightStay,\n            maxNightStay: arrivalNightStay.arrivalMaxNightStay,\n        };\n        if (selectedStartDate) {\n            if ((arrivalNightStay?.arrivalMinNightStay && !selectedEndDate) || (nightStayValidation?.validationMinNightStay && selectedEndDate)) {\n                check.MinNightStayRequired = true;\n            }\n            if ((arrivalNightStay?.arrivalMaxNightStay && !selectedEndDate) || (nightStayValidation?.validationMaxNightStay && selectedEndDate)) {\n                check.MaxNightStayRequired = true;\n            }\n        }\n        if (check.MinNightStayRequired && check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.BothMinMaxNightStayRequired, options)];\n        }\n        if (check.MinNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MinNightStayRequired, options)];\n        }\n        if (check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MaxNightStayRequired, options)];\n        }\n        return [];\n    }, [selectedStartDate, selectedEndDate, arrivalNightStay, nightStayValidation]);\n\n    const context: IDatePickerContext = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n        maxPrice,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        setMaxPrice,\n        arrivalNightStay,\n        nightStayValidation,\n        nightStayRequirements,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                {calendarStyle === 'Month' ? (\n                    <>\n                        <DatePickerMonth small={props.small} showingMonth={currentMonth} />\n                        {props.showMultipleMonths && <DatePickerMonth showingMonth={currentMonth.add(1, 'month')} />}\n                    </>\n                ) : (\n                    <>\n                        <React.Suspense fallback={<WeekViewSkeleton />}>\n                            <DatePickerWeek />\n                        </React.Suspense>\n                    </>\n                )}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths, calendarStyle]\n    );\n\n    const calendarClassNames = classNames('diji-calendar', {\n        '--single': !props.showMultipleMonths,\n        '--small': props.small,\n        '--week': calendarStyle === 'Week',\n    });\n    const previousMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Previous Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Next Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n    const setCalendarStyleAsMonth = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Month');\n    };\n    const setCalendarStyleAsWeek = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Week');\n    };\n\n    useEffect(() => {\n        if (props.selectedStartDate && props.selectedEndDate && !nightStayValidation.init) {\n            getLastValidDay(props.selectedStartDate, props.selectedEndDate).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n            });\n        }\n    }, [props.selectedStartDate, props.selectedEndDate]);\n\n    useEffect(() => {\n        if (props.selectedStartDate) {\n            getArrivalNightStay(props.selectedStartDate).then((result) => {\n                setArrivalNightStay(result);\n            });\n        }\n    }, [props.selectedStartDate]);\n\n    return (\n        <DatePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                {calendarStyle === 'Month' && (\n                    <div className=\"diji-calendar-navigation\">\n                        <Icon icon={IconType.ArrowLeft2} onClick={previousMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                        <Icon icon={IconType.ArrowRight2} onClick={nextMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                    </div>\n                )}\n                {props.supportsWeek && (\n                    <div className=\"diji-calendar-picker-type\">\n                        <Icon\n                            name=\"Calendar_MothViewButton\"\n                            icon={IconType.ViewMonth}\n                            size=\"32px\"\n                            color={calendarStyle === 'Month' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsMonth}\n                        />\n                        <Icon\n                            name=\"Calendar_WeekViewButton\"\n                            icon={IconType.ViewWeek}\n                            size=\"32px\"\n                            color={calendarStyle === 'Week' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsWeek}\n                        />\n                    </div>\n                )}\n                {printMonths}\n                {props.showMinNightStay && props.showMultipleMonths && (\n                    <div className=\"diji-calendar--min-night-stay u-flex u-flex-direction-column u-flex-align-center\">\n                        <DaysSelectedInformer />\n                        <MinimumNightStayPill />\n                    </div>\n                )}\n            </div>\n\n            {props.showMinNightStay && !props.showMultipleMonths && (\n                <div className=\"diji-calendar--min-night-stay --small u-flex u-flex-direction-column u-flex-align-center u-marg-top\">\n                    <DaysSelectedInformer />\n                    <MinimumNightStayPill />\n                </div>\n            )}\n        </DatePickerContext.Provider>\n    );\n}\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext, IDatePickerContext } from '@frontend/contexts';\nimport { IArrivalNightStay, INightStayValidation, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { lazy, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport DatePickerMonth from '@/components/generic/date/DatePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport DaysSelectedInformer from '@/components/steps/DaysSelectedInformer';\nimport MinimumNightStayPill from '@/components/steps/MinimumNightStayPill';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nimport WeekViewSkeleton from './WeekViewSkeleton';\n\nconst DatePickerWeek = lazy(() => import('@/components/generic/date/DatePickerWeek'));\n\nexport interface DatePickerProps {\n    showMonthOnLoad?: dayjs.Dayjs;\n\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n\n    canSelect?: boolean;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    // Displays two side by side\n    showMultipleMonths?: boolean;\n\n    // Used for tight spaces\n    small?: boolean;\n\n    // is there support for start / end dates\n    supportsMultiSelecting?: boolean;\n\n    // Do or don't show mininmum night stay block\n    showMinNightStay?: boolean;\n\n    supportsWeek?: boolean;\n\n    onDateClicked?: (date: dayjs.Dayjs) => void;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => void;\n}\n\ninterface DatePickerDayObject {\n    value: string;\n    dateObj: dayjs.Dayjs | null;\n    price?: string;\n    hovered: boolean;\n}\n\nenum DateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DatePicker(props: DatePickerProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const getInitialMonth = () => props.showMonthOnLoad ?? props.selectedStartDate ?? dayjs();\n    const [currentMonth, setCurrentMonth] = useState(getInitialMonth());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? null);\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    useEffect(() => {\n        // Sync selectedStartDate when props.selectedStartDate changes\n        setSelectedStartDate(props.selectedStartDate ?? null);\n        // Optionally update the calendar's current month based on the new start date, allows the calendar to jump to a different month if `props.selectedStartDate`  belongs to another month (currently disabled).\n        // setCurrentMonth(getInitialMonth());\n    }, [props.selectedStartDate]);\n\n    useEffect(() => {\n        // Sync selectedEndDate when props.selectedEndDate changes\n        setSelectedEndDate(props.selectedEndDate ?? null);\n    }, [props.selectedEndDate]);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState<Dayjs | null>(null);\n\n    const [pickingState, setPickingState] = useState(DateRangePickingState.StartDate);\n    const [calendarStyle, setCalendarStyle] = useState<'Month' | 'Week'>(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    useEffect(() => {\n        setCalendarStyle(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    }, [hotel?.defaultDatepickerType]);\n\n    const [months, setMonths] = useState(props.showMultipleMonths ? [currentMonth, currentMonth.add(1, 'month')] : [currentMonth]);\n    const [maxPrice, setMaxPrice] = useState(0);\n\n    const basketContext = useContext(BasketContext);\n    const { getLastValidDay, getArrivalNightStay } = useCalendarNightStay({ basketContext });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    const [arrivalNightStay, setArrivalNightStay] = useState<IArrivalNightStay>({\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n    });\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: DateRangePickingState | null = null;\n\n        const selectedBasketRow = basketContext.selectedBasketRow;\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n        const roomCode = selectedBasketRow ? selectedBasketRow.getRoomCode() : '';\n\n        const newDatePrice = await API.Availability.getCheapestPriceForDay(newDate, adults, children, infants, promoCode, roomCode, hotel?.hotelID as string, memberNumber, false);\n        switch (pickingState) {\n            default:\n            case DateRangePickingState.StartDate:\n                if (newDatePrice?.price || !hotel) {\n                    newPickingState = DateRangePickingState.EndDate;\n\n                    setSelectedStartDate(newDate);\n                    const result = await getArrivalNightStay(newDate);\n                    setArrivalNightStay(result);\n                    setSelectedEndDate(null);\n                }\n\n                break;\n            case DateRangePickingState.EndDate:\n                if (!newDate) break;\n\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = DateRangePickingState.EndDate;\n                } else {\n                    const result = await getLastValidDay(selectedStartDate as Dayjs, newDate);\n                    setNightStayValidation(result.nightStayValidation);\n                    if (!result.isValidNightStay) break;\n\n                    newPickingState = DateRangePickingState.StartDate;\n                    setHoveringOverDate(null);\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(result.lastValidDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(result.lastValidDay);\n                    }\n                }\n\n                break;\n        }\n\n        if (props.supportsMultiSelecting) {\n            setPickingState(newPickingState as DateRangePickingState);\n        }\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            getLastValidDay(selectedStartDate, day).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n                setHoveringOverDate(result.lastValidDay);\n            });\n        }\n    };\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\n\n    // TODO: Perhaps refactor this later to not depend on non-state items\n    useEffect(() => {\n        if (DatePickerTypeFeature?.isActive() && props.supportsWeek) {\n            setCalendarStyle('Week');\n        }\n    }, [DatePickerTypeFeature?.isActive()]);\n\n    useEffect(() => {\n        if (props.showMonthOnLoad) {\n            setCurrentMonth(props.showMonthOnLoad);\n        }\n    }, [props.showMonthOnLoad]);\n\n    useEffect(() => {\n        if (props.showMultipleMonths) {\n            setMonths([currentMonth, currentMonth.add(1, 'month')]);\n        }\n    }, [currentMonth, props.showMultipleMonths]);\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate as Dayjs);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate as Dayjs, {\n                validationMinNightStay: nightStayValidation.validationMinNightStay,\n                validationMaxNightStay: nightStayValidation.validationMaxNightStay,\n            });\n        }\n    }, [selectedEndDate]);\n\n    const nightStayRequirements: string[] = useMemo(() => {\n        const check: {\n            MinNightStayRequired: boolean;\n            MaxNightStayRequired: boolean;\n        } = {\n            MinNightStayRequired: false,\n            MaxNightStayRequired: false,\n        };\n        const options = {\n            minNightStay: arrivalNightStay.arrivalMinNightStay,\n            maxNightStay: arrivalNightStay.arrivalMaxNightStay,\n        };\n        if (selectedStartDate) {\n            if ((arrivalNightStay?.arrivalMinNightStay && !selectedEndDate) || (nightStayValidation?.validationMinNightStay && selectedEndDate)) {\n                check.MinNightStayRequired = true;\n            }\n            if ((arrivalNightStay?.arrivalMaxNightStay && !selectedEndDate) || (nightStayValidation?.validationMaxNightStay && selectedEndDate)) {\n                check.MaxNightStayRequired = true;\n            }\n        }\n        if (check.MinNightStayRequired && check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.BothMinMaxNightStayRequired, options)];\n        }\n        if (check.MinNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MinNightStayRequired, options)];\n        }\n        if (check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MaxNightStayRequired, options)];\n        }\n        return [];\n    }, [selectedStartDate, selectedEndDate, arrivalNightStay, nightStayValidation]);\n\n    const context: IDatePickerContext = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n        maxPrice,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        setMaxPrice,\n        arrivalNightStay,\n        nightStayValidation,\n        nightStayRequirements,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                {calendarStyle === 'Month' ? (\n                    <>\n                        <DatePickerMonth small={props.small} showingMonth={currentMonth} />\n                        {props.showMultipleMonths && <DatePickerMonth showingMonth={currentMonth.add(1, 'month')} />}\n                    </>\n                ) : (\n                    <>\n                        <React.Suspense fallback={<WeekViewSkeleton />}>\n                            <DatePickerWeek />\n                        </React.Suspense>\n                    </>\n                )}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths, calendarStyle]\n    );\n\n    const calendarClassNames = classNames('diji-calendar', {\n        '--single': !props.showMultipleMonths,\n        '--small': props.small,\n        '--week': calendarStyle === 'Week',\n    });\n    const previousMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Previous Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Next Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n    const setCalendarStyleAsMonth = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Month');\n    };\n    const setCalendarStyleAsWeek = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Week');\n    };\n\n    useEffect(() => {\n        if (props.selectedStartDate && props.selectedEndDate && !nightStayValidation.init) {\n            getLastValidDay(props.selectedStartDate, props.selectedEndDate).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n            });\n        }\n    }, [props.selectedStartDate, props.selectedEndDate]);\n\n    useEffect(() => {\n        if (props.selectedStartDate) {\n            getArrivalNightStay(props.selectedStartDate).then((result) => {\n                setArrivalNightStay(result);\n            });\n        }\n    }, [props.selectedStartDate]);\n\n    return (\n        <DatePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                {calendarStyle === 'Month' && (\n                    <div className=\"diji-calendar-navigation\">\n                        <Icon icon={IconType.ArrowLeft2} onClick={previousMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                        <Icon icon={IconType.ArrowRight2} onClick={nextMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                    </div>\n                )}\n                {props.supportsWeek && (\n                    <div className=\"diji-calendar-picker-type\">\n                        <Icon\n                            name=\"Calendar_MothViewButton\"\n                            icon={IconType.ViewMonth}\n                            size=\"32px\"\n                            color={calendarStyle === 'Month' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsMonth}\n                        />\n                        <Icon\n                            name=\"Calendar_WeekViewButton\"\n                            icon={IconType.ViewWeek}\n                            size=\"32px\"\n                            color={calendarStyle === 'Week' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsWeek}\n                        />\n                    </div>\n                )}\n                {printMonths}\n                {props.showMinNightStay && props.showMultipleMonths && (\n                    <div className=\"diji-calendar--min-night-stay u-flex u-flex-direction-column u-flex-align-center\">\n                        <DaysSelectedInformer />\n                        <MinimumNightStayPill />\n                    </div>\n                )}\n            </div>\n\n            {props.showMinNightStay && !props.showMultipleMonths && (\n                <div className=\"diji-calendar--min-night-stay --small u-flex u-flex-direction-column u-flex-align-center u-marg-top\">\n                    <DaysSelectedInformer />\n                    <MinimumNightStayPill />\n                </div>\n            )}\n        </DatePickerContext.Provider>\n    );\n}\n"]}

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js

@@ -50,6 +50,7 @@ const AuthenticatedUserModal = (props) => {
     const windowSize = (0, WindowSize_1.useWindowSize)();
     const isMobile = screenSize < ScreenSize_1.default.Large;
     const shouldBreakpoint = isMobile && (windowSize.height || 0) <= 705;
+    const location = (0, react_router_dom_1.useLocation)();
     const onLogoutClick = () => {
         onClose === null || onClose === void 0 ? void 0 : onClose();
         onSignedOut === null || onSignedOut === void 0 ? void 0 : onSignedOut();
@@ -87,9 +88,12 @@ const AuthenticatedUserModal = (props) => {
         }) },
         react_1.default.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-items'] },
             items.map((item, index) => {
-                return (react_1.default.createElement(react_router_dom_1.NavLink, { isActive: (item, location) => {
-                        return !!(item === null || item === void 0 ? void 0 : item.url) && location.pathname.toLowerCase().includes(item.url.toLowerCase());
-                    }, activeClassName: AuthenticatedUserModal_module_scss_1.default['--selected'], to: `${basePath}${item.link}`, className: AuthenticatedUserModal_module_scss_1.default['list-item'], key: index, onClick: () => {
+                return (react_1.default.createElement(react_router_dom_1.NavLink, { to: `${basePath}${item.link}`, className: ({ isActive }) => {
+                        const isCurrentPath = !!(item === null || item === void 0 ? void 0 : item.link) && location.pathname.toLowerCase().includes(item.link.toLowerCase());
+                        return (0, classnames_1.default)(AuthenticatedUserModal_module_scss_1.default['list-item'], {
+                            [AuthenticatedUserModal_module_scss_1.default['--selected']]: isActive || isCurrentPath,
+                        });
+                    }, key: index, onClick: () => {
                         onClose === null || onClose === void 0 ? void 0 : onClose();
                         onCloseMenu === null || onCloseMenu === void 0 ? void 0 : onCloseMenu();
                     } },

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, useBookingEngine } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { ReactElement, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { NavLink } from 'react-router-dom';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './AuthenticatedUserModal.module.scss';\n\nexport type AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    menuItems?: MenuItemType[];\n    basePath?: string;\n    onClose?: () => void;\n    onSignedOut?: () => void;\n    onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement | null => {\n    const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, basePath = '', onSignedOut, onClose, onCloseMenu } = props;\n\n    const { logout } = useContext(AuthenticationContext);\n    const { t } = useTranslation();\n    const { screenSize } = useBookingEngine();\n    const windowSize = useWindowSize();\n    const isMobile = screenSize < ScreenSize.Large;\n    const shouldBreakpoint = isMobile && (windowSize.height || 0) <= 705;\n\n    const onLogoutClick = () => {\n        onClose?.();\n        onSignedOut?.();\n        logout();\n    };\n\n    const items: MenuItemType[] = menuItems || [\n        {\n            icon: IconType.Person,\n            text: 'Account',\n            link: AccountRoutes.Home.path,\n        },\n        {\n            icon: IconType.Bed,\n            text: t(Translation.Navigation.Menu.YourReservations),\n            link: AccountRoutes.Reservations.path,\n        },\n        {\n            icon: IconType.Edit,\n            text: t(Translation.Navigation.Menu.ProfileInformation),\n            link: AccountRoutes.ProfileDetails.path,\n        },\n        {\n            icon: IconType.CreditCard,\n            text: t(Translation.Navigation.Menu.PaymentInformation),\n            link: AccountRoutes.CardDetails.path,\n        },\n        {\n            icon: IconType.Info,\n            text: t(Translation.Navigation.Menu.NeedHelp),\n            link: AccountRoutes.Help.path,\n        },\n    ];\n\n    return (\n        <Overlay\n            preventScroll={shouldBreakpoint}\n            usePortal\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement={placement || 'auto-end'}\n            fallbackPlacements={fallbackPlacements}\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className={styles['logged-in-overlay']}\n            containerClassName={classNames({\n                [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n            })}\n        >\n            <div className={styles['list-items']}>\n                {items.map((item, index) => {\n                    return (\n                        <NavLink\n                            isActive={(item, location) => {\n                                return !!item?.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());\n                            }}\n                            activeClassName={styles['--selected']}\n                            to={`${basePath}${item.link}`}\n                            className={styles['list-item']}\n                            key={index}\n                            onClick={() => {\n                                onClose?.();\n                                onCloseMenu?.();\n                            }}\n                        >\n                            <div className={styles['list-item--icon']}>\n                                <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n                            </div>\n                            <Text>{item.text}</Text>\n                        </NavLink>\n                    );\n                })}\n                <LineBreak />\n                <div className={styles['list-item']} onClick={onLogoutClick}>\n                    <div className={styles['list-item--icon']}>\n                        <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n                </div>\n            </div>\n        </Overlay>\n    );\n};\n"]}
+{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, useBookingEngine } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { ReactElement, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { NavLink, useLocation } from 'react-router-dom';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './AuthenticatedUserModal.module.scss';\n\nexport type AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    menuItems?: MenuItemType[];\n    basePath?: string;\n    onClose?: () => void;\n    onSignedOut?: () => void;\n    onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement | null => {\n    const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, basePath = '', onSignedOut, onClose, onCloseMenu } = props;\n\n    const { logout } = useContext(AuthenticationContext);\n    const { t } = useTranslation();\n    const { screenSize } = useBookingEngine();\n    const windowSize = useWindowSize();\n    const isMobile = screenSize < ScreenSize.Large;\n    const shouldBreakpoint = isMobile && (windowSize.height || 0) <= 705;\n    const location = useLocation();\n\n    const onLogoutClick = () => {\n        onClose?.();\n        onSignedOut?.();\n        logout();\n    };\n\n    const items: MenuItemType[] = menuItems || [\n        {\n            icon: IconType.Person,\n            text: 'Account',\n            link: AccountRoutes.Home.path,\n        },\n        {\n            icon: IconType.Bed,\n            text: t(Translation.Navigation.Menu.YourReservations),\n            link: AccountRoutes.Reservations.path,\n        },\n        {\n            icon: IconType.Edit,\n            text: t(Translation.Navigation.Menu.ProfileInformation),\n            link: AccountRoutes.ProfileDetails.path,\n        },\n        {\n            icon: IconType.CreditCard,\n            text: t(Translation.Navigation.Menu.PaymentInformation),\n            link: AccountRoutes.CardDetails.path,\n        },\n        {\n            icon: IconType.Info,\n            text: t(Translation.Navigation.Menu.NeedHelp),\n            link: AccountRoutes.Help.path,\n        },\n    ];\n\n    return (\n        <Overlay\n            preventScroll={shouldBreakpoint}\n            usePortal\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement={placement || 'auto-end'}\n            fallbackPlacements={fallbackPlacements}\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className={styles['logged-in-overlay']}\n            containerClassName={classNames({\n                [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n            })}\n        >\n            <div className={styles['list-items']}>\n                {items.map((item, index) => {\n                    return (\n                        <NavLink\n                            to={`${basePath}${item.link}`}\n                            className={({ isActive }) => {\n                                const isCurrentPath = !!item?.link && location.pathname.toLowerCase().includes(item.link.toLowerCase());\n                                return classNames(styles['list-item'], {\n                                    [styles['--selected']]: isActive || isCurrentPath,\n                                });\n                            }}\n                            key={index}\n                            onClick={() => {\n                                onClose?.();\n                                onCloseMenu?.();\n                            }}\n                        >\n                            <div className={styles['list-item--icon']}>\n                                <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n                            </div>\n                            <Text>{item.text}</Text>\n                        </NavLink>\n                    );\n                })}\n                <LineBreak />\n                <div className={styles['list-item']} onClick={onLogoutClick}>\n                    <div className={styles['list-item--icon']}>\n                        <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n                </div>\n            </div>\n        </Overlay>\n    );\n};\n"]}

package/dist/src/components/generic/modal/SimpleModal.js

@@ -76,28 +76,6 @@ function SimpleModal(props) {
         [SimpleModal_module_scss_1.default['--overflow-visible']]: props.overflowVisible,
         [SimpleModal_module_scss_1.default[`${props.size}`]]: !!props.size,
     });
-    // useLayoutEffect(() => {
-    //     modalContext?.addModalStatus(props.open, modalId);
-    // }, [props.open]);
-    // useLayoutEffect(() => {
-    //     const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');
-    //     const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');
-    //     if (modalContext?.isAnyModalOpen()) {
-    //         if (triptease) {
-    //             triptease.style.display = 'none';
-    //         }
-    //         if (hiWidget) {
-    //             hiWidget.classList.add('--moved');
-    //         }
-    //     } else {
-    //         if (triptease) {
-    //             triptease.style.display = 'block';
-    //         }
-    //         if (hiWidget) {
-    //             hiWidget.classList.remove('--moved');
-    //         }
-    //     }
-    // }, [modalContext?.modalStatus]);
     return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.
     react_1.default.createElement(Portal_1.RoomstayPortal, { target: (_a = props.modalTarget) !== null && _a !== void 0 ? _a : document.body },
         react_1.default.createElement("div", { className: (0, classnames_1.default)(SimpleModal_module_scss_1.default['roomstay-overlay'], props.className), ref: overlayRef },

package/dist/src/components/generic/modal/SimpleModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useBodyClick } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport Icon, { IconType } from '../Icon/Icon';\nimport styles from './SimpleModal.module.scss';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport type SimpleModalProps = PropsWithChildren<{\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement | null;\n    style?: CSSProperties;\n    overflowVisible?: boolean;\n    className?: string;\n    bodyClassName?: string;\n}>;\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], props.bodyClassName, {\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n        [styles[`${props.size}` as keyof typeof styles]]: !!props.size,\n    });\n\n    // useLayoutEffect(() => {\n    //     modalContext?.addModalStatus(props.open, modalId);\n    // }, [props.open]);\n\n    // useLayoutEffect(() => {\n    //     const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');\n    //     const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');\n\n    //     if (modalContext?.isAnyModalOpen()) {\n    //         if (triptease) {\n    //             triptease.style.display = 'none';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.add('--moved');\n    //         }\n    //     } else {\n    //         if (triptease) {\n    //             triptease.style.display = 'block';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.remove('--moved');\n    //         }\n    //     }\n    // }, [modalContext?.modalStatus]);\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}
+{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useBodyClick } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport Icon, { IconType } from '../Icon/Icon';\nimport styles from './SimpleModal.module.scss';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport type SimpleModalProps = PropsWithChildren<{\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement | null;\n    style?: CSSProperties;\n    overflowVisible?: boolean;\n    className?: string;\n    bodyClassName?: string;\n}>;\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], props.bodyClassName, {\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n        [styles[`${props.size}` as keyof typeof styles]]: !!props.size,\n    });\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}

package/dist/src/components/navigation/Header.js

@@ -145,10 +145,10 @@ function Header() {
     }
     const links = (react_1.default.createElement("ul", { className: "c-header__list" },
         react_1.default.createElement("li", null,
-            react_1.default.createElement(react_router_dom_1.NavLink, { to: Object.assign(Object.assign({}, location), { pathname: RouteManager_1.ROUTES.HOTEL_INFO }), activeClassName: "is-active", onClick: closeMobileMenuClickHandler },
+            react_1.default.createElement(react_router_dom_1.NavLink, { to: Object.assign(Object.assign({}, location), { pathname: RouteManager_1.ROUTES.HOTEL_INFO }), className: ({ isActive }) => (isActive ? 'is-active' : ''), onClick: closeMobileMenuClickHandler },
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.White, bold: true }, t(Translation_1.Translation.Navigation.HotelInfo)))),
         react_1.default.createElement("li", null, (hotel === null || hotel === void 0 ? void 0 : hotel.forwardFindReservationToSynxis) ? (react_1.default.createElement("a", { href: `https://be.synxis.com/signin?hotel=${hotel === null || hotel === void 0 ? void 0 : hotel.hotelID}`, target: "_blank", rel: "noreferrer" },
-            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.White, bold: true }, t(Translation_1.Translation.Navigation.FindReservation)))) : (react_1.default.createElement(react_router_dom_1.NavLink, { to: "/find-reservation", activeClassName: "is-active", onClick: closeMobileMenuClickHandler },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.White, bold: true }, t(Translation_1.Translation.Navigation.FindReservation)))) : (react_1.default.createElement(react_router_dom_1.NavLink, { to: "/find-reservation", className: ({ isActive }) => (isActive ? 'is-active' : ''), onClick: closeMobileMenuClickHandler },
             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.White, bold: true }, t(Translation_1.Translation.Navigation.FindReservation))))),
         react_1.default.createElement("li", { className: "phone" },
             react_1.default.createElement("a", { href: `tel:${hotel === null || hotel === void 0 ? void 0 : hotel.phone}`, onClick: closeMobileMenuClickHandler },

package/dist/src/components/navigation/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"/","sources":["src/components/navigation/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CompanyContext, FullPageEngineContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { Suspense, useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, NavLink, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport FadeAnimation from '@/animations/Fade';\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextTransform, TextType } from '@/components/generic/Text';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport { Language, LanguageProvider } from '@/providers/LanguageProvider';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\nimport * as currencyHelper from '@/util/CurrencyHelper';\nimport DataLayer from '@/util/DataLayer';\nimport { ROUTES } from '@/util/RouteManager';\n\nconst UnauthenticatedUserModal = React.lazy(() =>\n    import('@/components/generic/modal/SigninModal/UnauthenticatedUserModal').then(({ UnauthenticatedUserModal }) => ({\n        default: UnauthenticatedUserModal,\n    }))\n);\nconst AuthenticatedUserModal = React.lazy(() =>\n    import('@/components/generic/modal/SigninModal/AuthenticatedUserModal').then(({ AuthenticatedUserModal }) => ({\n        default: AuthenticatedUserModal,\n    }))\n);\n\ninterface ILanguageSelectOption {\n    value: Language;\n    text: string;\n}\n\nexport default function Header() {\n    const { hotel } = useCurrentHotel();\n    const location = useLocation();\n    const ccx = useContext(CompanyContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const { roomstayMember, isFetchingMember } = useContext(RoomstayMemberContext);\n\n    const [loginAnchorEl, setLoginAnchorEl] = React.useState<HTMLLIElement | null>(null);\n\n    const [hotelLogo, setHotelLogo] = useState('');\n    const [showHotelLinks, setShowHotelLinks] = useState(true);\n\n    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n    const [mobileMenuFaderStatus, setMobileMenuFaderStatus] = useState(false);\n    const [loginModalOpen, setLoginModalOpen] = useState(false);\n\n    const { t } = useTranslation();\n\n    const availableLanguages = LanguageProvider.getLanguages();\n\n    const langKeys: Language[] = Object.keys(availableLanguages) as Language[];\n\n    const onLanguageChangeHandler = (selected: Language) => {\n        ccx.setCurrentLanguage(selected);\n        LanguageProvider.changeLanguage(selected);\n    };\n\n    const onCurrencyChangeHandler = (selected: string) => {\n        ccx.setCurrentCurrency(selected);\n        DataLayer.instance.setCurrencyCodes(selected);\n    };\n\n    const closeMobileMenuClickHandler = () => {\n        setMobileMenuFaderStatus(false);\n    };\n    const openMobileMenuClickHandler = () => {\n        setMobileMenuFaderStatus(true);\n    };\n    const closeLoginClickHandler = () => {\n        setLoginModalOpen(false);\n    };\n    const onLoginClickHandler = () => {\n        setLoginModalOpen(true);\n    };\n    useEffect(() => {\n        let timeout: NodeJS.Timeout;\n\n        if (mobileMenuFaderStatus) {\n            setMobileMenuOpen(true);\n            if (location.pathname.startsWith('/account')) {\n                setLoginModalOpen(true);\n            }\n        } else {\n            timeout = setTimeout(() => {\n                setMobileMenuOpen(false);\n            }, 500);\n        }\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [mobileMenuFaderStatus]);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const loadImage = (src: string) => {\n            const image = new Image();\n            image.onload = () => {\n                if (!cancelled) {\n                    setHotelLogo(src);\n                }\n            };\n\n            image.src = src;\n        };\n\n        // Check the Logo per step\n        if (hotel && !(currentStep === StepHotel)) {\n            if (typeof hotel?.logo === 'string') {\n                loadImage(hotel?.logo);\n            }\n        } else {\n            loadImage(ccx.logo);\n        }\n\n        // Check wether we should display the hotel related links or not\n        setShowHotelLinks(currentStep !== StepHotel && !!hotel);\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel, hotel?.logo, ccx.logo, currentStep]);\n\n    useEffect(() => {\n        if (mobileMenuOpen) {\n            document.body.style.setProperty('overflow', 'hidden');\n        }\n        return () => {\n            document.body.style.removeProperty('overflow');\n        };\n    }, [mobileMenuOpen]);\n\n    let hotelImageElement = hotelLogo ? <img src={hotelLogo} alt=\"Hotel Logo\" className=\"u-block\" /> : hotel?.logo;\n\n    if (typeof hotelImageElement === 'string' && !hotelImageElement.startsWith('<')) {\n        hotelImageElement = <img src={hotelImageElement} alt=\"Hotel Logo\" />;\n    }\n\n    const links = (\n        <ul className=\"c-header__list\">\n            <li>\n                <NavLink\n                    to={{\n                        ...location,\n                        pathname: ROUTES.HOTEL_INFO,\n                    }}\n                    activeClassName=\"is-active\"\n                    onClick={closeMobileMenuClickHandler}\n                >\n                    <Text type={TextType.Small} color={Color.White} bold>\n                        {t(Translation.Navigation.HotelInfo)}\n                    </Text>\n                </NavLink>\n            </li>\n            <li>\n                {hotel?.forwardFindReservationToSynxis ? (\n                    <a href={`https://be.synxis.com/signin?hotel=${hotel?.hotelID}`} target=\"_blank\" rel=\"noreferrer\">\n                        <Text type={TextType.Small} color={Color.White} bold>\n                            {t(Translation.Navigation.FindReservation)}\n                        </Text>\n                    </a>\n                ) : (\n                    <NavLink to=\"/find-reservation\" activeClassName=\"is-active\" onClick={closeMobileMenuClickHandler}>\n                        <Text type={TextType.Small} color={Color.White} bold>\n                            {t(Translation.Navigation.FindReservation)}\n                        </Text>\n                    </NavLink>\n                )}\n            </li>\n            <li className=\"phone\">\n                <a href={`tel:${hotel?.phone}`} onClick={closeMobileMenuClickHandler}>\n                    <Text type={TextType.Small} transforms={[TextTransform.Uppercase]} color={Color.White} bold>\n                        <Icon icon={IconType.Phone} size=\"16px\" color={Color.White} />\n                        <span className=\"u-marg-left--light\">{hotel?.phone}</span>\n                    </Text>\n                </a>\n            </li>\n        </ul>\n    );\n\n    const configs = (\n        <>\n            <ul className=\"c-header__list\">\n                {langKeys.length > 1 && (\n                    <li>\n                        <Select<ILanguageSelectOption, 'value'>\n                            nativeOnMobile\n                            options={langKeys.map((lang: Language) => {\n                                return {\n                                    value: lang,\n                                    text: LanguageProvider.getPrettyLanguageName(lang),\n                                };\n                            })}\n                            value={ccx.currentLanguage}\n                            onChange={onLanguageChangeHandler}\n                            keyName=\"value\"\n                            labelName=\"text\"\n                        />\n                    </li>\n                )}\n                <li>\n                    <Select<IDefaultSelectOption, 'value'>\n                        nativeOnMobile\n                        options={currencyHelper.getCurrencyItems()}\n                        value={ccx.currentCurrency}\n                        onChange={onCurrencyChangeHandler}\n                        keyName=\"value\"\n                        labelName=\"text\"\n                    />\n                </li>\n\n                {MemberPortalFeature.isActive() && (\n                    <li ref={(el) => setLoginAnchorEl(el)}>\n                        {roomstayMember ? (\n                            <BEButton size=\"small\" isText onClick={onLoginClickHandler} stopIconAnimation>\n                                {roomstayMember.forename} {roomstayMember.surname}\n                                <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                    <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                                </span>\n                            </BEButton>\n                        ) : (\n                            <BEButton\n                                size=\"small\"\n                                isText\n                                onClick={() => {\n                                    onLoginClickHandler();\n                                    closeMobileMenuClickHandler();\n                                }}\n                                stopIconAnimation\n                            >\n                                {t(Translation.Navigation.SignIn.SignIn)}\n                                <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                    <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                                </span>\n                            </BEButton>\n                        )}\n                    </li>\n                )}\n            </ul>\n        </>\n    );\n\n    return (\n        <>\n            <div className=\"c-header u-print-none\">\n                <div className=\"container\">\n                    <div className=\"u-flex\">\n                        <div className=\"u-flex u-flex-flex-start u-flex__item\">\n                            <div className=\"c-header__logo\">\n                                <a href={showHotelLinks ? hotel?.hotelUrl : ccx?.logoLink} onClick={closeMobileMenuClickHandler}>\n                                    {hotelImageElement}\n                                </a>\n                            </div>\n                            {!!showHotelLinks && links}\n                        </div>\n                        <div className=\"u-flex mx-100\">\n                            {configs}\n                            <div className=\"c-header__mobile-menu\">\n                                <span className=\"u-white u-pad-left\">\n                                    <Icon icon={IconType.Menu} size=\"26px\" color={Color.White} onClick={openMobileMenuClickHandler} />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {mobileMenuOpen && (\n                <RoomstayPortal target={RoomstayThemeEngine.EngineContainer}>\n                    <FadeAnimation open={mobileMenuFaderStatus}>\n                        <div className={`mobile-header-menu ${mobileMenuFaderStatus ? '' : '--closing'}`}>\n                            <div className=\"mobile-header-menu--replica u-flex\">\n                                <div className=\"c-header__logo\">\n                                    <Link to=\"/\" onClick={closeMobileMenuClickHandler}>\n                                        {hotelImageElement}\n                                    </Link>\n                                </div>\n                                <div className=\"c-header__mobile-menu\">\n                                    <span className=\"u-white u-pad-left\">\n                                        <Icon icon={IconType.Close} size=\"26px\" color={Color.White} onClick={closeMobileMenuClickHandler} />\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"mobile-header-menu--content\">\n                                {!!hotel && links}\n\n                                {configs}\n                            </div>\n                        </div>\n                    </FadeAnimation>\n                </RoomstayPortal>\n            )}\n            {MemberPortalFeature.isActive() && (\n                <Suspense fallback={<SmallSpinner />}>\n                    {roomstayMember || isFetchingMember ? (\n                        <AuthenticatedUserModal open={loginModalOpen} onClose={closeLoginClickHandler} onCloseMenu={closeMobileMenuClickHandler} anchorEl={loginAnchorEl} />\n                    ) : (\n                        <UnauthenticatedUserModal\n                            open={loginModalOpen}\n                            onClose={() => {\n                                closeLoginClickHandler();\n                                closeMobileMenuClickHandler();\n                            }}\n                            onOpenOnMobile={() => {\n                                onLoginClickHandler();\n                                openMobileMenuClickHandler();\n                            }}\n                            anchorEl={loginAnchorEl}\n                        />\n                    )}\n                </Suspense>\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"Header.js","sourceRoot":"/","sources":["src/components/navigation/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CompanyContext, FullPageEngineContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { Suspense, useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, NavLink, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport FadeAnimation from '@/animations/Fade';\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextTransform, TextType } from '@/components/generic/Text';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport { Language, LanguageProvider } from '@/providers/LanguageProvider';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\nimport * as currencyHelper from '@/util/CurrencyHelper';\nimport DataLayer from '@/util/DataLayer';\nimport { ROUTES } from '@/util/RouteManager';\n\nconst UnauthenticatedUserModal = React.lazy(() =>\n    import('@/components/generic/modal/SigninModal/UnauthenticatedUserModal').then(({ UnauthenticatedUserModal }) => ({\n        default: UnauthenticatedUserModal,\n    }))\n);\nconst AuthenticatedUserModal = React.lazy(() =>\n    import('@/components/generic/modal/SigninModal/AuthenticatedUserModal').then(({ AuthenticatedUserModal }) => ({\n        default: AuthenticatedUserModal,\n    }))\n);\n\ninterface ILanguageSelectOption {\n    value: Language;\n    text: string;\n}\n\nexport default function Header() {\n    const { hotel } = useCurrentHotel();\n    const location = useLocation();\n    const ccx = useContext(CompanyContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const { roomstayMember, isFetchingMember } = useContext(RoomstayMemberContext);\n\n    const [loginAnchorEl, setLoginAnchorEl] = React.useState<HTMLLIElement | null>(null);\n\n    const [hotelLogo, setHotelLogo] = useState('');\n    const [showHotelLinks, setShowHotelLinks] = useState(true);\n\n    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n    const [mobileMenuFaderStatus, setMobileMenuFaderStatus] = useState(false);\n    const [loginModalOpen, setLoginModalOpen] = useState(false);\n\n    const { t } = useTranslation();\n\n    const availableLanguages = LanguageProvider.getLanguages();\n\n    const langKeys: Language[] = Object.keys(availableLanguages) as Language[];\n\n    const onLanguageChangeHandler = (selected: Language) => {\n        ccx.setCurrentLanguage(selected);\n        LanguageProvider.changeLanguage(selected);\n    };\n\n    const onCurrencyChangeHandler = (selected: string) => {\n        ccx.setCurrentCurrency(selected);\n        DataLayer.instance.setCurrencyCodes(selected);\n    };\n\n    const closeMobileMenuClickHandler = () => {\n        setMobileMenuFaderStatus(false);\n    };\n    const openMobileMenuClickHandler = () => {\n        setMobileMenuFaderStatus(true);\n    };\n    const closeLoginClickHandler = () => {\n        setLoginModalOpen(false);\n    };\n    const onLoginClickHandler = () => {\n        setLoginModalOpen(true);\n    };\n    useEffect(() => {\n        let timeout: NodeJS.Timeout;\n\n        if (mobileMenuFaderStatus) {\n            setMobileMenuOpen(true);\n            if (location.pathname.startsWith('/account')) {\n                setLoginModalOpen(true);\n            }\n        } else {\n            timeout = setTimeout(() => {\n                setMobileMenuOpen(false);\n            }, 500);\n        }\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [mobileMenuFaderStatus]);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const loadImage = (src: string) => {\n            const image = new Image();\n            image.onload = () => {\n                if (!cancelled) {\n                    setHotelLogo(src);\n                }\n            };\n\n            image.src = src;\n        };\n\n        // Check the Logo per step\n        if (hotel && !(currentStep === StepHotel)) {\n            if (typeof hotel?.logo === 'string') {\n                loadImage(hotel?.logo);\n            }\n        } else {\n            loadImage(ccx.logo);\n        }\n\n        // Check wether we should display the hotel related links or not\n        setShowHotelLinks(currentStep !== StepHotel && !!hotel);\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel, hotel?.logo, ccx.logo, currentStep]);\n\n    useEffect(() => {\n        if (mobileMenuOpen) {\n            document.body.style.setProperty('overflow', 'hidden');\n        }\n        return () => {\n            document.body.style.removeProperty('overflow');\n        };\n    }, [mobileMenuOpen]);\n\n    let hotelImageElement = hotelLogo ? <img src={hotelLogo} alt=\"Hotel Logo\" className=\"u-block\" /> : hotel?.logo;\n\n    if (typeof hotelImageElement === 'string' && !hotelImageElement.startsWith('<')) {\n        hotelImageElement = <img src={hotelImageElement} alt=\"Hotel Logo\" />;\n    }\n\n    const links = (\n        <ul className=\"c-header__list\">\n            <li>\n                <NavLink\n                    to={{\n                        ...location,\n                        pathname: ROUTES.HOTEL_INFO,\n                    }}\n                    className={({ isActive }) => (isActive ? 'is-active' : '')}\n                    onClick={closeMobileMenuClickHandler}\n                >\n                    <Text type={TextType.Small} color={Color.White} bold>\n                        {t(Translation.Navigation.HotelInfo)}\n                    </Text>\n                </NavLink>\n            </li>\n            <li>\n                {hotel?.forwardFindReservationToSynxis ? (\n                    <a href={`https://be.synxis.com/signin?hotel=${hotel?.hotelID}`} target=\"_blank\" rel=\"noreferrer\">\n                        <Text type={TextType.Small} color={Color.White} bold>\n                            {t(Translation.Navigation.FindReservation)}\n                        </Text>\n                    </a>\n                ) : (\n                    <NavLink to=\"/find-reservation\" className={({ isActive }) => (isActive ? 'is-active' : '')} onClick={closeMobileMenuClickHandler}>\n                        <Text type={TextType.Small} color={Color.White} bold>\n                            {t(Translation.Navigation.FindReservation)}\n                        </Text>\n                    </NavLink>\n                )}\n            </li>\n            <li className=\"phone\">\n                <a href={`tel:${hotel?.phone}`} onClick={closeMobileMenuClickHandler}>\n                    <Text type={TextType.Small} transforms={[TextTransform.Uppercase]} color={Color.White} bold>\n                        <Icon icon={IconType.Phone} size=\"16px\" color={Color.White} />\n                        <span className=\"u-marg-left--light\">{hotel?.phone}</span>\n                    </Text>\n                </a>\n            </li>\n        </ul>\n    );\n\n    const configs = (\n        <>\n            <ul className=\"c-header__list\">\n                {langKeys.length > 1 && (\n                    <li>\n                        <Select<ILanguageSelectOption, 'value'>\n                            nativeOnMobile\n                            options={langKeys.map((lang: Language) => {\n                                return {\n                                    value: lang,\n                                    text: LanguageProvider.getPrettyLanguageName(lang),\n                                };\n                            })}\n                            value={ccx.currentLanguage}\n                            onChange={onLanguageChangeHandler}\n                            keyName=\"value\"\n                            labelName=\"text\"\n                        />\n                    </li>\n                )}\n                <li>\n                    <Select<IDefaultSelectOption, 'value'>\n                        nativeOnMobile\n                        options={currencyHelper.getCurrencyItems()}\n                        value={ccx.currentCurrency}\n                        onChange={onCurrencyChangeHandler}\n                        keyName=\"value\"\n                        labelName=\"text\"\n                    />\n                </li>\n\n                {MemberPortalFeature.isActive() && (\n                    <li ref={(el) => setLoginAnchorEl(el)}>\n                        {roomstayMember ? (\n                            <BEButton size=\"small\" isText onClick={onLoginClickHandler} stopIconAnimation>\n                                {roomstayMember.forename} {roomstayMember.surname}\n                                <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                    <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                                </span>\n                            </BEButton>\n                        ) : (\n                            <BEButton\n                                size=\"small\"\n                                isText\n                                onClick={() => {\n                                    onLoginClickHandler();\n                                    closeMobileMenuClickHandler();\n                                }}\n                                stopIconAnimation\n                            >\n                                {t(Translation.Navigation.SignIn.SignIn)}\n                                <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                    <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                                </span>\n                            </BEButton>\n                        )}\n                    </li>\n                )}\n            </ul>\n        </>\n    );\n\n    return (\n        <>\n            <div className=\"c-header u-print-none\">\n                <div className=\"container\">\n                    <div className=\"u-flex\">\n                        <div className=\"u-flex u-flex-flex-start u-flex__item\">\n                            <div className=\"c-header__logo\">\n                                <a href={showHotelLinks ? hotel?.hotelUrl : ccx?.logoLink} onClick={closeMobileMenuClickHandler}>\n                                    {hotelImageElement}\n                                </a>\n                            </div>\n                            {!!showHotelLinks && links}\n                        </div>\n                        <div className=\"u-flex mx-100\">\n                            {configs}\n                            <div className=\"c-header__mobile-menu\">\n                                <span className=\"u-white u-pad-left\">\n                                    <Icon icon={IconType.Menu} size=\"26px\" color={Color.White} onClick={openMobileMenuClickHandler} />\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {mobileMenuOpen && (\n                <RoomstayPortal target={RoomstayThemeEngine.EngineContainer}>\n                    <FadeAnimation open={mobileMenuFaderStatus}>\n                        <div className={`mobile-header-menu ${mobileMenuFaderStatus ? '' : '--closing'}`}>\n                            <div className=\"mobile-header-menu--replica u-flex\">\n                                <div className=\"c-header__logo\">\n                                    <Link to=\"/\" onClick={closeMobileMenuClickHandler}>\n                                        {hotelImageElement}\n                                    </Link>\n                                </div>\n                                <div className=\"c-header__mobile-menu\">\n                                    <span className=\"u-white u-pad-left\">\n                                        <Icon icon={IconType.Close} size=\"26px\" color={Color.White} onClick={closeMobileMenuClickHandler} />\n                                    </span>\n                                </div>\n                            </div>\n                            <div className=\"mobile-header-menu--content\">\n                                {!!hotel && links}\n\n                                {configs}\n                            </div>\n                        </div>\n                    </FadeAnimation>\n                </RoomstayPortal>\n            )}\n            {MemberPortalFeature.isActive() && (\n                <Suspense fallback={<SmallSpinner />}>\n                    {roomstayMember || isFetchingMember ? (\n                        <AuthenticatedUserModal open={loginModalOpen} onClose={closeLoginClickHandler} onCloseMenu={closeMobileMenuClickHandler} anchorEl={loginAnchorEl} />\n                    ) : (\n                        <UnauthenticatedUserModal\n                            open={loginModalOpen}\n                            onClose={() => {\n                                closeLoginClickHandler();\n                                closeMobileMenuClickHandler();\n                            }}\n                            onOpenOnMobile={() => {\n                                onLoginClickHandler();\n                                openMobileMenuClickHandler();\n                            }}\n                            anchorEl={loginAnchorEl}\n                        />\n                    )}\n                </Suspense>\n            )}\n        </>\n    );\n}\n"]}

package/dist/src/components/navigation/StepSelector.js

@@ -45,7 +45,7 @@ function StepSelector() {
     const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const location = (0, react_router_dom_1.useLocation)();
-    const history = (0, react_router_dom_1.useHistory)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
     const steps = StepManager_1.default.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));
@@ -98,7 +98,7 @@ function StepSelector() {
                                 react_1.default.createElement("strong", null, stepName))),
                         react_1.default.createElement(LinkWithNextStepConfirmationDialog, { onClick: () => {
                                 const newLocation = Object.assign(Object.assign({}, location), { pathname: step.getStepUrl() });
-                                history.push(newLocation);
+                                navigate(newLocation);
                             } })));
                 })))),
         screenSize <= ScreenSize_1.default.Medium && react_1.default.createElement(StepSelectorModal_1.default, { isOpen: modalOpen, onClose: closeModal })));

package/dist/src/components/navigation/StepSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepSelector.js","sourceRoot":"/","sources":["src/components/navigation/StepSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAgG;AAChG,4DAAoC;AACpC,+CAAoD;AACpD,iDAA+C;AAC/C,uDAA2D;AAC3D,0DAAuD;AAEvD,uEAAgE;AAChE,kEAA2D;AAC3D,kGAA0E;AAC1E,iEAA2E;AAE3E,wCAAqC;AACrC,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,kCAAkC,GAAG,IAAA,kDAA8B,EAAC,CAAC,KAAU,EAAE,EAAE,CAAC,qDAAO,KAAK,IAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAM,CAAC,CAAC;AAE5I,SAAwB,YAAY;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,qBAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAErG,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,qBAAW,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IAEzE,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,eAAe;YACnD,uCAAK,SAAS,EAAC,gBAAgB;gBAC3B,wCAAM,SAAS,EAAC,yBAAyB;oBACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,GAAI,CAC9B;gBACP,uCAAK,SAAS,EAAC,aAAa;oBACxB,uCAAK,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACtC;gBACN,sCAAI,SAAS,EAAC,eAAe,IACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,SAAiB,EAAE,EAAE;oBACzC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAY,CAAC,CAAC;oBAExD,MAAM,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;oBAEjC,MAAM,UAAU,GAAG,gBAAgB,GAAG,UAAU,CAAC;oBAEjD,IAAI,UAAuB,CAAC;oBAC5B,IAAI,UAAU,EAAE;wBACZ,UAAU,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;qBAC/E;yBAAM;wBACH,UAAU,GAAG,CACT,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACtB,8CAAS,GAAG,GAAG,UAAU,CAAU,CAChC,CACV,CAAC;qBACL;oBAED,IAAI,WAAW,GAAG,KAAK,CAAC;oBAExB,IAAI,IAAI,EAAE;wBACN,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;wBAE1C,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;4BACvD,WAAW,GAAG,IAAI,CAAC;yBACtB;qBACJ;oBAED,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE;wBACrD,YAAY,EAAE,gBAAgB,KAAK,UAAU;wBAC7C,UAAU,EAAE,WAAW;wBACvB,aAAa,EAAE,UAAU;wBACzB,aAAa,EAAE,CAAC,UAAU,IAAI,gBAAgB,KAAK,UAAU,IAAI,CAAC,WAAW;qBAChF,CAAC,CAAC;oBAEH,OAAO,CACH,sCAAI,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,UAAU;wBAC1C,wCAAM,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAQ;wBAC1D;4BACI,wCAAM,SAAS,EAAC,kCAAkC;gCAC9C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oCACzC,8CAAS,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAU,CAC3H,CACJ;4BACP,8BAAC,cAAI;gCACD,8CAAS,QAAQ,CAAU,CACxB,CACL;wBACN,8BAAC,kCAAkC,IAC/B,OAAO,EAAE,GAAG,EAAE;gCACV,MAAM,WAAW,mCAAQ,QAAQ,KAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,GAAE,CAAC;gCACjE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;4BAC9B,CAAC,GACH,CACD,CACR,CAAC;gBACN,CAAC,CAAC,CACD,CACH,CACJ;QACL,UAAU,IAAI,oBAAU,CAAC,MAAM,IAAI,8BAAC,2BAAiB,IAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,GAAI,CAClG,CACN,CAAC;AACN,CAAC;AAjGD,+BAiGC","sourcesContent":["import { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport StepSelectorModal from '@/components/navigation/StepSelectorModal';\nimport { withNextStepConfirmationDialog } from '@/hooks/useNextStepAction';\nimport Step from '@/pages/steps/Step';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst LinkWithNextStepConfirmationDialog = withNextStepConfirmationDialog((props: any) => <a {...props} style={{ cursor: 'pointer' }}></a>);\n\nexport default function StepSelector() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n    const location = useLocation();\n    const history = useHistory();\n\n    const { t } = useTranslation();\n\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onDropdownClick = () => {\n        screenSize <= ScreenSize.Medium ? setModalOpen(true) : null;\n    };\n\n    const closeModal = () => {\n        setModalOpen(false);\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <>\n            <div className=\"step-dropdown\" onClick={onDropdownClick}>\n                <div className=\"step-container\">\n                    <span className=\"step-container-dropdown\">\n                        <Icon icon={IconType.Dropdown} />\n                    </span>\n                    <div className=\"step-awards\">\n                        <img alt=\"\" style={{ width: '80px' }} />\n                    </div>\n                    <ul className=\"step-selector\">\n                        {steps.map((step: Step, stepIndex: number) => {\n                            const stepName = t(step.getStepTranslation() as string);\n\n                            const prettyStep = stepIndex + 1;\n\n                            const isPrevStep = currentStepIndex > prettyStep;\n\n                            let stepNumber: JSX.Element;\n                            if (isPrevStep) {\n                                stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                            } else {\n                                stepNumber = (\n                                    <Text type={TextType.Small}>\n                                        <strong>{'0' + prettyStep}</strong>\n                                    </Text>\n                                );\n                            }\n\n                            let isClickable = false;\n\n                            if (step) {\n                                const stepValidator = step.getValidator();\n\n                                if (stepValidator && stepValidator.isValid(basketContext)) {\n                                    isClickable = true;\n                                }\n                            }\n\n                            const stepClassNames = classNames('step-selector__item', {\n                                'is-current': currentStepIndex === prettyStep,\n                                'is-valid': isClickable,\n                                'is-complete': isPrevStep,\n                                'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                            });\n\n                            return (\n                                <li className={stepClassNames} key={prettyStep}>\n                                    <span className=\"step-selector__count\">{stepNumber}</span>\n                                    <div>\n                                        <span className=\"step-selector__step-count-mobile\">\n                                            <Text type={TextType.Small} color={Color.Navy}>\n                                                <strong>{t(Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager.getSteps().length })}</strong>\n                                            </Text>\n                                        </span>\n                                        <Text>\n                                            <strong>{stepName}</strong>\n                                        </Text>\n                                    </div>\n                                    <LinkWithNextStepConfirmationDialog\n                                        onClick={() => {\n                                            const newLocation = { ...location, pathname: step.getStepUrl() };\n                                            history.push(newLocation);\n                                        }}\n                                    />\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            </div>\n            {screenSize <= ScreenSize.Medium && <StepSelectorModal isOpen={modalOpen} onClose={closeModal} />}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepSelector.js","sourceRoot":"/","sources":["src/components/navigation/StepSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport StepSelectorModal from '@/components/navigation/StepSelectorModal';\nimport { withNextStepConfirmationDialog } from '@/hooks/useNextStepAction';\nimport Step from '@/pages/steps/Step';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst LinkWithNextStepConfirmationDialog = withNextStepConfirmationDialog((props: any) => <a {...props} style={{ cursor: 'pointer' }}></a>);\n\nexport default function StepSelector() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n    const location = useLocation();\n    const navigate = useNavigate();\n\n    const { t } = useTranslation();\n\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onDropdownClick = () => {\n        screenSize <= ScreenSize.Medium ? setModalOpen(true) : null;\n    };\n\n    const closeModal = () => {\n        setModalOpen(false);\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <>\n            <div className=\"step-dropdown\" onClick={onDropdownClick}>\n                <div className=\"step-container\">\n                    <span className=\"step-container-dropdown\">\n                        <Icon icon={IconType.Dropdown} />\n                    </span>\n                    <div className=\"step-awards\">\n                        <img alt=\"\" style={{ width: '80px' }} />\n                    </div>\n                    <ul className=\"step-selector\">\n                        {steps.map((step: Step, stepIndex: number) => {\n                            const stepName = t(step.getStepTranslation() as string);\n\n                            const prettyStep = stepIndex + 1;\n\n                            const isPrevStep = currentStepIndex > prettyStep;\n\n                            let stepNumber: JSX.Element;\n                            if (isPrevStep) {\n                                stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                            } else {\n                                stepNumber = (\n                                    <Text type={TextType.Small}>\n                                        <strong>{'0' + prettyStep}</strong>\n                                    </Text>\n                                );\n                            }\n\n                            let isClickable = false;\n\n                            if (step) {\n                                const stepValidator = step.getValidator();\n\n                                if (stepValidator && stepValidator.isValid(basketContext)) {\n                                    isClickable = true;\n                                }\n                            }\n\n                            const stepClassNames = classNames('step-selector__item', {\n                                'is-current': currentStepIndex === prettyStep,\n                                'is-valid': isClickable,\n                                'is-complete': isPrevStep,\n                                'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                            });\n\n                            return (\n                                <li className={stepClassNames} key={prettyStep}>\n                                    <span className=\"step-selector__count\">{stepNumber}</span>\n                                    <div>\n                                        <span className=\"step-selector__step-count-mobile\">\n                                            <Text type={TextType.Small} color={Color.Navy}>\n                                                <strong>{t(Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager.getSteps().length })}</strong>\n                                            </Text>\n                                        </span>\n                                        <Text>\n                                            <strong>{stepName}</strong>\n                                        </Text>\n                                    </div>\n                                    <LinkWithNextStepConfirmationDialog\n                                        onClick={() => {\n                                            const newLocation = { ...location, pathname: step.getStepUrl() };\n                                            navigate(newLocation);\n                                        }}\n                                    />\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            </div>\n            {screenSize <= ScreenSize.Medium && <StepSelectorModal isOpen={modalOpen} onClose={closeModal} />}\n        </>\n    );\n}\n"]}

package/dist/src/components/navigation/StepSelectorModal.js

@@ -40,6 +40,7 @@ const StepManager_1 = __importDefault(require("../../util/StepManager"));
 function StepSelectorModal(props) {
     const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const location = (0, react_router_dom_1.useLocation)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const steps = StepManager_1.default.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));
     const onModalClose = () => {
@@ -81,7 +82,10 @@ function StepSelectorModal(props) {
                 react_1.default.createElement("div", null,
                     react_1.default.createElement(Text_1.default, null,
                         react_1.default.createElement("strong", null, stepName))),
-                react_1.default.createElement(react_router_dom_1.Link, { to: step.getStepUrl() })));
+                react_1.default.createElement(react_router_dom_1.Link, { to: {
+                        pathname: step.getStepUrl(),
+                        search: location.search,
+                    } })));
         }))));
 }
 exports.default = StepSelectorModal;