@roomstay/frontend 2.6.82 → 2.6.84

package/dist/src/components/steps/room/RoomListAlert.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/steps/room/RoomListAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA0C;AAE1C,+EAAuD;AACvD,mEAA2C;AAE3C,oGAA4E;AAC5E,gFAAwD;AAEjD,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;QACzC,OAAO,CACH;YACI,8BAAC,6BAAmB,OAAG;YACvB,8BAAC,mBAAS,IAAC,YAAY,SAAG;YAC1B,8BAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN,CAAC;KACL;IAED,OAAO,CACH;QACI,8BAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,8BAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA0C;AAE1C,+EAAuD;AACvD,mEAA2C;AAE3C,oGAA4E;AAC5E,gFAAwD;AAEjD,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE,CAAC;QAC1C,OAAO,CACH;YACI,8BAAC,6BAAmB,OAAG;YACvB,8BAAC,mBAAS,IAAC,YAAY,SAAG;YAC1B,8BAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN,CAAC;IACN,CAAC;IAED,OAAO,CACH;QACI,8BAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,8BAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}

package/dist/src/components/steps/room/RoomListCrossSellBlock.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RoomListCrossSellBlock;
 const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -148,5 +159,4 @@ function RoomListCrossSellBlock(props) {
                             " rooms",
                             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight, size: "1em" }))))))))) : null;
 }
-exports.default = RoomListCrossSellBlock;
 //# sourceMappingURL=RoomListCrossSellBlock.js.map

package/dist/src/components/steps/room/RoomListCrossSellBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { ReactElement, useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { API_DATE_FORMAT } from '@/api/BaseAPI';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Room } from '@/models/Room/Room';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps): ReactElement | null {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n    const { memberNumber } = useSignedInMember();\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(\n            row.getStartDate(),\n            row.getEndDate(),\n            row.getAdults(),\n            row.getChildren(),\n            row.getInfants(),\n            row.getPromoCode(),\n            row.getRoomCode(),\n            props.hotelId,\n            memberNumber,\n            true\n        )\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image || '');\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getInfants() > 0) {\n                            params.push('infants=' + row.getInfants());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId, memberNumber, true)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms?.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return isAvailable ? (\n        <div className=\"u-marg-top--heavy u-marg-bottom\">\n            <div className=\"cross-sell-module\">\n                <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} />\n                <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                            <Headline bold size={isReallyAvailable ? 'large' : 'normal'}>\n                                {isLoading\n                                    ? t(Translation.Step.Room.CrossSellBlock.AvailabilityNearBy1)\n                                    : isReallyAvailable\n                                    ? t(Translation.Step.Room.CrossSellBlock.AvailabilityNearBy2)\n                                    : t(Translation.Step.Room.CrossSellBlock.DateUnavailable)}\n                            </Headline>\n                        </div>\n                        {isReallyAvailable && (\n                            <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Body}>\n                                    <strong style={{ color: Color.Accent }}>{name}</strong>\n                                    <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n\n                    {isLoading ? (\n                        <SmallSpinner />\n                    ) : (\n                        <>\n                            {rooms.slice(0, 4).map((room, index) => {\n                                const roomLink = link + '&room=' + room.code;\n                                let classNames = 'u-flex align-items-end';\n                                if (index < rooms.length - 1) {\n                                    classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                }\n                                return (\n                                    <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                        <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                            <Text type={TextType.Body} color={Color.Accent} bold>\n                                                {room.name}\n                                            </Text>\n                                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                {t(Translation.Step.Room.Sleeps, {\n                                                    maxOccupancy: room.occupancy,\n                                                })}\n                                            </Text>\n                                        </div>\n                                        <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline>\n                                                {t(Translation.Misc.From)}\n                                            </Text>\n                                            <Text type={TextType.Body} color={Color.Accent} bold>\n                                                <Currency>{room.getLowestPrice(true)}</Currency>\n                                            </Text>\n                                        </div>\n                                    </a>\n                                );\n                            })}\n                        </>\n                    )}\n\n                    {isReallyAvailable && (\n                        <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                            <a\n                                className={'link-button --primary --filled --success --icon-right --normal' + (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')}\n                                tabIndex={0}\n                                type=\"button\"\n                                href={link}\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                            >\n                                <span>\n                                    See all {rooms.length} rooms\n                                    <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                </span>\n                            </a>\n                        </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    ) : null;\n}\n"]}
+{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { ReactElement, useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { API_DATE_FORMAT } from '@/api/BaseAPI';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Room } from '@/models/Room/Room';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps): ReactElement | null {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n    const { memberNumber } = useSignedInMember();\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(\n            row.getStartDate(),\n            row.getEndDate(),\n            row.getAdults(),\n            row.getChildren(),\n            row.getInfants(),\n            row.getPromoCode(),\n            row.getRoomCode(),\n            props.hotelId,\n            memberNumber,\n            true\n        )\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image || '');\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getInfants() > 0) {\n                            params.push('infants=' + row.getInfants());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId, memberNumber, true)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms?.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return isAvailable ? (\n        <div className=\"u-marg-top--heavy u-marg-bottom\">\n            <div className=\"cross-sell-module\">\n                <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} />\n                <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                            <Headline bold size={isReallyAvailable ? 'large' : 'normal'}>\n                                {isLoading\n                                    ? t(Translation.Step.Room.CrossSellBlock.AvailabilityNearBy1)\n                                    : isReallyAvailable\n                                    ? t(Translation.Step.Room.CrossSellBlock.AvailabilityNearBy2)\n                                    : t(Translation.Step.Room.CrossSellBlock.DateUnavailable)}\n                            </Headline>\n                        </div>\n                        {isReallyAvailable && (\n                            <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Body}>\n                                    <strong style={{ color: Color.Accent }}>{name}</strong>\n                                    <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n\n                    {isLoading ? (\n                        <SmallSpinner />\n                    ) : (\n                        <>\n                            {rooms.slice(0, 4).map((room, index) => {\n                                const roomLink = link + '&room=' + room.code;\n                                let classNames = 'u-flex align-items-end';\n                                if (index < rooms.length - 1) {\n                                    classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                }\n                                return (\n                                    <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                        <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                            <Text type={TextType.Body} color={Color.Accent} bold>\n                                                {room.name}\n                                            </Text>\n                                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                {t(Translation.Step.Room.Sleeps, {\n                                                    maxOccupancy: room.occupancy,\n                                                })}\n                                            </Text>\n                                        </div>\n                                        <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                            <Text type={TextType.Small} color={Color.DarkGrey} inline>\n                                                {t(Translation.Misc.From)}\n                                            </Text>\n                                            <Text type={TextType.Body} color={Color.Accent} bold>\n                                                <Currency>{room.getLowestPrice(true)}</Currency>\n                                            </Text>\n                                        </div>\n                                    </a>\n                                );\n                            })}\n                        </>\n                    )}\n\n                    {isReallyAvailable && (\n                        <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                            <a\n                                className={'link-button --primary --filled --success --icon-right --normal' + (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')}\n                                tabIndex={0}\n                                type=\"button\"\n                                href={link}\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                            >\n                                <span>\n                                    See all {rooms.length} rooms\n                                    <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                </span>\n                            </a>\n                        </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    ) : null;\n}\n"]}

