@roomstay/frontend 2.6.58 → 2.6.60

package/dist/src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.js

@@ -39,12 +39,15 @@ const Text_1 = __importStar(require("../../Text"));
 const Translation_1 = require("../../../../translations/Translation");
 const StringHelper_1 = __importDefault(require("../../../../util/StringHelper"));
 const AgedBetweenLabel_1 = require("../../AgedBetweenLabel/AgedBetweenLabel");
-const BookingWizardBottomSheet_1 = __importDefault(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
+const BookingWizard_1 = require("../BookingWizard");
+const BookingWizard_module_scss_1 = __importDefault(require("../BookingWizard.module.scss"));
+const BookingWizardBottomSheet_1 = __importStar(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
+const BookingWizardContent_1 = require("../BookingWizardContent");
 const BookingWizardContext_1 = require("../BookingWizardContext");
 const BookingWizardGuestSelector_module_scss_1 = __importDefault(require("./BookingWizardGuestSelector.module.scss"));
-const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, maxAdultAge, maxAdults = 10, maxChildren = 10, maxInfants = 10, disableRoom, defaultValue, followElement, hideTooltip, onChange, onEditingChange, ageRange, }) => {
+const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, maxAdultAge, maxAdults = 10, maxChildren = 10, maxInfants = 10, disableRoom, defaultValue, followElement, hideTooltip, onChange, onEditingChange, ageRange, notes, onOverlayOpenChange, promoCodeConfig, submitConfig, }) => {
     var _a, _b, _c, _d;
-    const { overlay, type: overlayType, layout, isSmallContainer } = (0, BookingWizardContext_1.useBookingWizard)();
+    const { overlay, type: overlayType, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onPrevHandler } = (0, BookingWizardContext_1.useBookingWizard)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const ref = (0, react_1.useRef)(null);
     const targetRef = (0, react_1.useRef)(null);
@@ -57,12 +60,14 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
     const [editingInfants, setEditingInfants] = (0, react_1.useState)(infants);
     const [editingRoom, setEditingRoom] = (0, react_1.useState)(room);
     const [open, setOpen] = (0, react_1.useState)(false);
+    const autoApply = isImagesTheme;
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         setAdults((_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.adults) !== null && _a !== void 0 ? _a : 1);
         setChildren((_b = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.children) !== null && _b !== void 0 ? _b : 0);
         setInfants((_c = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.infants) !== null && _c !== void 0 ? _c : 0);
-    }, [defaultValue]);
+        setRoom((_d = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.room) !== null && _d !== void 0 ? _d : 1);
+    }, [defaultValue, isImagesTheme]);
     (0, react_1.useEffect)(() => {
         setEditingAdults(adults);
     }, [adults]);
@@ -72,6 +77,11 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
     (0, react_1.useEffect)(() => {
         setEditingInfants(infants);
     }, [infants]);
+    (0, react_1.useEffect)(() => {
+        if (stateSections && stateSections[BookingWizard_1.EBookingWizardSection.Guest]) {
+            setOpen(stateSections[BookingWizard_1.EBookingWizardSection.Guest].opening);
+        }
+    }, [stateSections]);
     const onApply = () => {
         setAdults(editingAdults);
         setChildren(editingChildren);
@@ -83,6 +93,12 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
     (0, react_1.useEffect)(() => {
         onEditingChange === null || onEditingChange === void 0 ? void 0 : onEditingChange({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: editingRoom });
     }, [editingAdults, editingChildren, editingAdults, editingRoom]);
+    (0, react_1.useEffect)(() => {
+        onOverlayOpenChange === null || onOverlayOpenChange === void 0 ? void 0 : onOverlayOpenChange(open);
+        return () => {
+            onOverlayOpenChange === null || onOverlayOpenChange === void 0 ? void 0 : onOverlayOpenChange(false);
+        };
+    }, [open]);
     const getValueAsText = () => {
         if (layout === 'horizontal-condensed') {
             return adults + children;
@@ -90,6 +106,11 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
         if (layout === 'booking-summary') {
             return StringHelper_1.default.pluralWithCount(adults + children + infants, 'Guest', t);
         }
+        if (isImagesTheme) {
+            if (adults + children + infants === 0) {
+                return t(Translation_1.Translation.Misc.GuestsPlaceHolder);
+            }
+        }
         const parts = [StringHelper_1.default.pluralWithCount(adults, 'Adult', t)];
         if (children > 0) {
             parts.push(StringHelper_1.default.pluralWithCount(children, 'Child', t));
@@ -99,28 +120,87 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
         }
         return parts.join(' - ');
     };
+    const GuestNotes = () => {
+        return notes ? react_1.default.createElement("div", { className: BookingWizard_module_scss_1.default.notes }, notes) : null;
+    };
+    const onChangeAdults = (applyButton, newValue) => {
+        if (applyButton) {
+            setEditingAdults(newValue);
+        }
+        else {
+            setAdults(newValue);
+            if (autoApply) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({ adults: newValue, children: editingChildren, infants: editingInfants, room: editingRoom });
+            }
+        }
+    };
+    const onChangeChildren = (applyButton, newValue) => {
+        if (applyButton) {
+            setEditingChildren(newValue);
+        }
+        else {
+            setChildren(newValue);
+            if (autoApply) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({ adults: editingAdults, children: newValue, infants: editingInfants, room: editingRoom });
+            }
+        }
+    };
+    const onChangeInfants = (applyButton, newValue) => {
+        if (applyButton) {
+            setEditingInfants(newValue);
+        }
+        else {
+            setInfants(newValue);
+            if (autoApply) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({ adults: editingAdults, children: editingChildren, infants: newValue, room: editingRoom });
+            }
+        }
+    };
+    const onChangeRoom = (applyButton, newValue) => {
+        if (applyButton) {
+            setEditingRoom(newValue);
+        }
+        else {
+            setRoom(newValue);
+            if (autoApply) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: newValue });
+            }
+        }
+    };
     const inner = (applyButton = true) => {
         var _a, _b, _c, _d;
         return (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['popper--box'] },
             react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['popper--content'], ref: ref },
-                react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['row-wrapper'] },
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
+                        react_1.default.createElement(Text_1.default, { className: BookingWizardGuestSelector_module_scss_1.default['title'], type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingAdults, 'Adult', t)),
+                        react_1.default.createElement(NumberIncrement_1.default, { number: editingAdults, min: 1, max: maxAdults, onChange: (value) => onChangeAdults(applyButton, value), textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['sub-title'] },
+                        react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: minAdultAge, max: maxAdultAge })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.divider })),
+                disableChild ? null : (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['row-wrapper'] },
                     react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingAdults, 'Adult', t)),
-                        react_1.default.createElement(NumberIncrement_1.default, { number: editingAdults, min: 1, max: maxAdults, onChange: applyButton ? setEditingAdults : setAdults, textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
-                    react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: minAdultAge, max: maxAdultAge })),
-                disableChild ? null : (react_1.default.createElement("div", null,
+                        react_1.default.createElement(Text_1.default, { className: BookingWizardGuestSelector_module_scss_1.default['title'], type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingChildren, 'Child', t)),
+                        react_1.default.createElement(NumberIncrement_1.default, { number: editingChildren, min: 0, max: maxChildren, onChange: (value) => onChangeChildren(applyButton, value), textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['sub-title'] },
+                        react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: (_a = ageRange === null || ageRange === void 0 ? void 0 : ageRange.child) === null || _a === void 0 ? void 0 : _a.min, max: (_b = ageRange === null || ageRange === void 0 ? void 0 : ageRange.child) === null || _b === void 0 ? void 0 : _b.max })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.divider }))),
+                showInfants ? (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['row-wrapper'] },
                     react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingChildren, 'Child', t)),
