@roomstay/frontend 1.6.1 → 2.0.0-2

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const RateTypeFilter_1 = require("../../../../models/Room/Filters/RateTypeFilter");
-const Text_1 = require("../../../generic/Text");
-const Translation_1 = require("../../../../translations/Translation");
-const BEButton_1 = require("../../../generic/BEButton");
+const RateTypeFilter_1 = require("models/Room/Filters/RateTypeFilter");
+const Text_1 = require("components/generic/Text");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = require("components/generic/BEButton");
 const react_i18next_1 = require("react-i18next");
-const Checkbox_1 = require("../../../generic/Checkbox");
+const Checkbox_1 = require("components/generic/Checkbox/Checkbox");
 const react_1 = require("react");
-const SmallSpinner_1 = require("../../../generic/loader/SmallSpinner");
+const SmallSpinner_1 = require("components/generic/loader/SmallSpinner");
 function RoomFilterRateType(props) {
     var _a;
-    const { t } = react_i18next_1.useTranslation();
-    const [selectedRates, setSelectedRates] = react_1.useState({});
-    const [resetCounter, setResetCounter] = react_1.useState(0);
-    const obj = react_1.useRef();
-    react_1.useEffect(() => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [selectedRates, setSelectedRates] = (0, react_1.useState)({});
+    const [resetCounter, setResetCounter] = (0, react_1.useState)(0);
+    const obj = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         if (props.roomList) {
             const rateTypes = {};
             const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;
@@ -27,7 +27,7 @@ function RoomFilterRateType(props) {
             setSelectedRates(rateTypes);
         }
     }, [props.roomList, resetCounter]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         if (!(obj === null || obj === void 0 ? void 0 : obj.current) || !((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length))
             return;
@@ -53,7 +53,7 @@ function RoomFilterRateType(props) {
             Object.keys(selectedRates).map((selectedRateKey) => {
                 const onChangeHandler = (value) => {
                     const oldRates = Object.assign({}, selectedRates);
-                    oldRates[selectedRateKey].status = value;
+                    oldRates[selectedRateKey].status = value.target.checked;
                     setSelectedRates(oldRates);
                 };
                 return (React.createElement("div", { className: "u-marg-bottom--light", key: selectedRateKey },

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterRateType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRateType.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport RateTypeFilter from '../../../../models/Room/Filters/RateTypeFilter';\nimport { Room } from '../../../../models/Room/Room';\nimport Text, { TextType } from '../../../generic/Text';\nimport { Translation } from '../../../../translations/Translation';\nimport BEButton from '../../../generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '../../../generic/Checkbox';\nimport { useState, useEffect, useRef } from 'react';\nimport SmallSpinner from '../../../generic/loader/SmallSpinner';\n\ninterface RoomFilterRateTypeProps {\n    filter: RateTypeFilter;\n    roomList: Room[];\n    onChange: (filter: RateTypeFilter) => void;\n}\n\ninterface RoomFilterRateTypeStatusType {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRateType(props: RoomFilterRateTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRates, setSelectedRates] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const rateTypes: RoomFilterRateTypeStatusType = {};\n            const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;\n\n            props.roomList.forEach((room) => {\n                room.getOriginalRates().forEach((rate) => {\n                    rateTypes[rate.name] = { status: viewOnlyFilter ? viewOnlyFilter.includes(rate.name) : true };\n                });\n            });\n\n            setSelectedRates(rateTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n\n        const allRates = Object.keys(selectedRates);\n        const rates = allRates.filter((name) => selectedRates[name].status);\n\n        if (allRates.length === rates.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RateTypeFilter(rates));\n        }\n    }, [selectedRates]);\n    const resetCounterOnClick = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RateType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={resetCounterOnClick}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRates &&\n                    Object.keys(selectedRates).map((selectedRateKey) => {\n                        const onChangeHandler = (value: any) => {\n                            const oldRates = { ...selectedRates };\n                            oldRates[selectedRateKey].status = value;\n                            setSelectedRates(oldRates);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRateKey}>\n                                <Checkbox label={selectedRateKey} checked={selectedRates[selectedRateKey].status} onChange={onChangeHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomFilterRateType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRateType.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport RateTypeFilter from 'models/Room/Filters/RateTypeFilter';\nimport { Room } from 'models/Room/Room';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from 'components/generic/Checkbox/Checkbox';\nimport { useState, useEffect, useRef } from 'react';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRateTypeProps {\n    filter: RateTypeFilter;\n    roomList: Room[];\n    onChange: (filter: RateTypeFilter) => void;\n}\n\ninterface RoomFilterRateTypeStatusType {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRateType(props: RoomFilterRateTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRates, setSelectedRates] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const rateTypes: RoomFilterRateTypeStatusType = {};\n            const viewOnlyFilter = props.filter ? props.filter.getViewOnly() : null;\n\n            props.roomList.forEach((room) => {\n                room.getOriginalRates().forEach((rate) => {\n                    rateTypes[rate.name] = { status: viewOnlyFilter ? viewOnlyFilter.includes(rate.name) : true };\n                });\n            });\n\n            setSelectedRates(rateTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n\n        const allRates = Object.keys(selectedRates);\n        const rates = allRates.filter((name) => selectedRates[name].status);\n\n        if (allRates.length === rates.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RateTypeFilter(rates));\n        }\n    }, [selectedRates]);\n    const resetCounterOnClick = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RateType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={resetCounterOnClick}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRates &&\n                    Object.keys(selectedRates).map((selectedRateKey) => {\n                        const onChangeHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRates = { ...selectedRates };\n                            oldRates[selectedRateKey].status = value.target.checked;\n                            setSelectedRates(oldRates);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRateKey}>\n                                <Checkbox label={selectedRateKey} checked={selectedRates[selectedRateKey].status} onChange={onChangeHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.d.ts

@@ -1,5 +1,5 @@
-import { Room } from '../../../../models/Room/Room';
-import RoomTypeFilter from '../../../../models/Room/Filters/RoomTypeFilter';
+import { Room } from 'models/Room/Room';
+import RoomTypeFilter from 'models/Room/Filters/RoomTypeFilter';
 interface RoomFilterRoomTypeProps {
     roomList: Room[];
     filter: RoomTypeFilter;

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const RoomTypeFilter_1 = require("../../../../models/Room/Filters/RoomTypeFilter");
-const Text_1 = require("../../../generic/Text");
-const Translation_1 = require("../../../../translations/Translation");
-const BEButton_1 = require("../../../generic/BEButton");
+const RoomTypeFilter_1 = require("models/Room/Filters/RoomTypeFilter");
+const Text_1 = require("components/generic/Text");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = require("components/generic/BEButton");
 const react_i18next_1 = require("react-i18next");
-const Checkbox_1 = require("../../../generic/Checkbox");
+const Checkbox_1 = require("components/generic/Checkbox/Checkbox");
 const react_1 = require("react");
-const SmallSpinner_1 = require("../../../generic/loader/SmallSpinner");
+const SmallSpinner_1 = require("components/generic/loader/SmallSpinner");
 function RoomFilterRoomType(props) {
     var _a;
-    const { t } = react_i18next_1.useTranslation();
-    const [selectedRooms, setSelectedRooms] = react_1.useState({});
-    const [resetCounter, setResetCounter] = react_1.useState(0);
-    const obj = react_1.useRef();
-    react_1.useEffect(() => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [selectedRooms, setSelectedRooms] = (0, react_1.useState)({});
+    const [resetCounter, setResetCounter] = (0, react_1.useState)(0);
+    const obj = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         if (props.roomList) {
             const roomTypes = {};
             const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;
@@ -27,7 +27,7 @@ function RoomFilterRoomType(props) {
     }, [props.roomList, resetCounter]);
     const allRooms = Object.keys(selectedRooms);
     const rooms = allRooms.filter((name) => selectedRooms[name].status);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         if (!(obj === null || obj === void 0 ? void 0 : obj.current) || !((_a = props.roomList) === null || _a === void 0 ? void 0 : _a.length))
             return;
@@ -51,7 +51,7 @@ function RoomFilterRoomType(props) {
             Object.keys(selectedRooms).map((selectedRoomKey) => {
                 const onChangeCheckboxHandler = (value) => {
                     const oldRooms = Object.assign({}, selectedRooms);
-                    oldRooms[selectedRoomKey].status = value;
+                    oldRooms[selectedRoomKey].status = value.target.checked;
                     setSelectedRooms(oldRooms);
                 };
                 return (React.createElement("div", { className: "u-marg-bottom--light", key: selectedRoomKey },

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomFilterRoomType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRoomType.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,mFAA4E;AAC5E,gDAAuD;AACvD,sEAAmE;AACnE,wDAAiD;AACjD,iDAA+C;AAC/C,wDAAiD;AACjD,iCAAoD;AACpD,uEAAgE;AAchE,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,CAA0C,EAAE,CAAC,CAAC;IAChG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,cAAM,EAAE,CAAC;IAErB,iBAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,MAAM,SAAS,GAA6B,EAAE,CAAC;YAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAEhF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YACpJ,CAAC,CAAC,CAAC;YAEH,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC/B;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACpE,iBAAS,CAAC,GAAG,EAAE;;QACX,IAAI,EAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA,IAAI,QAAC,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA;YAAE,OAAO;QACrD,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE;YAClC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACxB;aAAM;YACH,KAAK,CAAC,QAAQ,CAAC,IAAI,wBAAc,CAAC,KAAK,CAAC,CAAC,CAAC;SAC7C;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;IACF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,wCAAwC,EAAC,GAAG,EAAE,GAAG;YAC5D,oBAAC,cAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACpC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAU,CACxD;YACP,oBAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,mBAAmB,IACpF,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACnB,CACT;QACN,iCACK,OAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,aAAa;YACb,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE;gBAC/C,MAAM,uBAAuB,GAAG,CAAC,KAAU,EAAE,EAAE;oBAC3C,MAAM,QAAQ,qBAAQ,aAAa,CAAE,CAAC;oBACtC,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;oBACzC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;gBAC/B,CAAC,CAAC;gBACF,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,eAAe;oBACtD,oBAAC,kBAAQ,IAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CACrH,CACT,CAAC;YACN,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,iDAAiD;YAC5D,oBAAC,sBAAY,OAAG,CACd,CACT,CACC,CACP,CACN,CAAC;AACN,CAAC;AAnED,qCAmEC","sourcesContent":["import * as React from 'react';\nimport { Room } from '../../../../models/Room/Room';\nimport RoomTypeFilter from '../../../../models/Room/Filters/RoomTypeFilter';\nimport Text, { TextType } from '../../../generic/Text';\nimport { Translation } from '../../../../translations/Translation';\nimport BEButton from '../../../generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '../../../generic/Checkbox';\nimport { useState, useRef, useEffect } from 'react';\nimport SmallSpinner from '../../../generic/loader/SmallSpinner';\n\ninterface RoomFilterRoomTypeProps {\n    roomList: Room[];\n    filter: RoomTypeFilter;\n    onChange: (filter: RoomTypeFilter) => void;\n}\n\ninterface RoomFilterRoomTypeStatus {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRoomType(props: RoomFilterRoomTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRooms, setSelectedRooms] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const roomTypes: RoomFilterRoomTypeStatus = {};\n            const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;\n\n            props.roomList.forEach((room) => {\n                roomTypes[room.name] = { status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name) || visibleRoomsFilter.includes(room.code) : true };\n            });\n\n            setSelectedRooms(roomTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    const allRooms = Object.keys(selectedRooms);\n    const rooms = allRooms.filter((name) => selectedRooms[name].status);\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n        if (rooms.length === allRooms.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RoomTypeFilter(rooms));\n        }\n    }, [selectedRooms]);\n    const clearOnClickHandler = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom u-marg-top--heavy\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RoomType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={clearOnClickHandler}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRooms &&\n                    Object.keys(selectedRooms).map((selectedRoomKey) => {\n                        const onChangeCheckboxHandler = (value: any) => {\n                            const oldRooms = { ...selectedRooms };\n                            oldRooms[selectedRoomKey].status = value;\n                            setSelectedRooms(oldRooms);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRoomKey}>\n                                <Checkbox label={selectedRoomKey} checked={selectedRooms[selectedRoomKey].status} onChange={onChangeCheckboxHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomFilterRoomType.js","sourceRoot":"/","sources":["src/components/steps/room/roomFilter/RoomFilterRoomType.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Room } from 'models/Room/Room';\nimport RoomTypeFilter from 'models/Room/Filters/RoomTypeFilter';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from 'components/generic/Checkbox/Checkbox';\nimport { useState, useRef, useEffect } from 'react';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\n\ninterface RoomFilterRoomTypeProps {\n    roomList: Room[];\n    filter: RoomTypeFilter;\n    onChange: (filter: RoomTypeFilter) => void;\n}\n\ninterface RoomFilterRoomTypeStatus {\n    [name: string]: {\n        status: boolean;\n    };\n}\n\nexport default function RoomFilterRoomType(props: RoomFilterRoomTypeProps) {\n    const { t } = useTranslation();\n\n    const [selectedRooms, setSelectedRooms] = useState<{ [name: string]: { status: boolean } }>({});\n    const [resetCounter, setResetCounter] = useState(0);\n    const obj = useRef();\n\n    useEffect(() => {\n        if (props.roomList) {\n            const roomTypes: RoomFilterRoomTypeStatus = {};\n            const visibleRoomsFilter = props.filter ? props.filter.getVisibleRooms() : null;\n\n            props.roomList.forEach((room) => {\n                roomTypes[room.name] = { status: visibleRoomsFilter ? visibleRoomsFilter.includes(room.name) || visibleRoomsFilter.includes(room.code) : true };\n            });\n\n            setSelectedRooms(roomTypes);\n        }\n    }, [props.roomList, resetCounter]);\n\n    const allRooms = Object.keys(selectedRooms);\n    const rooms = allRooms.filter((name) => selectedRooms[name].status);\n    useEffect(() => {\n        if (!obj?.current || !props.roomList?.length) return;\n        if (rooms.length === allRooms.length) {\n            props.onChange(null);\n        } else {\n            props.onChange(new RoomTypeFilter(rooms));\n        }\n    }, [selectedRooms]);\n    const clearOnClickHandler = () => {\n        props.onChange(null);\n        setResetCounter((old) => old + 1);\n    };\n    return (\n        <>\n            <div className=\"u-flex u-marg-bottom u-marg-top--heavy\" ref={obj}>\n                <Text inline={true} type={TextType.Small}>\n                    <strong>{t(Translation.Step.Room.Filter.RoomType)}</strong>\n                </Text>\n                <BEButton size=\"tiny\" isText={true} disabled={!props.filter} onClick={clearOnClickHandler}>\n                    {t(Translation.Misc.Clear)}\n                </BEButton>\n            </div>\n            <div>\n                {props.roomList?.length > 0 ? (\n                    selectedRooms &&\n                    Object.keys(selectedRooms).map((selectedRoomKey) => {\n                        const onChangeCheckboxHandler = (value: React.ChangeEvent<HTMLInputElement>) => {\n                            const oldRooms = { ...selectedRooms };\n                            oldRooms[selectedRoomKey].status = value.target.checked;\n                            setSelectedRooms(oldRooms);\n                        };\n                        return (\n                            <div className=\"u-marg-bottom--light\" key={selectedRoomKey}>\n                                <Checkbox label={selectedRoomKey} checked={selectedRooms[selectedRoomKey].status} onChange={onChangeCheckboxHandler} />\n                            </div>\n                        );\n                    })\n                ) : (\n                    <div className=\"u-marg-top-bottom u-flex justify-content-center\">\n                        <SmallSpinner />\n                    </div>\n                )}\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/summary/BEMapWidget.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const google_maps_react_1 = require("google-maps-react");
 const react_1 = require("react");
-const Icon_1 = require("../generic/Icon");
+const Icon_1 = require("components/generic/Icon/Icon");
 const react_2 = require("react");
-const SimpleModal_1 = require("../generic/modal/SimpleModal");
-const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+const SimpleModal_1 = require("components/generic/modal/SimpleModal");
+const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
 const hooks_1 = require("@frontend/hooks");
 function BEMapWidget(props) {
     const mapStyle = [
@@ -25,12 +25,12 @@ function BEMapWidget(props) {
     };
     return (React.createElement(google_maps_react_1.Map, { google: props.google, initialCenter: props.mapLatLng, center: props.mapLatLng, zoom: 15, disableDefaultUI: !props.isFullScreen, fullscreenControl: !props.isFullScreen, onReady: onReadyHandler }, !!props.mapLatLng && React.createElement(google_maps_react_1.Marker, { mapCenter: props.mapLatLng })));
 }
-const WrappedBEMapWidget = google_maps_react_1.GoogleApiWrapper({
+const WrappedBEMapWidget = (0, google_maps_react_1.GoogleApiWrapper)({
     apiKey: 'AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY',
 })(BEMapWidget);
-exports.default = react_1.forwardRef((props, ref) => {
-    const { hotel } = hooks_1.useCurrentHotel();
-    const [toggler, setToggler] = react_2.useState(false);
+exports.default = (0, react_1.forwardRef)((props, ref) => {
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const [toggler, setToggler] = (0, react_2.useState)(false);
     const togglerOn = () => {
         return setToggler(true);
     };

package/dist/src/components/summary/BEMapWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BEMapWidget.js","sourceRoot":"/","sources":["src/components/summary/BEMapWidget.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yDAAkE;AAClE,iCAAmC;AACnC,0CAAiD;AACjD,iCAAiC;AACjC,8DAA4E;AAC5E,6EAAsE;AACtE,2CAAkD;AAUlD,SAAS,WAAW,CAAC,KAAe;IAChC,MAAM,QAAQ,GAAG;QACb;YACI,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;SACnC;KACJ,CAAC;IAEF,SAAS,UAAU,CAAC,QAAa,EAAE,GAAQ;QACvC,GAAG,CAAC,UAAU,CAAC;YACX,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;IACD,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,GAAQ,EAAE,EAAE;QAC/C,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,uBAAG,IACA,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,SAAS,EAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,IAAI,EAAE,EAAE,EACR,gBAAgB,EAAE,CAAC,KAAK,CAAC,YAAY,EACrC,iBAAiB,EAAE,CAAC,KAAK,CAAC,YAAY,EACtC,OAAO,EAAE,cAAc,IAEtB,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,oBAAC,0BAAM,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC1D,CACT,CAAC;AACN,CAAC;AAED,MAAM,kBAAkB,GAAQ,oCAAgB,CAAC;IAC7C,MAAM,EAAE,yCAAyC;CACpD,CAAC,CAAC,WAAW,CAAC,CAAC;AAEhB,kBAAe,kBAAU,CAAC,CAAC,KAAe,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,6BAAmB,CAAC,YAAY,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC,GAAI,CAAC,CAAC,CAAC,oBAAC,kBAAkB,oBAAK,KAAK,EAAI,CAAC;IAE/K,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,8BAAM,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAE,SAAS;gBACvE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,IAAI,EAAC,MAAM,GAAG,CAC5C;YACN,SAAS,CACR;QAEF,oBAAC,qBAAW,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU;YAC3F,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC1C,oBAAC,kBAAkB,oBAAK,KAAK,IAAE,YAAY,EAAE,IAAI,IAAI,CACnD,CACI,CAEnB,CACN,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { GoogleApiWrapper, Map, Marker } from 'google-maps-react';\nimport { forwardRef } from 'react';\nimport Icon, { IconType } from '../generic/Icon';\nimport { useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from '../generic/modal/SimpleModal';\nimport RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport interface MapProps {\n    mapLatLng?: { lat: number; lng: number };\n    google?: any;\n    isFullScreen?: boolean;\n\n    imageOverride?: string;\n}\n\nfunction BEMapWidget(props: MapProps) {\n    const mapStyle = [\n        {\n            featureType: 'poi.business',\n            stylers: [{ visibility: 'off' }],\n        },\n    ];\n\n    function _mapLoaded(mapProps: any, map: any) {\n        map.setOptions({\n            styles: mapStyle,\n        });\n    }\n    const onReadyHandler = (mapProps: any, map: any) => {\n        return _mapLoaded(mapProps, map);\n    };\n    return (\n        <Map\n            google={props.google}\n            initialCenter={props.mapLatLng}\n            center={props.mapLatLng}\n            zoom={15}\n            disableDefaultUI={!props.isFullScreen}\n            fullscreenControl={!props.isFullScreen}\n            onReady={onReadyHandler}\n        >\n            {!!props.mapLatLng && <Marker mapCenter={props.mapLatLng} />}\n        </Map>\n    );\n}\n\nconst WrappedBEMapWidget: any = GoogleApiWrapper({\n    apiKey: 'AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY',\n})(BEMapWidget);\n\nexport default forwardRef((props: MapProps, ref) => {\n    const { hotel } = useCurrentHotel();\n    const [toggler, setToggler] = useState(false);\n\n    const togglerOn = () => {\n        return setToggler(true);\n    };\n\n    const togglerOff = () => {\n        return setToggler(false);\n    };\n\n    const mapObject = hotel?.googleMapsImage ? <img className=\"static-image\" src={RoomstayThemeEngine.wrapAssetUrl(hotel?.googleMapsImage)} /> : <WrappedBEMapWidget {...props} />;\n\n    return (\n        <>\n            <div className=\"be-map-widget\">\n                <span className=\"room-gallery-slider__icon-lightbox-map\" onClick={togglerOn}>\n                    <Icon icon={IconType.Fullscreen} size=\"24px\" />\n                </span>\n                {mapObject}\n            </div>\n            {\n                <SimpleModal open={toggler} size={SimpleModalSize.Large} alignCenter={true} onClose={togglerOff}>\n                    <div style={{ height: 500, maxHeight: '80vh' }}>\n                        <WrappedBEMapWidget {...props} isFullScreen={true} />\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n});\n"]}
+{"version":3,"file":"BEMapWidget.js","sourceRoot":"/","sources":["src/components/summary/BEMapWidget.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yDAAkE;AAClE,iCAAmC;AACnC,uDAA8D;AAC9D,iCAAiC;AACjC,sEAAoF;AACpF,uEAAgE;AAChE,2CAAkD;AAUlD,SAAS,WAAW,CAAC,KAAe;IAChC,MAAM,QAAQ,GAAG;QACb;YACI,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;SACnC;KACJ,CAAC;IAEF,SAAS,UAAU,CAAC,QAAa,EAAE,GAAQ;QACvC,GAAG,CAAC,UAAU,CAAC;YACX,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;IACD,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,GAAQ,EAAE,EAAE;QAC/C,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,uBAAG,IACA,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,SAAS,EAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,IAAI,EAAE,EAAE,EACR,gBAAgB,EAAE,CAAC,KAAK,CAAC,YAAY,EACrC,iBAAiB,EAAE,CAAC,KAAK,CAAC,YAAY,EACtC,OAAO,EAAE,cAAc,IAEtB,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,oBAAC,0BAAM,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC1D,CACT,CAAC;AACN,CAAC;AAED,MAAM,kBAAkB,GAAQ,IAAA,oCAAgB,EAAC;IAC7C,MAAM,EAAE,yCAAyC;CACpD,CAAC,CAAC,WAAW,CAAC,CAAC;AAEhB,kBAAe,IAAA,kBAAU,EAAC,CAAC,KAAe,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,6BAAmB,CAAC,YAAY,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC,GAAI,CAAC,CAAC,CAAC,oBAAC,kBAAkB,oBAAK,KAAK,EAAI,CAAC;IAE/K,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,8BAAM,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAE,SAAS;gBACvE,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,IAAI,EAAC,MAAM,GAAG,CAC5C;YACN,SAAS,CACR;QAEF,oBAAC,qBAAW,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU;YAC3F,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC1C,oBAAC,kBAAkB,oBAAK,KAAK,IAAE,YAAY,EAAE,IAAI,IAAI,CACnD,CACI,CAEnB,CACN,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { GoogleApiWrapper, Map, Marker } from 'google-maps-react';\nimport { forwardRef } from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport interface MapProps {\n    mapLatLng?: { lat: number; lng: number };\n    google?: any;\n    isFullScreen?: boolean;\n\n    imageOverride?: string;\n}\n\nfunction BEMapWidget(props: MapProps) {\n    const mapStyle = [\n        {\n            featureType: 'poi.business',\n            stylers: [{ visibility: 'off' }],\n        },\n    ];\n\n    function _mapLoaded(mapProps: any, map: any) {\n        map.setOptions({\n            styles: mapStyle,\n        });\n    }\n    const onReadyHandler = (mapProps: any, map: any) => {\n        return _mapLoaded(mapProps, map);\n    };\n    return (\n        <Map\n            google={props.google}\n            initialCenter={props.mapLatLng}\n            center={props.mapLatLng}\n            zoom={15}\n            disableDefaultUI={!props.isFullScreen}\n            fullscreenControl={!props.isFullScreen}\n            onReady={onReadyHandler}\n        >\n            {!!props.mapLatLng && <Marker mapCenter={props.mapLatLng} />}\n        </Map>\n    );\n}\n\nconst WrappedBEMapWidget: any = GoogleApiWrapper({\n    apiKey: 'AIzaSyBFoDziXY56EWFYGsREjZtK9fOdav2adcY',\n})(BEMapWidget);\n\nexport default forwardRef((props: MapProps, ref) => {\n    const { hotel } = useCurrentHotel();\n    const [toggler, setToggler] = useState(false);\n\n    const togglerOn = () => {\n        return setToggler(true);\n    };\n\n    const togglerOff = () => {\n        return setToggler(false);\n    };\n\n    const mapObject = hotel?.googleMapsImage ? <img className=\"static-image\" src={RoomstayThemeEngine.wrapAssetUrl(hotel?.googleMapsImage)} /> : <WrappedBEMapWidget {...props} />;\n\n    return (\n        <>\n            <div className=\"be-map-widget\">\n                <span className=\"room-gallery-slider__icon-lightbox-map\" onClick={togglerOn}>\n                    <Icon icon={IconType.Fullscreen} size=\"24px\" />\n                </span>\n                {mapObject}\n            </div>\n            {\n                <SimpleModal open={toggler} size={SimpleModalSize.Large} alignCenter={true} onClose={togglerOff}>\n                    <div style={{ height: 500, maxHeight: '80vh' }}>\n                        <WrappedBEMapWidget {...props} isFullScreen={true} />\n                    </div>\n                </SimpleModal>\n            }\n        </>\n    );\n});\n"]}

package/dist/src/components/summary/BEMobileSummary.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const Text_1 = require("../generic/Text");
-const Color_1 = require("../../util/Color");
-const Icon_1 = require("../generic/Icon");
-const Headline_1 = require("../generic/Headline");
-const TextAlignment_1 = require("../../util/TextAlignment");
-const Currency_1 = require("../generic/Currency");
+const Text_1 = require("components/generic/Text");
+const Color_1 = require("util/Color");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Headline_1 = require("components/generic/Headline");
+const TextAlignment_1 = require("util/TextAlignment");
+const Currency_1 = require("components/generic/Currency");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../translations/Translation");
-const ScreenSize_1 = require("../../util/ScreenSize");
+const Translation_1 = require("translations/Translation");
+const ScreenSize_1 = require("util/ScreenSize");
 const react_1 = require("react");
-const BEMobileSummaryModal_1 = require("./BEMobileSummaryModal");
-const StepDatePricePerRoom_1 = require("../../components/steps/date/StepDatePricePerRoom");
-const StepDate_1 = require("../../pages/steps/StepDate/StepDate");
+const BEMobileSummaryModal_1 = require("components/summary/BEMobileSummaryModal");
+const StepDatePricePerRoom_1 = require("components/steps/date/StepDatePricePerRoom");
+const StepDate_1 = require("pages/steps/StepDate/StepDate");
 const contexts_1 = require("@frontend/contexts");
 function BEMobileSummary() {
-    const { screenSize } = react_1.useContext(contexts_1.BookingEngineContext);
-    const { currentStep } = react_1.useContext(contexts_1.FullPageEngineContext);
+    const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const basketContext = React.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
-    const [modalOpen, setModalOpen] = react_1.useState(false);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
     if (screenSize <= ScreenSize_1.default.Medium) {
         const openModal = () => {
             setModalOpen(true);

package/dist/src/components/summary/BEMobileSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"BEMobileSummary.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '../generic/Text';\nimport { Color } from '../../util/Color';\nimport Icon, { IconType } from '../generic/Icon';\nimport Headline from '../generic/Headline';\nimport { TextAlign } from '../../util/TextAlignment';\nimport Currency from '../generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../translations/Translation';\nimport ScreenSize from '../../util/ScreenSize';\nimport { useContext, useState } from 'react';\nimport BEMobileSummaryModal from './BEMobileSummaryModal';\nimport StepDatePricePerRoom from '../../components/steps/date/StepDatePricePerRoom';\nimport StepDate from '../../pages/steps/StepDate/StepDate';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function BEMobileSummary() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = React.useContext(BasketContext);\n    const { t } = useTranslation();\n    const [modalOpen, setModalOpen] = useState(false);\n\n    if (screenSize <= ScreenSize.Medium) {\n        const openModal = () => {\n            setModalOpen(true);\n        };\n        const closeModal = () => {\n            setModalOpen(false);\n        };\n        return (\n            <>\n                <div className=\"be-mobile-summary row u-border-bottom u-pad-top-bottom u-marg-bottom\" onClick={openModal}>\n                    <div className=\"col-8\">\n                        <div className=\"u-flex u-flex-flex-start\">\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                </span>\n                            </Text>\n                            <span className=\"u-marg-left-right--light\">\n                                <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                            </span>\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                </span>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            {basketContext.getNumberOfAdults(true)},&nbsp;\n                            {basketContext.getNumberOfChildren(true)},&nbsp;\n                            {basketContext.getNumberOfRooms(true)}\n                        </Text>\n                    </div>\n                    <div className=\"col-4 u-flex u-flex-flex-end u-flex-align-center\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            {currentStep === StepDate ? <StepDatePricePerRoom isMobile={true} /> : <Currency>{basketContext.getTotalPrice()}</Currency>}\n                        </Headline>\n                        <Icon icon={IconType.Dropdown} size={'18px'} color={Color.DarkGrey} />\n                    </div>\n                </div>\n                <BEMobileSummaryModal isOpen={modalOpen} onClose={closeModal} />\n            </>\n        );\n    }\n\n    return <></>;\n}\n"]}
+{"version":3,"file":"BEMobileSummary.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Headline from 'components/generic/Headline';\nimport { TextAlign } from 'util/TextAlignment';\nimport Currency from 'components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport { useContext, useState } from 'react';\nimport BEMobileSummaryModal from 'components/summary/BEMobileSummaryModal';\nimport StepDatePricePerRoom from 'components/steps/date/StepDatePricePerRoom';\nimport StepDate from 'pages/steps/StepDate/StepDate';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function BEMobileSummary() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = React.useContext(BasketContext);\n    const { t } = useTranslation();\n    const [modalOpen, setModalOpen] = useState(false);\n\n    if (screenSize <= ScreenSize.Medium) {\n        const openModal = () => {\n            setModalOpen(true);\n        };\n        const closeModal = () => {\n            setModalOpen(false);\n        };\n        return (\n            <>\n                <div className=\"be-mobile-summary row u-border-bottom u-pad-top-bottom u-marg-bottom\" onClick={openModal}>\n                    <div className=\"col-8\">\n                        <div className=\"u-flex u-flex-flex-start\">\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                </span>\n                            </Text>\n                            <span className=\"u-marg-left-right--light\">\n                                <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                            </span>\n                            <Text type={TextType.Small}>\n                                <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                    {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                </span>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            {basketContext.getNumberOfAdults(true)},&nbsp;\n                            {basketContext.getNumberOfChildren(true)},&nbsp;\n                            {basketContext.getNumberOfRooms(true)}\n                        </Text>\n                    </div>\n                    <div className=\"col-4 u-flex u-flex-flex-end u-flex-align-center\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            {currentStep === StepDate ? <StepDatePricePerRoom isMobile={true} /> : <Currency>{basketContext.getTotalPrice()}</Currency>}\n                        </Headline>\n                        <Icon icon={IconType.Dropdown} size={'18px'} color={Color.DarkGrey} />\n                    </div>\n                </div>\n                <BEMobileSummaryModal isOpen={modalOpen} onClose={closeModal} />\n            </>\n        );\n    }\n\n    return <></>;\n}\n"]}

package/dist/src/components/summary/BEMobileSummaryModal.js

@@ -1,40 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = require("../generic/modal/SimpleModal");
+const SimpleModal_1 = require("components/generic/modal/SimpleModal");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
-const Translation_1 = require("../../translations/Translation");
+const Translation_1 = require("translations/Translation");
 const React = require("react");
-const LineBreak_1 = require("../generic/LineBreak");
-const Icon_1 = require("../generic/Icon");
-const Color_1 = require("../../util/Color");
-const Text_1 = require("../generic/Text");
-const Headline_1 = require("../generic/Headline");
-const TextAlignment_1 = require("../../util/TextAlignment");
-const Currency_1 = require("../generic/Currency");
-const HotelLocationMap_1 = require("../generic/map/HotelLocationMap");
-const BESummaryRoomRow_1 = require("./BESummaryRoomRow");
-const BESummaryAddonRow_1 = require("./BESummaryAddonRow");
-const BESummaryPerkBlock_1 = require("./BESummaryPerkBlock");
-const TransportDistanceFromHotelBlock_1 = require("./TransportDistanceFromHotelBlock");
-const BESummaryPrivacyPolicy_1 = require("./BESummaryPrivacyPolicy");
+const LineBreak_1 = require("components/generic/LineBreak");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Color_1 = require("util/Color");
+const Text_1 = require("components/generic/Text");
+const Headline_1 = require("components/generic/Headline");
+const TextAlignment_1 = require("util/TextAlignment");
+const Currency_1 = require("components/generic/Currency");
+const HotelLocationMap_1 = require("components/generic/map/HotelLocationMap");
+const BESummaryRoomRow_1 = require("components/summary/BESummaryRoomRow");
+const BESummaryAddonRow_1 = require("components/summary/BESummaryAddonRow");
+const BESummaryPerkBlock_1 = require("components/summary/BESummaryPerkBlock");
+const TransportDistanceFromHotelBlock_1 = require("components/summary/TransportDistanceFromHotelBlock");
+const BESummaryPrivacyPolicy_1 = require("components/summary/BESummaryPrivacyPolicy");
 const contexts_1 = require("@frontend/contexts");
-const StringHelper_1 = require("../../util/StringHelper");
-const BEButton_1 = require("../generic/BEButton");
+const StringHelper_1 = require("util/StringHelper");
+const BEButton_1 = require("components/generic/BEButton");
 const react_router_dom_1 = require("react-router-dom");
-const StepRoom_1 = require("../../pages/steps/StepRoom/StepRoom");
+const StepRoom_1 = require("pages/steps/StepRoom/StepRoom");
+const BESummary_1 = require("components/summary/BESummary");
 const hooks_1 = require("@frontend/hooks");
-const BESummary_1 = require("./BESummary");
-const ElementSortHook_1 = require("../../hooks/ElementSortHook");
 function BEMobileSummaryModal(props) {
     var _a, _b, _c, _d;
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { hotel } = hooks_1.useCurrentHotel();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const selectedBasketRows = basketContext.getAllValidRows();
     const addons = basketContext.basketAddonRows;
-    const { t } = react_i18next_1.useTranslation();
-    const [mobileLayout, setMobileLayout] = react_1.useState({});
-    react_1.useEffect(() => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [mobileLayout, setMobileLayout] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
         // We do this hacky thing since Mobile summary & Desktop summary are almost identical, just blocks are presented differently
         const newLayout = Object.assign({}, BESummary_1.BESummaryLayoutOrder);
         newLayout.TransportDistanceBlock.component = (React.createElement("div", { className: "u-flex justify-content-center u-marg-top u-marg-bottom" },
@@ -43,7 +42,7 @@ function BEMobileSummaryModal(props) {
         newLayout.PerksBlock.component = React.createElement(BESummaryPerkBlock_1.BESummaryPerkBlock, { size: "mobile" });
         setMobileLayout(newLayout);
     }, []);
-    const { sortedComponents } = ElementSortHook_1.useElementSort(mobileLayout);
+    const { sortedComponents } = (0, hooks_1.useElementSort)(mobileLayout);
     const totalDays = basketContext.endDate ? basketContext.endDate.diff(basketContext.startDate, 'day') : 0;
     const addressLine1 = [(_a = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _a === void 0 ? void 0 : _a.line1, (_b = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _b === void 0 ? void 0 : _b.city];
     const addressLine2 = [(_c = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _c === void 0 ? void 0 : _c.postalCode, (_d = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _d === void 0 ? void 0 : _d.state];

package/dist/src/components/summary/BEMobileSummaryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"BEMobileSummaryModal.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummaryModal.tsx"],"names":[],"mappings":";;AAAA,8DAAuD;AACvD,iDAA+C;AAC/C,iCAAwD;AACxD,gEAA6D;AAC7D,+BAA+B;AAE/B,oDAA6C;AAC7C,0CAAiD;AACjD,4CAAyC;AACzC,0CAAiD;AACjD,kDAA2C;AAC3C,4DAAqD;AACrD,kDAA2C;AAG3C,sEAA+D;AAC/D,yDAAkD;AAClD,2DAAoD;AACpD,6DAA0D;AAC1D,uFAAgF;AAChF,qEAA8D;AAC9D,iDAAmD;AACnD,0DAAmD;AACnD,kDAA2C;AAC3C,uDAAwC;AACxC,kEAA2D;AAC3D,2CAAkD;AAClD,2CAAmD;AACnD,iEAAiF;AAQjF,SAAwB,oBAAoB,CAAC,KAAgC;;IACzE,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,MAAM,kBAAkB,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAE3D,MAAM,MAAM,GAAG,aAAa,CAAC,eAAe,CAAC;IAE7C,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAAqB,EAAE,CAAC,CAAC;IAEzE,iBAAS,CAAC,GAAG,EAAE;QACX,4HAA4H;QAC5H,MAAM,SAAS,qBAAqC,gCAAoB,CAAE,CAAC;QAC3E,SAAS,CAAC,sBAAsB,CAAC,SAAS,GAAG,CACzC,6BAAK,SAAS,EAAC,wDAAwD;YACnE,6BAAK,SAAS,EAAC,wBAAwB;gBACnC,oBAAC,yCAA+B,IAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/D,CACJ,CACT,CAAC;QACF,SAAS,CAAC,UAAU,CAAC,SAAS,GAAG,oBAAC,uCAAkB,IAAC,IAAI,EAAC,QAAQ,GAAG,CAAC;QAEtE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,gBAAgB,EAAE,GAAG,gCAAc,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzG,MAAM,YAAY,GAAG,OAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,QAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,IAAI,CAAC,CAAC;IACnE,MAAM,YAAY,GAAG,OAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,UAAU,QAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,CAAC,GAAa,EAAE,EAAE;QACvC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/D,IAAI,IAAI,EAAE;YACN,OAAO,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAQ,CAAC;SACpD;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,KAAK,CAAC,OAAO,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACtC,KAAK,CAAC,OAAO,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAClC,OAAO,EAAE,mBAAmB,EAC5B,YAAY,EACR,6BAAK,SAAS,EAAC,wBAAwB;YACnC,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ;gBAC7D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM;oBAC3C,oCAAS,sBAAY,CAAC,sBAAsB,CAAC,SAAS,EAAE,yBAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAU,CACzF,CACL;YACN,6BAAK,SAAS,EAAC,sDAAsD;gBACjE,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK;oBACxD,oBAAC,kBAAQ,QAAE,aAAa,CAAC,aAAa,EAAE,CAAY,CAC7C;gBACX,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK;oBACrE,8BAAM,SAAS,EAAC,UAAU,IAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAQ,CAChF,CACL,CACJ;QAGV;YACI,6BAAK,SAAS,EAAC,WAAW;gBACtB,6BAAK,SAAS,EAAC,sCAAsC;oBACjD,6BAAK,SAAS,EAAC,OAAO;wBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;4BACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;wBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;iCAAG,KAAK,aAAL,KAAK;4BAAL,KAAK,CAAE,WAAW,CAC5C,CACL;oBACN,6BAAK,SAAS,EAAC,OAAO;wBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;4BACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;wBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;iCAAG,KAAK,aAAL,KAAK;4BAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ;gBAEN,6BAAK,SAAS,EAAC,sCAAsC;oBACjD,6BAAK,SAAS,EAAC,OAAO;wBAClB,6BAAK,SAAS,EAAC,0BAA0B;4BACrC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,8CAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC5F,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CACvG,CACJ;4BACP,8BAAM,SAAS,EAAC,0BAA0B;gCACtC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACtE;4BACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,8CAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC1F,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACrG,CACJ,CACL;wBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACrB,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC;;4BACrC,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC;;4BACvC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAClC,CACL;oBACN,6BAAK,SAAS,EAAC,qBAAqB;wBAChC,oBAAC,uBAAI,IAAC,EAAE,EAAE,kBAAQ,CAAC,UAAU,EAAE;4BAC3B,oBAAC,kBAAQ,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,WAEjC,CACR,CACL,CACJ;gBAEL,kBAAkB,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C;oBACK,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE;wBACtD,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;4BAAE,OAAO;wBAE3B,OAAO,CACH,oBAAC,0BAAgB,IACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,qBAAqB,EAAE,4BAA4B,GACrD,CACL,CAAC;oBACN,CAAC,CAAC;oBAED,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB;wBACI,oBAAC,mBAAS,IAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI;wBAE5C,6BAAK,SAAS,EAAC,YAAY;4BACvB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gCAC7C,mDAA6B,CAC1B,CACL;wBAEL,MAAM,CAAC,GAAG,CAAC,CAAC,GAAmB,EAAE,KAAa,EAAE,EAAE;4BAC/C,MAAM,oBAAoB,GAAG,GAAG,EAAE;gCAC9B,OAAO,aAAa,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;4BACnD,CAAC,CAAC;4BAEF,OAAO,oBAAC,2BAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,oBAAoB,GAAI,CAAC;wBAClG,CAAC,CAAC,CACH,CACN,CACF,CACN,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,6BAAK,SAAS,EAAC,sBAAsB;wBACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAQ,CAC7E;oBACN,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;wBACjD,oBAAC,0BAAgB,OAAG,CAClB;oBACN,6BAAK,SAAS,EAAC,YAAY;wBACvB,6BAAK,SAAS,EAAC,eAAe;4BAC1B,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,IAAI,CAAQ,CACnC;wBACL,gBAAgB,CAAC,YAAY,CAAC;wBAC9B,gBAAgB,CAAC,YAAY,CAAC,CAC7B,CACJ,CACT;gBAEA,gBAAgB;gBAEjB,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,oBAAC,gCAAsB,OAAG,CACxB,CACJ,CACP,CACO,CACjB,CAAC;AACN,CAAC;AApMD,uCAoMC","sourcesContent":["import SimpleModal from '../generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext, useEffect, useState } from 'react';\nimport { Translation } from '../../translations/Translation';\nimport * as React from 'react';\n\nimport LineBreak from '../generic/LineBreak';\nimport Icon, { IconType } from '../generic/Icon';\nimport { Color } from '../../util/Color';\nimport Text, { TextType } from '../generic/Text';\nimport Headline from '../generic/Headline';\nimport { TextAlign } from '../../util/TextAlignment';\nimport Currency from '../generic/Currency';\nimport BasketAddonRow from '../../models/BasketAddonRow';\nimport BasketRow from '../../models/BasketRow';\nimport HotelLocationMap from '../generic/map/HotelLocationMap';\nimport BESummaryRoomRow from './BESummaryRoomRow';\nimport BESummaryAddonRow from './BESummaryAddonRow';\nimport { BESummaryPerkBlock } from './BESummaryPerkBlock';\nimport TransportDistanceFromHotelBlock from './TransportDistanceFromHotelBlock';\nimport BESummaryPrivacyPolicy from './BESummaryPrivacyPolicy';\nimport { BasketContext } from '@frontend/contexts';\nimport StringHelper from '../../util/StringHelper';\nimport BEButton from '../generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport StepRoom from '../../pages/steps/StepRoom/StepRoom';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { BESummaryLayoutOrder } from './BESummary';\nimport { OrderableReactList, useElementSort } from '../../hooks/ElementSortHook';\n\nexport interface BEMobileSummaryModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n    showImages?: boolean;\n}\n\nexport default function BEMobileSummaryModal(props: BEMobileSummaryModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const [mobileLayout, setMobileLayout] = useState<OrderableReactList>({});\n\n    useEffect(() => {\n        // We do this hacky thing since Mobile summary & Desktop summary are almost identical, just blocks are presented differently\n        const newLayout: typeof BESummaryLayoutOrder = { ...BESummaryLayoutOrder };\n        newLayout.TransportDistanceBlock.component = (\n            <div className=\"u-flex justify-content-center u-marg-top u-marg-bottom\">\n                <div className=\"col-10 u-flex flex-row\">\n                    <TransportDistanceFromHotelBlock vertical={true} hotel={hotel} />\n                </div>\n            </div>\n        );\n        newLayout.PerksBlock.component = <BESummaryPerkBlock size=\"mobile\" />;\n\n        setMobileLayout(newLayout);\n    }, []);\n\n    const { sortedComponents } = useElementSort(mobileLayout);\n\n    const totalDays = basketContext.endDate ? basketContext.endDate.diff(basketContext.startDate, 'day') : 0;\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const getAddressString = (val: string[]) => {\n        const line = val.filter((it) => !!it && it !== '0').join(', ');\n\n        if (line) {\n            return <Text type={TextType.Small}>{line}</Text>;\n        }\n\n        return null;\n    };\n\n    const onCloseModalHandler = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const editOnClick = () => {\n        props.onClose();\n    };\n\n    const onEditPropertyClickedHandler = () => {\n        props.onClose();\n    };\n\n    return (\n        <SimpleModal\n            open={props.isOpen}\n            title={t(Translation.Misc.Summary)}\n            onClose={onCloseModalHandler}\n            mobileFooter={\n                <div className=\"row align-items-center\">\n                    <div className=\"col-4\">\n                        <Text type={TextType.Body}>{t(Translation.Misc.Total)}</Text>\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            <strong>{StringHelper.pluralWithDictAndCount(totalDays, Translation.Misc.Night, t)}</strong>\n                        </Text>\n                    </div>\n                    <div className=\"col-8 u-flex u-flex-direction-column align-items-end\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            <Currency>{basketContext.getTotalPrice()}</Currency>\n                        </Headline>\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span className=\"u-nowrap\">{t(Translation.Step.Room.RoomInfo.IncludesTaxes)}</span>\n                        </Text>\n                    </div>\n                </div>\n            }\n        >\n            <>\n                <div className=\"container\">\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\n                        <div className=\"col-6\">\n                            <Text type={TextType.Small} color={Color.Grey}>\n                                <strong>{t(Translation.Misc.CheckIn)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                {t(Translation.Misc.After)} {hotel?.checkInTime}\n                            </Text>\n                        </div>\n                        <div className=\"col-6\">\n                            <Text type={TextType.Small} color={Color.Grey}>\n                                <strong>{t(Translation.Misc.CheckOut)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\n                        <div className=\"col-8\">\n                            <div className=\"u-flex u-flex-flex-start\">\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                                </span>\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"col-4 u-align-right\">\n                            <Link to={StepRoom.getStepUrl()}>\n                                <BEButton onClick={editOnClick} size={'tiny'}>\n                                    EDIT\n                                </BEButton>\n                            </Link>\n                        </div>\n                    </div>\n\n                    {selectedBasketRows && selectedBasketRows.length ? (\n                        <>\n                            {selectedBasketRows.map((row: BasketRow, index: number) => {\n                                if (!row.isValid()) return;\n\n                                return (\n                                    <BESummaryRoomRow\n                                        row={row}\n                                        index={index}\n                                        key={row.getID()}\n                                        showImages={props.showImages}\n                                        onEditPropertyClicked={onEditPropertyClickedHandler}\n                                    />\n                                );\n                            })}\n\n                            {addons.length > 0 && (\n                                <>\n                                    <LineBreak noMargins={true} darker={true} />\n\n                                    <div className=\"u-marg-top\">\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            <strong>Add-on Items</strong>\n                                        </Text>\n                                    </div>\n\n                                    {addons.map((row: BasketAddonRow, index: number) => {\n                                        const onRemoveClickHandler = () => {\n                                            return basketContext.removeBasketAddonRow(row);\n                                        };\n\n                                        return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                                    })}\n                                </>\n                            )}\n                        </>\n                    ) : (\n                        <div className=\"u-marg-bottom--heavy u-marg-top--heavy\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Text type={TextType.Body}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                            </div>\n                            <div style={{ height: '150px', position: 'relative' }}>\n                                <HotelLocationMap />\n                            </div>\n                            <div className=\"u-marg-top\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text bold={true}>{hotel.name}</Text>\n                                </div>\n                                {getAddressString(addressLine1)}\n                                {getAddressString(addressLine2)}\n                            </div>\n                        </div>\n                    )}\n\n                    {sortedComponents}\n\n                    <div className=\"u-marg-top--heavy u-marg-bottom--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"BEMobileSummaryModal.js","sourceRoot":"/","sources":["src/components/summary/BEMobileSummaryModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal from 'components/generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext, useEffect, useState } from 'react';\nimport { Translation } from 'translations/Translation';\nimport * as React from 'react';\n\nimport LineBreak from 'components/generic/LineBreak';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport { TextAlign } from 'util/TextAlignment';\nimport Currency from 'components/generic/Currency';\nimport BasketAddonRow from 'models/BasketAddonRow';\nimport BasketRow from 'models/BasketRow';\nimport HotelLocationMap from 'components/generic/map/HotelLocationMap';\nimport BESummaryRoomRow from 'components/summary/BESummaryRoomRow';\nimport BESummaryAddonRow from 'components/summary/BESummaryAddonRow';\nimport { BESummaryPerkBlock } from 'components/summary/BESummaryPerkBlock';\nimport TransportDistanceFromHotelBlock from 'components/summary/TransportDistanceFromHotelBlock';\nimport BESummaryPrivacyPolicy from 'components/summary/BESummaryPrivacyPolicy';\nimport { BasketContext } from '@frontend/contexts';\nimport StringHelper from 'util/StringHelper';\nimport BEButton from 'components/generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport StepRoom from 'pages/steps/StepRoom/StepRoom';\nimport { BESummaryLayoutOrder } from 'components/summary/BESummary';\nimport { OrderableReactList, useElementSort, useCurrentHotel } from '@frontend/hooks';\n\nexport interface BEMobileSummaryModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n    showImages?: boolean;\n}\n\nexport default function BEMobileSummaryModal(props: BEMobileSummaryModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const selectedBasketRows = basketContext.getAllValidRows();\n\n    const addons = basketContext.basketAddonRows;\n\n    const { t } = useTranslation();\n\n    const [mobileLayout, setMobileLayout] = useState<OrderableReactList>({});\n\n    useEffect(() => {\n        // We do this hacky thing since Mobile summary & Desktop summary are almost identical, just blocks are presented differently\n        const newLayout: typeof BESummaryLayoutOrder = { ...BESummaryLayoutOrder };\n        newLayout.TransportDistanceBlock.component = (\n            <div className=\"u-flex justify-content-center u-marg-top u-marg-bottom\">\n                <div className=\"col-10 u-flex flex-row\">\n                    <TransportDistanceFromHotelBlock vertical={true} hotel={hotel} />\n                </div>\n            </div>\n        );\n        newLayout.PerksBlock.component = <BESummaryPerkBlock size=\"mobile\" />;\n\n        setMobileLayout(newLayout);\n    }, []);\n\n    const { sortedComponents } = useElementSort(mobileLayout);\n\n    const totalDays = basketContext.endDate ? basketContext.endDate.diff(basketContext.startDate, 'day') : 0;\n\n    const addressLine1 = [hotel?.address?.line1, hotel?.address?.city];\n    const addressLine2 = [hotel?.address?.postalCode, hotel?.address?.state];\n\n    const getAddressString = (val: string[]) => {\n        const line = val.filter((it) => !!it && it !== '0').join(', ');\n\n        if (line) {\n            return <Text type={TextType.Small}>{line}</Text>;\n        }\n\n        return null;\n    };\n\n    const onCloseModalHandler = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const editOnClick = () => {\n        props.onClose();\n    };\n\n    const onEditPropertyClickedHandler = () => {\n        props.onClose();\n    };\n\n    return (\n        <SimpleModal\n            open={props.isOpen}\n            title={t(Translation.Misc.Summary)}\n            onClose={onCloseModalHandler}\n            mobileFooter={\n                <div className=\"row align-items-center\">\n                    <div className=\"col-4\">\n                        <Text type={TextType.Body}>{t(Translation.Misc.Total)}</Text>\n                        <Text type={TextType.Small} color={Color.Accent}>\n                            <strong>{StringHelper.pluralWithDictAndCount(totalDays, Translation.Misc.Night, t)}</strong>\n                        </Text>\n                    </div>\n                    <div className=\"col-8 u-flex u-flex-direction-column align-items-end\">\n                        <Headline bold={true} size={'normal'} align={TextAlign.Right}>\n                            <Currency>{basketContext.getTotalPrice()}</Currency>\n                        </Headline>\n                        <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                            <span className=\"u-nowrap\">{t(Translation.Step.Room.RoomInfo.IncludesTaxes)}</span>\n                        </Text>\n                    </div>\n                </div>\n            }\n        >\n            <>\n                <div className=\"container\">\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\n                        <div className=\"col-6\">\n                            <Text type={TextType.Small} color={Color.Grey}>\n                                <strong>{t(Translation.Misc.CheckIn)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                {t(Translation.Misc.After)} {hotel?.checkInTime}\n                            </Text>\n                        </div>\n                        <div className=\"col-6\">\n                            <Text type={TextType.Small} color={Color.Grey}>\n                                <strong>{t(Translation.Misc.CheckOut)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row u-border-bottom u-pad-top-bottom\">\n                        <div className=\"col-8\">\n                            <div className=\"u-flex u-flex-flex-start\">\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.startDate ? basketContext.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                                    </span>\n                                </Text>\n                                <span className=\"u-marg-left-right--light\">\n                                    <Icon icon={IconType.ArrowRight2} size={'18px'} color={Color.DarkGrey} />\n                                </span>\n                                <Text type={TextType.Small}>\n                                    <span {...(basketContext.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                                        {basketContext.endDate ? basketContext.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                                    </span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                {basketContext.getNumberOfAdults(true)},&nbsp;\n                                {basketContext.getNumberOfChildren(true)},&nbsp;\n                                {basketContext.getNumberOfRooms(true)}\n                            </Text>\n                        </div>\n                        <div className=\"col-4 u-align-right\">\n                            <Link to={StepRoom.getStepUrl()}>\n                                <BEButton onClick={editOnClick} size={'tiny'}>\n                                    EDIT\n                                </BEButton>\n                            </Link>\n                        </div>\n                    </div>\n\n                    {selectedBasketRows && selectedBasketRows.length ? (\n                        <>\n                            {selectedBasketRows.map((row: BasketRow, index: number) => {\n                                if (!row.isValid()) return;\n\n                                return (\n                                    <BESummaryRoomRow\n                                        row={row}\n                                        index={index}\n                                        key={row.getID()}\n                                        showImages={props.showImages}\n                                        onEditPropertyClicked={onEditPropertyClickedHandler}\n                                    />\n                                );\n                            })}\n\n                            {addons.length > 0 && (\n                                <>\n                                    <LineBreak noMargins={true} darker={true} />\n\n                                    <div className=\"u-marg-top\">\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            <strong>Add-on Items</strong>\n                                        </Text>\n                                    </div>\n\n                                    {addons.map((row: BasketAddonRow, index: number) => {\n                                        const onRemoveClickHandler = () => {\n                                            return basketContext.removeBasketAddonRow(row);\n                                        };\n\n                                        return <BESummaryAddonRow row={row} key={row.getID()} onRemoveClick={onRemoveClickHandler} />;\n                                    })}\n                                </>\n                            )}\n                        </>\n                    ) : (\n                        <div className=\"u-marg-bottom--heavy u-marg-top--heavy\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Text type={TextType.Body}>{t(Translation.Step.General.YourCartIsEmpty)}</Text>\n                            </div>\n                            <div style={{ height: '150px', position: 'relative' }}>\n                                <HotelLocationMap />\n                            </div>\n                            <div className=\"u-marg-top\">\n                                <div className=\"u-marg-bottom\">\n                                    <Text bold={true}>{hotel.name}</Text>\n                                </div>\n                                {getAddressString(addressLine1)}\n                                {getAddressString(addressLine2)}\n                            </div>\n                        </div>\n                    )}\n\n                    {sortedComponents}\n\n                    <div className=\"u-marg-top--heavy u-marg-bottom--heavy\">\n                        <BESummaryPrivacyPolicy />\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/summary/BESummary.d.ts

@@ -1,4 +1,4 @@
-import { OrderableReactList } from '../../hooks/ElementSortHook';
+import { OrderableReactList } from '@frontend/hooks';
 export interface BESummaryProps {
     showImages?: boolean;
 }

package/dist/src/components/summary/BESummary.js

@@ -3,30 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BESummary = exports.BESummaryLayoutOrder = void 0;
 const React = require("react");
 const react_1 = require("react");
-const Headline_1 = require("../generic/Headline");
-const Text_1 = require("../generic/Text");
-const Color_1 = require("../../util/Color");
-const Currency_1 = require("../generic/Currency");
-const Alert_1 = require("../generic/Alert");
-const LineBreak_1 = require("../generic/LineBreak");
-const TextAlignment_1 = require("../../util/TextAlignment");
-const Icon_1 = require("../generic/Icon");
+const Headline_1 = require("components/generic/Headline");
+const Text_1 = require("components/generic/Text");
+const Color_1 = require("util/Color");
+const Currency_1 = require("components/generic/Currency");
+const Alert_1 = require("components/generic/Alert");
+const LineBreak_1 = require("components/generic/LineBreak");
+const TextAlignment_1 = require("util/TextAlignment");
+const Icon_1 = require("components/generic/Icon/Icon");
 const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../translations/Translation");
+const Translation_1 = require("translations/Translation");
+const HotelLocationMap_1 = require("components/generic/map/HotelLocationMap");
+const BESummaryRoomRow_1 = require("components/summary/BESummaryRoomRow");
+const BESummaryAddonRow_1 = require("components/summary/BESummaryAddonRow");
+const BESummaryPerkBlock_1 = require("components/summary/BESummaryPerkBlock");
+const TransportDistanceFromHotelBlock_1 = require("components/summary/TransportDistanceFromHotelBlock");
 const contexts_1 = require("@frontend/contexts");
-const HotelLocationMap_1 = require("../generic/map/HotelLocationMap");
-const BESummaryRoomRow_1 = require("./BESummaryRoomRow");
-const BESummaryAddonRow_1 = require("./BESummaryAddonRow");
-const BESummaryPerkBlock_1 = require("./BESummaryPerkBlock");
-const TransportDistanceFromHotelBlock_1 = require("./TransportDistanceFromHotelBlock");
 const hooks_1 = require("@frontend/hooks");
-const contexts_2 = require("@frontend/contexts");
-const ElementSortHook_1 = require("../../hooks/ElementSortHook");
 const classnames_1 = require("classnames");
-const HotelOverridesContext_1 = require("../../contexts/HotelOverridesContext");
 const TransportDistanceFromHotelBlockContainer = () => {
-    const { transportDistances } = react_1.useContext(HotelOverridesContext_1.HotelOverridesContext);
-    return (React.createElement("div", { className: classnames_1.default('u-flex u-flex-column u-marg-top', {
+    const { transportDistances } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
+    return (React.createElement("div", { className: (0, classnames_1.default)('u-flex u-flex-column u-marg-top', {
             'u-flex-justify-around': Object.entries(transportDistances !== null && transportDistances !== void 0 ? transportDistances : {}).filter(([key, value]) => !!value).length <= 2,
         }) },
         React.createElement(TransportDistanceFromHotelBlock_1.default, { vertical: true })));
@@ -44,16 +41,16 @@ exports.BESummaryLayoutOrder = {
 };
 function BESummary(props) {
     var _a, _b, _c, _d;
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const ccx = react_1.useContext(contexts_2.CompanyContext);
-    const { phoneNumberInSummary } = react_1.useContext(HotelOverridesContext_1.HotelOverridesContext);
-    const { hotel } = hooks_1.useCurrentHotel();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { phoneNumberInSummary } = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const selectedBasketRows = basketContext.getAllValidRows();
     const addons = basketContext.basketAddonRows;
-    const { t } = react_i18next_1.useTranslation();
+    const { t } = (0, react_i18next_1.useTranslation)();
     const addressLine1 = [(_a = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _a === void 0 ? void 0 : _a.line1, (_b = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _b === void 0 ? void 0 : _b.city];
     const addressLine2 = [(_c = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _c === void 0 ? void 0 : _c.postalCode, (_d = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _d === void 0 ? void 0 : _d.state];
-    const { sortedComponents } = ElementSortHook_1.useElementSort(exports.BESummaryLayoutOrder);
+    const { sortedComponents } = (0, hooks_1.useElementSort)(exports.BESummaryLayoutOrder);
     const getAddressString = (val) => {
         const line = val.filter((it) => !!it && it !== '0').join(', ');
         if (line) {