@roomstay/frontend 2.9.1-2 → 2.10.0

package/dist/src/engines/MemberPortalWidget/MemberPortalWidgetElement.js

@@ -49,7 +49,6 @@ const Icon_1 = __importStar(require("../../components/generic/Icon/Icon"));
 const SmallSpinner_1 = __importDefault(require("../../components/generic/loader/SmallSpinner"));
 const AuthenticatedUserModal_1 = require("../../components/generic/modal/SigninModal/AuthenticatedUserModal");
 const UnauthenticatedUserModal_1 = require("../../components/generic/modal/SigninModal/UnauthenticatedUserModal");
-const ShadowDomContextProvider_1 = require("../../contexts/ShadowDomContext/ShadowDomContextProvider");
 const AccountRoutes_1 = require("../../pages/account/AccountRoutes");
 const Translation_1 = require("../../translations/Translation");
 const Color_1 = require("../../util/Color");
@@ -147,16 +146,15 @@ const renderMemberPortalWidget = (container, engine) => {
         hotels: ((_d = config.groupWidgetConfig) === null || _d === void 0 ? void 0 : _d.hotels) || (config.hotel ? [config.hotel] : []),
         privacyPolicyUrl: (_e = config.groupWidgetConfig) === null || _e === void 0 ? void 0 : _e.privacyPolicyUrl,
     };
-    (0, react_dom_1.render)(react_1.default.createElement(ShadowDomContextProvider_1.ShadowDomContextProvider, { value: engine.getShadowDomContextValue() },
-        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
-            react_1.default.createElement(react_router_dom_1.HashRouter, { future: {
-                    v7_startTransition: false,
-                    v7_relativeSplatPath: false,
-                } },
-                react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
-                    react_1.default.createElement(contexts_1.CompanyContextWrapper, { configCompany: company },
-                        react_1.default.createElement(contexts_1.AuthenticationContextProvider, null,
-                            react_1.default.createElement(MemberPortalWidgetElement, { engine: engine }))))))), container);
+    (0, react_dom_1.render)(react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
+        react_1.default.createElement(react_router_dom_1.HashRouter, { future: {
+                v7_startTransition: false,
+                v7_relativeSplatPath: false,
+            } },
+            react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+                react_1.default.createElement(contexts_1.CompanyContextWrapper, { configCompany: company },
+                    react_1.default.createElement(contexts_1.AuthenticationContextProvider, null,
+                        react_1.default.createElement(MemberPortalWidgetElement, { engine: engine })))))), container);
 };
 exports.renderMemberPortalWidget = renderMemberPortalWidget;
 //# sourceMappingURL=MemberPortalWidgetElement.js.map