-                        react_1.default.createElement(NumberIncrement_1.default, { number: editingChildren, min: 0, max: maxChildren, onChange: applyButton ? setEditingChildren : setChildren, textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
-                    react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: (_a = ageRange === null || ageRange === void 0 ? void 0 : ageRange.child) === null || _a === void 0 ? void 0 : _a.min, max: (_b = ageRange === null || ageRange === void 0 ? void 0 : ageRange.child) === null || _b === void 0 ? void 0 : _b.max }))),
-                showInfants ? (react_1.default.createElement("div", null,
+                        react_1.default.createElement(Text_1.default, { className: BookingWizardGuestSelector_module_scss_1.default['title'], type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingInfants, 'Infant', t)),
+                        react_1.default.createElement(NumberIncrement_1.default, { number: editingInfants, min: 0, max: maxInfants, onChange: (value) => onChangeInfants(applyButton, value), textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['sub-title'] },
+                        react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: (_c = ageRange === null || ageRange === void 0 ? void 0 : ageRange.infant) === null || _c === void 0 ? void 0 : _c.min, max: (_d = ageRange === null || ageRange === void 0 ? void 0 : ageRange.infant) === null || _d === void 0 ? void 0 : _d.max })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.divider }))) : null,
+                disableRoom ? null : (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['row-wrapper'] },
                     react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingInfants, 'Infant', t)),
-                        react_1.default.createElement(NumberIncrement_1.default, { number: editingInfants, min: 0, max: maxInfants, onChange: applyButton ? setEditingInfants : setInfants, textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
-                    react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: (_c = ageRange === null || ageRange === void 0 ? void 0 : ageRange.infant) === null || _c === void 0 ? void 0 : _c.min, max: (_d = ageRange === null || ageRange === void 0 ? void 0 : ageRange.infant) === null || _d === void 0 ? void 0 : _d.max }))) : null,
-                disableRoom ? null : (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingRoom, 'Room', t)),
-                    react_1.default.createElement(NumberIncrement_1.default, { number: editingRoom, min: 1, max: 10, onChange: applyButton ? setEditingRoom : setRoom, textSize: Text_1.TextType.Small, hideTooltips: hideTooltip }))),
+                        react_1.default.createElement(Text_1.default, { className: BookingWizardGuestSelector_module_scss_1.default['title'], type: Text_1.TextType.Small }, StringHelper_1.default.plural(editingRoom, 'Room', t)),
+                        react_1.default.createElement(NumberIncrement_1.default, { number: editingRoom, min: 1, max: 10, onChange: (value) => onChangeRoom(applyButton, value), textSize: Text_1.TextType.Small, hideTooltips: hideTooltip })),
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.divider }))),
+                react_1.default.createElement(GuestNotes, null),
+                isImagesThemeMobile && promoCodeConfig && (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['row-wrapper'] },
+                    react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.row },
+                        react_1.default.createElement(BookingWizardContent_1.BWPromoCodeSection, { divider: promoCodeConfig.divider, withLabel: promoCodeConfig.withLabel, promoCode: promoCodeConfig.promoCode, setPromoCode: promoCodeConfig.setPromoCode, onChange: promoCodeConfig.onChange, valid: promoCodeConfig.valid, hideTooltip: promoCodeConfig.hideTooltip, t: t, inactive: false, hidden: false, isImagesTheme: true })))),
                 applyButton ? (react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default['popper--action'] },
                     react_1.default.createElement(BEButton_1.default, { wide: overlayType === 'bottom-sheet', className: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default.applyBtn, {
                             [BookingWizardGuestSelector_module_scss_1.default['--booking-summary']]: layout === 'booking-summary',
@@ -132,17 +212,26 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
                 react_1.default.createElement(AutoAutoHeight_1.default, { open: open }, inner(false))));
         }
         if (['bottom-sheet', 'top-sheet'].includes(overlayType)) {
-            return (react_1.default.createElement(BookingWizardBottomSheet_1.default, Object.assign({ className: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default.container, BookingWizardGuestSelector_module_scss_1.default['--bottom-sheet']), open: open, onDismiss: () => setOpen(false), header: react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.header },
-                    react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Misc.HowManyGuests)),
-                    " ",
-                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, onClick: () => setOpen(false) })) }, ('top-sheet' === overlayType && {
+            return (react_1.default.createElement(BookingWizardBottomSheet_1.default, Object.assign({ className: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default.container, BookingWizardGuestSelector_module_scss_1.default['--bottom-sheet'], {
+                    [BookingWizardGuestSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+                }), open: open, onDismiss: () => {
+                    if (!isImagesThemeMobile) {
+                        setOpen(false);
+                    }
+                }, header: react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetHeader, { title: t(Translation_1.Translation.Misc.HowManyGuests), onClose: () => setOpen(false) }), footer: submitConfig ? (react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetFooter, { hidePrev: stateSections[BookingWizard_1.EBookingWizardSection.Guest].isFirst, onPrev: () => onPrevHandler(BookingWizard_1.EBookingWizardSection.Guest), onNext: () => submitConfig.onSubmit(), nextLabel: t(Translation_1.Translation.Misc.BookNow), disabledNext: submitConfig.disabledNext })) : null }, ('top-sheet' === overlayType && {
                 snapPoints: ({ maxHeight }) => [maxHeight],
             })),
                 react_1.default.createElement("div", { className: BookingWizardGuestSelector_module_scss_1.default.popper },
-                    inner(),
+                    inner(!autoApply),
                     " ")));
         }
-        return (react_1.default.createElement(Overlay_1.Overlay, { offset: overlay === null || overlay === void 0 ? void 0 : overlay.offset, usePortal: false, followElement: followElement || targetRef.current, placement: overlay === null || overlay === void 0 ? void 0 : overlay.placement, fallbackPlacements: overlay === null || overlay === void 0 ? void 0 : overlay.fallbackPlacements, strategy: "absolute", open: open, onClose: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(!open), className: BookingWizardGuestSelector_module_scss_1.default.popper, containerClassName: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default['custom-overlay'], { [BookingWizardGuestSelector_module_scss_1.default['small-container']]: isSmallContainer }), hideStyles: true }, inner()));
+        return (react_1.default.createElement(Overlay_1.Overlay, { offset: overlay === null || overlay === void 0 ? void 0 : overlay.offset, usePortal: false, followElement: followElement || targetRef.current, placement: overlay === null || overlay === void 0 ? void 0 : overlay.placement, fallbackPlacements: overlay === null || overlay === void 0 ? void 0 : overlay.fallbackPlacements, strategy: "absolute", open: open, onClose: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(!open), className: BookingWizardGuestSelector_module_scss_1.default.popper, containerClassName: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default['custom-overlay'], {
+                [BookingWizardGuestSelector_module_scss_1.default['small-container']]: isSmallContainer,
+                [BookingWizardGuestSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+            }), hideStyles: true }, inner(!isImagesTheme)));
+    };
+    const DropdownIcon = () => {
+        return ['horizontal-condensed', 'booking-summary'].includes(layout) || isImagesTheme ? react_1.default.createElement(react_1.default.Fragment, null) : react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown });
     };
     return (react_1.default.createElement("div", { ref: targetRef, className: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default.container, {
             [BookingWizardGuestSelector_module_scss_1.default['--inline']]: overlayType === 'inline',
@@ -152,8 +241,10 @@ const BookingWizardGuestSelector = ({ disableChild, showInfants, minAdultAge, ma
             react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardGuestSelector_module_scss_1.default['text-display'], {
                     [BookingWizardGuestSelector_module_scss_1.default['--line-1']]: layout === 'horizontal-condensed',
                     [BookingWizardGuestSelector_module_scss_1.default['--line-booking-summary']]: layout === 'booking-summary',
+                    [BookingWizard_module_scss_1.default.value]: isImagesTheme,
+                    [BookingWizard_module_scss_1.default['text-display']]: isImagesTheme,
                 }), bold: true }, getValueAsText()),
-            ['horizontal-condensed', 'booking-summary'].includes(layout) ? null : react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown })),
+            react_1.default.createElement(DropdownIcon, null)),
         content()));
 };
 exports.BookingWizardGuestSelector = BookingWizardGuestSelector;