package/dist/src/components/steps/room/RoomModal.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RoomModal;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -100,5 +111,4 @@ function RoomModal(props) {
                         react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: cleanPerkDisclaimer } }))))),
             react_1.default.createElement(RoomRates_1.default, { featuredRates: props.featuredRates, rates: props.rates, roomCode: props.room.code }))));
 }
-exports.default = RoomModal;
 //# sourceMappingURL=RoomModal.js.map

package/dist/src/components/steps/room/RoomModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\n\nimport RoomModalPerkRow from './RoomModalPerkRow';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { roomModalDescSideBySide } = useContext(HotelOverridesContext);\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { rooms } = hotel as Hotel;\n\n    const { roomPerks, prePerkDisclaimer } = props.room.getRoomPerks({ hotel: hotel, room: props.room });\n\n    const extraRoomData = rooms?.[props.room.code as string];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    const cleanPerkDisclaimer = prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '';\n\n    const LongDescription = () => {\n        return (\n            <div className=\"u-marg-bottom--heavy rs-room-modal-long-description\">\n                <Text type={TextType.Small} color={Color.Graphite}>\n                    <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() || '' }} />\n                </Text>\n            </div>\n        );\n    };\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div className=\"rs-room-modal\">\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m- rs-room-modal-container\">\n                    <div className=\"u-marg-bottom--light rs-room-modal-headline\">\n                        <Headline bold size=\"large\">\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy rs-room-modal-short-description\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) || '' }} />\n                        </Text>\n                    </div>\n\n                    {roomModalDescSideBySide ? (\n                        <>\n                            <LongDescription />\n                            <LineBreak />\n                        </>\n                    ) : null}\n\n                    {!hotel?.perksHideOnRoomDetail && roomPerks && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-perks\">\n                            <div className=\"row\">\n                                <RoomModalPerkRow hotel={hotel} room={props.room} roomPerks={roomPerks} />\n                            </div>\n                            {hotel?.perksShowDisclaimer && (\n                                <div className=\"row u-marg-top--lighter\">\n                                    <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                </div>\n                            )}\n                        </div>\n                    )}\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" noPadding size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    {!roomModalDescSideBySide ? <LongDescription /> : null}\n\n                    {!!cleanPerkDisclaimer && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-disclaimer\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: cleanPerkDisclaimer }} />\n                            </Text>\n                        </div>\n                    )}\n                </div>\n\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code as string} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\n\nimport RoomModalPerkRow from './RoomModalPerkRow';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { roomModalDescSideBySide } = useContext(HotelOverridesContext);\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { rooms } = hotel as Hotel;\n\n    const { roomPerks, prePerkDisclaimer } = props.room.getRoomPerks({ hotel: hotel, room: props.room });\n\n    const extraRoomData = rooms?.[props.room.code as string];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    const cleanPerkDisclaimer = prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '';\n\n    const LongDescription = () => {\n        return (\n            <div className=\"u-marg-bottom--heavy rs-room-modal-long-description\">\n                <Text type={TextType.Small} color={Color.Graphite}>\n                    <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() || '' }} />\n                </Text>\n            </div>\n        );\n    };\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div className=\"rs-room-modal\">\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m- rs-room-modal-container\">\n                    <div className=\"u-marg-bottom--light rs-room-modal-headline\">\n                        <Headline bold size=\"large\">\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy rs-room-modal-short-description\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) || '' }} />\n                        </Text>\n                    </div>\n\n                    {roomModalDescSideBySide ? (\n                        <>\n                            <LongDescription />\n                            <LineBreak />\n                        </>\n                    ) : null}\n\n                    {!hotel?.perksHideOnRoomDetail && roomPerks && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-perks\">\n                            <div className=\"row\">\n                                <RoomModalPerkRow hotel={hotel} room={props.room} roomPerks={roomPerks} />\n                            </div>\n                            {hotel?.perksShowDisclaimer && (\n                                <div className=\"row u-marg-top--lighter\">\n                                    <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                </div>\n                            )}\n                        </div>\n                    )}\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" noPadding size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    {!roomModalDescSideBySide ? <LongDescription /> : null}\n\n                    {!!cleanPerkDisclaimer && (\n                        <div className=\"u-marg-bottom--heavy rs-room-modal-disclaimer\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                            </Text>\n                            <Text type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: cleanPerkDisclaimer }} />\n                            </Text>\n                        </div>\n                    )}\n                </div>\n\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code as string} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/room/RoomModalPerkRow.js

@@ -15,15 +15,26 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BE_ROOM_MODAL_PERK_ROW = void 0;
+exports.default = RoomModalPerkRow;
 const React = __importStar(require("react"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const DIProvider_1 = require("../../../providers/DIProvider");
@@ -50,5 +61,4 @@ exports.BE_ROOM_MODAL_PERK_ROW = 'BERoomModalPerkRow';
 function RoomModalPerkRow(props) {
     return (0, DIProvider_1.withDI)(exports.BE_ROOM_MODAL_PERK_ROW, OriginalRoomModalPerkRow, props);
 }
-exports.default = RoomModalPerkRow;
 //# sourceMappingURL=RoomModalPerkRow.js.map

package/dist/src/components/steps/room/RoomModalPerkRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomModalPerkRow.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModalPerkRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,kEAA2D;AAI3D,uDAAgD;AAEhD,4DAA4D;AAQ5D,MAAM,wBAAwB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC3B,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,0CACK,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC3B,MAAM,eAAe,GAAG,IAAA,oCAAkB,EAAC,IAAI,CAAC,CAAC;QAEjD,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8EAA8E;YACrG,6BAAK,SAAS,EAAC,yBAAyB,IAAE,eAAe,CAAO;YAChE,6BAAK,SAAS,EAAC,oBAAoB;gBAC/B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB;oBACnB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;wBAClB,KAAK;wBACL,IAAI;qBACP,CAAC;oBACJ,CAAC,CAAC,IAAI,CAAC,IAAI,CACZ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,oBAAoB,CAAC;AAE3D,SAAwB,gBAAgB,CAAC,KAA4B;IACjE,OAAO,IAAA,mBAAM,EAAC,8BAAsB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC;AAFD,mCAEC","sourcesContent":["import * as React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport { Room } from '@/models/Room/Room';\nimport { withDI } from '@/providers/DIProvider';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\n\nexport interface RoomModalPerkRowProps {\n    hotel?: Hotel;\n    room: Room;\n    roomPerks: HotelPerk[];\n}\n\nconst OriginalRoomModalPerkRow = (props: RoomModalPerkRowProps) => {\n    const { roomPerks, room, hotel } = props;\n\n    if (!Array.isArray(roomPerks)) {\n        return null;\n    }\n\n    return (\n        <>\n            {roomPerks.map((perk, index) => {\n                const perkIconElement = getPerkIconElement(perk);\n\n                return (\n                    <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                        <div className=\"room-perk-icon --has-bg\">{perkIconElement}</div>\n                        <div className=\"u-marg-left--light\">\n                            <Text type={TextType.Small}>\n                                {perk?.perkNameRenderer\n                                    ? perk.perkNameRenderer({\n                                          hotel,\n                                          room,\n                                      })\n                                    : perk.name}\n                            </Text>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n};\n\nexport const BE_ROOM_MODAL_PERK_ROW = 'BERoomModalPerkRow';\n\nexport default function RoomModalPerkRow(props: RoomModalPerkRowProps) {\n    return withDI(BE_ROOM_MODAL_PERK_ROW, OriginalRoomModalPerkRow, props);\n}\n"]}
+{"version":3,"file":"RoomModalPerkRow.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModalPerkRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,mCAEC;AArDD,6CAA+B;AAG/B,kEAA2D;AAI3D,uDAAgD;AAEhD,4DAA4D;AAQ5D,MAAM,wBAAwB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,0CACK,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC3B,MAAM,eAAe,GAAG,IAAA,oCAAkB,EAAC,IAAI,CAAC,CAAC;QAEjD,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8EAA8E;YACrG,6BAAK,SAAS,EAAC,yBAAyB,IAAE,eAAe,CAAO;YAChE,6BAAK,SAAS,EAAC,oBAAoB;gBAC/B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB;oBACnB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;wBAClB,KAAK;wBACL,IAAI;qBACP,CAAC;oBACJ,CAAC,CAAC,IAAI,CAAC,IAAI,CACZ,CACL,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,oBAAoB,CAAC;AAE3D,SAAwB,gBAAgB,CAAC,KAA4B;IACjE,OAAO,IAAA,mBAAM,EAAC,8BAAsB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["import * as React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport { Room } from '@/models/Room/Room';\nimport { withDI } from '@/providers/DIProvider';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\n\nexport interface RoomModalPerkRowProps {\n    hotel?: Hotel;\n    room: Room;\n    roomPerks: HotelPerk[];\n}\n\nconst OriginalRoomModalPerkRow = (props: RoomModalPerkRowProps) => {\n    const { roomPerks, room, hotel } = props;\n\n    if (!Array.isArray(roomPerks)) {\n        return null;\n    }\n\n    return (\n        <>\n            {roomPerks.map((perk, index) => {\n                const perkIconElement = getPerkIconElement(perk);\n\n                return (\n                    <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                        <div className=\"room-perk-icon --has-bg\">{perkIconElement}</div>\n                        <div className=\"u-marg-left--light\">\n                            <Text type={TextType.Small}>\n                                {perk?.perkNameRenderer\n                                    ? perk.perkNameRenderer({\n                                          hotel,\n                                          room,\n                                      })\n                                    : perk.name}\n                            </Text>\n                        </div>\n                    </div>\n                );\n            })}\n        </>\n    );\n};\n\nexport const BE_ROOM_MODAL_PERK_ROW = 'BERoomModalPerkRow';\n\nexport default function RoomModalPerkRow(props: RoomModalPerkRowProps) {\n    return withDI(BE_ROOM_MODAL_PERK_ROW, OriginalRoomModalPerkRow, props);\n}\n"]}

package/dist/src/components/steps/room/StepRoomAlertBlocks.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StepRoomAlertBlocks;
 const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -48,5 +59,4 @@ function StepRoomAlertBlocks() {
                     " - ",
                     t(Translation_1.Translation.Misc.Alerts.YouAreEditingAlert))))));
 }
-exports.default = StepRoomAlertBlocks;
 //# sourceMappingURL=StepRoomAlertBlocks.js.map

package/dist/src/components/steps/room/StepRoomAlertBlocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,+CAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AAEvD,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,kEAA2D;AAC3D,0GAAkF;AAElF,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,uCAAK,SAAS,EAAC,0BAA0B;QACrC,8BAAC,+BAAqB,OAAG;QACzB,8BAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC;AAjBD,sCAiBC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,sCAiBC;AA5BD,iDAAmD;AACnD,+CAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AAEvD,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,kEAA2D;AAC3D,0GAAkF;AAElF,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,uCAAK,SAAS,EAAC,0BAA0B;QACrC,8BAAC,+BAAqB,OAAG;QACzB,8BAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomBestRateAlert.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEP_ROOM_BEST_RATE_ALERT = void 0;
+exports.default = StepRoomBestRateAlert;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const classnames_1 = __importDefault(require("classnames"));
@@ -83,5 +94,4 @@ function OriginalBestRateAlert() {
 function StepRoomBestRateAlert() {
     return (0, DIProvider_1.withDI)(exports.STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);
 }
-exports.default = StepRoomBestRateAlert;
 //# sourceMappingURL=StepRoomBestRateAlert.js.map

package/dist/src/components/steps/room/StepRoomBestRateAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0F;AAC1F,2CAAkD;AAClD,4DAAoC;AACpC,+CAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAEvD,uEAA+C;AAC/C,yDAA0D;AAC1D,kEAA2D;AAC3D,uDAAgD;AAEnC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,YAAY,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC;IACpE,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,iEAAiE;QACjE,IAAI,WAAW,EAAE;YACb,GAAG,CAAC,qBAAqB,EAAE,CAAC;SAC/B;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC3B,MAAM,SAAS,GAAG,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,SAAS,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACxF,IAAI,SAAS,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;YAChC,OAAO,SAAS,CAAC;SACpB;QAED,IAAI,GAAG,CAAC,YAAY,EAAE;YAClB,MAAM,UAAU,GACZ,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,UAAU;gBAC9B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;oBAClC,IAAI,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;oBACvE,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,SAAS;oBACrC,QAAQ,EAAE,GAAG,CAAC,YAAY,CAAC,QAAQ;oBACnC,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK;iBAChC,CAAC,CAAC;YAEP,IAAI,UAAU,EAAE;gBACZ,OAAO,UAAU,CAAC;aACrB;SACJ;QAED,OAAO,CACH;YACI,8CAAS,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,aAAa,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC/F,MAAM;YACN,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,kBAAkB,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzF,CACN,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACH,uCAAK,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC;QAC5F,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;YAChD,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAQ,CAC1C,CACN,CACT,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import { BasketContext, CompanyContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classnames from 'classnames';\nimport React, { useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const overrides = useContext(HotelOverridesContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n    const isClickable = !ccx.signedInUser && hotel?.memberOnlyPromoCode;\n    const openSignupModalOnClick = () => {\n        // When guests are not signed in and member sign-ups are enabled.\n        if (isClickable) {\n            ccx.openMemberSignupModal();\n        }\n    };\n\n    const alertText = useMemo(() => {\n        const preSignUp = overrides.messages?.PreSignUp || t(Translation.Misc.Alerts.PreSignUp);\n        if (preSignUp && !ccx.signedInUser) {\n            return preSignUp;\n        }\n\n        if (ccx.signedInUser) {\n            const postSignUp =\n                overrides.messages?.PostSignUp ||\n                t(Translation.Misc.Alerts.PostSignUp, {\n                    name: [ccx.signedInUser.firstName, ccx.signedInUser.lastName].join(' '),\n                    firstName: ccx.signedInUser.firstName,\n                    lastName: ccx.signedInUser.lastName,\n                    email: ccx.signedInUser.email,\n                });\n\n            if (postSignUp) {\n                return postSignUp;\n            }\n        }\n\n        return (\n            <>\n                <strong>{overrides.messages?.BestRatePerks || t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {overrides.messages?.BestRatePerksAlert || t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </>\n        );\n    }, [ccx]);\n\n    return (\n        <div onClick={openSignupModalOnClick} className={classnames({ 'u-cursor-pointer': isClickable })}>\n            <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n                <Text type={TextType.Small}>{alertText}</Text>\n            </Alert>\n        </div>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}
+{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,wCAEC;AAvED,iDAA0F;AAC1F,2CAAkD;AAClD,4DAAoC;AACpC,+CAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAEvD,uEAA+C;AAC/C,yDAA0D;AAC1D,kEAA2D;AAC3D,uDAAgD;AAEnC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,YAAY,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC;IACpE,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,iEAAiE;QACjE,IAAI,WAAW,EAAE,CAAC;YACd,GAAG,CAAC,qBAAqB,EAAE,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC3B,MAAM,SAAS,GAAG,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,SAAS,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACxF,IAAI,SAAS,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;YACjC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,IAAI,GAAG,CAAC,YAAY,EAAE,CAAC;YACnB,MAAM,UAAU,GACZ,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,UAAU;gBAC9B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;oBAClC,IAAI,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;oBACvE,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,SAAS;oBACrC,QAAQ,EAAE,GAAG,CAAC,YAAY,CAAC,QAAQ;oBACnC,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK;iBAChC,CAAC,CAAC;YAEP,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO,UAAU,CAAC;YACtB,CAAC;QACL,CAAC;QAED,OAAO,CACH;YACI,8CAAS,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,aAAa,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC/F,MAAM;YACN,CAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,kBAAkB,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzF,CACN,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACH,uCAAK,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC;QAC5F,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;YAChD,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAQ,CAC1C,CACN,CACT,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC","sourcesContent":["import { BasketContext, CompanyContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classnames from 'classnames';\nimport React, { useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const overrides = useContext(HotelOverridesContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n    const isClickable = !ccx.signedInUser && hotel?.memberOnlyPromoCode;\n    const openSignupModalOnClick = () => {\n        // When guests are not signed in and member sign-ups are enabled.\n        if (isClickable) {\n            ccx.openMemberSignupModal();\n        }\n    };\n\n    const alertText = useMemo(() => {\n        const preSignUp = overrides.messages?.PreSignUp || t(Translation.Misc.Alerts.PreSignUp);\n        if (preSignUp && !ccx.signedInUser) {\n            return preSignUp;\n        }\n\n        if (ccx.signedInUser) {\n            const postSignUp =\n                overrides.messages?.PostSignUp ||\n                t(Translation.Misc.Alerts.PostSignUp, {\n                    name: [ccx.signedInUser.firstName, ccx.signedInUser.lastName].join(' '),\n                    firstName: ccx.signedInUser.firstName,\n                    lastName: ccx.signedInUser.lastName,\n                    email: ccx.signedInUser.email,\n                });\n\n            if (postSignUp) {\n                return postSignUp;\n            }\n        }\n\n        return (\n            <>\n                <strong>{overrides.messages?.BestRatePerks || t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {overrides.messages?.BestRatePerksAlert || t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </>\n        );\n    }, [ccx]);\n\n    return (\n        <div onClick={openSignupModalOnClick} className={classnames({ 'u-cursor-pointer': isClickable })}>\n            <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n                <Text type={TextType.Small}>{alertText}</Text>\n            </Alert>\n        </div>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}

package/dist/src/components/steps/room/StepRoomErrorForm.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {

package/dist/src/components/steps/room/StepRoomErrorForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomErrorForm.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomErrorForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { Color } from '@/util/Color';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\nexport const StepRoomErrorForm = () => {\n    const { register, handleSubmit, formState } = useForm();\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            const br = basketContext.selectedBasketRow;\n            let searchQuery = '';\n            [\n                { name: 'Adults', value: br.getAdults() },\n                { name: 'Children', value: br.getChildren() },\n                { name: 'Infants', value: br.getInfants() },\n                { name: 'Promo Code', value: br.getPromoCode() },\n                { name: 'Dates range', value: br.getStayDateRange('ddd D MMM YYYY', ' till ') },\n                { name: 'Date Sent', value: dayjs().format('dd D MMM YYYY') },\n            ].forEach(({ name, value }) => {\n                if (value) {\n                    searchQuery += `${name}: ${value}\\n`;\n                }\n            });\n\n            await API.Error.sendRoomFallbackForm(hotel?.hotelID as string, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                searchQuery,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    return (\n        <div className=\"u-fill-white u-rounded\">\n            <div className=\"row u-pad--heavy\">\n                <div className=\"col-lg-6 d-flex justify-content-center flex-column\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Icon icon={IconType.Error} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold color={Color.Alert}>\n                            <span style={{ color: 'inherit' }} dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Title) }} />\n                        </Headline>\n                    </div>\n\n                    <Text type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Description) }} />\n                    </Text>\n                </div>\n                <div className=\"col-lg-6\">\n                    <form>\n                        <AutoAutoHeight open={!!formState.errors}>\n                            {Object.values(formState.errors).map((error, index) => {\n                                return (\n                                    <Alert key={index} type={AlertType.Danger}>\n                                        <Text type={TextType.Small}>{error?.message}</Text>\n                                    </Alert>\n                                );\n                            })}\n                        </AutoAutoHeight>\n                        <div className=\"u-marg-bottom--light u-marg-top\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Name)}\n                                {...register('name', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Name)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Email)}\n                                {...register('email', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,\n                                    },\n                                    pattern: {\n                                        value: EMAIL_REGEX,\n                                        message: 'Email must be valid',\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Telephone)}\n                                {...register('telephone', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Telephone)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <BEButton filled primary onClick={handleSubmit(onSubmit)} isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                            {t(Translation.Step.Room.ErrorForm.ContactUsButton)}\n                        </BEButton>\n\n                        <AutoAutoHeight open={!!apiStatus.success}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                            </div>\n                        </AutoAutoHeight>\n\n                        <AutoAutoHeight open={apiStatus.success === false}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Alert}>{apiStatus.message}</Text>\n                            </div>\n                        </AutoAutoHeight>\n                    </form>\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"StepRoomErrorForm.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomErrorForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,kDAA0B;AAC1B,+CAAoD;AACpD,qDAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AAEvD,iFAAyD;AACzD,kEAAmC;AACnC,oEAA8D;AAC9D,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,2EAAmD;AACnD,+DAA2D;AAC3D,wCAAqC;AACrC,kDAAgD;AAEzC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAO,GAAE,CAAC;IACxD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAe,GAAE,CAAC;IACpC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA0C,EAAE,CAAC,CAAC;IACxF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAO,MAAW,EAAE,EAAE;QACnC,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,CAAC;YACD,MAAM,EAAE,GAAG,aAAa,CAAC,iBAAiB,CAAC;YAC3C,IAAI,WAAW,GAAG,EAAE,CAAC;YACrB;gBACI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE;gBACzC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE;gBAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,EAAE,EAAE;gBAC3C,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE;gBAChD,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE;gBAC/E,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;aAChE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC1B,IAAI,KAAK,EAAE,CAAC;oBACR,WAAW,IAAI,GAAG,IAAI,KAAK,KAAK,IAAI,CAAC;gBACzC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,MAAM,oBAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,EAAE;gBAC3D,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,WAAW;aACd,CAAC,CAAC;YAEH,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACpC,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3F,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,wBAAwB;QACnC,uCAAK,SAAS,EAAC,kBAAkB;YAC7B,uCAAK,SAAS,EAAC,oDAAoD;gBAC/D,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAC5D;gBACN,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,kBAAQ,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,KAAK;wBAC7B,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAI,CAC7G,CACT;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,GAAI,CAC1F,CACL;YACN,uCAAK,SAAS,EAAC,UAAU;gBACrB;oBACI,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,IACnC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAClD,OAAO,CACH,8BAAC,eAAK,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAS,CAAC,MAAM;4BACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAQ,CAC/C,CACX,CAAC;oBACN,CAAC,CAAC,CACW;oBACjB,uCAAK,SAAS,EAAC,iCAAiC;wBAC5C,8BAAC,iBAAO,kBACJ,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IACvD,QAAQ,CAAC,MAAM,EAAE;4BACjB,QAAQ,EAAE;gCACN,KAAK,EAAE,IAAI;gCACX,OAAO,EAAE,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB;6BACnF;yBACJ,CAAC,EACJ,CACA;oBACN,uCAAK,SAAS,EAAC,sBAAsB;wBACjC,8BAAC,iBAAO,kBACJ,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,IACxD,QAAQ,CAAC,OAAO,EAAE;4BAClB,QAAQ,EAAE;gCACN,KAAK,EAAE,IAAI;gCACX,OAAO,EAAE,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB;6BACpF;4BACD,OAAO,EAAE;gCACL,KAAK,EAAE,wBAAW;gCAClB,OAAO,EAAE,qBAAqB;6BACjC;yBACJ,CAAC,EACJ,CACA;oBACN,uCAAK,SAAS,EAAC,sBAAsB;wBACjC,8BAAC,iBAAO,kBACJ,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,IAC5D,QAAQ,CAAC,WAAW,EAAE;4BACtB,QAAQ,EAAE;gCACN,KAAK,EAAE,IAAI;gCACX,OAAO,EAAE,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,sBAAsB;6BACxF;yBACJ,CAAC,EACJ,CACA;oBACN,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,IAAI,SAAS,CAAC,OAAO,IACnH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,CAC5C;oBAEX,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO;wBACrC,uCAAK,SAAS,EAAC,WAAW;4BACtB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAQ,CACzF,CACO;oBAEjB,8BAAC,wBAAc,IAAC,IAAI,EAAE,SAAS,CAAC,OAAO,KAAK,KAAK;wBAC7C,uCAAK,SAAS,EAAC,WAAW;4BACtB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK,IAAG,SAAS,CAAC,OAAO,CAAQ,CAClD,CACO,CACd,CACL,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAjIW,QAAA,iBAAiB,qBAiI5B","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { Color } from '@/util/Color';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\nexport const StepRoomErrorForm = () => {\n    const { register, handleSubmit, formState } = useForm();\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [apiStatus, setApiStatus] = useState<{ success?: boolean; message?: string }>({});\n    const [isLoading, setIsLoading] = useState(false);\n\n    const onSubmit = async (values: any) => {\n        setApiStatus({});\n        setIsLoading(true);\n\n        try {\n            const br = basketContext.selectedBasketRow;\n            let searchQuery = '';\n            [\n                { name: 'Adults', value: br.getAdults() },\n                { name: 'Children', value: br.getChildren() },\n                { name: 'Infants', value: br.getInfants() },\n                { name: 'Promo Code', value: br.getPromoCode() },\n                { name: 'Dates range', value: br.getStayDateRange('ddd D MMM YYYY', ' till ') },\n                { name: 'Date Sent', value: dayjs().format('dd D MMM YYYY') },\n            ].forEach(({ name, value }) => {\n                if (value) {\n                    searchQuery += `${name}: ${value}\\n`;\n                }\n            });\n\n            await API.Error.sendRoomFallbackForm(hotel?.hotelID as string, {\n                name: values.name,\n                telephone: values.telephone,\n                email: values.email,\n                searchQuery,\n            });\n\n            setApiStatus({ success: true });\n        } catch (ex) {\n            setApiStatus({ success: false, message: t(Translation.Step.Room.ErrorForm.APIError) });\n        }\n\n        setIsLoading(false);\n    };\n\n    return (\n        <div className=\"u-fill-white u-rounded\">\n            <div className=\"row u-pad--heavy\">\n                <div className=\"col-lg-6 d-flex justify-content-center flex-column\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Icon icon={IconType.Error} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold color={Color.Alert}>\n                            <span style={{ color: 'inherit' }} dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Title) }} />\n                        </Headline>\n                    </div>\n\n                    <Text type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.ErrorForm.Description) }} />\n                    </Text>\n                </div>\n                <div className=\"col-lg-6\">\n                    <form>\n                        <AutoAutoHeight open={!!formState.errors}>\n                            {Object.values(formState.errors).map((error, index) => {\n                                return (\n                                    <Alert key={index} type={AlertType.Danger}>\n                                        <Text type={TextType.Small}>{error?.message}</Text>\n                                    </Alert>\n                                );\n                            })}\n                        </AutoAutoHeight>\n                        <div className=\"u-marg-bottom--light u-marg-top\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Name)}\n                                {...register('name', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Name)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Email)}\n                                {...register('email', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,\n                                    },\n                                    pattern: {\n                                        value: EMAIL_REGEX,\n                                        message: 'Email must be valid',\n                                    },\n                                })}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom--light\">\n                            <TextBox\n                                placeholder={t(Translation.Step.Room.ErrorForm.Inputs.Telephone)}\n                                {...register('telephone', {\n                                    required: {\n                                        value: true,\n                                        message: `${t(Translation.Step.Room.ErrorForm.Inputs.Telephone)} is a required field`,\n                                    },\n                                })}\n                            />\n                        </div>\n                        <BEButton filled primary onClick={handleSubmit(onSubmit)} isLoading={isLoading} disabled={isLoading || apiStatus.success}>\n                            {t(Translation.Step.Room.ErrorForm.ContactUsButton)}\n                        </BEButton>\n\n                        <AutoAutoHeight open={!!apiStatus.success}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Success}>{t(Translation.Step.Room.ErrorForm.ConfirmationMessage)}</Text>\n                            </div>\n                        </AutoAutoHeight>\n\n                        <AutoAutoHeight open={apiStatus.success === false}>\n                            <div className=\"u-pad-top\">\n                                <Text color={Color.Alert}>{apiStatus.message}</Text>\n                            </div>\n                        </AutoAutoHeight>\n                    </form>\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/steps/room/StepRoomHotelDetails.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StepRoomHotelDetails;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -52,5 +63,4 @@ function StepRoomHotelDetails() {
                 react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.CheckIn)))), CheckOutRender: () => (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey },
                 react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.CheckOut)))), LineRender: ({ line }) => react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, line) })));
 }
-exports.default = StepRoomHotelDetails;
 //# sourceMappingURL=StepRoomHotelDetails.js.map