@roomstay/frontend 2.1.6 → 2.1.8

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
 const Headline_1 = __importDefault(require("../../generic/Headline"));
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const Color_1 = require("../../../util/Color");
@@ -46,44 +46,44 @@ function RoomModal(props) {
     const { perks, rooms } = hotel;
     const extraRoomData = rooms === null || rooms === void 0 ? void 0 : rooms[props.room.code];
     // Explode otherwise original data gets overwritten.
-    const amenities = (extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.amenities) ? [...extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.amenities] : [];
+    const amenities = (extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.amenities) ? [...extraRoomData.amenities] : [];
     if ((_a = extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.features) === null || _a === void 0 ? void 0 : _a.length) {
         extraRoomData.features.forEach((feature) => {
             amenities.push(feature);
         });
     }
-    return (React.createElement(SimpleModal_1.default, { title: props.room.name + ' ' + t(Translation_1.Translation.Step.Room.RoomInfo.Information), open: props.open, size: SimpleModal_1.SimpleModalSize.Small, onClose: props.onClose },
-        React.createElement("div", null,
-            React.createElement("div", { style: { height: '350px' } },
-                React.createElement(ImageGallerySlider_1.default, { images: props.room.getImages() })),
-            React.createElement("div", { className: "u-marg-heavy u-marg@m-" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Headline_1.default, { bold: true, size: 'large' }, props.room.name)),
-                React.createElement(RoomDetailsBedsBlock_1.RoomDetailsBedsBlock, { room: props.room }),
-                React.createElement("div", { className: "u-marg-bottom--heavy" },
-                    React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small },
-                        React.createElement("span", { dangerouslySetInnerHTML: { __html: props.room.getShortDescription(false) } }))),
-                React.createElement("div", { className: "u-marg-bottom--heavy" }, !!perks && (React.createElement("div", { className: "row" }, perks.map((perk, index) => {
-                    return (React.createElement("div", { key: index, className: "u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start" },
-                        React.createElement("div", { className: "room-perk-icon --has-bg" }, perk.iconElement ? perk.iconElement : React.createElement(Icon_1.default, { icon: perk.icon })),
-                        React.createElement("div", { className: "u-marg-left--light" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Small }, perk.name))));
+    return (react_1.default.createElement(SimpleModal_1.default, { title: props.room.name + ' ' + t(Translation_1.Translation.Step.Room.RoomInfo.Information), open: props.open, size: SimpleModal_1.SimpleModalSize.Small, onClose: props.onClose },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { style: { height: '350px' } },
+                react_1.default.createElement(ImageGallerySlider_1.default, { images: props.room.getImages() })),
+            react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Headline_1.default, { bold: true, size: "large" }, props.room.name)),
+                react_1.default.createElement(RoomDetailsBedsBlock_1.RoomDetailsBedsBlock, { room: props.room }),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, type: Text_1.TextType.Small },
+                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: props.room.getShortDescription(false) || '' } }))),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" }, !!perks && (react_1.default.createElement("div", { className: "row" }, perks.map((perk, index) => {
+                    return (react_1.default.createElement("div", { key: index, className: "u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start" },
+                        react_1.default.createElement("div", { className: "room-perk-icon --has-bg" }, perk.iconElement ? perk.iconElement : react_1.default.createElement(Icon_1.default, { icon: perk.icon })),
+                        react_1.default.createElement("div", { className: "u-marg-left--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, perk.name))));
                 })))),
-                !!(amenities === null || amenities === void 0 ? void 0 : amenities.length) && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "u-marg-bottom" },
-                        React.createElement(Text_1.default, { color: Color_1.Color.Accent, type: Text_1.TextType.Small },
-                            React.createElement("strong", null, t(Translation_1.Translation.Step.Room.RoomInfo.RoomAmenities)))),
-                    React.createElement("div", { className: "row" }, amenities.map((amenity) => {
-                        return (React.createElement("div", { key: amenity.description, className: "col-sm-6 u-marg-bottom--light u-flex justify-content-start" },
-                            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: 'round', noPadding: true, size: "16px" }),
-                            React.createElement("div", { className: "u-marg-left--light u-flex" },
-                                React.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true }, amenity.description))));
+                !!(amenities === null || amenities === void 0 ? void 0 : amenities.length) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.Accent, type: Text_1.TextType.Small },
+                            react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.RoomInfo.RoomAmenities)))),
+                    react_1.default.createElement("div", { className: "row" }, amenities.map((amenity) => {
+                        return (react_1.default.createElement("div", { key: amenity.description, className: "col-sm-6 u-marg-bottom--light u-flex justify-content-start" },
+                            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", noPadding: true, size: "16px" }),
+                            react_1.default.createElement("div", { className: "u-marg-left--light u-flex" },
+                                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true }, amenity.description))));
                     })))),
