npm - @roomstay/frontend - Versions diffs - 2.3.9 → 2.3.11 - Mend

@roomstay/frontend 2.3.9 → 2.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (850) hide show

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

@@ -26,19 +26,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
-const Headline_1 = __importDefault(require("../../generic/Headline"));
+const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
-const Text_1 = __importStar(require("../../generic/Text"));
-const Color_1 = require("../../../util/Color");
 const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
-const RoomRates_1 = __importDefault(require("./roomDetails/roomRates/RoomRates"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const Text_1 = __importStar(require("../../generic/Text"));
 const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
-const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("translations/Translation");
 const RoomDetailsBedsBlock_1 = require("./roomDetails/RoomDetailsBedsBlock");
-const hooks_1 = require("../../../hooks/index.js");
+const RoomRates_1 = __importDefault(require("./roomDetails/roomRates/RoomRates"));
+const Color_1 = require("../../../util/Color");
 function RoomModal(props) {
     var _a;
     const { t } = (0, react_i18next_1.useTranslation)();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~sFAAsF~~;~~AACtF~~,~~6EAAqD;AACrD,~~kDAA0B;AAC1B,~~uEAAgE~~;~~AAChE~~,~~kEAA2D~~;~~AAC3D~~,~~wCAAqC~~;~~AACrC~~,+EAAuD;AACvD,~~wGAAgF~~;~~AAChF~~,oGAA4E;AAC5E,~~iDAA+C~~;~~AAC/C~~,~~0DAAuD~~;~~AAEvD~~,~~mGAAgG~~;~~AAEhG~~,~~2CAAkD;AAalD,~~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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"]}
1	+ {"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport React 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\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 CHANGED Viewed

@@ -26,18 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const contexts_1 = require("../../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const Alert_1 = __importStar(require("../../generic/Alert"));
 const Icon_1 = require("../../generic/Icon/Icon");
 const Text_1 = __importStar(require("../../generic/Text"));
-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_2.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());
     return (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom" },

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

	@@ -1 +1 @@
1	- {"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"]}
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"]}

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

@@ -27,18 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEP_ROOM_BEST_RATE_ALERT = void 0;
-const react_1 = __importDefault(require("react"));
-const DIProvider_1 = require("../../../providers/DIProvider");
+const contexts_1 = require("../../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
 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_2 = require("react");
-const contexts_1 = require("../../../contexts/index.js");
+const DIProvider_1 = require("../../../providers/DIProvider");
 exports.STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';
 function OriginalBestRateAlert() {
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_1.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) !== '' ? ' - ' : '';

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,+CAA0C;AAC1C,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,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 { BasketContext } from '@frontend/contexts';\nimport React, { useContext } 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 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 CHANGED Viewed

@@ -37,6 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepRoomErrorForm = void 0;
 const contexts_1 = require("../../../contexts/index.js");
+const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
 const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
 const Alert_1 = __importStar(require("../../generic/Alert"));
@@ -45,22 +50,16 @@ const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 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_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");
 const Color_1 = require("../../../util/Color");
 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_2.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [apiStatus, setApiStatus] = (0, react_2.useState)({});
-    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    const [apiStatus, setApiStatus] = (0, react_1.useState)({});
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
         setApiStatus({});
         setIsLoading(true);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomErrorForm.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomErrorForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,iFAAyD;AACzD,kEAAmC;AACnC,oEAA8D;AAC9D,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,2EAAmD;AACnD,kDAA0B;AAC1B,+DAA2D;AAC3D,kDAA0B;AAC1B,iCAA6C;AAC7C,qDAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AACvD,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;YACA,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,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;oBACP,WAAW,IAAI,GAAG,IAAI,KAAK,KAAK,IAAI,CAAC;iBACxC;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;SACnC;QAAC,OAAO,EAAE,EAAE;YACT,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC1F;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;AAhIW,QAAA,iBAAiB,qBAgI5B","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"]}
1	+ {"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;YACA,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,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;oBACP,WAAW,IAAI,GAAG,IAAI,KAAK,KAAK,IAAI,CAAC;iBACxC;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;SACnC;QAAC,OAAO,EAAE,EAAE;YACT,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC1F;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;AAhIW,QAAA,iBAAiB,qBAgI5B","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: '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 CHANGED Viewed

@@ -26,19 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
 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_2 = require("react");
-const contexts_1 = require("../../../contexts/index.js");
+const Color_1 = require("../../../util/Color");
 function StepRoomHotelDetails() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
-    const overrides = (0, react_2.useContext)(contexts_1.HotelOverridesContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const overrides = (0, react_1.useContext)(contexts_1.HotelOverridesContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     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,

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"version":3,"file":"StepRoomHotelDetails.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomHotelDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA2E;AAC3E,2CAAkD;AAClD,+CAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,kEAA2D;AAC3D,wCAAqC;AAErC,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 { CompanyContext, HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\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 CHANGED Viewed

@@ -26,16 +26,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
-const react_1 = __importDefault(require("react"));
-const react_2 = 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 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 function StepRoomNextStepButton() {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const context = (0, react_2.useContext)(contexts_1.BasketContext);
+    const context = (0, react_1.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();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~iGAAyE~~;~~AACzE,kDAA0B~~;~~AAC1B~~,~~iCAAiD;AACjD,0DAAuD;AACvD,~~iDAA+C;AAC/C,~~iDAAmD~~;~~AACnD~~,8DAA+E;AAE/E,SAAwB,sBAAsB;IAC1C,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,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,SAAG,CAAC;AAC3J,CAAC;AAbD,yCAaC","sourcesContent":["import ~~NextStepButton~~ from '~~@/components~~/~~generic/buttons/NextStepButton~~';\nimport React ~~from 'react';\nimport~~ { ReactElement, useContext } from 'react';\nimport { ~~Translation~~ } from '~~translations/Translation~~';\nimport { ~~useTranslation~~ } from '~~react-i18next~~';\nimport { ~~BasketContext }~~ from '~~@frontend~~/~~contexts~~';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepRoomNextStepButton(): ReactElement {\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 <NextStepButton text={t(Translation.Step.Room.NextStep)} disabled={!context.getAllValidRows().length} onClick={onClickHandler} wideByDefault />;\n}\n"]}
1	+ {"version":3,"file":"StepRoomNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,+CAAwD;AACxD,iDAA+C;AAC/C,0DAAuD;AAEvD,iGAAyE;AACzE,8DAA+E;AAE/E,SAAwB,sBAAsB;IAC1C,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,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,SAAG,CAAC;AAC3J,CAAC;AAbD,yCAaC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { ReactElement, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepRoomNextStepButton(): ReactElement {\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 <NextStepButton text={t(Translation.Step.Room.NextStep)} disabled={!context.getAllValidRows().length} onClick={onClickHandler} wideByDefault />;\n}\n"]}

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

@@ -26,19 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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");
 const classnames_1 = __importDefault(require("classnames"));
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const react_1 = __importStar(require("react"));
 const Select_1 = require("../../generic/Select/Select");
+const RoomSortProvider_1 = require("../../../providers/RoomSortProvider");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 function StepRoomSortBy() {
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Medium;
-    const beContext = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const [sortBy, setSortBy] = (0, react_2.useState)(beContext.currentRoomSort);
+    const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const [sortBy, setSortBy] = (0, react_1.useState)(beContext.currentRoomSort);
     const onChangeHandler = (selected) => {
         DataLayer_1.default.instance.sendInteraction('Change Sort', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
         setSortBy(selected);

package/dist/src/components/steps/room/StepRoomSortBy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomSortBy.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSortBy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~kDAA0B~~;~~AAC1B~~,~~iCAA6C~~;~~AAC7C~~,mEAAwD;AACxD,8DAA+E;AAC/E,~~iDAA0D;AAC1D,4DAAoC;AACpC,~~mEAA2C;~~AAC3C,+DAA4D;AAO5D~~,SAAwB,cAAc;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,CAAC,QAAkB,EAAE,EAAE;QAC3C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACnG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,2BAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9C,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAClB,CAAC;QACN,CAAC,CAAC,EACF,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;YAC/C,YAAY,EAAE,QAAQ;SACzB,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AA5BD,iCA4BC","sourcesContent":["import ~~React~~ from '~~react~~';\nimport { useContext, useState } from 'react';\nimport { ~~RoomSort~~ } from '@/~~providers~~/~~RoomSortProvider~~';\nimport ~~DataLayer,~~ { ~~InteractionStep,~~ ~~InteractionType~~ } from '@/~~util~~/~~DataLayer~~';\nimport { ~~BookingEngineContext~~ } from '~~@frontend~~/~~contexts~~';\nimport ~~classNames from 'classnames';\nimport~~ ScreenSize from '@/util/ScreenSize';\~~nimport { Select } from '@/components/generic/Select/Select';\~~n\ninterface ISortSelectOption {\n value: RoomSort;\n text: string;\n}\n\nexport default function StepRoomSortBy() {\n const context = useContext(BookingEngineContext);\n const isMobile = context.screenSize <= ScreenSize.Medium;\n const beContext = useContext(BookingEngineContext);\n const [sortBy, setSortBy] = useState(beContext.currentRoomSort);\n const onChangeHandler = (selected: RoomSort) => {\n DataLayer.instance.sendInteraction('Change Sort', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setSortBy(selected);\n beContext.setCurrentRoomSort(selected);\n };\n return (\n <Select<ISortSelectOption, 'value'>\n nativeOnMobile\n options={Object.values(RoomSort).map((sortName) => {\n return {\n text: sortName,\n value: sortName,\n };\n })}\n value={sortBy}\n onChange={onChangeHandler}\n keyName=\"value\"\n labelName=\"text\"\n className={classNames('u-flex align-items-center', {\n 'text-small': isMobile,\n })}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"StepRoomSortBy.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSortBy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,4DAAoC;AACpC,+CAAoD;AAEpD,+DAA4D;AAC5D,mEAAwD;AACxD,8DAA+E;AAC/E,mEAA2C;AAO3C,SAAwB,cAAc;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,CAAC,QAAkB,EAAE,EAAE;QAC3C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACnG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,2BAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9C,OAAO;gBACH,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAClB,CAAC;QACN,CAAC,CAAC,EACF,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;YAC/C,YAAY,EAAE,QAAQ;SACzB,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AA5BD,iCA4BC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useState } from 'react';\n\nimport { Select } from '@/components/generic/Select/Select';\nimport { RoomSort } from '@/providers/RoomSortProvider';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface ISortSelectOption {\n value: RoomSort;\n text: string;\n}\n\nexport default function StepRoomSortBy() {\n const context = useContext(BookingEngineContext);\n const isMobile = context.screenSize <= ScreenSize.Medium;\n const beContext = useContext(BookingEngineContext);\n const [sortBy, setSortBy] = useState(beContext.currentRoomSort);\n const onChangeHandler = (selected: RoomSort) => {\n DataLayer.instance.sendInteraction('Change Sort', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setSortBy(selected);\n beContext.setCurrentRoomSort(selected);\n };\n return (\n <Select<ISortSelectOption, 'value'>\n nativeOnMobile\n options={Object.values(RoomSort).map((sortName) => {\n return {\n text: sortName,\n value: sortName,\n };\n })}\n value={sortBy}\n onChange={onChangeHandler}\n keyName=\"value\"\n labelName=\"text\"\n className={classNames('u-flex align-items-center', {\n 'text-small': isMobile,\n })}\n />\n );\n}\n"]}

package/dist/src/components/steps/room/StepRoomSummaryAndButton.js CHANGED Viewed

@@ -1,22 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const contexts_1 = require("../../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const StepRoomNextStepButton_1 = __importDefault(require("./StepRoomNextStepButton"));
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const react_2 = require("react");
 const BESummary_1 = require("../../summary/BESummary");
-const react_use_measure_1 = __importDefault(require("react-use-measure"));
-const contexts_1 = require("../../../contexts/index.js");
 const BESummaryPrivacyPolicy_1 = __importDefault(require("../../summary/BESummaryPrivacyPolicy"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 function StepRoomSummaryAndButton() {
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
-    const [styles, setStyles] = (0, react_2.useState)({ top: 0 });
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const [styles, setStyles] = (0, react_1.useState)({ top: 0 });
     const [measureBind, bounds] = (0, react_use_measure_1.default)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const screenHeight = window.innerHeight;
         const { height } = bounds;
         if (screenHeight < height) {
@@ -26,7 +48,7 @@ function StepRoomSummaryAndButton() {
             setStyles({ top: 150 });
         }
     }, [bounds]);
-    return (0, react_2.useMemo)(() => (react_1.default.createElement("div", { ref: measureBind, style: Object.assign({ position: 'sticky' }, styles) },
+    return (0, react_1.useMemo)(() => (react_1.default.createElement("div", { ref: measureBind, style: Object.assign({ position: 'sticky' }, styles) },
         !!basketContext.getAllValidRows().length && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
             react_1.default.createElement(StepRoomNextStepButton_1.default, null))),
         context.screenSize > ScreenSize_1.default.Medium && react_1.default.createElement(BESummary_1.BESummary, null),

package/dist/src/components/steps/room/StepRoomSummaryAndButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":"~~;;;;;~~AAAA,~~kDAA0B~~;~~AAC1B,4GAAoF~~;~~AACpF~~,~~mEAA2C~~;~~AAC3C~~,~~iCAAiE~~;~~AACjE~~,8DAA2D;AAC3D,~~0EAA2C~~;~~AAC3C~~,~~iDAAyE~~;~~AACzE~~,~~yGAAiF;AAEjF,~~SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,IAAA,2BAAU,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;QAExC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAE1B,IAAI,YAAY,GAAG,MAAM,EAAE;YACvB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SACrD;aAAM;YACH,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CAAC,CACF,uCAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,gCAAsB,OAAG,CACxB,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,qBAAS,OAAG;QACxD,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,gCAAsB,OAAG,CACxB;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AAxCD,2CAwCC","sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\nimport~~ ~~StepRoomNextStepButton~~ from '~~@/components~~/~~steps/room/StepRoomNextStepButton~~';\nimport ~~ScreenSize~~ ~~from '@/util/ScreenSize';\nimport~~ { useContext, ~~useState,~~ useEffect, useMemo } from 'react';\nimport { ~~BESummary }~~ from '~~@/components/summary/BESummary~~';\nimport ~~useMeasure~~ from '~~react-use-measure~~';\nimport { ~~BasketContext,~~ ~~BookingEngineContext~~ } from '~~@frontend~~/~~contexts~~';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\n\nexport default function StepRoomSummaryAndButton() {\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n\n const [styles, setStyles] = useState<{ top: number }>({ top: 0 });\n const [measureBind, bounds] = useMeasure();\n\n useEffect(() => {\n const screenHeight = window.innerHeight;\n\n const { height } = bounds;\n\n if (screenHeight < height) {\n setStyles({ top: -(height - screenHeight + 40) });\n } else {\n setStyles({ top: 150 });\n }\n }, [bounds]);\n\n return useMemo(\n () => (\n <div ref={measureBind} style={{ position: 'sticky', ...styles }}>\n {!!basketContext.getAllValidRows().length && (\n <div className=\"u-marg-bottom--heavy\">\n <StepRoomNextStepButton />\n </div>\n )}\n {context.screenSize > ScreenSize.Medium && <BESummary />}\n <div className=\"u-marg-top--heavy\">\n <StepRoomNextStepButton />\n </div>\n {context.screenSize > ScreenSize.Medium && (\n <div className=\"u-marg-top--heavy\">\n <BESummaryPrivacyPolicy />\n </div>\n )}\n </div>\n ),\n [context.screenSize, styles.top]\n );\n}\n"]}
1	+ {"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAyE;AACzE,+CAAwE;AACxE,0EAA2C;AAE3C,4GAAoF;AACpF,8DAA2D;AAC3D,yGAAiF;AACjF,mEAA2C;AAE3C,SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,IAAA,2BAAU,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;QAExC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAE1B,IAAI,YAAY,GAAG,MAAM,EAAE;YACvB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SACrD;aAAM;YACH,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CAAC,CACF,uCAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,gCAAsB,OAAG,CACxB,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,qBAAS,OAAG;QACxD,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,gCAAsB,OAAG,CACxB;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AAxCD,2CAwCC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport useMeasure from 'react-use-measure';\n\nimport StepRoomNextStepButton from '@/components/steps/room/StepRoomNextStepButton';\nimport { BESummary } from '@/components/summary/BESummary';\nimport BESummaryPrivacyPolicy from '@/components/summary/BESummaryPrivacyPolicy';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport default function StepRoomSummaryAndButton() {\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n\n const [styles, setStyles] = useState<{ top: number }>({ top: 0 });\n const [measureBind, bounds] = useMeasure();\n\n useEffect(() => {\n const screenHeight = window.innerHeight;\n\n const { height } = bounds;\n\n if (screenHeight < height) {\n setStyles({ top: -(height - screenHeight + 40) });\n } else {\n setStyles({ top: 150 });\n }\n }, [bounds]);\n\n return useMemo(\n () => (\n <div ref={measureBind} style={{ position: 'sticky', ...styles }}>\n {!!basketContext.getAllValidRows().length && (\n <div className=\"u-marg-bottom--heavy\">\n <StepRoomNextStepButton />\n </div>\n )}\n {context.screenSize > ScreenSize.Medium && <BESummary />}\n <div className=\"u-marg-top--heavy\">\n <StepRoomNextStepButton />\n </div>\n {context.screenSize > ScreenSize.Medium && (\n <div className=\"u-marg-top--heavy\">\n <BESummaryPrivacyPolicy />\n </div>\n )}\n </div>\n ),\n [context.screenSize, styles.top]\n );\n}\n"]}

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Room } from '../../../../models/Room/Room';
 import { HotelRoomGroupsDTO } from '../../../../models/Api/HotelDTO';
+import { Room } from '../../../../models/Room/Room';
 type TabGroupedRoomListProps = {
     rooms: Room[];
     group: HotelRoomGroupsDTO[number];

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.js CHANGED Viewed

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabGroupedRoomList = void 0;
 const react_1 = __importStar(require("react"));
-const RoomDetails_1 = __importDefault(require("../roomDetails/RoomDetails"));
-const TabGroupedRoomList_module_scss_1 = __importDefault(require("./TabGroupedRoomList.module.scss"));
 const Headline_1 = __importDefault(require("../../../generic/Headline"));
 const Select_1 = require("../../../generic/Select/Select");
+const RoomDetails_1 = __importDefault(require("../roomDetails/RoomDetails"));
+const TabGroupedRoomList_module_scss_1 = __importDefault(require("./TabGroupedRoomList.module.scss"));
 const TabGroupedRoomList = (props) => {
     const { rooms, group } = props;
     const [appliedFilters, setAppliedFilters] = (0, react_1.useState)({});

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabGroupedRoomList.js","sourceRoot":"/","sources":["src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,6EAAqD;~~AAGrD,sGAAsD~~;~~AACtD~~,6EAAqD;AACrD~~,+DAA4D~~;~~AAQrD~~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","sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { ~~Room }~~ from '@/~~models~~/~~Room~~/~~Room~~';\nimport ~~RoomDetails~~ from '~~../roomDetails~~/~~RoomDetails~~';\nimport { HotelRoomGroupsDTO } from '@/models/Api/HotelDTO';\n\nimport ~~styles~~ ~~from~~ ~~'./TabGroupedRoomList.module.scss';\nimport~~ ~~Headline~~ from '@/~~components~~/~~generic~~/~~Headline~~';\nimport { ~~Select }~~ from '~~@/components~~/~~generic/Select/Select~~';\nimport ~~DataLayer~~ from '~~@/util/DataLayer~~';\n\ntype TabGroupedRoomListProps = {\n rooms: Room[];\n group: HotelRoomGroupsDTO[number];\n};\n\nexport const TabGroupedRoomList = (props: TabGroupedRoomListProps) => {\n const { rooms, group } = props;\n const [appliedFilters, setAppliedFilters] = useState<{ [id: string]: any }>({});\n\n const filterKeys = useMemo(() => {\n return Object.keys(group.filters \|\| {});\n }, [group.filters]);\n\n const roomList = useMemo(() => {\n return rooms\n .filter((room) => {\n for (const filter of Object.keys(appliedFilters)) {\n let possibleValues: any[] = [];\n\n const auxFilter = group.filters?.[filter];\n\n if (auxFilter.includeAllAbove) {\n let foundKey = false;\n for (let i = auxFilter.options.length - 1; i >= 0; i--) {\n const currentValue = auxFilter.options[i];\n possibleValues.push(currentValue.value);\n\n if (appliedFilters[filter] === currentValue.value) {\n foundKey = true;\n break;\n }\n }\n\n if (!foundKey) {\n possibleValues = [];\n }\n } else {\n possibleValues = appliedFilters[filter] ?? [];\n }\n\n if (room.auxiliaryValues?.[filter] && appliedFilters[filter] && !possibleValues.includes(room.auxiliaryValues[filter])) {\n return false;\n }\n }\n\n return room;\n })\n .map((room, index) => {\n return <RoomDetails key={room.code} room={room} disableMarginBottom={index === rooms.length - 1} />;\n });\n }, [rooms, appliedFilters]);\n\n return (\n <div className={styles.groupedRoomList}>\n <div className={styles.groupedRoomListHeader}>\n <Headline bold>{group.groupName}</Headline>\n </div>\n {!!filterKeys?.length && rooms.length > 1 && (\n <div className={styles.filterContainer}>\n {filterKeys.map((filterKey) => {\n const filter = group.filters?.[filterKey];\n\n if (filter.type === 'select') {\n const options = [{ label: 'All', value: null }, ...filter.options];\n const currentValue = appliedFilters?.[filterKey] ?? options[0]?.value;\n\n const localOnFilterChange = (value: string) => {\n setAppliedFilters((prev) => ({ ...prev, [filterKey]: value }));\n };\n\n return (\n <div key={filterKey} className={styles.filterItem}>\n <div className={styles['filterItem-label']}>{filter.name}:</div>\n <Select keyName=\"value\" labelName=\"label\" options={options} value={currentValue} onChange={localOnFilterChange}></Select>\n </div>\n );\n }\n })}\n </div>\n )}\n {roomList}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"TabGroupedRoomList.js","sourceRoot":"/","sources":["src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport Headline from '@/components/generic/Headline';\nimport { Select } from '@/components/generic/Select/Select';\nimport { HotelRoomGroupsDTO } from '@/models/Api/HotelDTO';\nimport { Room } from '@/models/Room/Room';\n\nimport RoomDetails from '../roomDetails/RoomDetails';\nimport styles from './TabGroupedRoomList.module.scss';\n\ntype TabGroupedRoomListProps = {\n rooms: Room[];\n group: HotelRoomGroupsDTO[number];\n};\n\nexport const TabGroupedRoomList = (props: TabGroupedRoomListProps) => {\n const { rooms, group } = props;\n const [appliedFilters, setAppliedFilters] = useState<{ [id: string]: any }>({});\n\n const filterKeys = useMemo(() => {\n return Object.keys(group.filters \|\| {});\n }, [group.filters]);\n\n const roomList = useMemo(() => {\n return rooms\n .filter((room) => {\n for (const filter of Object.keys(appliedFilters)) {\n let possibleValues: any[] = [];\n\n const auxFilter = group.filters?.[filter];\n\n if (auxFilter.includeAllAbove) {\n let foundKey = false;\n for (let i = auxFilter.options.length - 1; i >= 0; i--) {\n const currentValue = auxFilter.options[i];\n possibleValues.push(currentValue.value);\n\n if (appliedFilters[filter] === currentValue.value) {\n foundKey = true;\n break;\n }\n }\n\n if (!foundKey) {\n possibleValues = [];\n }\n } else {\n possibleValues = appliedFilters[filter] ?? [];\n }\n\n if (room.auxiliaryValues?.[filter] && appliedFilters[filter] && !possibleValues.includes(room.auxiliaryValues[filter])) {\n return false;\n }\n }\n\n return room;\n })\n .map((room, index) => {\n return <RoomDetails key={room.code} room={room} disableMarginBottom={index === rooms.length - 1} />;\n });\n }, [rooms, appliedFilters]);\n\n return (\n <div className={styles.groupedRoomList}>\n <div className={styles.groupedRoomListHeader}>\n <Headline bold>{group.groupName}</Headline>\n </div>\n {!!filterKeys?.length && rooms.length > 1 && (\n <div className={styles.filterContainer}>\n {filterKeys.map((filterKey) => {\n const filter = group.filters?.[filterKey];\n\n if (filter.type === 'select') {\n const options = [{ label: 'All', value: null }, ...filter.options];\n const currentValue = appliedFilters?.[filterKey] ?? options[0]?.value;\n\n const localOnFilterChange = (value: string) => {\n setAppliedFilters((prev) => ({ ...prev, [filterKey]: value }));\n };\n\n return (\n <div key={filterKey} className={styles.filterItem}>\n <div className={styles['filterItem-label']}>{filter.name}:</div>\n <Select keyName=\"value\" labelName=\"label\" options={options} value={currentValue} onChange={localOnFilterChange}></Select>\n </div>\n );\n }\n })}\n </div>\n )}\n {roomList}\n </div>\n );\n};\n"]}