@roomstay/frontend 2.6.88 → 2.6.89-0

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

@@ -15,25 +15,14 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DaysSelectedInformer;
 const contexts_1 = require("../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -65,4 +54,5 @@ function DaysSelectedInformer() {
         " ", correctEndDate === null || correctEndDate === void 0 ? void 0 :
         correctEndDate.format('D MMM'))) : (react_1.default.createElement(react_1.default.Fragment, null, t(Translation_1.Translation.Step.Date.PleaseSelectYourDates)))));
 }
+exports.default = DaysSelectedInformer;
 //# sourceMappingURL=DaysSelectedInformer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,uCA2BC;AAnCD,iDAAuD;AACvD,+CAA0C;AAC1C,iDAA+C;AAE/C,kEAA2D;AAC3D,4DAAyD;AACzD,wCAAqC;AAErC,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;IAE3F,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,cAAc,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC;IAE9C,IAAI,SAAS,IAAI,cAAc,EAAE,CAAC;QAC9B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,qBAAqB,CAAC,MAAM;QAAE,OAAO,6DAAK,CAAC;IAE/C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;QACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;;QAAG,UAAU;;QAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;cAAI,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO,CAAC;;QAAG,GAAG;QAC5I,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE;aAAG,cAAc,aAAd,cAAc;QAAd,cAAc,CAAE,MAAM,CAAC,OAAO,CAAC,CACxE,CACN,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAI,CACxD,CACE,CACV,CAAC;AACN,CAAC","sourcesContent":["import { DatePickerContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nexport default function DaysSelectedInformer() {\n    const dpContext = useContext(DatePickerContext);\n    const { t } = useTranslation();\n\n    const { startDate, endDate, hoveredMonth: hoveredDate, nightStayRequirements } = 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    if (nightStayRequirements.length) return <></>;\n\n    return (\n        <Text bold color={Color.Success} type={TextType.Small}>\n            {daysPicked > 0 ? (\n                <>\n                    {t(Translation.Step.Room.RoomInfo.Selected)} {daysPicked} {t(Translation.Misc.Night_plural).toLowerCase()}, {startDate?.format('D MMM')},{' '}\n                    {t(Translation.Misc.To).toLowerCase()} {correctEndDate?.format('D MMM')}\n                </>\n            ) : (\n                <>{t(Translation.Step.Date.PleaseSelectYourDates)}</>\n            )}\n        </Text>\n    );\n}\n"]}
+{"version":3,"file":"DaysSelectedInformer.js","sourceRoot":"/","sources":["src/components/steps/DaysSelectedInformer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAuD;AACvD,+CAA0C;AAC1C,iDAA+C;AAE/C,kEAA2D;AAC3D,4DAAyD;AACzD,wCAAqC;AAErC,SAAwB,oBAAoB;IACxC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;IAE3F,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,IAAI,qBAAqB,CAAC,MAAM;QAAE,OAAO,6DAAK,CAAC;IAE/C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChD,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACd;QACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;;QAAG,UAAU;;QAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE;cAAI,SAAS,aAAT,SAAS;QAAT,SAAS,CAAE,MAAM,CAAC,OAAO,CAAC;;QAAG,GAAG;QAC5I,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE;aAAG,cAAc,aAAd,cAAc;QAAd,cAAc,CAAE,MAAM,CAAC,OAAO,CAAC,CACxE,CACN,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAI,CACxD,CACE,CACV,CAAC;AACN,CAAC;AA3BD,uCA2BC","sourcesContent":["import { DatePickerContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nexport default function DaysSelectedInformer() {\n    const dpContext = useContext(DatePickerContext);\n    const { t } = useTranslation();\n\n    const { startDate, endDate, hoveredMonth: hoveredDate, nightStayRequirements } = 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    if (nightStayRequirements.length) return <></>;\n\n    return (\n        <Text bold color={Color.Success} type={TextType.Small}>\n            {daysPicked > 0 ? (\n                <>\n                    {t(Translation.Step.Room.RoomInfo.Selected)} {daysPicked} {t(Translation.Misc.Night_plural).toLowerCase()}, {startDate?.format('D MMM')},{' '}\n                    {t(Translation.Misc.To).toLowerCase()} {correctEndDate?.format('D MMM')}\n                </>\n            ) : (\n                <>{t(Translation.Step.Date.PleaseSelectYourDates)}</>\n            )}\n        </Text>\n    );\n}\n"]}

package/dist/src/components/steps/MinimumNightStayPill.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function MinimumNightStayPill(): React.JSX.Element | null;
+export default function MinimumNightStayPill(): JSX.Element | null;

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MinimumNightStayPill;
 const contexts_1 = require("../../contexts/index.js");
 const hooks_1 = require("../../hooks/index.js");
 const browser_1 = require("@sentry/browser");
@@ -103,4 +92,5 @@ function MinimumNightStayPill() {
     }
     return (react_1.default.createElement("div", null, isLoading ? (react_1.default.createElement(SmallSpinner_1.default, null)) : minNights !== -1 ? (react_1.default.createElement(Pill_1.default, { type: Pill_1.PillType.Primary, icon: Icon_1.IconType.Info }, t(Translation_1.Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights }))) : (react_1.default.createElement(react_1.default.Fragment, null))));
 }
