@roomstay/frontend 1.6.0 → 2.0.0-1

package/dist/src/events/index.js

@@ -1,27 +1,30 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./views/StepCheckoutViewEvent"), exports);
-__exportStar(require("./views/StepDateViewEvent"), exports);
-__exportStar(require("./views/StepHotelInfoViewEvent"), exports);
-__exportStar(require("./views/StepHotelViewEvent"), exports);
-__exportStar(require("./views/StepAddonViewEvent"), exports);
-__exportStar(require("./views/StepThanksViewEvent"), exports);
-__exportStar(require("./views/FindReservationViewEvent"), exports);
-__exportStar(require("./views/FindReservationResultsViewEvent"), exports);
-__exportStar(require("./actions/AddToCartEvent"), exports);
-__exportStar(require("./actions/RemoveFromCartEvent"), exports);
-__exportStar(require("./actions/InitialHotelDetailsEvent"), exports);
-__exportStar(require("./actions/GuestSearchEvent"), exports);
-__exportStar(require("./actions/RoomListSearchEvent"), exports);
-__exportStar(require("./actions/Promotion/PromotionAddedEvent"), exports);
+__exportStar(require("events/views/StepCheckoutViewEvent"), exports);
+__exportStar(require("events/views/StepDateViewEvent"), exports);
+__exportStar(require("events/views/StepHotelInfoViewEvent"), exports);
+__exportStar(require("events/views/StepHotelViewEvent"), exports);
+__exportStar(require("events/views/StepAddonViewEvent"), exports);
+__exportStar(require("events/views/StepThanksViewEvent"), exports);
+__exportStar(require("events/views/FindReservationViewEvent"), exports);
+__exportStar(require("events/views/FindReservationResultsViewEvent"), exports);
+__exportStar(require("events/actions/AddToCartEvent"), exports);
+__exportStar(require("events/actions/RemoveFromCartEvent"), exports);
+__exportStar(require("events/actions/InitialHotelDetailsEvent"), exports);
+__exportStar(require("events/actions/GuestSearchEvent"), exports);
+__exportStar(require("events/actions/RoomListSearchEvent"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/events/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/events/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAC9C,4DAA0C;AAC1C,iEAA+C;AAC/C,6DAA2C;AAC3C,6DAA2C;AAC3C,8DAA4C;AAC5C,mEAAiD;AACjD,0EAAwD;AAExD,2DAAyC;AACzC,gEAA8C;AAC9C,qEAAmD;AACnD,6DAA2C;AAC3C,gEAA8C;AAE9C,0EAAwD","sourcesContent":["export * from './views/StepCheckoutViewEvent';\nexport * from './views/StepDateViewEvent';\nexport * from './views/StepHotelInfoViewEvent';\nexport * from './views/StepHotelViewEvent';\nexport * from './views/StepAddonViewEvent';\nexport * from './views/StepThanksViewEvent';\nexport * from './views/FindReservationViewEvent';\nexport * from './views/FindReservationResultsViewEvent';\n\nexport * from './actions/AddToCartEvent';\nexport * from './actions/RemoveFromCartEvent';\nexport * from './actions/InitialHotelDetailsEvent';\nexport * from './actions/GuestSearchEvent';\nexport * from './actions/RoomListSearchEvent';\n\nexport * from './actions/Promotion/PromotionAddedEvent';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/events/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qEAAmD;AACnD,iEAA+C;AAC/C,sEAAoD;AACpD,kEAAgD;AAChD,kEAAgD;AAChD,mEAAiD;AACjD,wEAAsD;AACtD,+EAA6D;AAE7D,gEAA8C;AAC9C,qEAAmD;AACnD,0EAAwD;AACxD,kEAAgD;AAChD,qEAAmD","sourcesContent":["export * from 'events/views/StepCheckoutViewEvent';\nexport * from 'events/views/StepDateViewEvent';\nexport * from 'events/views/StepHotelInfoViewEvent';\nexport * from 'events/views/StepHotelViewEvent';\nexport * from 'events/views/StepAddonViewEvent';\nexport * from 'events/views/StepThanksViewEvent';\nexport * from 'events/views/FindReservationViewEvent';\nexport * from 'events/views/FindReservationResultsViewEvent';\n\nexport * from 'events/actions/AddToCartEvent';\nexport * from 'events/actions/RemoveFromCartEvent';\nexport * from 'events/actions/InitialHotelDetailsEvent';\nexport * from 'events/actions/GuestSearchEvent';\nexport * from 'events/actions/RoomListSearchEvent';\n"]}

package/dist/src/events/views/StepCheckoutViewEvent.d.ts

@@ -1,5 +1,5 @@
-import BasketRow from '../../models/BasketRow';
-import { RoomstayEvent } from '../RoomstayEvent';
+import BasketRow from 'models/BasketRow';
+import { RoomstayEvent } from 'events/RoomstayEvent';
 export declare class StepCheckoutViewEvent extends RoomstayEvent {
     basketRows: BasketRow[];
     constructor(rows: BasketRow[]);

package/dist/src/events/views/StepCheckoutViewEvent.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepCheckoutViewEvent = void 0;
-const RoomstayEvent_1 = require("../RoomstayEvent");
+const RoomstayEvent_1 = require("events/RoomstayEvent");
 class StepCheckoutViewEvent extends RoomstayEvent_1.RoomstayEvent {
     constructor(rows) {
         super();

package/dist/src/events/views/StepCheckoutViewEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepCheckoutViewEvent.js","sourceRoot":"/","sources":["src/events/views/StepCheckoutViewEvent.ts"],"names":[],"mappings":";;;AACA,oDAAiD;AAEjD,MAAa,qBAAsB,SAAQ,6BAAa;IAEpD,YAAmB,IAAiB;QAChC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,QAAQ;QACX,OAAO,eAAe,CAAC;IAC3B,CAAC;CACJ;AAXD,sDAWC","sourcesContent":["import BasketRow from '../../models/BasketRow';\nimport { RoomstayEvent } from '../RoomstayEvent';\n\nexport class StepCheckoutViewEvent extends RoomstayEvent {\n    public basketRows: BasketRow[];\n    public constructor(rows: BasketRow[]) {\n        super();\n\n        this.basketRows = rows;\n    }\n\n    static getLabel(): string {\n        return 'View/Checkout';\n    }\n}\n"]}
+{"version":3,"file":"StepCheckoutViewEvent.js","sourceRoot":"/","sources":["src/events/views/StepCheckoutViewEvent.ts"],"names":[],"mappings":";;;AACA,wDAAqD;AAErD,MAAa,qBAAsB,SAAQ,6BAAa;IAEpD,YAAmB,IAAiB;QAChC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,QAAQ;QACX,OAAO,eAAe,CAAC;IAC3B,CAAC;CACJ;AAXD,sDAWC","sourcesContent":["import BasketRow from 'models/BasketRow';\nimport { RoomstayEvent } from 'events/RoomstayEvent';\n\nexport class StepCheckoutViewEvent extends RoomstayEvent {\n    public basketRows: BasketRow[];\n    public constructor(rows: BasketRow[]) {\n        super();\n\n        this.basketRows = rows;\n    }\n\n    static getLabel(): string {\n        return 'View/Checkout';\n    }\n}\n"]}

package/dist/src/hooks/AutoFocusOnSelect.d.ts

@@ -0,0 +1,13 @@
+interface UseAutoFocusOnSelectProps {
+    ref: HTMLInputElement | null;
+    onlyAutoOpenWhenInputEmpty?: boolean;
+    focusOnSelected?: boolean;
+}
+export declare const useAutoFocusOnSelect: ({ ref, onlyAutoOpenWhenInputEmpty, focusOnSelected }: UseAutoFocusOnSelectProps) => {
+    isFocused: boolean;
+    isDropdownOpen: boolean;
+    onDropdownClosed: (e: MouseEvent) => void;
+    onTriggerClicked: () => void;
+    onItemSelected: () => void;
+};
+export {};

package/dist/src/hooks/AutoFocusOnSelect.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoFocusOnSelect = void 0;
+const react_1 = require("react");
+const Debounce_1 = require("../util/Debounce");
+const duration = 300;
+const useAutoFocusOnSelect = ({ ref, onlyAutoOpenWhenInputEmpty = false, focusOnSelected = true }) => {
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
+    const lockOpen = (0, react_1.useRef)(false);
+    const timeout = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => clearTimeout(timeout.current), []);
+    const debounceSetFocus = (0, react_1.useCallback)((0, Debounce_1.debounce)((value) => {
+        setIsFocused(value);
+    }, duration), []);
+    const onTriggerClicked = () => {
+        setIsDropdownOpen(true);
+        debounceSetFocus(true);
+    };
+    const onDropdownClosed = (e) => {
+        const composedPath = e.composedPath();
+        if (composedPath.some((el) => { var _a; return (_a = el.isSameNode) === null || _a === void 0 ? void 0 : _a.call(el, ref); })) {
+            return;
+        }
+        if (!lockOpen.current) {
+            setIsDropdownOpen(false);
+        }
+        debounceSetFocus(false);
+    };
+    const onItemSelected = () => {
+        if (!lockOpen.current)
+            setIsDropdownOpen(false);
+        if (focusOnSelected)
+            ref === null || ref === void 0 ? void 0 : ref.focus();
+        else
+            ref === null || ref === void 0 ? void 0 : ref.blur();
+    };
+    const _onFocus = (0, react_1.useCallback)(() => {
+        if (!isFocused) {
+            if (!onlyAutoOpenWhenInputEmpty || !(ref === null || ref === void 0 ? void 0 : ref.value)) {
+                setIsDropdownOpen(true);
+                lockOpen.current = true;
+                timeout.current = setTimeout(() => {
+                    lockOpen.current = false;
+                }, duration);
+            }
+        }
+        debounceSetFocus(true);
+    }, [setIsFocused, isFocused, isDropdownOpen, setIsDropdownOpen]);
+    const _onBlur = (0, react_1.useCallback)(() => {
+        debounceSetFocus(false);
+    }, [setIsFocused]);
+    (0, react_1.useEffect)(() => {
+        if (!ref)
+            return;
+        ref.addEventListener('focus', _onFocus);
+        ref.addEventListener('blur', _onBlur);
+        ref.addEventListener('click', _onFocus);
+        return () => {
+            if (!ref)
+                return;
+            ref.removeEventListener('focus', _onFocus);
+            ref.removeEventListener('blur', _onBlur);
+            ref.removeEventListener('click', _onFocus);
+        };
+    }, [ref, _onFocus, _onBlur]);
+    return {
+        isFocused,
+        isDropdownOpen,
+        onDropdownClosed,
+        onTriggerClicked,
+        onItemSelected,
+    };
+};
+exports.useAutoFocusOnSelect = useAutoFocusOnSelect;
+//# sourceMappingURL=AutoFocusOnSelect.js.map

package/dist/src/hooks/AutoFocusOnSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFocusOnSelect.js","sourceRoot":"/","sources":["src/hooks/AutoFocusOnSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';\nimport { debounce } from '../util/Debounce';\n\ninterface UseAutoFocusOnSelectProps {\n    ref: HTMLInputElement | null;\n    onlyAutoOpenWhenInputEmpty?: boolean;\n    focusOnSelected?: boolean;\n}\n\nconst duration = 300;\n\nexport const useAutoFocusOnSelect = ({ ref, onlyAutoOpenWhenInputEmpty = false, focusOnSelected = true }: UseAutoFocusOnSelectProps) => {\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const lockOpen = useRef<boolean>(false);\n    const timeout = useRef<NodeJS.Timeout>();\n\n    useEffect(() => clearTimeout(timeout.current), []);\n\n    const debounceSetFocus = useCallback(\n        debounce((value) => {\n            setIsFocused(value);\n        }, duration),\n        []\n    );\n\n    const onTriggerClicked = () => {\n        setIsDropdownOpen(true);\n        debounceSetFocus(true);\n    };\n\n    const onDropdownClosed = (e: MouseEvent) => {\n        const composedPath = e.composedPath() as HTMLElement[];\n        if (composedPath.some((el) => el.isSameNode?.(ref))) {\n            return;\n        }\n        if (!lockOpen.current) {\n            setIsDropdownOpen(false);\n        }\n        debounceSetFocus(false);\n    };\n\n    const onItemSelected = () => {\n        if (!lockOpen.current) setIsDropdownOpen(false);\n        if (focusOnSelected) ref?.focus();\n        else ref?.blur();\n    };\n\n    const _onFocus = useCallback(() => {\n        if (!isFocused) {\n            if (!onlyAutoOpenWhenInputEmpty || !ref?.value) {\n                setIsDropdownOpen(true);\n                lockOpen.current = true;\n                timeout.current = setTimeout(() => {\n                    lockOpen.current = false;\n                }, duration);\n            }\n        }\n        debounceSetFocus(true);\n    }, [setIsFocused, isFocused, isDropdownOpen, setIsDropdownOpen]);\n\n    const _onBlur = useCallback(() => {\n        debounceSetFocus(false);\n    }, [setIsFocused]);\n\n    useEffect(() => {\n        if (!ref) return;\n        ref.addEventListener('focus', _onFocus);\n        ref.addEventListener('blur', _onBlur);\n        ref.addEventListener('click', _onFocus);\n        return () => {\n            if (!ref) return;\n            ref.removeEventListener('focus', _onFocus);\n            ref.removeEventListener('blur', _onBlur);\n            ref.removeEventListener('click', _onFocus);\n        };\n    }, [ref, _onFocus, _onBlur]);\n    return {\n        isFocused,\n        isDropdownOpen,\n        onDropdownClosed,\n        onTriggerClicked,\n        onItemSelected,\n    };\n};\n"]}

package/dist/src/hooks/BodyClickHook.d.ts

@@ -0,0 +1,10 @@
+type MouseClickListener = (e: MouseEvent) => void;
+export declare const useBodyClick: () => {
+    onBodyClick: (event: MouseClickListener, target?: Document) => {
+        remove: () => void;
+    };
+    onBodyClickExcept: (event: MouseClickListener, ignore: HTMLElement, target?: Document) => {
+        remove: () => void;
+    };
+};
+export {};

package/dist/src/hooks/BodyClickHook.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBodyClick = void 0;
+const useBodyClick = () => {
+    const removeEvent = (event, target = document) => {
+        target.removeEventListener('click', event);
+    };
+    const onBodyClick = (event, target = document) => {
+        const mappedEvent = (e) => {
+            return event(e);
+        };
+        target.addEventListener('click', mappedEvent);
+        return {
+            remove: () => {
+                removeEvent(mappedEvent, target);
+            },
+        };
+    };
+    const onBodyClickExcept = (event, ignore, target = document) => {
+        const response = onBodyClick((e) => {
+            var _a;
+            for (const element of e.composedPath()) {
+                if ((_a = element.isSameNode) === null || _a === void 0 ? void 0 : _a.call(element, ignore)) {
+                    // Preventing the event from taking place, as it's in the ignored list.
+                    return;
+                }
+            }
+            // Assuming target click isn't in the ignore area, proceed with the event
+            event(e);
+        }, target);
+        return response;
+    };
+    return { onBodyClick, onBodyClickExcept };
+};
+exports.useBodyClick = useBodyClick;
+//# sourceMappingURL=BodyClickHook.js.map

package/dist/src/hooks/BodyClickHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyClickHook.js","sourceRoot":"/","sources":["src/hooks/BodyClickHook.ts"],"names":[],"mappings":";;;AAEO,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QACjE,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QACjE,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YAClC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9C,OAAO;YACH,MAAM,EAAE,GAAG,EAAE;gBACT,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YACrC,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAyB,EAAE,MAAmB,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;QAC5F,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;;YAC3C,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC,YAAY,EAAmB,EAAE;gBACrD,IAAI,MAAA,OAAO,CAAC,UAAU,wDAAG,MAAM,CAAC,EAAE;oBAC9B,uEAAuE;oBACvE,OAAO;iBACV;aACJ;YAED,yEAAyE;YACzE,KAAK,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB","sourcesContent":["type MouseClickListener = (e: MouseEvent) => void;\n\nexport const useBodyClick = () => {\n    const removeEvent = (event: MouseClickListener, target = document) => {\n        target.removeEventListener('click', event);\n    };\n\n    const onBodyClick = (event: MouseClickListener, target = document) => {\n        const mappedEvent = (e: MouseEvent) => {\n            return event(e);\n        };\n\n        target.addEventListener('click', mappedEvent);\n\n        return {\n            remove: () => {\n                removeEvent(mappedEvent, target);\n            },\n        };\n    };\n\n    const onBodyClickExcept = (event: MouseClickListener, ignore: HTMLElement, target = document) => {\n        const response = onBodyClick((e: MouseEvent) => {\n            for (const element of e.composedPath() as HTMLElement[]) {\n                if (element.isSameNode?.(ignore)) {\n                    // Preventing the event from taking place, as it's in the ignored list.\n                    return;\n                }\n            }\n\n            // Assuming target click isn't in the ignore area, proceed with the event\n            event(e);\n        }, target);\n\n        return response;\n    };\n    return { onBodyClick, onBodyClickExcept };\n};\n"]}

package/dist/src/hooks/CombineState.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useCombinedState: <T>(value?: T, defaultValue?: T) => [T, Dispatch<SetStateAction<T>>];

package/dist/src/hooks/CombineState.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCombinedState = void 0;
+const react_1 = require("react");
+const useCombinedState = (value, defaultValue) => {
+    const [_value, _setValue] = (0, react_1.useState)(defaultValue);
+    return [value === undefined ? _value : value, _setValue];
+};
+exports.useCombinedState = useCombinedState;
+//# sourceMappingURL=CombineState.js.map

package/dist/src/hooks/CombineState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CombineState.js","sourceRoot":"/","sources":["src/hooks/CombineState.ts"],"names":[],"mappings":";;;AAAA,iCAA2D;AAEpD,MAAM,gBAAgB,GAAG,CAAI,KAAS,EAAE,YAAgB,EAAoC,EAAE;IACjG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAI,YAAY,CAAC,CAAC;IACtD,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC7D,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react';\n\nexport const useCombinedState = <T>(value?: T, defaultValue?: T): [T, Dispatch<SetStateAction<T>>] => {\n    const [_value, _setValue] = useState<T>(defaultValue);\n    return [value === undefined ? _value : value, _setValue];\n};\n"]}

package/dist/src/hooks/ConfirmationQuery.d.ts

@@ -0,0 +1,5 @@
+export declare const useConfirmationQuery: () => {
+    queryPaymentMethod: string;
+    queryRoomstayId: string;
+    queryPlanpayCheckoutId: string;
+};

package/dist/src/hooks/ConfirmationQuery.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConfirmationQuery = void 0;
+const react_1 = require("react");
+const Query_1 = require("./Query");
+const useConfirmationQuery = () => {
+    const query = (0, Query_1.useQuery)();
+    const hashQuery = (0, Query_1.useHashParams)();
+    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId] = (0, react_1.useMemo)(() => ['paymentMethod', 'roomstayId', 'planpay_checkout_id'].map((name) => hashQuery.get(name) || query.get(name)), [query]);
+    return {
+        queryPaymentMethod,
+        queryRoomstayId,
+        queryPlanpayCheckoutId,
+    };
+};
+exports.useConfirmationQuery = useConfirmationQuery;
+//# sourceMappingURL=ConfirmationQuery.js.map

package/dist/src/hooks/ConfirmationQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationQuery.js","sourceRoot":"/","sources":["src/hooks/ConfirmationQuery.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,mCAAkD;AAE3C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAa,GAAE,CAAC;IAClC,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,sBAAsB,CAAC,GAAG,IAAA,eAAO,EACzE,GAAG,EAAE,CAAC,CAAC,eAAe,EAAE,YAAY,EAAE,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAClH,CAAC,KAAK,CAAC,CACV,CAAC;IACF,OAAO;QACH,kBAAkB;QAClB,eAAe;QACf,sBAAsB;KACzB,CAAC;AACN,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B","sourcesContent":["import { useMemo } from 'react';\nimport { useHashParams, useQuery } from './Query';\n\nexport const useConfirmationQuery = () => {\n    const query = useQuery();\n    const hashQuery = useHashParams();\n    const [queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId] = useMemo(\n        () => ['paymentMethod', 'roomstayId', 'planpay_checkout_id'].map((name) => hashQuery.get(name) || query.get(name)),\n        [query]\n    );\n    return {\n        queryPaymentMethod,\n        queryRoomstayId,\n        queryPlanpayCheckoutId,\n    };\n};\n"]}

package/dist/src/hooks/CurrentHotelHook.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrentHotel = void 0;
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const NoCompanyContextError_1 = require("../errors/NoCompanyContextError");
-exports.useCurrentHotel = () => {
-    const companyContext = react_1.useContext(contexts_1.CompanyContext);
+const NoCompanyContextError_1 = require("errors/NoCompanyContextError");
+const useCurrentHotel = () => {
+    const companyContext = (0, react_1.useContext)(contexts_1.CompanyContext);
     if (!companyContext) {
         throw new NoCompanyContextError_1.NoCompanyContextError();
     }
@@ -23,4 +23,5 @@ exports.useCurrentHotel = () => {
         },
     };
 };
+exports.useCurrentHotel = useCurrentHotel;
 //# sourceMappingURL=CurrentHotelHook.js.map

package/dist/src/hooks/CurrentHotelHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentHotelHook.js","sourceRoot":"/","sources":["src/hooks/CurrentHotelHook.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,iDAAoD;AACpD,2EAAwE;AAE3D,QAAA,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,cAAc,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAC;IAElD,IAAI,CAAC,cAAc,EAAE;QACjB,MAAM,IAAI,6CAAqB,EAAE,CAAC;KACrC;IAED,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE;QAChB,KAAK,MAAM,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE;YAC9C,IAAI,cAAc,CAAC,eAAe,GAAG,EAAE,KAAK,YAAY,CAAC,OAAO,GAAG,EAAE,EAAE;gBACnE,OAAO,YAAY,CAAC;aACvB;SACJ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;QACH,KAAK;QAEL,WAAW,EAAE,CAAC,UAAkB,EAAE,EAAE;YAChC,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\nimport { NoCompanyContextError } from '../errors/NoCompanyContextError';\n\nexport const useCurrentHotel = () => {\n    const companyContext = useContext(CompanyContext);\n\n    if (!companyContext) {\n        throw new NoCompanyContextError();\n    }\n\n    const hotel = (() => {\n        for (const companyHotel of companyContext.hotels) {\n            if (companyContext.selectedHotelID + '' === companyHotel.hotelID + '') {\n                return companyHotel;\n            }\n        }\n    })();\n\n    return {\n        hotel,\n\n        changeHotel: (newHotelID: string) => {\n            companyContext.changeHotel(newHotelID);\n        },\n    };\n};\n"]}
+{"version":3,"file":"CurrentHotelHook.js","sourceRoot":"/","sources":["src/hooks/CurrentHotelHook.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,iDAAoD;AACpD,wEAAqE;AAE9D,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAElD,IAAI,CAAC,cAAc,EAAE;QACjB,MAAM,IAAI,6CAAqB,EAAE,CAAC;KACrC;IAED,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE;QAChB,KAAK,MAAM,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE;YAC9C,IAAI,cAAc,CAAC,eAAe,GAAG,EAAE,KAAK,YAAY,CAAC,OAAO,GAAG,EAAE,EAAE;gBACnE,OAAO,YAAY,CAAC;aACvB;SACJ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;QACH,KAAK;QAEL,WAAW,EAAE,CAAC,UAAkB,EAAE,EAAE;YAChC,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,eAAe,mBAsB1B","sourcesContent":["import { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\nimport { NoCompanyContextError } from 'errors/NoCompanyContextError';\n\nexport const useCurrentHotel = () => {\n    const companyContext = useContext(CompanyContext);\n\n    if (!companyContext) {\n        throw new NoCompanyContextError();\n    }\n\n    const hotel = (() => {\n        for (const companyHotel of companyContext.hotels) {\n            if (companyContext.selectedHotelID + '' === companyHotel.hotelID + '') {\n                return companyHotel;\n            }\n        }\n    })();\n\n    return {\n        hotel,\n\n        changeHotel: (newHotelID: string) => {\n            companyContext.changeHotel(newHotelID);\n        },\n    };\n};\n"]}

package/dist/src/hooks/ElementSortHook.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-export declare type OrderableReactNode = {
+export type OrderableReactNode = {
     priority: number;
     component: ReactNode;
 };
-export declare type OrderableReactList = {
+export type OrderableReactList = {
     [name: string]: OrderableReactNode;
 };
 export declare const useElementSort: (list: OrderableReactList) => {

package/dist/src/hooks/ElementSortHook.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useElementSort = void 0;
 const React = require("react");
 const react_1 = require("react");
-exports.useElementSort = (list) => {
-    const [sortedComponents, setSortedComponents] = react_1.useState([]);
-    react_1.useEffect(() => {
+const useElementSort = (list) => {
+    const [sortedComponents, setSortedComponents] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
         const valueArray = Object.values(list)
             .sort((firstValue, nextValue) => {
             return firstValue.priority - nextValue.priority;
@@ -17,4 +17,5 @@ exports.useElementSort = (list) => {
         sortedComponents,
     };
 };
+exports.useElementSort = useElementSort;
 //# sourceMappingURL=ElementSortHook.js.map

package/dist/src/hooks/ElementSortHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementSortHook.js","sourceRoot":"/","sources":["src/hooks/ElementSortHook.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAiE;AAapD,QAAA,cAAc,GAAG,CAAC,IAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aACjC,IAAI,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE;YAC5B,OAAO,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACpD,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAC,SAAS,CAAY,CAAC,CAAC;QAE7E,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO;QACH,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { Fragment, ReactNode, useEffect, useState } from 'react';\n\nexport type OrderableReactNode = {\n    // TODO: Add complex references to other OrderableReactNodes to chain blocks, and keep references.\n    priority: number;\n    // TODO: Add a way to pass props through to children.\n    component: ReactNode;\n};\n\nexport type OrderableReactList = {\n    [name: string]: OrderableReactNode;\n};\n\nexport const useElementSort = (list: OrderableReactList) => {\n    const [sortedComponents, setSortedComponents] = useState([]);\n\n    useEffect(() => {\n        const valueArray = Object.values(list)\n            .sort((firstValue, nextValue) => {\n                return firstValue.priority - nextValue.priority;\n            })\n            .map((item, index) => <Fragment key={index}>{item.component}</Fragment>);\n\n        setSortedComponents(valueArray);\n    }, [list]);\n\n    return {\n        sortedComponents,\n    };\n};\n"]}
+{"version":3,"file":"ElementSortHook.js","sourceRoot":"/","sources":["src/hooks/ElementSortHook.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAiE;AAa1D,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;aACjC,IAAI,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE;YAC5B,OAAO,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACpD,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAC,SAAS,CAAY,CAAC,CAAC;QAE7E,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO;QACH,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB","sourcesContent":["import * as React from 'react';\nimport { Fragment, ReactNode, useEffect, useState } from 'react';\n\nexport type OrderableReactNode = {\n    // TODO: Add complex references to other OrderableReactNodes to chain blocks, and keep references.\n    priority: number;\n    // TODO: Add a way to pass props through to children.\n    component: ReactNode;\n};\n\nexport type OrderableReactList = {\n    [name: string]: OrderableReactNode;\n};\n\nexport const useElementSort = (list: OrderableReactList) => {\n    const [sortedComponents, setSortedComponents] = useState([]);\n\n    useEffect(() => {\n        const valueArray = Object.values(list)\n            .sort((firstValue, nextValue) => {\n                return firstValue.priority - nextValue.priority;\n            })\n            .map((item, index) => <Fragment key={index}>{item.component}</Fragment>);\n\n        setSortedComponents(valueArray);\n    }, [list]);\n\n    return {\n        sortedComponents,\n    };\n};\n"]}

package/dist/src/hooks/EventHook.d.ts

@@ -1,6 +1,6 @@
-import { RoomstayEvent } from '../events/RoomstayEvent';
-import { RoomstayEventCallback } from '../events/RoomstayEventManager';
+import { RoomstayEvent } from 'events/RoomstayEvent';
+import { RoomstayEventCallback } from 'events/RoomstayEventManager';
 export declare const useEvent: () => {
     raise: (event: RoomstayEvent) => void;
-    on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback, id?: string) => void;
+    on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback) => void;
 };

package/dist/src/hooks/EventHook.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEvent = void 0;
-const RoomstayEventManager_1 = require("../events/RoomstayEventManager");
+const RoomstayEventManager_1 = require("events/RoomstayEventManager");
 // Thanks to Cerz for the idea
-exports.useEvent = () => {
+const useEvent = () => {
     return {
         raise: (event) => {
             RoomstayEventManager_1.default.raise(event);
         },
-        on: (eventType, callback, id) => {
-            RoomstayEventManager_1.default.addEvent(eventType, callback, id);
+        on: (eventType, callback) => {
+            RoomstayEventManager_1.default.addEvent(eventType, callback);
         },
     };
 };
+exports.useEvent = useEvent;
 //# sourceMappingURL=EventHook.js.map

package/dist/src/hooks/EventHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventHook.js","sourceRoot":"/","sources":["src/hooks/EventHook.tsx"],"names":[],"mappings":";;;AACA,yEAAgF;AAEhF,8BAA8B;AACjB,QAAA,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO;QACH,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC5B,8BAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,EAAE,EAAE,CAAC,SAAiC,EAAE,QAA+B,EAAE,EAAW,EAAE,EAAE;YACpF,8BAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { RoomstayEvent } from '../events/RoomstayEvent';\nimport manager, { RoomstayEventCallback } from '../events/RoomstayEventManager';\n\n// Thanks to Cerz for the idea\nexport const useEvent = () => {\n    return {\n        raise: (event: RoomstayEvent) => {\n            manager.raise(event);\n        },\n        on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback, id?: string) => {\n            manager.addEvent(eventType, callback, id);\n        },\n    };\n};\n"]}
+{"version":3,"file":"EventHook.js","sourceRoot":"/","sources":["src/hooks/EventHook.tsx"],"names":[],"mappings":";;;AACA,sEAA6E;AAE7E,8BAA8B;AACvB,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO;QACH,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC5B,8BAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,EAAE,EAAE,CAAC,SAAiC,EAAE,QAA+B,EAAE,EAAE;YACvE,8BAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB","sourcesContent":["import { RoomstayEvent } from 'events/RoomstayEvent';\nimport manager, { RoomstayEventCallback } from 'events/RoomstayEventManager';\n\n// Thanks to Cerz for the idea\nexport const useEvent = () => {\n    return {\n        raise: (event: RoomstayEvent) => {\n            manager.raise(event);\n        },\n        on: (eventType: RoomstayEvent | string, callback: RoomstayEventCallback) => {\n            manager.addEvent(eventType, callback);\n        },\n    };\n};\n"]}

package/dist/src/hooks/KeyboardControlOnSelect.d.ts

@@ -0,0 +1,13 @@
+export declare const useKeyboardControlOnSelect: <T>({ defaultOption, options, idName, overlayRef, isEnabled, onSelected, }: {
+    defaultOption?: T;
+    options: T[];
+    idName: keyof T;
+    overlayRef: HTMLDivElement;
+    isEnabled: boolean;
+    onSelected: (item: T) => void;
+}) => {
+    selectingItem: T;
+    onItemMouseEnter: (item: T) => void;
+    onItemMouseLeave: () => void;
+    onItemMouseMove: () => void;
+};

package/dist/src/hooks/KeyboardControlOnSelect.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeyboardControlOnSelect = void 0;
+const react_1 = require("react");
+const useKeyboardControlOnSelect = ({ defaultOption, options, idName, overlayRef, isEnabled, onSelected, }) => {
+    const [selectingItem, setSelectingItem] = (0, react_1.useState)(defaultOption);
+    const [focusedItem, setFocusedItem] = (0, react_1.useState)(null);
+    const [lockHover, setLockHover] = (0, react_1.useState)(false);
+    const _onKeyDown = (0, react_1.useCallback)((e) => {
+        switch (e.key) {
+            case 'ArrowUp': {
+                e.preventDefault();
+                setLockHover(true);
+                const index = options.findIndex((item) => (selectingItem === null || selectingItem === void 0 ? void 0 : selectingItem[idName]) === item[idName]);
+                const newIndex = index - 1 < 0 ? options.length - 1 : index - 1;
+                const newSelecting = options[newIndex];
+                setSelectingItem(newSelecting);
+                scrollIntoSelectingItem(newSelecting);
+                break;
+            }
+            case 'ArrowDown': {
+                e.preventDefault();
+                setLockHover(true);
+                const index = options.findIndex((item) => (selectingItem === null || selectingItem === void 0 ? void 0 : selectingItem[idName]) === item[idName]);
+                const newIndex = (index + 1) % options.length;
+                const newSelecting = options[newIndex];
+                setSelectingItem(newSelecting);
+                scrollIntoSelectingItem(newSelecting);
+                break;
+            }
+            case 'Tab':
+            case 'Enter': {
+                e.preventDefault();
+                const selectedItem = selectingItem || options[0];
+                if (selectedItem)
+                    onSelected(selectedItem);
+                break;
+            }
+            default:
+        }
+    }, [options, setSelectingItem, selectingItem]);
+    const scrollIntoSelectingItem = (selecting, smooth = true) => {
+        if (overlayRef) {
+            const index = options.findIndex((item) => selecting[idName] === item[idName]);
+            const childNodes = [...overlayRef.childNodes];
+            const scrollTop = childNodes.slice(0, index).reduce((result, node) => {
+                result += node.getBoundingClientRect().height;
+                return result;
+            }, 0);
+            const offset = overlayRef.clientHeight / 2;
+            const targetPosition = Math.max(scrollTop + childNodes[index].getBoundingClientRect().height - offset, 0);
+            if (smooth)
+                scrollTo(overlayRef, targetPosition, 200);
+            else
+                overlayRef.scrollTop = targetPosition;
+        }
+    };
+    const easeInOutQuad = function (t, b, c, d) {
+        t /= d / 2;
+        if (t < 1)
+            return (c / 2) * t * t + b;
+        t--;
+        return (-c / 2) * (t * (t - 2) - 1) + b;
+    };
+    const scrollTo = (element, to, duration) => {
+        const start = element.scrollTop, change = to - start, increment = 20;
+        let currentTime = 0;
+        const animateScroll = function () {
+            currentTime += increment;
+            element.scrollTop = easeInOutQuad(currentTime, start, change, duration);
+            if (currentTime < duration) {
+                setTimeout(animateScroll, increment);
+            }
+        };
+        animateScroll();
+    };
+    (0, react_1.useEffect)(() => setSelectingItem(focusedItem || defaultOption), [defaultOption, focusedItem]);
+    (0, react_1.useEffect)(() => {
+        if (isEnabled)
+            window.addEventListener('keydown', _onKeyDown);
+        return () => {
+            if (isEnabled)
+                window.removeEventListener('keydown', _onKeyDown);
+        };
+    }, [_onKeyDown, isEnabled]);
+    (0, react_1.useEffect)(() => {
+        setSelectingItem(options.find((item) => item[idName] === (selectingItem === null || selectingItem === void 0 ? void 0 : selectingItem[idName])));
+    }, [options]);
+    (0, react_1.useEffect)(() => {
+        if (isEnabled && overlayRef && defaultOption) {
+            scrollIntoSelectingItem(defaultOption, false);
+        }
+    }, [isEnabled, defaultOption, overlayRef]);
+    const onItemMouseEnter = (item) => {
+        if (!lockHover)
+            setFocusedItem(item);
+    };
+    const onItemMouseLeave = () => {
+        if (!lockHover)
+            setFocusedItem(null);
+    };
+    const onItemMouseMove = () => setLockHover(false);
+    return {
+        selectingItem,
+        onItemMouseEnter,
+        onItemMouseLeave,
+        onItemMouseMove,
+    };
+};
+exports.useKeyboardControlOnSelect = useKeyboardControlOnSelect;
+//# sourceMappingURL=KeyboardControlOnSelect.js.map

package/dist/src/hooks/KeyboardControlOnSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardControlOnSelect.js","sourceRoot":"/","sources":["src/hooks/KeyboardControlOnSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport const useKeyboardControlOnSelect = <T>({\n    defaultOption,\n    options,\n    idName,\n    overlayRef,\n    isEnabled,\n    onSelected,\n}: {\n    defaultOption?: T;\n    options: T[];\n    idName: keyof T;\n    overlayRef: HTMLDivElement;\n    isEnabled: boolean;\n    onSelected: (item: T) => void;\n}) => {\n    const [selectingItem, setSelectingItem] = useState<T | undefined>(defaultOption);\n    const [focusedItem, setFocusedItem] = useState<T | null>(null);\n    const [lockHover, setLockHover] = useState<boolean>(false);\n    const _onKeyDown = useCallback(\n        (e: KeyboardEvent) => {\n            switch (e.key) {\n                case 'ArrowUp': {\n                    e.preventDefault();\n                    setLockHover(true);\n                    const index = options.findIndex((item) => selectingItem?.[idName] === item[idName]);\n                    const newIndex = index - 1 < 0 ? options.length - 1 : index - 1;\n                    const newSelecting = options[newIndex];\n                    setSelectingItem(newSelecting);\n                    scrollIntoSelectingItem(newSelecting);\n                    break;\n                }\n                case 'ArrowDown': {\n                    e.preventDefault();\n                    setLockHover(true);\n                    const index = options.findIndex((item) => selectingItem?.[idName] === item[idName]);\n                    const newIndex = (index + 1) % options.length;\n                    const newSelecting = options[newIndex];\n                    setSelectingItem(newSelecting);\n                    scrollIntoSelectingItem(newSelecting);\n                    break;\n                }\n                case 'Tab':\n                case 'Enter': {\n                    e.preventDefault();\n                    const selectedItem = selectingItem || options[0];\n                    if (selectedItem) onSelected(selectedItem);\n                    break;\n                }\n                default:\n            }\n        },\n        [options, setSelectingItem, selectingItem]\n    );\n\n    const scrollIntoSelectingItem = (selecting: T, smooth = true) => {\n        if (overlayRef) {\n            const index = options.findIndex((item) => selecting[idName] === item[idName]);\n            const childNodes: HTMLDivElement[] = [...overlayRef.childNodes] as HTMLDivElement[];\n            const scrollTop = childNodes.slice(0, index).reduce<number>((result, node) => {\n                result += node.getBoundingClientRect().height;\n                return result;\n            }, 0);\n            const offset = overlayRef.clientHeight / 2;\n            const targetPosition = Math.max(scrollTop + childNodes[index].getBoundingClientRect().height - offset, 0);\n            if (smooth) scrollTo(overlayRef, targetPosition, 200);\n            else overlayRef.scrollTop = targetPosition;\n        }\n    };\n\n    const easeInOutQuad = function (t: number, b: number, c: number, d: number) {\n        t /= d / 2;\n        if (t < 1) return (c / 2) * t * t + b;\n        t--;\n        return (-c / 2) * (t * (t - 2) - 1) + b;\n    };\n\n    const scrollTo = (element: HTMLElement, to: number, duration: number) => {\n        const start = element.scrollTop,\n            change = to - start,\n            increment = 20;\n\n        let currentTime = 0;\n\n        const animateScroll = function () {\n            currentTime += increment;\n            element.scrollTop = easeInOutQuad(currentTime, start, change, duration);\n            if (currentTime < duration) {\n                setTimeout(animateScroll, increment);\n            }\n        };\n        animateScroll();\n    };\n\n    useEffect(() => setSelectingItem(focusedItem || defaultOption), [defaultOption, focusedItem]);\n\n    useEffect(() => {\n        if (isEnabled) window.addEventListener('keydown', _onKeyDown);\n        return () => {\n            if (isEnabled) window.removeEventListener('keydown', _onKeyDown);\n        };\n    }, [_onKeyDown, isEnabled]);\n\n    useEffect(() => {\n        setSelectingItem(options.find((item) => item[idName] === selectingItem?.[idName]));\n    }, [options]);\n\n    useEffect(() => {\n        if (isEnabled && overlayRef && defaultOption) {\n            scrollIntoSelectingItem(defaultOption, false);\n        }\n    }, [isEnabled, defaultOption, overlayRef]);\n\n    const onItemMouseEnter = (item: T) => {\n        if (!lockHover) setFocusedItem(item);\n    };\n\n    const onItemMouseLeave = () => {\n        if (!lockHover) setFocusedItem(null);\n    };\n\n    const onItemMouseMove = () => setLockHover(false);\n\n    return {\n        selectingItem,\n        onItemMouseEnter,\n        onItemMouseLeave,\n        onItemMouseMove,\n    };\n};\n"]}

package/dist/src/hooks/LoggedInUserHook.d.ts

@@ -0,0 +1,10 @@
+import { IRoomstayMemberBooking } from '@roomstay/core';
+export declare const useMember: () => {
+    user: import("@roomstay/core").IRoomstayMember;
+    fullName: string;
+    allBookings: IRoomstayMemberBooking[];
+    cancelledBookings: import("@frontend/contexts").IRoomstayMemberBookingItemWithRef[];
+    pastBookings: import("@frontend/contexts").IRoomstayMemberBookingItemWithRef[];
+    upcomingBookings: import("@frontend/contexts").IRoomstayMemberBookingItemWithRef[];
+    getItinerary: (id: string) => IRoomstayMemberBooking;
+};

package/dist/src/hooks/LoggedInUserHook.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMember = void 0;
+const contexts_1 = require("@frontend/contexts");
+const react_1 = require("react");
+const useMember = () => {
+    const { roomstayMember, allBookings, cancelledBookings, upcomingBookings, pastBookings } = (0, react_1.useContext)(contexts_1.RoomstayMemberContext);
+    const [fullName, setFullName] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        if (roomstayMember) {
+            setFullName(`${roomstayMember.forename} ${roomstayMember.surname}`);
+        }
+        else {
+            setFullName('');
+        }
+    }, [roomstayMember]);
+    const getItinerary = (id) => {
+        for (const booking of allBookings) {
+            if (booking.itineraryId === id) {
+                return booking;
+            }
+        }
+        return null;
+    };
+    /**
+     * TODO:
+     *
+     * Add:
+     *  * Is authenticated
+     *  * Is Loading User
+     */
+    return {
+        user: roomstayMember,
+        fullName,
+        allBookings,
+        cancelledBookings,
+        pastBookings,
+        upcomingBookings,
+        getItinerary,
+    };
+};
+exports.useMember = useMember;
+//# sourceMappingURL=LoggedInUserHook.js.map

package/dist/src/hooks/LoggedInUserHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoggedInUserHook.js","sourceRoot":"/","sources":["src/hooks/LoggedInUserHook.ts"],"names":[],"mappings":";;;AAAA,iDAA2D;AAG3D,iCAAwD;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7H,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,cAAc,EAAE;YAChB,WAAW,CAAC,GAAG,cAAc,CAAC,QAAQ,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;SACvE;aAAM;YACH,WAAW,CAAC,EAAE,CAAC,CAAC;SACnB;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,CAAC,EAAU,EAA0B,EAAE;QACxD,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;YAC/B,IAAI,OAAO,CAAC,WAAW,KAAK,EAAE,EAAE;gBAC5B,OAAO,OAAO,CAAC;aAClB;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF;;;;;;OAMG;IACH,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,QAAQ;QACR,WAAW;QAEX,iBAAiB;QACjB,YAAY;QACZ,gBAAgB;QAEhB,YAAY;KACf,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberBooking } from '@roomstay/core';\n\nimport { useContext, useEffect, useState } from 'react';\n\nexport const useMember = () => {\n    const { roomstayMember, allBookings, cancelledBookings, upcomingBookings, pastBookings } = useContext(RoomstayMemberContext);\n    const [fullName, setFullName] = useState('');\n\n    useEffect(() => {\n        if (roomstayMember) {\n            setFullName(`${roomstayMember.forename} ${roomstayMember.surname}`);\n        } else {\n            setFullName('');\n        }\n    }, [roomstayMember]);\n\n    const getItinerary = (id: string): IRoomstayMemberBooking => {\n        for (const booking of allBookings) {\n            if (booking.itineraryId === id) {\n                return booking;\n            }\n        }\n\n        return null;\n    };\n\n    /**\n     * TODO:\n     *\n     * Add:\n     *  * Is authenticated\n     *  * Is Loading User\n     */\n    return {\n        user: roomstayMember,\n        fullName,\n        allBookings,\n\n        cancelledBookings,\n        pastBookings,\n        upcomingBookings,\n\n        getItinerary,\n    };\n};\n"]}