@roomstay/frontend 2.1.25 → 2.1.27

package/dist/src/components/generic/Select/InputSelect.js

@@ -30,6 +30,8 @@ const react_1 = __importStar(require("react"));
 const TextBox_1 = __importDefault(require("../TextBox"));
 const Select_1 = require("./Select");
 const AutoFocusOnSelect_1 = require("../../../hooks/AutoFocusOnSelect");
+const InputSelect_module_scss_1 = __importDefault(require("./InputSelect.module.scss"));
+const Icon_1 = require("../Icon/Icon");
 function InputSelect({ value, onChange, options, keyName, labelName, label, placeholder, required, validationStatus, }) {
     var _a;
     const [container, setContainer] = (0, react_1.useState)(null);
@@ -43,14 +45,13 @@ function InputSelect({ value, onChange, options, keyName, labelName, label, plac
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(TextBox_1.default, { label: label, inputProps: {
                 onClick: onTriggerClicked,
-            }, value: ((_a = getOption(value)) === null || _a === void 0 ? void 0 : _a.text) || '', ref: innerRef, placeholder: placeholder, required: required, validationStatus: validationStatus }),
-        react_1.default.createElement("div", { ref: setContainer }),
+                autoComplete: 'off',
+            }, value: ((_a = getOption(value)) === null || _a === void 0 ? void 0 : _a.text) || '', ref: innerRef, placeholder: placeholder, required: required, validationStatus: validationStatus, className: InputSelect_module_scss_1.default['text-input'], icon: Icon_1.IconType.ArrowDown2, iconPosition: "right" }),
+        react_1.default.createElement("div", { ref: setContainer, style: { width: '100%', display: 'block' } }),
         react_1.default.createElement(Select_1.Select, { keyName: keyName, labelName: labelName, options: options, target: container, onClose: onDropdownClosed, onChange: (value) => {
                 onItemSelected();
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);
-            }, open: isDropdownOpen, overlay: {
-                className: 'w-100',
-            } })));
+            }, open: isDropdownOpen })));
 }
 exports.default = InputSelect;
 //# sourceMappingURL=InputSelect.js.map