package/dist/src/engines/MemberPortalWidget/MemberPortalWidgetElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberPortalWidgetElement.js","sourceRoot":"/","sources":["src/engines/MemberPortalWidget/MemberPortalWidgetElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, AuthenticationContextProvider, BookingEngineContextWrapper, CompanyContextWrapper, RoomstayMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { Suspense, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { render } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { HashRouter, useLocation } from 'react-router-dom';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport { AuthenticatedUserModal, AuthenticatedUserModalProps } from '@/components/generic/modal/SigninModal/AuthenticatedUserModal';\nimport { UnauthenticatedUserModal, UnauthenticatedUserModalProps } from '@/components/generic/modal/SigninModal/UnauthenticatedUserModal';\nimport { ShadowDomContextProvider } from '@/contexts/ShadowDomContext/ShadowDomContextProvider';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport { MemberPortalWidget } from './MemberPortalWidget';\n\nexport interface MemberPortalWidgetElementProps {\n    engine: MemberPortalWidget;\n}\n\nexport default function MemberPortalWidgetElement({ engine }: MemberPortalWidgetElementProps) {\n    const engineConfig = engine.getConfig();\n\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n    const { loading } = useContext(AuthenticationContext);\n\n    const { t } = useTranslation();\n    const [loginModalOpen, setLoginModalOpen] = useState(false);\n    const loginAnchorEl = useRef<HTMLDivElement | null>(null);\n\n    const { hotel } = useCurrentHotel();\n    const location = useLocation();\n\n    const closeLoginClickHandler = () => {\n        setLoginModalOpen(false);\n    };\n\n    const onLoginClickHandler = () => {\n        setLoginModalOpen(true);\n    };\n\n    useEffect(() => {\n        if (roomstayMember) {\n            engineConfig.onSignedIn?.(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    // Detect changes to the roomstay path\n    useEffect(() => {\n        const href = window.location.href.split('#');\n        const checkoutUrl = engineConfig.groupWidgetConfig?.checkoutUrl || hotel?.checkoutUrl;\n\n        // Only redirect if the hash contains an account route path\n        const isAccountRoute =\n            href.length > 1 &&\n            Object.values(AccountRoutes).some((route) => {\n                return location.pathname.startsWith(route.path);\n            });\n\n        // Ensure the user is redirected to the checkout if a member portal account link is clicked\n        if (isAccountRoute && checkoutUrl && href[0] !== checkoutUrl) {\n            // Add Member portal flag to URL to ensure member portal in enabled when the user lands in the checkout\n            const params = new URLSearchParams(window.location.search);\n            params.set(MemberPortalWidget.MEMBER_PORTAL_PARAM, true.toString());\n\n            // Redirected to the checkout\n            const url = new URL(checkoutUrl, window.location.origin);\n            url.hash = location.pathname + '?' + params.toString();\n            window.location.href = url.toString();\n        }\n    }, [location, engineConfig.groupWidgetConfig]);\n\n    const buttonElement = useMemo(() => {\n        if (engineConfig.renderInput) {\n            return (\n                <div ref={loginAnchorEl} onClick={onLoginClickHandler}>\n                    {engineConfig.renderInput(roomstayMember, loading)}\n                </div>\n            );\n        } else {\n            return (\n                <div ref={loginAnchorEl} style={{ width: 'fit-content' }}>\n                    {roomstayMember ? (\n                        <BEButton isLoading={loading} size=\"small\" className={engineConfig.buttonClass} onClick={onLoginClickHandler} stopIconAnimation>\n                            {roomstayMember.forename} {roomstayMember.surname}\n                            <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                            </span>\n                        </BEButton>\n                    ) : (\n                        <BEButton isLoading={loading} size=\"small\" className={engineConfig.buttonClass} onClick={onLoginClickHandler} stopIconAnimation>\n                            {t(Translation.Navigation.SignIn.SignIn)}\n                            <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                            </span>\n                        </BEButton>\n                    )}\n                </div>\n            );\n        }\n    }, [engineConfig.renderInput, roomstayMember, loading]);\n\n    const authProps: AuthenticatedUserModalProps = {\n        open: loginModalOpen,\n        anchorEl: loginAnchorEl.current,\n        menuItems: engineConfig.authMenuItem,\n        placement: engineConfig.overlayPlacement || 'bottom-end',\n        fallbackPlacements: engineConfig.fallbackPlacements,\n        onClose: closeLoginClickHandler,\n        onSignedOut: engineConfig.onSignedOut,\n    };\n\n    const unauthProps: UnauthenticatedUserModalProps = {\n        open: loginModalOpen,\n        anchorEl: loginAnchorEl.current,\n        placement: engineConfig.overlayPlacement || 'bottom-end',\n        fallbackPlacements: engineConfig.fallbackPlacements,\n        onClose: closeLoginClickHandler,\n    };\n\n    return (\n        <>\n            {buttonElement}\n            <Suspense fallback={SmallSpinner}>{roomstayMember ? <AuthenticatedUserModal {...authProps} /> : <UnauthenticatedUserModal {...unauthProps} />}</Suspense>\n        </>\n    );\n}\n\nexport const renderMemberPortalWidget = (container: Element, engine: MemberPortalWidget) => {\n    const config = engine.getConfig();\n    const companyConfig = config.company;\n\n    const company: ConfigCompany = {\n        companyId: companyConfig.companyId,\n        name: config.groupWidgetConfig?.name || '',\n        logo: config.groupWidgetConfig?.logo || '',\n        logoLink: config.groupWidgetConfig?.logoLink || '',\n        companyShort: companyConfig.companyShort,\n        colors: companyConfig.colors,\n        selectedHotel: config.hotel,\n        hotels: config.groupWidgetConfig?.hotels || (config.hotel ? [config.hotel] : []),\n        privacyPolicyUrl: config.groupWidgetConfig?.privacyPolicyUrl,\n    };\n\n    render(\n        <ShadowDomContextProvider value={engine.getShadowDomContextValue()}>\n            <Suspense fallback={<></>}>\n                <HashRouter\n                    future={{\n                        v7_startTransition: false,\n                        v7_relativeSplatPath: false,\n                    }}\n                >\n                    <BookingEngineContextWrapper engine={engine}>\n                        <CompanyContextWrapper configCompany={company}>\n                            <AuthenticationContextProvider>\n                                <MemberPortalWidgetElement engine={engine} />\n                            </AuthenticationContextProvider>\n                        </CompanyContextWrapper>\n                    </BookingEngineContextWrapper>\n                </HashRouter>\n            </Suspense>\n        </ShadowDomContextProvider>,\n        container\n    );\n};\n"]}
+{"version":3,"file":"MemberPortalWidgetElement.js","sourceRoot":"/","sources":["src/engines/MemberPortalWidget/MemberPortalWidgetElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, AuthenticationContextProvider, BookingEngineContextWrapper, CompanyContextWrapper, RoomstayMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { Suspense, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { render } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { HashRouter, useLocation } from 'react-router-dom';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport { AuthenticatedUserModal, AuthenticatedUserModalProps } from '@/components/generic/modal/SigninModal/AuthenticatedUserModal';\nimport { UnauthenticatedUserModal, UnauthenticatedUserModalProps } from '@/components/generic/modal/SigninModal/UnauthenticatedUserModal';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport { MemberPortalWidget } from './MemberPortalWidget';\n\nexport interface MemberPortalWidgetElementProps {\n    engine: MemberPortalWidget;\n}\n\nexport default function MemberPortalWidgetElement({ engine }: MemberPortalWidgetElementProps) {\n    const engineConfig = engine.getConfig();\n\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n    const { loading } = useContext(AuthenticationContext);\n\n    const { t } = useTranslation();\n    const [loginModalOpen, setLoginModalOpen] = useState(false);\n    const loginAnchorEl = useRef<HTMLDivElement | null>(null);\n\n    const { hotel } = useCurrentHotel();\n    const location = useLocation();\n\n    const closeLoginClickHandler = () => {\n        setLoginModalOpen(false);\n    };\n\n    const onLoginClickHandler = () => {\n        setLoginModalOpen(true);\n    };\n\n    useEffect(() => {\n        if (roomstayMember) {\n            engineConfig.onSignedIn?.(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    // Detect changes to the roomstay path\n    useEffect(() => {\n        const href = window.location.href.split('#');\n        const checkoutUrl = engineConfig.groupWidgetConfig?.checkoutUrl || hotel?.checkoutUrl;\n\n        // Only redirect if the hash contains an account route path\n        const isAccountRoute =\n            href.length > 1 &&\n            Object.values(AccountRoutes).some((route) => {\n                return location.pathname.startsWith(route.path);\n            });\n\n        // Ensure the user is redirected to the checkout if a member portal account link is clicked\n        if (isAccountRoute && checkoutUrl && href[0] !== checkoutUrl) {\n            // Add Member portal flag to URL to ensure member portal in enabled when the user lands in the checkout\n            const params = new URLSearchParams(window.location.search);\n            params.set(MemberPortalWidget.MEMBER_PORTAL_PARAM, true.toString());\n\n            // Redirected to the checkout\n            const url = new URL(checkoutUrl, window.location.origin);\n            url.hash = location.pathname + '?' + params.toString();\n            window.location.href = url.toString();\n        }\n    }, [location, engineConfig.groupWidgetConfig]);\n\n    const buttonElement = useMemo(() => {\n        if (engineConfig.renderInput) {\n            return (\n                <div ref={loginAnchorEl} onClick={onLoginClickHandler}>\n                    {engineConfig.renderInput(roomstayMember, loading)}\n                </div>\n            );\n        } else {\n            return (\n                <div ref={loginAnchorEl} style={{ width: 'fit-content' }}>\n                    {roomstayMember ? (\n                        <BEButton isLoading={loading} size=\"small\" className={engineConfig.buttonClass} onClick={onLoginClickHandler} stopIconAnimation>\n                            {roomstayMember.forename} {roomstayMember.surname}\n                            <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                            </span>\n                        </BEButton>\n                    ) : (\n                        <BEButton isLoading={loading} size=\"small\" className={engineConfig.buttonClass} onClick={onLoginClickHandler} stopIconAnimation>\n                            {t(Translation.Navigation.SignIn.SignIn)}\n                            <span className=\"u-white u-pad-left--light\" style={{ marginRight: -13 }}>\n                                <Icon icon={IconType.ArrowDown2} size=\"1.3em\" color={Color.DarkGrey} />\n                            </span>\n                        </BEButton>\n                    )}\n                </div>\n            );\n        }\n    }, [engineConfig.renderInput, roomstayMember, loading]);\n\n    const authProps: AuthenticatedUserModalProps = {\n        open: loginModalOpen,\n        anchorEl: loginAnchorEl.current,\n        menuItems: engineConfig.authMenuItem,\n        placement: engineConfig.overlayPlacement || 'bottom-end',\n        fallbackPlacements: engineConfig.fallbackPlacements,\n        onClose: closeLoginClickHandler,\n        onSignedOut: engineConfig.onSignedOut,\n    };\n\n    const unauthProps: UnauthenticatedUserModalProps = {\n        open: loginModalOpen,\n        anchorEl: loginAnchorEl.current,\n        placement: engineConfig.overlayPlacement || 'bottom-end',\n        fallbackPlacements: engineConfig.fallbackPlacements,\n        onClose: closeLoginClickHandler,\n    };\n\n    return (\n        <>\n            {buttonElement}\n            <Suspense fallback={SmallSpinner}>{roomstayMember ? <AuthenticatedUserModal {...authProps} /> : <UnauthenticatedUserModal {...unauthProps} />}</Suspense>\n        </>\n    );\n}\n\nexport const renderMemberPortalWidget = (container: Element, engine: MemberPortalWidget) => {\n    const config = engine.getConfig();\n    const companyConfig = config.company;\n\n    const company: ConfigCompany = {\n        companyId: companyConfig.companyId,\n        name: config.groupWidgetConfig?.name || '',\n        logo: config.groupWidgetConfig?.logo || '',\n        logoLink: config.groupWidgetConfig?.logoLink || '',\n        companyShort: companyConfig.companyShort,\n        colors: companyConfig.colors,\n        selectedHotel: config.hotel,\n        hotels: config.groupWidgetConfig?.hotels || (config.hotel ? [config.hotel] : []),\n        privacyPolicyUrl: config.groupWidgetConfig?.privacyPolicyUrl,\n    };\n\n    render(\n        <Suspense fallback={<></>}>\n            <HashRouter\n                future={{\n                    v7_startTransition: false,\n                    v7_relativeSplatPath: false,\n                }}\n            >\n                <BookingEngineContextWrapper engine={engine}>\n                    <CompanyContextWrapper configCompany={company}>\n                        <AuthenticationContextProvider>\n                            <MemberPortalWidgetElement engine={engine} />\n                        </AuthenticationContextProvider>\n                    </CompanyContextWrapper>\n                </BookingEngineContextWrapper>\n            </HashRouter>\n        </Suspense>,\n        container\n    );\n};\n"]}

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngine.js

@@ -26,7 +26,6 @@ class RecentSearchesEngine extends BaseEngine_1.BaseEngine {
     }
     render() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.initializeShadowDom();
             (0, RecentSearchesEngineElement_1.renderRecentSearchesEngineElement)(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'recent-searches-engine'), this);
         });
     }

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentSearchesEngine.js","sourceRoot":"/","sources":["src/engines/RecentSearchesEngine/RecentSearchesEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAAyF;AACzF,4GAA+G;AAE/G,0FAAkE;AAMlE,MAAa,oBAAqB,SAAQ,uBAAsC;IAG5E,YAAY,gBAA6B,EAAE,MAAmC;QAC1E,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,cAAc,CAAC;IACrD,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAA,+DAAiC,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/H,CAAC;KAAA;CACJ;AAjBD,oDAiBC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderRecentSearchesEngineElement } from '@/engines/RecentSearchesEngine/RecentSearchesEngineElement';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface RecentSearchesEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n}\n\nexport class RecentSearchesEngine extends BaseEngine<RecentSearchesEngineConfig> {\n    private roomCode!: string;\n\n    constructor(bookingContainer: HTMLElement, config?: RecentSearchesEngineConfig) {\n        super(bookingContainer, config);\n\n        this.source = BookingEngineSource.RecentSearches;\n    }\n\n    public getRoomCode(): string {\n        return this.roomCode;\n    }\n\n    protected async render() {\n        this.initializeShadowDom();\n        renderRecentSearchesEngineElement(RoomstayThemeEngine.createElementOrReuseExisting('div', 'recent-searches-engine'), this);\n    }\n}\n"]}
+{"version":3,"file":"RecentSearchesEngine.js","sourceRoot":"/","sources":["src/engines/RecentSearchesEngine/RecentSearchesEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAAyF;AACzF,4GAA+G;AAE/G,0FAAkE;AAMlE,MAAa,oBAAqB,SAAQ,uBAAsC;IAG5E,YAAY,gBAA6B,EAAE,MAAmC;QAC1E,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,cAAc,CAAC;IACrD,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,IAAA,+DAAiC,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/H,CAAC;KAAA;CACJ;AAhBD,oDAgBC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderRecentSearchesEngineElement } from '@/engines/RecentSearchesEngine/RecentSearchesEngineElement';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface RecentSearchesEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n}\n\nexport class RecentSearchesEngine extends BaseEngine<RecentSearchesEngineConfig> {\n    private roomCode!: string;\n\n    constructor(bookingContainer: HTMLElement, config?: RecentSearchesEngineConfig) {\n        super(bookingContainer, config);\n\n        this.source = BookingEngineSource.RecentSearches;\n    }\n\n    public getRoomCode(): string {\n        return this.roomCode;\n    }\n\n    protected async render() {\n        renderRecentSearchesEngineElement(RoomstayThemeEngine.createElementOrReuseExisting('div', 'recent-searches-engine'), this);\n    }\n}\n"]}

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngineElement.js

@@ -55,7 +55,6 @@ const BEButton_1 = __importDefault(require("../../components/generic/BEButton"))
 const Icon_1 = require("../../components/generic/Icon/Icon");
 const RecentSearchesCard_1 = __importDefault(require("../../components/generic/RecentSearchesCard"));
 const Text_1 = __importStar(require("../../components/generic/Text"));