-                React.createElement(LineBreak_1.default, null),
-                React.createElement("div", { className: "u-marg-bottom--heavy" },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Graphite },
-                        React.createElement("span", { dangerouslySetInnerHTML: { __html: props.room.getLongDescription() } })))),
-            React.createElement(RoomRates_1.default, { featuredRates: props.featuredRates, rates: props.rates, roomCode: props.room.code }))));
+                react_1.default.createElement(LineBreak_1.default, null),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Graphite },
+                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: props.room.getLongDescription() || '' } })))),
+            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 SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport * as React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Room } from '@/models/Room/Room';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\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 { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel;\n\n    const extraRoomData = rooms?.[props.room.code];\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    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} size={'large'}>\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\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\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\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={true} size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline={true}>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() }} />\n                        </Text>\n                    </div>\n                </div>\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code} />\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 SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Room } from '@/models/Room/Room';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\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 { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel as Hotel;\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    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\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\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) || '' }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\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\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\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                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() || '' }} />\n                        </Text>\n                    </div>\n                </div>\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/StepRoomAlertBlocks.js

@@ -26,26 +26,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const contexts_1 = require("../../../contexts/index.js");
 const Alert_1 = __importStar(require("../../generic/Alert"));
 const Icon_1 = require("../../generic/Icon/Icon");
 const Text_1 = __importStar(require("../../generic/Text"));
-const react_1 = require("react");
+const react_2 = require("react");
 const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const StepRoomBestRateAlert_1 = __importDefault(require("./StepRoomBestRateAlert"));
 function StepRoomAlertBlocks() {
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());
-    return (React.createElement("div", { className: "u-marg-top u-marg-bottom" },
-        React.createElement(StepRoomBestRateAlert_1.default, null),
-        React.createElement(AutoAutoHeight_1.default, { open: isEditingRow },
-            React.createElement(Alert_1.default, { icon: Icon_1.IconType.Edit, type: Alert_1.AlertType.Accent1 },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                    React.createElement("strong", null, t(Translation_1.Translation.Misc.Alerts.YouAreEditing)),
+    return (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom" },
+        react_1.default.createElement(StepRoomBestRateAlert_1.default, null),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: isEditingRow },
+            react_1.default.createElement(Alert_1.default, { icon: Icon_1.IconType.Edit, type: Alert_1.AlertType.Accent1 },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                    react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.Alerts.YouAreEditing)),
                     " - ",
                     t(Translation_1.Translation.Misc.Alerts.YouAreEditingAlert))))));
 }

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,6CAA+B;AAC/B,iDAAmD;AACnD,oEAA8D;AAC9D,yDAA0D;AAC1D,kEAA2D;AAC3D,iCAAmC;AACnC,iFAAyD;AACzD,iDAA+C;AAC/C,0DAAuD;AACvD,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,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,+BAAqB,OAAG;QACzB,oBAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,oCAAS,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 * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAAmD;AACnD,oEAA8D;AAC9D,yDAA0D;AAC1D,kEAA2D;AAC3D,iCAAmC;AACnC,iFAAyD;AACzD,iDAA+C;AAC/C,0DAAuD;AACvD,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 React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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