package/dist/src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardGuestSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport StringHelper from '@/util/StringHelper';\n\nimport { AgedBetweenLabel } from '../../AgedBetweenLabel/AgedBetweenLabel';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardGuestSelector.module.scss';\n\nexport interface BookingWizardGuestSelectorProps {\n    disableChild?: boolean;\n    showInfants?: boolean;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n\n    disableRoom?: boolean;\n    defaultValue?: { adults?: number; children?: number; infants?: number; room?: number };\n    /**\n     * The official values after apply\n     * @param adults\n     * @param children\n     * @param room\n     */\n    onChange?: ({ adults, children, room }: { adults: number; children: number; infants: number; room: number }) => void;\n    /**\n     * Real-time values changing once user selects value\n     * @param adults\n     * @param children\n     * @param room\n     */\n    onEditingChange?: ({ adults, children, room }: { adults: number; children: number; infants: number; room: number }) => void;\n    followElement?: HTMLElement | null;\n    hideTooltip?: boolean;\n    ageRange?: {\n        [people in 'child' | 'infant']?: {\n            min?: number;\n            max?: number;\n        };\n    };\n}\n\nexport const BookingWizardGuestSelector: FC<BookingWizardGuestSelectorProps> = ({\n    disableChild,\n    showInfants,\n    minAdultAge,\n    maxAdultAge,\n    maxAdults = 10,\n    maxChildren = 10,\n    maxInfants = 10,\n    disableRoom,\n    defaultValue,\n    followElement,\n    hideTooltip,\n    onChange,\n    onEditingChange,\n    ageRange,\n}) => {\n    const { overlay, type: overlayType, layout, isSmallContainer } = useBookingWizard();\n    const { t } = useTranslation();\n\n    const ref = useRef(null);\n    const targetRef = useRef(null);\n\n    const [adults, setAdults] = useState(defaultValue?.adults ?? 1);\n    const [children, setChildren] = useState(defaultValue?.children ?? 0);\n    const [infants, setInfants] = useState(defaultValue?.infants ?? 0);\n    const [room, setRoom] = useState(defaultValue?.room ?? 1);\n    const [editingAdults, setEditingAdults] = useState(adults);\n    const [editingChildren, setEditingChildren] = useState(children);\n    const [editingInfants, setEditingInfants] = useState(infants);\n    const [editingRoom, setEditingRoom] = useState(room);\n\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        setAdults(defaultValue?.adults ?? 1);\n        setChildren(defaultValue?.children ?? 0);\n        setInfants(defaultValue?.infants ?? 0);\n    }, [defaultValue]);\n\n    useEffect(() => {\n        setEditingAdults(adults);\n    }, [adults]);\n\n    useEffect(() => {\n        setEditingChildren(children);\n    }, [children]);\n\n    useEffect(() => {\n        setEditingInfants(infants);\n    }, [infants]);\n\n    const onApply = () => {\n        setAdults(editingAdults);\n        setChildren(editingChildren);\n        setInfants(editingInfants);\n        setRoom(editingRoom);\n        setOpen(false);\n        onChange?.({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: editingRoom });\n    };\n\n    useEffect(() => {\n        onEditingChange?.({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: editingRoom });\n    }, [editingAdults, editingChildren, editingAdults, editingRoom]);\n\n    const getValueAsText = () => {\n        if (layout === 'horizontal-condensed') {\n            return adults + children;\n        }\n\n        if (layout === 'booking-summary') {\n            return StringHelper.pluralWithCount(adults + children + infants, 'Guest', t);\n        }\n\n        const parts = [StringHelper.pluralWithCount(adults, 'Adult', t)];\n\n        if (children > 0) {\n            parts.push(StringHelper.pluralWithCount(children, 'Child', t));\n        }\n\n        if (infants > 0) {\n            parts.push(StringHelper.pluralWithCount(infants, 'Infant', t));\n        }\n\n        return parts.join(' - ');\n    };\n\n    const inner = (applyButton = true) => {\n        return (\n            <div className={styles['popper--box']}>\n                <div className={styles['popper--content']} ref={ref}>\n                    <div>\n                        <div className={styles.row}>\n                            <Text type={TextType.Small}>{StringHelper.plural(editingAdults, 'Adult', t)}</Text>\n                            <NumberIncrement\n                                number={editingAdults}\n                                min={1}\n                                max={maxAdults}\n                                onChange={applyButton ? setEditingAdults : setAdults}\n                                textSize={TextType.Small}\n                                hideTooltips={hideTooltip}\n                            />\n                        </div>\n                        <AgedBetweenLabel min={minAdultAge} max={maxAdultAge} />\n                    </div>\n                    {disableChild ? null : (\n                        <div>\n                            <div className={styles.row}>\n                                <Text type={TextType.Small}>{StringHelper.plural(editingChildren, 'Child', t)}</Text>\n                                <NumberIncrement\n                                    number={editingChildren}\n                                    min={0}\n                                    max={maxChildren}\n                                    onChange={applyButton ? setEditingChildren : setChildren}\n                                    textSize={TextType.Small}\n                                    hideTooltips={hideTooltip}\n                                />\n                            </div>\n                            <AgedBetweenLabel min={ageRange?.child?.min} max={ageRange?.child?.max} />\n                        </div>\n                    )}\n                    {showInfants ? (\n                        <div>\n                            <div className={styles.row}>\n                                <Text type={TextType.Small}>{StringHelper.plural(editingInfants, 'Infant', t)}</Text>\n                                <NumberIncrement\n                                    number={editingInfants}\n                                    min={0}\n                                    max={maxInfants}\n                                    onChange={applyButton ? setEditingInfants : setInfants}\n                                    textSize={TextType.Small}\n                                    hideTooltips={hideTooltip}\n                                />\n                            </div>\n                            <AgedBetweenLabel min={ageRange?.infant?.min} max={ageRange?.infant?.max} />\n                        </div>\n                    ) : null}\n                    {disableRoom ? null : (\n                        <div className={styles.row}>\n                            <Text type={TextType.Small}>{StringHelper.plural(editingRoom, 'Room', t)}</Text>\n                            <NumberIncrement\n                                number={editingRoom}\n                                min={1}\n                                max={10}\n                                onChange={applyButton ? setEditingRoom : setRoom}\n                                textSize={TextType.Small}\n                                hideTooltips={hideTooltip}\n                            />\n                        </div>\n                    )}\n                    {applyButton ? (\n                        <div className={styles['popper--action']}>\n                            <BEButton\n                                wide={overlayType === 'bottom-sheet'}\n                                className={classNames(styles.applyBtn, {\n                                    [styles['--booking-summary']]: layout === 'booking-summary',\n                                })}\n                                onClick={onApply}\n                            >\n                                {t(Translation.Misc.Apply)}\n                            </BEButton>\n                        </div>\n                    ) : null}\n                </div>\n            </div>\n        );\n    };\n\n    const content = () => {\n        if (overlayType === 'inline') {\n            return (\n                <div className={styles.popper}>\n                    <AutoAutoHeight open={open}>{inner(false)}</AutoAutoHeight>\n                </div>\n            );\n        }\n\n        if (['bottom-sheet', 'top-sheet'].includes(overlayType)) {\n            return (\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>{t(Translation.Misc.HowManyGuests)}</Text> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                    {...('top-sheet' === overlayType && {\n                        snapPoints: ({ maxHeight }) => [maxHeight],\n                    })}\n                >\n                    <div className={styles.popper}>{inner()} </div>\n                </BookingWizardBottomSheet>\n            );\n        }\n\n        return (\n            <Overlay\n                offset={overlay?.offset}\n                usePortal={false}\n                followElement={followElement || targetRef.current}\n                placement={overlay?.placement}\n                fallbackPlacements={overlay?.fallbackPlacements}\n                strategy=\"absolute\"\n                open={open}\n                onClose={() => setOpen?.(!open)}\n                className={styles.popper}\n                containerClassName={classNames(styles['custom-overlay'], { [styles['small-container']]: isSmallContainer })}\n                hideStyles\n            >\n                {inner()}\n            </Overlay>\n        );\n    };\n\n    return (\n        <div\n            ref={targetRef}\n            className={classNames(styles.container, {\n                [styles['--inline']]: overlayType === 'inline',\n                [styles['--open']]: open,\n            })}\n        >\n            <div className={classNames(styles['container--search'])} onClick={() => setOpen?.(!open)}>\n                <Text\n                    className={classNames(styles['text-display'], {\n                        [styles['--line-1']]: layout === 'horizontal-condensed',\n                        [styles['--line-booking-summary']]: layout === 'booking-summary',\n                    })}\n                    bold\n                >\n                    {getValueAsText()}\n                </Text>\n\n                {['horizontal-condensed', 'booking-summary'].includes(layout) ? null : <Icon icon={IconType.Dropdown} />}\n            </div>\n\n            {content()}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardGuestSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport StringHelper from '@/util/StringHelper';\n\nimport { AgedBetweenLabel } from '../../AgedBetweenLabel/AgedBetweenLabel';\nimport { EBookingWizardSection } from '../BookingWizard';\nimport bookingWizardStyles from '../BookingWizard.module.scss';\nimport BookingWizardBottomSheet, { BWBottomSheetFooter, BWBottomSheetHeader } from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { BWPromoCodeSection } from '../BookingWizardContent';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardGuestSelector.module.scss';\nexport interface BookingWizardGuestSelectorProps {\n    disableChild?: boolean;\n    showInfants?: boolean;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n\n    disableRoom?: boolean;\n    defaultValue?: { adults?: number; children?: number; infants?: number; room?: number };\n    /**\n     * The official values after apply\n     * @param adults\n     * @param children\n     * @param room\n     */\n    onChange?: (params: { adults: number; children: number; infants: number; room: number }) => void;\n    /**\n     * Real-time values changing once user selects value\n     * @param adults\n     * @param children\n     * @param room\n     */\n    onEditingChange?: (params: { adults: number; children: number; infants: number; room: number }) => void;\n    followElement?: HTMLElement | null;\n    hideTooltip?: boolean;\n    ageRange?: {\n        [people in 'child' | 'infant']?: {\n            min?: number;\n            max?: number;\n        };\n    };\n    notes?: ReactNode;\n    onOverlayOpenChange?: (isOpen: boolean) => void;\n    promoCodeConfig?: {\n        divider: boolean;\n        withLabel: boolean;\n        promoCode: string;\n        setPromoCode: React.Dispatch<React.SetStateAction<string>>;\n        onChange: (value?: string) => Promise<void>;\n        valid: boolean | undefined;\n        hideTooltip: boolean | undefined;\n    };\n    submitConfig?: {\n        onSubmit: () => false | undefined;\n        disabledNext: boolean;\n    };\n}\n\nexport const BookingWizardGuestSelector: FC<BookingWizardGuestSelectorProps> = ({\n    disableChild,\n    showInfants,\n    minAdultAge,\n    maxAdultAge,\n    maxAdults = 10,\n    maxChildren = 10,\n    maxInfants = 10,\n    disableRoom,\n    defaultValue,\n    followElement,\n    hideTooltip,\n    onChange,\n    onEditingChange,\n    ageRange,\n    notes,\n    onOverlayOpenChange,\n    promoCodeConfig,\n    submitConfig,\n}) => {\n    const { overlay, type: overlayType, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onPrevHandler } = useBookingWizard();\n    const { t } = useTranslation();\n\n    const ref = useRef(null);\n    const targetRef = useRef(null);\n\n    const [adults, setAdults] = useState(defaultValue?.adults ?? 1);\n    const [children, setChildren] = useState(defaultValue?.children ?? 0);\n    const [infants, setInfants] = useState(defaultValue?.infants ?? 0);\n    const [room, setRoom] = useState(defaultValue?.room ?? 1);\n    const [editingAdults, setEditingAdults] = useState(adults);\n    const [editingChildren, setEditingChildren] = useState(children);\n    const [editingInfants, setEditingInfants] = useState(infants);\n    const [editingRoom, setEditingRoom] = useState(room);\n\n    const [open, setOpen] = useState(false);\n    const autoApply = isImagesTheme;\n\n    useEffect(() => {\n        setAdults(defaultValue?.adults ?? 1);\n        setChildren(defaultValue?.children ?? 0);\n        setInfants(defaultValue?.infants ?? 0);\n        setRoom(defaultValue?.room ?? 1);\n    }, [defaultValue, isImagesTheme]);\n\n    useEffect(() => {\n        setEditingAdults(adults);\n    }, [adults]);\n\n    useEffect(() => {\n        setEditingChildren(children);\n    }, [children]);\n\n    useEffect(() => {\n        setEditingInfants(infants);\n    }, [infants]);\n\n    useEffect(() => {\n        if (stateSections && stateSections[EBookingWizardSection.Guest]) {\n            setOpen(stateSections[EBookingWizardSection.Guest].opening);\n        }\n    }, [stateSections]);\n\n    const onApply = () => {\n        setAdults(editingAdults);\n        setChildren(editingChildren);\n        setInfants(editingInfants);\n        setRoom(editingRoom);\n        setOpen(false);\n        onChange?.({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: editingRoom });\n    };\n\n    useEffect(() => {\n        onEditingChange?.({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: editingRoom });\n    }, [editingAdults, editingChildren, editingAdults, editingRoom]);\n\n    useEffect(() => {\n        onOverlayOpenChange?.(open);\n        return () => {\n            onOverlayOpenChange?.(false);\n        };\n    }, [open]);\n\n    const getValueAsText = () => {\n        if (layout === 'horizontal-condensed') {\n            return adults + children;\n        }\n\n        if (layout === 'booking-summary') {\n            return StringHelper.pluralWithCount(adults + children + infants, 'Guest', t);\n        }\n\n        if (isImagesTheme) {\n            if (adults + children + infants === 0) {\n                return t(Translation.Misc.GuestsPlaceHolder);\n            }\n        }\n\n        const parts = [StringHelper.pluralWithCount(adults, 'Adult', t)];\n\n        if (children > 0) {\n            parts.push(StringHelper.pluralWithCount(children, 'Child', t));\n        }\n\n        if (infants > 0) {\n            parts.push(StringHelper.pluralWithCount(infants, 'Infant', t));\n        }\n\n        return parts.join(' - ');\n    };\n\n    const GuestNotes = () => {\n        return notes ? <div className={bookingWizardStyles.notes}>{notes}</div> : null;\n    };\n\n    const onChangeAdults = (applyButton: boolean, newValue: number) => {\n        if (applyButton) {\n            setEditingAdults(newValue);\n        } else {\n            setAdults(newValue);\n            if (autoApply) {\n                onChange?.({ adults: newValue, children: editingChildren, infants: editingInfants, room: editingRoom });\n            }\n        }\n    };\n    const onChangeChildren = (applyButton: boolean, newValue: number) => {\n        if (applyButton) {\n            setEditingChildren(newValue);\n        } else {\n            setChildren(newValue);\n            if (autoApply) {\n                onChange?.({ adults: editingAdults, children: newValue, infants: editingInfants, room: editingRoom });\n            }\n        }\n    };\n    const onChangeInfants = (applyButton: boolean, newValue: number) => {\n        if (applyButton) {\n            setEditingInfants(newValue);\n        } else {\n            setInfants(newValue);\n            if (autoApply) {\n                onChange?.({ adults: editingAdults, children: editingChildren, infants: newValue, room: editingRoom });\n            }\n        }\n    };\n\n    const onChangeRoom = (applyButton: boolean, newValue: number) => {\n        if (applyButton) {\n            setEditingRoom(newValue);\n        } else {\n            setRoom(newValue);\n            if (autoApply) {\n                onChange?.({ adults: editingAdults, children: editingChildren, infants: editingInfants, room: newValue });\n            }\n        }\n    };\n\n    const inner = (applyButton = true) => {\n        return (\n            <div className={styles['popper--box']}>\n                <div className={styles['popper--content']} ref={ref}>\n                    <div className={styles['row-wrapper']}>\n                        <div className={styles.row}>\n                            <Text className={styles['title']} type={TextType.Small}>\n                                {StringHelper.plural(editingAdults, 'Adult', t)}\n                            </Text>\n                            <NumberIncrement\n                                number={editingAdults}\n                                min={1}\n                                max={maxAdults}\n                                onChange={(value: number) => onChangeAdults(applyButton, value)}\n                                textSize={TextType.Small}\n                                hideTooltips={hideTooltip}\n                            />\n                        </div>\n                        <div className={styles['sub-title']}>\n                            <AgedBetweenLabel min={minAdultAge} max={maxAdultAge} />\n                        </div>\n                        <div className={styles.divider} />\n                    </div>\n                    {disableChild ? null : (\n                        <div className={styles['row-wrapper']}>\n                            <div className={styles.row}>\n                                <Text className={styles['title']} type={TextType.Small}>\n                                    {StringHelper.plural(editingChildren, 'Child', t)}\n                                </Text>\n                                <NumberIncrement\n                                    number={editingChildren}\n                                    min={0}\n                                    max={maxChildren}\n                                    onChange={(value: number) => onChangeChildren(applyButton, value)}\n                                    textSize={TextType.Small}\n                                    hideTooltips={hideTooltip}\n                                />\n                            </div>\n                            <div className={styles['sub-title']}>\n                                <AgedBetweenLabel min={ageRange?.child?.min} max={ageRange?.child?.max} />\n                            </div>\n                            <div className={styles.divider} />\n                        </div>\n                    )}\n                    {showInfants ? (\n                        <div className={styles['row-wrapper']}>\n                            <div className={styles.row}>\n                                <Text className={styles['title']} type={TextType.Small}>\n                                    {StringHelper.plural(editingInfants, 'Infant', t)}\n                                </Text>\n                                <NumberIncrement\n                                    number={editingInfants}\n                                    min={0}\n                                    max={maxInfants}\n                                    onChange={(value: number) => onChangeInfants(applyButton, value)}\n                                    textSize={TextType.Small}\n                                    hideTooltips={hideTooltip}\n                                />\n                            </div>\n                            <div className={styles['sub-title']}>\n                                <AgedBetweenLabel min={ageRange?.infant?.min} max={ageRange?.infant?.max} />\n                            </div>\n\n                            <div className={styles.divider} />\n                        </div>\n                    ) : null}\n                    {disableRoom ? null : (\n                        <div className={styles['row-wrapper']}>\n                            <div className={styles.row}>\n                                <Text className={styles['title']} type={TextType.Small}>\n                                    {StringHelper.plural(editingRoom, 'Room', t)}\n                                </Text>\n                                <NumberIncrement\n                                    number={editingRoom}\n                                    min={1}\n                                    max={10}\n                                    onChange={(value: number) => onChangeRoom(applyButton, value)}\n                                    textSize={TextType.Small}\n                                    hideTooltips={hideTooltip}\n                                />\n                            </div>\n                            <div className={styles.divider} />\n                        </div>\n                    )}\n\n                    <GuestNotes />\n\n                    {isImagesThemeMobile && promoCodeConfig && (\n                        <div className={styles['row-wrapper']}>\n                            <div className={styles.row}>\n                                <BWPromoCodeSection\n                                    divider={promoCodeConfig.divider}\n                                    withLabel={promoCodeConfig.withLabel}\n                                    promoCode={promoCodeConfig.promoCode}\n                                    setPromoCode={promoCodeConfig.setPromoCode}\n                                    onChange={promoCodeConfig.onChange}\n                                    valid={promoCodeConfig.valid}\n                                    hideTooltip={promoCodeConfig.hideTooltip}\n                                    t={t}\n                                    inactive={false}\n                                    hidden={false}\n                                    isImagesTheme\n                                />\n                            </div>\n                        </div>\n                    )}\n\n                    {applyButton ? (\n                        <div className={styles['popper--action']}>\n                            <BEButton\n                                wide={overlayType === 'bottom-sheet'}\n                                className={classNames(styles.applyBtn, {\n                                    [styles['--booking-summary']]: layout === 'booking-summary',\n                                })}\n                                onClick={onApply}\n                            >\n                                {t(Translation.Misc.Apply)}\n                            </BEButton>\n                        </div>\n                    ) : null}\n                </div>\n            </div>\n        );\n    };\n\n    const content = () => {\n        if (overlayType === 'inline') {\n            return (\n                <div className={styles.popper}>\n                    <AutoAutoHeight open={open}>{inner(false)}</AutoAutoHeight>\n                </div>\n            );\n        }\n\n        if (['bottom-sheet', 'top-sheet'].includes(overlayType)) {\n            return (\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'], {\n                        [styles['custom-overlay-images-theme']]: isImagesTheme,\n                    })}\n                    open={open}\n                    onDismiss={() => {\n                        if (!isImagesThemeMobile) {\n                            setOpen(false);\n                        }\n                    }}\n                    header={<BWBottomSheetHeader title={t(Translation.Misc.HowManyGuests)} onClose={() => setOpen(false)} />}\n                    footer={\n                        submitConfig ? (\n                            <BWBottomSheetFooter\n                                hidePrev={stateSections[EBookingWizardSection.Guest].isFirst}\n                                onPrev={() => onPrevHandler(EBookingWizardSection.Guest)}\n                                onNext={() => submitConfig.onSubmit()}\n                                nextLabel={t(Translation.Misc.BookNow)}\n                                disabledNext={submitConfig.disabledNext}\n                            />\n                        ) : null\n                    }\n                    {...('top-sheet' === overlayType && {\n                        snapPoints: ({ maxHeight }) => [maxHeight],\n                    })}\n                >\n                    <div className={styles.popper}>{inner(!autoApply)} </div>\n                </BookingWizardBottomSheet>\n            );\n        }\n\n        return (\n            <Overlay\n                offset={overlay?.offset}\n                usePortal={false}\n                followElement={followElement || targetRef.current}\n                placement={overlay?.placement}\n                fallbackPlacements={overlay?.fallbackPlacements}\n                strategy=\"absolute\"\n                open={open}\n                onClose={() => setOpen?.(!open)}\n                className={styles.popper}\n                containerClassName={classNames(styles['custom-overlay'], {\n                    [styles['small-container']]: isSmallContainer,\n                    [styles['custom-overlay-images-theme']]: isImagesTheme,\n                })}\n                hideStyles\n            >\n                {inner(!isImagesTheme)}\n            </Overlay>\n        );\n    };\n\n    const DropdownIcon = () => {\n        return ['horizontal-condensed', 'booking-summary'].includes(layout) || isImagesTheme ? <></> : <Icon icon={IconType.Dropdown} />;\n    };\n\n    return (\n        <div\n            ref={targetRef}\n            className={classNames(styles.container, {\n                [styles['--inline']]: overlayType === 'inline',\n                [styles['--open']]: open,\n            })}\n        >\n            <div className={classNames(styles['container--search'])} onClick={() => setOpen?.(!open)}>\n                <Text\n                    className={classNames(styles['text-display'], {\n                        [styles['--line-1']]: layout === 'horizontal-condensed',\n                        [styles['--line-booking-summary']]: layout === 'booking-summary',\n                        [bookingWizardStyles.value]: isImagesTheme,\n                        [bookingWizardStyles['text-display']]: isImagesTheme,\n                    })}\n                    bold\n                >\n                    {getValueAsText()}\n                </Text>\n\n                <DropdownIcon />\n                {/* {['horizontal-condensed', 'booking-summary'].includes(layout) ? null : <Icon icon={IconType.Dropdown} />} */}\n            </div>\n\n            {content()}\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.js

@@ -27,24 +27,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BookingWizardHotelSelector = void 0;
+const ui_1 = require("@roomstay/ui");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAutoHeight"));
-const Icon_1 = __importStar(require("../../Icon/Icon"));
 const Text_1 = __importStar(require("../../Text"));
 const Translation_1 = require("../../../../translations/Translation");
 const Color_1 = require("../../../../util/Color");
 const Select_1 = require("../../Select/Select");
-const BookingWizardBottomSheet_1 = __importDefault(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
+const BookingWizard_1 = require("../BookingWizard");
+const BookingWizard_module_scss_1 = __importDefault(require("../BookingWizard.module.scss"));
+const BookingWizardBottomSheet_1 = __importStar(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
 const BookingWizardContext_1 = require("../BookingWizardContext");
 const BookingWizardHotelSelector_module_scss_1 = __importDefault(require("./BookingWizardHotelSelector.module.scss"));
 const BookingWizardHotelSelector = (props) => {
-    const { overlay, type, layout, isSmallContainer } = (0, BookingWizardContext_1.useBookingWizard)();
+    const { overlay, type, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onNextHandler } = (0, BookingWizardContext_1.useBookingWizard)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const [open, setOpen] = (0, react_1.useState)(false);
     const [isOnlyProperty, setIsOnlyProperty] = (0, react_1.useState)(false);
     const { selectedProperty, properties, contentClassName, followElement } = props;
+    (0, react_1.useEffect)(() => {
+        if (stateSections && stateSections[BookingWizard_1.EBookingWizardSection.Property]) {
+            setOpen(stateSections[BookingWizard_1.EBookingWizardSection.Property].opening);
+        }
+    }, [stateSections]);
     const optionedProperties = (0, react_1.useMemo)(() => {
         let isOnly = false;
         const options = [];
@@ -79,7 +86,9 @@ const BookingWizardHotelSelector = (props) => {
     const onPropertyClick = (property) => {
         var _a;
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, property);
-        setOpen(false);
+        if (!isImagesThemeMobile) {
+            setOpen(false);
+        }
     };
     const getOption = (key) => {
         const indexes = Object.keys(properties);
@@ -107,9 +116,20 @@ const BookingWizardHotelSelector = (props) => {
             options.map((option) => renderOption(option))));
     };
     const renderOption = (property) => {
-        return (react_1.default.createElement("div", { key: property.id, className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.id) === property.id }), onClick: () => onPropertyClick(property) },
-            react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel-name'] }, property.name),
-            react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default.check })));
+        var _a, _b;
+        if (isImagesTheme) {
+            return (react_1.default.createElement("div", { key: property.id, className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['card'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.id) === property.id }), onClick: () => onPropertyClick(property) },
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['card-img'] },
+                    react_1.default.createElement("img", { src: (_a = property === null || property === void 0 ? void 0 : property.card) === null || _a === void 0 ? void 0 : _a.image })),
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['card-body'] },
+                    react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['card-title'] }, property.name),
+                    react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['card-sub-title'] }, (_b = property === null || property === void 0 ? void 0 : property.card) === null || _b === void 0 ? void 0 : _b.text))));
+        }
+        else {
+            return (react_1.default.createElement("div", { key: property.id, className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.id) === property.id }), onClick: () => onPropertyClick(property) },
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel-name'] }, property.name),
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default.check })));
+        }
     };
     const onOpenDrawer = () => {
         setOpen(true);
@@ -123,27 +143,42 @@ const BookingWizardHotelSelector = (props) => {
                 react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['inline-box'] }, renderOptions()))));
     }
     if (type === 'bottom-sheet') {
+        const ItemDisplay = () => {
+            return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
+                    [BookingWizardHotelSelector_module_scss_1.default['--mini']]: !isImagesThemeMobile && layout === 'horizontal-condensed',
+                    [BookingWizardHotelSelector_module_scss_1.default['item-display']]: isImagesThemeMobile,
+                }), onClick: onOpenDrawer },
+                react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.optionLabel, { [BookingWizardHotelSelector_module_scss_1.default.placeholder]: !(selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name) }), bold: true }, (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name) || t(Translation_1.Translation.Misc.PleaseSelectHotelMobile)),
+                isImagesThemeMobile ? react_1.default.createElement(ui_1.Icon, { icon: ui_1.IconType.Dropdown }) : null));
+        };
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: (0, classnames_1.default)({ [BookingWizardHotelSelector_module_scss_1.default['--mini']]: layout === 'horizontal-condensed' }), onClick: onOpenDrawer },
-                react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.optionLabel, { [BookingWizardHotelSelector_module_scss_1.default.placeholder]: !(selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name) }), bold: true }, (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.name) || 'Select...')),
-            react_1.default.createElement(BookingWizardBottomSheet_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.container, BookingWizardHotelSelector_module_scss_1.default['--bottom-sheet']), open: open, onDismiss: () => setOpen(false), header: react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default.header },
-                    react_1.default.createElement("div", null, t(Translation_1.Translation.Misc.ChooseHotel)),
-                    " ",
-                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, onClick: () => setOpen(false) })) },
+            react_1.default.createElement(ItemDisplay, null),
+            react_1.default.createElement(BookingWizardBottomSheet_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.container, BookingWizardHotelSelector_module_scss_1.default['--bottom-sheet'], {
+                    [BookingWizardHotelSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+                }), open: open, onDismiss: () => {
+                    if (!isImagesThemeMobile) {
+                        setOpen(false);
+                    }
+                }, header: react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetHeader, { title: t(Translation_1.Translation.Misc.ChooseHotelMobile), onClose: () => setOpen(false) }), footer: react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetFooter, { hidePrev: stateSections[BookingWizard_1.EBookingWizardSection.Property].isFirst, onNext: () => onNextHandler(BookingWizard_1.EBookingWizardSection.Property), disabledNext: !selectedProperty }) },
                 react_1.default.createElement("div", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.content, contentClassName) }, renderOptions()))));
     }
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)({ [BookingWizardHotelSelector_module_scss_1.default['--mini']]: layout === 'horizontal-condensed' }) },
         react_1.default.createElement(Select_1.Select, { target: followElement, offset: overlay === null || overlay === void 0 ? void 0 : overlay.offset, options: optionedProperties, value: selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.id, onChange: (value) => onPropertyClick(getOption(value)), keyName: "id", labelName: "name", hideExpandIcon: layout === 'horizontal-condensed', disableNative: true, overlay: {
-                containerClassName: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['custom-overlay'], { [BookingWizardHotelSelector_module_scss_1.default['small-container']]: isSmallContainer }),
+                containerClassName: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['custom-overlay'], {
+                    [BookingWizardHotelSelector_module_scss_1.default['small-container']]: isSmallContainer,
+                    [BookingWizardHotelSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+                }),
                 strategy: 'absolute',
                 usePortal: false,
                 placement: (overlay === null || overlay === void 0 ? void 0 : overlay.placement) || 'bottom',
                 fallbackPlacements: (overlay === null || overlay === void 0 ? void 0 : overlay.fallbackPlacements) || 'bottom',
                 hideStyles: true,
-            }, renderOption: (property) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedProperty === null || selectedProperty === void 0 ? void 0 : selectedProperty.id) === (property === null || property === void 0 ? void 0 : property.id) }) },
-                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel-name'] }, property === null || property === void 0 ? void 0 : property.name),
-                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default.check }))), renderLabel: (option) => {
-                return (react_1.default.createElement(Text_1.default, { className: BookingWizardHotelSelector_module_scss_1.default.optionLabel, bold: true }, (option === null || option === void 0 ? void 0 : option.name) || react_1.default.createElement("span", { className: BookingWizardHotelSelector_module_scss_1.default['hotel-dropdown-label'] }, t(Translation_1.Translation.Misc.PleaseSelectHotel))));
+            }, renderOption: (property) => {
+                if (property)
+                    return renderOption(property);
+                return null;
+            }, renderLabel: (option) => {
+                return (react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.optionLabel, BookingWizard_module_scss_1.default['value']), bold: true }, (option === null || option === void 0 ? void 0 : option.name) || (react_1.default.createElement("span", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['hotel-dropdown-label'], BookingWizard_module_scss_1.default['value']) }, t(Translation_1.Translation.Misc.PleaseSelectHotel)))));
             } })));
 };
 exports.BookingWizardHotelSelector = BookingWizardHotelSelector;

