@roomstay/frontend 1.6.1 → 2.0.0-2

package/dist/src/components/reservation/ReservationItem.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReservationAction = void 0;
+const contexts_1 = require("@frontend/contexts");
+const core_1 = require("@roomstay/core");
+const classNames = require("classnames");
+const BEButton_1 = require("components/generic/BEButton");
+const Headline_1 = require("components/generic/Headline");
+const Icon_1 = require("components/generic/Icon/Icon");
+const Text_1 = require("components/generic/Text");
+const ImageGallerySlider_1 = require("components/steps/room/ImageGallerySlider");
+const dayjs = require("dayjs");
+const CurrentHotelHook_1 = require("hooks/CurrentHotelHook");
+const AccountRoutes_1 = require("pages/account/AccountRoutes");
+const ImageProvider_1 = require("providers/ImageProvider");
+const React = require("react");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Translation_1 = require("translations/Translation");
+const Color_1 = require("util/Color");
+const ScreenSize_1 = require("util/ScreenSize");
+const TextAlignment_1 = require("util/TextAlignment");
+const ReservationItem_module_scss_1 = require("./ReservationItem.module.scss");
+const StepManager_1 = require("util/StepManager");
+var ReservationAction;
+(function (ReservationAction) {
+    ReservationAction["MoreDetails"] = "MoreDetails";
+    ReservationAction["BookAgain"] = "BookAgain";
+    ReservationAction["Cancel"] = "Cancel";
+    ReservationAction["Modify"] = "Modify";
+})(ReservationAction = exports.ReservationAction || (exports.ReservationAction = {}));
+const defaultActions = [ReservationAction.MoreDetails];
+const ReservationItem = (props) => {
+    var _a, _b, _c, _d;
+    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false } = props;
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
+    const isMobile = context.screenSize <= ScreenSize_1.default.Large;
+    const nameSize = isMobile ? 'normal' : 'large';
+    const CheckinCheckoutComponent = isMobile ? Text_1.default : Headline_1.default;
+    const renderActions = () => actions.map((action, index) => {
+        const defaultButtonProps = {
+            mobileWidth: true,
+            rounded: true,
+            wide: isMobile,
+            className: classNames({
+                'u-marg-right@m': index === 0,
+            }),
+        };
+        const onActionClick = () => {
+            if (props.onActionClick) {
+                props.onActionClick(action, itineraryItem);
+            }
+        };
+        /**
+         * Only renders Cancel if the booking is NOT cancelled
+         */
+        if (cancelled && action === ReservationAction.Cancel) {
+            return;
+        }
+        /**
+         * Only renders BookAgain if booking IS cancelled
+         */
+        if (!cancelled && action === ReservationAction.BookAgain) {
+            return;
+        }
+        switch (action) {
+            case ReservationAction.Modify:
+                return (React.createElement(BEButton_1.default, Object.assign({}, defaultButtonProps, { icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: onActionClick }), t(Translation_1.Translation.Reservation.ModifyThisRoom)));
+            case ReservationAction.Cancel:
+                return (React.createElement(BEButton_1.default, Object.assign({}, defaultButtonProps, { danger: true, onClick: onActionClick, disabled: !itineraryItem.isCancellable }), t(Translation_1.Translation.Reservation.CancelReservation)));
+            case ReservationAction.BookAgain:
+                return (React.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getFirstStep().getStepUrl() },
+                    React.createElement(BEButton_1.default, Object.assign({}, defaultButtonProps, { icon: Icon_1.IconType.ArrowRight, iconPosition: "right", onClick: onActionClick }), t(Translation_1.Translation.Reservation.BookAgain))));
+            case ReservationAction.MoreDetails:
+                return (React.createElement(react_router_dom_1.Link, { to: `${AccountRoutes_1.AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item` },
+                    React.createElement(BEButton_1.default, Object.assign({}, defaultButtonProps, { primary: true, filled: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right" }), t(Translation_1.Translation.Reservation.MoreDetails))));
+        }
+    });
+    if (!itineraryItem) {
+        return React.createElement(React.Fragment, null);
+    }
+    const itineraryItemNights = Object.keys(itineraryItem.nights);
+    const checkInDate = dayjs(itineraryItem.checkInDate);
+    const checkOutDate = dayjs(itineraryItem.checkOutDate);
+    const reservationOccupancy = itineraryItem.adults + itineraryItem.children;
+    const cancelled = itineraryItem.status === core_1.IBookingStatus.Cancelled;
+    return (React.createElement(React.Fragment, null,
+        showCancelledNotifications && cancelled && (React.createElement("div", { className: ReservationItem_module_scss_1.default['cancelledNotification'] },
+            React.createElement("div", { className: ReservationItem_module_scss_1.default['cancelledNotification-icon'] },
+                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Error, size: '44px', color: Color_1.Color.Danger })),
+            React.createElement("div", null,
+                React.createElement(Text_1.default, { type: Text_1.TextType.Small, bold: true, color: Color_1.Color.Danger, className: ReservationItem_module_scss_1.default['cancelledNotification-title'] }, "This room is cancelled!"),
+                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                    "This room has been cancelled, please",
+                    ' ',
+                    React.createElement("span", { style: { color: Color_1.Color.Accent } },
+                        React.createElement(react_router_dom_1.Link, { to: AccountRoutes_1.AccountRoutes.Help.path }, "get in touch")),
+                    ' ',
+                    "if you find this to be a mistake")))),
+        React.createElement("div", { className: classNames('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom }) },
+            React.createElement("div", { className: "reservation-item" },
+                React.createElement("div", { className: classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled }) },
+                    React.createElement(ImageGallerySlider_1.default, { images: itineraryItem.images, imageSize: ImageProvider_1.ImageSize.Medium }),
+                    React.createElement("div", { className: "reservation-item--floating-date" },
+                        React.createElement(Headline_1.default, { size: 'extra-large', color: cancelled ? Color_1.Color.DarkGrey : Color_1.Color.White, align: TextAlignment_1.TextAlign.Center }, checkInDate.format('DD')),
+                        React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: cancelled ? Color_1.Color.DarkGrey : Color_1.Color.White, bold: true }, checkInDate.format('MMM YYYY')))),
+                React.createElement("div", { className: "reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none" },
+                    React.createElement("div", { className: "reservation-item--content-title u-marg-bottom--light" },
+                        React.createElement(Headline_1.default, { bold: true, size: nameSize }, itineraryItem.roomName)),
+                    React.createElement("div", { className: "text-body u-marg-bottom" }, ((_b = (_a = itineraryItem === null || itineraryItem === void 0 ? void 0 : itineraryItem.profile) === null || _a === void 0 ? void 0 : _a.firstName) !== null && _b !== void 0 ? _b : '') + ' ' + ((_d = (_c = itineraryItem === null || itineraryItem === void 0 ? void 0 : itineraryItem.profile) === null || _c === void 0 ? void 0 : _c.lastName) !== null && _d !== void 0 ? _d : '')),
+                    React.createElement("div", { className: "reservation-item--info u-marg-bottom--heavy" },
+                        React.createElement("div", { className: "u-flex u-flex-gap--light" },
+                            React.createElement("div", { className: "u-flex u-flex-nowrap u-flex-gap--light" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Calendar, color: Color_1.Color.Grey }),
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, checkInDate.format('D MMM, YYYY'))),
+                            React.createElement("div", { className: "u-flex u-flex-nowrap u-flex-gap--light" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, color: Color_1.Color.Grey }),
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, checkOutDate.format('D MMM, YYYY')))),
+                        React.createElement("div", { className: "u-flex u-flex-gap" },
+                            React.createElement("div", { className: "u-flex u-flex-nowrap u-flex-gap--light" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.LateCheckout, color: Color_1.Color.Grey }),
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, `${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`)),
+                            React.createElement("div", { className: "u-flex u-flex-nowrap u-flex-gap--light" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Person, color: Color_1.Color.Grey }),
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, `${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`)))),
+                    React.createElement("div", { className: "reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded" },
+                        React.createElement("div", { className: "u-marg-right--heavy" },
+                            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Misc.CheckIn)),
+                            React.createElement(CheckinCheckoutComponent, null,
+                                t(Translation_1.Translation.Reservation.After),
+                                " ",
+                                hotel.checkInTime)),
+                        React.createElement("div", null,
+                            React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Misc.CheckOut)),
+                            React.createElement(CheckinCheckoutComponent, null,
+                                t(Translation_1.Translation.Reservation.Before),
+                                " ",
+                                hotel.checkOutTime))),
+                    React.createElement("div", { className: "reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy" }, renderActions()))))));
+};
+exports.default = ReservationItem;
+//# sourceMappingURL=ReservationItem.js.map