@@ -27,24 +27,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEP_ROOM_BEST_RATE_ALERT = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const DIProvider_1 = require("../../../providers/DIProvider");
 const Alert_1 = __importDefault(require("../../generic/Alert"));
 const Icon_1 = require("../../generic/Icon/Icon");
 const Text_1 = __importStar(require("../../generic/Text"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const react_1 = require("react");
+const react_2 = require("react");
 const contexts_1 = require("../../../contexts/index.js");
 exports.STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';
 function OriginalBestRateAlert() {
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());
     const hyphen = t(Translation_1.Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';
-    return (React.createElement(Alert_1.default, { icon: Icon_1.IconType.Money, noMargin: !isEditingRow },
-        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-            React.createElement("strong", null, t(Translation_1.Translation.Misc.Alerts.BestRatePerks)),
+    return (react_1.default.createElement(Alert_1.default, { icon: Icon_1.IconType.Money, noMargin: !isEditingRow },
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.Alerts.BestRatePerks)),
             hyphen,
             t(Translation_1.Translation.Misc.Alerts.BestRatePerksAlert))));
 }

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,6CAA+B;AAC/B,uDAAgD;AAChD,uEAA+C;AAC/C,yDAA0D;AAC1D,kEAA2D;AAC3D,0DAAuD;AACvD,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,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;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;IAE5E,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import * as React from 'react';\nimport { withDI } from '@/providers/DIProvider';\nimport Alert from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAChD,uEAA+C;AAC/C,yDAA0D;AAC1D,kEAA2D;AAC3D,0DAAuD;AACvD,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,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;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;IAE5E,OAAO,CACH,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import React from 'react';\nimport { withDI } from '@/providers/DIProvider';\nimport Alert from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\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

@@ -47,8 +47,8 @@ const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const CurrentHotelHook_1 = require("../../../hooks/CurrentHotelHook");
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -57,10 +57,10 @@ const Validation_1 = require("../../../util/Validation");
 const StepRoomErrorForm = () => {
     const { register, handleSubmit, formState } = (0, react_hook_form_1.useForm)();
     const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [apiStatus, setApiStatus] = (0, react_1.useState)({});
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [apiStatus, setApiStatus] = (0, react_2.useState)({});
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
         setApiStatus({});
         setIsLoading(true);
@@ -78,7 +78,7 @@ const StepRoomErrorForm = () => {
                     searchQuery += `${name}: ${value}\n`;
                 }
             });
-            yield BookingAPI_1.default.Error.sendRoomFallbackForm(hotel.hotelID, {
+            yield BookingAPI_1.default.Error.sendRoomFallbackForm(hotel === null || hotel === void 0 ? void 0 : hotel.hotelID, {
                 name: values.name,
                 telephone: values.telephone,
                 email: values.email,
@@ -91,31 +91,31 @@ const StepRoomErrorForm = () => {
         }
         setIsLoading(false);
     });
-    return (React.createElement("div", { className: "u-fill-white u-rounded" },
-        React.createElement("div", { className: "row u-pad--heavy" },
-            React.createElement("div", { className: "col-lg-6 d-flex justify-content-center flex-column" },
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Icon_1.default, { icon: Icon_1.IconType.Error, color: Color_1.Color.Alert, size: '24px' })),
-                React.createElement("div", { className: "u-marg-bottom--light" },
-                    React.createElement(Headline_1.default, { bold: true, color: Color_1.Color.Alert },
-                        React.createElement("span", { style: { color: 'inherit' }, dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.ErrorForm.Title) } }))),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                    React.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.ErrorForm.Description) } }))),
-            React.createElement("div", { className: "col-lg-6" },
-                React.createElement("form", null,
-                    React.createElement(AutoAutoHeight_1.default, { open: !!formState.errors }, Object.values(formState.errors).map((error) => {
-                        return (React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Small }, error.message)));
+    return (react_1.default.createElement("div", { className: "u-fill-white u-rounded" },
+        react_1.default.createElement("div", { className: "row u-pad--heavy" },
+            react_1.default.createElement("div", { className: "col-lg-6 d-flex justify-content-center flex-column" },
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Error, color: Color_1.Color.Alert, size: "24px" })),
+                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                    react_1.default.createElement(Headline_1.default, { bold: true, color: Color_1.Color.Alert },
+                        react_1.default.createElement("span", { style: { color: 'inherit' }, dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.ErrorForm.Title) } }))),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                    react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.ErrorForm.Description) } }))),
+            react_1.default.createElement("div", { className: "col-lg-6" },
+                react_1.default.createElement("form", null,
+                    react_1.default.createElement(AutoAutoHeight_1.default, { open: !!formState.errors }, Object.values(formState.errors).map((error, index) => {
+                        return (react_1.default.createElement(Alert_1.default, { key: index, type: Alert_1.AlertType.Danger },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, error === null || error === void 0 ? void 0 : error.message)));
                     })),
-                    React.createElement("div", { className: "u-marg-bottom--light u-marg-top" },
-                        React.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Name) }, register('name', {
+                    react_1.default.createElement("div", { className: "u-marg-bottom--light u-marg-top" },
+                        react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Name) }, register('name', {
                             required: {
                                 value: true,
                                 message: `${t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Name)} is a required field`,
                             },
                         })))),