package/dist/src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardHotelSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IHotelColorScheme } from '@roomstay/core';\nimport classNames from 'classnames';\nimport React, { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport { Select } from '../../Select/Select';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardHotelSelector.module.scss';\n\ninterface BookingWizardHotelSelectorProps {\n    disabled?: boolean;\n\n    selectedProperty?: BookingWizardProperty;\n    properties: TBookingWizardProperties;\n\n    contentClassName?: string;\n    followElement?: HTMLElement | null;\n\n    onChange?: (hotel: BookingWizardProperty | null) => void;\n}\n\ninterface TOptionedProperties extends BookingWizardProperty {\n    options?: BookingWizardProperty[];\n}\n\nexport const BookingWizardHotelSelector = (props: BookingWizardHotelSelectorProps) => {\n    const { overlay, type, layout, isSmallContainer } = useBookingWizard();\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n    const [isOnlyProperty, setIsOnlyProperty] = useState(false);\n\n    const { selectedProperty, properties, contentClassName, followElement } = props;\n\n    const optionedProperties = useMemo(() => {\n        let isOnly = false;\n\n        const options: TOptionedProperties[] = [];\n\n        // Here we group each key as a new TOption Group to order hotels better.\n        const propertyKeys = Object.keys(properties);\n        if (propertyKeys.length > 1) {\n            propertyKeys.forEach((propertyKey: string) => {\n                const option: TOptionedProperties = {\n                    name: propertyKey,\n                    id: '',\n                    options: [],\n                    colors: {} as IHotelColorScheme,\n                };\n\n                for (const property of properties[propertyKey]) {\n                    option.options?.push(property);\n                }\n\n                options.push(option);\n            });\n        } else if (propertyKeys.length === 1) {\n            properties[propertyKeys[0]].forEach((option) => {\n                options.push(option);\n            });\n\n            if (properties[propertyKeys[0]].length == 1 && properties[propertyKeys[0]][0].id === selectedProperty?.id) {\n                isOnly = true;\n            }\n        }\n\n        setIsOnlyProperty(isOnly);\n\n        return options;\n    }, [properties]);\n\n    const onPropertyClick = (property: BookingWizardProperty): void => {\n        props.onChange?.(property);\n        setOpen(false);\n    };\n\n    const getOption = (key: BookingWizardProperty['id']): BookingWizardProperty | undefined => {\n        const indexes = Object.keys(properties);\n\n        for (const index of indexes) {\n            for (const property of properties[index]) {\n                if (key === property.id) {\n                    return property;\n                }\n            }\n        }\n    };\n\n    const renderOptions = (): any => {\n        const indexes = Object.keys(properties);\n\n        if (indexes.length > 1) {\n            return indexes.map((indexName) => renderGroup(indexName, properties[indexName]));\n        } else if (indexes.length === 1) {\n            return properties[indexes[0]].map((property) => renderOption(property));\n        }\n    };\n\n    const renderGroup = (name: string, options: BookingWizardProperty[]) => {\n        return (\n            <>\n                <div className={classNames(styles['container--suggest-list-hotel'], styles['--group-title'])}>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {name}\n                    </Text>\n                </div>\n                {options.map((option) => renderOption(option))}\n            </>\n        );\n    };\n\n    const renderOption = (property: BookingWizardProperty) => {\n        return (\n            <div\n                key={property.id}\n                className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}\n                onClick={() => onPropertyClick(property)}\n            >\n                <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                <div className={styles.check}></div>\n            </div>\n        );\n    };\n\n    const onOpenDrawer = () => {\n        setOpen(true);\n    };\n\n    if (isOnlyProperty) {\n        return <Text>{selectedProperty?.name}</Text>;\n    }\n\n    if (type === 'inline') {\n        return (\n            <div className={styles['inline-container']}>\n                <AutoAutoHeight open={open}>\n                    <div className={styles['inline-box']}>{renderOptions()}</div>\n                </AutoAutoHeight>\n            </div>\n        );\n    }\n\n    if (type === 'bottom-sheet') {\n        return (\n            <>\n                <div className={classNames({ [styles['--mini']]: layout === 'horizontal-condensed' })} onClick={onOpenDrawer}>\n                    <Text className={classNames(styles.optionLabel, { [styles.placeholder]: !selectedProperty?.name })} bold>\n                        {selectedProperty?.name || 'Select...'}\n                    </Text>\n                </div>\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <div>{t(Translation.Misc.ChooseHotel)}</div> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={classNames(styles.content, contentClassName)}>{renderOptions()}</div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    return (\n        <div className={classNames({ [styles['--mini']]: layout === 'horizontal-condensed' })}>\n            <Select<BookingWizardProperty, 'id'>\n                target={followElement}\n                offset={overlay?.offset}\n                options={optionedProperties}\n                value={selectedProperty?.id}\n                onChange={(value) => onPropertyClick(getOption(value) as BookingWizardProperty)}\n                keyName=\"id\"\n                labelName=\"name\"\n                hideExpandIcon={layout === 'horizontal-condensed'}\n                disableNative\n                overlay={{\n                    containerClassName: classNames(styles['custom-overlay'], { [styles['small-container']]: isSmallContainer }),\n                    strategy: 'absolute',\n                    usePortal: false,\n                    placement: overlay?.placement || 'bottom',\n                    fallbackPlacements: overlay?.fallbackPlacements || 'bottom',\n                    hideStyles: true,\n                }}\n                renderOption={(property) => (\n                    <div className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property?.id })}>\n                        <div className={styles['container--suggest-list-hotel-name']}>{property?.name}</div>\n                        <div className={styles.check}></div>\n                    </div>\n                )}\n                renderLabel={(option) => {\n                    return (\n                        <Text className={styles.optionLabel} bold>\n                            {option?.name || <span className={styles['hotel-dropdown-label']}>{t(Translation.Misc.PleaseSelectHotel)}</span>}\n                        </Text>\n                    );\n                }}\n            />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardHotelSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IHotelColorScheme } from '@roomstay/core';\nimport { Icon, IconType } from '@roomstay/ui';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport { Select } from '../../Select/Select';\nimport { EBookingWizardSection } from '../BookingWizard';\nimport bookingWizardStyles from '../BookingWizard.module.scss';\nimport BookingWizardBottomSheet, { BWBottomSheetFooter, BWBottomSheetHeader } from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardHotelSelector.module.scss';\ninterface BookingWizardHotelSelectorProps {\n    disabled?: boolean;\n\n    selectedProperty?: BookingWizardProperty;\n    properties: TBookingWizardProperties;\n\n    contentClassName?: string;\n    followElement?: HTMLElement | null;\n\n    onChange?: (hotel: BookingWizardProperty | null) => void;\n}\n\ninterface TOptionedProperties extends BookingWizardProperty {\n    options?: BookingWizardProperty[];\n}\n\nexport const BookingWizardHotelSelector = (props: BookingWizardHotelSelectorProps) => {\n    const { overlay, type, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onNextHandler } = useBookingWizard();\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n    const [isOnlyProperty, setIsOnlyProperty] = useState(false);\n\n    const { selectedProperty, properties, contentClassName, followElement } = props;\n\n    useEffect(() => {\n        if (stateSections && stateSections[EBookingWizardSection.Property]) {\n            setOpen(stateSections[EBookingWizardSection.Property].opening);\n        }\n    }, [stateSections]);\n\n    const optionedProperties = useMemo(() => {\n        let isOnly = false;\n\n        const options: TOptionedProperties[] = [];\n\n        // Here we group each key as a new TOption Group to order hotels better.\n        const propertyKeys = Object.keys(properties);\n        if (propertyKeys.length > 1) {\n            propertyKeys.forEach((propertyKey: string) => {\n                const option: TOptionedProperties = {\n                    name: propertyKey,\n                    id: '',\n                    options: [],\n                    colors: {} as IHotelColorScheme,\n                };\n\n                for (const property of properties[propertyKey]) {\n                    option.options?.push(property);\n                }\n\n                options.push(option);\n            });\n        } else if (propertyKeys.length === 1) {\n            properties[propertyKeys[0]].forEach((option) => {\n                options.push(option);\n            });\n\n            if (properties[propertyKeys[0]].length == 1 && properties[propertyKeys[0]][0].id === selectedProperty?.id) {\n                isOnly = true;\n            }\n        }\n\n        setIsOnlyProperty(isOnly);\n\n        return options;\n    }, [properties]);\n\n    const onPropertyClick = (property: BookingWizardProperty): void => {\n        props.onChange?.(property);\n\n        if (!isImagesThemeMobile) {\n            setOpen(false);\n        }\n    };\n\n    const getOption = (key: BookingWizardProperty['id']): BookingWizardProperty | undefined => {\n        const indexes = Object.keys(properties);\n\n        for (const index of indexes) {\n            for (const property of properties[index]) {\n                if (key === property.id) {\n                    return property;\n                }\n            }\n        }\n    };\n\n    const renderOptions = (): any => {\n        const indexes = Object.keys(properties);\n\n        if (indexes.length > 1) {\n            return indexes.map((indexName) => renderGroup(indexName, properties[indexName]));\n        } else if (indexes.length === 1) {\n            return properties[indexes[0]].map((property) => renderOption(property));\n        }\n    };\n\n    const renderGroup = (name: string, options: BookingWizardProperty[]) => {\n        return (\n            <>\n                <div className={classNames(styles['container--suggest-list-hotel'], styles['--group-title'])}>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {name}\n                    </Text>\n                </div>\n                {options.map((option) => renderOption(option))}\n            </>\n        );\n    };\n\n    const renderOption = (property: BookingWizardProperty) => {\n        if (isImagesTheme) {\n            return (\n                <div\n                    key={property.id}\n                    className={classNames(styles['card'], { [styles['--selected']]: selectedProperty?.id === property.id })}\n                    onClick={() => onPropertyClick(property)}\n                >\n                    <div className={styles['card-img']}>\n                        <img src={property?.card?.image} />\n                    </div>\n                    <div className={styles['card-body']}>\n                        <div className={styles['card-title']}>{property.name}</div>\n                        <div className={styles['card-sub-title']}>{property?.card?.text}</div>\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div\n                    key={property.id}\n                    className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}\n                    onClick={() => onPropertyClick(property)}\n                >\n                    <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                    <div className={styles.check}></div>\n                </div>\n            );\n        }\n    };\n\n    const onOpenDrawer = () => {\n        setOpen(true);\n    };\n\n    if (isOnlyProperty) {\n        return <Text>{selectedProperty?.name}</Text>;\n    }\n\n    if (type === 'inline') {\n        return (\n            <div className={styles['inline-container']}>\n                <AutoAutoHeight open={open}>\n                    <div className={styles['inline-box']}>{renderOptions()}</div>\n                </AutoAutoHeight>\n            </div>\n        );\n    }\n\n    if (type === 'bottom-sheet') {\n        const ItemDisplay = () => {\n            return (\n                <div\n                    className={classNames({\n                        [styles['--mini']]: !isImagesThemeMobile && layout === 'horizontal-condensed',\n                        [styles['item-display']]: isImagesThemeMobile,\n                    })}\n                    onClick={onOpenDrawer}\n                >\n                    <Text className={classNames(styles.optionLabel, { [styles.placeholder]: !selectedProperty?.name })} bold>\n                        {selectedProperty?.name || t(Translation.Misc.PleaseSelectHotelMobile)}\n                    </Text>\n                    {isImagesThemeMobile ? <Icon icon={IconType.Dropdown} /> : null}\n                </div>\n            );\n        };\n        return (\n            <>\n                <ItemDisplay />\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'], {\n                        [styles['custom-overlay-images-theme']]: isImagesTheme,\n                    })}\n                    open={open}\n                    onDismiss={() => {\n                        if (!isImagesThemeMobile) {\n                            setOpen(false);\n                        }\n                    }}\n                    header={<BWBottomSheetHeader title={t(Translation.Misc.ChooseHotelMobile)} onClose={() => setOpen(false)} />}\n                    footer={\n                        <BWBottomSheetFooter\n                            hidePrev={stateSections[EBookingWizardSection.Property].isFirst}\n                            onNext={() => onNextHandler(EBookingWizardSection.Property)}\n                            disabledNext={!selectedProperty}\n                        />\n                    }\n                >\n                    <div className={classNames(styles.content, contentClassName)}>{renderOptions()}</div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    return (\n        <div className={classNames({ [styles['--mini']]: layout === 'horizontal-condensed' })}>\n            <Select<BookingWizardProperty, 'id'>\n                target={followElement}\n                offset={overlay?.offset}\n                options={optionedProperties}\n                value={selectedProperty?.id}\n                onChange={(value) => onPropertyClick(getOption(value) as BookingWizardProperty)}\n                keyName=\"id\"\n                labelName=\"name\"\n                hideExpandIcon={layout === 'horizontal-condensed'}\n                disableNative\n                overlay={{\n                    containerClassName: classNames(styles['custom-overlay'], {\n                        [styles['small-container']]: isSmallContainer,\n                        [styles['custom-overlay-images-theme']]: isImagesTheme,\n                    }),\n                    strategy: 'absolute',\n                    usePortal: false,\n                    placement: overlay?.placement || 'bottom',\n                    fallbackPlacements: overlay?.fallbackPlacements || 'bottom',\n                    hideStyles: true,\n                }}\n                renderOption={(property) => {\n                    if (property) return renderOption(property);\n                    return null;\n                }}\n                renderLabel={(option) => {\n                    return (\n                        <Text className={classNames(styles.optionLabel, bookingWizardStyles['value'])} bold>\n                            {option?.name || (\n                                <span className={classNames(styles['hotel-dropdown-label'], bookingWizardStyles['value'])}>{t(Translation.Misc.PleaseSelectHotel)}</span>\n                            )}\n                        </Text>\n                    );\n                }}\n            />\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardPromoCode/BookingWizardPromoCode.js

@@ -33,6 +33,7 @@ const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../translations/Translation");
 const Debounce_1 = require("../../../../util/Debounce");
 const Tooltip_1 = __importDefault(require("../../Tooltip/Tooltip"));
+const BookingWizard_module_scss_1 = __importDefault(require("../BookingWizard.module.scss"));
 const BookingWizardPromoCode_module_scss_1 = __importDefault(require("./BookingWizardPromoCode.module.scss"));
 const BookingWizardPromoCode = (props) => {
     const { promoCode, valid, onChange } = props;
@@ -57,8 +58,10 @@ const BookingWizardPromoCode = (props) => {
             return `Promo Code '${code}' applied`;
         return t(Translation_1.Translation.Step.Date.PromoCode);
     };
-    console.log(props.hideTooltip);
-    const promocodeInput = (react_1.default.createElement("input", { className: (0, classnames_1.default)(BookingWizardPromoCode_module_scss_1.default.container, { [BookingWizardPromoCode_module_scss_1.default['--error']]: valid === false, [BookingWizardPromoCode_module_scss_1.default['--success']]: valid === true }), type: "text", value: code, placeholder: t(Translation_1.Translation.Step.Date.PromoCode), onChange: (e) => setCode(e.target.value) }));
+    const promocodeInput = (react_1.default.createElement("input", { className: (0, classnames_1.default)(BookingWizardPromoCode_module_scss_1.default.container, BookingWizard_module_scss_1.default['value'], {
+            [BookingWizardPromoCode_module_scss_1.default['--error']]: valid === false,
+            [BookingWizardPromoCode_module_scss_1.default['--success']]: valid === true,
+        }), type: "text", value: code, placeholder: t(Translation_1.Translation.Step.Date.PromoCode), onChange: (e) => setCode(e.target.value) }));
     if (props.hideTooltip) {
         return promocodeInput;
     }