@roomstay/frontend 2.0.11 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yFAAkF;AAClF,uDAA8C;AAC9C,gDAAyC;AACzC,iCAAiE;AACjE,4DAAyD;AACzD,yDAA2C;AAC3C,iDAAyE;AACzE,sFAA+E;AAC/E,iDAA2D;AAE3D,SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,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,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,qBAAS,OAAG;QACxD,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AA5CD,2CA4CC","sourcesContent":["import * as React from 'react';\nimport StepRoomNextStepButton from 'components/steps/room/StepRoomNextStepButton';\nimport { useHistory } from 'react-router-dom';\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';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSummaryAndButton() {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const history = useHistory();\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 currentStep={currentStep} history={history} />\n                    </div>\n                )}\n                {context.screenSize > ScreenSize.Medium && <BESummary />}\n                <div className=\"u-marg-top--heavy\">\n                    <StepRoomNextStepButton currentStep={currentStep} history={history} />\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"]}
+{"version":3,"file":"StepRoomSummaryAndButton.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomSummaryAndButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,0GAAkF;AAClF,uDAA8C;AAC9C,iEAAyC;AACzC,iCAAiE;AACjE,4DAAyD;AACzD,0EAA2C;AAC3C,iDAAyE;AACzE,uGAA+E;AAC/E,iDAA2D;AAE3D,SAAwB,wBAAwB;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,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,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,kBAAI,QAAQ,EAAE,QAAQ,IAAK,MAAM;QACxD,CAAC,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CACzC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CACT;QACA,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,qBAAS,OAAG;QACxD,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,mBAAmB;YAC9B,oBAAC,gCAAsB,OAAG,CACxB,CACT,CACC,CACT,EACD,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CACnC,CAAC;AACN,CAAC;AA5CD,2CA4CC","sourcesContent":["import * as React from 'react';\nimport StepRoomNextStepButton from 'components/steps/room/StepRoomNextStepButton';\nimport { useHistory } from 'react-router-dom';\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';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepRoomSummaryAndButton() {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const history = useHistory();\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 currentStep={currentStep} history={history} />\n                    </div>\n                )}\n                {context.screenSize > ScreenSize.Medium && <BESummary />}\n                <div className=\"u-marg-top--heavy\">\n                    <StepRoomNextStepButton currentStep={currentStep} history={history} />\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/roomBuilderProgress/NumberOfAdultsPicker.d.ts

@@ -1,7 +1,7 @@
 import BasketRow from 'models/BasketRow';
 interface NumberOfAdultsPickerProps {
     row: BasketRow;
-    onChange: (value: any) => void;
+    onChange: (value: string) => void;
 }
 export default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.js

@@ -1,12 +1,37 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
-const StringHelper_1 = require("util/StringHelper");
-const BESelect_1 = require("components/generic/BESelect");
-const Icon_1 = require("components/generic/Icon/Icon");
+const StringHelper_1 = __importDefault(require("util/StringHelper"));
+const Select_1 = require("components/generic/Select/Select");
 function NumberOfAdultsPicker(props) {
     var _a, _b, _c;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -17,13 +42,13 @@ function NumberOfAdultsPicker(props) {
     if (maxOccupancy < 1 || isNaN(maxOccupancy)) {
         maxOccupancy = 1;
     }
-    return (React.createElement(BESelect_1.default, { selectedValue: selectedValue, onChange: props.onChange, iconComponent: Icon_1.IconDropdownFilled, items: [...Array(maxOccupancy)].map((v, value) => {
+    return (React.createElement(Select_1.Select, { nativeOnMobile: true, options: [...Array(maxOccupancy)].map((v, value) => {
             value += 1;
             return {
                 text: StringHelper_1.default.pluralWithDictAndCount(value, Translation_1.Translation.Step.Date.Adult, t),
-                value,
+                value: value.toString(),
             };
-        }) }));
+        }), value: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString(), onChange: props.onChange, keyName: "value", labelName: "text" }));
 }
 exports.default = NumberOfAdultsPicker;
 //# sourceMappingURL=NumberOfAdultsPicker.js.map

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberOfAdultsPicker.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAA+C;AAE/C,2CAAkD;AAElD,0DAAuD;AACvD,oDAA6C;AAC7C,0DAAmD;AACnD,uDAAkE;AAOlE,SAAwB,oBAAoB,CAAC,KAAgC;;IACzE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,SAAS,EAAE,mCAAI,CAAC,CAAC;IAClD,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,KAAG,MAAA,KAAK,CAAC,GAAG,0CAAE,WAAW,EAAE,CAAA,EAAE,aAAa,CAAC,CAAC;IAC3F,eAAe;IACf,IAAI,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,EAAE;QACzC,YAAY,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,kBAAQ,IACL,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,yBAAkB,EACjC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YAC1D,KAAK,IAAI,CAAC,CAAC;YACX,OAAO;gBACH,IAAI,EAAE,sBAAY,CAAC,sBAAsB,CAAC,KAAK,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAChF,KAAK;aACR,CAAC;QACN,CAAC,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AA1BD,uCA0BC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport BasketRow from 'models/BasketRow';\nimport { Translation } from 'translations/Translation';\nimport StringHelper from 'util/StringHelper';\nimport BESelect from 'components/generic/BESelect';\nimport { IconDropdownFilled } from 'components/generic/Icon/Icon';\n\ninterface NumberOfAdultsPickerProps {\n    row: BasketRow;\n    onChange: (value: any) => void;\n}\n\nexport default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const selectedValue = props.row?.getAdults() ?? 1;\n    let maxOccupancy = Math.max(hotel?.maxOccupancy - props.row?.getChildren(), selectedValue);\n    // Just in Case\n    if (maxOccupancy < 1 || isNaN(maxOccupancy)) {\n        maxOccupancy = 1;\n    }\n\n    return (\n        <BESelect\n            selectedValue={selectedValue}\n            onChange={props.onChange}\n            iconComponent={IconDropdownFilled}\n            items={[...Array(maxOccupancy)].map((v: any, value: number) => {\n                value += 1;\n                return {\n                    text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Adult, t),\n                    value,\n                };\n            })}\n        />\n    );\n}\n"]}
+{"version":3,"file":"NumberOfAdultsPicker.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAA+C;AAE/C,2CAAkD;AAElD,0DAAuD;AACvD,qEAA6C;AAC7C,6DAAgF;AAOhF,SAAwB,oBAAoB,CAAC,KAAgC;;IACzE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,SAAS,EAAE,mCAAI,CAAC,CAAC;IAClD,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,KAAG,MAAA,KAAK,CAAC,GAAG,0CAAE,WAAW,EAAE,CAAA,EAAE,aAAa,CAAC,CAAC;IAC3F,eAAe;IACf,IAAI,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,EAAE;QACzC,YAAY,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YAC5D,KAAK,IAAI,CAAC,CAAC;YACX,OAAO;gBACH,IAAI,EAAE,sBAAY,CAAC,sBAAsB,CAAC,KAAK,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAChF,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;aAC1B,CAAC;QACN,CAAC,CAAC,EACF,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,GAClB,CACL,CAAC;AACN,CAAC;AA5BD,uCA4BC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport BasketRow from 'models/BasketRow';\nimport { Translation } from 'translations/Translation';\nimport StringHelper from 'util/StringHelper';\nimport { IDefaultSelectOption, Select } from 'components/generic/Select/Select';\n\ninterface NumberOfAdultsPickerProps {\n    row: BasketRow;\n    onChange: (value: string) => void;\n}\n\nexport default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const selectedValue = props.row?.getAdults() ?? 1;\n    let maxOccupancy = Math.max(hotel?.maxOccupancy - props.row?.getChildren(), selectedValue);\n    // Just in Case\n    if (maxOccupancy < 1 || isNaN(maxOccupancy)) {\n        maxOccupancy = 1;\n    }\n\n    return (\n        <Select<IDefaultSelectOption, 'value'>\n            nativeOnMobile\n            options={[...Array(maxOccupancy)].map((v: any, value: number) => {\n                value += 1;\n                return {\n                    text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Adult, t),\n                    value: value.toString(),\n                };\n            })}\n            value={selectedValue?.toString()}\n            onChange={props.onChange}\n            keyName=\"value\"\n            labelName=\"text\"\n        />\n    );\n}\n"]}

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.d.ts

@@ -1,7 +1,7 @@
 import BasketRow from 'models/BasketRow';
 interface NumberOfChildrenPickerProps {
     row: BasketRow;
-    onChange: (value: any) => void;
+    onChange: (value: string) => void;
 }
 export default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.js

@@ -1,12 +1,37 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
-const StringHelper_1 = require("util/StringHelper");
-const BESelect_1 = require("components/generic/BESelect");
-const Icon_1 = require("components/generic/Icon/Icon");
+const StringHelper_1 = __importDefault(require("util/StringHelper"));
+const Select_1 = require("components/generic/Select/Select");
 function NumberOfChildrenPicker(props) {
     var _a, _b, _c;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -17,12 +42,12 @@ function NumberOfChildrenPicker(props) {
     if (maxOccupancy < 1 || isNaN(maxOccupancy)) {
         maxOccupancy = 1;
     }
-    return (React.createElement(BESelect_1.default, { selectedValue: selectedValue, onChange: props.onChange, iconComponent: Icon_1.IconDropdownFilled, items: [...Array(maxOccupancy)].map((v, value) => {
+    return (React.createElement(Select_1.Select, { nativeOnMobile: true, options: [...Array(maxOccupancy)].map((v, value) => {
             return {
                 text: StringHelper_1.default.pluralWithDictAndCount(value, Translation_1.Translation.Step.Date.Child, t),
-                value,
+                value: value.toString(),
             };
-        }) }));
+        }), value: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.toString(), onChange: props.onChange, keyName: "value", labelName: "text" }));
 }
 exports.default = NumberOfChildrenPicker;
 //# sourceMappingURL=NumberOfChildrenPicker.js.map

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberOfChildrenPicker.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAA+C;AAE/C,2CAAkD;AAElD,0DAAuD;AACvD,oDAA6C;AAC7C,0DAAmD;AACnD,uDAAkE;AAOlE,SAAwB,sBAAsB,CAAC,KAAkC;;IAC7E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,WAAW,EAAE,mCAAI,CAAC,CAAC;IACpD,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,IAAG,CAAC,IAAG,MAAA,KAAK,CAAC,GAAG,0CAAE,SAAS,EAAE,CAAA,CAAC,CAAC;IAC9E,eAAe;IACf,IAAI,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,EAAE;QACzC,YAAY,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,kBAAQ,IACL,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,aAAa,EAAE,yBAAkB,EACjC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YAC1D,OAAO;gBACH,IAAI,EAAE,sBAAY,CAAC,sBAAsB,CAAC,KAAK,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAChF,KAAK;aACR,CAAC;QACN,CAAC,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AAzBD,yCAyBC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport BasketRow from 'models/BasketRow';\nimport { Translation } from 'translations/Translation';\nimport StringHelper from 'util/StringHelper';\nimport BESelect from 'components/generic/BESelect';\nimport { IconDropdownFilled } from 'components/generic/Icon/Icon';\n\ninterface NumberOfChildrenPickerProps {\n    row: BasketRow;\n    onChange: (value: any) => void;\n}\n\nexport default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const selectedValue = props.row?.getChildren() ?? 1;\n    let maxOccupancy = Math.max(hotel?.maxOccupancy + 1 - props.row?.getAdults());\n    // Just in Case\n    if (maxOccupancy < 1 || isNaN(maxOccupancy)) {\n        maxOccupancy = 1;\n    }\n\n    return (\n        <BESelect\n            selectedValue={selectedValue}\n            onChange={props.onChange}\n            iconComponent={IconDropdownFilled}\n            items={[...Array(maxOccupancy)].map((v: any, value: number) => {\n                return {\n                    text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Child, t),\n                    value,\n                };\n            })}\n        />\n    );\n}\n"]}
+{"version":3,"file":"NumberOfChildrenPicker.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAA+C;AAE/C,2CAAkD;AAElD,0DAAuD;AACvD,qEAA6C;AAC7C,6DAAgF;AAOhF,SAAwB,sBAAsB,CAAC,KAAkC;;IAC7E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,WAAW,EAAE,mCAAI,CAAC,CAAC;IACpD,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,IAAG,CAAC,IAAG,MAAA,KAAK,CAAC,GAAG,0CAAE,SAAS,EAAE,CAAA,CAAC,CAAC;IAC9E,eAAe;IACf,IAAI,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,EAAE;QACzC,YAAY,GAAG,CAAC,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YAC5D,OAAO;gBACH,IAAI,EAAE,sBAAY,CAAC,sBAAsB,CAAC,KAAK,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAChF,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;aAC1B,CAAC;QACN,CAAC,CAAC,EACF,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,GAClB,CACL,CAAC;AACN,CAAC;AA3BD,yCA2BC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport BasketRow from 'models/BasketRow';\nimport { Translation } from 'translations/Translation';\nimport StringHelper from 'util/StringHelper';\nimport { IDefaultSelectOption, Select } from 'components/generic/Select/Select';\n\ninterface NumberOfChildrenPickerProps {\n    row: BasketRow;\n    onChange: (value: string) => void;\n}\n\nexport default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const selectedValue = props.row?.getChildren() ?? 1;\n    let maxOccupancy = Math.max(hotel?.maxOccupancy + 1 - props.row?.getAdults());\n    // Just in Case\n    if (maxOccupancy < 1 || isNaN(maxOccupancy)) {\n        maxOccupancy = 1;\n    }\n\n    return (\n        <Select<IDefaultSelectOption, 'value'>\n            nativeOnMobile\n            options={[...Array(maxOccupancy)].map((v: any, value: number) => {\n                return {\n                    text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Child, t),\n                    value: value.toString(),\n                };\n            })}\n            value={selectedValue?.toString()}\n            onChange={props.onChange}\n            keyName=\"value\"\n            labelName=\"text\"\n        />\n    );\n}\n"]}

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.js

@@ -1,15 +1,41 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const BasketRow_1 = require("models/BasketRow");
-const RoomBuilderProgressRow_1 = require("components/steps/room/roomBuilderProgress/RoomBuilderProgressRow");
-const BEButton_1 = require("components/generic/BEButton");
+const BasketRow_1 = __importDefault(require("models/BasketRow"));
+const RoomBuilderProgressRow_1 = __importDefault(require("components/steps/room/roomBuilderProgress/RoomBuilderProgressRow"));
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const Icon_1 = require("components/generic/Icon/Icon");
 const contexts_1 = require("@frontend/contexts");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const DataLayer_1 = require("util/DataLayer");
+const DataLayer_1 = __importStar(require("util/DataLayer"));
 function RoomBuilderProgress() {
     const { currentBasketRows, addBasketRow, selectedBasketRow } = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomBuilderProgress.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA4C;AAC5C,gDAAyC;AACzC,6GAAsG;AACtG,0DAAmD;AACnD,uDAAwD;AACxD,iDAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AACvD,8CAA6E;AAE7E,SAAwB,mBAAmB;IACvC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEzF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAClG,YAAY,CAAC,IAAI,mBAAS,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CAAC,CACF;QACI,6BAAK,SAAS,EAAC,uBAAuB;YACjC,CAAC,CAAC,iBAAiB,CAAC,MAAM;gBACvB,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE;oBACpD,OAAO,oBAAC,gCAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;gBACjF,CAAC,CAAC;YACN,6BAAK,SAAS,EAAC,4BAA4B;gBACvC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,IAC5E,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CACnC,CACT,CACJ;QACN,gCAAQ,IAAI,EAAC,qBAAqB,IAC7B,IAAI,CAAC,SAAS,CAAC;YACZ,UAAU,EAAE,sCAAsC;YAClD,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC;YACjE,YAAY,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YAChE,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,EAAE;YACzC,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAAE;YAC7C,QAAQ,EAAE,GAAG;SAChB,CAAC,CACG,CACV,CACN,EACD,CAAC,iBAAiB,EAAE,CAAC,CAAC,CACzB,CAAC;AACN,CAAC;AArCD,sCAqCC","sourcesContent":["import * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from 'models/BasketRow';\nimport RoomBuilderProgressRow from 'components/steps/room/roomBuilderProgress/RoomBuilderProgressRow';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { BasketContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\n\nexport default function RoomBuilderProgress() {\n    const { currentBasketRows, addBasketRow, selectedBasketRow } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n    const addRoomRowOnClick = () => {\n        DataLayer.instance.sendInteraction('Add Room Row', InteractionType.BUTTON, InteractionStep.ROOMS);\n        addBasketRow(new BasketRow());\n    };\n    return useMemo(\n        () => (\n            <>\n                <div className=\"room-builder-progress\">\n                    {!!currentBasketRows.length &&\n                        currentBasketRows.map((row: BasketRow, index: number) => {\n                            return <RoomBuilderProgressRow row={row} key={row.getID()} number={index} />;\n                        })}\n                    <div className=\"u-flex justify-content-end\">\n                        <BEButton icon={IconType.Add} onClick={addRoomRowOnClick} stopIconAnimation={true}>\n                            {t(Translation.Step.Room.RoomInfo.AddRoom)}\n                        </BEButton>\n                    </div>\n                </div>\n                <script type=\"application/ld+json\">\n                    {JSON.stringify({\n                        '@context': 'https://structured-data.triptease.io',\n                        '@type': 'LodgingSearch',\n                        checkinTime: selectedBasketRow?.getStartDate().format('YYYY-M-D'),\n                        checkoutTime: selectedBasketRow?.getEndDate().format('YYYY-M-D'),\n                        numAdults: selectedBasketRow?.getAdults(),\n                        numChildren: selectedBasketRow?.getChildren(),\n                        numRooms: '1',\n                    })}\n                </script>\n            </>\n        ),\n        [currentBasketRows, t]\n    );\n}\n"]}
+{"version":3,"file":"RoomBuilderProgress.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAC5C,iEAAyC;AACzC,8HAAsG;AACtG,2EAAmD;AACnD,uDAAwD;AACxD,iDAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AACvD,4DAA6E;AAE7E,SAAwB,mBAAmB;IACvC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEzF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAClG,YAAY,CAAC,IAAI,mBAAS,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CAAC,CACF;QACI,6BAAK,SAAS,EAAC,uBAAuB;YACjC,CAAC,CAAC,iBAAiB,CAAC,MAAM;gBACvB,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,KAAa,EAAE,EAAE;oBACpD,OAAO,oBAAC,gCAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;gBACjF,CAAC,CAAC;YACN,6BAAK,SAAS,EAAC,4BAA4B;gBACvC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,IAC5E,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CACnC,CACT,CACJ;QACN,gCAAQ,IAAI,EAAC,qBAAqB,IAC7B,IAAI,CAAC,SAAS,CAAC;YACZ,UAAU,EAAE,sCAAsC;YAClD,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC;YACjE,YAAY,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YAChE,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,EAAE;YACzC,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAAE;YAC7C,QAAQ,EAAE,GAAG;SAChB,CAAC,CACG,CACV,CACN,EACD,CAAC,iBAAiB,EAAE,CAAC,CAAC,CACzB,CAAC;AACN,CAAC;AArCD,sCAqCC","sourcesContent":["import * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from 'models/BasketRow';\nimport RoomBuilderProgressRow from 'components/steps/room/roomBuilderProgress/RoomBuilderProgressRow';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { BasketContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\n\nexport default function RoomBuilderProgress() {\n    const { currentBasketRows, addBasketRow, selectedBasketRow } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n    const addRoomRowOnClick = () => {\n        DataLayer.instance.sendInteraction('Add Room Row', InteractionType.BUTTON, InteractionStep.ROOMS);\n        addBasketRow(new BasketRow());\n    };\n    return useMemo(\n        () => (\n            <>\n                <div className=\"room-builder-progress\">\n                    {!!currentBasketRows.length &&\n                        currentBasketRows.map((row: BasketRow, index: number) => {\n                            return <RoomBuilderProgressRow row={row} key={row.getID()} number={index} />;\n                        })}\n                    <div className=\"u-flex justify-content-end\">\n                        <BEButton icon={IconType.Add} onClick={addRoomRowOnClick} stopIconAnimation={true}>\n                            {t(Translation.Step.Room.RoomInfo.AddRoom)}\n                        </BEButton>\n                    </div>\n                </div>\n                <script type=\"application/ld+json\">\n                    {JSON.stringify({\n                        '@context': 'https://structured-data.triptease.io',\n                        '@type': 'LodgingSearch',\n                        checkinTime: selectedBasketRow?.getStartDate().format('YYYY-M-D'),\n                        checkoutTime: selectedBasketRow?.getEndDate().format('YYYY-M-D'),\n                        numAdults: selectedBasketRow?.getAdults(),\n                        numChildren: selectedBasketRow?.getChildren(),\n                        numRooms: '1',\n                    })}\n                </script>\n            </>\n        ),\n        [currentBasketRows, t]\n    );\n}\n"]}

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.js

@@ -1,24 +1,50 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const classNames = require("classnames");
-const BEButton_1 = require("components/generic/BEButton");
+const classnames_1 = __importDefault(require("classnames"));
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
-const StringHelper_1 = require("util/StringHelper");
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("components/generic/Text"));
+const StringHelper_1 = __importDefault(require("util/StringHelper"));
 const Color_1 = require("util/Color");
 const contexts_1 = require("@frontend/contexts");
-const FloatingDatePicker_1 = require("components/generic/date/FloatingDatePicker");
-const ScreenSize_1 = require("util/ScreenSize");
-const Tooltip_1 = require("components/generic/Tooltip/Tooltip");
-const Pill_1 = require("components/generic/Pill");
-const DataLayer_1 = require("util/DataLayer");
-const PromoCodeInput_1 = require("components/generic/PromoCodeInput");
-const NumberOfChildrenPicker_1 = require("components/steps/room/roomBuilderProgress/NumberOfChildrenPicker");
-const NumberOfAdultsPicker_1 = require("components/steps/room/roomBuilderProgress/NumberOfAdultsPicker");
+const FloatingDatePicker_1 = __importDefault(require("components/generic/date/FloatingDatePicker"));
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const Tooltip_1 = __importDefault(require("components/generic/Tooltip/Tooltip"));
+const Pill_1 = __importStar(require("components/generic/Pill"));
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const PromoCodeInput_1 = __importDefault(require("components/generic/PromoCodeInput"));
+const NumberOfChildrenPicker_1 = __importDefault(require("components/steps/room/roomBuilderProgress/NumberOfChildrenPicker"));
+const NumberOfAdultsPicker_1 = __importDefault(require("components/steps/room/roomBuilderProgress/NumberOfAdultsPicker"));
 const Overlay_1 = require("components/generic/Overlay/Overlay");
 function RoomBuilderProgressRow(props) {
     var _a, _b, _c;
@@ -28,7 +54,7 @@ function RoomBuilderProgressRow(props) {
     const [isEditing, setIsEditing] = (0, react_1.useState)(false);
     const { row } = props;
     const isCurrent = context.selectedBasketRow && context.selectedBasketRow.getID() === row.getID();
-    const classes = classNames('room-builder-progress--item', {
+    const classes = (0, classnames_1.default)('room-builder-progress--item', {
         '--current': isCurrent,
         '--complete': row.isValid(),
     });
@@ -128,10 +154,10 @@ function RoomBuilderProgressRow(props) {
         updatePromoCode(val);
     };
     const updateNumberOfAdultsOnChange = (value) => {
-        updatePeopleValues({ adults: value });
+        updatePeopleValues({ adults: +value });
     };
     const updateNumberOfChildrenOnChange = (value) => {
-        updatePeopleValues({ children: value });
+        updatePeopleValues({ children: +value });
     };
     return (React.createElement("div", { className: classes }, isCurrent || !row.isValid() ? (React.createElement("div", { className: "u-flex w-100" },
         React.createElement("div", { className: "u-flex flex-wrap flex-xl-nowrap flex-row u-w-100@xl- align-items-center" },

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomBuilderProgressRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport BasketRow from 'models/BasketRow';\nimport { useRef, useState, useContext, useEffect } from 'react';\nimport * as classNames from 'classnames';\n\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport StringHelper from 'util/StringHelper';\nimport { Color } from 'util/Color';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport FloatingDatePicker from 'components/generic/date/FloatingDatePicker';\nimport ScreenSize from 'util/ScreenSize';\nimport * as dayjs from 'dayjs';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport PromoCodeInput from 'components/generic/PromoCodeInput';\nimport NumberOfChildrenPicker from 'components/steps/room/roomBuilderProgress/NumberOfChildrenPicker';\nimport NumberOfAdultsPicker from 'components/steps/room/roomBuilderProgress/NumberOfAdultsPicker';\nimport { Overlay } from 'components/generic/Overlay/Overlay';\n\nexport interface RoomBuilderProgressRowProps {\n    row: BasketRow;\n    number?: number;\n}\n\nexport default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps) {\n    const context = useContext(BasketContext);\n    const engineContext = useContext(BookingEngineContext);\n    const { t } = useTranslation();\n\n    const [isEditing, setIsEditing] = useState(false);\n\n    const { row } = props;\n\n    const isCurrent = context.selectedBasketRow && context.selectedBasketRow.getID() === row.getID();\n    const classes = classNames('room-builder-progress--item', {\n        '--current': isCurrent,\n        '--complete': row.isValid(),\n    });\n    const [promoCode, setPromoCode] = useState(row.getPromoCode());\n    const thisElement = useRef();\n\n    const [isPromoModalOpen, setIsPromoModalOpen] = useState(false);\n\n    useEffect(() => {\n        if (isEditing && !isCurrent) {\n            setIsEditing(false);\n        }\n    }, [context.selectBasketRow]);\n\n    const updatePeopleValues = ({ adults, children, updatedPromoCode }: { adults?: number; children?: number; updatedPromoCode?: string }) => {\n        if (adults && adults !== row.getAdults()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setAdults(adults);\n        }\n\n        if ((children || children === 0) && children !== row.getChildren()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setChildren(children);\n        }\n\n        if ((updatedPromoCode || updatedPromoCode === '') && updatedPromoCode !== row.getPromoCode()) {\n            DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n            row.setPromoCode(updatedPromoCode);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const updateDateValues = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        if (startDate) {\n            row.setStartDate(startDate);\n        }\n\n        if (endDate) {\n            row.setEndDate(endDate);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const updatePromoCode = (code: string) => {\n        DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n\n        if (context.selectedBasketRow) {\n            context.selectedBasketRow.setPromoCode(code);\n            context.updateBasketRow(context.selectedBasketRow);\n\n            if (code) {\n                setIsPromoModalOpen(false);\n            }\n        }\n    };\n\n    const isRemovable = context.currentBasketRows.length > 1;\n    const removeRoomOnClick = () => {\n        DataLayer.instance.sendInteraction('Remove Room', InteractionType.BUTTON, InteractionStep.ROOMS);\n        context.removeBasketRow(row);\n    };\n    const removeButton = (\n        <Tooltip title={isRemovable ? 'Remove this room' : 'Cannot remove this room as at least one must be selected.'}>\n            <div className=\"room-builder-progress--remove\">\n                <BEButton isText={true} icon={IconType.Close} iconPosition=\"right\" stopIconAnimation={true} disabled={!isRemovable} onClick={removeRoomOnClick} />\n            </div>\n        </Tooltip>\n    );\n\n    const isLargerThanLarge = engineContext.screenSize > ScreenSize.ExtraLarge;\n    const showEditSection = isLargerThanLarge || isCurrent;\n\n    const roomLabel = context.currentBasketRows.length !== 1 ? props.number + 1 : '';\n\n    let promoCodeTooltip = '';\n\n    if (row.getPromoCodeStatus() === 'new') {\n        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';\n    } else {\n        if (row.getPromoCodeStatus() === 'valid') {\n            promoCodeTooltip = 'Successful promo code entered';\n        } else {\n            promoCodeTooltip = 'Error code not valid';\n        }\n    }\n    const openPromoModalOnClick = () => {\n        setIsPromoModalOpen(true);\n    };\n    const setPromoCodeOnClose = () => {\n        setPromoCode(row.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const cancelPromoPopupOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Promo Popup', InteractionType.BUTTON, InteractionStep.ROOMS);\n        setPromoCode(row.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const saveRoomChangesOnClick = () => {\n        DataLayer.instance.sendInteraction('Save Room Changes', InteractionType.BUTTON, InteractionStep.ROOMS);\n        context.selectBasketRow(null);\n        setIsEditing(false);\n    };\n    const cancelRoomChangesOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Room Changes', InteractionType.LINK, InteractionStep.ROOMS);\n        context.selectBasketRow(null);\n        setIsEditing(false);\n    };\n    const editRoomOnClick = () => {\n        DataLayer.instance.sendInteraction('Edit Room', InteractionType.LINK, InteractionStep.ROOMS);\n        context.selectBasketRow(row);\n        setIsEditing(true);\n    };\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n    const updateNumberOfAdultsOnChange = (value: any) => {\n        updatePeopleValues({ adults: value as number });\n    };\n    const updateNumberOfChildrenOnChange = (value: any) => {\n        updatePeopleValues({ children: value as number });\n    };\n    return (\n        <div className={classes}>\n            {isCurrent || !row.isValid() ? (\n                <div className=\"u-flex w-100\">\n                    <div className=\"u-flex flex-wrap flex-xl-nowrap flex-row u-w-100@xl- align-items-center\">\n                        <div>\n                            {row.isValid() ? (\n                                <Text>\n                                    <strong className=\"u-nowrap\">\n                                        {t(Translation.Step.Room.EditingRoom)} {roomLabel}\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text>\n                                    <strong className=\"u-nowrap\">\n                                        {t(Translation.Step.Room.SelectRoom)} {roomLabel}\n                                    </strong>\n                                </Text>\n                            )}\n                        </div>\n                        {showEditSection ? (\n                            <>\n                                {!isLargerThanLarge && (\n                                    <div className={'w-100 d-flex' + (showEditSection ? ' u-marg-bottom@xl-' : '')}>\n                                        <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                            Choose room below\n                                        </Text>\n                                    </div>\n                                )}\n                                <Tooltip title=\"Update number of adults\" wrapperClasses={'u-w-100@xl- d-flex'}>\n                                    <div className=\"room-builder-progress--value u-flex-justify-center u-flex\">\n                                        <NumberOfAdultsPicker row={row} onChange={updateNumberOfAdultsOnChange} />\n                                    </div>\n                                </Tooltip>\n                                <Tooltip title=\"Update number of children\" wrapperClasses={'u-w-100@xl- d-flex'}>\n                                    <div className=\"room-builder-progress--value u-flex-justify-center u-flex\">\n                                        <NumberOfChildrenPicker row={row} onChange={updateNumberOfChildrenOnChange} />\n                                    </div>\n                                </Tooltip>\n\n                                <>\n                                    <div className=\"room-builder-progress--value\">\n                                        <FloatingDatePicker\n                                            startDate={row.getStartDate()}\n                                            selectedDateChanged={updateDateValues}\n                                            className=\"u-w-100@xl- d-flex align-items-center justify-content-center\"\n                                        >\n                                            <Tooltip title=\"Select Arrival and departure dates by clicking here\">\n                                                <div className=\"u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer\">\n                                                    <Text color={Color.Accent} bold={true} className=\"u-nowrap\">\n                                                        {row.getArrivalDate()}\n                                                    </Text>\n                                                    <Icon icon={IconType.ArrowRight2} />\n                                                    <Text color={Color.Accent} bold={true} className=\"u-nowrap\">\n                                                        {row.getDepartureDate()}\n                                                    </Text>\n                                                </div>\n                                            </Tooltip>\n                                        </FloatingDatePicker>\n                                    </div>\n\n                                    <Tooltip title={promoCodeTooltip} wrapperClasses={'u-w-100@xl- d-flex'}>\n                                        <div className=\"room-builder-progress--value u-cursor-pointer\" ref={thisElement} onClick={openPromoModalOnClick}>\n                                            <div className=\"u-flex align-items-center justify-content-center u-w-100@xl-\">\n                                                <Text className=\"u-pad-right--light\" type={TextType.Body} color={row.getPromoCode() ? row.getPromoCodeColour() : Color.Navy}>\n                                                    {row.getPromoCode() ? row.getPromoCode() : 'Promo Code'}\n                                                </Text>\n                                                <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                            </div>\n                                        </div>\n                                    </Tooltip>\n                                </>\n\n                                <Overlay open={isPromoModalOpen} followElement={thisElement.current} onClose={setPromoCodeOnClose}>\n                                    <div className=\"u-pad--heavy\">\n                                        <div>\n                                            <PromoCodeInput\n                                                value={context.selectedBasketRow?.getPromoCode()}\n                                                onChange={changePromoCode}\n                                                valid={\n                                                    context.selectedBasketRow?.getPromoCodeStatus() !== 'new' ? context.selectedBasketRow?.getPromoCodeStatus() === 'valid' : null\n                                                }\n                                            />\n                                        </div>\n\n                                        <div className=\"u-flex justify-content-end align-items-center u-marg-top\">\n                                            <BEButton isText={true} size=\"small\" onClick={cancelPromoPopupOnClick}>\n                                                Cancel\n                                            </BEButton>\n                                        </div>\n                                    </div>\n                                </Overlay>\n                                {!isLargerThanLarge && row.isValid() && (\n                                    <BEButton wide={true} primary={true} filled={true} onClick={saveRoomChangesOnClick}>\n                                        Save\n                                    </BEButton>\n                                )}\n                            </>\n                        ) : (\n                            <div className=\"w-100\">\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    {t(Translation.Step.Room.NextRoom)}\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"u-flex align-items-center\">\n                        {row.isValid() && (\n                            <div className=\"u-none@xl-\">\n                                <Tooltip title=\"Cancel changes\">\n                                    <div className=\"u-flex align-items-center\">\n                                        <BEButton isText={true} size=\"tiny\" onClick={cancelRoomChangesOnClick}>\n                                            {t(Translation.Misc.Cancel).toUpperCase()}\n                                        </BEButton>\n                                    </div>\n                                </Tooltip>\n                            </div>\n                        )}\n                        {removeButton}\n                    </div>\n                </div>\n            ) : (\n                <div className=\"u-flex w-100\">\n                    <div className=\"u-flex justify-content-start\">\n                        <div className=\"u-flex flex-column\">\n                            <span>\n                                <Text inline={isLargerThanLarge}>\n                                    <strong>{row.getRoom().name}</strong>\n                                </Text>\n                                <Text inline={isLargerThanLarge} type={isLargerThanLarge ? TextType.Body : TextType.Small}>\n                                    <span className=\"u-marg-left--light@xl\">\n                                        {StringHelper.pluralWithDictAndCount(row.getAdults(), Translation.Step.Date.Adult, t)}\n                                        ,&nbsp;\n                                        {StringHelper.pluralWithDictAndCount(row.getChildren(), Translation.Step.Date.Child, t)}\n                                    </span>\n                                </Text>\n                            </span>\n                            <Text type={TextType.Caption} color={Color.DarkGrey}>\n                                <strong>{row.getStayDateRange('ddd, MMM D, YYYY', ' -')}</strong>\n                            </Text>\n                        </div>\n                        {row.isPromoCodeValid() && (\n                            <div className=\"u-marg-left d-flex align-items-center\">\n                                <Pill type={PillType.Success} icon={IconType.Money}>\n                                    {row.getPromoCode()}\n                                </Pill>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"u-flex align-items-center\">\n                        <Tooltip title=\"Edit this room\">\n                            <div className=\"u-flex align-items-center room-builder-progress--edit\">\n                                <BEButton isText={true} size=\"tiny\" onClick={editRoomOnClick}>\n                                    {t(Translation.Misc.Edit).toUpperCase()}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                        {removeButton}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomBuilderProgressRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport BasketRow from 'models/BasketRow';\nimport { useRef, useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport StringHelper from 'util/StringHelper';\nimport { Color } from 'util/Color';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport FloatingDatePicker from 'components/generic/date/FloatingDatePicker';\nimport ScreenSize from 'util/ScreenSize';\nimport dayjs from 'dayjs';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport PromoCodeInput from 'components/generic/PromoCodeInput';\nimport NumberOfChildrenPicker from 'components/steps/room/roomBuilderProgress/NumberOfChildrenPicker';\nimport NumberOfAdultsPicker from 'components/steps/room/roomBuilderProgress/NumberOfAdultsPicker';\nimport { Overlay } from 'components/generic/Overlay/Overlay';\n\nexport interface RoomBuilderProgressRowProps {\n    row: BasketRow;\n    number?: number;\n}\n\nexport default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps) {\n    const context = useContext(BasketContext);\n    const engineContext = useContext(BookingEngineContext);\n    const { t } = useTranslation();\n\n    const [isEditing, setIsEditing] = useState(false);\n\n    const { row } = props;\n\n    const isCurrent = context.selectedBasketRow && context.selectedBasketRow.getID() === row.getID();\n    const classes = classNames('room-builder-progress--item', {\n        '--current': isCurrent,\n        '--complete': row.isValid(),\n    });\n    const [promoCode, setPromoCode] = useState(row.getPromoCode());\n    const thisElement = useRef();\n\n    const [isPromoModalOpen, setIsPromoModalOpen] = useState(false);\n\n    useEffect(() => {\n        if (isEditing && !isCurrent) {\n            setIsEditing(false);\n        }\n    }, [context.selectBasketRow]);\n\n    const updatePeopleValues = ({ adults, children, updatedPromoCode }: { adults?: number; children?: number; updatedPromoCode?: string }) => {\n        if (adults && adults !== row.getAdults()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setAdults(adults);\n        }\n\n        if ((children || children === 0) && children !== row.getChildren()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setChildren(children);\n        }\n\n        if ((updatedPromoCode || updatedPromoCode === '') && updatedPromoCode !== row.getPromoCode()) {\n            DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n            row.setPromoCode(updatedPromoCode);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const updateDateValues = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        if (startDate) {\n            row.setStartDate(startDate);\n        }\n\n        if (endDate) {\n            row.setEndDate(endDate);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const updatePromoCode = (code: string) => {\n        DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n\n        if (context.selectedBasketRow) {\n            context.selectedBasketRow.setPromoCode(code);\n            context.updateBasketRow(context.selectedBasketRow);\n\n            if (code) {\n                setIsPromoModalOpen(false);\n            }\n        }\n    };\n\n    const isRemovable = context.currentBasketRows.length > 1;\n    const removeRoomOnClick = () => {\n        DataLayer.instance.sendInteraction('Remove Room', InteractionType.BUTTON, InteractionStep.ROOMS);\n        context.removeBasketRow(row);\n    };\n    const removeButton = (\n        <Tooltip title={isRemovable ? 'Remove this room' : 'Cannot remove this room as at least one must be selected.'}>\n            <div className=\"room-builder-progress--remove\">\n                <BEButton isText={true} icon={IconType.Close} iconPosition=\"right\" stopIconAnimation={true} disabled={!isRemovable} onClick={removeRoomOnClick} />\n            </div>\n        </Tooltip>\n    );\n\n    const isLargerThanLarge = engineContext.screenSize > ScreenSize.ExtraLarge;\n    const showEditSection = isLargerThanLarge || isCurrent;\n\n    const roomLabel = context.currentBasketRows.length !== 1 ? props.number + 1 : '';\n\n    let promoCodeTooltip = '';\n\n    if (row.getPromoCodeStatus() === 'new') {\n        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';\n    } else {\n        if (row.getPromoCodeStatus() === 'valid') {\n            promoCodeTooltip = 'Successful promo code entered';\n        } else {\n            promoCodeTooltip = 'Error code not valid';\n        }\n    }\n    const openPromoModalOnClick = () => {\n        setIsPromoModalOpen(true);\n    };\n    const setPromoCodeOnClose = () => {\n        setPromoCode(row.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const cancelPromoPopupOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Promo Popup', InteractionType.BUTTON, InteractionStep.ROOMS);\n        setPromoCode(row.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const saveRoomChangesOnClick = () => {\n        DataLayer.instance.sendInteraction('Save Room Changes', InteractionType.BUTTON, InteractionStep.ROOMS);\n        context.selectBasketRow(null);\n        setIsEditing(false);\n    };\n    const cancelRoomChangesOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Room Changes', InteractionType.LINK, InteractionStep.ROOMS);\n        context.selectBasketRow(null);\n        setIsEditing(false);\n    };\n    const editRoomOnClick = () => {\n        DataLayer.instance.sendInteraction('Edit Room', InteractionType.LINK, InteractionStep.ROOMS);\n        context.selectBasketRow(row);\n        setIsEditing(true);\n    };\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n    const updateNumberOfAdultsOnChange = (value: string) => {\n        updatePeopleValues({ adults: +value });\n    };\n    const updateNumberOfChildrenOnChange = (value: string) => {\n        updatePeopleValues({ children: +value });\n    };\n    return (\n        <div className={classes}>\n            {isCurrent || !row.isValid() ? (\n                <div className=\"u-flex w-100\">\n                    <div className=\"u-flex flex-wrap flex-xl-nowrap flex-row u-w-100@xl- align-items-center\">\n                        <div>\n                            {row.isValid() ? (\n                                <Text>\n                                    <strong className=\"u-nowrap\">\n                                        {t(Translation.Step.Room.EditingRoom)} {roomLabel}\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text>\n                                    <strong className=\"u-nowrap\">\n                                        {t(Translation.Step.Room.SelectRoom)} {roomLabel}\n                                    </strong>\n                                </Text>\n                            )}\n                        </div>\n                        {showEditSection ? (\n                            <>\n                                {!isLargerThanLarge && (\n                                    <div className={'w-100 d-flex' + (showEditSection ? ' u-marg-bottom@xl-' : '')}>\n                                        <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                            Choose room below\n                                        </Text>\n                                    </div>\n                                )}\n                                <Tooltip title=\"Update number of adults\" wrapperClasses={'u-w-100@xl- d-flex'}>\n                                    <div className=\"room-builder-progress--value u-flex-justify-center u-flex\">\n                                        <NumberOfAdultsPicker row={row} onChange={updateNumberOfAdultsOnChange} />\n                                    </div>\n                                </Tooltip>\n                                <Tooltip title=\"Update number of children\" wrapperClasses={'u-w-100@xl- d-flex'}>\n                                    <div className=\"room-builder-progress--value u-flex-justify-center u-flex\">\n                                        <NumberOfChildrenPicker row={row} onChange={updateNumberOfChildrenOnChange} />\n                                    </div>\n                                </Tooltip>\n\n                                <>\n                                    <div className=\"room-builder-progress--value\">\n                                        <FloatingDatePicker\n                                            startDate={row.getStartDate()}\n                                            selectedDateChanged={updateDateValues}\n                                            className=\"u-w-100@xl- d-flex align-items-center justify-content-center\"\n                                        >\n                                            <Tooltip title=\"Select Arrival and departure dates by clicking here\">\n                                                <div className=\"u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer\">\n                                                    <Text color={Color.Accent} bold={true} className=\"u-nowrap\">\n                                                        {row.getArrivalDate()}\n                                                    </Text>\n                                                    <Icon icon={IconType.ArrowRight2} />\n                                                    <Text color={Color.Accent} bold={true} className=\"u-nowrap\">\n                                                        {row.getDepartureDate()}\n                                                    </Text>\n                                                </div>\n                                            </Tooltip>\n                                        </FloatingDatePicker>\n                                    </div>\n\n                                    <Tooltip title={promoCodeTooltip} wrapperClasses={'u-w-100@xl- d-flex'}>\n                                        <div className=\"room-builder-progress--value u-cursor-pointer\" ref={thisElement} onClick={openPromoModalOnClick}>\n                                            <div className=\"u-flex align-items-center justify-content-center u-w-100@xl-\">\n                                                <Text className=\"u-pad-right--light\" type={TextType.Body} color={row.getPromoCode() ? row.getPromoCodeColour() : Color.Navy}>\n                                                    {row.getPromoCode() ? row.getPromoCode() : 'Promo Code'}\n                                                </Text>\n                                                <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                            </div>\n                                        </div>\n                                    </Tooltip>\n                                </>\n\n                                <Overlay open={isPromoModalOpen} followElement={thisElement.current} onClose={setPromoCodeOnClose}>\n                                    <div className=\"u-pad--heavy\">\n                                        <div>\n                                            <PromoCodeInput\n                                                value={context.selectedBasketRow?.getPromoCode()}\n                                                onChange={changePromoCode}\n                                                valid={\n                                                    context.selectedBasketRow?.getPromoCodeStatus() !== 'new' ? context.selectedBasketRow?.getPromoCodeStatus() === 'valid' : null\n                                                }\n                                            />\n                                        </div>\n\n                                        <div className=\"u-flex justify-content-end align-items-center u-marg-top\">\n                                            <BEButton isText={true} size=\"small\" onClick={cancelPromoPopupOnClick}>\n                                                Cancel\n                                            </BEButton>\n                                        </div>\n                                    </div>\n                                </Overlay>\n                                {!isLargerThanLarge && row.isValid() && (\n                                    <BEButton wide={true} primary={true} filled={true} onClick={saveRoomChangesOnClick}>\n                                        Save\n                                    </BEButton>\n                                )}\n                            </>\n                        ) : (\n                            <div className=\"w-100\">\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    {t(Translation.Step.Room.NextRoom)}\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"u-flex align-items-center\">\n                        {row.isValid() && (\n                            <div className=\"u-none@xl-\">\n                                <Tooltip title=\"Cancel changes\">\n                                    <div className=\"u-flex align-items-center\">\n                                        <BEButton isText={true} size=\"tiny\" onClick={cancelRoomChangesOnClick}>\n                                            {t(Translation.Misc.Cancel).toUpperCase()}\n                                        </BEButton>\n                                    </div>\n                                </Tooltip>\n                            </div>\n                        )}\n                        {removeButton}\n                    </div>\n                </div>\n            ) : (\n                <div className=\"u-flex w-100\">\n                    <div className=\"u-flex justify-content-start\">\n                        <div className=\"u-flex flex-column\">\n                            <span>\n                                <Text inline={isLargerThanLarge}>\n                                    <strong>{row.getRoom().name}</strong>\n                                </Text>\n                                <Text inline={isLargerThanLarge} type={isLargerThanLarge ? TextType.Body : TextType.Small}>\n                                    <span className=\"u-marg-left--light@xl\">\n                                        {StringHelper.pluralWithDictAndCount(row.getAdults(), Translation.Step.Date.Adult, t)}\n                                        ,&nbsp;\n                                        {StringHelper.pluralWithDictAndCount(row.getChildren(), Translation.Step.Date.Child, t)}\n                                    </span>\n                                </Text>\n                            </span>\n                            <Text type={TextType.Caption} color={Color.DarkGrey}>\n                                <strong>{row.getStayDateRange('ddd, MMM D, YYYY', ' -')}</strong>\n                            </Text>\n                        </div>\n                        {row.isPromoCodeValid() && (\n                            <div className=\"u-marg-left d-flex align-items-center\">\n                                <Pill type={PillType.Success} icon={IconType.Money}>\n                                    {row.getPromoCode()}\n                                </Pill>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"u-flex align-items-center\">\n                        <Tooltip title=\"Edit this room\">\n                            <div className=\"u-flex align-items-center room-builder-progress--edit\">\n                                <BEButton isText={true} size=\"tiny\" onClick={editRoomOnClick}>\n                                    {t(Translation.Misc.Edit).toUpperCase()}\n                                </BEButton>\n                            </div>\n                        </Tooltip>\n                        {removeButton}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetails.js

@@ -1,30 +1,56 @@
 "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 Headline_1 = require("components/generic/Headline");
-const Text_1 = require("components/generic/Text");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const Color_1 = require("util/Color");
-const BEButton_1 = require("components/generic/BEButton");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const Icon_1 = require("components/generic/Icon/Icon");
 const react_1 = require("react");
-const classNames = require("classnames");
-const React = require("react");
-const RoomRates_1 = require("components/steps/room/roomDetails/roomRates/RoomRates");
-const RoomModal_1 = require("components/steps/room/RoomModal");
-const Currency_1 = require("components/generic/Currency");
-const ImageGallerySlider_1 = require("components/steps/room/ImageGallerySlider");
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const RoomRates_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/RoomRates"));
+const RoomModal_1 = __importDefault(require("components/steps/room/RoomModal"));
+const Currency_1 = __importDefault(require("components/generic/Currency"));
+const ImageGallerySlider_1 = __importDefault(require("components/steps/room/ImageGallerySlider"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = require("util/ScreenSize");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const contexts_1 = require("@frontend/contexts");
-const DataLayer_1 = require("util/DataLayer");
+const DataLayer_1 = __importStar(require("util/DataLayer"));
 const RoomDetailsPerkBlock_1 = require("components/steps/room/roomDetails/RoomDetailsPerkBlock");
 const RoomDetailsBedsBlock_1 = require("components/steps/room/roomDetails/RoomDetailsBedsBlock");
 const RoomRate_1 = require("models/Room/RoomRate");
-const FeaturedPromoFeature_1 = require("providers/feature/FeaturedPromoFeature");
+const FeaturedPromoFeature_1 = __importDefault(require("providers/feature/FeaturedPromoFeature"));
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
-const RoomRatePills_1 = require("components/steps/room/roomDetails/roomRates/RoomRatePills");
+const RoomRatePills_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/RoomRatePills"));
 const ImageProvider_1 = require("providers/ImageProvider");
 function RoomDetails(props) {
     var _a;
@@ -38,7 +64,7 @@ function RoomDetails(props) {
     const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { room } = props;
-    const classes = classNames('room-details', {
+    const classes = (0, classnames_1.default)('room-details', {
         ['+is-open']: viewingRates,
     });
     (0, react_1.useEffect)(() => {