npm - @roomstay/frontend - Versions diffs - 2.1.0 → 2.1.1 - Mend

@roomstay/frontend 2.1.0 → 2.1.1

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 (869) hide show

package/dist/src/pages/steps/StepDate/StepDate.js CHANGED Viewed

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = __importDefault(require("pages/steps/Step"));
-const StepDateComponent_1 = __importDefault(require("pages/steps/StepDate/StepDateComponent"));
-const StepDateValidator_1 = __importDefault(require("pages/steps/StepDate/StepDateValidator"));
+const Step_1 = __importDefault(require("@/pages/steps/Step"));
+const StepDateComponent_1 = __importDefault(require("@/pages/steps/StepDate/StepDateComponent"));
+const StepDateValidator_1 = __importDefault(require("@/pages/steps/StepDate/StepDateValidator"));
 class StepDate extends Step_1.default {
     constructor() {
         super('Date');

package/dist/src/pages/steps/StepDate/StepDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,~~4DAAoC~~;~~AACpC,+FAAuE~~;~~AACvE,+FAAuE~~;~~AAEvE~~,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepDateComponent from 'pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from 'pages/steps/StepDate/StepDateValidator';\n\nclass StepDate extends Step {\n public constructor() {\n super('Date');\n }\n\n public getComponent() {\n return StepDateComponent;\n }\n\n public getValidator() {\n return new StepDateValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Date;\n }\n\n public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n if (hotel) {\n return hotel.colors;\n }\n }\n}\n\nexport default new StepDate();\n"]}
1	+ {"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,iGAAyE;AACzE,iGAAyE;AAEzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepDateComponent from '@/pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from '@/pages/steps/StepDate/StepDateValidator';\n\nclass StepDate extends Step {\n public constructor() {\n super('Date');\n }\n\n public getComponent() {\n return StepDateComponent;\n }\n\n public getValidator() {\n return new StepDateValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Date;\n }\n\n public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n if (hotel) {\n return hotel.colors;\n }\n }\n}\n\nexport default new StepDate();\n"]}

package/dist/src/pages/steps/StepDate/StepDateComponent.js CHANGED Viewed

@@ -27,28 +27,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importDefault(require("components/generic/Text"));
-const Color_1 = require("util/Color");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
 const react_router_dom_1 = require("react-router-dom");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const StepOneStatusPeople_1 = __importDefault(require("components/steps/date/StepOneStatusPeople"));
-const StepOneDateRange_1 = __importDefault(require("components/steps/date/StepOneDateRange"));
-const StepOneNextStepButton_1 = __importDefault(require("components/steps/date/StepOneNextStepButton"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const StepOneStatusPeople_1 = __importDefault(require("@/components/steps/date/StepOneStatusPeople"));
+const StepOneDateRange_1 = __importDefault(require("@/components/steps/date/StepOneDateRange"));
+const StepOneNextStepButton_1 = __importDefault(require("@/components/steps/date/StepOneNextStepButton"));
 const react_1 = require("react");
-const StepOneDateRangePickerLegend_1 = __importDefault(require("components/steps/date/StepOneDateRangePickerLegend"));
-const StepDatePricePerRoom_1 = __importDefault(require("components/steps/date/StepDatePricePerRoom"));
+const StepOneDateRangePickerLegend_1 = __importDefault(require("@/components/steps/date/StepOneDateRangePickerLegend"));
+const StepDatePricePerRoom_1 = __importDefault(require("@/components/steps/date/StepDatePricePerRoom"));
 const contexts_1 = require("@frontend/contexts");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const PeoplePicker_1 = __importDefault(require("components/steps/date/PeoplePicker"));
-const StepOneDateRangePicker_1 = __importDefault(require("components/steps/date/StepOneDateRangePicker"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const PeoplePicker_1 = __importDefault(require("@/components/steps/date/PeoplePicker"));
+const StepOneDateRangePicker_1 = __importDefault(require("@/components/steps/date/StepOneDateRangePicker"));
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
 const HotelOverridesContext_1 = require("contexts/HotelOverridesContext");
 const events_1 = require("@frontend/events");
-const BEMobileSummary = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('components/summary/BEMobileSummary'))));
+const BEMobileSummary = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@/components/summary/BEMobileSummary'))));
 const StepDate = (props) => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/pages/steps/StepDate/StepDateComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,~~2EAAmD~~;~~AACnD~~,~~mEAA2C~~;~~AAE3C~~,~~sCAAmC~~;~~AACnC~~,uDAA8C;AAE9C,iDAA+C;AAE/C,0DAAuD;AACvD,~~iEAAyC~~;~~AACzC~~,~~oGAA4E~~;~~AAC5E~~,~~8FAAsE~~;~~AACtE~~,~~wGAAgF~~;~~AAChF~~,iCAAsE;AAEtE,~~sHAA8F~~;~~AAC9F~~,~~sGAA8E~~;~~AAC9E~~,iDAAyE;AAEzE~~,6EAAqD~~;~~AACrD~~,~~sFAA8D~~;~~AAC9D~~,~~0GAAkF~~;~~AAClF~~,2CAA4D;AAC5D,iDAAoD;AACpD,0EAAuE;AACvE,6CAAqD;AAErD,MAAM,eAAe,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,~~oCAAoC~~,GAAC,CAAC,CAAC;~~AAEjF~~,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,6CAAqB,CAAC,CAAC;IAEzD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,IAAI,aAAa,CAAC,OAAO,EAAE;YAClE,IAAI,SAAS,EAAE;gBACX,UAAU,CAAC,GAAG,EAAE;;oBACZ,MAAA,SAAS,CAAC,OAAO,0CAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;gBAClG,CAAC,EAAE,EAAE,CAAC,CAAC;aACV;SACJ;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,0BAAiB,EAAE,CAAC;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACrB,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,IAAI,oBAAC,eAAe,OAAG;QAC9D,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,IAAI,CACvC;YACI,6BAAK,SAAS,EAAC,KAAK;gBAChB,6BAAK,SAAS,EAAC,mBAAmB;oBAC9B,6BAAK,SAAS,EAAC,sBAAsB;wBACjC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAY,CACrE;oBACN,oBAAC,kBAAQ,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,IAAG,KAAK,CAAC,IAAI,CAAY;oBACnD,CAAC,UAAU,IAAI,CACZ,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;wBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;wBAAG,GAAG,CAAC,IAAI,CAC/B,CACV,CACC;gBACN,6BAAK,SAAS,EAAC,mBAAmB;oBAC9B,6BAAK,SAAS,EAAC,6BAA6B;wBACxC,6BAAK,SAAS,EAAC,UAAU;4BACrB,6BAAK,SAAS,EAAC,sBAAsB;gCACjC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAY,CACxE;4BACN,6BAAK,SAAS,EAAC,iBAAiB;gCAC5B,oBAAC,0BAAgB,OAAG;gCACpB,oBAAC,6BAAmB,OAAG,CACrB,CACJ;wBACN,6BAAK,SAAS,EAAC,UAAU;4BACrB,oBAAC,8BAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,CACvC,CACJ,CACJ,CACJ;YACN,oBAAC,mBAAS,OAAG,CACd,CACN;QAED,6BAAK,SAAS,EAAC,6EAA6E;YACxF,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,mBAAmB;gBAC9C,oBAAC,sBAAY,OAAG,CACd;YACN,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,6BAAK,SAAS,EAAC,oEAAoE;oBAC/E,oBAAC,gBAAQ,IAAC,QAAQ,EAAC,aAAa;wBAC5B,oBAAC,gCAAsB,OAAG,CACnB,CACT;gBACL,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,sCAA4B,OAAG,CAAC,CAAC,CAAC,oBAAC,mBAAS,OAAG,CACxF,CACJ;QACN,6BAAK,SAAS,EAAC,4BAA4B;YACvC,oBAAC,+BAAqB,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAC/C,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,QAAQ;AAER,aAAa;AACb,kBAAe,IAAA,6BAAU,EAAC,QAAQ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport Text from 'components/generic/Text';\n\nimport { Color } from 'util/Color';\nimport { withRouter } from 'react-router-dom';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport StepOneStatusPeople from 'components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from 'components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from 'components/steps/date/StepOneNextStepButton';\nimport { useContext, useRef, useEffect, Suspense, lazy } from 'react';\n\nimport StepOneDateRangePickerLegend from 'components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from 'components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\n\nimport LineBreak from 'components/generic/LineBreak';\nimport PeoplePicker from 'components/steps/date/PeoplePicker';\nimport StepOneDateRangePicker from 'components/steps/date/StepOneDateRangePicker';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\n\nconst BEMobileSummary = lazy(() => import('components/summary/BEMobileSummary'));\n\nconst StepDate = (props: any) => {\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n const ccx = useContext(CompanyContext);\n const { hideByLine } = useContext(HotelOverridesContext);\n\n const { hotel } = useCurrentHotel();\n\n const { t } = useTranslation();\n const peopleRef = useRef(null);\n\n useEffect(() => {\n if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n if (peopleRef) {\n setTimeout(() => {\n peopleRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n }, 50);\n }\n }\n }, [basketContext.endDate]);\n\n const { raise } = useEvent();\n\n useEffect(() => {\n const event = new StepDateViewEvent();\n raise(event);\n }, []);\n\n return (\n <div className=\"container\">\n {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n {context.screenSize >= ScreenSize.Large && (\n <>\n <div className=\"row\">\n <div className=\"col-md-4 col-lg-3\">\n <div className=\"u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Date.Reservation)}</Headline>\n </div>\n <Headline color={Color.Navy}>{hotel.name}</Headline>\n {!hideByLine && (\n <Text color={Color.DarkGrey}>\n {t(Translation.Misc.By)} {ccx.name}\n </Text>\n )}\n </div>\n <div className=\"col-md-8 col-lg-9\">\n <div className=\"row justify-content-between\">\n <div className=\"col-md-6\">\n <div className=\"u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n </div>\n <div className=\"step-one-status\">\n <StepOneDateRange />\n <StepOneStatusPeople />\n </div>\n </div>\n <div className=\"col-md-4\">\n <StepDatePricePerRoom isMobile={false} />\n </div>\n </div>\n </div>\n </div>\n <LineBreak />\n </>\n )}\n\n <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n <PeoplePicker />\n </div>\n <div className=\"col-md-8 col-xl-9\">\n <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n <Suspense fallback=\"loading....\">\n <StepOneDateRangePicker />\n </Suspense>\n </div>\n {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n </div>\n </div>\n <div className=\"u-flex justify-content-end\">\n <StepOneNextStepButton history={props.history} />\n </div>\n </div>\n );\n};\n\n// TODO:\n\n// @ts-ignore\nexport default withRouter(StepDate);\n"]}
1	+ {"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\n\nimport { Color } from '@/util/Color';\nimport { withRouter } from 'react-router-dom';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\nimport { useContext, useRef, useEffect, Suspense, lazy } from 'react';\n\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport PeoplePicker from '@/components/steps/date/PeoplePicker';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = (props: any) => {\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n const ccx = useContext(CompanyContext);\n const { hideByLine } = useContext(HotelOverridesContext);\n\n const { hotel } = useCurrentHotel();\n\n const { t } = useTranslation();\n const peopleRef = useRef(null);\n\n useEffect(() => {\n if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n if (peopleRef) {\n setTimeout(() => {\n peopleRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n }, 50);\n }\n }\n }, [basketContext.endDate]);\n\n const { raise } = useEvent();\n\n useEffect(() => {\n const event = new StepDateViewEvent();\n raise(event);\n }, []);\n\n return (\n <div className=\"container\">\n {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n {context.screenSize >= ScreenSize.Large && (\n <>\n <div className=\"row\">\n <div className=\"col-md-4 col-lg-3\">\n <div className=\"u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Date.Reservation)}</Headline>\n </div>\n <Headline color={Color.Navy}>{hotel.name}</Headline>\n {!hideByLine && (\n <Text color={Color.DarkGrey}>\n {t(Translation.Misc.By)} {ccx.name}\n </Text>\n )}\n </div>\n <div className=\"col-md-8 col-lg-9\">\n <div className=\"row justify-content-between\">\n <div className=\"col-md-6\">\n <div className=\"u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n </div>\n <div className=\"step-one-status\">\n <StepOneDateRange />\n <StepOneStatusPeople />\n </div>\n </div>\n <div className=\"col-md-4\">\n <StepDatePricePerRoom isMobile={false} />\n </div>\n </div>\n </div>\n </div>\n <LineBreak />\n </>\n )}\n\n <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n <PeoplePicker />\n </div>\n <div className=\"col-md-8 col-xl-9\">\n <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n <Suspense fallback=\"loading....\">\n <StepOneDateRangePicker />\n </Suspense>\n </div>\n {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n </div>\n </div>\n <div className=\"u-flex justify-content-end\">\n <StepOneNextStepButton history={props.history} />\n </div>\n </div>\n );\n};\n\n// TODO:\n\n// @ts-ignore\nexport default withRouter(StepDate);\n"]}