+exports.default = MinimumNightStayPill;
 //# sourceMappingURL=MinimumNightStayPill.js.map

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 { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { captureException } from '@sentry/browser';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const dpContext = useContext(DatePickerContext);\n    const { nightStayRequirements } = dpContext;\n    const { t } = useTranslation();\n    const { memberNumber } = useSignedInMember();\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            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID, memberNumber)\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, memberNumber]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    if (nightStayRequirements.length) {\n        return (\n            <Text bold color={Color.Alert} type={TextType.Small}>\n                {nightStayRequirements.join(' ')}\n            </Text>\n        );\n    }\n\n    return (\n        <div>\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 { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { captureException } from '@sentry/browser';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const dpContext = useContext(DatePickerContext);\n    const { nightStayRequirements } = dpContext;\n    const { t } = useTranslation();\n    const { memberNumber } = useSignedInMember();\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            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID, memberNumber)\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, memberNumber]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    if (nightStayRequirements.length) {\n        return (\n            <Text bold color={Color.Alert} type={TextType.Small}>\n                {nightStayRequirements.join(' ')}\n            </Text>\n        );\n    }\n\n    return (\n        <div>\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,8 +1,7 @@
-import React from 'react';
 import { Addon } from '../../../models/Addon/Addon';
 interface Props {
     addon: Addon;
     className?: string;
 }
-declare const AddonCard: ({ addon, className }: Props) => React.JSX.Element;
+declare const AddonCard: ({ addon, className }: Props) => JSX.Element;
 export default AddonCard;

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -53,7 +43,6 @@ const Text_1 = __importStar(require("../../generic/Text"));
 const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 const Translation_1 = require("../../../translations/Translation");
 const Color_1 = require("../../../util/Color");
-const DataLayer_1 = __importDefault(require("../../../util/DataLayer"));
 const AddonCard = ({ addon, className }) => {
     var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -97,13 +86,6 @@ const AddonCard = ({ addon, className }) => {
             adult: adultQuantity,
             child: childQuantity,
         }, selectedDate, selectedTime);
-        const basketAddonRow = basketContext.basketAddonRows.find((row) => {
-            return row.getAddon().code === addon.code;
-        });
-        const selectedBasketRow = basketContext.currentBasketRows[0];
-        if (basketAddonRow && selectedBasketRow) {
-            DataLayer_1.default.instance.sendRoomAddonAddToCart(basketAddonRow, quantity, selectedBasketRow.getStartDate(), selectedBasketRow.getStartDate());
-        }
     };
     const classes = (0, classnames_1.default)({
         '--active': !!basketContext.getRowForAddon(addon),
@@ -192,7 +174,7 @@ const AddonCard = ({ addon, className }) => {
             react_1.default.createElement("div", { className: "u-flex" },
                 react_1.default.createElement(Headline_1.default, { bold: true }, addon.name),
                 addonBasketRow ? react_1.default.createElement(Check_1.default, null) : react_1.default.createElement(react_1.default.Fragment, null)),
-            react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small },
+            react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small, asDiv: true },
                 react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: addon.description })),
             react_1.default.createElement("div", { className: "addon-card-wrapper--price u-flex u-flex-align-flex-end" },
                 react_1.default.createElement("div", { className: "u-w-100" }, addonConfigurations.map((input) => {

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 { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EAddonPricingType } from '@roomstay/core';\nimport classNames from 'classnames';\nimport Check from 'icons/Check';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport DataLayer from '@/util/DataLayer';\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 as string]);\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 string] ?? ([] as any));\n            setSelectedDate(addon.firstDate as string);\n            setSelectedTime(addon.availability[addon.firstDate as string]?.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        const basketAddonRow = basketContext.basketAddonRows.find((row) => {\n            return row.getAddon().code === addon.code;\n        });\n        const selectedBasketRow = basketContext.currentBasketRows[0];\n        if (basketAddonRow && selectedBasketRow) {\n            DataLayer.instance.sendRoomAddonAddToCart(basketAddonRow, quantity, selectedBasketRow.getStartDate(), selectedBasketRow.getStartDate());\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        if (selectedAddon) 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: string) => {\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?.() as number) > 1 && !addonBasketRow?.getAddon().hideDatePicker,\n            element: (\n                <Select<IDefaultSelectOption, 'value'>\n                    nativeOnMobile\n                    options={addon.selectorDates}\n                    value={selectedDate}\n                    onChange={setDateOnChange}\n                    keyName=\"value\"\n                    labelName=\"text\"\n                    className=\"u-flex align-items-center\"\n                />\n            ),\n        },\n        {\n            name: 'Time',\n            enabled: priceInfo?.selectorTimes?.length !== 0,\n            element: (\n                <Select<IDefaultSelectOption, 'value'>\n                    nativeOnMobile\n                    options={priceInfo?.selectorTimes || []}\n                    value={selectedTime}\n                    onChange={setSelectedTimeOnChange}\n                    keyName=\"value\"\n                    labelName=\"text\"\n                    className=\"u-flex align-items-center\"\n                />\n            ),\n        },\n        {\n            name: Translation.Step.Addon.Quantity,\n            enabled: priceInfo?.price && priceInfo?.quantity > 1,\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 && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,\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 && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,\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 EAddonPricingType.PER_STAY:\n                return t(Translation.Misc.QTY);\n            case EAddonPricingType.PER_PERSON:\n                return t(Translation.Misc.Person);\n            case EAddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n            case EAddonPricingType.PER_PERSON_PER_NIGHT:\n                return t(Translation.Misc.PersonPerNight);\n            case EAddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n            case EAddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n                return t(Translation.Misc.AdultPerNight);\n            case EAddonPricingType.PER_NIGHT:\n            case EAddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n                return t(Translation.Misc.Night);\n            case EAddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n                return t(Translation.Misc.PerRoomDay);\n        }\n    })();\n\n    const addonCardImageStyle: any = {};\n    if (addon.image) {\n        addonCardImageStyle.backgroundImage = `url('${ImageProvider.resizeImage(addon.image, ImageSize.Original)}')`;\n    } else {\n        addonCardImageStyle.backgroundImage = `url('${hotel?.logo && ImageProvider.resizeImage(hotel?.logo as string, ImageSize.Original)}')`;\n        addonCardImageStyle.backgroundSize = '50%';\n        addonCardImageStyle.backgroundRepeat = 'no-repeat';\n    }\n\n    const hasFees = hotel?.fees && hotel.fees.filter((fee) => fee.appliesToAddons).length > 0;\n\n    return (\n        <div className={classNames('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>{addon.name}</Headline>\n                    {addonBasketRow ? <Check /> : <></>}\n                </div>\n                <Text color={Color.DarkGrey} type={TextType.Small}>\n                    <HtmlContentViewer content={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>\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>\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 lineHeight=\"1em\">\n                                                <Currency hideDecimals>{priceInfo.price}</Currency>\n                                            </Headline>\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline 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 lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.adultPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n                                                    /{' '}\n                                                    {addon.pricingType === EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT\n                                                        ? t(Translation.Misc.AdultPerNight)\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 lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.childPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n                                                    /{' '}\n                                                    {addon.pricingType === EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT\n                                                        ? t(Translation.Misc.ChildPerNight)\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 className=\"u-nowrap\">\n                                    {hotel?.enableCreditCardSurcharge || hasFees ? t(Translation.Step.Addon.ExcludingFees) : t(Translation.Step.Addon.IncludingFeesAndTaxes)}\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>\n                                        {t(Translation.Step.Addon.Remove)}\n                                    </BEButton>\n                                </div>\n                            ) : (\n                                <></>\n                            )}\n                            <BEButton onClick={onClickAddToCartHandler} primary filled wide>\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 { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EAddonPricingType } from '@roomstay/core';\nimport classNames from 'classnames';\nimport Check from 'icons/Check';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\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 as string]);\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 string] ?? ([] as any));\n            setSelectedDate(addon.firstDate as string);\n            setSelectedTime(addon.availability[addon.firstDate as string]?.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        if (selectedAddon) 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: string) => {\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?.() as number) > 1 && !addonBasketRow?.getAddon().hideDatePicker,\n            element: (\n                <Select<IDefaultSelectOption, 'value'>\n                    nativeOnMobile\n                    options={addon.selectorDates}\n                    value={selectedDate}\n                    onChange={setDateOnChange}\n                    keyName=\"value\"\n                    labelName=\"text\"\n                    className=\"u-flex align-items-center\"\n                />\n            ),\n        },\n        {\n            name: 'Time',\n            enabled: priceInfo?.selectorTimes?.length !== 0,\n            element: (\n                <Select<IDefaultSelectOption, 'value'>\n                    nativeOnMobile\n                    options={priceInfo?.selectorTimes || []}\n                    value={selectedTime}\n                    onChange={setSelectedTimeOnChange}\n                    keyName=\"value\"\n                    labelName=\"text\"\n                    className=\"u-flex align-items-center\"\n                />\n            ),\n        },\n        {\n            name: Translation.Step.Addon.Quantity,\n            enabled: priceInfo?.price && priceInfo?.quantity > 1,\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 && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,\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 && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,\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 EAddonPricingType.PER_STAY:\n                return t(Translation.Misc.QTY);\n            case EAddonPricingType.PER_PERSON:\n                return t(Translation.Misc.Person);\n            case EAddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:\n            case EAddonPricingType.PER_PERSON_PER_NIGHT:\n                return t(Translation.Misc.PersonPerNight);\n            case EAddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:\n            case EAddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:\n                return t(Translation.Misc.AdultPerNight);\n            case EAddonPricingType.PER_NIGHT:\n            case EAddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:\n                return t(Translation.Misc.Night);\n            case EAddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:\n                return t(Translation.Misc.PerRoomDay);\n        }\n    })();\n\n    const addonCardImageStyle: any = {};\n    if (addon.image) {\n        addonCardImageStyle.backgroundImage = `url('${ImageProvider.resizeImage(addon.image, ImageSize.Original)}')`;\n    } else {\n        addonCardImageStyle.backgroundImage = `url('${hotel?.logo && ImageProvider.resizeImage(hotel?.logo as string, ImageSize.Original)}')`;\n        addonCardImageStyle.backgroundSize = '50%';\n        addonCardImageStyle.backgroundRepeat = 'no-repeat';\n    }\n\n    const hasFees = hotel?.fees && hotel.fees.filter((fee) => fee.appliesToAddons).length > 0;\n\n    return (\n        <div className={classNames('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>{addon.name}</Headline>\n                    {addonBasketRow ? <Check /> : <></>}\n                </div>\n                <Text color={Color.DarkGrey} type={TextType.Small} asDiv>\n                    <HtmlContentViewer content={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>\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>\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 lineHeight=\"1em\">\n                                                <Currency hideDecimals>{priceInfo.price}</Currency>\n                                            </Headline>\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline 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 lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.adultPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n                                                    /{' '}\n                                                    {addon.pricingType === EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT\n                                                        ? t(Translation.Misc.AdultPerNight)\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 lineHeight=\"1em\">\n                                                    <Currency>{priceInfo.childPrice}</Currency>\n                                                </Headline>\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline className=\"u-marg-left--light u-clear-font-weight\">\n                                                    /{' '}\n                                                    {addon.pricingType === EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT\n                                                        ? t(Translation.Misc.ChildPerNight)\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 className=\"u-nowrap\">\n                                    {hotel?.enableCreditCardSurcharge || hasFees ? t(Translation.Step.Addon.ExcludingFees) : t(Translation.Step.Addon.IncludingFeesAndTaxes)}\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>\n                                        {t(Translation.Step.Addon.Remove)}\n                                    </BEButton>\n                                </div>\n                            ) : (\n                                <></>\n                            )}\n                            <BEButton onClick={onClickAddToCartHandler} primary filled wide>\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.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AddonList: () => React.JSX.Element;
+declare const AddonList: () => JSX.Element;
 export default AddonList;

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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,iDAAmE;AACnE,2CAAkD;AAClD,+CAAoD;AAEpD,kEAAmC;AACnC,uEAA4H;AAC5H,0FAAkE;AAClE,oFAA4D;AAC5D,wGAAgF;AAChF,gHAAwF;AAGxF,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,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,EAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YACzE,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,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB,QACjB,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,8BAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,8BAAC,6BAAmB,OAAG,CAC1B,CACJ,CAAC,CAAC,CAAC,CACA,8BAAC,qBAAW,OAAG,CAClB,CACmB;YAExB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\n\nimport API from '@/api/BookingAPI';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFoundBlock from '@/components/steps/addons/AddonsNotFoundBlock';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { Addon } from '@/models/Addon/Addon';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState<Addon[] | null>(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\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                            <AddonsNotFoundBlock />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </StepLayoutLeftContent>\n\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\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,iDAAmE;AACnE,2CAAkD;AAClD,+CAAoD;AAEpD,kEAAmC;AACnC,uEAA4H;AAC5H,0FAAkE;AAClE,oFAA4D;AAC5D,wGAAgF;AAChF,gHAAwF;AAGxF,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,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,EAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YACzE,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,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB,QACjB,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,8BAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,8BAAC,6BAAmB,OAAG,CAC1B,CACJ,CAAC,CAAC,CAAC,CACA,8BAAC,qBAAW,OAAG,CAClB,CACmB;YAExB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\n\nimport API from '@/api/BookingAPI';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFoundBlock from '@/components/steps/addons/AddonsNotFoundBlock';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { Addon } from '@/models/Addon/Addon';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState<Addon[] | null>(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\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                            <AddonsNotFoundBlock />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </StepLayoutLeftContent>\n\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default AddonList;\n"]}

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

@@ -1,3 +1,2 @@
-import React from 'react';
 export declare const BE_NO_ADDONS_FOUND_BLOCK = "BENoAddonsFoundBlock";
-export default function AddonsNotFoundBlock(): React.JSX.Element;
+export default function AddonsNotFoundBlock(): JSX.Element;

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

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BE_NO_ADDONS_FOUND_BLOCK = void 0;
-exports.default = AddonsNotFoundBlock;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -26,4 +25,5 @@ exports.BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';
 function AddonsNotFoundBlock() {
     return (0, DIProvider_1.withDI)(exports.BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);
 }
+exports.default = AddonsNotFoundBlock;
 //# sourceMappingURL=AddonsNotFoundBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddonsNotFoundBlock.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonsNotFoundBlock.tsx"],"names":[],"mappings":";;;;;;AA8BA,sCAEC;AAhCD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,qEAA6C;AAC7C,uDAAgD;AAChD,wCAAqC;AAErC,uFAA+D;AAE/D,SAAS,2BAA2B;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,uCAAK,SAAS,EAAC,gBAAgB;QAC3B,uCAAK,SAAS,EAAC,sBAAsB;YAEjC,8BAAC,0BAAgB,OAAG,CAClB;QACN,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,UACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAClC,CACT;QACN,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAQ,CAC9E,CACT,CAAC;AACN,CAAC;AACY,QAAA,wBAAwB,GAAG,sBAAsB,CAAC;AAE/D,SAAwB,mBAAmB;IACvC,OAAO,IAAA,mBAAM,EAAC,gCAAwB,EAAE,2BAA2B,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\nimport { Color } from '@/util/Color';\n\nimport TravelerNotfound from '../../graphics/TravelerNotfound';\n\nfunction OriginalAddonsNotFoundBlock() {\n    const { t } = useTranslation();\n    return (\n        <div className=\"u-align-center\">\n            <div className=\"u-marg-bottom--heavy\">\n                {/*BLANK SLATE IMAGE*/}\n                <TravelerNotfound />\n            </div>\n            <div className=\"u-marg-bottom\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Step.Addon.NotFound.Title)}\n                </Headline>\n            </div>\n            <Text color={Color.DarkGrey}>{t(Translation.Step.Addon.NotFound.Message)}</Text>\n        </div>\n    );\n}\nexport const BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';\n\nexport default function AddonsNotFoundBlock() {\n    return withDI(BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);\n}\n"]}
+{"version":3,"file":"AddonsNotFoundBlock.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonsNotFoundBlock.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,qEAA6C;AAC7C,uDAAgD;AAChD,wCAAqC;AAErC,uFAA+D;AAE/D,SAAS,2BAA2B;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,uCAAK,SAAS,EAAC,gBAAgB;QAC3B,uCAAK,SAAS,EAAC,sBAAsB;YAEjC,8BAAC,0BAAgB,OAAG,CAClB;QACN,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,UACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAClC,CACT;QACN,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAQ,CAC9E,CACT,CAAC;AACN,CAAC;AACY,QAAA,wBAAwB,GAAG,sBAAsB,CAAC;AAE/D,SAAwB,mBAAmB;IACvC,OAAO,IAAA,mBAAM,EAAC,gCAAwB,EAAE,2BAA2B,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC;AAFD,sCAEC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\nimport { Color } from '@/util/Color';\n\nimport TravelerNotfound from '../../graphics/TravelerNotfound';\n\nfunction OriginalAddonsNotFoundBlock() {\n    const { t } = useTranslation();\n    return (\n        <div className=\"u-align-center\">\n            <div className=\"u-marg-bottom--heavy\">\n                {/*BLANK SLATE IMAGE*/}\n                <TravelerNotfound />\n            </div>\n            <div className=\"u-marg-bottom\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Step.Addon.NotFound.Title)}\n                </Headline>\n            </div>\n            <Text color={Color.DarkGrey}>{t(Translation.Step.Addon.NotFound.Message)}</Text>\n        </div>\n    );\n}\nexport const BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';\n\nexport default function AddonsNotFoundBlock() {\n    return withDI(BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);\n}\n"]}

package/dist/src/components/steps/common/CommonAddonSummary/CommonAddonSummary.d.ts

@@ -1,7 +1,6 @@
-import { ReservationAddonDTO } from '@roomstay/core';
-import React from 'react';
+import type { ReservationAddonDTO } from '../../../../models/Api/ReservationsDTO';
 type CommonAddonSummaryProps = {
     addons: ReservationAddonDTO[];
 };
-export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => React.JSX.Element | null;
+export declare const CommonAddonSummary: (props: CommonAddonSummaryProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/common/CommonAddonSummary/CommonAddonSummary.js

@@ -15,29 +15,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommonAddonSummary = void 0;
-const core_1 = require("@roomstay/core");
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -45,6 +34,7 @@ const Currency_1 = __importDefault(require("../../../generic/Currency"));
 const HtmlContentViewer_1 = require("../../../generic/HtmlContentViewer");
 const Text_1 = __importStar(require("../../../generic/Text"));
 const Color_1 = require("../../../../util/Color");
+const TotalCalculator_1 = require("../../../../util/TotalCalculator");
 const CommonAddonSummary = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { addons } = props;
@@ -52,7 +42,7 @@ const CommonAddonSummary = (props) => {
         react_1.default.createElement("div", { className: "u-marg-bottom" },
             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Grey }, t(Translation_1.Translation.Step.Thanks.AddOnItems))),
         addons.map((addon, index) => {
-            const { price, adultPrice, childPrice, displayPrice } = core_1.TotalCalculator.calculateReservationAddonTotal(addon);
+            const { price, adultPrice, childPrice, displayPrice } = (0, TotalCalculator_1.calculateReservationAddonTotal)(addon);
             return (react_1.default.createElement("div", { className: "u-marg-bottom", key: index },
                 react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                     react_1.default.createElement(Text_1.default, null,
@@ -61,7 +51,7 @@ const CommonAddonSummary = (props) => {
                     react_1.default.createElement("div", { className: "" },
                         !!price && (react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex align-items-center u-flex-gap" },
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, className: "u-nowrap" }, `${addon.quantity} x`),
-                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
                                 react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: addon.description })))),
                         !!adultPrice && (react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--light u-flex" },
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },

package/dist/src/components/steps/common/CommonAddonSummary/CommonAddonSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonAddonSummary.js","sourceRoot":"/","sources":["src/components/steps/common/CommonAddonSummary/CommonAddonSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAsE;AACtE,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,8EAA2E;AAC3E,kEAA2D;AAC3D,wCAAqC;AAM9B,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CACxB;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CACnC,CACL;QACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,sBAAe,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAAC;YAE9G,OAAO,CACH,uCAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK;gBACrC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI;wBACD,8CAAS,KAAK,CAAC,IAAI,CAAU,CAC1B,CACL;gBACN,uCAAK,SAAS,EAAC,2BAA2B;oBACtC,uCAAK,SAAS,EAAC,EAAE;wBACZ,CAAC,CAAC,KAAK,IAAI,CACR,uCAAK,SAAS,EAAC,6EAA6E;4BACxF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,UAAU,IAAE,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAQ;4BAC/E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,8BAAC,qCAAiB,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAC9C,CACL,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,+CAA+C;4BAC1D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;0CAAe,CAC7D,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,+CAA+C;4BAC1D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;4CAAiB,CAC/D,CACT,CACC;oBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,8BAAC,kBAAQ,QAAE,YAAY,CAAY,CAChC,CACL,CACJ,CACT,CAAC;QACN,CAAC,CAAC,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B","sourcesContent":["import { ReservationAddonDTO, TotalCalculator } from '@roomstay/core';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\ntype CommonAddonSummaryProps = {\n    addons: ReservationAddonDTO[];\n};\n\nexport const CommonAddonSummary = (props: CommonAddonSummaryProps) => {\n    const { t } = useTranslation();\n    const { addons } = props;\n\n    return addons.length >= 1 ? (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Text type={TextType.Label} color={Color.Grey}>\n                    {t(Translation.Step.Thanks.AddOnItems)}\n                </Text>\n            </div>\n            {addons.map((addon, index) => {\n                const { price, adultPrice, childPrice, displayPrice } = TotalCalculator.calculateReservationAddonTotal(addon);\n\n                return (\n                    <div className=\"u-marg-bottom\" key={index}>\n                        <div className=\"u-marg-bottom--light\">\n                            <Text>\n                                <strong>{addon.name}</strong>\n                            </Text>\n                        </div>\n                        <div className=\"u-flex align-items-center\">\n                            <div className=\"\">\n                                {!!price && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex align-items-center u-flex-gap\">\n                                        <Text type={TextType.Small} className=\"u-nowrap\">{`${addon.quantity} x`}</Text>\n                                        <Text type={TextType.Small}>\n                                            <HtmlContentViewer content={addon.description} />\n                                        </Text>\n                                    </div>\n                                )}\n                                {!!adultPrice && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                        <Text type={TextType.Small}>{addon.adultQuantity} Adults</Text>\n                                    </div>\n                                )}\n                                {!!childPrice && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                        <Text type={TextType.Small}>{addon.childQuantity} Children</Text>\n                                    </div>\n                                )}\n                            </div>\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <Currency>{displayPrice}</Currency>\n                            </Text>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    ) : null;\n};\n"]}
+{"version":3,"file":"CommonAddonSummary.js","sourceRoot":"/","sources":["src/components/steps/common/CommonAddonSummary/CommonAddonSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,8EAA2E;AAC3E,kEAA2D;AAE3D,wCAAqC;AACrC,4DAAwE;AAMjE,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CACxB;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CACnC,CACL;QACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,gDAA8B,EAAC,KAAK,CAAC,CAAC;YAE9F,OAAO,CACH,uCAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK;gBACrC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI;wBACD,8CAAS,KAAK,CAAC,IAAI,CAAU,CAC1B,CACL;gBACN,uCAAK,SAAS,EAAC,2BAA2B;oBACtC,uCAAK,SAAS,EAAC,EAAE;wBACZ,CAAC,CAAC,KAAK,IAAI,CACR,uCAAK,SAAS,EAAC,6EAA6E;4BACxF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,UAAU,IAAE,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAQ;4BAC/E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK;gCAC7B,8BAAC,qCAAiB,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAC9C,CACL,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,+CAA+C;4BAC1D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;0CAAe,CAC7D,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,+CAA+C;4BAC1D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;4CAAiB,CAC/D,CACT,CACC;oBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,8BAAC,kBAAQ,QAAE,YAAY,CAAY,CAChC,CACL,CACJ,CACT,CAAC;QACN,CAAC,CAAC,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport Text, { TextType } from '@/components/generic/Text';\nimport type { ReservationAddonDTO } from '@/models/Api/ReservationsDTO';\nimport { Color } from '@/util/Color';\nimport { calculateReservationAddonTotal } from '@/util/TotalCalculator';\n\ntype CommonAddonSummaryProps = {\n    addons: ReservationAddonDTO[];\n};\n\nexport const CommonAddonSummary = (props: CommonAddonSummaryProps) => {\n    const { t } = useTranslation();\n    const { addons } = props;\n\n    return addons.length >= 1 ? (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Text type={TextType.Label} color={Color.Grey}>\n                    {t(Translation.Step.Thanks.AddOnItems)}\n                </Text>\n            </div>\n            {addons.map((addon, index) => {\n                const { price, adultPrice, childPrice, displayPrice } = calculateReservationAddonTotal(addon);\n\n                return (\n                    <div className=\"u-marg-bottom\" key={index}>\n                        <div className=\"u-marg-bottom--light\">\n                            <Text>\n                                <strong>{addon.name}</strong>\n                            </Text>\n                        </div>\n                        <div className=\"u-flex align-items-center\">\n                            <div className=\"\">\n                                {!!price && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex align-items-center u-flex-gap\">\n                                        <Text type={TextType.Small} className=\"u-nowrap\">{`${addon.quantity} x`}</Text>\n                                        <Text type={TextType.Small} asDiv>\n                                            <HtmlContentViewer content={addon.description} />\n                                        </Text>\n                                    </div>\n                                )}\n                                {!!adultPrice && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                        <Text type={TextType.Small}>{addon.adultQuantity} Adults</Text>\n                                    </div>\n                                )}\n                                {!!childPrice && (\n                                    <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                        <Text type={TextType.Small}>{addon.childQuantity} Children</Text>\n                                    </div>\n                                )}\n                            </div>\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <Currency>{displayPrice}</Currency>\n                            </Text>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    ) : null;\n};\n"]}

package/dist/src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ItemisedFee } from '../../../../models/Fee';
 type ItemisedFeesListingProps = {
     fees: ItemisedFee[];
 };
-export declare const ItemisedFeesListing: ({ fees }: ItemisedFeesListingProps) => React.JSX.Element | null;
+export declare const ItemisedFeesListing: ({ fees }: ItemisedFeesListingProps) => JSX.Element | null;
 export {};

package/dist/src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemisedFeesListing.js","sourceRoot":"/","sources":["src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6EAAqD;AACrD,kEAA2D;AAE3D,wCAAqC;AAM9B,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,EAA4B,EAAE,EAAE;IACtE,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAI;QAC5E,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,uCAAK,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,6BAA6B;YAChE;gBACI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAQ;gBACrD,GAAG,CAAC,QAAQ,CAAC,WAAW,IAAI,CACzB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,GAAG,CAAC,QAAQ,CAAC,WAAW,CACtB,CACV,CACC;YACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBAC7C,8BAAC,kBAAQ,QAAE,GAAG,CAAC,MAAM,CAAY,CAC9B,CACL,CACT,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B","sourcesContent":["import React from 'react';\n\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ItemisedFee } from '@/models/Fee';\nimport { Color } from '@/util/Color';\n\ntype ItemisedFeesListingProps = {\n    fees: ItemisedFee[];\n};\n\nexport const ItemisedFeesListing = ({ fees }: ItemisedFeesListingProps) => {\n    if (!fees?.length) return null;\n\n    return (\n        <>\n            <div className=\"line-break\" style={{ marginTop: 0, marginBottom: '24px' }} />\n            {fees.map((fee) => (\n                <div key={fee.hotelFee.name} className=\"u-flex u-marg-bottom--light\">\n                    <div>\n                        <Text type={TextType.Small}>{fee.hotelFee.name}</Text>\n                        {fee.hotelFee.description && (\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {fee.hotelFee.description}\n                            </Text>\n                        )}\n                    </div>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{fee.amount}</Currency>\n                    </Text>\n                </div>\n            ))}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ItemisedFeesListing.js","sourceRoot":"/","sources":["src/components/steps/common/ItemisedFeesListing/ItemisedFeesListing.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6EAAqD;AACrD,kEAA2D;AAE3D,wCAAqC;AAM9B,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,EAA4B,EAAE,EAAE;IACtE,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAI;QAC5E,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,uCAAK,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,6BAA6B;YAChE;gBACI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAQ;gBACrD,GAAG,CAAC,QAAQ,CAAC,WAAW,IAAI,CACzB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,GAAG,CAAC,QAAQ,CAAC,WAAW,CACtB,CACV,CACC;YACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBAC7C,8BAAC,kBAAQ,QAAE,GAAG,CAAC,MAAM,CAAY,CAC9B,CACL,CACT,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B","sourcesContent":["import React from 'react';\n\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ItemisedFee } from '@/models/Fee';\nimport { Color } from '@/util/Color';\n\ntype ItemisedFeesListingProps = {\n    fees: ItemisedFee[];\n};\n\nexport const ItemisedFeesListing = ({ fees }: ItemisedFeesListingProps) => {\n    if (!fees?.length) return null;\n\n    return (\n        <>\n            <div className=\"line-break\" style={{ marginTop: 0, marginBottom: '24px' }} />\n            {fees.map((fee) => (\n                <div key={fee.hotelFee.name} className=\"u-flex u-marg-bottom--light\">\n                    <div>\n                        <Text type={TextType.Small}>{fee.hotelFee.name}</Text>\n                        {fee.hotelFee.description && (\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {fee.hotelFee.description}\n                            </Text>\n                        )}\n                    </div>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        <Currency>{fee.amount}</Currency>\n                    </Text>\n                </div>\n            ))}\n        </>\n    );\n};\n"]}