-const ShadowDomContextProvider_1 = require("../../contexts/ShadowDomContext/ShadowDomContextProvider");
 const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayThemeEngine"));
 const SessionProvider_1 = __importDefault(require("../../providers/storage/SessionProvider"));
 const Translation_1 = require("../../translations/Translation");
@@ -157,9 +156,8 @@ const RecentSearchesEngineElement = ({ engine }) => {
 };
 exports.RecentSearchesEngineElement = RecentSearchesEngineElement;
 const renderRecentSearchesEngineElement = (container, engine) => {
-    (0, react_dom_1.render)(react_1.default.createElement(ShadowDomContextProvider_1.ShadowDomContextProvider, { value: engine.getShadowDomContextValue() },
-        react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
-            react_1.default.createElement(exports.RecentSearchesEngineElement, { engine: engine }))), container);
+    (0, react_dom_1.render)(react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+        react_1.default.createElement(exports.RecentSearchesEngineElement, { engine: engine })), container);
 };
 exports.renderRecentSearchesEngineElement = renderRecentSearchesEngineElement;
 //# sourceMappingURL=RecentSearchesEngineElement.js.map

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngineElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentSearchesEngineElement.js","sourceRoot":"/","sources":["src/engines/RecentSearchesEngine/RecentSearchesEngineElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, BookingEngineContextWrapper } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { render } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport RecentSearchesCard from '@/components/generic/RecentSearchesCard';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ShadowDomContextProvider } from '@/contexts/ShadowDomContext/ShadowDomContextProvider';\nimport type { RecentSearchesEngine } from '@/engines/RecentSearchesEngine/RecentSearchesEngine';\nimport BasketRow from '@/models/BasketRow';\nimport { ConfigHotel } from '@/models/Client/Hotel/Hotel';\nimport { RoomstaySession } from '@/models/RoomstaySession';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport SessionProvider from '@/providers/storage/SessionProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface RecentSearchesEngineElementProps {\n    engine: RecentSearchesEngine;\n}\n\nexport const RecentSearchesEngineElement = ({ engine }: RecentSearchesEngineElementProps) => {\n    const { t } = useTranslation();\n\n    const [currentSessions, setCurrentSessions] = useState<RoomstaySession[]>([]);\n\n    const beContext = useContext(BookingEngineContext);\n    const hotel = useMemo(() => {\n        const config = engine.getConfig();\n        const selectedHotel = config?.company?.selectedHotel;\n\n        if (selectedHotel) {\n            return config.company.hotels.find((hotel) => hotel.hotelID === selectedHotel || hotel.hotelID === (selectedHotel as ConfigHotel)?.hotelID);\n        }\n    }, [engine]);\n\n    useEffect(() => {\n        resetSessions();\n    }, []);\n\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel?.colors);\n        }\n    }, [hotel]);\n\n    const resetSessions = () => {\n        engine\n            .getSessionProvider()\n            .getAllSessions()\n            .then((sessions) => {\n                const sessionsToUse: RoomstaySession[] = [];\n\n                sessions.forEach((session) => {\n                    if (!hotel || (hotel?.hotelID === session.hotelID && session.basketRows?.length > 0)) {\n                        let hasValidRow = false;\n                        session.basketRows.forEach((basket) => {\n                            if (basket.isValid() && basket.getStartDate().isAfter(dayjs())) {\n                                hasValidRow = true;\n                            }\n                        });\n\n                        if (hasValidRow) {\n                            sessionsToUse.push(session);\n                        }\n                    }\n                });\n\n                sessionsToUse.reverse();\n\n                setCurrentSessions(sessionsToUse);\n            });\n    };\n\n    const smallBlurb = (\n        <Text color={Color.White} type={TextType.Small}>\n            {t(Translation.RecentSearch.SubTagLine)}\n        </Text>\n    );\n\n    const onRemoveCard = async (session: RoomstaySession) => {\n        const provider = new SessionProvider();\n        await provider.initialize(session.id);\n\n        provider.deleteSession();\n\n        resetSessions();\n    };\n\n    const redirectToCheckout = () => {\n        window.open(hotel?.checkoutUrl);\n    };\n\n    return currentSessions.length ? (\n        <div style={{ backgroundColor: Color.Navy }}>\n            <div className=\"container\">\n                <div className=\"u-pad-top-bottom--heavy\">\n                    <div className=\"u-marg-bottom\">\n                        <Text color={Color.White} bold>\n                            {t(Translation.RecentSearch.RecentSearches)}\n                        </Text>\n                        {beContext.screenSize <= ScreenSize.Medium && smallBlurb}\n                    </div>\n                    <div className=\"row u-marg-bottom\">\n                        {!!currentSessions?.length &&\n                            currentSessions.slice(0, 2).map((session: RoomstaySession) => {\n                                let validRow: BasketRow | undefined = undefined;\n\n                                for (const row of session.basketRows) {\n                                    if (row.isValid()) {\n                                        validRow = row;\n                                        break;\n                                    }\n                                }\n\n                                const removeCard = () => {\n                                    onRemoveCard(session);\n                                };\n\n                                const onViewRates = async () => {\n                                    const manager = new SessionProvider();\n                                    await manager.initialize(session.id);\n\n                                    manager\n                                        .updateSession({\n                                            step: getStepRoom().getName(),\n                                        })\n                                        .then(() => {\n                                            window.open(`${hotel?.checkoutUrl ?? '/checkout/'}#${getStepRoom().getStepUrl()}?session=${session.id}`, '_self');\n                                        });\n                                };\n\n                                return (\n                                    <div key={validRow?.getID()} className=\"col-lg-6\">\n                                        <RecentSearchesCard basketRow={validRow as BasketRow} onRemove={removeCard} onViewRatesClicked={onViewRates} />\n                                    </div>\n                                );\n                            })}\n                    </div>\n                    <div className=\"u-flex u-flex-align-center flex-column flex-md-row justify-align-content-md-center\">\n                        {beContext.screenSize > ScreenSize.Medium && smallBlurb}\n                        <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" primary filled onClick={redirectToCheckout}>\n                            {t(Translation.RecentSearch.SeeAllRooms, {\n                                hotelName: hotel?.name,\n                            })}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ) : (\n        <></>\n    );\n};\n\nexport const renderRecentSearchesEngineElement = (container: Element, engine: RecentSearchesEngine) => {\n    render(\n        <ShadowDomContextProvider value={engine.getShadowDomContextValue()}>\n            <BookingEngineContextWrapper engine={engine}>\n                <RecentSearchesEngineElement engine={engine} />\n            </BookingEngineContextWrapper>\n        </ShadowDomContextProvider>,\n        container\n    );\n};\n"]}
+{"version":3,"file":"RecentSearchesEngineElement.js","sourceRoot":"/","sources":["src/engines/RecentSearchesEngine/RecentSearchesEngineElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, BookingEngineContextWrapper } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { render } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport RecentSearchesCard from '@/components/generic/RecentSearchesCard';\nimport Text, { TextType } from '@/components/generic/Text';\nimport type { RecentSearchesEngine } from '@/engines/RecentSearchesEngine/RecentSearchesEngine';\nimport BasketRow from '@/models/BasketRow';\nimport { ConfigHotel } from '@/models/Client/Hotel/Hotel';\nimport { RoomstaySession } from '@/models/RoomstaySession';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport SessionProvider from '@/providers/storage/SessionProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface RecentSearchesEngineElementProps {\n    engine: RecentSearchesEngine;\n}\n\nexport const RecentSearchesEngineElement = ({ engine }: RecentSearchesEngineElementProps) => {\n    const { t } = useTranslation();\n\n    const [currentSessions, setCurrentSessions] = useState<RoomstaySession[]>([]);\n\n    const beContext = useContext(BookingEngineContext);\n    const hotel = useMemo(() => {\n        const config = engine.getConfig();\n        const selectedHotel = config?.company?.selectedHotel;\n\n        if (selectedHotel) {\n            return config.company.hotels.find((hotel) => hotel.hotelID === selectedHotel || hotel.hotelID === (selectedHotel as ConfigHotel)?.hotelID);\n        }\n    }, [engine]);\n\n    useEffect(() => {\n        resetSessions();\n    }, []);\n\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel?.colors);\n        }\n    }, [hotel]);\n\n    const resetSessions = () => {\n        engine\n            .getSessionProvider()\n            .getAllSessions()\n            .then((sessions) => {\n                const sessionsToUse: RoomstaySession[] = [];\n\n                sessions.forEach((session) => {\n                    if (!hotel || (hotel?.hotelID === session.hotelID && session.basketRows?.length > 0)) {\n                        let hasValidRow = false;\n                        session.basketRows.forEach((basket) => {\n                            if (basket.isValid() && basket.getStartDate().isAfter(dayjs())) {\n                                hasValidRow = true;\n                            }\n                        });\n\n                        if (hasValidRow) {\n                            sessionsToUse.push(session);\n                        }\n                    }\n                });\n\n                sessionsToUse.reverse();\n\n                setCurrentSessions(sessionsToUse);\n            });\n    };\n\n    const smallBlurb = (\n        <Text color={Color.White} type={TextType.Small}>\n            {t(Translation.RecentSearch.SubTagLine)}\n        </Text>\n    );\n\n    const onRemoveCard = async (session: RoomstaySession) => {\n        const provider = new SessionProvider();\n        await provider.initialize(session.id);\n\n        provider.deleteSession();\n\n        resetSessions();\n    };\n\n    const redirectToCheckout = () => {\n        window.open(hotel?.checkoutUrl);\n    };\n\n    return currentSessions.length ? (\n        <div style={{ backgroundColor: Color.Navy }}>\n            <div className=\"container\">\n                <div className=\"u-pad-top-bottom--heavy\">\n                    <div className=\"u-marg-bottom\">\n                        <Text color={Color.White} bold>\n                            {t(Translation.RecentSearch.RecentSearches)}\n                        </Text>\n                        {beContext.screenSize <= ScreenSize.Medium && smallBlurb}\n                    </div>\n                    <div className=\"row u-marg-bottom\">\n                        {!!currentSessions?.length &&\n                            currentSessions.slice(0, 2).map((session: RoomstaySession) => {\n                                let validRow: BasketRow | undefined = undefined;\n\n                                for (const row of session.basketRows) {\n                                    if (row.isValid()) {\n                                        validRow = row;\n                                        break;\n                                    }\n                                }\n\n                                const removeCard = () => {\n                                    onRemoveCard(session);\n                                };\n\n                                const onViewRates = async () => {\n                                    const manager = new SessionProvider();\n                                    await manager.initialize(session.id);\n\n                                    manager\n                                        .updateSession({\n                                            step: getStepRoom().getName(),\n                                        })\n                                        .then(() => {\n                                            window.open(`${hotel?.checkoutUrl ?? '/checkout/'}#${getStepRoom().getStepUrl()}?session=${session.id}`, '_self');\n                                        });\n                                };\n\n                                return (\n                                    <div key={validRow?.getID()} className=\"col-lg-6\">\n                                        <RecentSearchesCard basketRow={validRow as BasketRow} onRemove={removeCard} onViewRatesClicked={onViewRates} />\n                                    </div>\n                                );\n                            })}\n                    </div>\n                    <div className=\"u-flex u-flex-align-center flex-column flex-md-row justify-align-content-md-center\">\n                        {beContext.screenSize > ScreenSize.Medium && smallBlurb}\n                        <BEButton icon={IconType.ArrowRight} iconPosition=\"right\" primary filled onClick={redirectToCheckout}>\n                            {t(Translation.RecentSearch.SeeAllRooms, {\n                                hotelName: hotel?.name,\n                            })}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ) : (\n        <></>\n    );\n};\n\nexport const renderRecentSearchesEngineElement = (container: Element, engine: RecentSearchesEngine) => {\n    render(\n        <BookingEngineContextWrapper engine={engine}>\n            <RecentSearchesEngineElement engine={engine} />\n        </BookingEngineContextWrapper>,\n        container\n    );\n};\n"]}