-                    React.createElement("div", { className: "u-marg-bottom--light" },
-                        React.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Email) }, register('email', {
+                    react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                        react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Email) }, register('email', {
                             required: {
                                 value: true,
                                 message: `${t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Email)} is a required field`,
@@ -125,20 +125,20 @@ const StepRoomErrorForm = () => {
                                 message: 'Email must be valid',
                             },
                         })))),
-                    React.createElement("div", { className: "u-marg-bottom--light" },
-                        React.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Telephone) }, register('telephone', {
+                    react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                        react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Telephone) }, register('telephone', {
                             required: {
                                 value: true,
                                 message: `${t(Translation_1.Translation.Step.Room.ErrorForm.Inputs.Telephone)} is a required field`,
                             },
                         })))),
-                    React.createElement(BEButton_1.default, { filled: true, primary: true, onClick: handleSubmit(onSubmit), isLoading: isLoading, disabled: isLoading || apiStatus.success }, t(Translation_1.Translation.Step.Room.ErrorForm.ContactUsButton)),
-                    React.createElement(AutoAutoHeight_1.default, { open: apiStatus.success },
-                        React.createElement("div", { className: "u-pad-top" },
-                            React.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Step.Room.ErrorForm.ConfirmationMessage)))),
-                    React.createElement(AutoAutoHeight_1.default, { open: apiStatus.success === false },
-                        React.createElement("div", { className: "u-pad-top" },
-                            React.createElement(Text_1.default, { color: Color_1.Color.Alert }, apiStatus.message))))))));
+                    react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, onClick: handleSubmit(onSubmit), isLoading: isLoading, disabled: isLoading || apiStatus.success }, t(Translation_1.Translation.Step.Room.ErrorForm.ContactUsButton)),
+                    react_1.default.createElement(AutoAutoHeight_1.default, { open: !!apiStatus.success },
+                        react_1.default.createElement("div", { className: "u-pad-top" },
+                            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Step.Room.ErrorForm.ConfirmationMessage)))),
+                    react_1.default.createElement(AutoAutoHeight_1.default, { open: apiStatus.success === false },
+                        react_1.default.createElement("div", { className: "u-pad-top" },
+                            react_1.default.createElement(Text_1.default, { color: Color_1.Color.Alert }, apiStatus.message))))))));
 };
 exports.StepRoomErrorForm = StepRoomErrorForm;
 //# sourceMappingURL=StepRoomErrorForm.js.map

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 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 dayjs from 'dayjs';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport * as React from 'react';\nimport { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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: '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, {\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={true} 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) => {\n                                return (\n                                    <Alert 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={true} primary={true} 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":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\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 dayjs from 'dayjs';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport React from 'react';\nimport { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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: '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

@@ -26,40 +26,40 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Color_1 = require("../../../util/Color");
 const Text_1 = __importStar(require("../../generic/Text"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("../../../hooks/index.js");
-const react_1 = require("react");
+const react_2 = require("react");
 const contexts_1 = require("../../../contexts/index.js");
 function StepRoomHotelDetails() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
-    const overrides = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
+    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    const overrides = (0, react_2.useContext)(contexts_1.HotelOverridesContext);
     const { t } = (0, react_i18next_1.useTranslation)();
-    const hideByLine = overrides.hideByLine || (hotel === null || hotel === void 0 ? void 0 : hotel.hideByLine);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "u-marg-bottom" },
-            React.createElement(Headline_1.default, { color: Color_1.Color.Navy }, hotel === null || hotel === void 0 ? void 0 : hotel.name),
-            !hideByLine && (React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
+    const hideByLine = (overrides === null || overrides === void 0 ? void 0 : overrides.hideByLine) || (hotel === null || hotel === void 0 ? void 0 : hotel.hideByLine);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "u-marg-bottom" },
+            react_1.default.createElement(Headline_1.default, { color: Color_1.Color.Navy }, hotel === null || hotel === void 0 ? void 0 : hotel.name),
+            !hideByLine && (react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
                 t(Translation_1.Translation.Misc.By),
                 " ",
                 ccx.name))),