package/dist/src/components/reservation/ReservationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport * as classNames from 'classnames';\nimport BEButton, { BEButtonProps } from 'components/generic/BEButton';\nimport Headline, { HeadlineProps } from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport * as dayjs from 'dayjs';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\nimport { AccountRoutes } from 'pages/account/AccountRoutes';\nimport { ImageSize } from 'providers/ImageProvider';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport { TextAlign } from 'util/TextAlignment';\nimport styles from './ReservationItem.module.scss';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport StepManager from 'util/StepManager';\n\nexport enum ReservationAction {\n    MoreDetails = 'MoreDetails',\n    BookAgain = 'BookAgain',\n    Cancel = 'Cancel',\n    Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n    itineraryItem: IRoomstayMemberBookingItemWithRef;\n    disableMarginBottom?: boolean;\n    actions?: ReservationAction[];\n    showCancelledNotifications?: boolean;\n    onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRef) => void;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false } = props;\n\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n    const CheckinCheckoutComponent = isMobile ? Text : Headline;\n\n    const renderActions = () =>\n        actions.map((action, index) => {\n            const defaultButtonProps: BEButtonProps = {\n                mobileWidth: true,\n                rounded: true,\n                wide: isMobile,\n                className: classNames({\n                    'u-marg-right@m': index === 0,\n                }),\n            };\n\n            const onActionClick = () => {\n                if (props.onActionClick) {\n                    props.onActionClick(action, itineraryItem);\n                }\n            };\n\n            /**\n             * Only renders Cancel if the booking is NOT cancelled\n             */\n            if (cancelled && action === ReservationAction.Cancel) {\n                return;\n            }\n\n            /**\n             * Only renders BookAgain if booking IS cancelled\n             */\n            if (!cancelled && action === ReservationAction.BookAgain) {\n                return;\n            }\n\n            switch (action) {\n                case ReservationAction.Modify:\n                    return (\n                        <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                            {t(Translation.Reservation.ModifyThisRoom)}\n                        </BEButton>\n                    );\n                case ReservationAction.Cancel:\n                    return (\n                        <BEButton {...defaultButtonProps} danger={true} onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.CancelReservation)}\n                        </BEButton>\n                    );\n                case ReservationAction.BookAgain:\n                    return (\n                        <Link to={StepManager.getFirstStep().getStepUrl()}>\n                            <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                                {t(Translation.Reservation.BookAgain)}\n                            </BEButton>\n                        </Link>\n                    );\n                case ReservationAction.MoreDetails:\n                    return (\n                        <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`}>\n                            <BEButton {...defaultButtonProps} primary={true} filled={true} icon={IconType.ArrowRight} iconPosition=\"right\">\n                                {t(Translation.Reservation.MoreDetails)}\n                            </BEButton>\n                        </Link>\n                    );\n            }\n        });\n\n    if (!itineraryItem) {\n        return <></>;\n    }\n\n    const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n    const checkInDate = dayjs(itineraryItem.checkInDate);\n    const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n    const reservationOccupancy = itineraryItem.adults + itineraryItem.children;\n\n    const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n    return (\n        <>\n            {showCancelledNotifications && cancelled && (\n                <div className={styles['cancelledNotification']}>\n                    <div className={styles['cancelledNotification-icon']}>\n                        <Icon icon={IconType.Error} size={'44px'} color={Color.Danger} />\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} bold={true} color={Color.Danger} className={styles['cancelledNotification-title']}>\n                            This room is cancelled!\n                        </Text>\n                        <Text type={TextType.Small}>\n                            This room has been cancelled, please{' '}\n                            <span style={{ color: Color.Accent }}>\n                                <Link to={AccountRoutes.Help.path}>get in touch</Link>\n                            </span>{' '}\n                            if you find this to be a mistake\n                        </Text>\n                    </div>\n                </div>\n            )}\n            <div className={classNames('reservation-item-container', { 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n                <div className=\"reservation-item\">\n                    <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n                        <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n                        <div className=\"reservation-item--floating-date\">\n                            <Headline size={'extra-large'} color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n                                {checkInDate.format('DD')}\n                            </Headline>\n                            <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold={true}>\n                                {checkInDate.format('MMM YYYY')}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n                        <div className=\"reservation-item--content-title u-marg-bottom--light\">\n                            <Headline bold size={nameSize}>\n                                {itineraryItem.roomName}\n                            </Headline>\n                        </div>\n                        <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n                        <div className=\"reservation-item--info u-marg-bottom--heavy\">\n                            <div className=\"u-flex u-flex-gap--light\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-gap\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Person} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n                            <div className=\"u-marg-right--heavy\">\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckIn)}\n                                </Text>\n                                <CheckinCheckoutComponent>\n                                    {t(Translation.Reservation.After)} {hotel.checkInTime}\n                                </CheckinCheckoutComponent>\n                            </div>\n                            <div>\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckOut)}\n                                </Text>\n                                <CheckinCheckoutComponent>\n                                    {t(Translation.Reservation.Before)} {hotel.checkOutTime}\n                                </CheckinCheckoutComponent>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default ReservationItem;\n"]}

package/dist/src/components/reservation/ReservationList.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ReservationItemProps } from 'components/reservation/ReservationItem';
+import { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';
+interface ReservationListProps {
+    reservationItems: IRoomstayMemberBookingItemWithRef[];
+    actions?: ReservationItemProps['actions'];
+    onActionClick?: ReservationItemProps['onActionClick'];
+    showCancelledNotifications?: boolean;
+}
+declare const ReservationList: React.FC<ReservationListProps>;
+export default ReservationList;

package/dist/src/components/reservation/ReservationList.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const ReservationItem_1 = require("components/reservation/ReservationItem");
+const ReservationList = (props) => {
+    const { reservationItems = [], actions } = props;
+    return (React.createElement("div", null, reservationItems.map((reservationItem, index) => (React.createElement(ReservationItem_1.default, { key: reservationItem.id, itineraryItem: reservationItem, disableMarginBottom: index === reservationItems.length - 1, actions: actions, onActionClick: props.onActionClick, showCancelledNotifications: props.showCancelledNotifications })))));
+};
+exports.default = ReservationList;
+//# sourceMappingURL=ReservationList.js.map

package/dist/src/components/reservation/ReservationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReservationList.js","sourceRoot":"/","sources":["src/components/reservation/ReservationList.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,4EAA+F;AAU/F,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,gBAAgB,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACH,iCACK,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,oBAAC,yBAAe,IACZ,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,aAAa,EAAE,eAAe,EAC9B,mBAAmB,EAAE,KAAK,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAC1D,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,GAC9D,CACL,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport ReservationItem, { ReservationItemProps } from 'components/reservation/ReservationItem';\nimport { IRoomstayMemberBookingItemWithRef } from '@frontend/contexts';\n\ninterface ReservationListProps {\n    reservationItems: IRoomstayMemberBookingItemWithRef[];\n    actions?: ReservationItemProps['actions'];\n    onActionClick?: ReservationItemProps['onActionClick'];\n    showCancelledNotifications?: boolean;\n}\n\nconst ReservationList: React.FC<ReservationListProps> = (props) => {\n    const { reservationItems = [], actions } = props;\n\n    return (\n        <div>\n            {reservationItems.map((reservationItem, index) => (\n                <ReservationItem\n                    key={reservationItem.id}\n                    itineraryItem={reservationItem}\n                    disableMarginBottom={index === reservationItems.length - 1}\n                    actions={actions}\n                    onActionClick={props.onActionClick}\n                    showCancelledNotifications={props.showCancelledNotifications}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport default ReservationList;\n"]}

package/dist/src/components/steps/DaysSelectedInformer.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const Text_1 = require("../generic/Text");
-const Color_1 = require("../../util/Color");
-const DatePickerContext_1 = require("../../contexts/DatePickerContext");
+const Text_1 = require("components/generic/Text");
+const Color_1 = require("util/Color");
+const contexts_1 = require("@frontend/contexts");
 function DaysSelectedInformer() {
-    const dpContext = react_1.useContext(DatePickerContext_1.DatePickerContext);
+    const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
     const { startDate, endDate, hoveredMonth: hoveredDate } = dpContext;
     let daysPicked = 0;
     const correctEndDate = hoveredDate !== null && hoveredDate !== void 0 ? hoveredDate : endDate;

package/dist/src/components/steps/DaysSelectedInformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAmC;AAEnC,0CAAiD;AACjD,4CAAyC;AAEzC,wEAAqE;AAErE,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,kBAAU,CAAC,qCAAiB,CAAC,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEpE,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC;IAE9C,IAAI,SAAS,IAAI,cAAc,EAAE;QAC7B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAChE;IAED,OAAO,CACH,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACvD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;;QACc,UAAU;qBAAW,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO;;QAAQ,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAC/F,CACN,CAAC,CAAC,CAAC,CACA,qEAA6B,CAChC,CACE,CACV,CAAC;AACN,CAAC;AAvBD,uCAuBC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\n\nimport Text, { TextType } from '../generic/Text';\nimport { Color } from '../../util/Color';\n\nimport { DatePickerContext } from '../../contexts/DatePickerContext';\n\nexport default function DaysSelectedInformer() {\n    const dpContext = useContext(DatePickerContext);\n\n    const { startDate, endDate, hoveredMonth: hoveredDate } = dpContext;\n\n    let daysPicked = 0;\n    const correctEndDate = hoveredDate ?? endDate;\n\n    if (startDate && correctEndDate) {\n        daysPicked = correctEndDate.diff(dpContext.startDate, 'day');\n    }\n\n    return (\n        <Text bold={true} color={Color.Success} type={TextType.Small}>\n            {daysPicked > 0 ? (\n                <>\n                    Selected {daysPicked} nights, {startDate?.format('D MMM')}, to {correctEndDate.format('D MMM')}\n                </>\n            ) : (\n                <>Please select your dates</>\n            )}\n        </Text>\n    );\n}\n"]}
+{"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAmC;AAEnC,kDAAyD;AACzD,sCAAmC;AAEnC,iDAAuD;AAEvD,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEpE,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC;IAE9C,IAAI,SAAS,IAAI,cAAc,EAAE;QAC7B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAChE;IAED,OAAO,CACH,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACvD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;;QACc,UAAU;qBAAW,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO,CAAC;;QAAO,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAC/F,CACN,CAAC,CAAC,CAAC,CACA,qEAA6B,CAChC,CACE,CACV,CAAC;AACN,CAAC;AAvBD,uCAuBC","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\n\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\n\nimport { DatePickerContext } from '@frontend/contexts';\n\nexport default function DaysSelectedInformer() {\n    const dpContext = useContext(DatePickerContext);\n\n    const { startDate, endDate, hoveredMonth: hoveredDate } = dpContext;\n\n    let daysPicked = 0;\n    const correctEndDate = hoveredDate ?? endDate;\n\n    if (startDate && correctEndDate) {\n        daysPicked = correctEndDate.diff(dpContext.startDate, 'day');\n    }\n\n    return (\n        <Text bold={true} color={Color.Success} type={TextType.Small}>\n            {daysPicked > 0 ? (\n                <>\n                    Selected {daysPicked} nights, {startDate?.format('D MMM')}, to {correctEndDate.format('D MMM')}\n                </>\n            ) : (\n                <>Please select your dates</>\n            )}\n        </Text>\n    );\n}\n"]}

package/dist/src/components/steps/MinimumNightStayPill.js

@@ -4,26 +4,26 @@ const React = require("react");
 const browser_1 = require("@sentry/browser");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = require("../../api/BookingAPI");
+const BookingAPI_1 = require("api/BookingAPI");
 const contexts_1 = require("@frontend/contexts");
-const NoHotelSelectedError_1 = require("../../errors/NoHotelSelectedError");
-const Translation_1 = require("../../translations/Translation");
-const Icon_1 = require("../generic/Icon");
-const SmallSpinner_1 = require("../generic/loader/SmallSpinner");
-const Pill_1 = require("../generic/Pill");
+const NoHotelSelectedError_1 = require("errors/NoHotelSelectedError");
+const Translation_1 = require("translations/Translation");
+const Icon_1 = require("components/generic/Icon/Icon");
+const SmallSpinner_1 = require("components/generic/loader/SmallSpinner");
+const Pill_1 = require("components/generic/Pill");
 const hooks_1 = require("@frontend/hooks");
 function MinimumNightStayPill() {
     var _a;
-    const { hotel } = hooks_1.useCurrentHotel();
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
-    const [isLoading, setIsLoading] = react_1.useState(false);
-    const [minNights, setMinNights] = react_1.useState(-1);
-    const [loadIndex, setLoadIndex] = react_1.useState(0);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [minNights, setMinNights] = (0, react_1.useState)(-1);
+    const [loadIndex, setLoadIndex] = (0, react_1.useState)(0);
     const selectedBasketRow = (_a = basketContext.selectedBasketRow) !== null && _a !== void 0 ? _a : basketContext.currentBasketRows[0];
     const startDate = selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getStartDate();
     const endDate = selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getEndDate();
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!hotel) {
             return;
         }
@@ -45,7 +45,7 @@ function MinimumNightStayPill() {
             })
                 .catch((ex) => {
                 if (!(ex instanceof NoHotelSelectedError_1.NoHotelSelectedError)) {
-                    browser_1.captureException(ex);
+                    (0, browser_1.captureException)(ex);
                 }
             });
         }

package/dist/src/components/steps/MinimumNightStayPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { captureException } from '@sentry/browser';\n\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport API from '../../api/BookingAPI';\n\nimport { BasketContext } from '@frontend/contexts';\nimport { NoHotelSelectedError } from '../../errors/NoHotelSelectedError';\nimport { Translation } from '../../translations/Translation';\nimport { IconType } from '../generic/Icon';\nimport SmallSpinner from '../generic/loader/SmallSpinner';\nimport Pill, { PillType } from '../generic/Pill';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNights, setMinNights] = useState(-1);\n\n    const [loadIndex, setLoadIndex] = useState(0);\n\n    const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const startDate = selectedBasketRow?.getStartDate();\n    const endDate = selectedBasketRow?.getEndDate();\n\n    useEffect(() => {\n        if (!hotel) {\n            return;\n        }\n\n        let cancelled = false;\n        setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n        if (endDate?.isValid()) {\n            setIsLoading(true);\n\n            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID)\n                .then((response) => {\n                    if (!cancelled) {\n                        setIsLoading(false);\n                        if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n                            setMinNights(response.Quantity);\n                        } else {\n                            setMinNights(-1);\n                        }\n                    }\n                })\n                .catch((ex) => {\n                    if (!(ex instanceof NoHotelSelectedError)) {\n                        captureException(ex);\n                    }\n                });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [selectedBasketRow, startDate, endDate]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    return (\n        <div className=\"u-mh-30\">\n            {isLoading ? (\n                <SmallSpinner />\n            ) : minNights !== -1 ? (\n                <Pill type={PillType.Primary} icon={IconType.Info}>\n                    {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n                </Pill>\n            ) : (\n                <></>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { captureException } from '@sentry/browser';\n\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport API from 'api/BookingAPI';\n\nimport { BasketContext } from '@frontend/contexts';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport { Translation } from 'translations/Translation';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNights, setMinNights] = useState(-1);\n\n    const [loadIndex, setLoadIndex] = useState(0);\n\n    const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const startDate = selectedBasketRow?.getStartDate();\n    const endDate = selectedBasketRow?.getEndDate();\n\n    useEffect(() => {\n        if (!hotel) {\n            return;\n        }\n\n        let cancelled = false;\n        setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n        if (endDate?.isValid()) {\n            setIsLoading(true);\n\n            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID)\n                .then((response) => {\n                    if (!cancelled) {\n                        setIsLoading(false);\n                        if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n                            setMinNights(response.Quantity);\n                        } else {\n                            setMinNights(-1);\n                        }\n                    }\n                })\n                .catch((ex) => {\n                    if (!(ex instanceof NoHotelSelectedError)) {\n                        captureException(ex);\n                    }\n                });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [selectedBasketRow, startDate, endDate]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    return (\n        <div className=\"u-mh-30\">\n            {isLoading ? (\n                <SmallSpinner />\n            ) : minNights !== -1 ? (\n                <Pill type={PillType.Primary} icon={IconType.Info}>\n                    {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n                </Pill>\n            ) : (\n                <></>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/addons/AddonCard.d.ts

@@ -1,4 +1,4 @@
-import { Addon } from '../../../models/Addon/Addon';
+import { Addon } from 'models/Addon/Addon';
 interface Props {
     addon: Addon;
     className?: string;

package/dist/src/components/steps/addons/AddonCard.js

@@ -4,32 +4,32 @@ const React = require("react");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-const Addon_1 = require("../../../models/Addon/Addon");
-const Translation_1 = require("../../../translations/Translation");
-const Color_1 = require("../../../util/Color");
-const BEButton_1 = require("../../generic/BEButton");
-const BESelect_1 = require("../../generic/BESelect");
-const Currency_1 = require("../../generic/Currency");
-const Headline_1 = require("../../generic/Headline");
-const Icon_1 = require("../../generic/Icon");
-const NumberIncrement_1 = require("../../generic/NumberIncrement");
-const Text_1 = require("../../generic/Text");
+const Addon_1 = require("models/Addon/Addon");
+const Translation_1 = require("translations/Translation");
+const Color_1 = require("util/Color");
+const BEButton_1 = require("components/generic/BEButton");
+const BESelect_1 = require("components/generic/BESelect");
+const Currency_1 = require("components/generic/Currency");
+const Headline_1 = require("components/generic/Headline");
+const Icon_1 = require("components/generic/Icon/Icon");
+const NumberIncrement_1 = require("components/generic/NumberIncrement");
+const Text_1 = require("components/generic/Text");
 const classnames_1 = require("classnames");
-const Check_1 = require("../../../icons/Check");
+const Check_1 = require("icons/Check");
 const hooks_1 = require("@frontend/hooks");
 const AddonCard = ({ addon, className }) => {
     var _a;
-    const { t } = react_i18next_1.useTranslation();
-    const { hotel } = hooks_1.useCurrentHotel();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const basketContext = React.useContext(contexts_1.BasketContext);
     const addonBasketRow = basketContext.getRowForAddon(addon);
-    const [quantity, setQuantity] = react_1.useState(1);
-    const [adultQuantity, setAdultQuantity] = react_1.useState(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);
-    const [childQuantity, setChildQuantity] = react_1.useState(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);
-    const [priceInfo, setPriceInfo] = react_1.useState({ quantity: 1 });
-    const [selectedDate, setSelectedDate] = react_1.useState(addonBasketRow ? addonBasketRow.getSelectedDate() : '');
-    const [selectedTime, setSelectedTime] = react_1.useState(addonBasketRow ? addonBasketRow.getSelectedTime() : '');
-    react_1.useEffect(() => {
+    const [quantity, setQuantity] = (0, react_1.useState)(1);
+    const [adultQuantity, setAdultQuantity] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);
+    const [childQuantity, setChildQuantity] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);
+    const [priceInfo, setPriceInfo] = (0, react_1.useState)({ quantity: 1 });
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getSelectedDate() : '');
+    const [selectedTime, setSelectedTime] = (0, react_1.useState)(addonBasketRow ? addonBasketRow.getSelectedTime() : '');
+    (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d, _e, _f, _g;
         if (addonBasketRow) {
             setPriceInfo((_a = addon.availability[addonBasketRow.getSelectedDate()]) !== null && _a !== void 0 ? _a : addon.availability[addon.firstDate]);
@@ -61,7 +61,7 @@ const AddonCard = ({ addon, className }) => {
             child: childQuantity,
         }, selectedDate, selectedTime);
     };
-    const classes = classnames_1.default({
+    const classes = (0, classnames_1.default)({
         '--active': !!basketContext.getRowForAddon(addon),
     });
     const onClickRemove = () => {
@@ -112,7 +112,7 @@ const AddonCard = ({ addon, className }) => {
             element: React.createElement(NumberIncrement_1.default, { number: childQuantity, min: 0, max: priceInfo.quantity - adultQuantity, onChange: setChildQuantityOnChange }),
         },
     ];
-    let pricingTypeSuffix = (() => {
+    const pricingTypeSuffix = (() => {
         switch (addon.pricingType) {
             case Addon_1.AddonPricingType.PER_STAY:
                 return 'QTY';

package/dist/src/components/steps/addons/AddonCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddonCard.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState, useEffect } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon, PriceInfo, AddonPricingType } from '../../../models/Addon/Addon';\nimport { Translation } from '../../../translations/Translation';\nimport { Color } from '../../../util/Color';\nimport BEButton from '../../generic/BEButton';\nimport BESelect from '../../generic/BESelect';\nimport Currency from '../../generic/Currency';\nimport Headline from '../../generic/Headline';\nimport { IconDropdownFilled } from '../../generic/Icon';\nimport NumberIncrement from '../../generic/NumberIncrement';\nimport Text, { TextType } from '../../generic/Text';\nimport classNames from 'classnames';\nimport Check from '../../../icons/Check';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface Props {\n    addon: Addon;\n    className?: string;\n}\n\nconst AddonCard = ({ addon, className }: Props) => {\n    const { t } = useTranslation();\n\n    const { hotel } = useCurrentHotel();\n    const basketContext = React.useContext(BasketContext);\n\n    const addonBasketRow = basketContext.getRowForAddon(addon);\n\n    const [quantity, setQuantity] = useState(1);\n    const [adultQuantity, setAdultQuantity] = useState(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);\n\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n\n    const [selectedDate, setSelectedDate] = useState(addonBasketRow ? addonBasketRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState(addonBasketRow ? addonBasketRow.getSelectedTime() : '');\n\n    useEffect(() => {\n        if (addonBasketRow) {\n            setPriceInfo(addon.availability[addonBasketRow.getSelectedDate()] ?? addon.availability[addon.firstDate]);\n            setSelectedDate(addonBasketRow.getSelectedDate() ?? addon.firstDate);\n            setSelectedTime(addonBasketRow.getSelectedTime() ?? '');\n            setQuantity(addonBasketRow.getQuantity());\n            setAdultQuantity(addonBasketRow.getAdultQuantity());\n            setChildQuantity(addonBasketRow.getChildQuantity());\n        } else {\n            setPriceInfo(addon.availability[addon.firstDate] ?? ([] as any));\n            setSelectedDate(addon.firstDate);\n            setSelectedTime(addon.availability[addon.firstDate]?.selectorTimes?.[0]?.value);\n        }\n    }, []);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value);\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n    };\n\n    const classes = classNames({\n        '--active': !!basketContext.getRowForAddon(addon),\n    });\n\n    const onClickRemove = () => {\n        const selectedAddon = basketContext.basketAddonRows.find((row) => {\n            return row.getAddon().code === addon.code;\n        });\n        basketContext.removeBasketAddonRow(selectedAddon);\n    };\n\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    const addonConfigurations = [\n        {\n            name: 'Date',\n            enabled: addonBasketRow?.getNumberOfAvailableNights() > 1 && !addonBasketRow.getAddon().hideDatePicker,\n            element: (\n                <BESelect\n                    className=\"u-flex align-items-center\"\n                    onChange={setDateOnChange}\n                    selectedValue={selectedDate}\n                    iconComponent={IconDropdownFilled}\n                    items={addon.selectorDates}\n                />\n            ),\n        },\n        {\n            name: 'Time',\n            enabled: priceInfo?.selectorTimes?.length !== 0,\n            element: (\n                <BESelect\n                    className=\"u-flex align-items-center\"\n                    onChange={setSelectedTimeOnChange}\n                    selectedValue={selectedTime}\n                    iconComponent={IconDropdownFilled}\n                    items={priceInfo?.selectorTimes}\n                />\n            ),\n        },\n        {\n            name: Translation.Step.Addon.Quantity,\n            enabled: priceInfo?.price,\n            element: <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />,\n        },\n        {\n            name: Translation.Step.Date.Adult_plural,\n            enabled: priceInfo?.adultPrice,\n            element: <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />,\n        },\n        {\n            name: Translation.Step.Date.Child_plural,\n            enabled: priceInfo?.childPrice,\n            element: <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />,\n        },\n    ];\n\n    let pricingTypeSuffix = (() => {\n        switch (addon.pricingType) {\n            case AddonPricingType.PER_STAY:\n                return 'QTY';\n            case AddonPricingType.PER_NIGHT:\n                return 'Night';\n            case AddonPricingType.PER_PERSON:\n                return 'Person';\n            case AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n            case AddonPricingType.PER_PERSON_PER_NIGHT:\n                return 'Person per night';\n            case AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n                return 'Adult per night';\n            case AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n                return 'Adult per night';\n            case AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n                return 'Night';\n            case AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n                return 'Per Room / Day';\n        }\n    })();\n\n    const addonCardImageStyle: any = {};\n    if (addon.image) {\n        addonCardImageStyle.backgroundImage = `url('${addon.image}')`;\n    } else {\n        addonCardImageStyle.backgroundImage = `url('${hotel.logo}')`;\n        addonCardImageStyle.backgroundSize = '50%';\n        addonCardImageStyle.backgroundRepeat = 'no-repeat';\n    }\n\n    return (\n        <div className={'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes} style={{ backgroundColor: Color.White }}>\n            <div className=\"addon-card-image\" style={addonCardImageStyle} />\n            <div className=\"u-marg-heavy u-marg@m- u-w-100@xl\">\n                <div className=\"u-flex\">\n                    <Headline bold={true}>{addon.name}</Headline>\n                    {addonBasketRow ? <Check /> : <></>}\n                </div>\n                <Text color={Color.DarkGrey} type={TextType.Small}>\n                    {addon.description}\n                </Text>\n                <div className=\"addon-card-wrapper--price u-flex u-flex-align-flex-end\">\n                    <div className=\"u-w-100\">\n                        {addonConfigurations.map((input) => {\n                            if (!input.enabled) {\n                                return;\n                            }\n\n                            return (\n                                <div key={input.name} className=\"u-flex justify-content-start u-marg-bot u-marg-top\">\n                                    <Text className=\"u-mw-100\" bold={true}>\n                                        {t(input.name)}\n                                    </Text>\n                                    {input.element}\n                                </div>\n                            );\n                        })}\n\n                        {/* {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )} */}\n                    </div>\n                    <div className=\"addon-card-wrapper--price-action\">\n                        <div className=\"u-flex u-flex-direction-column u-flex-align-flex-end\" style={{ alignSelf: 'flex-end' }}>\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-align-items-baseline flex-row\">\n                                {priceInfo?.price && (\n                                    <>\n                                        <div className=\"u-flex align-items-end\">\n                                            <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                <Currency hideDecimals={true}>{priceInfo.price}</Currency>\n                                            </Headline>\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                / {pricingTypeSuffix}\n                                            </Text>\n                                        </div>\n                                    </>\n                                )}\n                                {(!!priceInfo?.adultPrice || !!priceInfo?.childPrice) && (\n                                    <h2 className=\"u-marg-none d-flex flex-wrap justify-content-end\">\n                                        {!!priceInfo.adultPrice && (\n                                            <div className=\"d-flex align-items-end flex-row\">\n                                                <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.adultPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                    / {t(Translation.Step.Date.Adult)}\n                                                </Text>\n                                            </div>\n                                        )}\n                                        {!!priceInfo.adultPrice && !!priceInfo.childPrice && <br />}\n                                        {!!priceInfo.childPrice && (\n                                            <div className=\"d-flex align-items-end flex-row\">\n                                                <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.childPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                    / {t(Translation.Step.Date.Child)}\n                                                </Text>\n                                            </div>\n                                        )}\n                                    </h2>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                    Including Fees and Taxes\n                                </Text>\n                            </div>\n                        </div>\n                        <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row\">\n                            {addonBasketRow ? (\n                                <div className=\"u-marg-right--light@l u-marg-bottom--light@l-\">\n                                    <BEButton onClick={onClickRemove} textColor={Color.White} backgroundColor={Color.Navy} wide={true}>\n                                        {t(Translation.Step.Addon.Remove)}\n                                    </BEButton>\n                                </div>\n                            ) : (\n                                <></>\n                            )}\n                            <BEButton onClick={onClickAddToCartHandler} primary={true} filled={true} wide={true}>\n                                {addonBasketRow ? t(Translation.Step.Addon.UpdateCart) : t(Translation.Step.Addon.AddToCart)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default AddonCard;\n"]}
+{"version":3,"file":"AddonCard.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState, useEffect } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon, PriceInfo, AddonPricingType } from 'models/Addon/Addon';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport BEButton from 'components/generic/BEButton';\nimport BESelect from 'components/generic/BESelect';\nimport Currency from 'components/generic/Currency';\nimport Headline from 'components/generic/Headline';\nimport { IconDropdownFilled } from 'components/generic/Icon/Icon';\nimport NumberIncrement from 'components/generic/NumberIncrement';\nimport Text, { TextType } from 'components/generic/Text';\nimport classNames from 'classnames';\nimport Check from 'icons/Check';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface Props {\n    addon: Addon;\n    className?: string;\n}\n\nconst AddonCard = ({ addon, className }: Props) => {\n    const { t } = useTranslation();\n\n    const { hotel } = useCurrentHotel();\n    const basketContext = React.useContext(BasketContext);\n\n    const addonBasketRow = basketContext.getRowForAddon(addon);\n\n    const [quantity, setQuantity] = useState(1);\n    const [adultQuantity, setAdultQuantity] = useState(addonBasketRow ? addonBasketRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(addonBasketRow ? addonBasketRow.getChildQuantity() : 0);\n\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n\n    const [selectedDate, setSelectedDate] = useState(addonBasketRow ? addonBasketRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState(addonBasketRow ? addonBasketRow.getSelectedTime() : '');\n\n    useEffect(() => {\n        if (addonBasketRow) {\n            setPriceInfo(addon.availability[addonBasketRow.getSelectedDate()] ?? addon.availability[addon.firstDate]);\n            setSelectedDate(addonBasketRow.getSelectedDate() ?? addon.firstDate);\n            setSelectedTime(addonBasketRow.getSelectedTime() ?? '');\n            setQuantity(addonBasketRow.getQuantity());\n            setAdultQuantity(addonBasketRow.getAdultQuantity());\n            setChildQuantity(addonBasketRow.getChildQuantity());\n        } else {\n            setPriceInfo(addon.availability[addon.firstDate] ?? ([] as any));\n            setSelectedDate(addon.firstDate);\n            setSelectedTime(addon.availability[addon.firstDate]?.selectorTimes?.[0]?.value);\n        }\n    }, []);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value);\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n    };\n\n    const classes = classNames({\n        '--active': !!basketContext.getRowForAddon(addon),\n    });\n\n    const onClickRemove = () => {\n        const selectedAddon = basketContext.basketAddonRows.find((row) => {\n            return row.getAddon().code === addon.code;\n        });\n        basketContext.removeBasketAddonRow(selectedAddon);\n    };\n\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    const addonConfigurations = [\n        {\n            name: 'Date',\n            enabled: addonBasketRow?.getNumberOfAvailableNights() > 1 && !addonBasketRow.getAddon().hideDatePicker,\n            element: (\n                <BESelect\n                    className=\"u-flex align-items-center\"\n                    onChange={setDateOnChange}\n                    selectedValue={selectedDate}\n                    iconComponent={IconDropdownFilled}\n                    items={addon.selectorDates}\n                />\n            ),\n        },\n        {\n            name: 'Time',\n            enabled: priceInfo?.selectorTimes?.length !== 0,\n            element: (\n                <BESelect\n                    className=\"u-flex align-items-center\"\n                    onChange={setSelectedTimeOnChange}\n                    selectedValue={selectedTime}\n                    iconComponent={IconDropdownFilled}\n                    items={priceInfo?.selectorTimes}\n                />\n            ),\n        },\n        {\n            name: Translation.Step.Addon.Quantity,\n            enabled: priceInfo?.price,\n            element: <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />,\n        },\n        {\n            name: Translation.Step.Date.Adult_plural,\n            enabled: priceInfo?.adultPrice,\n            element: <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />,\n        },\n        {\n            name: Translation.Step.Date.Child_plural,\n            enabled: priceInfo?.childPrice,\n            element: <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />,\n        },\n    ];\n\n    const pricingTypeSuffix = (() => {\n        switch (addon.pricingType) {\n            case AddonPricingType.PER_STAY:\n                return 'QTY';\n            case AddonPricingType.PER_NIGHT:\n                return 'Night';\n            case AddonPricingType.PER_PERSON:\n                return 'Person';\n            case AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n            case AddonPricingType.PER_PERSON_PER_NIGHT:\n                return 'Person per night';\n            case AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n                return 'Adult per night';\n            case AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n                return 'Adult per night';\n            case AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n                return 'Night';\n            case AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n                return 'Per Room / Day';\n        }\n    })();\n\n    const addonCardImageStyle: any = {};\n    if (addon.image) {\n        addonCardImageStyle.backgroundImage = `url('${addon.image}')`;\n    } else {\n        addonCardImageStyle.backgroundImage = `url('${hotel.logo}')`;\n        addonCardImageStyle.backgroundSize = '50%';\n        addonCardImageStyle.backgroundRepeat = 'no-repeat';\n    }\n\n    return (\n        <div className={'u-flex u-flex-flex-start u-rounded addon-card-wrapper ' + className + ' ' + classes} style={{ backgroundColor: Color.White }}>\n            <div className=\"addon-card-image\" style={addonCardImageStyle} />\n            <div className=\"u-marg-heavy u-marg@m- u-w-100@xl\">\n                <div className=\"u-flex\">\n                    <Headline bold={true}>{addon.name}</Headline>\n                    {addonBasketRow ? <Check /> : <></>}\n                </div>\n                <Text color={Color.DarkGrey} type={TextType.Small}>\n                    {addon.description}\n                </Text>\n                <div className=\"addon-card-wrapper--price u-flex u-flex-align-flex-end\">\n                    <div className=\"u-w-100\">\n                        {addonConfigurations.map((input) => {\n                            if (!input.enabled) {\n                                return;\n                            }\n\n                            return (\n                                <div key={input.name} className=\"u-flex justify-content-start u-marg-bot u-marg-top\">\n                                    <Text className=\"u-mw-100\" bold={true}>\n                                        {t(input.name)}\n                                    </Text>\n                                    {input.element}\n                                </div>\n                            );\n                        })}\n\n                        {/* {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )} */}\n                    </div>\n                    <div className=\"addon-card-wrapper--price-action\">\n                        <div className=\"u-flex u-flex-direction-column u-flex-align-flex-end\" style={{ alignSelf: 'flex-end' }}>\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-align-items-baseline flex-row\">\n                                {priceInfo?.price && (\n                                    <>\n                                        <div className=\"u-flex align-items-end\">\n                                            <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                <Currency hideDecimals={true}>{priceInfo.price}</Currency>\n                                            </Headline>\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                / {pricingTypeSuffix}\n                                            </Text>\n                                        </div>\n                                    </>\n                                )}\n                                {(!!priceInfo?.adultPrice || !!priceInfo?.childPrice) && (\n                                    <h2 className=\"u-marg-none d-flex flex-wrap justify-content-end\">\n                                        {!!priceInfo.adultPrice && (\n                                            <div className=\"d-flex align-items-end flex-row\">\n                                                <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.adultPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                    / {t(Translation.Step.Date.Adult)}\n                                                </Text>\n                                            </div>\n                                        )}\n                                        {!!priceInfo.adultPrice && !!priceInfo.childPrice && <br />}\n                                        {!!priceInfo.childPrice && (\n                                            <div className=\"d-flex align-items-end flex-row\">\n                                                <Headline size={'large'} bold={true} lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.childPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true} className=\"u-marg-left--light u-clear-font-weight\">\n                                                    / {t(Translation.Step.Date.Child)}\n                                                </Text>\n                                            </div>\n                                        )}\n                                    </h2>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                    Including Fees and Taxes\n                                </Text>\n                            </div>\n                        </div>\n                        <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@l- flex-column flex-lg-row\">\n                            {addonBasketRow ? (\n                                <div className=\"u-marg-right--light@l u-marg-bottom--light@l-\">\n                                    <BEButton onClick={onClickRemove} textColor={Color.White} backgroundColor={Color.Navy} wide={true}>\n                                        {t(Translation.Step.Addon.Remove)}\n                                    </BEButton>\n                                </div>\n                            ) : (\n                                <></>\n                            )}\n                            <BEButton onClick={onClickAddToCartHandler} primary={true} filled={true} wide={true}>\n                                {addonBasketRow ? t(Translation.Step.Addon.UpdateCart) : t(Translation.Step.Addon.AddToCart)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default AddonCard;\n"]}

package/dist/src/components/steps/addons/AddonList.js

@@ -2,23 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const BookingAPI_1 = require("../../../api/BookingAPI");
+const BookingAPI_1 = require("api/BookingAPI");
 const contexts_1 = require("@frontend/contexts");
 const contexts_2 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
-const ScreenSize_1 = require("../../../util/ScreenSize");
-const LargeLoader_1 = require("../../generic/loader/LargeLoader");
-const StepRoomSummaryAndButton_1 = require("../room/StepRoomSummaryAndButton");
-const AddonCard_1 = require("./AddonCard");
-const AddonsNotFound_1 = require("./AddonsNotFound");
+const ScreenSize_1 = require("util/ScreenSize");
+const LargeLoader_1 = require("components/generic/loader/LargeLoader");
+const StepRoomSummaryAndButton_1 = require("components/steps/room/StepRoomSummaryAndButton");
+const AddonCard_1 = require("components/steps/addons/AddonCard");
+const AddonsNotFound_1 = require("components/steps/addons/AddonsNotFound");
 const AddonList = () => {
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const beContext = react_1.useContext(contexts_1.BookingEngineContext);
-    const ccx = react_1.useContext(contexts_2.CompanyContext);
-    const { hotel } = hooks_1.useCurrentHotel();
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const rows = basketContext.getAllValidRows();
-    const [addons, setAddons] = react_1.useState(null);
-    const [isLoading, setLoading] = react_1.useState(false);
+    const [addons, setAddons] = (0, react_1.useState)(null);
+    const [isLoading, setLoading] = (0, react_1.useState)(false);
     React.useEffect(() => {
         setLoading(true);
         BookingAPI_1.default.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {

package/dist/src/components/steps/addons/AddonList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA6C;AAC7C,wDAA0C;AAC1C,iDAAyE;AACzE,iDAAoD;AACpD,2CAAkD;AAGlD,yDAAkD;AAClD,kEAA2D;AAC3D,+EAAwE;AACxE,2CAAoC;AACpC,qDAA8C;AAE9C,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YAC9D,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAC,QAAQ;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,6BAAK,SAAS,EAAC,8BAA8B,IACxC,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,oBAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,wBAAc,OAAG,CACrB,CACJ,CAAC,CAAC,CAAC,CACA,oBAAC,qBAAW,OAAG,CAClB,CACC;YAEN,6BAAK,SAAS,EAAC,wCAAwC;gBACnD,oBAAC,kCAAwB,OAAG,CAC1B,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport API from '../../../api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Addon } from '../../../models/Addon/Addon';\n\nimport ScreenSize from '../../../util/ScreenSize';\nimport LargeLoader from '../../generic/loader/LargeLoader';\nimport StepRoomSummaryAndButton from '../room/StepRoomSummaryAndButton';\nimport AddonCard from './AddonCard';\nimport AddonsNotFound from './AddonsNotFound';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <div className={'row' + (beContext.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-lg-8 no-gutters\">\n                    {!isLoading ? (\n                        addons?.length ? (\n                            addons.map((addon: Addon, index: number) => {\n                                return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n                            })\n                        ) : (\n                            <AddonsNotFound />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </div>\n\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <StepRoomSummaryAndButton />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default AddonList;\n"]}
+{"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA6C;AAC7C,+CAAiC;AACjC,iDAAyE;AACzE,iDAAoD;AACpD,2CAAkD;AAGlD,gDAAyC;AACzC,uEAAgE;AAChE,6FAAsF;AACtF,iEAA0D;AAC1D,2EAAoE;AAEpE,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YAC9D,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAC,QAAQ;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACvF,6BAAK,SAAS,EAAC,8BAA8B,IACxC,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,oBAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,wBAAc,OAAG,CACrB,CACJ,CAAC,CAAC,CAAC,CACA,oBAAC,qBAAW,OAAG,CAClB,CACC;YAEN,6BAAK,SAAS,EAAC,wCAAwC;gBACnD,oBAAC,kCAAwB,OAAG,CAC1B,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport API from 'api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Addon } from 'models/Addon/Addon';\n\nimport ScreenSize from 'util/ScreenSize';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\nimport StepRoomSummaryAndButton from 'components/steps/room/StepRoomSummaryAndButton';\nimport AddonCard from 'components/steps/addons/AddonCard';\nimport AddonsNotFound from 'components/steps/addons/AddonsNotFound';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <div className={'row' + (beContext.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-lg-8 no-gutters\">\n                    {!isLoading ? (\n                        addons?.length ? (\n                            addons.map((addon: Addon, index: number) => {\n                                return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n                            })\n                        ) : (\n                            <AddonsNotFound />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </div>\n\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <StepRoomSummaryAndButton />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default AddonList;\n"]}