package/dist/src/handlers/membership/SalesforceMemberHandler.js

@@ -18,7 +18,7 @@ const salesforceMemberHandler = (hotel) => {
         isAvailable: (_b = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.integrations) === null || _a === void 0 ? void 0 : _a.includes(core_1.EIntegration.Salesforce)) !== null && _b !== void 0 ? _b : false,
         renderSignInModal: () => {
             var _a, _b;
-            return (react_1.default.createElement(EmailAndFullnameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.SalesforceTitle), subTitle: t(Translation_1.Translation.ExternalMemberPopup.SalesforceSubTitle), image: ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImages) === null || _a === void 0 ? void 0 : _a[core_1.EMembershipProvider.Salesforce]) || (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage) || RoomstayThemeEngine_1.default.getImageAssetUrl('salesforce-login.png'), isOpen: true, imageSize: (_b = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImageSize) !== null && _b !== void 0 ? _b : 'cover', provider: core_1.EMembershipProvider.Salesforce, enablePostcode: true, enableMobilePhone: true, enableMarketingOptIn: true }));
+            return (react_1.default.createElement(EmailAndFullnameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.SalesforceTitle), subTitle: t(Translation_1.Translation.ExternalMemberPopup.SalesforceSubTitle), image: ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImages) === null || _a === void 0 ? void 0 : _a[core_1.EMembershipProvider.Salesforce]) || (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage) || RoomstayThemeEngine_1.default.getImageAssetUrl('salesforce-login.png'), isOpen: true, imageSize: (_b = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImageSize) !== null && _b !== void 0 ? _b : 'cover', provider: core_1.EMembershipProvider.Salesforce }));
         },
         memberOnlyImage: ((_c = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyImages) === null || _c === void 0 ? void 0 : _c[core_1.EMembershipProvider.Salesforce]) || (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyImage) || RoomstayThemeEngine_1.default.getImageAssetUrl('salesforce-login.png'),
         title: t(Translation_1.Translation.ExternalMemberPopup.SalesforceTitle),

package/dist/src/handlers/membership/SalesforceMemberHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SalesforceMemberHandler.js","sourceRoot":"/","sources":["src/handlers/membership/SalesforceMemberHandler.tsx"],"names":[],"mappings":";;;;;;AAAA,yCAAmE;AACnE,kDAA0B;AAC1B,iDAA+C;AAE/C,+HAAuG;AAGvG,0FAAkE;AAClE,4DAAyD;AAElD,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAqB,EAAE;;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO;QACH,QAAQ,EAAE,0BAAmB,CAAC,UAAU;QACxC,WAAW,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,0CAAE,QAAQ,CAAC,mBAAY,CAAC,UAAU,CAAC,mCAAI,KAAK;QAC5E,iBAAiB,EAAE,GAAG,EAAE;;YAAC,OAAA,CACrB,8BAAC,qCAA2B,IACxB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,eAAe,CAAC,EACzD,QAAQ,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAC/D,KAAK,EACD,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,0CAAG,0BAAmB,CAAC,UAAU,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,CAAA,IAAI,6BAAmB,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,EAEjK,MAAM,QACN,SAAS,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,wBAAwB,mCAAI,OAAO,EACrD,QAAQ,EAAE,0BAAmB,CAAC,UAAU,EACxC,cAAc,QACd,iBAAiB,QACjB,oBAAoB,SACtB,CACL,CAAA;SAAA;QACD,eAAe,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAG,0BAAmB,CAAC,UAAU,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAA,IAAI,6BAAmB,CAAC,gBAAgB,CAAC,sBAAsB,CAAC;QACpK,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,eAAe,CAAC;QACzD,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;KACnE,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,uBAAuB,2BAyBlC","sourcesContent":["import { EIntegration, EMembershipProvider } from '@roomstay/core';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport EmailAndFullnameMemberModal from '@/components/members/SignInModal/EmailAndFullnameMemberModal';\nimport { MembershipHandler } from '@/handlers/membership/MembershipHandler';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\n\nexport const salesforceMemberHandler = (hotel?: Hotel): MembershipHandler => {\n    const { t } = useTranslation();\n\n    return {\n        provider: EMembershipProvider.Salesforce,\n        isAvailable: hotel?.integrations?.includes(EIntegration.Salesforce) ?? false,\n        renderSignInModal: () => (\n            <EmailAndFullnameMemberModal\n                title={t(Translation.ExternalMemberPopup.SalesforceTitle)}\n                subTitle={t(Translation.ExternalMemberPopup.SalesforceSubTitle)}\n                image={\n                    hotel?.memberOnlyModalImages?.[EMembershipProvider.Salesforce] || hotel?.memberOnlyModalImage || RoomstayThemeEngine.getImageAssetUrl('salesforce-login.png')\n                }\n                isOpen\n                imageSize={hotel?.memberOnlyModalImageSize ?? 'cover'}\n                provider={EMembershipProvider.Salesforce}\n                enablePostcode\n                enableMobilePhone\n                enableMarketingOptIn\n            />\n        ),\n        memberOnlyImage: hotel?.memberOnlyImages?.[EMembershipProvider.Salesforce] || hotel?.memberOnlyImage || RoomstayThemeEngine.getImageAssetUrl('salesforce-login.png'),\n        title: t(Translation.ExternalMemberPopup.SalesforceTitle),\n        name: t(Translation.Step.Room.RoomInfo.MemberOnlyRow.Salesforce),\n    };\n};\n"]}
+{"version":3,"file":"SalesforceMemberHandler.js","sourceRoot":"/","sources":["src/handlers/membership/SalesforceMemberHandler.tsx"],"names":[],"mappings":";;;;;;AAAA,yCAAmE;AACnE,kDAA0B;AAC1B,iDAA+C;AAE/C,+HAAuG;AAGvG,0FAAkE;AAClE,4DAAyD;AAElD,MAAM,uBAAuB,GAAG,CAAC,KAAa,EAAqB,EAAE;;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO;QACH,QAAQ,EAAE,0BAAmB,CAAC,UAAU;QACxC,WAAW,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,0CAAE,QAAQ,CAAC,mBAAY,CAAC,UAAU,CAAC,mCAAI,KAAK;QAC5E,iBAAiB,EAAE,GAAG,EAAE;;YAAC,OAAA,CACrB,8BAAC,qCAA2B,IACxB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,eAAe,CAAC,EACzD,QAAQ,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAC/D,KAAK,EACD,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,0CAAG,0BAAmB,CAAC,UAAU,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,CAAA,IAAI,6BAAmB,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,EAEjK,MAAM,QACN,SAAS,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,wBAAwB,mCAAI,OAAO,EACrD,QAAQ,EAAE,0BAAmB,CAAC,UAAU,GAC1C,CACL,CAAA;SAAA;QACD,eAAe,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAG,0BAAmB,CAAC,UAAU,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAA,IAAI,6BAAmB,CAAC,gBAAgB,CAAC,sBAAsB,CAAC;QACpK,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,eAAe,CAAC;QACzD,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;KACnE,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,uBAAuB,2BAsBlC","sourcesContent":["import { EIntegration, EMembershipProvider } from '@roomstay/core';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport EmailAndFullnameMemberModal from '@/components/members/SignInModal/EmailAndFullnameMemberModal';\nimport { MembershipHandler } from '@/handlers/membership/MembershipHandler';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\n\nexport const salesforceMemberHandler = (hotel?: Hotel): MembershipHandler => {\n    const { t } = useTranslation();\n\n    return {\n        provider: EMembershipProvider.Salesforce,\n        isAvailable: hotel?.integrations?.includes(EIntegration.Salesforce) ?? false,\n        renderSignInModal: () => (\n            <EmailAndFullnameMemberModal\n                title={t(Translation.ExternalMemberPopup.SalesforceTitle)}\n                subTitle={t(Translation.ExternalMemberPopup.SalesforceSubTitle)}\n                image={\n                    hotel?.memberOnlyModalImages?.[EMembershipProvider.Salesforce] || hotel?.memberOnlyModalImage || RoomstayThemeEngine.getImageAssetUrl('salesforce-login.png')\n                }\n                isOpen\n                imageSize={hotel?.memberOnlyModalImageSize ?? 'cover'}\n                provider={EMembershipProvider.Salesforce}\n            />\n        ),\n        memberOnlyImage: hotel?.memberOnlyImages?.[EMembershipProvider.Salesforce] || hotel?.memberOnlyImage || RoomstayThemeEngine.getImageAssetUrl('salesforce-login.png'),\n        title: t(Translation.ExternalMemberPopup.SalesforceTitle),\n        name: t(Translation.Step.Room.RoomInfo.MemberOnlyRow.Salesforce),\n    };\n};\n"]}