-        React.createElement("div", { className: "row" },
-            React.createElement("div", { className: "col-6" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey },
-                    React.createElement("strong", null, t(Translation_1.Translation.Misc.CheckIn))),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+        react_1.default.createElement("div", { className: "row" },
+            react_1.default.createElement("div", { className: "col-6" },
+                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.CheckIn))),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                     t(Translation_1.Translation.Misc.After),
                     " ", hotel === null || hotel === void 0 ? void 0 :
                     hotel.checkInTime)),
-            React.createElement("div", { className: "col-6" },
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey },
-                    React.createElement("strong", null, t(Translation_1.Translation.Misc.CheckOut))),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+            react_1.default.createElement("div", { className: "col-6" },
+                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))),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                     t(Translation_1.Translation.Misc.Before),
                     " ", hotel === null || hotel === void 0 ? void 0 :
                     hotel.checkOutTime)))));

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoomHotelDetails.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomHotelDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6EAAqD;AACrD,wCAAqC;AACrC,kEAA2D;AAC3D,0DAAuD;AACvD,iDAA+C;AAC/C,2CAAkD;AAClD,iCAAmC;AACnC,iDAA2E;AAE3E,SAAwB,oBAAoB;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAA,CAAC;IAE7D,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAY;YAEpD,CAAC,UAAU,IAAI,CACZ,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAAG,GAAG,CAAC,IAAI,CAC/B,CACV,CACC;QACN,6BAAK,SAAS,EAAC,KAAK;YAChB,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;YACN,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxCD,uCAwCC","sourcesContent":["import * as React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useContext } from 'react';\nimport { CompanyContext, HotelOverridesContext } from '@frontend/contexts';\n\nexport default function StepRoomHotelDetails() {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const overrides = useContext(HotelOverridesContext);\n\n    const { t } = useTranslation();\n\n    const hideByLine = overrides.hideByLine || hotel?.hideByLine;\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline color={Color.Navy}>{hotel?.name}</Headline>\n\n                {!hideByLine && (\n                    <Text color={Color.DarkGrey}>\n                        {t(Translation.Misc.By)} {ccx.name}\n                    </Text>\n                )}\n            </div>\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.After)} {hotel?.checkInTime}\n                    </Text>\n                </div>\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomHotelDetails.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomHotelDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6EAAqD;AACrD,wCAAqC;AACrC,kEAA2D;AAC3D,0DAAuD;AACvD,iDAA+C;AAC/C,2CAAkD;AAClD,iCAAmC;AACnC,iDAA2E;AAE3E,SAAwB,oBAAoB;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAEpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAA,CAAC;IAE9D,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAY;YAEpD,CAAC,UAAU,IAAI,CACZ,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;gBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAAG,GAAG,CAAC,IAAI,CAC/B,CACV,CACC;QACN,uCAAK,SAAS,EAAC,KAAK;YAChB,uCAAK,SAAS,EAAC,OAAO;gBAClB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;YACN,uCAAK,SAAS,EAAC,OAAO;gBAClB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oBACzC,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;yBAAG,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxCD,uCAwCC","sourcesContent":["import React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { useContext } from 'react';\nimport { CompanyContext, HotelOverridesContext } from '@frontend/contexts';\n\nexport default function StepRoomHotelDetails() {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const overrides = useContext(HotelOverridesContext);\n\n    const { t } = useTranslation();\n\n    const hideByLine = overrides?.hideByLine || hotel?.hideByLine;\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline color={Color.Navy}>{hotel?.name}</Headline>\n\n                {!hideByLine && (\n                    <Text color={Color.DarkGrey}>\n                        {t(Translation.Misc.By)} {ccx.name}\n                    </Text>\n                )}\n            </div>\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckIn)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.After)} {hotel?.checkInTime}\n                    </Text>\n                </div>\n                <div className=\"col-6\">\n                    <Text type={TextType.Small} color={Color.Grey}>\n                        <strong>{t(Translation.Misc.CheckOut)}</strong>\n                    </Text>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -27,21 +27,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("../../../contexts/index.js");
-const react_1 = require("react");
+const react_2 = require("react");
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 function StepRoomNextStepButton(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const context = (0, react_1.useContext)(contexts_1.BasketContext);
+    const context = (0, react_2.useContext)(contexts_1.BasketContext);
     const onClickHandler = () => new Promise((resolve) => {
         DataLayer_1.default.instance.sendInteraction('Next Step', DataLayer_1.InteractionType.BUTTON, DataLayer_1.InteractionStep.ROOMS);
         context.clearSelectedRates();
         resolve(true);
     });
-    return (React.createElement(NextStepButton_1.default, { text: t(Translation_1.Translation.Step.Room.NextStep), history: props.history, disabled: !context.getAllValidRows().length, currentStep: props.currentStep, onClick: onClickHandler, wideByDefault: true }));
+    return (react_1.default.createElement(NextStepButton_1.default, { text: t(Translation_1.Translation.Step.Room.NextStep), history: props.history, disabled: !context.getAllValidRows().length, currentStep: props.currentStep, onClick: onClickHandler, wideByDefault: true }));
 }
 exports.default = StepRoomNextStepButton;
 //# sourceMappingURL=StepRoomNextStepButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iGAAyE;AACzE,6CAA+B;AAC/B,0DAAuD;AACvD,iDAA+C;AAC/C,iDAAmD;AACnD,iCAAmC;AACnC,8DAA+E;AAI/E,SAAwB,sBAAsB,CAAC,KAAU;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CACxB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC/F,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAC3C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,IAAI,GACrB,CACL,CAAC;AACN,CAAC;AAtBD,yCAsBC","sourcesContent":["import NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport * as React from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport Step from '@/pages/steps/Step';\n\nexport default function StepRoomNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const onClickHandler = () =>\n        new Promise((resolve) => {\n            DataLayer.instance.sendInteraction('Next Step', InteractionType.BUTTON, InteractionStep.ROOMS);\n            context.clearSelectedRates();\n\n            resolve(true);\n        });\n\n    return (\n        <NextStepButton\n            text={t(Translation.Step.Room.NextStep)}\n            history={props.history}\n            disabled={!context.getAllValidRows().length}\n            currentStep={props.currentStep}\n            onClick={onClickHandler}\n            wideByDefault={true}\n        />\n    );\n}\n"]}