package/dist/src/components/generic/Select/InputSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","sourceRoot":"/","sources":["src/components/generic/Select/InputSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,2EAAqE;AACrE,+DAAiF;AACjF,iEAAiE;AAOjE,SAAwB,WAAW,CAA0D,EACzF,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,GACkB;;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAuB,EAAE;QAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAoB,EAAC;QAChG,GAAG,EAAE,QAAQ,CAAC,OAAO;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,8BAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;gBACR,OAAO,EAAE,gBAAgB;aAC5B,EACD,KAAK,EAAE,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,0CAAE,IAAI,KAAI,EAAE,EACnC,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GACpC;QACF,uCAAK,GAAG,EAAE,YAAY,GAAI;QAC1B,8BAAC,eAAM,IACH,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,cAAc,EAAE,CAAC;gBACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;YACtB,CAAC,EACD,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE;gBACL,SAAS,EAAE,OAAO;aACrB,GACH,CACH,CACN,CAAC;AACN,CAAC;AArDD,8BAqDC","sourcesContent":["import React, { ReactElement, useRef, useState } from 'react';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { Option, Select, SelectProps } from '@/components/generic/Select/Select';\nimport { useAutoFocusOnSelect } from '@/hooks/AutoFocusOnSelect';\n\ntype IInputSelectProps<TOption extends Option<KeyName>, KeyName extends string> = Pick<SelectProps<TOption, KeyName>, 'value' | 'onChange' | 'keyName' | 'labelName'> &\n    Pick<TextBoxProps, 'label' | 'placeholder' | 'required' | 'validationStatus'> & {\n        options: TOption[];\n    };\n\nexport default function InputSelect<TOption extends Option<KeyName>, KeyName extends string>({\n    value,\n    onChange,\n    options,\n    keyName,\n    labelName,\n    label,\n    placeholder,\n    required,\n    validationStatus,\n}: IInputSelectProps<TOption, KeyName>): ReactElement | null {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const getOption = (key?: TOption[KeyName]): TOption | undefined => {\n        return options.find((option) => option[keyName] === key);\n    };\n\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen } = useAutoFocusOnSelect({\n        ref: innerRef.current,\n    });\n\n    return (\n        <>\n            <TextBox\n                label={label}\n                inputProps={{\n                    onClick: onTriggerClicked,\n                }}\n                value={getOption(value)?.text || ''}\n                ref={innerRef}\n                placeholder={placeholder}\n                required={required}\n                validationStatus={validationStatus}\n            />\n            <div ref={setContainer} />\n            <Select<TOption, KeyName>\n                keyName={keyName}\n                labelName={labelName}\n                options={options}\n                target={container}\n                onClose={onDropdownClosed}\n                onChange={(value) => {\n                    onItemSelected();\n                    onChange?.(value);\n                }}\n                open={isDropdownOpen}\n                overlay={{\n                    className: 'w-100',\n                }}\n            />\n        </>\n    );\n}\n"]}
+{"version":3,"file":"InputSelect.js","sourceRoot":"/","sources":["src/components/generic/Select/InputSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,2EAAqE;AACrE,+DAAiF;AACjF,iEAAiE;AAEjE,wFAA+C;AAC/C,uCAAwC;AAOxC,SAAwB,WAAW,CAA0D,EACzF,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,GACkB;;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAuB,EAAE;QAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAoB,EAAC;QAChG,GAAG,EAAE,QAAQ,CAAC,OAAO;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,8BAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,YAAY,EAAE,KAAK;aACtB,EACD,KAAK,EAAE,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,0CAAE,IAAI,KAAI,EAAE,EACnC,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,iCAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,YAAY,EAAC,OAAO,GACtB;QACF,uCAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;QACtE,8BAAC,eAAM,IACH,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,cAAc,EAAE,CAAC;gBACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;YACtB,CAAC,EACD,IAAI,EAAE,cAAc,GACtB,CACH,CACN,CAAC;AACN,CAAC;AAtDD,8BAsDC","sourcesContent":["import React, { ReactElement, useRef, useState } from 'react';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { Option, Select, SelectProps } from '@/components/generic/Select/Select';\nimport { useAutoFocusOnSelect } from '@/hooks/AutoFocusOnSelect';\n\nimport styles from './InputSelect.module.scss';\nimport { IconType } from '../Icon/Icon';\n\ntype IInputSelectProps<TOption extends Option<KeyName>, KeyName extends string> = Pick<SelectProps<TOption, KeyName>, 'value' | 'onChange' | 'keyName' | 'labelName'> &\n    Pick<TextBoxProps, 'label' | 'placeholder' | 'required' | 'validationStatus'> & {\n        options: TOption[];\n    };\n\nexport default function InputSelect<TOption extends Option<KeyName>, KeyName extends string>({\n    value,\n    onChange,\n    options,\n    keyName,\n    labelName,\n    label,\n    placeholder,\n    required,\n    validationStatus,\n}: IInputSelectProps<TOption, KeyName>): ReactElement | null {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const getOption = (key?: TOption[KeyName]): TOption | undefined => {\n        return options.find((option) => option[keyName] === key);\n    };\n\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen } = useAutoFocusOnSelect({\n        ref: innerRef.current,\n    });\n\n    return (\n        <>\n            <TextBox\n                label={label}\n                inputProps={{\n                    onClick: onTriggerClicked,\n                    autoComplete: 'off',\n                }}\n                value={getOption(value)?.text || ''}\n                ref={innerRef}\n                placeholder={placeholder}\n                required={required}\n                validationStatus={validationStatus}\n                className={styles['text-input']}\n                icon={IconType.ArrowDown2}\n                iconPosition=\"right\"\n            />\n            <div ref={setContainer} style={{ width: '100%', display: 'block' }} />\n            <Select<TOption, KeyName>\n                keyName={keyName}\n                labelName={labelName}\n                options={options}\n                target={container}\n                onClose={onDropdownClosed}\n                onChange={(value) => {\n                    onItemSelected();\n                    onChange?.(value);\n                }}\n                open={isDropdownOpen}\n            />\n        </>\n    );\n}\n"]}

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

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import { IconType } from './Icon/Icon';
 export interface TextBoxProps {
     icon?: IconType;
+    iconPosition?: 'left' | 'right';
     placeholder?: string;
     wide?: boolean;
     type?: 'text' | 'tel' | 'password' | 'email';

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

@@ -35,6 +35,7 @@ const TextBox = (props, ref) => {
     const inputProperties = Object.assign({ type, className: 'text-small', placeholder: props.placeholder }, props.inputProps);
     if (props.name) {
         inputProperties.name = props.name;
+        inputProperties.id = `${props.name}${type}Input`;
     }
     if (props.required) {
         inputProperties.required = props.required;
@@ -53,6 +54,7 @@ const TextBox = (props, ref) => {
     }
     const classes = (0, classnames_1.default)('textbox c-input', {
         '--has-icon': !!icon,
+        [`--icon-${props.iconPosition}`]: !!props.iconPosition,
         '--selected': selected,
         '--wide': props.wide,
         '--success': props.validationStatus === 'success',
@@ -65,15 +67,14 @@ const TextBox = (props, ref) => {
     const onBlurHandler = () => {
         return setSelected(false);
     };
-    const id = `${props.name}${type}Input`;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        props.label && (react_1.default.createElement("label", { className: "text-bold d-flex u-marg-bottom--lighter", htmlFor: id },
+        props.label && (react_1.default.createElement("label", { className: "text-bold d-flex u-marg-bottom--lighter", htmlFor: inputProperties.id },
             react_1.default.createElement(react_1.default.Fragment, null,
                 props.label,
                 (props === null || props === void 0 ? void 0 : props.required) && react_1.default.createElement("div", { style: { color: 'red' } }, "*")))),
         react_1.default.createElement("label", { className: classes },
             icon,
-            react_1.default.createElement("input", Object.assign({}, inputProperties, { id: id, ref: ref, value: props.value, onFocus: onFocusHandler, onBlur: onBlurHandler, onKeyPress: props.onKeyPress })))));
+            react_1.default.createElement("input", Object.assign({}, inputProperties, { ref: ref, value: props.value, onFocus: onFocusHandler, onBlur: onBlurHandler, onKeyPress: props.onKeyPress })))));
 };
 exports.default = react_1.default.forwardRef(TextBox);
 //# sourceMappingURL=TextBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextBox.js","sourceRoot":"/","sources":["src/components/generic/TextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,0EAAgE;AAEhE,4DAAoC;AAwBpC,MAAM,OAAO,GAA6D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,MAAM,eAAe,mBACjB,IAAI,EACJ,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC3B,KAAK,CAAC,UAAU,CACtB,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;KAC7C;IAED,MAAM,QAAQ,GAA+C,CAAC,CAAC,EAAE,EAAE;QAC/D,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,QAAQ,CAAC;KACvC;IAED,IAAI,IAAI,GAAc,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,IAAI,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KAChD;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EACtB,iBAAiB,EACjB;QACI,YAAY,EAAE,CAAC,CAAC,IAAI;QACpB,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,KAAK,CAAC,IAAI;QACpB,WAAW,EAAE,KAAK,CAAC,gBAAgB,KAAK,SAAS;QACjD,SAAS,EAAE,KAAK,CAAC,gBAAgB,KAAK,OAAO;QAC7C,YAAY,EAAE,eAAe,CAAC,QAAQ;KACzC,EACD,KAAK,CAAC,SAAS,CAClB,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,OAAO,CAAC;IAEvC,OAAO,CACH;QACK,KAAK,CAAC,KAAK,IAAI,CACZ,yCAAO,SAAS,EAAC,yCAAyC,EAAC,OAAO,EAAE,EAAE;YAClE;gBACK,KAAK,CAAC,KAAK;gBACX,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAS,CAC1D,CACC,CACX;QACD,yCAAO,SAAS,EAAE,OAAO;YACpB,IAAI;YACL,yDAAW,eAAe,IAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CAC9I,CACT,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import React, { ForwardRefRenderFunction, ReactNode, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nexport interface TextBoxProps {\n    icon?: IconType;\n    placeholder?: string;\n    wide?: boolean;\n    type?: 'text' | 'tel' | 'password' | 'email';\n    name?: string;\n    required?: boolean;\n    label?: ReactNode;\n\n    validationStatus?: 'success' | 'error';\n\n    value?: string;\n\n    className?: string;\n\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\n    inputProps?: Omit<JSX.IntrinsicElements['input'], 'id' | 'ref' | 'value' | 'onFocus' | 'onBlur' | 'onKeyPress'>;\n\n    onKeyPress?: JSX.IntrinsicElements['input']['onKeyPress'];\n}\n\nconst TextBox: ForwardRefRenderFunction<HTMLInputElement, TextBoxProps> = (props, ref) => {\n    const [selected, setSelected] = useState(false);\n\n    const type = props.type ? props.type : 'text';\n    const inputProperties: JSX.IntrinsicElements['input'] = {\n        type,\n        className: 'text-small',\n        placeholder: props.placeholder,\n        ...props.inputProps,\n    };\n\n    if (props.name) {\n        inputProperties.name = props.name;\n    }\n\n    if (props.required) {\n        inputProperties.required = props.required;\n    }\n\n    const onChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {\n        if (props.onChange) {\n            props.onChange(e);\n        }\n    };\n\n    if (props.onChange) {\n        inputProperties.onChange = onChange;\n    }\n\n    let icon: ReactNode = '';\n\n    if (props.icon) {\n        icon = <Icon icon={props.icon} size=\"1em\" />;\n    }\n\n    const classes = classNames(\n        'textbox c-input',\n        {\n            '--has-icon': !!icon,\n            '--selected': selected,\n            '--wide': props.wide,\n            '--success': props.validationStatus === 'success',\n            '--error': props.validationStatus === 'error',\n            '--disabled': inputProperties.disabled,\n        },\n        props.className\n    );\n    const onFocusHandler = () => {\n        return setSelected(true);\n    };\n    const onBlurHandler = () => {\n        return setSelected(false);\n    };\n\n    const id = `${props.name}${type}Input`;\n\n    return (\n        <>\n            {props.label && (\n                <label className=\"text-bold d-flex u-marg-bottom--lighter\" htmlFor={id}>\n                    <>\n                        {props.label}\n                        {props?.required && <div style={{ color: 'red' }}>*</div>}\n                    </>\n                </label>\n            )}\n            <label className={classes}>\n                {icon}\n                <input {...inputProperties} id={id} ref={ref} value={props.value} onFocus={onFocusHandler} onBlur={onBlurHandler} onKeyPress={props.onKeyPress} />\n            </label>\n        </>\n    );\n};\n\nexport default React.forwardRef(TextBox);\n"]}
+{"version":3,"file":"TextBox.js","sourceRoot":"/","sources":["src/components/generic/TextBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ForwardRefRenderFunction, ReactNode, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nexport interface TextBoxProps {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    placeholder?: string;\n    wide?: boolean;\n    type?: 'text' | 'tel' | 'password' | 'email';\n    name?: string;\n    required?: boolean;\n    label?: ReactNode;\n\n    validationStatus?: 'success' | 'error';\n\n    value?: string;\n\n    className?: string;\n\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\n    inputProps?: Omit<JSX.IntrinsicElements['input'], 'id' | 'ref' | 'value' | 'onFocus' | 'onBlur' | 'onKeyPress'>;\n\n    onKeyPress?: JSX.IntrinsicElements['input']['onKeyPress'];\n}\n\nconst TextBox: ForwardRefRenderFunction<HTMLInputElement, TextBoxProps> = (props, ref) => {\n    const [selected, setSelected] = useState(false);\n\n    const type = props.type ? props.type : 'text';\n    const inputProperties: JSX.IntrinsicElements['input'] = {\n        type,\n        className: 'text-small',\n        placeholder: props.placeholder,\n        ...props.inputProps,\n    };\n\n    if (props.name) {\n        inputProperties.name = props.name;\n        inputProperties.id = `${props.name}${type}Input`;\n    }\n\n    if (props.required) {\n        inputProperties.required = props.required;\n    }\n\n    const onChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {\n        if (props.onChange) {\n            props.onChange(e);\n        }\n    };\n\n    if (props.onChange) {\n        inputProperties.onChange = onChange;\n    }\n\n    let icon: ReactNode = '';\n\n    if (props.icon) {\n        icon = <Icon icon={props.icon} size=\"1em\" />;\n    }\n\n    const classes = classNames(\n        'textbox c-input',\n        {\n            '--has-icon': !!icon,\n            [`--icon-${props.iconPosition}`]: !!props.iconPosition,\n            '--selected': selected,\n            '--wide': props.wide,\n            '--success': props.validationStatus === 'success',\n            '--error': props.validationStatus === 'error',\n            '--disabled': inputProperties.disabled,\n        },\n        props.className\n    );\n    const onFocusHandler = () => {\n        return setSelected(true);\n    };\n    const onBlurHandler = () => {\n        return setSelected(false);\n    };\n\n    return (\n        <>\n            {props.label && (\n                <label className=\"text-bold d-flex u-marg-bottom--lighter\" htmlFor={inputProperties.id}>\n                    <>\n                        {props.label}\n                        {props?.required && <div style={{ color: 'red' }}>*</div>}\n                    </>\n                </label>\n            )}\n            <label className={classes}>\n                {icon}\n                <input {...inputProperties} ref={ref} value={props.value} onFocus={onFocusHandler} onBlur={onBlurHandler} onKeyPress={props.onKeyPress} />\n            </label>\n        </>\n    );\n};\n\nexport default React.forwardRef(TextBox);\n"]}

package/dist/src/contexts/CompanyContext/CompanyContextWrapper.js

@@ -117,6 +117,7 @@ const CompanyContextWrapper = ({ configCompany: company, children }) => {
             updatedHotel.planpay = details.planpay;
             updatedHotel.hotelUrl = details.hotelUrl || updatedHotel.hotelUrl || '';
             updatedHotel.heroImage = details.heroImage || updatedHotel.heroImage || '';
+            updatedHotel.images = details.images || [];
             if (updatedHotel.dataSource === HotelDataSource_types_1.HotelDataSource.Roomstay) {
                 if (details.logo) {
                     updatedHotel.logo = details.logo;

package/dist/src/contexts/CompanyContext/CompanyContextWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompanyContextWrapper.js","sourceRoot":"/","sources":["src/contexts/CompanyContext/CompanyContextWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState, useEffect, useContext, ReactChild, useCallback } from 'react';\n\nimport { BookingEngineContext, CompanyContext, CompanyContextType } from '@frontend/contexts';\nimport type { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport type { ConfigHotel, Hotel, InitialHotelDetailsEventPayload } from '@/models/Client/Hotel/Hotel';\nimport { Language } from '@/providers/LanguageProvider';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport TimeHelper from '@/util/TimeHelper';\nimport API from '@/api/BookingAPI';\nimport BasketRow from '@/models/BasketRow';\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport CurrencyProvider from '@/providers/CurrencyProvider';\nimport StaticContextProvider from '@/providers/StaticContextProvider';\nimport DataLayer from '@/util/DataLayer';\nimport StepManager from '@/util/StepManager';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport { InitialHotelDetailsEvent } from '@frontend/events';\nimport { useEvent } from '@frontend/hooks';\nimport { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { MemberOnlyFenceSignUp } from '@/events/actions/MemberOnlyFence/MemberOnlyFenceSignUp';\n\ninterface CompanyContextWrapperProps {\n    children: ReactChild;\n    configCompany: ConfigCompany;\n}\n\nexport const CompanyContextWrapper = ({ configCompany: company, children }: CompanyContextWrapperProps) => {\n    const beContext = useContext(BookingEngineContext);\n\n    const getSelectedHotel = () => {\n        for (const hotel of hotels) {\n            if (selectedHotelID + '' === hotel.hotelID + '') {\n                return hotel;\n            }\n        }\n    };\n\n    const [name, setName] = useState(company.name);\n    const [companyShort, setCompanyShort] = useState(company.companyShort);\n    const [logo, setLogo] = useState(company.logo);\n    const [colors, setColors] = useState(company.colors);\n    const [hotels, setHotels] = useState<Hotel[]>(company.hotels as Hotel[]);\n    const [logoLink, setLogoLink] = useState(company.logoLink);\n    const [brandSuffix, setBrandSuffix] = useState(company.brandSuffix);\n\n    const [selectedHotelID, setSelectedHotelID] = useState<string>();\n\n    const [currentCurrency, setCurrentCurrency] = useState<string>(getSelectedHotel()?.defaultCurrency ?? 'AUD');\n    const [currentLanguage, setCurrentLanguage] = useState<Language>(getSelectedHotel()?.defaultLanguage ?? Language.en_us);\n\n    const [memberOnlyModalPromotion, setMemberOnlyModalPromotion] = useState<IPromotion | null>(null);\n\n    const [signedInUser, setSignedInUser] = useState<string | null>(null);\n    const [isSigningIn, setIsSigningIn] = useState(false);\n\n    const { raise } = useEvent();\n\n    const getHotelFromArrayWithId = (id: string, arrayOfHotels: Hotel[] | ConfigHotel[]) => {\n        for (const nextHotel of arrayOfHotels) {\n            if (nextHotel.hotelID + '' === id + '') {\n                return nextHotel;\n            }\n        }\n    };\n    const getHotelFromID = (id: string): Hotel => {\n        return getHotelFromArrayWithId(id, hotels) as Hotel;\n    };\n\n    const updateHotel = (newHotel: Hotel, callback?: (hotel: Hotel) => Hotel) => {\n        setHotels((oldHotels) => {\n            let modified = false;\n            const newHotelArray = oldHotels.map((mappingHotel) => {\n                if (mappingHotel.hotelID + '' === newHotel.hotelID + '') {\n                    modified = true;\n\n                    const hotelDetails: InitialHotelDetailsEventPayload = {\n                        name: newHotel.name,\n                        hotelID: newHotel.hotelID,\n                        hotelUrl: newHotel.hotelUrl,\n                        currency: newHotel.defaultCurrency,\n                        language: newHotel.defaultLanguage,\n                        address: newHotel.address,\n                    };\n\n                    const event = new InitialHotelDetailsEvent(hotelDetails);\n                    raise(event);\n\n                    if (callback) {\n                        return callback(mappingHotel);\n                    }\n\n                    return newHotel;\n                }\n\n                return mappingHotel;\n            });\n\n            if (!modified) {\n                newHotelArray.push(newHotel);\n            }\n\n            return newHotelArray;\n        });\n    };\n\n    const getHotel = useCallback(\n        (hotelId: string) =>\n            new Promise<Hotel>(async (resolve) => {\n                const currentHotelVersion: Hotel = getHotelFromID(hotelId) as Hotel;\n                const newHotel: Hotel = {\n                    ...currentHotelVersion,\n                };\n\n                const details = await API.Hotel.fetchData(currentLanguage, newHotel);\n\n                updateHotel(newHotel, (updatedHotel) => {\n                    updatedHotel.name = details.name;\n                    updatedHotel.address = details.address;\n\n                    updatedHotel.latitude = Number(details.latitude);\n                    updatedHotel.longitude = Number(details.longitude);\n                    updatedHotel.phone = details.phone;\n\n                    updatedHotel.checkInTime = TimeHelper.convert24To12hr(details.checkInTime);\n                    updatedHotel.checkOutTime = TimeHelper.convert24To12hr(details.checkOutTime);\n\n                    updatedHotel.paymentCardTypes = details.paymentCardTypes;\n                    updatedHotel.description = details.description;\n                    updatedHotel.locationDescription = details.locationDescription;\n                    updatedHotel.policies = details.policies;\n\n                    updatedHotel.hotelServices = details.hotelServices;\n                    updatedHotel.businessServices = details.businessServices;\n                    updatedHotel.rooms = details.rooms;\n\n                    updatedHotel.hasLoadedDetails = true;\n                    updatedHotel.dataSource = details.dataSource;\n\n                    updatedHotel.defaultCurrency = details.currencyCode;\n                    updatedHotel.paymentMethods = details.paymentMethods;\n                    updatedHotel.planpay = details.planpay;\n                    updatedHotel.hotelUrl = details.hotelUrl || updatedHotel.hotelUrl || '';\n                    updatedHotel.heroImage = details.heroImage || updatedHotel.heroImage || '';\n\n                    if (updatedHotel.dataSource === HotelDataSource.Roomstay) {\n                        if (details.logo) {\n                            updatedHotel.logo = details.logo;\n                        }\n\n                        if (details.colors) {\n                            updatedHotel.colors = details.colors as ColorProfile;\n                        }\n\n                        if (details.distanceUnitType) {\n                            updatedHotel.distanceUnitType = details.distanceUnitType;\n                        }\n\n                        if (details.weekdayStartsOn) {\n                            updatedHotel.startsWeekOnDay = details.weekdayStartsOn;\n                        }\n\n                        if (details.crossSellHotelIds) {\n                            updatedHotel.crossSellHotelIds = details.crossSellHotelIds;\n                        }\n                    }\n\n                    if (details.rooms) {\n                        const roomArray = Object.values(details.rooms);\n                        if (roomArray.length) {\n                            updatedHotel.maxOccupancy = roomArray.reduce((previousMax, current) => {\n                                return Math.max(previousMax, current.maxOccupancy);\n                            }, 0);\n                        }\n                    }\n\n                    resolve(updatedHotel);\n                    return updatedHotel;\n                });\n            }),\n        []\n    );\n\n    useEffect(() => {\n        setName(company.name);\n        setCompanyShort(company.companyShort);\n        setLogo(company.logo);\n        setColors(company.colors);\n        setLogoLink(company.logoLink);\n        setBrandSuffix(company.brandSuffix);\n\n        DataLayer.instance.setBrandSuffix(company.brandSuffix);\n\n        const configHotels = company.hotels.map((hotel: ConfigHotel) => {\n            return { ...hotel, hasLoadedDetails: false, hotelID: `${hotel.hotelID}` } as Hotel;\n        });\n        setHotels(configHotels);\n\n        if (company.selectedHotel) {\n            const hotelId = typeof company.selectedHotel === 'string' ? company.selectedHotel : company.selectedHotel.hotelID + '';\n            const targetHotel: ConfigHotel | undefined = getHotelFromArrayWithId(hotelId, configHotels);\n            if (targetHotel) {\n                setSelectedHotelID(hotelId);\n            } else {\n                // TODO: add centralized error logging\n                console.log(`Unable to set selected hotel automatically. No Hotel found with ID: ${company.selectedHotel}`);\n            }\n        } else {\n            /*\n                We need to check if for some reason HotelStep isn't set as the first step,\n                to automatically select a hotel, so engine doesn't fall over\n\n                Possible TODO: We might need to do this on a new Step level, instead of here, as dynamically checking if StepHotel\n                is first is probably not a great idea...\n            */\n\n            if (StepManager.getFirstStep() !== StepHotel) {\n                setSelectedHotelID(configHotels[0].hotelID);\n                console.log(`No selected hotel found - defaulting to ${configHotels[0].name}`);\n            }\n        }\n    }, [company]);\n\n    const onSelectedHotelIDChanged = React.useCallback(async () => {\n        if (selectedHotelID) {\n            const selectedHotel = await getHotel(selectedHotelID);\n\n            if (selectedHotel) {\n                CurrencyProvider.loadExchangeRates(selectedHotel.defaultCurrency ?? 'AUD');\n\n                StaticContextProvider.MemberOnlyRateCodes = selectedHotel.memberOnlyRates ?? [];\n\n                DataLayer.instance.setProviderHotelID(selectedHotel.providerHotelID);\n                DataLayer.instance.setHotelName(selectedHotel.name);\n\n                if (selectedHotel.datalayer?.gtmIds.length) {\n                    DataLayer.initialiseGTM(selectedHotel);\n                }\n\n                beContext.engine.getSessionProvider().setHotelID(selectedHotelID);\n\n                setCurrentCurrency(selectedHotel.defaultCurrency);\n\n                const existingUser = localStorage.getItem('hotel' + selectedHotel.hotelID + 'user');\n                if (existingUser) {\n                    setSignedInUser(existingUser);\n                }\n\n                selectedHotel?.onLoad?.();\n            }\n        } else {\n            DataLayer.instance.setProviderHotelID('');\n            DataLayer.instance.setHotelName(name);\n            if (company?.datalayer?.gtmIds.length) {\n                DataLayer.initialiseGTM(company);\n            }\n        }\n    }, [selectedHotelID]);\n\n    useEffect(() => {\n        onSelectedHotelIDChanged();\n    }, [onSelectedHotelIDChanged]);\n\n    useEffect(() => {\n        const selectedHotel = getSelectedHotel();\n\n        DataLayer.instance.setCurrencyCodes(currentCurrency, selectedHotel?.defaultCurrency ?? currentCurrency);\n    }, [currentCurrency, selectedHotelID]);\n\n    // TODO: Add Hotel Details fetch\n    // TODO: re-do fetch on language change\n\n    const workingContext: CompanyContextType = {\n        currentLanguage,\n        currentCurrency,\n\n        memberOnlyModalPromotion,\n\n        name,\n        companyShort,\n        logo,\n        logoLink,\n        brandSuffix,\n\n        colors,\n        hotels,\n\n        signedInUser: signedInUser as string,\n        isSigningIn,\n\n        selectedHotelID: selectedHotelID as string,\n\n        updateLowestPricePerNight: (hotel: string | Hotel, row: BasketRow) => {\n            const targetHotel = getHotelFromID(typeof hotel === 'string' ? hotel : hotel.hotelID + '');\n\n            if (targetHotel && row) {\n                const resetPriceToZero = (isLoading = false) => {\n                    updateHotel(targetHotel, (updatingHotel) => ({ ...updatingHotel, lowestPrice: { value: 0, isLoading } }));\n                };\n\n                resetPriceToZero(true);\n\n                API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), targetHotel.hotelID).then(\n                    (prices) => {\n                        let wasSet = false;\n                        if (prices) {\n                            let lowest = 0;\n                            const allPrices = Object.values(prices);\n                            if (allPrices?.length > 0) {\n                                lowest = Object.values(prices).reduce((prevValue, newValue) => (prevValue > newValue ? newValue : prevValue));\n\n                                wasSet = true;\n                                updateHotel(targetHotel, (updatingHotel) => ({ ...updatingHotel, lowestPrice: { value: lowest, isLoading: false } }));\n                            }\n                        }\n\n                        if (!wasSet) {\n                            resetPriceToZero();\n                        }\n                    }\n                );\n            }\n        },\n\n        changeHotel: (hotel: string | Hotel) => {\n            const targetHotel = getHotelFromID(typeof hotel === 'string' ? hotel : hotel.hotelID + '');\n\n            if (targetHotel) {\n                setSelectedHotelID(targetHotel.hotelID);\n                return true;\n            } else {\n                // TODO: add centralized error logging\n                console.log(`Unable to set selected hotel automatically. No Hotel found with ID: ${company.selectedHotel}`);\n                return false;\n            }\n        },\n\n        closeMemberSignupModal: () => {\n            setIsSigningIn(false);\n\n            setMemberOnlyModalPromotion(null);\n        },\n        openMemberSignupModal: (promotion?: IPromotion) => {\n            setIsSigningIn(true);\n\n            if (promotion) {\n                setMemberOnlyModalPromotion(promotion);\n            }\n        },\n        signUserIn: (user: string) => {\n            raise(new MemberOnlyFenceSignUp(memberOnlyModalPromotion as IPromotion));\n\n            DataLayer.instance.sendMemberSignUp();\n            workingContext.closeMemberSignupModal();\n            localStorage.setItem('hotel' + selectedHotelID + 'user', user);\n            setSignedInUser(user);\n        },\n\n        setCurrentCurrency,\n        setCurrentLanguage,\n\n        getHotel,\n    };\n\n    return <CompanyContext.Provider value={workingContext}>{children}</CompanyContext.Provider>;\n};\n"]}
+{"version":3,"file":"CompanyContextWrapper.js","sourceRoot":"/","sources":["src/contexts/CompanyContext/CompanyContextWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState, useEffect, useContext, ReactChild, useCallback } from 'react';\n\nimport { BookingEngineContext, CompanyContext, CompanyContextType } from '@frontend/contexts';\nimport type { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport type { ConfigHotel, Hotel, InitialHotelDetailsEventPayload } from '@/models/Client/Hotel/Hotel';\nimport { Language } from '@/providers/LanguageProvider';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport TimeHelper from '@/util/TimeHelper';\nimport API from '@/api/BookingAPI';\nimport BasketRow from '@/models/BasketRow';\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport CurrencyProvider from '@/providers/CurrencyProvider';\nimport StaticContextProvider from '@/providers/StaticContextProvider';\nimport DataLayer from '@/util/DataLayer';\nimport StepManager from '@/util/StepManager';\nimport StepHotel from '@/pages/steps/StepHotel/StepHotel';\nimport { InitialHotelDetailsEvent } from '@frontend/events';\nimport { useEvent } from '@frontend/hooks';\nimport { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { MemberOnlyFenceSignUp } from '@/events/actions/MemberOnlyFence/MemberOnlyFenceSignUp';\n\ninterface CompanyContextWrapperProps {\n    children: ReactChild;\n    configCompany: ConfigCompany;\n}\n\nexport const CompanyContextWrapper = ({ configCompany: company, children }: CompanyContextWrapperProps) => {\n    const beContext = useContext(BookingEngineContext);\n\n    const getSelectedHotel = () => {\n        for (const hotel of hotels) {\n            if (selectedHotelID + '' === hotel.hotelID + '') {\n                return hotel;\n            }\n        }\n    };\n\n    const [name, setName] = useState(company.name);\n    const [companyShort, setCompanyShort] = useState(company.companyShort);\n    const [logo, setLogo] = useState(company.logo);\n    const [colors, setColors] = useState(company.colors);\n    const [hotels, setHotels] = useState<Hotel[]>(company.hotels as Hotel[]);\n    const [logoLink, setLogoLink] = useState(company.logoLink);\n    const [brandSuffix, setBrandSuffix] = useState(company.brandSuffix);\n\n    const [selectedHotelID, setSelectedHotelID] = useState<string>();\n\n    const [currentCurrency, setCurrentCurrency] = useState<string>(getSelectedHotel()?.defaultCurrency ?? 'AUD');\n    const [currentLanguage, setCurrentLanguage] = useState<Language>(getSelectedHotel()?.defaultLanguage ?? Language.en_us);\n\n    const [memberOnlyModalPromotion, setMemberOnlyModalPromotion] = useState<IPromotion | null>(null);\n\n    const [signedInUser, setSignedInUser] = useState<string | null>(null);\n    const [isSigningIn, setIsSigningIn] = useState(false);\n\n    const { raise } = useEvent();\n\n    const getHotelFromArrayWithId = (id: string, arrayOfHotels: Hotel[] | ConfigHotel[]) => {\n        for (const nextHotel of arrayOfHotels) {\n            if (nextHotel.hotelID + '' === id + '') {\n                return nextHotel;\n            }\n        }\n    };\n    const getHotelFromID = (id: string): Hotel => {\n        return getHotelFromArrayWithId(id, hotels) as Hotel;\n    };\n\n    const updateHotel = (newHotel: Hotel, callback?: (hotel: Hotel) => Hotel) => {\n        setHotels((oldHotels) => {\n            let modified = false;\n            const newHotelArray = oldHotels.map((mappingHotel) => {\n                if (mappingHotel.hotelID + '' === newHotel.hotelID + '') {\n                    modified = true;\n\n                    const hotelDetails: InitialHotelDetailsEventPayload = {\n                        name: newHotel.name,\n                        hotelID: newHotel.hotelID,\n                        hotelUrl: newHotel.hotelUrl,\n                        currency: newHotel.defaultCurrency,\n                        language: newHotel.defaultLanguage,\n                        address: newHotel.address,\n                    };\n\n                    const event = new InitialHotelDetailsEvent(hotelDetails);\n                    raise(event);\n\n                    if (callback) {\n                        return callback(mappingHotel);\n                    }\n\n                    return newHotel;\n                }\n\n                return mappingHotel;\n            });\n\n            if (!modified) {\n                newHotelArray.push(newHotel);\n            }\n\n            return newHotelArray;\n        });\n    };\n\n    const getHotel = useCallback(\n        (hotelId: string) =>\n            new Promise<Hotel>(async (resolve) => {\n                const currentHotelVersion: Hotel = getHotelFromID(hotelId) as Hotel;\n                const newHotel: Hotel = {\n                    ...currentHotelVersion,\n                };\n\n                const details = await API.Hotel.fetchData(currentLanguage, newHotel);\n\n                updateHotel(newHotel, (updatedHotel) => {\n                    updatedHotel.name = details.name;\n                    updatedHotel.address = details.address;\n\n                    updatedHotel.latitude = Number(details.latitude);\n                    updatedHotel.longitude = Number(details.longitude);\n                    updatedHotel.phone = details.phone;\n\n                    updatedHotel.checkInTime = TimeHelper.convert24To12hr(details.checkInTime);\n                    updatedHotel.checkOutTime = TimeHelper.convert24To12hr(details.checkOutTime);\n\n                    updatedHotel.paymentCardTypes = details.paymentCardTypes;\n                    updatedHotel.description = details.description;\n                    updatedHotel.locationDescription = details.locationDescription;\n                    updatedHotel.policies = details.policies;\n\n                    updatedHotel.hotelServices = details.hotelServices;\n                    updatedHotel.businessServices = details.businessServices;\n                    updatedHotel.rooms = details.rooms;\n\n                    updatedHotel.hasLoadedDetails = true;\n                    updatedHotel.dataSource = details.dataSource;\n\n                    updatedHotel.defaultCurrency = details.currencyCode;\n                    updatedHotel.paymentMethods = details.paymentMethods;\n                    updatedHotel.planpay = details.planpay;\n                    updatedHotel.hotelUrl = details.hotelUrl || updatedHotel.hotelUrl || '';\n                    updatedHotel.heroImage = details.heroImage || updatedHotel.heroImage || '';\n                    updatedHotel.images = details.images || [];\n\n                    if (updatedHotel.dataSource === HotelDataSource.Roomstay) {\n                        if (details.logo) {\n                            updatedHotel.logo = details.logo;\n                        }\n\n                        if (details.colors) {\n                            updatedHotel.colors = details.colors as ColorProfile;\n                        }\n\n                        if (details.distanceUnitType) {\n                            updatedHotel.distanceUnitType = details.distanceUnitType;\n                        }\n\n                        if (details.weekdayStartsOn) {\n                            updatedHotel.startsWeekOnDay = details.weekdayStartsOn;\n                        }\n\n                        if (details.crossSellHotelIds) {\n                            updatedHotel.crossSellHotelIds = details.crossSellHotelIds;\n                        }\n                    }\n\n                    if (details.rooms) {\n                        const roomArray = Object.values(details.rooms);\n                        if (roomArray.length) {\n                            updatedHotel.maxOccupancy = roomArray.reduce((previousMax, current) => {\n                                return Math.max(previousMax, current.maxOccupancy);\n                            }, 0);\n                        }\n                    }\n\n                    resolve(updatedHotel);\n                    return updatedHotel;\n                });\n            }),\n        []\n    );\n\n    useEffect(() => {\n        setName(company.name);\n        setCompanyShort(company.companyShort);\n        setLogo(company.logo);\n        setColors(company.colors);\n        setLogoLink(company.logoLink);\n        setBrandSuffix(company.brandSuffix);\n\n        DataLayer.instance.setBrandSuffix(company.brandSuffix);\n\n        const configHotels = company.hotels.map((hotel: ConfigHotel) => {\n            return { ...hotel, hasLoadedDetails: false, hotelID: `${hotel.hotelID}` } as Hotel;\n        });\n        setHotels(configHotels);\n\n        if (company.selectedHotel) {\n            const hotelId = typeof company.selectedHotel === 'string' ? company.selectedHotel : company.selectedHotel.hotelID + '';\n            const targetHotel: ConfigHotel | undefined = getHotelFromArrayWithId(hotelId, configHotels);\n            if (targetHotel) {\n                setSelectedHotelID(hotelId);\n            } else {\n                // TODO: add centralized error logging\n                console.log(`Unable to set selected hotel automatically. No Hotel found with ID: ${company.selectedHotel}`);\n            }\n        } else {\n            /*\n                We need to check if for some reason HotelStep isn't set as the first step,\n                to automatically select a hotel, so engine doesn't fall over\n\n                Possible TODO: We might need to do this on a new Step level, instead of here, as dynamically checking if StepHotel\n                is first is probably not a great idea...\n            */\n\n            if (StepManager.getFirstStep() !== StepHotel) {\n                setSelectedHotelID(configHotels[0].hotelID);\n                console.log(`No selected hotel found - defaulting to ${configHotels[0].name}`);\n            }\n        }\n    }, [company]);\n\n    const onSelectedHotelIDChanged = React.useCallback(async () => {\n        if (selectedHotelID) {\n            const selectedHotel = await getHotel(selectedHotelID);\n\n            if (selectedHotel) {\n                CurrencyProvider.loadExchangeRates(selectedHotel.defaultCurrency ?? 'AUD');\n\n                StaticContextProvider.MemberOnlyRateCodes = selectedHotel.memberOnlyRates ?? [];\n\n                DataLayer.instance.setProviderHotelID(selectedHotel.providerHotelID);\n                DataLayer.instance.setHotelName(selectedHotel.name);\n\n                if (selectedHotel.datalayer?.gtmIds.length) {\n                    DataLayer.initialiseGTM(selectedHotel);\n                }\n\n                beContext.engine.getSessionProvider().setHotelID(selectedHotelID);\n\n                setCurrentCurrency(selectedHotel.defaultCurrency);\n\n                const existingUser = localStorage.getItem('hotel' + selectedHotel.hotelID + 'user');\n                if (existingUser) {\n                    setSignedInUser(existingUser);\n                }\n\n                selectedHotel?.onLoad?.();\n            }\n        } else {\n            DataLayer.instance.setProviderHotelID('');\n            DataLayer.instance.setHotelName(name);\n            if (company?.datalayer?.gtmIds.length) {\n                DataLayer.initialiseGTM(company);\n            }\n        }\n    }, [selectedHotelID]);\n\n    useEffect(() => {\n        onSelectedHotelIDChanged();\n    }, [onSelectedHotelIDChanged]);\n\n    useEffect(() => {\n        const selectedHotel = getSelectedHotel();\n\n        DataLayer.instance.setCurrencyCodes(currentCurrency, selectedHotel?.defaultCurrency ?? currentCurrency);\n    }, [currentCurrency, selectedHotelID]);\n\n    // TODO: Add Hotel Details fetch\n    // TODO: re-do fetch on language change\n\n    const workingContext: CompanyContextType = {\n        currentLanguage,\n        currentCurrency,\n\n        memberOnlyModalPromotion,\n\n        name,\n        companyShort,\n        logo,\n        logoLink,\n        brandSuffix,\n\n        colors,\n        hotels,\n\n        signedInUser: signedInUser as string,\n        isSigningIn,\n\n        selectedHotelID: selectedHotelID as string,\n\n        updateLowestPricePerNight: (hotel: string | Hotel, row: BasketRow) => {\n            const targetHotel = getHotelFromID(typeof hotel === 'string' ? hotel : hotel.hotelID + '');\n\n            if (targetHotel && row) {\n                const resetPriceToZero = (isLoading = false) => {\n                    updateHotel(targetHotel, (updatingHotel) => ({ ...updatingHotel, lowestPrice: { value: 0, isLoading } }));\n                };\n\n                resetPriceToZero(true);\n\n                API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), targetHotel.hotelID).then(\n                    (prices) => {\n                        let wasSet = false;\n                        if (prices) {\n                            let lowest = 0;\n                            const allPrices = Object.values(prices);\n                            if (allPrices?.length > 0) {\n                                lowest = Object.values(prices).reduce((prevValue, newValue) => (prevValue > newValue ? newValue : prevValue));\n\n                                wasSet = true;\n                                updateHotel(targetHotel, (updatingHotel) => ({ ...updatingHotel, lowestPrice: { value: lowest, isLoading: false } }));\n                            }\n                        }\n\n                        if (!wasSet) {\n                            resetPriceToZero();\n                        }\n                    }\n                );\n            }\n        },\n\n        changeHotel: (hotel: string | Hotel) => {\n            const targetHotel = getHotelFromID(typeof hotel === 'string' ? hotel : hotel.hotelID + '');\n\n            if (targetHotel) {\n                setSelectedHotelID(targetHotel.hotelID);\n                return true;\n            } else {\n                // TODO: add centralized error logging\n                console.log(`Unable to set selected hotel automatically. No Hotel found with ID: ${company.selectedHotel}`);\n                return false;\n            }\n        },\n\n        closeMemberSignupModal: () => {\n            setIsSigningIn(false);\n\n            setMemberOnlyModalPromotion(null);\n        },\n        openMemberSignupModal: (promotion?: IPromotion) => {\n            setIsSigningIn(true);\n\n            if (promotion) {\n                setMemberOnlyModalPromotion(promotion);\n            }\n        },\n        signUserIn: (user: string) => {\n            raise(new MemberOnlyFenceSignUp(memberOnlyModalPromotion as IPromotion));\n\n            DataLayer.instance.sendMemberSignUp();\n            workingContext.closeMemberSignupModal();\n            localStorage.setItem('hotel' + selectedHotelID + 'user', user);\n            setSignedInUser(user);\n        },\n\n        setCurrentCurrency,\n        setCurrentLanguage,\n\n        getHotel,\n    };\n\n    return <CompanyContext.Provider value={workingContext}>{children}</CompanyContext.Provider>;\n};\n"]}

package/dist/src/models/Client/Hotel/Hotel.d.ts

@@ -100,6 +100,7 @@ export type Hotel = ConfigHotel & {
     businessServices: HotelServiceDTO[];
     rooms: HotelRoomsDTO;
     dataSource: HotelDataSource;
+    images: string[];
     lowestPrice?: {
         value: number;
         isLoading: boolean;

package/dist/src/models/Client/Hotel/Hotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAiBA,IAAY,gBAKX;AALD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,yCAAqB,CAAA;AACzB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B","sourcesContent":["import type { ReactChild } from 'react';\n\nimport type { Language } from '@/providers/LanguageProvider';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { EBookingPaymentMethod } from '@roomstay/core';\nimport type { PlanPayEnvironment } from '@planpay/web';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'X',\n}\n\nexport interface ConfigHotel extends HasDatalayerTags {\n    hotelID: number | string;\n    providerHotelID: string;\n\n    /* Fields subject to change when pulled from API */\n    name: string;\n    shortName?: string;\n    description?: string;\n    locationDescription?: string;\n\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n\n    phone?: string;\n\n    checkInTime?: string;\n    checkOutTime?: string;\n\n    paymentCardTypes?: EPaymentCardType[];\n\n    policies?: string;\n\n    maxOccupancy?: number;\n\n    /* End of Changing Fields */\n\n    startsWeekOnDay?: WeekdayStartsOn;\n\n    hotelUrl: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultCurrency: string;\n    defaultLanguage: Language;\n    logo: string | ReactChild;\n    heroImage: string;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    colors: ColorProfile;\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n\n    crossSellHotelIds?: string[];\n\n    googleMapsImage?: string;\n\n    hideByLine?: boolean;\n\n    /**\n     * Wether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n\n    /**\n     * Distances for the Summary, and Hotel Info pages\n     */\n    transportDistances?: TransportDistances;\n\n    distanceUnitType: DistanceUnitType;\n    perks: HotelPerk[];\n\n    vgsVaultName: string;\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n\n    forwardFindReservationToSynxis?: boolean;\n\n    additionalOptions?: { [name: string]: any };\n\n    images?: string[];\n\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n\n    paymentMethods: EBookingPaymentMethod[];\n\n    planpay?: {\n        minDaysShowPlanpay: number;\n        env: PlanPayEnvironment;\n    };\n\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport type Hotel = ConfigHotel & {\n    hotelID: string;\n\n    hasLoadedDetails?: boolean;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    dataSource: HotelDataSource;\n\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}
+{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAiBA,IAAY,gBAKX;AALD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,yCAAqB,CAAA;AACzB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B","sourcesContent":["import type { ReactChild } from 'react';\n\nimport type { Language } from '@/providers/LanguageProvider';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { EBookingPaymentMethod } from '@roomstay/core';\nimport type { PlanPayEnvironment } from '@planpay/web';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'X',\n}\n\nexport interface ConfigHotel extends HasDatalayerTags {\n    hotelID: number | string;\n    providerHotelID: string;\n\n    /* Fields subject to change when pulled from API */\n    name: string;\n    shortName?: string;\n    description?: string;\n    locationDescription?: string;\n\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n\n    phone?: string;\n\n    checkInTime?: string;\n    checkOutTime?: string;\n\n    paymentCardTypes?: EPaymentCardType[];\n\n    policies?: string;\n\n    maxOccupancy?: number;\n\n    /* End of Changing Fields */\n\n    startsWeekOnDay?: WeekdayStartsOn;\n\n    hotelUrl: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultCurrency: string;\n    defaultLanguage: Language;\n    logo: string | ReactChild;\n    heroImage: string;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    colors: ColorProfile;\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n\n    memberOnlySignupInputs?: MemberOnlyModalInputs;\n\n    crossSellHotelIds?: string[];\n\n    googleMapsImage?: string;\n\n    hideByLine?: boolean;\n\n    /**\n     * Wether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n\n    /**\n     * Distances for the Summary, and Hotel Info pages\n     */\n    transportDistances?: TransportDistances;\n\n    distanceUnitType: DistanceUnitType;\n    perks: HotelPerk[];\n\n    vgsVaultName: string;\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n\n    forwardFindReservationToSynxis?: boolean;\n\n    additionalOptions?: { [name: string]: any };\n\n    images?: string[];\n\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n\n    paymentMethods: EBookingPaymentMethod[];\n\n    planpay?: {\n        minDaysShowPlanpay: number;\n        env: PlanPayEnvironment;\n    };\n\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n}\n\nexport type Hotel = ConfigHotel & {\n    hotelID: string;\n\n    hasLoadedDetails?: boolean;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    dataSource: HotelDataSource;\n    images: string[];\n\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}

package/dist/src/pages/hotel/HotelInfo.js

@@ -68,7 +68,7 @@ function HotelInfo() {
         if ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.images) === null || _a === void 0 ? void 0 : _a.length) {
             newImages.push(...hotel.images);
         }
-        else if (hotel === null || hotel === void 0 ? void 0 : hotel.rooms) {
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.rooms) {
             for (const room of Object.values(hotel === null || hotel === void 0 ? void 0 : hotel.rooms)) {
                 (_b = room.images) === null || _b === void 0 ? void 0 : _b.forEach((image) => {
                     newImages.push(image);
@@ -76,7 +76,7 @@ function HotelInfo() {
             }
         }
         setImages(newImages);
-    }, [hotel === null || hotel === void 0 ? void 0 : hotel.rooms]);
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.images, hotel === null || hotel === void 0 ? void 0 : hotel.rooms]);
     const onBookNowClick = () => {
         history.push(StepManager_1.default.getFirstStep().getStepUrl());
     };

package/dist/src/pages/hotel/HotelInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from '@/components/generic/BEButton';\nimport { useHistory } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const history = useHistory();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel.images);\n        } else if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary filled iconPosition=\"right\" onClick={onBookNowClick}>\n                                        {t(Translation.HotelInfo.BookNowButton)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>About</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') || '' }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding size=\"16px\" />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>Gallery</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && (\n                <FsLightbox\n                    toggler={lightboxController.toggler}\n                    slide={lightboxController.slide}\n                    sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))}\n                    type=\"image\"\n                />\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from '@/components/generic/BEButton';\nimport { useHistory } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const history = useHistory();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel.images);\n        }\n\n        if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.images, hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary filled iconPosition=\"right\" onClick={onBookNowClick}>\n                                        {t(Translation.HotelInfo.BookNowButton)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>About</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') || '' }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding size=\"16px\" />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>Gallery</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && (\n                <FsLightbox\n                    toggler={lightboxController.toggler}\n                    slide={lightboxController.slide}\n                    sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))}\n                    type=\"image\"\n                />\n            )}\n        </>\n    );\n}\n"]}