@roomstay/frontend 2.1.14 → 2.1.16

package/dist/src/components/generic/Icon/Icon.d.ts

@@ -72,6 +72,7 @@ export interface IconProps {
     size?: string;
     name?: string;
     color?: Color;
+    useColorAsBackground?: boolean;
     backgroundColor?: Color;
     noPadding?: boolean;
     onClick?: () => void;

package/dist/src/components/generic/Icon/Icon.js

@@ -91,6 +91,7 @@ function Icon(props) {
     // TODO: remove the diji-icon class from all external uses.
     const classes = (0, classnames_1.default)(Icon_module_scss_1.default['diji-icon'], props.className, Icon_module_scss_1.default[`diji-icon${defaultProps.icon}`], 'diji-icon', {
         [Icon_module_scss_1.default['--has-bg']]: !!defaultProps.backgroundColor,
+        [Icon_module_scss_1.default['--has-custom-bg']]: defaultProps.useColorAsBackground,
         [Icon_module_scss_1.default['--clickable']]: defaultProps.onClick,
         'u-pad-none': props.noPadding,
         [Icon_module_scss_1.default[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,
@@ -105,9 +106,12 @@ function Icon(props) {
     if (defaultProps.color) {
         style.color = defaultProps.color;
     }
-    if (defaultProps.backgroundColor) {
+    if (defaultProps.backgroundColor && !defaultProps.useColorAsBackground) {
         style.backgroundColor = defaultProps.backgroundColor;
     }
+    if (defaultProps.useColorAsBackground) {
+        style['--custom-bg-color'] = defaultProps.color;
+    }
     return react_1.default.createElement("i", Object.assign({ className: classes, style: style }, extraProps, { name: name }));
 }
 exports.default = Icon;

package/dist/src/components/generic/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from '@/util/Color';\nimport React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n    Eye = 'Eye',\n    EyeBlocked = 'EyeBlocked',\n    Delete = 'Delete',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n    name?: string;\n\n    color?: Color;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n    className?: string;\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        size: '18px',\n        ...props,\n    };\n\n    const name = props.name || defaultProps.icon;\n\n    // TODO: remove the diji-icon class from all external uses.\n    const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n        [styles['--has-bg']]: !!defaultProps.backgroundColor,\n        [styles['--clickable']]: defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    return <i className={classes} style={style} {...extraProps} name={name} />;\n}\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from '@/util/Color';\nimport React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './Icon.module.scss';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n    Eye = 'Eye',\n    EyeBlocked = 'EyeBlocked',\n    Delete = 'Delete',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n    name?: string;\n\n    color?: Color;\n    useColorAsBackground?: boolean;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n    className?: string;\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        size: '18px',\n        ...props,\n    };\n\n    const name = props.name || defaultProps.icon;\n\n    // TODO: remove the diji-icon class from all external uses.\n    const classes = classNames(styles['diji-icon'], props.className, (styles as any)[`diji-icon${defaultProps.icon}`], 'diji-icon', {\n        [styles['--has-bg']]: !!defaultProps.backgroundColor,\n        [styles['--has-custom-bg']]: defaultProps.useColorAsBackground,\n        [styles['--clickable']]: defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [(styles as any)[`--border-${defaultProps.borderRadius}`]]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor && !defaultProps.useColorAsBackground) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    if (defaultProps.useColorAsBackground) {\n        style['--custom-bg-color'] = defaultProps.color;\n    }\n\n    return <i className={classes} style={style} {...extraProps} name={name} />;\n}\n"]}

package/dist/src/components/generic/InputGroup/InputGroup.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 function InputGroup(props) {
+    var _a, _b;
     const classes = (0, classnames_1.default)('be-form-group', {
         [`s-${props.dimensions}`]: !!props.dimensions,
     });
     let innerLayout;
     const childrenArray = react_1.default.Children.toArray(props.children);
     switch (props.dimensions) {
+        case '1/3':
         case '3/1':
         case '2/2':
             innerLayout = (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", null, childrenArray[0]),
-                react_1.default.createElement("div", { className: childrenArray[1].type.name === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
+                (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[0]) && react_1.default.createElement("div", null, childrenArray[0]),
+                (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[1]) && react_1.default.createElement("div", { className: ((_b = (_a = childrenArray[1]) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.name) === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
             break;
         case '1':
         default:

package/dist/src/components/generic/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AASpC,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBAC7B,uCAAK,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CAC1G,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA1BD,6BA0BC","sourcesContent":["import React from 'react';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    <div>{childrenArray[0]}</div>\n                    <div className={childrenArray[1].type.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AASpC,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,uCAAK,SAAS,EAAE,CAAA,MAAA,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI,0CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CACnI,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA3BD,6BA2BC","sourcesContent":["import React from 'react';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '1/3':\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div className={childrenArray[1]?.type?.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>}\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}

package/dist/src/components/generic/date/FloatingDatePicker.js

@@ -39,8 +39,6 @@ function FloatingDatePicker(props) {
     const selectedDateChanged = (endDate) => {
         DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
         if (props.selectedDateChanged && startDate) {
-            if (endDate)
-                DataLayer_1.default.instance.sendDateSelection(startDate, endDate);
             props.selectedDateChanged(startDate, endDate);
         }
         setIsOpen(false);

package/dist/src/components/generic/date/FloatingDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAY/D,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAEtG,IAAI,KAAK,CAAC,mBAAmB,IAAI,SAAS,EAAE;YACxC,IAAI,OAAO;gBAAE,mBAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACtE,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;QAED,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACV,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,IAErC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA7DD,qCA6DC","sourcesContent":["import React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate) {\n            if (endDate) DataLayer.instance.sendDateSelection(startDate, endDate);\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        setIsOpen(false);\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\n                supportsWeek={false}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement?.parentElement}\n                followElement={thisElement.current}\n                className=\"floating-roomstay-calendar\"\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAY/D,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAEtG,IAAI,KAAK,CAAC,mBAAmB,IAAI,SAAS,EAAE;YACxC,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;QAED,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACV,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,IAErC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA5DD,qCA4DC","sourcesContent":["import React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate) {\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        setIsOpen(false);\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\n                supportsWeek={false}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement?.parentElement}\n                followElement={thisElement.current}\n                className=\"floating-roomstay-calendar\"\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/date/StepOneDateRangePicker.js

@@ -42,8 +42,6 @@ function StepOneDateRangePicker() {
         };
         const onEndDateChangedHandler = (newDate) => {
             DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.DATES);
-            if (context.startDate && newDate)
-                DataLayer_1.default.instance.sendDateSelection(context.startDate, newDate);
             context.setEndDate(newDate);
         };
         return (react_1.default.createElement(DatePicker_1.default, { supportsMultiSelecting: true, showMultipleMonths: appContext.screenSize > ScreenSize_1.default.ExtraLarge, selectedStartDate: context.startDate, selectedEndDate: context.endDate, supportsWeek: true, showMinNightStay: true, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: onEndDateChangedHandler }));

package/dist/src/components/steps/date/StepOneDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepOneDateRangePicker.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sFAA8D;AAC9D,kDAA0B;AAC1B,iCAA4C;AAC5C,mEAA2C;AAC3C,iDAAyE;AACzE,8DAA+E;AAE/E,SAAwB,sBAAsB;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,yBAAyB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC/C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACrG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,MAAM,uBAAuB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC7C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACtG,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO;gBAAE,mBAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACnG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CACH,8BAAC,oBAAU,IACP,sBAAsB,QACtB,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACjE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,QACZ,gBAAgB,QAChB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,uBAAuB,GAC3C,CACL,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpE,CAAC;AA3BD,yCA2BC","sourcesContent":["import DatePicker from '@/components/generic/date/DatePicker';\nimport React from 'react';\nimport { useContext, useMemo } from 'react';\nimport ScreenSize from '@/util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepOneDateRangePicker() {\n    const context = useContext(BasketContext);\n    const appContext = useContext(BookingEngineContext);\n\n    return useMemo(() => {\n        const onStartDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setStartDate(newDate);\n        };\n        const onEndDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            if (context.startDate && newDate) DataLayer.instance.sendDateSelection(context.startDate, newDate);\n            context.setEndDate(newDate);\n        };\n        return (\n            <DatePicker\n                supportsMultiSelecting\n                showMultipleMonths={appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek\n                showMinNightStay\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={onEndDateChangedHandler}\n            />\n        );\n    }, [context.startDate, context.endDate, appContext.screenSize]);\n}\n"]}
+{"version":3,"file":"StepOneDateRangePicker.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sFAA8D;AAC9D,kDAA0B;AAC1B,iCAA4C;AAC5C,mEAA2C;AAC3C,iDAAyE;AACzE,8DAA+E;AAE/E,SAAwB,sBAAsB;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,yBAAyB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC/C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACrG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,MAAM,uBAAuB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC7C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACtG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CACH,8BAAC,oBAAU,IACP,sBAAsB,QACtB,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACjE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,QACZ,gBAAgB,QAChB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,uBAAuB,GAC3C,CACL,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpE,CAAC;AA1BD,yCA0BC","sourcesContent":["import DatePicker from '@/components/generic/date/DatePicker';\nimport React from 'react';\nimport { useContext, useMemo } from 'react';\nimport ScreenSize from '@/util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepOneDateRangePicker() {\n    const context = useContext(BasketContext);\n    const appContext = useContext(BookingEngineContext);\n\n    return useMemo(() => {\n        const onStartDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setStartDate(newDate);\n        };\n        const onEndDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setEndDate(newDate);\n        };\n        return (\n            <DatePicker\n                supportsMultiSelecting\n                showMultipleMonths={appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek\n                showMinNightStay\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={onEndDateChangedHandler}\n            />\n        );\n    }, [context.startDate, context.endDate, appContext.screenSize]);\n}\n"]}

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

@@ -60,7 +60,7 @@ const LargeRoomCard = (props) => {
         },
         {
             icon: Icon_1.IconType.Bed,
-            text: `${extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedType} ${extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity}`,
+            text: (extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedTypeOverride) ? extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedTypeOverride : `${extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedType} ${extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity}`,
         },
         {
             icon: Icon_1.IconType.RoomSize,

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

@@ -1 +1 @@
-{"version":3,"file":"LargeRoomCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRoomCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport BEButton from '@/components/generic/BEButton';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n\n    onSelectRate: () => void;\n}\n\nconst LargeRoomCard = (props: Props) => {\n    const beContext = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const perksFree = hotel?.perks.slice(0, 4);\n\n    const extraRoomData = hotel?.rooms[props.rate?.getRoom().code as string];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code as string];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: `Sleeps ${extraRoomData?.maxOccupancy}`,\n        },\n        {\n            icon: IconType.Bed,\n            text: `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\n        },\n    ];\n\n    return (\n        <div className=\"large-room-card u-border-rounded\">\n            <div className=\"large-room-card --image\">\n                <ImageGallerySlider images={props.rate?.getRoom().getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{props.rate?.getRoom().name}</Text>\n                <div className=\"u-flex u-marg-top-bottom\">\n                    {roomInfo.map((item, index) => {\n                        return (\n                            <div className=\"u-flex\" key={index}>\n                                <Icon icon={item.icon} />\n                                <Text className=\"u-marg-left--light\" type={TextType.Label}>\n                                    {item.text}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n                <div className=\"u-marg-bottom--light description\">\n                    <Text className=\"text\" type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                    </Text>\n                </div>\n                <Text className=\"u-marg-bottom\" bold type={TextType.Label} color={Color.Accent}>\n                    {t(Translation.Step.Room.YouWillGetThisAllForFree)}\n                </Text>\n                <div className=\"u-flex u-flex-align-center row justify-content-center\">\n                    <div className=\"u-flex col-md-12 flex-wrap justify-content-start\">\n                        {perksFree?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\n\n                            return (\n                                <div className=\"u-flex justify-content-start u-flex-align-center u-marg-bottom u-w-48@l- u-pad-left--light u-pad-right--light\" key={perk.name}>\n                                    <Tooltip title={perk.name}>\n                                        <div>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} backgroundColor={Color.Snow} />}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>{perk.name}</Text>\n                                    </div>\n                                </div>\n                            );\n                        })}\n                    </div>\n                </div>\n                <div className=\"u-flex flex-column no-gutters\">\n                    <Text type={TextType.Small} color={Color.Navy} inline>\n                        {t(Translation.Misc.From)}\n                    </Text>\n                    <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                        <Headline bold>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            {t(Translation.Step.Room.ExcludingTaxes)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"ViewRatesNowButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRoomCard;\n"]}
+{"version":3,"file":"LargeRoomCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRoomCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAmC;AAEnC,iDAA+C;AAC/C,2CAAkD;AAElD,0DAAuD;AACvD,wCAAqC;AACrC,mEAA2C;AAC3C,6EAAqD;AACrD,mFAA2D;AAC3D,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,oGAA4E;AAC5E,iDAA0D;AAS1D,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;;IACnC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3C,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,GAAG,IAAc,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,GAAG,IAAc,CAAC,CAAC;IAC3E,MAAM,kBAAkB,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,KAAK,CAAC,YAAY,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG;QACb;YACI,IAAI,EAAE,eAAQ,CAAC,MAAM;YACrB,IAAI,EAAE,UAAU,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,EAAE;SAChD;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,GAAG;YAClB,IAAI,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,EAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,EAAE;SACpI;QACD;YACI,IAAI,EAAE,eAAQ,CAAC,QAAQ;YACvB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc;SACjC;KACJ,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,kCAAkC;QAC7C,uCAAK,SAAS,EAAC,yBAAyB;YACpC,8BAAC,4BAAkB,IAAC,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,GAAG,SAAS,EAAE,GAAI,CAC/D;QACN,uCAAK,SAAS,EAAC,iBAAiB;YAC5B,8BAAC,cAAI,IAAC,IAAI,UAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,GAAG,IAAI,CAAQ;YAC9C,uCAAK,SAAS,EAAC,0BAA0B,IACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC1B,OAAO,CACH,uCAAK,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,KAAK;oBAC9B,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;oBACzB,8BAAC,cAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IACpD,IAAI,CAAC,IAAI,CACP,CACL,CACT,CAAC;YACN,CAAC,CAAC,CACA;YACN,uCAAK,SAAS,EAAC,kCAAkC;gBAC7C,8BAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACvC,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,KAAI,EAAE,EAAE,GAAI,CAC/F,CACL;YACN,8BAAC,cAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAC/C;YACP,uCAAK,SAAS,EAAC,uDAAuD;gBAClE,uCAAK,SAAS,EAAC,kDAAkD,IAC5D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACrB,MAAM,gBAAgB,GAAG,SAAS,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC;oBAEtE,OAAO,CACH,uCAAK,SAAS,EAAC,+GAA+G,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI;wBACzI,8BAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI;4BACrB,2CAAM,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAgB,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,GAAI,CAAO,CAC/G;wBACV,uCAAK,SAAS,EAAE,4BAA4B,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;4BAC1E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C,CACJ,CACT,CAAC;gBACN,CAAC,CAAC,CACA,CACJ;YACN,uCAAK,SAAS,EAAC,+BAA+B;gBAC1C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,UAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CACtB;gBACP,uCAAK,SAAS,EAAC,uDAAuD;oBAClE,8BAAC,kBAAQ,IAAC,IAAI;wBACV,wCAAM,SAAS,EAAC,2BAA2B;;4BACtC,8BAAC,kBAAQ,IAAC,YAAY,UAAE,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,eAAe,EAAE,KAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,eAAe,EAAE,CAAA,CAAY,CACvG,CACA;oBACX,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,MAAM;;wBAC7B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACL;gBACN,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,QAAC,SAAS,EAAC,UAAU,IACrE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACrC,CACL;gBACN,uCAAK,SAAS,EAAC,yDAAyD;oBACpE,8BAAC,kBAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,oBAAoB,EAAC,OAAO,QAAC,MAAM,QAAC,IAAI,UACvE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAC1B,CACT,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport { useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport BEButton from '@/components/generic/BEButton';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n\n    onSelectRate: () => void;\n}\n\nconst LargeRoomCard = (props: Props) => {\n    const beContext = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const perksFree = hotel?.perks.slice(0, 4);\n\n    const extraRoomData = hotel?.rooms[props.rate?.getRoom().code as string];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code as string];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: `Sleeps ${extraRoomData?.maxOccupancy}`,\n        },\n        {\n            icon: IconType.Bed,\n            text: extraRoomData?.bedTypeOverride ? extraRoomData?.bedTypeOverride : `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\n        },\n    ];\n\n    return (\n        <div className=\"large-room-card u-border-rounded\">\n            <div className=\"large-room-card --image\">\n                <ImageGallerySlider images={props.rate?.getRoom().getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{props.rate?.getRoom().name}</Text>\n                <div className=\"u-flex u-marg-top-bottom\">\n                    {roomInfo.map((item, index) => {\n                        return (\n                            <div className=\"u-flex\" key={index}>\n                                <Icon icon={item.icon} />\n                                <Text className=\"u-marg-left--light\" type={TextType.Label}>\n                                    {item.text}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n                <div className=\"u-marg-bottom--light description\">\n                    <Text className=\"text\" type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                    </Text>\n                </div>\n                <Text className=\"u-marg-bottom\" bold type={TextType.Label} color={Color.Accent}>\n                    {t(Translation.Step.Room.YouWillGetThisAllForFree)}\n                </Text>\n                <div className=\"u-flex u-flex-align-center row justify-content-center\">\n                    <div className=\"u-flex col-md-12 flex-wrap justify-content-start\">\n                        {perksFree?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\n\n                            return (\n                                <div className=\"u-flex justify-content-start u-flex-align-center u-marg-bottom u-w-48@l- u-pad-left--light u-pad-right--light\" key={perk.name}>\n                                    <Tooltip title={perk.name}>\n                                        <div>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} backgroundColor={Color.Snow} />}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>{perk.name}</Text>\n                                    </div>\n                                </div>\n                            );\n                        })}\n                    </div>\n                </div>\n                <div className=\"u-flex flex-column no-gutters\">\n                    <Text type={TextType.Small} color={Color.Navy} inline>\n                        {t(Translation.Misc.From)}\n                    </Text>\n                    <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                        <Headline bold>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            {t(Translation.Step.Room.ExcludingTaxes)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"ViewRatesNowButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRoomCard;\n"]}

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

@@ -250,6 +250,7 @@ function MemberSignInModal(props) {
     const modalSubtitle = (_g = (_f = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _f === void 0 ? void 0 : _f.memberOnlyModalSubtitle) !== null && _g !== void 0 ? _g : t(Translation_1.Translation.MemberOnlyPopup.Subtitle);
     const modalButtonText = (_j = (_h = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _h === void 0 ? void 0 : _h.memberOnlyModalButtonText) !== null && _j !== void 0 ? _j : t(Translation_1.Translation.MemberOnlyPopup.SubmitButtonText);
     const modalLeadImage = (_l = (_k = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _k === void 0 ? void 0 : _k.memberOnlyModalImage) !== null && _l !== void 0 ? _l : hotel === null || hotel === void 0 ? void 0 : hotel.heroImage;
+    const modalPrimaryColor = (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor) ? Color_1.Color.Accent : Color_1.Color.Success;
     return (react_1.default.createElement(SimpleModal_1.default, { open: props.isOpen, onClose: loadingOnClose, size: SimpleModal_1.SimpleModalSize.Normal, alignCenter: true },
         react_1.default.createElement("div", { className: "row" },
             react_1.default.createElement("div", { className: "col-md-6 u-mh-none", style: {
@@ -261,10 +262,10 @@ function MemberSignInModal(props) {
             react_1.default.createElement("div", { className: "col-md-6" },
                 react_1.default.createElement("div", { className: "u-pad u-pad-heavy@m-" },
                     react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: Color_1.Color.Success, backgroundColor: Color_1.Color.SuccessTint })),
+                        react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: modalPrimaryColor, useColorAsBackground: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, backgroundColor: Color_1.Color.SuccessTint })),
                     react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Headline_1.default, { bold: true, color: Color_1.Color.Success },
-                            react_1.default.createElement("div", { style: { color: Color_1.Color.Success }, dangerouslySetInnerHTML: {
+                        react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor },
+                            react_1.default.createElement("div", { style: { color: modalPrimaryColor }, dangerouslySetInnerHTML: {
                                     __html: modalTitle,
                                 } }))),
                     react_1.default.createElement("div", { className: "u-marg-bottom" },
@@ -286,7 +287,7 @@ function MemberSignInModal(props) {
                             captchaScriptLoaded && (react_1.default.createElement(react_1.default.Fragment, null,
                                 captchaError && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Alert }, captchaError)),
                                 react_1.default.createElement("div", { ref: captchaRef, className: "u-marg-bottom" }))),
-                            react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, success: true, isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
+                            react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
                         react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx === null || ccx === void 0 ? void 0 : ccx.companyShort }) } })),
                     ' ',

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

@@ -1 +1 @@
-{"version":3,"file":"MemberSignInModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport React from 'react';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport TextBox from '@/components/generic/TextBox';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport API from '@/api/BookingAPI';\nimport { ErrorHandler } from 'contexts/ErrorContext';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport * as Sentry from '@sentry/browser';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport { CompanyContext } from '@frontend/contexts';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\ninterface MemberSignInModalProps {\n    onClose?: () => void;\n    isOpen?: boolean;\n}\n\nconst MemberOnlyModalDefaultInputs: MemberOnlyModalInputs = {\n    Lines: [\n        {\n            Dimension: '2/2',\n            Inputs: [\n                {\n                    name: 'FirstName',\n                    type: 'TextBox',\n                    placeholder: 'First Name',\n                    isRequired: true,\n                },\n                {\n                    name: 'LastName',\n                    type: 'TextBox',\n                    placeholder: 'Last Name',\n                    isRequired: true,\n                },\n            ],\n        },\n        {\n            Dimension: '1',\n            Inputs: [\n                {\n                    name: 'Email',\n                    type: 'TextBox',\n                    placeholder: 'Email Address',\n                    isRequired: true,\n                    validate: (input: string) => {\n                        if (!input.match(EMAIL_REGEX)) {\n                            return 'Invalid Email Address';\n                        }\n                        return true;\n                    },\n                },\n            ],\n        },\n    ],\n};\n\nexport default function MemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n\n    const [captchaScriptLoaded, setCaptchaScriptLoaded] = useState(false);\n    const [captchaRendered, setCaptchaRendered] = useState(false);\n    const [reCaptchaSecret, setReCaptchaSecret] = useState<string | null>(null);\n    const [captchaError, setCaptchaError] = useState<string | null | undefined>(null);\n\n    const captchaRef = useRef(null);\n\n    const shouldLoadCaptcha = !!hotel?.googleReCaptcha?.loadForMembers && !!hotel?.googleReCaptcha?.siteKey;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (shouldLoadCaptcha) {\n            RoomstayThemeEngine.loadScript('https://www.google.com/recaptcha/api.js', 'Google ReCaptcha').then(() => {\n                try {\n                    (window as any).grecaptcha.ready(() => {\n                        if (!cancelled) {\n                            setCaptchaScriptLoaded(true);\n                        }\n                    });\n                } catch (ex) {\n                    console.log('Captcha loaded too quickly, will try again');\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel]);\n\n    useEffect(() => {\n        if (shouldLoadCaptcha && captchaScriptLoaded && captchaRef?.current && !captchaRendered && props.isOpen) {\n            try {\n                setTimeout(() => {\n                    const captchaCallback = (secret: string) => {\n                        setReCaptchaSecret(secret);\n                        setCaptchaError(undefined);\n                    };\n\n                    (window as any).grecaptcha.render(captchaRef.current, {\n                        sitekey: hotel.googleReCaptcha?.siteKey,\n                        callback: captchaCallback,\n                    });\n\n                    setCaptchaRendered(true);\n                }, 5);\n            } catch (ex) {\n                console.log(ex);\n\n                Sentry.captureException(ex);\n            }\n        }\n    }, [props.isOpen, captchaScriptLoaded, captchaRef, captchaRef?.current, captchaRendered]);\n\n    useEffect(() => {\n        if (!props.isOpen) {\n            setReCaptchaSecret(null);\n            setCaptchaError(null);\n            setCaptchaRendered(false);\n        }\n    }, [props.isOpen]);\n\n    const getValidationClass = (name: string) => {\n        if (errors && (formState.touchedFields[name] || showErrors)) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const methods = useForm({\n        mode: 'onChange',\n    });\n\n    const { formState, register } = methods;\n    const errors = methods.formState.errors;\n\n    const onSubmit = async () => {\n        if (shouldLoadCaptcha && (!reCaptchaSecret || reCaptchaSecret === '')) {\n            setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.PleaseTick));\n            return;\n        }\n\n        await signUpMember();\n    };\n\n    const signUpMember = async () => {\n        setIsLoading(true);\n        const { FirstName, LastName, Email, ...extra } = methods.getValues();\n\n        if (!FirstName || !LastName || !Email) {\n            setIsLoading(false);\n            ErrorHandler.add({\n                title: 'Required fields in the Member Signup are missing.',\n                message: 'First Name, Last Name, and Email Mandatory Fields, make sure that these fields are present to avoid loss of data.',\n            });\n\n            return;\n        }\n\n        try {\n            const extraFields = Object.keys(extra).map((extraFieldKey: string) => {\n                return { name: extraFieldKey, value: extra[extraFieldKey] };\n            });\n\n            const response = await API.Member.addMember(FirstName, LastName, Email, extraFields, hotel?.hotelID as string, reCaptchaSecret as string);\n\n            if (response.error) {\n                setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));\n            } else {\n                ccx.signUserIn(Email);\n\n                if (hotel?.memberOnlyPromoCode && !ccx.memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n                    basketContext.currentBasketRows?.forEach((row) => {\n                        row.setPromoCode(hotel?.memberOnlyPromoCode as string);\n                        basketContext.updateBasketRow(row);\n                    });\n                }\n            }\n        } catch (e) {\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Message),\n            });\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const modalInputs: MemberOnlyModalInputs = hotel?.memberOnlySignupInputs ?? MemberOnlyModalDefaultInputs;\n\n    const loadingOnClose = () => {\n        setIsLoading(false);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const buttonOnClickHandler = async () => {\n        await methods.handleSubmit(onSubmit)();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    const modalTitle =\n        ccx?.memberOnlyModalPromotion?.memberOnlyModalTitle ??\n        t(Translation.MemberOnlyPopup.Headline, {\n            companyShort: ccx?.companyShort,\n        });\n\n    const modalSubtitle = ccx?.memberOnlyModalPromotion?.memberOnlyModalSubtitle ?? t(Translation.MemberOnlyPopup.Subtitle);\n\n    const modalButtonText = ccx?.memberOnlyModalPromotion?.memberOnlyModalButtonText ?? t(Translation.MemberOnlyPopup.SubmitButtonText);\n    const modalLeadImage = ccx?.memberOnlyModalPromotion?.memberOnlyModalImage ?? hotel?.heroImage;\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={loadingOnClose} size={SimpleModalSize.Normal} alignCenter>\n            <div className=\"row\">\n                <div\n                    className=\"col-md-6 u-mh-none\"\n                    style={{\n                        background: 'url(\"' + modalLeadImage + '\")',\n                        backgroundRepeat: 'no-repeat',\n                        backgroundPosition: 'center',\n                        backgroundSize: 'cover',\n                    }}\n                />\n                <div className=\"col-md-6\">\n                    <div className=\"u-pad u-pad-heavy@m-\">\n                        <div className=\"u-marg-bottom-half\">\n                            <Icon icon={IconType.Money} size=\"24px\" color={Color.Success} backgroundColor={Color.SuccessTint} />\n                        </div>\n                        <div className=\"u-marg-bottom-half\">\n                            <Headline bold color={Color.Success}>\n                                <div\n                                    style={{ color: Color.Success }}\n                                    dangerouslySetInnerHTML={{\n                                        __html: modalTitle as string,\n                                    }}\n                                ></div>\n                            </Headline>\n                        </div>\n                        <div className=\"u-marg-bottom\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <span dangerouslySetInnerHTML={{ __html: modalSubtitle as string }}></span>\n                            </Text>\n                        </div>\n                        <FormProvider {...methods}>\n                            <div>\n                                {modalInputs.Lines.map((inputLine, lineIndex) => {\n                                    return (\n                                        <InputGroup dimensions={inputLine.Dimension} key={lineIndex}>\n                                            {inputLine.Inputs.map((input, inputIndex) => {\n                                                switch (input.type) {\n                                                    case 'TextBox':\n                                                        return (\n                                                            <TextBox\n                                                                key={inputIndex}\n                                                                wide\n                                                                placeholder={input.placeholder}\n                                                                required={input.isRequired}\n                                                                validationStatus={getValidationClass(input.name)}\n                                                                {...register(input.name, {\n                                                                    required: input.isRequired,\n                                                                    validate: input.validate,\n                                                                })}\n                                                            />\n                                                        );\n                                                }\n                                            })}\n                                        </InputGroup>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-top--light\" style={{ marginBottom: '45px' }}>\n                                {captchaScriptLoaded && (\n                                    <>\n                                        {captchaError && (\n                                            <Text type={TextType.Label} color={Color.Alert}>\n                                                {captchaError}\n                                            </Text>\n                                        )}\n                                        <div ref={captchaRef} className=\"u-marg-bottom\"></div>\n                                    </>\n                                )}\n                                <BEButton\n                                    size=\"normal\"\n                                    filled\n                                    success\n                                    isLoading={isLoading}\n                                    stopIconAnimation\n                                    icon={context.screenSize > ScreenSize.Mobile ? IconType.ArrowRight : undefined}\n                                    onClick={buttonOnClickHandler}\n                                >\n                                    {modalButtonText}\n                                </BEButton>\n                            </div>\n                        </FormProvider>\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                        </Text>{' '}\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"MemberSignInModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport React from 'react';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport TextBox from '@/components/generic/TextBox';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport API from '@/api/BookingAPI';\nimport { ErrorHandler } from 'contexts/ErrorContext';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport * as Sentry from '@sentry/browser';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport { CompanyContext } from '@frontend/contexts';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\ninterface MemberSignInModalProps {\n    onClose?: () => void;\n    isOpen?: boolean;\n}\n\nconst MemberOnlyModalDefaultInputs: MemberOnlyModalInputs = {\n    Lines: [\n        {\n            Dimension: '2/2',\n            Inputs: [\n                {\n                    name: 'FirstName',\n                    type: 'TextBox',\n                    placeholder: 'First Name',\n                    isRequired: true,\n                },\n                {\n                    name: 'LastName',\n                    type: 'TextBox',\n                    placeholder: 'Last Name',\n                    isRequired: true,\n                },\n            ],\n        },\n        {\n            Dimension: '1',\n            Inputs: [\n                {\n                    name: 'Email',\n                    type: 'TextBox',\n                    placeholder: 'Email Address',\n                    isRequired: true,\n                    validate: (input: string) => {\n                        if (!input.match(EMAIL_REGEX)) {\n                            return 'Invalid Email Address';\n                        }\n                        return true;\n                    },\n                },\n            ],\n        },\n    ],\n};\n\nexport default function MemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n\n    const [captchaScriptLoaded, setCaptchaScriptLoaded] = useState(false);\n    const [captchaRendered, setCaptchaRendered] = useState(false);\n    const [reCaptchaSecret, setReCaptchaSecret] = useState<string | null>(null);\n    const [captchaError, setCaptchaError] = useState<string | null | undefined>(null);\n\n    const captchaRef = useRef(null);\n\n    const shouldLoadCaptcha = !!hotel?.googleReCaptcha?.loadForMembers && !!hotel?.googleReCaptcha?.siteKey;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (shouldLoadCaptcha) {\n            RoomstayThemeEngine.loadScript('https://www.google.com/recaptcha/api.js', 'Google ReCaptcha').then(() => {\n                try {\n                    (window as any).grecaptcha.ready(() => {\n                        if (!cancelled) {\n                            setCaptchaScriptLoaded(true);\n                        }\n                    });\n                } catch (ex) {\n                    console.log('Captcha loaded too quickly, will try again');\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel]);\n\n    useEffect(() => {\n        if (shouldLoadCaptcha && captchaScriptLoaded && captchaRef?.current && !captchaRendered && props.isOpen) {\n            try {\n                setTimeout(() => {\n                    const captchaCallback = (secret: string) => {\n                        setReCaptchaSecret(secret);\n                        setCaptchaError(undefined);\n                    };\n\n                    (window as any).grecaptcha.render(captchaRef.current, {\n                        sitekey: hotel.googleReCaptcha?.siteKey,\n                        callback: captchaCallback,\n                    });\n\n                    setCaptchaRendered(true);\n                }, 5);\n            } catch (ex) {\n                console.log(ex);\n\n                Sentry.captureException(ex);\n            }\n        }\n    }, [props.isOpen, captchaScriptLoaded, captchaRef, captchaRef?.current, captchaRendered]);\n\n    useEffect(() => {\n        if (!props.isOpen) {\n            setReCaptchaSecret(null);\n            setCaptchaError(null);\n            setCaptchaRendered(false);\n        }\n    }, [props.isOpen]);\n\n    const getValidationClass = (name: string) => {\n        if (errors && (formState.touchedFields[name] || showErrors)) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const methods = useForm({\n        mode: 'onChange',\n    });\n\n    const { formState, register } = methods;\n    const errors = methods.formState.errors;\n\n    const onSubmit = async () => {\n        if (shouldLoadCaptcha && (!reCaptchaSecret || reCaptchaSecret === '')) {\n            setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.PleaseTick));\n            return;\n        }\n\n        await signUpMember();\n    };\n\n    const signUpMember = async () => {\n        setIsLoading(true);\n        const { FirstName, LastName, Email, ...extra } = methods.getValues();\n\n        if (!FirstName || !LastName || !Email) {\n            setIsLoading(false);\n            ErrorHandler.add({\n                title: 'Required fields in the Member Signup are missing.',\n                message: 'First Name, Last Name, and Email Mandatory Fields, make sure that these fields are present to avoid loss of data.',\n            });\n\n            return;\n        }\n\n        try {\n            const extraFields = Object.keys(extra).map((extraFieldKey: string) => {\n                return { name: extraFieldKey, value: extra[extraFieldKey] };\n            });\n\n            const response = await API.Member.addMember(FirstName, LastName, Email, extraFields, hotel?.hotelID as string, reCaptchaSecret as string);\n\n            if (response.error) {\n                setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));\n            } else {\n                ccx.signUserIn(Email);\n\n                if (hotel?.memberOnlyPromoCode && !ccx.memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n                    basketContext.currentBasketRows?.forEach((row) => {\n                        row.setPromoCode(hotel?.memberOnlyPromoCode as string);\n                        basketContext.updateBasketRow(row);\n                    });\n                }\n            }\n        } catch (e) {\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Message),\n            });\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const modalInputs: MemberOnlyModalInputs = hotel?.memberOnlySignupInputs ?? MemberOnlyModalDefaultInputs;\n\n    const loadingOnClose = () => {\n        setIsLoading(false);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const buttonOnClickHandler = async () => {\n        await methods.handleSubmit(onSubmit)();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    const modalTitle =\n        ccx?.memberOnlyModalPromotion?.memberOnlyModalTitle ??\n        t(Translation.MemberOnlyPopup.Headline, {\n            companyShort: ccx?.companyShort,\n        });\n\n    const modalSubtitle = ccx?.memberOnlyModalPromotion?.memberOnlyModalSubtitle ?? t(Translation.MemberOnlyPopup.Subtitle);\n\n    const modalButtonText = ccx?.memberOnlyModalPromotion?.memberOnlyModalButtonText ?? t(Translation.MemberOnlyPopup.SubmitButtonText);\n    const modalLeadImage = ccx?.memberOnlyModalPromotion?.memberOnlyModalImage ?? hotel?.heroImage;\n\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={loadingOnClose} size={SimpleModalSize.Normal} alignCenter>\n            <div className=\"row\">\n                <div\n                    className=\"col-md-6 u-mh-none\"\n                    style={{\n                        background: 'url(\"' + modalLeadImage + '\")',\n                        backgroundRepeat: 'no-repeat',\n                        backgroundPosition: 'center',\n                        backgroundSize: 'cover',\n                    }}\n                />\n                <div className=\"col-md-6\">\n                    <div className=\"u-pad u-pad-heavy@m-\">\n                        <div className=\"u-marg-bottom-half\">\n                            <Icon\n                                icon={IconType.Money}\n                                size=\"24px\"\n                                color={modalPrimaryColor}\n                                useColorAsBackground={hotel?.memberOnlyModalUsePrimaryColor}\n                                backgroundColor={Color.SuccessTint}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom-half\">\n                            <Headline bold color={modalPrimaryColor}>\n                                <div\n                                    style={{ color: modalPrimaryColor }}\n                                    dangerouslySetInnerHTML={{\n                                        __html: modalTitle as string,\n                                    }}\n                                ></div>\n                            </Headline>\n                        </div>\n                        <div className=\"u-marg-bottom\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <span dangerouslySetInnerHTML={{ __html: modalSubtitle as string }}></span>\n                            </Text>\n                        </div>\n                        <FormProvider {...methods}>\n                            <div>\n                                {modalInputs.Lines.map((inputLine, lineIndex) => {\n                                    return (\n                                        <InputGroup dimensions={inputLine.Dimension} key={lineIndex}>\n                                            {inputLine.Inputs.map((input, inputIndex) => {\n                                                switch (input.type) {\n                                                    case 'TextBox':\n                                                        return (\n                                                            <TextBox\n                                                                key={inputIndex}\n                                                                wide\n                                                                placeholder={input.placeholder}\n                                                                required={input.isRequired}\n                                                                validationStatus={getValidationClass(input.name)}\n                                                                {...register(input.name, {\n                                                                    required: input.isRequired,\n                                                                    validate: input.validate,\n                                                                })}\n                                                            />\n                                                        );\n                                                }\n                                            })}\n                                        </InputGroup>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-top--light\" style={{ marginBottom: '45px' }}>\n                                {captchaScriptLoaded && (\n                                    <>\n                                        {captchaError && (\n                                            <Text type={TextType.Label} color={Color.Alert}>\n                                                {captchaError}\n                                            </Text>\n                                        )}\n                                        <div ref={captchaRef} className=\"u-marg-bottom\"></div>\n                                    </>\n                                )}\n                                <BEButton\n                                    size=\"normal\"\n                                    filled\n                                    primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                    success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                    isLoading={isLoading}\n                                    stopIconAnimation\n                                    icon={context.screenSize > ScreenSize.Mobile ? IconType.ArrowRight : undefined}\n                                    onClick={buttonOnClickHandler}\n                                >\n                                    {modalButtonText}\n                                </BEButton>\n                            </div>\n                        </FormProvider>\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                        </Text>{' '}\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -38,21 +38,22 @@ function RoomDetailsBedsBlock(props) {
     const extraRoomData = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.rooms) === null || _a === void 0 ? void 0 : _a[(_b = props.room) === null || _b === void 0 ? void 0 : _b.code];
     const roomSize = (_c = hotel === null || hotel === void 0 ? void 0 : hotel.overwrites) === null || _c === void 0 ? void 0 : _c[(_d = props.room) === null || _d === void 0 ? void 0 : _d.code];
     const textColor = (_e = props.textColor) !== null && _e !== void 0 ? _e : Color_1.Color.DarkGrey;
-    return (react_1.default.createElement("ul", { className: "u-list-inline-flex u-marg-bottom" },
-        react_1.default.createElement("li", { className: "align-items-center" },
+    let bedType = `${(extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity) > 0 ? extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity : ''} ${extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedType}`;
+    if (extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedTypeOverride) {
+        bedType = extraRoomData.bedTypeOverride;
+    }
+    return (react_1.default.createElement("ul", { className: "u-inline-flex u-flex-gap u-flex-wrap u-marg-bottom" },
+        react_1.default.createElement("li", { className: "u-flex align-items-center" },
             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.People, size: "24px", color: Color_1.Color.Navy }),
             react_1.default.createElement("div", { className: "u-pad-left--light" },
                 react_1.default.createElement(Text_1.Text, { type: Text_1.TextType.Small, inline: true, color: textColor },
                     "Sleeps ", extraRoomData === null || extraRoomData === void 0 ? void 0 :
                     extraRoomData.maxOccupancy))),
-        react_1.default.createElement("li", { className: "u-pad-left align-items-center" },
+        react_1.default.createElement("li", { className: "u-flex align-items-center" },
             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Bed, size: "24px", color: Color_1.Color.Navy }),
             react_1.default.createElement("div", { className: "u-pad-left--light" },
-                react_1.default.createElement(Text_1.Text, { type: Text_1.TextType.Small, inline: true, color: textColor },
-                    (extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity) > 0 ? extraRoomData === null || extraRoomData === void 0 ? void 0 : extraRoomData.bedQuantity : '',
-                    " ", extraRoomData === null || extraRoomData === void 0 ? void 0 :
-                    extraRoomData.bedType))),
-        !!(roomSize === null || roomSize === void 0 ? void 0 : roomSize.RoomDimensions) && (react_1.default.createElement("li", { className: "u-pad-left align-items-center" },
+                react_1.default.createElement(Text_1.Text, { type: Text_1.TextType.Small, inline: true, color: textColor }, bedType))),
+        !!(roomSize === null || roomSize === void 0 ? void 0 : roomSize.RoomDimensions) && (react_1.default.createElement("li", { className: "u-flex align-items-center" },
             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.RoomSize, size: "24px", color: Color_1.Color.Navy }),
             react_1.default.createElement("div", { className: "u-pad-left--light" },
                 react_1.default.createElement(Text_1.Text, { type: Text_1.TextType.Small, inline: true, color: textColor }, roomSize.RoomDimensions))))));

package/dist/src/components/steps/room/roomDetails/RoomDetailsBedsBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uEAAgE;AAChE,wCAAqC;AACrC,oDAA2D;AAC3D,2CAAkD;AAQlD,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAc,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAc,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,aAAK,CAAC,QAAQ,CAAC;IAEpD,OAAO,CACH,sCAAI,SAAS,EAAC,kCAAkC;QAC5C,sCAAI,SAAS,EAAC,oBAAoB;YAC9B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC9D,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS;+BACvC,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,YAAY,CAChC,CACL,CACL;QACL,sCAAI,SAAS,EAAC,+BAA+B;YACzC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC3D,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS;oBAC9C,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAsB,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,CAAC,EAAE;yBAAG,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,OAAO,CACnG,CACL,CACL;QACJ,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,IAAI,CAC3B,sCAAI,SAAS,EAAC,+BAA+B;YACzC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAChE,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS,IAC9C,QAAQ,CAAC,cAAc,CACrB,CACL,CACL,CACR,CACA,CACR,CAAC;AACN,CAAC;AAtCD,oDAsCC","sourcesContent":["import React from 'react';\nimport { Room } from '@/models/Room/Room';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n\n    const extraRoomData = hotel?.rooms?.[props.room?.code as string];\n    const roomSize = hotel?.overwrites?.[props.room?.code as string];\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    return (\n        <ul className=\"u-list-inline-flex u-marg-bottom\">\n            <li className=\"align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        Sleeps {extraRoomData?.maxOccupancy}\n                    </Text>\n                </div>\n            </li>\n            <li className=\"u-pad-left align-items-center\">\n                <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        {(extraRoomData?.bedQuantity as number) > 0 ? extraRoomData?.bedQuantity : ''} {extraRoomData?.bedType}\n                    </Text>\n                </div>\n            </li>\n            {!!roomSize?.RoomDimensions && (\n                <li className=\"u-pad-left align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {roomSize.RoomDimensions}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uEAAgE;AAChE,wCAAqC;AACrC,oDAA2D;AAC3D,2CAAkD;AAQlD,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAc,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAc,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,aAAK,CAAC,QAAQ,CAAC;IAEpD,IAAI,OAAO,GAAG,GAAG,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAsB,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,EAAE,CAAC;IAC1H,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,EAAE;QAChC,OAAO,GAAG,aAAa,CAAC,eAAe,CAAC;KAC3C;IAED,OAAO,CACH,sCAAI,SAAS,EAAC,oDAAoD;QAC9D,sCAAI,SAAS,EAAC,2BAA2B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC9D,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS;+BACvC,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,YAAY,CAChC,CACL,CACL;QACL,sCAAI,SAAS,EAAC,2BAA2B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC3D,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS,IAC9C,OAAO,CACL,CACL,CACL;QACJ,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,IAAI,CAC3B,sCAAI,SAAS,EAAC,2BAA2B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAChE,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,QAAC,KAAK,EAAE,SAAS,IAC9C,QAAQ,CAAC,cAAc,CACrB,CACL,CACL,CACR,CACA,CACR,CAAC;AACN,CAAC;AA3CD,oDA2CC","sourcesContent":["import React from 'react';\nimport { Room } from '@/models/Room/Room';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n\n    const extraRoomData = hotel?.rooms?.[props.room?.code as string];\n    const roomSize = hotel?.overwrites?.[props.room?.code as string];\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    let bedType = `${(extraRoomData?.bedQuantity as number) > 0 ? extraRoomData?.bedQuantity : ''} ${extraRoomData?.bedType}`;\n    if (extraRoomData?.bedTypeOverride) {\n        bedType = extraRoomData.bedTypeOverride;\n    }\n\n    return (\n        <ul className=\"u-inline-flex u-flex-gap u-flex-wrap u-marg-bottom\">\n            <li className=\"u-flex align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        Sleeps {extraRoomData?.maxOccupancy}\n                    </Text>\n                </div>\n            </li>\n            <li className=\"u-flex align-items-center\">\n                <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        {bedType}\n                    </Text>\n                </div>\n            </li>\n            {!!roomSize?.RoomDimensions && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {roomSize.RoomDimensions}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}

package/dist/src/contexts/BasketContext/BasketContextWrapper.js

@@ -107,6 +107,7 @@ function BasketContextWrapper(props) {
         if (!startDate || !endDate) {
             return;
         }
+        DataLayer_1.default.instance.sendDateSelection(startDate, endDate);
         (_a = beContext.sessionProvider) === null || _a === void 0 ? void 0 : _a.updateSession({
             startDate,
             endDate,