+{"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iGAAyE;AACzE,kDAA0B;AAC1B,0DAAuD;AACvD,iDAA+C;AAC/C,iDAAmD;AACnD,iCAAmC;AACnC,8DAA+E;AAI/E,SAAwB,sBAAsB,CAAC,KAAU;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CACxB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC/F,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEP,OAAO,CACH,8BAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAC3C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,cAAc,EACvB,aAAa,SACf,CACL,CAAC;AACN,CAAC;AAtBD,yCAsBC","sourcesContent":["import NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport React from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext } from 'react';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport Step from '@/pages/steps/Step';\n\nexport default function StepRoomNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const onClickHandler = () =>\n        new Promise((resolve) => {\n            DataLayer.instance.sendInteraction('Next Step', InteractionType.BUTTON, InteractionStep.ROOMS);\n            context.clearSelectedRates();\n\n            resolve(true);\n        });\n\n    return (\n        <NextStepButton\n            text={t(Translation.Step.Room.NextStep)}\n            history={props.history}\n            disabled={!context.getAllValidRows().length}\n            currentStep={props.currentStep}\n            onClick={onClickHandler}\n            wideByDefault\n        />\n    );\n}\n"]}

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

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const RoomSortProvider_1 = require("../../../providers/RoomSortProvider");
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const contexts_1 = require("../../../contexts/index.js");
@@ -35,16 +35,16 @@ const classnames_1 = __importDefault(require("classnames"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const Select_1 = require("../../generic/Select/Select");
 function StepRoomSortBy() {
-    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Medium;
-    const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const [sortBy, setSortBy] = (0, react_1.useState)(beContext.currentRoomSort);
+    const beContext = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const [sortBy, setSortBy] = (0, react_2.useState)(beContext.currentRoomSort);
     const onChangeHandler = (selected) => {
         DataLayer_1.default.instance.sendInteraction('Change Sort', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
         setSortBy(selected);
         beContext.setCurrentRoomSort(selected);
     };
-    return (React.createElement(Select_1.Select, { nativeOnMobile: true, options: Object.values(RoomSortProvider_1.RoomSort).map((sortName) => {
+    return (react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: Object.values(RoomSortProvider_1.RoomSort).map((sortName) => {
             return {
                 text: sortName,
                 value: sortName,