package/dist/src/pages/steps/StepDate/StepDateValidator.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import StepValidator from 'pages/steps/StepValidator';
+import StepValidator from '@/pages/steps/StepValidator';
 export default class StepDateValidator extends StepValidator {
     isValid(): boolean;
 }

package/dist/src/pages/steps/StepDate/StepDateValidator.js CHANGED Viewed

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
+const StepValidator_1 = __importDefault(require("@/pages/steps/StepValidator"));
 class StepDateValidator extends StepValidator_1.default {
     isValid() {
         return true;

package/dist/src/pages/steps/StepDate/StepDateValidator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepDateValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateValidator.ts"],"names":[],"mappings":";;;;;AAAA,~~8EAAsD~~;~~AAEtD~~,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,oCAIC","sourcesContent":["import StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepDateValidator extends StepValidator {\n public isValid(): boolean {\n return true;\n }\n}\n"]}
1	+ {"version":3,"file":"StepDateValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateValidator.ts"],"names":[],"mappings":";;;;;AAAA,gFAAwD;AAExD,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,oCAIC","sourcesContent":["import StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepDateValidator extends StepValidator {\n public isValid(): boolean {\n return true;\n }\n}\n"]}

package/dist/src/pages/steps/StepGuide.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Step from 'pages/steps/Step';
+import Step from '@/pages/steps/Step';
 export interface StepGuideProps {
     step: Step;
     children: React.ReactNode;

package/dist/src/pages/steps/StepGuide.js CHANGED Viewed

@@ -30,11 +30,11 @@ const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
 const react_router_dom_1 = require("react-router-dom");
 const React = __importStar(require("react"));
-const StepManager_1 = __importDefault(require("util/StepManager"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
 const contexts_2 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
 const contexts_3 = require("@frontend/contexts");
-const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 function StepGuide(props) {
     const { setCurrentStep } = (0, react_1.useContext)(contexts_3.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/pages/steps/StepGuide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepGuide.js","sourceRoot":"/","sources":["src/pages/steps/StepGuide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,iDAAmD;AACnD,uDAA4C;AAC5C,6CAA+B;AAE/B,~~mEAA2C~~;~~AAC3C~~,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,~~wFAAgE~~;~~AAOhE~~,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,YAAY,EAAE;YACd,6BAAmB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YACnC,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,oBAAC,2BAAQ,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;SACvE;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC;AA1BD,4BA0BC","sourcesContent":["import { useContext, useEffect, useMemo } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { Redirect } from 'react-router-dom';\nimport * as React from 'react';\nimport Step from 'pages/steps/Step';\nimport StepManager from 'util/StepManager';\nimport { CompanyContext } from '@frontend/contexts';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { FullPageEngineContext } from '@frontend/contexts';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\n\nexport interface StepGuideProps {\n step: Step;\n children: React.ReactNode;\n}\n\nexport default function StepGuide(props: StepGuideProps) {\n const { setCurrentStep } = useContext(FullPageEngineContext);\n const basketContext = useContext(BasketContext);\n\n const ccx = useContext(CompanyContext);\n const { hotel } = useCurrentHotel();\n\n useEffect(() => {\n setCurrentStep(props.step);\n\n const colorProfile = props.step.getColorProfile(ccx, hotel);\n\n if (colorProfile) {\n RoomstayThemeEngine.changeTheme(colorProfile);\n }\n }, [props.step.getColorProfile(ccx, hotel)]);\n\n return useMemo(() => {\n const validator = props.step.getValidator();\n\n if (validator?.isValid(basketContext)) {\n return <>{props.children}</>;\n } else {\n return <Redirect to={StepManager.getPreviousStepUrl(props.step)} />;\n }\n }, [basketContext]);\n}\n"]}
1	+ {"version":3,"file":"StepGuide.js","sourceRoot":"/","sources":["src/pages/steps/StepGuide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,iDAAmD;AACnD,uDAA4C;AAC5C,6CAA+B;AAE/B,qEAA6C;AAC7C,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,0FAAkE;AAOlE,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,YAAY,EAAE;YACd,6BAAmB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YACnC,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,oBAAC,2BAAQ,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;SACvE;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC;AA1BD,4BA0BC","sourcesContent":["import { useContext, useEffect, useMemo } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { Redirect } from 'react-router-dom';\nimport * as React from 'react';\nimport Step from '@/pages/steps/Step';\nimport StepManager from '@/util/StepManager';\nimport { CompanyContext } from '@frontend/contexts';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { FullPageEngineContext } from '@frontend/contexts';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface StepGuideProps {\n step: Step;\n children: React.ReactNode;\n}\n\nexport default function StepGuide(props: StepGuideProps) {\n const { setCurrentStep } = useContext(FullPageEngineContext);\n const basketContext = useContext(BasketContext);\n\n const ccx = useContext(CompanyContext);\n const { hotel } = useCurrentHotel();\n\n useEffect(() => {\n setCurrentStep(props.step);\n\n const colorProfile = props.step.getColorProfile(ccx, hotel);\n\n if (colorProfile) {\n RoomstayThemeEngine.changeTheme(colorProfile);\n }\n }, [props.step.getColorProfile(ccx, hotel)]);\n\n return useMemo(() => {\n const validator = props.step.getValidator();\n\n if (validator?.isValid(basketContext)) {\n return <>{props.children}</>;\n } else {\n return <Redirect to={StepManager.getPreviousStepUrl(props.step)} />;\n }\n }, [basketContext]);\n}\n"]}

package/dist/src/pages/steps/StepHotel/StepHotel.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import ColorProfile from 'models/Client/Hotel/ColorProfile';
-import { Company } from 'models/Client/Hotel/Company';
-import Step from 'pages/steps/Step';
-import StepHotelValidator from 'pages/steps/StepHotel/StepHotelValidator';
+import ColorProfile from '@/models/Client/Hotel/ColorProfile';
+import { Company } from '@/models/Client/Hotel/Company';
+import Step from '@/pages/steps/Step';
+import StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';
 declare class StepHotel extends Step {
     constructor();
     getComponent(): () => JSX.Element;

package/dist/src/pages/steps/StepHotel/StepHotel.js CHANGED Viewed

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = __importDefault(require("pages/steps/Step"));
-const StepHotelLoader_1 = __importDefault(require("pages/steps/StepHotel/StepHotelLoader"));
-const StepHotelValidator_1 = __importDefault(require("pages/steps/StepHotel/StepHotelValidator"));
+const Step_1 = __importDefault(require("@/pages/steps/Step"));
+const StepHotelLoader_1 = __importDefault(require("@/pages/steps/StepHotel/StepHotelLoader"));
+const StepHotelValidator_1 = __importDefault(require("@/pages/steps/StepHotel/StepHotelValidator"));
 class StepHotel extends Step_1.default {
     constructor() {
         super('Hotel');

package/dist/src/pages/steps/StepHotel/StepHotel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,~~4DAAoC~~;~~AACpC~~,~~4FAAoE~~;~~AACpE~~,~~kGAA0E~~;~~AAE1E~~,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepHotelLoader from 'pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from 'pages/steps/StepHotel/StepHotelValidator';\n\nclass StepHotel extends Step {\n public constructor() {\n super('Hotel');\n }\n\n public getComponent() {\n return StepHotelLoader;\n }\n\n public getValidator() {\n return new StepHotelValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Hotel;\n }\n\n public getColorProfile(company: Company): ColorProfile {\n return company.colors;\n }\n}\n\nexport default new StepHotel();\n"]}
1	+ {"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepHotelLoader from '@/pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';\n\nclass StepHotel extends Step {\n public constructor() {\n super('Hotel');\n }\n\n public getComponent() {\n return StepHotelLoader;\n }\n\n public getValidator() {\n return new StepHotelValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Hotel;\n }\n\n public getColorProfile(company: Company): ColorProfile {\n return company.colors;\n }\n}\n\nexport default new StepHotel();\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js CHANGED Viewed

@@ -31,17 +31,17 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const HotelCardList_1 = __importDefault(require("components/steps/hotel/HotelCardList"));
-const HotelSearchParameters_1 = __importDefault(require("components/steps/hotel/HotelSearchParameters"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const HotelCardList_1 = __importDefault(require("@/components/steps/hotel/HotelCardList"));
+const HotelSearchParameters_1 = __importDefault(require("@/components/steps/hotel/HotelSearchParameters"));
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const EventHook_1 = require("hooks/EventHook");
+const Color_1 = require("@/util/Color");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const EventHook_1 = require("@/hooks/EventHook");
 const events_1 = require("@frontend/events");
-const Select_1 = require("components/generic/Select/Select");
+const Select_1 = require("@/components/generic/Select/Select");
 var SortByOptions;
 (function (SortByOptions) {
     SortByOptions["Recommended"] = "R";

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport BEButton from 'components/generic/BEButton';\nimport Text, { TextType } from 'components/generic/Text';\nimport LineBreak from 'components/generic/LineBreak';\nimport HotelCardList from 'components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from 'components/steps/hotel/HotelSearchParameters';\nimport type { Hotel } from 'models/Client/Hotel/Hotel';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport { useEvent } from 'hooks/EventHook';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport { IDefaultSelectOption, Select } from 'components/generic/Select/Select';\n\nenum SortByOptions {\n Recommended = 'R',\n LowestPrice = 'L',\n HighestPrice = 'H',\n}\n\nconst StepHotelComponent = () => {\n const sortByValues = [\n { value: SortByOptions.Recommended, text: 'Recommended' },\n { value: SortByOptions.LowestPrice, text: 'Lowest Price' },\n { value: SortByOptions.HighestPrice, text: 'Highest Price' },\n ];\n\n const ccx = useContext(CompanyContext);\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n const fullPageContext = useContext(FullPageEngineContext);\n\n const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n const [cityOptions, setCityOptions] = useState([]);\n\n const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n const { raise } = useEvent();\n\n useEffect(() => {\n const event = new StepHotelViewEvent();\n raise(event);\n }, []);\n\n useEffect(() => {\n const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n if (hotel.address?.city === city) {\n return hotel;\n } else if (city === 'All') {\n return hotel;\n }\n });\n\n if (sortBy === SortByOptions.Recommended) {\n setSortedHotels(hotelsToShow);\n } else {\n setSortedHotels(\n [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n switch (sortBy) {\n case SortByOptions.LowestPrice:\n return a.lowestPrice?.value - b.lowestPrice?.value;\n case SortByOptions.HighestPrice:\n return b.lowestPrice?.value - a.lowestPrice?.value;\n }\n })\n );\n }\n }, [ccx.hotels, sortBy, city]);\n\n useEffect(() => {\n const cities: { [cityName: string]: any } = {};\n\n ccx.hotels.forEach((hotel: Hotel) => {\n // We must wait till address is loaded\n if (hotel.address) {\n cities[hotel.address.city] = { value: hotel.address.city, text: hotel.address.city };\n }\n });\n\n setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n }, [ccx.hotels]);\n\n useEffect(() => {\n ccx.hotels.forEach((hotel) => {\n ccx.updateLowestPricePerNight(hotel, basketRow);\n });\n }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n const { t } = useTranslation();\n\n const changeCountry = (selected: string) => {\n setCity(selected);\n };\n\n const changeFilter = (selected: SortByOptions) => {\n setSortBy(selected);\n };\n\n const clearFilters = () => {\n setCity(cityOptions[0]?.value);\n setSortBy(sortByValues[0].value);\n };\n\n useEffect(() => {\n const startDate = basketRow.getStartDate();\n const endDate = basketRow.getEndDate();\n\n if (!startDate \|\| !endDate) {\n if (startDate) {\n basketRow.setEndDate(startDate.add(1, 'day'));\n } else {\n basketRow.setStartDate(dayjs().add(1, 'day'));\n basketRow.setEndDate(dayjs().add(2, 'day'));\n }\n\n basketContext.updateBasketRow(basketRow);\n }\n }, []);\n\n return (\n <div className=\"container\">\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-8\">\n {\n <div className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={sortByValues}\n value={sortBy}\n onChange={changeFilter}\n keyName=\"value\"\n labelName=\"text\"\n />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div>\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>Cities</strong>\n </Text>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={cityOptions}\n value={city}\n onChange={changeCountry}\n keyName=\"value\"\n labelName=\"text\"\n />\n </div>\n </div>\n </div>\n <div className={'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize.Medium ? 'u-marg-top--light' : '')}>\n <BEButton rounded={true} size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n Clear all\n </BEButton>\n </div>\n </div>\n }\n </div>\n </div>\n <LineBreak />\n {<HotelSearchParameters />}\n <HotelCardList hotelList={sortedHotels} />\n </div>\n );\n};\n\nexport default StepHotelComponent;\n"]}
1	+ {"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelCardList from '@/components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '@/components/steps/hotel/HotelSearchParameters';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\nenum SortByOptions {\n Recommended = 'R',\n LowestPrice = 'L',\n HighestPrice = 'H',\n}\n\nconst StepHotelComponent = () => {\n const sortByValues = [\n { value: SortByOptions.Recommended, text: 'Recommended' },\n { value: SortByOptions.LowestPrice, text: 'Lowest Price' },\n { value: SortByOptions.HighestPrice, text: 'Highest Price' },\n ];\n\n const ccx = useContext(CompanyContext);\n const context = useContext(BookingEngineContext);\n const basketContext = useContext(BasketContext);\n const fullPageContext = useContext(FullPageEngineContext);\n\n const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n const [cityOptions, setCityOptions] = useState([]);\n\n const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n const { raise } = useEvent();\n\n useEffect(() => {\n const event = new StepHotelViewEvent();\n raise(event);\n }, []);\n\n useEffect(() => {\n const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n if (hotel.address?.city === city) {\n return hotel;\n } else if (city === 'All') {\n return hotel;\n }\n });\n\n if (sortBy === SortByOptions.Recommended) {\n setSortedHotels(hotelsToShow);\n } else {\n setSortedHotels(\n [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n switch (sortBy) {\n case SortByOptions.LowestPrice:\n return a.lowestPrice?.value - b.lowestPrice?.value;\n case SortByOptions.HighestPrice:\n return b.lowestPrice?.value - a.lowestPrice?.value;\n }\n })\n );\n }\n }, [ccx.hotels, sortBy, city]);\n\n useEffect(() => {\n const cities: { [cityName: string]: any } = {};\n\n ccx.hotels.forEach((hotel: Hotel) => {\n // We must wait till address is loaded\n if (hotel.address) {\n cities[hotel.address.city] = { value: hotel.address.city, text: hotel.address.city };\n }\n });\n\n setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n }, [ccx.hotels]);\n\n useEffect(() => {\n ccx.hotels.forEach((hotel) => {\n ccx.updateLowestPricePerNight(hotel, basketRow);\n });\n }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n const { t } = useTranslation();\n\n const changeCountry = (selected: string) => {\n setCity(selected);\n };\n\n const changeFilter = (selected: SortByOptions) => {\n setSortBy(selected);\n };\n\n const clearFilters = () => {\n setCity(cityOptions[0]?.value);\n setSortBy(sortByValues[0].value);\n };\n\n useEffect(() => {\n const startDate = basketRow.getStartDate();\n const endDate = basketRow.getEndDate();\n\n if (!startDate \|\| !endDate) {\n if (startDate) {\n basketRow.setEndDate(startDate.add(1, 'day'));\n } else {\n basketRow.setStartDate(dayjs().add(1, 'day'));\n basketRow.setEndDate(dayjs().add(2, 'day'));\n }\n\n basketContext.updateBasketRow(basketRow);\n }\n }, []);\n\n return (\n <div className=\"container\">\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-8\">\n {\n <div className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={sortByValues}\n value={sortBy}\n onChange={changeFilter}\n keyName=\"value\"\n labelName=\"text\"\n />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div>\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>Cities</strong>\n </Text>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n <Select<IDefaultSelectOption, 'value'>\n nativeOnMobile\n options={cityOptions}\n value={city}\n onChange={changeCountry}\n keyName=\"value\"\n labelName=\"text\"\n />\n </div>\n </div>\n </div>\n <div className={'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize.Medium ? 'u-marg-top--light' : '')}>\n <BEButton rounded={true} size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n Clear all\n </BEButton>\n </div>\n </div>\n }\n </div>\n </div>\n <LineBreak />\n {<HotelSearchParameters />}\n <HotelCardList hotelList={sortedHotels} />\n </div>\n );\n};\n\nexport default StepHotelComponent;\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelLoader.js CHANGED Viewed

@@ -30,10 +30,10 @@ const contexts_1 = require("@frontend/contexts");
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_2 = require("react");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const StepHotelComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('pages/steps/StepHotel/StepHotelComponent'))));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const StepHotelComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('@/pages/steps/StepHotel/StepHotelComponent'))));
 const Loader = () => {
     const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     return screenSize > ScreenSize_1.default.Medium ? (React.createElement("div", { className: "container" },

package/dist/src/pages/steps/StepHotel/StepHotelLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepHotelLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,6CAA+B;AAC/B,iCAAmC;AAEnC,iCAAuC;AACvC~~,6EAAqD~~;~~AACrD~~,~~iFAAyD~~;~~AACzD~~,~~iEAAyC~~;~~AAEzC~~,MAAM,kBAAkB,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,~~0CAA0C~~,GAAC,CAAC,CAAC;~~AAE1F~~,MAAM,MAAM,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAExD,OAAO,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD;QACN;YACI,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD;QACN,oBAAC,mBAAS,OAAG;QACb;YACI,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD;QACN,6BAAK,SAAS,EAAC,KAAK,IACf,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,KAAK;YAChC,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,GAAG;YACrE,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YACtD,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,GAAG;YACrE,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD,CACT,CAAC,CACA,CACJ,CACT,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAC,KAAK;YAChB,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD;YACN,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CACpD,CACJ;QACN,oBAAC,mBAAS,OAAG;QACb,oBAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;QACrE,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,oBAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;YACrE,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;YACtD,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;YACtD,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;gBACtD,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;gBACtD,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI,CACpD;YACN,oBAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;YACrE,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI;YACtD,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI,CACpD,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,OAAO,CACH,oBAAC,gBAAQ,IAAC,QAAQ,EAAE,oBAAC,MAAM,OAAG;QAC1B,oBAAC,kBAAkB,OAAG,CACf,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport * as React from 'react';\nimport { useContext } from 'react';\n\nimport { lazy, Suspense } from 'react';\nimport LineBreak from 'components/generic/LineBreak';\nimport Placeholder from 'components/generic/Placeholder';\nimport ScreenSize from 'util/ScreenSize';\n\nconst StepHotelComponent = lazy(() => import('pages/steps/StepHotel/StepHotelComponent'));\n\nconst Loader = () => {\n const { screenSize } = useContext(BookingEngineContext);\n\n return screenSize > ScreenSize.Medium ? (\n <div className=\"container\">\n <div className=\"u-marg-bottom--heavy\">\n <Placeholder blink={true} type=\"text\" w=\"xs\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"sm\" h=\"md\" />\n </div>\n <div>\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"lg\" />\n </div>\n <LineBreak />\n <div>\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n </div>\n <div className=\"row\">\n {[0, 1, 2].map((index) => (\n <div className=\"col-md-4\" key={index}>\n <Placeholder blink={true} rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"xl\" />\n </div>\n ))}\n </div>\n </div>\n ) : (\n <div className=\"container\">\n <div className=\"row\">\n <div className=\"col-6\">\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n </div>\n <div className=\"col-6\">\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n </div>\n </div>\n <LineBreak />\n <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n <div className=\"u-marg-top--xl\">\n <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n <div className=\"u-marg-top--heavy\">\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n </div>\n <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink={true} />\n <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n </div>\n </div>\n );\n};\n\nconst StepHotelLoader = () => {\n return (\n <Suspense fallback={<Loader />}>\n <StepHotelComponent />\n </Suspense>\n );\n};\n\nexport default StepHotelLoader;\n"]}
1	+ {"version":3,"file":"StepHotelLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport * as React from 'react';\nimport { useContext } from 'react';\n\nimport { lazy, Suspense } from 'react';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Placeholder from '@/components/generic/Placeholder';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst StepHotelComponent = lazy(() => import('@/pages/steps/StepHotel/StepHotelComponent'));\n\nconst Loader = () => {\n const { screenSize } = useContext(BookingEngineContext);\n\n return screenSize > ScreenSize.Medium ? (\n <div className=\"container\">\n <div className=\"u-marg-bottom--heavy\">\n <Placeholder blink={true} type=\"text\" w=\"xs\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"sm\" h=\"md\" />\n </div>\n <div>\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"lg\" />\n </div>\n <LineBreak />\n <div>\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n </div>\n <div className=\"row\">\n {[0, 1, 2].map((index) => (\n <div className=\"col-md-4\" key={index}>\n <Placeholder blink={true} rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n <Placeholder blink={true} type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"xl\" />\n </div>\n ))}\n </div>\n </div>\n ) : (\n <div className=\"container\">\n <div className=\"row\">\n <div className=\"col-6\">\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n </div>\n <div className=\"col-6\">\n <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n </div>\n </div>\n <LineBreak />\n <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n <div className=\"u-marg-top--xl\">\n <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n <div className=\"u-marg-top--heavy\">\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n </div>\n <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink={true} />\n <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n </div>\n </div>\n );\n};\n\nconst StepHotelLoader = () => {\n return (\n <Suspense fallback={<Loader />}>\n <StepHotelComponent />\n </Suspense>\n );\n};\n\nexport default StepHotelLoader;\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelValidator.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import StepValidator from 'pages/steps/StepValidator';
+import StepValidator from '@/pages/steps/StepValidator';
 export default class StepHotelValidator extends StepValidator {
     isValid(): boolean;
 }

package/dist/src/pages/steps/StepHotel/StepHotelValidator.js CHANGED Viewed

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
+const StepValidator_1 = __importDefault(require("@/pages/steps/StepValidator"));
 class StepHotelValidator extends StepValidator_1.default {
     isValid() {
         return true;

package/dist/src/pages/steps/StepHotel/StepHotelValidator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepHotelValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelValidator.ts"],"names":[],"mappings":";;;;;AAAA,~~8EAAsD~~;~~AAEtD~~,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepHotelValidator extends StepValidator {\n public isValid() {\n return true;\n }\n}\n"]}
1	+ {"version":3,"file":"StepHotelValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelValidator.ts"],"names":[],"mappings":";;;;;AAAA,gFAAwD;AAExD,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepHotelValidator extends StepValidator {\n public isValid() {\n return true;\n }\n}\n"]}

package/dist/src/pages/steps/StepRoom/StepRoom.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import ColorProfile from 'models/Client/Hotel/ColorProfile';
-import { Company } from 'models/Client/Hotel/Company';
-import { Hotel } from 'models/Client/Hotel/Hotel';
-import Step from 'pages/steps/Step';
-import StepRoomLoader from 'pages/steps/StepRoom/StepRoomLoader';
-import StepRoomValidator from 'pages/steps/StepRoom/StepRoomValidator';
+import ColorProfile from '@/models/Client/Hotel/ColorProfile';
+import { Company } from '@/models/Client/Hotel/Company';
+import { Hotel } from '@/models/Client/Hotel/Hotel';
+import Step from '@/pages/steps/Step';
+import StepRoomLoader from '@/pages/steps/StepRoom/StepRoomLoader';
+import StepRoomValidator from '@/pages/steps/StepRoom/StepRoomValidator';
 declare class StepRoom extends Step {
     constructor();
     getComponent(): typeof StepRoomLoader;

package/dist/src/pages/steps/StepRoom/StepRoom.js CHANGED Viewed

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = __importDefault(require("pages/steps/Step"));
-const StepRoomLoader_1 = __importDefault(require("pages/steps/StepRoom/StepRoomLoader"));
-const StepRoomValidator_1 = __importDefault(require("pages/steps/StepRoom/StepRoomValidator"));
+const Step_1 = __importDefault(require("@/pages/steps/Step"));
+const StepRoomLoader_1 = __importDefault(require("@/pages/steps/StepRoom/StepRoomLoader"));
+const StepRoomValidator_1 = __importDefault(require("@/pages/steps/StepRoom/StepRoomValidator"));
 class StepRoom extends Step_1.default {
     constructor() {
         super('Room');

package/dist/src/pages/steps/StepRoom/StepRoom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,~~4DAAoC~~;~~AACpC~~,~~yFAAiE~~;~~AACjE,+FAAuE~~;~~AAEvE~~,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepRoomLoader from 'pages/steps/StepRoom/StepRoomLoader';\nimport StepRoomValidator from 'pages/steps/StepRoom/StepRoomValidator';\n\nclass StepRoom extends Step {\n public constructor() {\n super('Room');\n }\n\n public getComponent() {\n return StepRoomLoader;\n }\n\n public getValidator() {\n return new StepRoomValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Room;\n }\n\n public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n if (hotel) {\n return hotel.colors;\n }\n }\n}\n\nexport default new StepRoom();\n"]}
1	+ {"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,2FAAmE;AACnE,iGAAyE;AAEzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepRoomLoader from '@/pages/steps/StepRoom/StepRoomLoader';\nimport StepRoomValidator from '@/pages/steps/StepRoom/StepRoomValidator';\n\nclass StepRoom extends Step {\n public constructor() {\n super('Room');\n }\n\n public getComponent() {\n return StepRoomLoader;\n }\n\n public getValidator() {\n return new StepRoomValidator();\n }\n\n public getStepTranslation() {\n return Translation.Navigation.Steps.Room;\n }\n\n public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n if (hotel) {\n return hotel.colors;\n }\n }\n}\n\nexport default new StepRoom();\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js CHANGED Viewed

@@ -30,23 +30,23 @@ const react_1 = require("react");
 const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
-const BackButton_1 = __importDefault(require("components/generic/BackButton"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const AppliedFiltersBlock_1 = __importDefault(require("components/steps/room/roomFilter/AppliedFiltersBlock"));
-const RoomFilterOverlay_1 = __importDefault(require("components/steps/room/roomFilter/RoomFilterOverlay"));
-const RoomList_1 = __importDefault(require("components/steps/room/RoomList"));
-const StepRoomHotelDetails_1 = __importDefault(require("components/steps/room/StepRoomHotelDetails"));
-const StepRoomSortBy_1 = __importDefault(require("components/steps/room/StepRoomSortBy"));
-const StepRoomSummaryAndButton_1 = __importDefault(require("components/steps/room/StepRoomSummaryAndButton"));
-const BEMobileSummary_1 = __importDefault(require("components/summary/BEMobileSummary"));
+const BackButton_1 = __importDefault(require("@/components/generic/BackButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const AppliedFiltersBlock_1 = __importDefault(require("@/components/steps/room/roomFilter/AppliedFiltersBlock"));
+const RoomFilterOverlay_1 = __importDefault(require("@/components/steps/room/roomFilter/RoomFilterOverlay"));
+const RoomList_1 = __importDefault(require("@/components/steps/room/RoomList"));
+const StepRoomHotelDetails_1 = __importDefault(require("@/components/steps/room/StepRoomHotelDetails"));
+const StepRoomSortBy_1 = __importDefault(require("@/components/steps/room/StepRoomSortBy"));
+const StepRoomSummaryAndButton_1 = __importDefault(require("@/components/steps/room/StepRoomSummaryAndButton"));
+const BEMobileSummary_1 = __importDefault(require("@/components/summary/BEMobileSummary"));
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const StepManager_1 = __importDefault(require("util/StepManager"));
-const DataLayer_1 = __importStar(require("util/DataLayer"));
+const Color_1 = require("@/util/Color");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
 const contexts_1 = require("@frontend/contexts");
 const StepRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAqD;AACrD,6CAA+B;AAC/B,iDAA+C;AAC/C,uDAAwC;AACxC~~,+EAAuD;AACvD~~,~~2EAAmD~~;~~AACnD~~,~~qEAA8D;AAC9D,~~6EAAqD;AACrD,~~gEAAyD~~;~~AACzD~~,+~~GAAuF~~;~~AACvF~~,~~2GAAmF~~;~~AACnF~~,~~8EAAsD~~;~~AACtD~~,~~sGAA8E~~;~~AAC9E~~,~~0FAAkE~~;~~AAClE~~,~~8GAAsF~~;~~AACtF~~,~~yFAAiE~~;~~AAEjE~~,0DAAuD;AACvD,~~sCAAmC~~;~~AACnC~~,~~iEAAyC;AACzC,~~mEAA2C;AAC3C,~~4DAA6E~~;~~AAC7E~~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","sourcesContent":["import { useContext, useRef, useState } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from 'components/generic/BackButton';\nimport Headline from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport LineBreak from 'components/generic/LineBreak';\nimport Text, { TextType } from 'components/generic/Text';\nimport AppliedFiltersBlock from 'components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from 'components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from 'components/steps/room/RoomList';\nimport StepRoomHotelDetails from 'components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from 'components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from 'components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from 'components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport StepManager from 'util/StepManager';\nimport DataLayer, { InteractionType, InteractionStep } from 'util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nconst StepRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n\n const { t } = useTranslation();\n\n const filterButton = useRef();\n const [filtersOpen, setFiltersOpen] = useState(false);\n\n const { currentStep } = useContext(FullPageEngineContext);\n\n const openFilter = () => {\n DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setFiltersOpen(true);\n };\n\n const closeFilter = () => {\n setFiltersOpen(false);\n };\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-8\">\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n </>\n )}\n <div className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <StepRoomSortBy />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div ref={filterButton}>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n </div>\n {<RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />}\n </div>\n </div>\n <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n <AppliedFiltersBlock />\n </div>\n </div>\n </div>\n {context.screenSize > ScreenSize.Medium && (\n <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n <StepRoomHotelDetails />\n </div>\n )}\n </div>\n {context.screenSize > ScreenSize.Medium && <LineBreak />}\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-7 col-lg-8\">\n <RoomList />\n </div>\n <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n <StepRoomSummaryAndButton />\n </div>\n </div>\n </div>\n );\n};\n\nexport default StepRoomComponent;\n"]}
1	+ {"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useRef, useState } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport DataLayer, { InteractionType, InteractionStep } from '@/util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nconst StepRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n\n const { t } = useTranslation();\n\n const filterButton = useRef();\n const [filtersOpen, setFiltersOpen] = useState(false);\n\n const { currentStep } = useContext(FullPageEngineContext);\n\n const openFilter = () => {\n DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setFiltersOpen(true);\n };\n\n const closeFilter = () => {\n setFiltersOpen(false);\n };\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-8\">\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold={true}>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n </>\n )}\n <div className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <StepRoomSortBy />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div ref={filterButton}>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n </div>\n {<RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />}\n </div>\n </div>\n <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n <AppliedFiltersBlock />\n </div>\n </div>\n </div>\n {context.screenSize > ScreenSize.Medium && (\n <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n <StepRoomHotelDetails />\n </div>\n )}\n </div>\n {context.screenSize > ScreenSize.Medium && <LineBreak />}\n <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n <div className=\"col-md-7 col-lg-8\">\n <RoomList />\n </div>\n <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n <StepRoomSummaryAndButton />\n </div>\n </div>\n </div>\n );\n};\n\nexport default StepRoomComponent;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomLoader.js CHANGED Viewed

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
 const react_1 = require("react");
-const StepRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('pages/steps/StepRoom/StepRoomComponent'))));
+const StepRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@/pages/steps/StepRoom/StepRoomComponent'))));
 function StepRoomPlaceholder() {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "row no-gutters" },