package/dist/src/hooks/BodyClickHook.d.ts

@@ -1,8 +1,8 @@
 export declare const useBodyClick: () => {
-    onBodyClick: (event: EventListener, target?: EventTarget | null) => {
+    onBodyClick: (event: EventListener, target?: HTMLElement | Document | null) => {
         remove: () => void;
     };
-    onBodyClickExcept: (event: EventListener, ignore: HTMLElement, target?: EventTarget | null) => {
+    onBodyClickExcept: (event: EventListener, ignore: HTMLElement, target?: HTMLElement | Document | null) => {
         remove: () => void;
     };
 };

package/dist/src/hooks/BodyClickHook.js

@@ -1,15 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBodyClick = void 0;
-const ShadowDomContext_1 = require("../contexts/ShadowDomContext/ShadowDomContext");
 const useBodyClick = () => {
-    const { isShadowDom, shadowRoot } = (0, ShadowDomContext_1.useShadowDom)();
-    // Default event target: shadow root when in Shadow DOM, document otherwise
-    const defaultTarget = isShadowDom && shadowRoot ? shadowRoot : document;
-    const removeEvent = (event, target = defaultTarget) => {
+    const removeEvent = (event, target = document) => {
         target === null || target === void 0 ? void 0 : target.removeEventListener('click', event);
     };
-    const onBodyClick = (event, target = defaultTarget) => {
+    const onBodyClick = (event, target = document) => {
         const mappedEvent = (e) => {
             return event(e);
         };
@@ -20,7 +16,7 @@ const useBodyClick = () => {
             },
         };
     };
-    const onBodyClickExcept = (event, ignore, target = defaultTarget) => {
+    const onBodyClickExcept = (event, ignore, target = document) => {
         const response = onBodyClick((e) => {
             var _a;
             for (const element of e.composedPath()) {

package/dist/src/hooks/BodyClickHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyClickHook.js","sourceRoot":"/","sources":["src/hooks/BodyClickHook.ts"],"names":[],"mappings":";;;AAAA,mFAA4E;AAErE,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,aAAa,GAAgB,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAErF,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAA6B,aAAa,EAAE,EAAE;QACrF,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAA6B,aAAa,EAAE,EAAE;QACrF,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO;YACH,MAAM,EAAE,GAAG,EAAE;gBACT,MAAM,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAC/C,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,MAAmB,EAAE,SAA6B,aAAa,EAAE,EAAE;QAChH,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAQ,EAAE,EAAE;;YACtC,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC,YAAY,EAAmB,EAAE,CAAC;gBACtD,IAAI,MAAA,OAAO,CAAC,UAAU,wDAAG,MAAM,CAAC,EAAE,CAAC;oBAC/B,uEAAuE;oBACvE,OAAO;gBACX,CAAC;YACL,CAAC;YAED,yEAAyE;YACzE,KAAK,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAxCW,QAAA,YAAY,gBAwCvB","sourcesContent":["import { useShadowDom } from '@/contexts/ShadowDomContext/ShadowDomContext';\n\nexport const useBodyClick = () => {\n    const { isShadowDom, shadowRoot } = useShadowDom();\n\n    // Default event target: shadow root when in Shadow DOM, document otherwise\n    const defaultTarget: EventTarget = isShadowDom && shadowRoot ? shadowRoot : document;\n\n    const removeEvent = (event: EventListener, target: EventTarget | null = defaultTarget) => {\n        target?.removeEventListener('click', event);\n    };\n\n    const onBodyClick = (event: EventListener, target: EventTarget | null = defaultTarget) => {\n        const mappedEvent = (e: Event) => {\n            return event(e);\n        };\n\n        target?.addEventListener('click', mappedEvent);\n\n        return {\n            remove: () => {\n                target && removeEvent(mappedEvent, target);\n            },\n        };\n    };\n\n    const onBodyClickExcept = (event: EventListener, ignore: HTMLElement, target: EventTarget | null = defaultTarget) => {\n        const response = onBodyClick((e: Event) => {\n            for (const element of e.composedPath() as HTMLElement[]) {\n                if (element.isSameNode?.(ignore)) {\n                    // Preventing the event from taking place, as it's in the ignored list.\n                    return;\n                }\n            }\n\n            // Assuming target click isn't in the ignore area, proceed with the event\n            event(e);\n        }, target);\n\n        return response;\n    };\n    return { onBodyClick, onBodyClickExcept };\n};\n"]}
+{"version":3,"file":"BodyClickHook.js","sourceRoot":"/","sources":["src/hooks/BodyClickHook.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QAC3F,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QAC3F,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO;YACH,MAAM,EAAE,GAAG,EAAE;gBACT,MAAM,IAAI,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAC/C,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,MAAmB,EAAE,SAAwC,QAAQ,EAAE,EAAE;QACtH,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAQ,EAAE,EAAE;;YACtC,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC,YAAY,EAAmB,EAAE,CAAC;gBACtD,IAAI,MAAA,OAAO,CAAC,UAAU,wDAAG,MAAM,CAAC,EAAE,CAAC;oBAC/B,uEAAuE;oBACvE,OAAO;gBACX,CAAC;YACL,CAAC;YAED,yEAAyE;YACzE,KAAK,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB","sourcesContent":["export const useBodyClick = () => {\n    const removeEvent = (event: EventListener, target: HTMLElement | Document | null = document) => {\n        target?.removeEventListener('click', event);\n    };\n\n    const onBodyClick = (event: EventListener, target: HTMLElement | Document | null = document) => {\n        const mappedEvent = (e: Event) => {\n            return event(e);\n        };\n\n        target?.addEventListener('click', mappedEvent);\n\n        return {\n            remove: () => {\n                target && removeEvent(mappedEvent, target);\n            },\n        };\n    };\n\n    const onBodyClickExcept = (event: EventListener, ignore: HTMLElement, target: HTMLElement | Document | null = document) => {\n        const response = onBodyClick((e: Event) => {\n            for (const element of e.composedPath() as HTMLElement[]) {\n                if (element.isSameNode?.(ignore)) {\n                    // Preventing the event from taking place, as it's in the ignored list.\n                    return;\n                }\n            }\n\n            // Assuming target click isn't in the ignore area, proceed with the event\n            event(e);\n        }, target);\n\n        return response;\n    };\n    return { onBodyClick, onBodyClickExcept };\n};\n"]}

package/dist/src/models/Api/HotelDTO.d.ts

@@ -122,6 +122,8 @@ export type HotelDTO = {
     disableSavedPayments: boolean;
     enableRoomUpsells?: boolean;
     enableRateUpsells?: boolean;
+    /** Duration (in minutes) of the basket countdown timer; 0 hides it. */
+    basketTimeout: number;
 } & Pick<AdminHotelConfig, 'childConfiguration' | 'perks' | 'perkTitle' | 'countryPrefix' | 'quoteImageDesktop' | 'quoteImageMobile' | 'memberOnlyImage' | 'captureChildAge' | 'company' | 'fees' | 'addDepositFeeToBookingTotal' | 'minAdultAge' | 'maxAdultAge' | 'countInfantsInOccupancy' | 'occupancyLimits' | 'preferProviderBookingId' | 'showUnavailableRooms' | 'isRACMemberNoRequired' | 'metaPixelId' | 'enableAnalyticsDebug' | 'countryCode' | 'calendarHighlights' | 'addressRequirement' | 'maxRoomsPerBooking' | 'bookingFlow'> & Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;
 export declare enum VGSCardName {
     Visa = "visa",

package/dist/src/models/Api/HotelDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAAiH;AAqKjH,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,2BAAX,WAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport type { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IAuxiliaryFilter } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ClientHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    checkInTime?: string | null;\n    checkOutTime?: string | null;\n    filters: {\n        [id: string]: {\n            // Options on the AuxiliaryFilter itself:\n            name: string;\n            type: 'select';\n            includeAllAbove: boolean;\n            requireInput: boolean;\n            options: IAuxiliaryFilter['options'];\n\n            // Options on the RoomGroupAuxiliaryFilter:\n            requireSelection: boolean;\n            order: number;\n        };\n    };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    showBedType?: boolean;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n    petFriendly?: boolean;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n    timeZone: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    windcave?: {\n        enableDropInMode: boolean;\n    };\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n    preventCancellation?: boolean;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n    itineraryNote: string;\n    disableSavedPayments: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n} & Pick<\n    AdminHotelConfig,\n    | 'childConfiguration'\n    | 'perks'\n    | 'perkTitle'\n    | 'countryPrefix'\n    | 'quoteImageDesktop'\n    | 'quoteImageMobile'\n    | 'memberOnlyImage'\n    | 'captureChildAge'\n    | 'company'\n    | 'fees'\n    | 'addDepositFeeToBookingTotal'\n    | 'minAdultAge'\n    | 'maxAdultAge'\n    | 'countInfantsInOccupancy'\n    | 'occupancyLimits'\n    | 'preferProviderBookingId'\n    | 'showUnavailableRooms'\n    | 'isRACMemberNoRequired'\n    | 'metaPixelId'\n    | 'enableAnalyticsDebug'\n    | 'countryCode'\n    | 'calendarHighlights'\n    | 'addressRequirement'\n    | 'maxRoomsPerBooking'\n    | 'bookingFlow'\n> &\n    Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}
+{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAAiH;AAuKjH,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,2BAAX,WAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport type { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IAuxiliaryFilter } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ClientHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    checkInTime?: string | null;\n    checkOutTime?: string | null;\n    filters: {\n        [id: string]: {\n            // Options on the AuxiliaryFilter itself:\n            name: string;\n            type: 'select';\n            includeAllAbove: boolean;\n            requireInput: boolean;\n            options: IAuxiliaryFilter['options'];\n\n            // Options on the RoomGroupAuxiliaryFilter:\n            requireSelection: boolean;\n            order: number;\n        };\n    };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    showBedType?: boolean;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n    petFriendly?: boolean;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n    timeZone: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    windcave?: {\n        enableDropInMode: boolean;\n    };\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n    preventCancellation?: boolean;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n    itineraryNote: string;\n    disableSavedPayments: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n    /** Duration (in minutes) of the basket countdown timer; 0 hides it. */\n    basketTimeout: number;\n} & Pick<\n    AdminHotelConfig,\n    | 'childConfiguration'\n    | 'perks'\n    | 'perkTitle'\n    | 'countryPrefix'\n    | 'quoteImageDesktop'\n    | 'quoteImageMobile'\n    | 'memberOnlyImage'\n    | 'captureChildAge'\n    | 'company'\n    | 'fees'\n    | 'addDepositFeeToBookingTotal'\n    | 'minAdultAge'\n    | 'maxAdultAge'\n    | 'countInfantsInOccupancy'\n    | 'occupancyLimits'\n    | 'preferProviderBookingId'\n    | 'showUnavailableRooms'\n    | 'isRACMemberNoRequired'\n    | 'metaPixelId'\n    | 'enableAnalyticsDebug'\n    | 'countryCode'\n    | 'calendarHighlights'\n    | 'addressRequirement'\n    | 'maxRoomsPerBooking'\n    | 'bookingFlow'\n> &\n    Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}

package/dist/src/models/Api/HotelOverrideDTO.d.ts

@@ -78,4 +78,5 @@ export interface HotelOverrideDTO extends ShowYearOnCalendarProps, ShowPromoCode
     orderUnavailableRoomsLast?: boolean;
     showPromocodeFieldInCheckout: boolean;
     showDayNameInDates?: boolean;
+    skipViewRatesOnSingleRate?: boolean;
 }

package/dist/src/models/Api/HotelOverrideDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelOverrideDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelOverrideDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\n\nexport interface TransportDistancesConfig {\n    subTitle?: string;\n    unit?: string;\n    suffix?: string;\n}\nexport interface TransportDistances {\n    /** Seems that the old way had these as numbers, and if the unit wasn't metric done conversions on the number\n   As they're inputting the string directly now I've changed the Distance component to accept both types and only\n   run the conversion on numbers.\n   */\n    displayCard?: boolean;\n    plane?: string | number;\n    train?: string | number;\n    tram?: string | number;\n    bus?: string | number;\n    taxi?: string | number;\n    car?: string | number;\n    ferry?: string | number;\n    location?: string | number;\n    configuration?: {\n        plane?: TransportDistancesConfig;\n        train?: TransportDistancesConfig;\n        tram?: TransportDistancesConfig;\n        bus?: TransportDistancesConfig;\n        taxi?: TransportDistancesConfig;\n        car?: TransportDistancesConfig;\n        ferry?: TransportDistancesConfig;\n        location?: TransportDistancesConfig;\n    };\n}\n\nexport interface ShowYearOnCalendarProps {\n    showYearOnCalendar?: boolean;\n    yearDisplayOption?: string;\n}\n\nexport interface ShowPromoCodeAlertProps {\n    showPromoCodeAlert?: boolean;\n    promoCodeAlertType?: 'popup' | 'notification';\n}\n\nexport interface IPageTitle {\n    enable: boolean;\n    HotelInfo: string;\n    FindReservation: string;\n    Date: string;\n    Room: string;\n    Addon: string;\n    Confirmation: string;\n    Thanks: string;\n}\n\nexport interface IOverrideMessage {\n    enable: boolean;\n    BestRatePerks: string;\n    BestRatePerksAlert: string;\n    PreSignUp: string;\n    PostSignUp: string;\n    pricesIncludeFeesMessage?: string;\n}\n\nexport interface HotelOverrideDTO extends ShowYearOnCalendarProps, ShowPromoCodeAlertProps {\n    hideByLine?: boolean;\n    overrideDistanceUnitType?: boolean;\n    distanceUnitType?: DistanceUnitType;\n    transportDistances?: TransportDistances;\n    phoneNumberInSummary?: string;\n    enabledEventIds?: string[];\n    pageTitle?: IPageTitle;\n    showPromoCodeDescription?: boolean;\n    alwaysShowDecimals?: boolean;\n    messages?: IOverrideMessage;\n    /**\n     * If true, displays the long description next to the short description side by side in the room modal\n     */\n    roomModalDescSideBySide?: boolean;\n    /**\n     * If true, Disable grouping rooms in the All Accommodation tab\n     * Default: false\n     */\n    disableGroupRoomsAllTab?: boolean;\n    orderUnavailableRoomsLast?: boolean;\n    showPromocodeFieldInCheckout: boolean;\n    showDayNameInDates?: boolean;\n}\n"]}
+{"version":3,"file":"HotelOverrideDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelOverrideDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\n\nexport interface TransportDistancesConfig {\n    subTitle?: string;\n    unit?: string;\n    suffix?: string;\n}\nexport interface TransportDistances {\n    /** Seems that the old way had these as numbers, and if the unit wasn't metric done conversions on the number\n   As they're inputting the string directly now I've changed the Distance component to accept both types and only\n   run the conversion on numbers.\n   */\n    displayCard?: boolean;\n    plane?: string | number;\n    train?: string | number;\n    tram?: string | number;\n    bus?: string | number;\n    taxi?: string | number;\n    car?: string | number;\n    ferry?: string | number;\n    location?: string | number;\n    configuration?: {\n        plane?: TransportDistancesConfig;\n        train?: TransportDistancesConfig;\n        tram?: TransportDistancesConfig;\n        bus?: TransportDistancesConfig;\n        taxi?: TransportDistancesConfig;\n        car?: TransportDistancesConfig;\n        ferry?: TransportDistancesConfig;\n        location?: TransportDistancesConfig;\n    };\n}\n\nexport interface ShowYearOnCalendarProps {\n    showYearOnCalendar?: boolean;\n    yearDisplayOption?: string;\n}\n\nexport interface ShowPromoCodeAlertProps {\n    showPromoCodeAlert?: boolean;\n    promoCodeAlertType?: 'popup' | 'notification';\n}\n\nexport interface IPageTitle {\n    enable: boolean;\n    HotelInfo: string;\n    FindReservation: string;\n    Date: string;\n    Room: string;\n    Addon: string;\n    Confirmation: string;\n    Thanks: string;\n}\n\nexport interface IOverrideMessage {\n    enable: boolean;\n    BestRatePerks: string;\n    BestRatePerksAlert: string;\n    PreSignUp: string;\n    PostSignUp: string;\n    pricesIncludeFeesMessage?: string;\n}\n\nexport interface HotelOverrideDTO extends ShowYearOnCalendarProps, ShowPromoCodeAlertProps {\n    hideByLine?: boolean;\n    overrideDistanceUnitType?: boolean;\n    distanceUnitType?: DistanceUnitType;\n    transportDistances?: TransportDistances;\n    phoneNumberInSummary?: string;\n    enabledEventIds?: string[];\n    pageTitle?: IPageTitle;\n    showPromoCodeDescription?: boolean;\n    alwaysShowDecimals?: boolean;\n    messages?: IOverrideMessage;\n    /**\n     * If true, displays the long description next to the short description side by side in the room modal\n     */\n    roomModalDescSideBySide?: boolean;\n    /**\n     * If true, Disable grouping rooms in the All Accommodation tab\n     * Default: false\n     */\n    disableGroupRoomsAllTab?: boolean;\n    orderUnavailableRoomsLast?: boolean;\n    showPromocodeFieldInCheckout: boolean;\n    showDayNameInDates?: boolean;\n    skipViewRatesOnSingleRate?: boolean;\n}\n"]}

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

@@ -148,6 +148,8 @@ export interface AdminHotelConfig {
     calendarHighlights: CalendarHighlight[];
     addressRequirement: EHotelAddressRequirement;
     maxRoomsPerBooking: number | null;
+    /** Duration (in minutes) of the basket countdown timer; 0 hides it. */
+    basketTimeout?: number;
 }
 /**
  * This config comes from hard static local file

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":";;;AAoBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,gCAAhB,gBAAgB,QAO3B;AAOD,0DAA0D;AAC1D,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAChC,uEAA2C,CAAA;IAC3C,6FAAiE,CAAA;IACjE,+DAAmC,CAAA;AACvC,CAAC,EAJW,wBAAwB,wCAAxB,wBAAwB,QAInC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, EMembershipProvider, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport { CalendarHighlight } from '@/models/CalendarHighlight';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n//@TODO: move EHotelAddressRequirement into @roomstay/core\nexport enum EHotelAddressRequirement {\n    FullAddressRequired = 'FullAddressRequired',\n    AddressOptionalCountryRequired = 'AddressOptionalCountryRequired',\n    AddressOptional = 'AddressOptional',\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    windcave?: {\n        enableDropInMode: boolean;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    occupancyLimits?: {\n        maxSelectableChildren: { [adultCount: number]: number };\n        maxSelectableInfants: { [adultCount: number]: number | undefined };\n        highestAdultConfig: number;\n    };\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n        enableDerbysoftFeed?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n    disableSavedPayments?: boolean;\n    showUnavailableRooms?: boolean;\n    isRACMemberNoRequired?: boolean;\n    metaPixelId?: string;\n    enableAnalyticsDebug?: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n    countryCode: string | null;\n    calendarHighlights: CalendarHighlight[];\n    addressRequirement: EHotelAddressRequirement;\n    maxRoomsPerBooking: number | null;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: 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    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\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     * 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     * Order available rooms\n     */\n    currentRoomSort?: RoomSort;\n    /**\n     * Order available rates\n     */\n    currentRoomRateSort?: RoomSort | undefined;\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n    memberOnlyImages?: Record<EMembershipProvider, string>;\n    memberOnlyModalImages?: Record<EMembershipProvider, string>;\n    memberOnlySignupLinks?: Record<EMembershipProvider, string>;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n\n    // TODO: Should be a better way to use this configuration.\n    isRACMemberNoRequired?: boolean;\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":";;;AAoBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,gCAAhB,gBAAgB,QAO3B;AAOD,0DAA0D;AAC1D,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAChC,uEAA2C,CAAA;IAC3C,6FAAiE,CAAA;IACjE,+DAAmC,CAAA;AACvC,CAAC,EAJW,wBAAwB,wCAAxB,wBAAwB,QAInC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, EMembershipProvider, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport { CalendarHighlight } from '@/models/CalendarHighlight';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n//@TODO: move EHotelAddressRequirement into @roomstay/core\nexport enum EHotelAddressRequirement {\n    FullAddressRequired = 'FullAddressRequired',\n    AddressOptionalCountryRequired = 'AddressOptionalCountryRequired',\n    AddressOptional = 'AddressOptional',\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    windcave?: {\n        enableDropInMode: boolean;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    occupancyLimits?: {\n        maxSelectableChildren: { [adultCount: number]: number };\n        maxSelectableInfants: { [adultCount: number]: number | undefined };\n        highestAdultConfig: number;\n    };\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n        enableDerbysoftFeed?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n    disableSavedPayments?: boolean;\n    showUnavailableRooms?: boolean;\n    isRACMemberNoRequired?: boolean;\n    metaPixelId?: string;\n    enableAnalyticsDebug?: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n    countryCode: string | null;\n    calendarHighlights: CalendarHighlight[];\n    addressRequirement: EHotelAddressRequirement;\n    maxRoomsPerBooking: number | null;\n    /** Duration (in minutes) of the basket countdown timer; 0 hides it. */\n    basketTimeout?: number;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: 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    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\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     * 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     * Order available rooms\n     */\n    currentRoomSort?: RoomSort;\n    /**\n     * Order available rates\n     */\n    currentRoomRateSort?: RoomSort | undefined;\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n    memberOnlyImages?: Record<EMembershipProvider, string>;\n    memberOnlyModalImages?: Record<EMembershipProvider, string>;\n    memberOnlySignupLinks?: Record<EMembershipProvider, string>;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n\n    // TODO: Should be a better way to use this configuration.\n    isRACMemberNoRequired?: boolean;\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/findReservation/FindReservationResults.js

@@ -133,7 +133,7 @@ function FindReservationResults() {
     }, [bookingInformation]);
     const addons = [];
     const comments = [];
-    const total = (0, react_1.useMemo)(() => {
+    const total = (0, react_1.useCallback)(() => {
         if (bookingInformation === null || bookingInformation === void 0 ? void 0 : bookingInformation.reservations) {
             return core_1.TotalCalculator.calculateTotalForReservation(bookingInformation, dismissAddonNightCount);
         }

package/dist/src/pages/findReservation/FindReservationResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"FindReservationResults.js","sourceRoot":"/","sources":["src/pages/findReservation/FindReservationResults.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { ReservationAddonDTO, ReservationDTO, ReservationsDTO, SimpleItemisedFee, TotalCalculator } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BackButton from '@/components/generic/BackButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { PageTitle } from '@/components/generic/PageTitle';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { CommonAddonSummary } from '@/components/steps/common/CommonAddonSummary/CommonAddonSummary';\nimport { ItemisedFeesSummary } from '@/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary';\nimport { FindReservationResultsViewEvent } from '@/events';\nimport { IEventReservation } from '@/models/Api/IEventReservation';\nimport ReservationRow from '@/pages/findReservation/ReservationRow';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport default function FindReservationResults() {\n    const params: any = useParams();\n    const navigate = useNavigate();\n\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n\n    const [bookingInformation, setBookingInformation] = useState<ReservationsDTO | null>(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [cancellationMessage, setCancellationMessage] = useState('');\n    const [cancellationTrigger, setCancellationTrigger] = useState(0);\n\n    const [data, setData] = useState<ReservationsDTO | null>(null);\n    const [itemisedFees, setItemisedFees] = useState<SimpleItemisedFee[]>([]);\n\n    const pushHistoryOnClick = () => {\n        navigate('../');\n    };\n\n    /**\n     * Determines whether addon night count should be dismissed.\n     * This is true when the booking is not from Roomstay, indicated by:\n     * - the itinerary number not starting with 'RS', and\n     * - the hotel not preferring provider booking IDs.\n     */\n    const dismissAddonNightCount = !bookingInformation?.itineraryNumber?.startsWith('RS') && !hotel?.preferProviderBookingId;\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n\n        const handleSuccess = (data: ReservationsDTO) => {\n            if (!isCancelled) {\n                setBookingInformation(data);\n                setIsLoading(false);\n                setData(data);\n            }\n        };\n\n        if (params?.ref) {\n            API.Reservation.findReservation(params.ref, params.email, hotel?.hotelID as string)\n                .then((data: ReservationsDTO) => {\n                    if (data.hotelFrontendId && data.hotelFrontendId !== hotel?.hotelID) {\n                        // User has searched for a booking that belongs to a different hotel (but within the same company).\n                        // Let's redirect the user to the correct hotel.\n                        ccx.getHotel(data.hotelFrontendId)\n                            .then((hotel) => {\n                                const findReservationUrl = `${hotel.hotelUrl}/${hotel.checkoutUrl}/#/find-reservation/${params.ref}/${params.email}`;\n                                window.location.href = findReservationUrl;\n                            })\n                            .catch((error) => {\n                                console.error(`Failed to find hotel: ${error}. Continuing with current hotel.`);\n                                handleSuccess(data);\n                            });\n                    } else {\n                        handleSuccess(data);\n                    }\n                })\n                .catch(() => {\n                    navigate('/find-reservation');\n                });\n        } else {\n            navigate('/find-reservation');\n        }\n\n        return () => {\n            isCancelled = true;\n        };\n    }, [cancellationTrigger]);\n\n    useEffect(() => {\n        setItemisedFees(bookingInformation?.feesSummary || []);\n    }, [bookingInformation]);\n\n    const addons: ReservationAddonDTO[] = [];\n    const comments: string[] = [];\n\n    const total = useMemo(() => {\n        if (bookingInformation?.reservations) {\n            return TotalCalculator.calculateTotalForReservation(bookingInformation, dismissAddonNightCount);\n        }\n\n        return 0;\n    }, [bookingInformation, dismissAddonNightCount]);\n\n    const { raise } = useEvent();\n    useEffect(() => {\n        if (!data) return;\n\n        const reservations: IEventReservation[] =\n            data.reservations?.map((obj: ReservationDTO) => {\n                const nightKeys = Object.keys(obj.nights);\n                const dateFormat = 'YYYY-MM-DDTHH:mm:ss';\n\n                return {\n                    reservationId: obj.reservationNumber,\n                    checkInTime: dayjs(nightKeys[0]).format(dateFormat),\n                    checkOutTime: dayjs(nightKeys[nightKeys.length - 1])\n                        .add(1, 'day')\n                        .format(dateFormat),\n                    totalPrice: obj.total.afterTax,\n                    priceCurrency: ccx.currentCurrency,\n                };\n            }) ?? [];\n\n        const event = new FindReservationResultsViewEvent(reservations);\n        raise(event);\n    }, [data]);\n\n    return (\n        <div className=\"container u-pad--heavy-plus u-pad-left u-pad-right\">\n            <PageTitle step=\"FindReservation\" />\n            {isLoading ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom\">\n                        <BackButton onClick={pushHistoryOnClick} />\n                    </div>\n                    <Headline size=\"extra-large\">{t(Translation.FindReservation.YourItinerary)}</Headline>\n                    <Headline color={Color.DarkGrey}>#{bookingInformation?.itineraryNumber}</Headline>\n                    <div className=\"row u-marg-top--heavy\">\n                        <AutoAutoHeight open={!!cancellationMessage}>\n                            <Alert>{cancellationMessage}</Alert>\n                        </AutoAutoHeight>\n                        {bookingInformation?.reservations?.map((obj: ReservationDTO, index: number) => {\n                            if (obj.addons) {\n                                const nights = Object.keys(obj.nights);\n                                obj.addons.forEach((addon) => {\n                                    if (dismissAddonNightCount) {\n                                        addons.push(addon);\n                                    } else {\n                                        addons.push({ ...addon, nights: nights.length });\n                                    }\n                                });\n                            }\n\n                            if (obj.comments && index === 0) {\n                                obj.comments.map((comment: string) => {\n                                    comments.push(comment);\n                                });\n                            }\n\n                            return (\n                                <div className=\"col-lg-6\" key={obj.reservationNumber}>\n                                    <ReservationRow reservation={obj} key={obj.reservationNumber} />\n                                </div>\n                            );\n                        })}\n                    </div>\n                    {hotel?.itineraryNote && (\n                        <Alert icon={IconType.Info} type={AlertType.Alert}>\n                            <Text type={TextType.Small} asDiv>\n                                <HtmlContentViewer content={hotel.itineraryNote}></HtmlContentViewer>\n                            </Text>\n                        </Alert>\n                    )}\n                    <LineBreak />\n                    <CommonAddonSummary addons={addons} />\n                    {comments.length >= 1 && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Label} color={Color.Grey}>\n                                    {t(Translation.Step.Confirmation.Comments)}\n                                </Text>\n                            </div>\n                            {comments.map((comment, index: number) => (\n                                <Text key={index} type={TextType.Small}>\n                                    {comment}\n                                </Text>\n                            ))}\n                            <LineBreak />\n                        </>\n                    )}\n\n                    <ItemisedFeesSummary fees={itemisedFees} />\n\n                    <Text type={TextType.Small} align={TextAlign.Right}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <Headline bold size=\"large\" align={TextAlign.Right}>\n                        <Currency>{total}</Currency>\n                    </Headline>\n                    <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey}>\n                        <TaxInclusionNotice />\n                    </Text>\n                </>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"FindReservationResults.js","sourceRoot":"/","sources":["src/pages/findReservation/FindReservationResults.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { ReservationAddonDTO, ReservationDTO, ReservationsDTO, SimpleItemisedFee, TotalCalculator } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { useCallback, useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BackButton from '@/components/generic/BackButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { PageTitle } from '@/components/generic/PageTitle';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { CommonAddonSummary } from '@/components/steps/common/CommonAddonSummary/CommonAddonSummary';\nimport { ItemisedFeesSummary } from '@/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary';\nimport { FindReservationResultsViewEvent } from '@/events';\nimport { IEventReservation } from '@/models/Api/IEventReservation';\nimport ReservationRow from '@/pages/findReservation/ReservationRow';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport default function FindReservationResults() {\n    const params: any = useParams();\n    const navigate = useNavigate();\n\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n\n    const [bookingInformation, setBookingInformation] = useState<ReservationsDTO | null>(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [cancellationMessage, setCancellationMessage] = useState('');\n    const [cancellationTrigger, setCancellationTrigger] = useState(0);\n\n    const [data, setData] = useState<ReservationsDTO | null>(null);\n    const [itemisedFees, setItemisedFees] = useState<SimpleItemisedFee[]>([]);\n\n    const pushHistoryOnClick = () => {\n        navigate('../');\n    };\n\n    /**\n     * Determines whether addon night count should be dismissed.\n     * This is true when the booking is not from Roomstay, indicated by:\n     * - the itinerary number not starting with 'RS', and\n     * - the hotel not preferring provider booking IDs.\n     */\n    const dismissAddonNightCount = !bookingInformation?.itineraryNumber?.startsWith('RS') && !hotel?.preferProviderBookingId;\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n\n        const handleSuccess = (data: ReservationsDTO) => {\n            if (!isCancelled) {\n                setBookingInformation(data);\n                setIsLoading(false);\n                setData(data);\n            }\n        };\n\n        if (params?.ref) {\n            API.Reservation.findReservation(params.ref, params.email, hotel?.hotelID as string)\n                .then((data: ReservationsDTO) => {\n                    if (data.hotelFrontendId && data.hotelFrontendId !== hotel?.hotelID) {\n                        // User has searched for a booking that belongs to a different hotel (but within the same company).\n                        // Let's redirect the user to the correct hotel.\n                        ccx.getHotel(data.hotelFrontendId)\n                            .then((hotel) => {\n                                const findReservationUrl = `${hotel.hotelUrl}/${hotel.checkoutUrl}/#/find-reservation/${params.ref}/${params.email}`;\n                                window.location.href = findReservationUrl;\n                            })\n                            .catch((error) => {\n                                console.error(`Failed to find hotel: ${error}. Continuing with current hotel.`);\n                                handleSuccess(data);\n                            });\n                    } else {\n                        handleSuccess(data);\n                    }\n                })\n                .catch(() => {\n                    navigate('/find-reservation');\n                });\n        } else {\n            navigate('/find-reservation');\n        }\n\n        return () => {\n            isCancelled = true;\n        };\n    }, [cancellationTrigger]);\n\n    useEffect(() => {\n        setItemisedFees(bookingInformation?.feesSummary || []);\n    }, [bookingInformation]);\n\n    const addons: ReservationAddonDTO[] = [];\n    const comments: string[] = [];\n\n    const total = useCallback(() => {\n        if (bookingInformation?.reservations) {\n            return TotalCalculator.calculateTotalForReservation(bookingInformation, dismissAddonNightCount);\n        }\n\n        return 0;\n    }, [bookingInformation, dismissAddonNightCount]);\n\n    const { raise } = useEvent();\n    useEffect(() => {\n        if (!data) return;\n\n        const reservations: IEventReservation[] =\n            data.reservations?.map((obj: ReservationDTO) => {\n                const nightKeys = Object.keys(obj.nights);\n                const dateFormat = 'YYYY-MM-DDTHH:mm:ss';\n\n                return {\n                    reservationId: obj.reservationNumber,\n                    checkInTime: dayjs(nightKeys[0]).format(dateFormat),\n                    checkOutTime: dayjs(nightKeys[nightKeys.length - 1])\n                        .add(1, 'day')\n                        .format(dateFormat),\n                    totalPrice: obj.total.afterTax,\n                    priceCurrency: ccx.currentCurrency,\n                };\n            }) ?? [];\n\n        const event = new FindReservationResultsViewEvent(reservations);\n        raise(event);\n    }, [data]);\n\n    return (\n        <div className=\"container u-pad--heavy-plus u-pad-left u-pad-right\">\n            <PageTitle step=\"FindReservation\" />\n            {isLoading ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom\">\n                        <BackButton onClick={pushHistoryOnClick} />\n                    </div>\n                    <Headline size=\"extra-large\">{t(Translation.FindReservation.YourItinerary)}</Headline>\n                    <Headline color={Color.DarkGrey}>#{bookingInformation?.itineraryNumber}</Headline>\n                    <div className=\"row u-marg-top--heavy\">\n                        <AutoAutoHeight open={!!cancellationMessage}>\n                            <Alert>{cancellationMessage}</Alert>\n                        </AutoAutoHeight>\n                        {bookingInformation?.reservations?.map((obj: ReservationDTO, index: number) => {\n                            if (obj.addons) {\n                                const nights = Object.keys(obj.nights);\n                                obj.addons.forEach((addon) => {\n                                    if (dismissAddonNightCount) {\n                                        addons.push(addon);\n                                    } else {\n                                        addons.push({ ...addon, nights: nights.length });\n                                    }\n                                });\n                            }\n\n                            if (obj.comments && index === 0) {\n                                obj.comments.map((comment: string) => {\n                                    comments.push(comment);\n                                });\n                            }\n\n                            return (\n                                <div className=\"col-lg-6\" key={obj.reservationNumber}>\n                                    <ReservationRow reservation={obj} key={obj.reservationNumber} />\n                                </div>\n                            );\n                        })}\n                    </div>\n                    {hotel?.itineraryNote && (\n                        <Alert icon={IconType.Info} type={AlertType.Alert}>\n                            <Text type={TextType.Small} asDiv>\n                                <HtmlContentViewer content={hotel.itineraryNote}></HtmlContentViewer>\n                            </Text>\n                        </Alert>\n                    )}\n                    <LineBreak />\n                    <CommonAddonSummary addons={addons} />\n                    {comments.length >= 1 && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Label} color={Color.Grey}>\n                                    {t(Translation.Step.Confirmation.Comments)}\n                                </Text>\n                            </div>\n                            {comments.map((comment, index: number) => (\n                                <Text key={index} type={TextType.Small}>\n                                    {comment}\n                                </Text>\n                            ))}\n                            <LineBreak />\n                        </>\n                    )}\n\n                    <ItemisedFeesSummary fees={itemisedFees} />\n\n                    <Text type={TextType.Small} align={TextAlign.Right}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <Headline bold size=\"large\" align={TextAlign.Right}>\n                        <Currency>{total}</Currency>\n                    </Headline>\n                    <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey}>\n                        <TaxInclusionNotice />\n                    </Text>\n                </>\n            )}\n        </div>\n    );\n}\n"]}