npm - @roomstay/frontend - Versions diffs - 2.6.88 → 2.6.89-2 - Mend

@roomstay/frontend 2.6.88 → 2.6.89-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1088) hide show

package/dist/src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReadMoreRoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { PlanpayPrice } from '@/components/generic/PlanpayPrice/PlanpayPrice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n RoomRateDetailsAndPriceBreakdownModalTabs,\n} from '@/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport RoomRatePills from '@/components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport useCurrency from '@/hooks/Currency';\nimport usePlanpay from '@/hooks/Planpay';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateReadMoreVersionFeature from '@/providers/feature/RoomRateReadMoreVersionFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './ReadMoreRoomRateRow.module.scss';\n\nexport interface RoomRateRowProps {\n rate: RoomRate;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n\n isPromoRate?: boolean;\n}\n\nexport default function ReadMoreRoomRateRow(props: RoomRateRowProps) {\n const ccx = useContext(CompanyContext);\n const basketContext = useContext(BasketContext);\n\n const [viewingModal, setViewingModal] = useState({\n open: false,\n currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n });\n\n const [requireReadMore, setRequireReadMore] = useState(false);\n const [readMoreOpened, setReadMoreOpened] = useState(false);\n\n const [targetOpenHeight, setTargetOpenHeight] = useState(0);\n\n const innerDescRef = useRef<HTMLDivElement>(null);\n const outerDescRef = useRef<HTMLDivElement>(null);\n\n const { t } = useTranslation();\n const { isAccent2ColorDark } = useCurrentHotel();\n\n const { rate } = props;\n const selectedRow = basketContext.selectedBasketRow;\n const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n const currentRow = useRef<HTMLDivElement \| null>(null);\n\n const classes = classNames('room-info', {\n '--default': !rate.isMemberOnly,\n '--locked': rate.isMemberOnly,\n '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n '--is-promo': props.isPromoRate,\n });\n\n let isLocked = false;\n\n if (rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n useEffect(() => {\n let isCancelled = false;\n\n const onResize = () => {\n if (!isCancelled && innerDescRef.current && outerDescRef.current) {\n const innerBoundiugRect = innerDescRef.current.getBoundingClientRect();\n const outerBoundingRect = outerDescRef.current.getBoundingClientRect();\n\n setRequireReadMore(innerBoundiugRect.height > outerBoundingRect.height);\n setTargetOpenHeight(innerBoundiugRect.height);\n }\n };\n\n onResize();\n\n window.addEventListener('resize', onResize);\n\n return () => {\n isCancelled = true;\n\n window.removeEventListener('resize', onResize);\n };\n }, [innerDescRef, outerDescRef]);\n\n useEffect(() => {\n if (!isLocked) {\n const basketRow = basketContext.selectedBasketRow;\n if (!basketRow) {\n return;\n }\n\n DataLayer.instance.addRoomImpression(rate.getRoom(), { to: basketRow.getStartDate(), from: basketRow.getEndDate() }, basketRow.getPromoCode());\n }\n }, [isThisSelectedRow]);\n\n const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n setViewingModal({ open: true, currentTab: tab });\n };\n\n let bookNowLabel = '';\n if (props.getButtonLabel) {\n bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n } else {\n if (isRoomSelectedAndEditing) {\n bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n } else {\n bookNowLabel = t(Translation.Misc.BookNow);\n }\n }\n\n const openMemberSignupModalOnClick = () => {\n DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n ccx.openMemberSignupModal();\n };\n\n const rateDetailsOnClick = () => {\n setReadMoreOpened((opened) => {\n return !opened;\n });\n };\n\n const updateModalOnClose = () => {\n setViewingModal((old) => {\n old.open = false;\n return { ...old };\n });\n };\n\n const openTabOnClick = () => {\n DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n };\n\n const shouldTextBeWhite = isAccent2ColorDark && ((isThisSelectedRow && isRoomSelectedAndEditing) \|\| props.isPromoRate);\n const textWhiteOr = (color = Color.Graphite) => {\n return shouldTextBeWhite ? Color.White : color;\n };\n\n const { value: price, isLoading } = useCurrency({\n disableLoading: true,\n hideDecimals: true,\n children: rate.getAveragePrice(true),\n });\n const { hasPricePreview } = usePlanpay();\n\n const outerDescriptionClassList = classNames({\n [styles.descriptionTextOuter]: true,\n 'text-small': true,\n [styles.requireReadMore]: requireReadMore,\n [styles.revealReadMore]: readMoreOpened,\n });\n\n return (\n <div className={classes} ref={currentRow}>\n <div className=\"row\">\n <div\n className={classNames({\n 'col-lg-6': hasPricePreview,\n 'col-lg-8': !hasPricePreview,\n })}\n >\n <div className=\"u-flex flex-column h-100\">\n <div>\n <div className=\"u-marg-bottom-half\">\n {isLocked ? (\n <Text type={TextType.Body} color={Color.Success}>\n <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n </Text>\n ) : (\n <Text type={TextType.Body} color={textWhiteOr()} bold>\n {rate.name}\n </Text>\n )}\n </div>\n <div\n className={outerDescriptionClassList}\n style={{\n color: textWhiteOr(),\n ['--maxLines' as any]: RoomRateReadMoreVersionFeature.getMaxLines(),\n ['--lineHeight' as any]: targetOpenHeight + 'px',\n }}\n ref={outerDescRef}\n >\n <div\n className={styles.descriptionTextInner}\n dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }}\n ref={innerDescRef}\n />\n </div>\n {isLocked && (\n <div className=\"u-marg\">\n <span onClick={openMemberSignupModalOnClick}>\n <Pill icon={IconType.Money} type={PillType.Success}>\n {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n </Pill>\n </span>\n </div>\n )}\n </div>\n <div className=\"u-flex justify-content-start u-marg-bottom u-marg-top-bottom@l-\">\n {requireReadMore && (\n <div className=\"u-marg-right u-inline-flex\">\n <BEButton\n icon={IconType.ArrowRight2}\n isText\n primary\n size=\"small\"\n iconPosition=\"right\"\n onClick={rateDetailsOnClick}\n textColor={textWhiteOr(Color.Accent)}\n >\n {readMoreOpened ? t(Translation.Step.Room.ReadLess) : t(Translation.Step.Room.ReadMore)}\n </BEButton>\n </div>\n )}\n <BEButton\n icon={IconType.ArrowRight2}\n isText\n textColor={textWhiteOr(Color.Navy)}\n size=\"small\"\n iconPosition=\"right\"\n onClick={openTabOnClick}\n disabled={isLocked}\n >\n {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n </BEButton>\n </div>\n <RoomRatePills noMargin rate={props.rate} />\n </div>\n </div>\n <div\n className={classNames(\n {\n 'col-lg-6': hasPricePreview,\n 'col-lg-4': !hasPricePreview,\n },\n 'u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start'\n )}\n >\n <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n <RoomDetailsPriceBlock\n isLocked={isLocked}\n averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n averagePrice={rate.getAveragePrice(true)}\n isMemberOnly={props.rate.isMemberOnly}\n useLightText={shouldTextBeWhite}\n />\n <Text type={TextType.Label} color={textWhiteOr(Color.DarkGrey)} align={TextAlign.Right}>\n <span\n dangerouslySetInnerHTML={{\n __html:\n rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n : t(Translation.Step.Room.ExcludingTaxes),\n }}\n ></span>\n </Text>\n </div>\n {!isLoading && hasPricePreview ? (\n <div className=\"u-marg-top--light\">\n <PlanpayPrice price={price} checkin={(selectedRow?.getStartDate() \|\| basketContext.endDate).format('YYYY-MM-DD')} currency={ccx.currentCurrency} />\n </div>\n ) : null}\n <div className=\"u-marg-top--light\">\n {isLocked ? (\n <BEButton filled success wide onClick={openMemberSignupModalOnClick}>\n {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n </BEButton>\n ) : (\n <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n )}\n </div>\n </div>\n </div>\n <RoomRateDetailsAndPriceBreakdownModal\n isOpen={viewingModal.open}\n currentTab={viewingModal.currentTab}\n rate={props.rate}\n getButtonLabel={props.getButtonLabel}\n onAddToBasketOverride={props.onAddToBasketOverride}\n onClose={updateModalOnClose}\n />\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"ReadMoreRoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { PlanpayPrice } from '@/components/generic/PlanpayPrice/PlanpayPrice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n RoomRateDetailsAndPriceBreakdownModalTabs,\n} from '@/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport RoomRatePills from '@/components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport useCurrency from '@/hooks/Currency';\nimport usePlanpay from '@/hooks/Planpay';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateReadMoreVersionFeature from '@/providers/feature/RoomRateReadMoreVersionFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './ReadMoreRoomRateRow.module.scss';\n\nexport interface RoomRateRowProps {\n rate: RoomRate;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n\n isPromoRate?: boolean;\n}\n\nexport default function ReadMoreRoomRateRow(props: RoomRateRowProps) {\n const ccx = useContext(CompanyContext);\n const basketContext = useContext(BasketContext);\n\n const [viewingModal, setViewingModal] = useState({\n open: false,\n currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n });\n\n const [requireReadMore, setRequireReadMore] = useState(false);\n const [readMoreOpened, setReadMoreOpened] = useState(false);\n\n const [targetOpenHeight, setTargetOpenHeight] = useState(0);\n\n const innerDescRef = useRef<HTMLDivElement>(null);\n const outerDescRef = useRef<HTMLDivElement>(null);\n\n const { t } = useTranslation();\n const { isAccent2ColorDark } = useCurrentHotel();\n\n const { rate } = props;\n const selectedRow = basketContext.selectedBasketRow;\n const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n const currentRow = useRef<HTMLDivElement \| null>(null);\n\n const classes = classNames('room-info', {\n '--default': !rate.isMemberOnly,\n '--locked': rate.isMemberOnly,\n '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n '--is-promo': props.isPromoRate,\n });\n\n let isLocked = false;\n\n if (rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n useEffect(() => {\n let isCancelled = false;\n\n const onResize = () => {\n if (!isCancelled && innerDescRef.current && outerDescRef.current) {\n const innerBoundiugRect = innerDescRef.current.getBoundingClientRect();\n const outerBoundingRect = outerDescRef.current.getBoundingClientRect();\n\n setRequireReadMore(innerBoundiugRect.height > outerBoundingRect.height);\n setTargetOpenHeight(innerBoundiugRect.height);\n }\n };\n\n onResize();\n\n window.addEventListener('resize', onResize);\n\n return () => {\n isCancelled = true;\n\n window.removeEventListener('resize', onResize);\n };\n }, [innerDescRef, outerDescRef]);\n\n useEffect(() => {\n if (!isLocked) {\n const basketRow = basketContext.selectedBasketRow;\n if (!basketRow) {\n return;\n }\n\n DataLayer.instance.addRoomImpression(rate.getRoom(), { to: basketRow.getStartDate(), from: basketRow.getEndDate() }, basketRow.getPromoCode());\n }\n }, [isThisSelectedRow]);\n\n const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n setViewingModal({ open: true, currentTab: tab });\n };\n\n let bookNowLabel = '';\n if (props.getButtonLabel) {\n bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n } else {\n if (isRoomSelectedAndEditing) {\n bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n } else {\n bookNowLabel = t(Translation.Misc.BookNow);\n }\n }\n\n const openMemberSignupModalOnClick = () => {\n DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n ccx.openMemberSignupModal();\n };\n\n const rateDetailsOnClick = () => {\n setReadMoreOpened((opened) => {\n return !opened;\n });\n };\n\n const updateModalOnClose = () => {\n setViewingModal((old) => {\n old.open = false;\n return { ...old };\n });\n };\n\n const openTabOnClick = () => {\n DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n };\n\n const shouldTextBeWhite = isAccent2ColorDark && ((isThisSelectedRow && isRoomSelectedAndEditing) \|\| props.isPromoRate);\n const textWhiteOr = (color = Color.Graphite) => {\n return shouldTextBeWhite ? Color.White : color;\n };\n\n const { value: price, isLoading } = useCurrency({\n disableLoading: true,\n hideDecimals: true,\n children: rate.getAveragePrice(true),\n });\n const { hasPricePreview } = usePlanpay();\n\n const outerDescriptionClassList = classNames({\n [styles.descriptionTextOuter]: true,\n 'text-small': true,\n [styles.requireReadMore]: requireReadMore,\n [styles.revealReadMore]: readMoreOpened,\n });\n\n return (\n <div className={classes} ref={currentRow}>\n <div className=\"row\">\n <div\n className={classNames({\n 'col-lg-6': hasPricePreview,\n 'col-lg-8': !hasPricePreview,\n })}\n >\n <div className=\"u-flex flex-column h-100\">\n <div>\n <div className=\"u-marg-bottom-half\">\n {isLocked ? (\n <Text type={TextType.Body} color={Color.Success}>\n <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n </Text>\n ) : (\n <Text type={TextType.Body} color={textWhiteOr()} bold>\n {rate.name}\n </Text>\n )}\n </div>\n <div\n className={outerDescriptionClassList}\n style={{\n color: textWhiteOr(),\n ['--maxLines' as any]: RoomRateReadMoreVersionFeature.getMaxLines(),\n ['--lineHeight' as any]: targetOpenHeight + 'px',\n }}\n ref={outerDescRef}\n >\n <div\n className={styles.descriptionTextInner}\n dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }}\n ref={innerDescRef}\n />\n </div>\n {isLocked && (\n <div className=\"u-marg\">\n <span onClick={openMemberSignupModalOnClick}>\n <Pill icon={IconType.Money} type={PillType.Success}>\n {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n </Pill>\n </span>\n </div>\n )}\n </div>\n <div className=\"u-flex justify-content-start u-marg-bottom u-marg-top-bottom@l-\">\n {requireReadMore && (\n <div className=\"u-marg-right u-inline-flex\">\n <BEButton\n icon={IconType.ArrowRight2}\n isText\n primary\n size=\"small\"\n iconPosition=\"right\"\n onClick={rateDetailsOnClick}\n textColor={textWhiteOr(Color.Accent)}\n >\n {readMoreOpened ? t(Translation.Step.Room.ReadLess) : t(Translation.Step.Room.ReadMore)}\n </BEButton>\n </div>\n )}\n <BEButton\n icon={IconType.ArrowRight2}\n isText\n textColor={textWhiteOr(Color.Navy)}\n size=\"small\"\n iconPosition=\"right\"\n onClick={openTabOnClick}\n disabled={isLocked}\n >\n {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n </BEButton>\n </div>\n <RoomRatePills noMargin rate={props.rate} />\n </div>\n </div>\n <div\n className={classNames(\n {\n 'col-lg-6': hasPricePreview,\n 'col-lg-4': !hasPricePreview,\n },\n 'u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start'\n )}\n >\n <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n <RoomDetailsPriceBlock\n isLocked={isLocked}\n averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n averagePrice={rate.getAveragePrice(true)}\n isMemberOnly={props.rate.isMemberOnly}\n useLightText={shouldTextBeWhite}\n />\n <Text type={TextType.Label} color={textWhiteOr(Color.DarkGrey)} align={TextAlign.Right}>\n <span\n dangerouslySetInnerHTML={{\n __html:\n rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n : t(Translation.Step.Room.ExcludingTaxes),\n }}\n ></span>\n </Text>\n </div>\n {!isLoading && hasPricePreview ? (\n <div className=\"u-marg-top--light\">\n <PlanpayPrice price={price} checkin={(selectedRow?.getStartDate() \|\| basketContext.endDate).format('YYYY-MM-DD')} currency={ccx.currentCurrency} />\n </div>\n ) : null}\n <div className=\"u-marg-top--light\">\n {isLocked ? (\n <BEButton filled success wide onClick={openMemberSignupModalOnClick}>\n {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n </BEButton>\n ) : (\n <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n )}\n </div>\n </div>\n </div>\n <RoomRateDetailsAndPriceBreakdownModal\n isOpen={viewingModal.open}\n currentTab={viewingModal.currentTab}\n rate={props.rate}\n getButtonLabel={props.getButtonLabel}\n onAddToBasketOverride={props.onAddToBasketOverride}\n onClose={updateModalOnClose}\n />\n </div>\n );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRateDescriptionTabProps {
     rate: RoomRate;
@@ -9,6 +8,6 @@ interface RoomRateDescriptionFooterProps {
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;
     onAddToBasketOverride?: (rate: RoomRate) => void;
 }
-export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => React.JSX.Element;
-export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): React.JSX.Element;
+export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => JSX.Element;
+export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.js CHANGED Viewed

@@ -15,29 +15,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDescriptionFooter = void 0;
-exports.default = RoomRateDescriptionTab;
 const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -126,8 +115,9 @@ function RoomRateDescriptionTab(props) {
         react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                 react_1.default.createElement(Headline_1.default, { bold: true }, rateName)),
-            react_1.default.createElement("div", { className: "u-marg-bottom--heavy text-small u-pre-wrap u-clear-font-weight" },
-                react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: longDescription ? longDescription : shortDescription !== null && shortDescription !== void 0 ? shortDescription : '' })),
+            react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
+                    react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: longDescription ? longDescription : shortDescription !== null && shortDescription !== void 0 ? shortDescription : '' }))),
             react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                 react_1.default.createElement(Calendar, { row: row, rate: rate }),
                 react_1.default.createElement(RateDescriptionOverides, { rate: rate })),
@@ -136,17 +126,17 @@ function RoomRateDescriptionTab(props) {
                 react_1.default.createElement(Text_1.default, null,
                     react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Policies)))),
             react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
-                (guaranteePolicy === null || guaranteePolicy === void 0 ? void 0 : guaranteePolicy.longDescription) && !guaranteePolicy.hide && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                guaranteePolicy && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                     react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                             react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.GuaranteePolicy)))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                        react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: guaranteePolicy.longDescription })))),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
+                        react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: guaranteePolicy })))),
                 react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                     react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                             react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.CancellationPolicy)))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
                         react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: cancelPolicy })))),
             react_1.default.createElement("div", { className: "u-flex flex-column align-items-start align-items-md-end justify-content-end" },
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy }, t(Translation_1.Translation.Misc.Total)),
@@ -154,4 +144,5 @@ function RoomRateDescriptionTab(props) {
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey, align: isMobile ? TextAlignment_1.TextAlign.Left : TextAlignment_1.TextAlign.Right },
                     react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes) } }))))));
 }
+exports.default = RoomRateDescriptionTab;
 //# sourceMappingURL=RoomRateDescriptionTab.js.map

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useRateDetails } from '@/hooks/useRateDetails';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport BasketRow from '@/models/BasketRow';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './RoomRateDescriptionTab.module.scss';\n\ninterface RoomRateDescriptionTabProps {\n rate: RoomRate;\n}\n\ninterface RoomRateDescriptionFooterProps {\n rate: RoomRate;\n onClose: () => void;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n const { t } = useTranslation();\n const ccx = useContext(CompanyContext);\n\n const { rate } = props;\n\n let isLocked = false;\n\n if (rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n const openSignupModalOnClick = () => {\n DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n ccx.openMemberSignupModal();\n };\n\n const bookNowButton = isLocked ? (\n <BEButton filled success onClick={openSignupModalOnClick}>\n {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n </BEButton>\n ) : (\n <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n );\n\n const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n return (\n <div className=\"u-flex\">\n {priceBlock}\n <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n </div>\n );\n};\n\nconst Calendar = ({ row, rate }: { row: BasketRow; rate: RoomRate }): JSX.Element => {\n const startDate = row.getStartDate();\n const endDate = row.getEndDate();\n const roomCode = rate.getRoom().code \|\| '';\n return (\n <div className={`d-flex align-items-center flex-column ${styles.calendarContainer}`}>\n <DatePicker\n showMonthOnLoad={startDate}\n showMultipleMonths={false}\n supportsMultiSelecting\n showMinNightStay={false}\n supportsWeek={false}\n selectedStartDate={startDate}\n selectedEndDate={endDate}\n readOnly\n className={styles.calendar}\n roomCode={roomCode}\n />\n </div>\n );\n};\n\nconst RateDescriptionOverides = ({ rate }: { rate: RoomRate }) => {\n const basketContext = useContext(BasketContext);\n const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n const displayRates = rate.getDisplayRates({\n startDate: basketRow?.getStartDate(),\n endDate: basketRow?.getEndDate(),\n });\n\n const { t } = useTranslation();\n\n return (\n <div className=\"u-marg-top--medium\">\n {displayRates.map((displayRate, index) => (\n <div className=\"u-marg-bottom--light\" key={index}>\n {displayRate.startDate && displayRate.endDate ? (\n <>\n <Text>\n <strong>{rate.displayRateToDayLabel(displayRate)}</strong>\n </Text>\n <Text>\n {rate.displayRateToDayName(displayRate)}: {displayRate.name}\n </Text>\n </>\n ) : (\n <Text bold>\n {t(Translation.Step.Room.RoomInfo.BaseRate)}: {displayRate.name}\n </Text>\n )}\n\n <Text type={TextType.Small}>\n <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.shortDescription }} />\n </Text>\n <Text type={TextType.Small}>\n <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.longDescription }} />\n </Text>\n </div>\n ))}\n </div>\n );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n const ccx = useContext(CompanyContext);\n const { currentBasketRows } = useContext(BasketContext);\n\n const { t } = useTranslation();\n const { isMobile } = useWindowSize();\n const cancelPolicy = props.rate.getCancellationPolicy();\n const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n let isLocked = false;\n if (props.rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n const rate = props.rate;\n const row = currentBasketRows[0];\n\n const { rateName, shortDescription, longDescription } = useRateDetails(rate, isLocked);\n\n return (\n <>\n <div>\n <div className=\"u-marg-bottom--light\">\n <Headline bold>{rateName}</Headline>\n </div>\n\n <div className=\"u-marg-bottom--heavy text-small u-pre-wrap u-clear-font-weight\">\n <HtmlContentViewer content={longDescription ? longDescription : shortDescription ?? ''} />\n </div>\n\n <div className=\"u-marg-bottom--light\">\n <Calendar row={row} rate={rate} />\n <RateDescriptionOverides rate={rate} />\n </div>\n\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <Text>\n <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n </Text>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n {guaranteePolicy?.longDescription && !guaranteePolicy.hide && (\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n </Text>\n </div>\n <Text type={TextType.Small}>\n <HtmlContentViewer content={guaranteePolicy.longDescription} />\n </Text>\n </div>\n )}\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n </Text>\n </div>\n <Text type={TextType.Small}>\n <HtmlContentViewer content={cancelPolicy} />\n </Text>\n </div>\n </div>\n\n <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n <Text type={TextType.Small} color={Color.Navy}>\n {t(Translation.Misc.Total)}\n </Text>\n <RoomDetailsPriceBlock\n isLocked={isLocked}\n averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n averagePrice={rate.getTotalPrice()}\n isMemberOnly={props.rate.isMemberOnly}\n hidePerNight\n />\n <Text type={TextType.Label} color={Color.DarkGrey} align={isMobile ? TextAlign.Left : TextAlign.Right}>\n <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n </Text>\n </div>\n </div>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useRateDetails } from '@/hooks/useRateDetails';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport BasketRow from '@/models/BasketRow';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './RoomRateDescriptionTab.module.scss';\n\ninterface RoomRateDescriptionTabProps {\n rate: RoomRate;\n}\n\ninterface RoomRateDescriptionFooterProps {\n rate: RoomRate;\n onClose: () => void;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n const { t } = useTranslation();\n const ccx = useContext(CompanyContext);\n\n const { rate } = props;\n\n let isLocked = false;\n\n if (rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Misc.BookNow);\n\n const openSignupModalOnClick = () => {\n DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n ccx.openMemberSignupModal();\n };\n\n const bookNowButton = isLocked ? (\n <BEButton filled success onClick={openSignupModalOnClick}>\n {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n </BEButton>\n ) : (\n <BookNowButton isFilled rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n );\n\n const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n return (\n <div className=\"u-flex\">\n {priceBlock}\n <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n </div>\n );\n};\n\nconst Calendar = ({ row, rate }: { row: BasketRow; rate: RoomRate }): JSX.Element => {\n const startDate = row.getStartDate();\n const endDate = row.getEndDate();\n const roomCode = rate.getRoom().code \|\| '';\n return (\n <div className={`d-flex align-items-center flex-column ${styles.calendarContainer}`}>\n <DatePicker\n showMonthOnLoad={startDate}\n showMultipleMonths={false}\n supportsMultiSelecting\n showMinNightStay={false}\n supportsWeek={false}\n selectedStartDate={startDate}\n selectedEndDate={endDate}\n readOnly\n className={styles.calendar}\n roomCode={roomCode}\n />\n </div>\n );\n};\n\nconst RateDescriptionOverides = ({ rate }: { rate: RoomRate }) => {\n const basketContext = useContext(BasketContext);\n const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n const displayRates = rate.getDisplayRates({\n startDate: basketRow?.getStartDate(),\n endDate: basketRow?.getEndDate(),\n });\n\n const { t } = useTranslation();\n\n return (\n <div className=\"u-marg-top--medium\">\n {displayRates.map((displayRate, index) => (\n <div className=\"u-marg-bottom--light\" key={index}>\n {displayRate.startDate && displayRate.endDate ? (\n <>\n <Text>\n <strong>{rate.displayRateToDayLabel(displayRate)}</strong>\n </Text>\n <Text>\n {rate.displayRateToDayName(displayRate)}: {displayRate.name}\n </Text>\n </>\n ) : (\n <Text bold>\n {t(Translation.Step.Room.RoomInfo.BaseRate)}: {displayRate.name}\n </Text>\n )}\n\n <Text type={TextType.Small}>\n <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.shortDescription }} />\n </Text>\n <Text type={TextType.Small}>\n <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: displayRate.longDescription }} />\n </Text>\n </div>\n ))}\n </div>\n );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n const ccx = useContext(CompanyContext);\n const { currentBasketRows } = useContext(BasketContext);\n\n const { t } = useTranslation();\n const { isMobile } = useWindowSize();\n const cancelPolicy = props.rate.getCancellationPolicy();\n const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n let isLocked = false;\n if (props.rate.isMemberOnly && !ccx.signedInUser) {\n isLocked = true;\n }\n\n const rate = props.rate;\n const row = currentBasketRows[0];\n\n const { rateName, shortDescription, longDescription } = useRateDetails(rate, isLocked);\n\n return (\n <>\n <div>\n <div className=\"u-marg-bottom--light\">\n <Headline bold>{rateName}</Headline>\n </div>\n\n <div className=\"u-marg-bottom--heavy\">\n <Text type={TextType.Small} asDiv>\n <HtmlContentViewer content={longDescription ? longDescription : shortDescription ?? ''} />\n </Text>\n </div>\n\n <div className=\"u-marg-bottom--light\">\n <Calendar row={row} rate={rate} />\n <RateDescriptionOverides rate={rate} />\n </div>\n\n <LineBreak />\n <div className=\"u-marg-bottom--light\">\n <Text>\n <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n </Text>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n {guaranteePolicy && (\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n </Text>\n </div>\n <Text type={TextType.Small} asDiv>\n <HtmlContentViewer content={guaranteePolicy} />\n </Text>\n </div>\n )}\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Small}>\n <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n </Text>\n </div>\n <Text type={TextType.Small} asDiv>\n <HtmlContentViewer content={cancelPolicy} />\n </Text>\n </div>\n </div>\n\n <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n <Text type={TextType.Small} color={Color.Navy}>\n {t(Translation.Misc.Total)}\n </Text>\n <RoomDetailsPriceBlock\n isLocked={isLocked}\n averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n averagePrice={rate.getTotalPrice()}\n isMemberOnly={props.rate.isMemberOnly}\n hidePerNight\n />\n <Text type={TextType.Label} color={Color.DarkGrey} align={isMobile ? TextAlign.Left : TextAlign.Right}>\n <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n </Text>\n </div>\n </div>\n </>\n );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export declare enum RoomRateDetailsAndPriceBreakdownModalTabs {
     PriceBreakdown = "Price Breakdown",
@@ -12,5 +11,5 @@ interface RoomRateDetailsAndPriceBreakdownModalProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     onClose: () => void;
 }
-export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): React.JSX.Element;
+export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.js CHANGED Viewed

@@ -15,29 +15,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDetailsAndPriceBreakdownModalTabs = void 0;
-exports.default = RoomRateDetailsAndPriceBreakdownModal;
 const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -49,7 +38,7 @@ var RoomRateDetailsAndPriceBreakdownModalTabs;
 (function (RoomRateDetailsAndPriceBreakdownModalTabs) {
     RoomRateDetailsAndPriceBreakdownModalTabs["PriceBreakdown"] = "Price Breakdown";
     RoomRateDetailsAndPriceBreakdownModalTabs["RoomDetails"] = "Room Details";
-})(RoomRateDetailsAndPriceBreakdownModalTabs || (exports.RoomRateDetailsAndPriceBreakdownModalTabs = RoomRateDetailsAndPriceBreakdownModalTabs = {}));
+})(RoomRateDetailsAndPriceBreakdownModalTabs = exports.RoomRateDetailsAndPriceBreakdownModalTabs || (exports.RoomRateDetailsAndPriceBreakdownModalTabs = {}));
 function RoomRateDetailsAndPriceBreakdownModal(props) {
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -69,4 +58,5 @@ function RoomRateDetailsAndPriceBreakdownModal(props) {
     }
     return react_1.default.createElement(TabbedModal_1.default, { isOpen: props.isOpen, onClose: props.onClose, tabs: tabs, openTab: props.currentTab });
 }
+exports.default = RoomRateDetailsAndPriceBreakdownModal;
 //# sourceMappingURL=RoomRateDetailsAndPriceBreakdownModal.js.map

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomRateDetailsAndPriceBreakdownModal.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA~~,~~wDAuBC;AAlDD,~~iDAAoD;AACpD,+CAA0C;AAC1C,iDAA+C;AAE/C,yFAAqF;AACrF,yHAA8H;AAC9H,+HAAyI;AAEzI,4DAAyD;AAEzD,IAAY,yCAGX;AAHD,WAAY,yCAAyC;IACjD,+EAAkC,CAAA;IAClC,yEAA4B,CAAA;AAChC,CAAC,EAHW,yCAAyC,~~yDAAzC~~,~~yCAAyC~~,QAGpD;AAcD,SAAwB,qCAAqC,CAAC,KAAiD;IAC3G,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,8BAAC,kDAAyB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI,CACpK;YACD,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAClD;KACJ,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE~~,CAAC~~;~~QAC5E~~,IAAI,CAAC,yCAAyC,CAAC,cAAc,CAAC,GAAG;YAC7D,OAAO,EAAE,8BAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,8BAAC,0CAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI;YACpK,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SACjD,CAAC;~~IACN,CAAC~~;IAED,OAAO,8BAAC,qBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,CAAC;AAChH,CAAC","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport TabbedModal, { TabbedModalTab } from '@/components/generic/modal/TabbedModal';\nimport PriceBreakdownBlock, { PriceBreakdownFooter } from '@/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock';\nimport RoomRateDescriptionTab, { RoomRateDescriptionFooter } from '@/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from '@/translations/Translation';\n\nexport enum RoomRateDetailsAndPriceBreakdownModalTabs {\n PriceBreakdown = 'Price Breakdown',\n RoomDetails = 'Room Details',\n}\n\ninterface RoomRateDetailsAndPriceBreakdownModalProps {\n isOpen: boolean;\n currentTab: RoomRateDetailsAndPriceBreakdownModalTabs;\n\n rate: RoomRate;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n\n onClose: () => void;\n}\n\nexport default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps) {\n const ccx = useContext(CompanyContext);\n const { t } = useTranslation();\n\n const tabs: { [name: string]: TabbedModalTab } = {\n [RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails]: {\n content: <RoomRateDescriptionTab rate={props.rate} />,\n footer: (\n <RoomRateDescriptionFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n ),\n title: t(Translation.Step.Room.RoomRateDetails),\n },\n };\n\n if ((props.rate.isMemberOnly && ccx.signedInUser) \|\| !props.rate.isMemberOnly) {\n tabs[RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown] = {\n content: <PriceBreakdownBlock rate={props.rate} />,\n footer: <PriceBreakdownFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />,\n title: t(Translation.Step.Room.PriceBreakdown),\n };\n }\n\n return <TabbedModal isOpen={props.isOpen} onClose={props.onClose} tabs={tabs} openTab={props.currentTab} />;\n}\n"]}
1	+ {"version":3,"file":"RoomRateDetailsAndPriceBreakdownModal.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAoD;AACpD,+CAA0C;AAC1C,iDAA+C;AAE/C,yFAAqF;AACrF,yHAA8H;AAC9H,+HAAyI;AAEzI,4DAAyD;AAEzD,IAAY,yCAGX;AAHD,WAAY,yCAAyC;IACjD,+EAAkC,CAAA;IAClC,yEAA4B,CAAA;AAChC,CAAC,EAHW,yCAAyC,GAAzC,iDAAyC,KAAzC,iDAAyC,QAGpD;AAcD,SAAwB,qCAAqC,CAAC,KAAiD;IAC3G,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,8BAAC,kDAAyB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI,CACpK;YACD,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAClD;KACJ,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;QAC3E,IAAI,CAAC,yCAAyC,CAAC,cAAc,CAAC,GAAG;YAC7D,OAAO,EAAE,8BAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,8BAAC,0CAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI;YACpK,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SACjD,CAAC;KACL;IAED,OAAO,8BAAC,qBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,CAAC;AAChH,CAAC;AAvBD,wDAuBC","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport TabbedModal, { TabbedModalTab } from '@/components/generic/modal/TabbedModal';\nimport PriceBreakdownBlock, { PriceBreakdownFooter } from '@/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock';\nimport RoomRateDescriptionTab, { RoomRateDescriptionFooter } from '@/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from '@/translations/Translation';\n\nexport enum RoomRateDetailsAndPriceBreakdownModalTabs {\n PriceBreakdown = 'Price Breakdown',\n RoomDetails = 'Room Details',\n}\n\ninterface RoomRateDetailsAndPriceBreakdownModalProps {\n isOpen: boolean;\n currentTab: RoomRateDetailsAndPriceBreakdownModalTabs;\n\n rate: RoomRate;\n\n getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n onAddToBasketOverride?: (rate: RoomRate) => void;\n\n onClose: () => void;\n}\n\nexport default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps) {\n const ccx = useContext(CompanyContext);\n const { t } = useTranslation();\n\n const tabs: { [name: string]: TabbedModalTab } = {\n [RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails]: {\n content: <RoomRateDescriptionTab rate={props.rate} />,\n footer: (\n <RoomRateDescriptionFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n ),\n title: t(Translation.Step.Room.RoomRateDetails),\n },\n };\n\n if ((props.rate.isMemberOnly && ccx.signedInUser) \|\| !props.rate.isMemberOnly) {\n tabs[RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown] = {\n content: <PriceBreakdownBlock rate={props.rate} />,\n footer: <PriceBreakdownFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />,\n title: t(Translation.Step.Room.PriceBreakdown),\n };\n }\n\n return <TabbedModal isOpen={props.isOpen} onClose={props.onClose} tabs={tabs} openTab={props.currentTab} />;\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import './RoomRateListPromotion.global.scss';
-import React from 'react';
 import type { IPromotion } from '../../../../../../models/Promotion/IPromotion.type';
 type RoomRateListPromotionProps = {
     promotion: IPromotion;
 };
-export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => React.JSX.Element;
+export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.js CHANGED Viewed

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,+CAA6C;AAE7C,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,4DAAyD;AACzD,wCAAqC;AAM9B,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import './RoomRateListPromotion.global.scss';\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { PromotionClickedEvent } from '@/events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from '@/hooks/EventHook';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ntype RoomRateListPromotionProps = {\n promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n const { promotion } = props;\n\n const { raise } = useEvent();\n const { t } = useTranslation();\n\n const onApplyNowClicked = () => {\n const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n raise(promoClickedEvent);\n };\n\n return (\n <div className=\"c-room-list-promotion\">\n <div className=\"c-room-list-promotion--content\">\n <div className=\"c-room-list-promotion--icon\">\n <Icon icon={IconType.Money} size=\"42px\" color={Color.Accent} />\n </div>\n <div className=\"c-room-list-promotion--body\">\n <div className=\"u-marg-bottom--light\">\n <Text color={Color.Accent} bold>\n {promotion.name}\n </Text>\n </div>\n\n <Text type={TextType.Small}>{promotion.description}</Text>\n </div>\n </div>\n <div className=\"c-room-list-promotion--button\">\n <BEButton primary filled onClick={onApplyNowClicked} mobileWidth>\n {t(Translation.Misc.ApplyNow)}\n </BEButton>\n </div>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,4DAAyD;AACzD,wCAAqC;AAM9B,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import './RoomRateListPromotion.global.scss';\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { PromotionClickedEvent } from '@/events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from '@/hooks/EventHook';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ntype RoomRateListPromotionProps = {\n promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n const { promotion } = props;\n\n const { raise } = useEvent();\n const { t } = useTranslation();\n\n const onApplyNowClicked = () => {\n const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n raise(promoClickedEvent);\n };\n\n return (\n <div className=\"c-room-list-promotion\">\n <div className=\"c-room-list-promotion--content\">\n <div className=\"c-room-list-promotion--icon\">\n <Icon icon={IconType.Money} size=\"42px\" color={Color.Accent} />\n </div>\n <div className=\"c-room-list-promotion--body\">\n <div className=\"u-marg-bottom--light\">\n <Text color={Color.Accent} bold>\n {promotion.name}\n </Text>\n </div>\n\n <Text type={TextType.Small}>{promotion.description}</Text>\n </div>\n </div>\n <div className=\"c-room-list-promotion--button\">\n <BEButton primary filled onClick={onApplyNowClicked} mobileWidth>\n {t(Translation.Misc.ApplyNow)}\n </BEButton>\n </div>\n </div>\n );\n};\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRatePills.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Room } from '../../../../../models/Room/Room';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRatePillsProps {
@@ -8,5 +7,5 @@ interface RoomRatePillsProps {
     noMargin?: boolean;
     rateDescription?: boolean;
 }
-export default function RoomRatePills(props: RoomRatePillsProps): React.JSX.Element;
+export default function RoomRatePills(props: RoomRatePillsProps): JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRatePills.js CHANGED Viewed

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RoomRatePills;
 const contexts_1 = require("../../../../../contexts/index.js");
 const hooks_1 = require("../../../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -160,4 +149,5 @@ function RoomRatePills(props) {
         })),
         hotelOverridesContext.showPromoCodeDescription && props.rateDescription && ((_a = pills === null || pills === void 0 ? void 0 : pills[0]) === null || _a === void 0 ? void 0 : _a.description) && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, className: "u-marg-bottom" }, (_b = pills === null || pills === void 0 ? void 0 : pills[0]) === null || _b === void 0 ? void 0 : _b.description))));
 }
+exports.default = RoomRatePills;
 //# sourceMappingURL=RoomRatePills.js.map

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRatePills.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { HotelOverridesContext } from '@/contexts/HotelOverridesContext';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport RatePillProvider, { RatePill } from '@/providers/RatePillProvider';\n\ninterface RoomRatePillsProps {\n room?: Room;\n rate?: RoomRate;\n\n limit?: number;\n\n noMargin?: boolean;\n\n rateDescription?: boolean;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n const [pills, setPills] = useState<RatePill[]>([]);\n const currentHotel = useCurrentHotel();\n const hotelOverridesContext = React.useContext(HotelOverridesContext);\n const ccx = useContext(CompanyContext);\n const basketContext = useContext(BasketContext);\n\n const { t } = useTranslation();\n\n useEffect(() => {\n let pillsToDisplay: RatePill[] = [];\n\n RatePillProvider.registerRatePill(\n { icon: IconType.Breakfast, title: t(Translation.Step.Room.BreakfastIncluded) },\n ({ rate, hotel }) => {\n return !!hotel.showMealPill && !!rate?.mealsIncluded?.breakfast;\n },\n true\n );\n\n RatePillProvider.registerRatePill(\n {\n translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n translationProps: {\n companyShort: ccx.name,\n },\n icon: IconType.Check,\n },\n ({ rate, hotel }) => {\n return !!rate?.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n },\n true\n );\n\n RatePillProvider.registerRatePill(\n {\n translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n icon: IconType.Check,\n setDescription: getAppliedPromoCodeDescription,\n },\n ({ rate, hotel }) => {\n return !!rate?.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n },\n true\n );\n\n /** Registering Room Pills /\n RatePillProvider.registerRoomPill(\n {\n translation: Translation.Misc.Pills.PeopleBookedShort,\n translationProps: {\n people: Math.floor(Math.random() 8 + 7),\n },\n icon: IconType.People,\n },\n () => {\n return NumberOfPeopleBookedPillFeature.isActive();\n }\n );\n\n RatePillProvider.registerRoomPill(\n {\n icon: IconType.Check,\n title: t(Translation.Step.Room.PromoCodeIsApplied),\n },\n (match) => {\n if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n for (const rate of match.room.getRates()) {\n if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n return true;\n }\n }\n }\n\n return false;\n }\n );\n\n RatePillProvider.registerRatePill(\n {\n icon: IconType.Money,\n title: t(Translation.Step.Room.RoomInfo.RateVariesByDay),\n renderOverride: () => {\n return <>{t(Translation.Step.Room.RoomInfo.RateVariesByDay)}</>;\n },\n },\n (match) => {\n const selectedRow = basketContext.selectedBasketRow;\n if (!selectedRow) return false;\n\n const rate = match.rate;\n if (!rate) return false;\n // If room is present, we must be at the room level, we only want to show the pill\n // on a rate.\n if (match.room) return false;\n\n const hasRateVariesByDay = rate.hasRateVariesByDay({\n startDate: selectedRow.getStartDate(),\n endDate: selectedRow.getEndDate(),\n });\n\n return hasRateVariesByDay;\n }\n );\n\n if (props.room) {\n pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel as Hotel });\n } else if (props.rate) {\n pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel as Hotel });\n }\n\n if (props.limit) {\n setPills(pillsToDisplay.splice(0, props.limit));\n } else {\n setPills(pillsToDisplay);\n }\n }, [props.room, props.rate, props.limit]);\n\n const getAppliedPromoCodeDescription = (rate: RoomRate) => {\n return rate.promoCodeName;\n };\n\n return (\n <>\n <div className={'c-pill-list ' + (props.noMargin !== true && 'u-marg-bottom--light')}>\n {pills.map((pill, index) => {\n let pillContent = pill.translation ? t(pill.translation, pill.translationProps) : pill.title;\n\n if (pill.renderOverride && typeof pill.renderOverride === 'function') {\n const overrideContent = pill.renderOverride({ hotel: currentHotel.hotel as Hotel, rate: props.rate, room: props.room });\n\n if (overrideContent) {\n pillContent = overrideContent as string;\n }\n }\n\n const pillELement = (\n <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n {pillContent}\n </Pill>\n );\n\n return (\n <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n </div>\n );\n })}\n </div>\n {hotelOverridesContext.showPromoCodeDescription && props.rateDescription && pills?.[0]?.description && (\n <Text type={TextType.Small} className=\"u-marg-bottom\">\n {pills?.[0]?.description}\n </Text>\n )}\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { HotelOverridesContext } from '@/contexts/HotelOverridesContext';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport RatePillProvider, { RatePill } from '@/providers/RatePillProvider';\n\ninterface RoomRatePillsProps {\n room?: Room;\n rate?: RoomRate;\n\n limit?: number;\n\n noMargin?: boolean;\n\n rateDescription?: boolean;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n const [pills, setPills] = useState<RatePill[]>([]);\n const currentHotel = useCurrentHotel();\n const hotelOverridesContext = React.useContext(HotelOverridesContext);\n const ccx = useContext(CompanyContext);\n const basketContext = useContext(BasketContext);\n\n const { t } = useTranslation();\n\n useEffect(() => {\n let pillsToDisplay: RatePill[] = [];\n\n RatePillProvider.registerRatePill(\n { icon: IconType.Breakfast, title: t(Translation.Step.Room.BreakfastIncluded) },\n ({ rate, hotel }) => {\n return !!hotel.showMealPill && !!rate?.mealsIncluded?.breakfast;\n },\n true\n );\n\n RatePillProvider.registerRatePill(\n {\n translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n translationProps: {\n companyShort: ccx.name,\n },\n icon: IconType.Check,\n },\n ({ rate, hotel }) => {\n return !!rate?.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n },\n true\n );\n\n RatePillProvider.registerRatePill(\n {\n translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n icon: IconType.Check,\n setDescription: getAppliedPromoCodeDescription,\n },\n ({ rate, hotel }) => {\n return !!rate?.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n },\n true\n );\n\n /** Registering Room Pills /\n RatePillProvider.registerRoomPill(\n {\n translation: Translation.Misc.Pills.PeopleBookedShort,\n translationProps: {\n people: Math.floor(Math.random() 8 + 7),\n },\n icon: IconType.People,\n },\n () => {\n return NumberOfPeopleBookedPillFeature.isActive();\n }\n );\n\n RatePillProvider.registerRoomPill(\n {\n icon: IconType.Check,\n title: t(Translation.Step.Room.PromoCodeIsApplied),\n },\n (match) => {\n if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n for (const rate of match.room.getRates()) {\n if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n return true;\n }\n }\n }\n\n return false;\n }\n );\n\n RatePillProvider.registerRatePill(\n {\n icon: IconType.Money,\n title: t(Translation.Step.Room.RoomInfo.RateVariesByDay),\n renderOverride: () => {\n return <>{t(Translation.Step.Room.RoomInfo.RateVariesByDay)}</>;\n },\n },\n (match) => {\n const selectedRow = basketContext.selectedBasketRow;\n if (!selectedRow) return false;\n\n const rate = match.rate;\n if (!rate) return false;\n // If room is present, we must be at the room level, we only want to show the pill\n // on a rate.\n if (match.room) return false;\n\n const hasRateVariesByDay = rate.hasRateVariesByDay({\n startDate: selectedRow.getStartDate(),\n endDate: selectedRow.getEndDate(),\n });\n\n return hasRateVariesByDay;\n }\n );\n\n if (props.room) {\n pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel as Hotel });\n } else if (props.rate) {\n pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel as Hotel });\n }\n\n if (props.limit) {\n setPills(pillsToDisplay.splice(0, props.limit));\n } else {\n setPills(pillsToDisplay);\n }\n }, [props.room, props.rate, props.limit]);\n\n const getAppliedPromoCodeDescription = (rate: RoomRate) => {\n return rate.promoCodeName;\n };\n\n return (\n <>\n <div className={'c-pill-list ' + (props.noMargin !== true && 'u-marg-bottom--light')}>\n {pills.map((pill, index) => {\n let pillContent = pill.translation ? t(pill.translation, pill.translationProps) : pill.title;\n\n if (pill.renderOverride && typeof pill.renderOverride === 'function') {\n const overrideContent = pill.renderOverride({ hotel: currentHotel.hotel as Hotel, rate: props.rate, room: props.room });\n\n if (overrideContent) {\n pillContent = overrideContent as string;\n }\n }\n\n const pillELement = (\n <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n {pillContent}\n </Pill>\n );\n\n return (\n <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n </div>\n );\n })}\n </div>\n {hotelOverridesContext.showPromoCodeDescription && props.rateDescription && pills?.[0]?.description && (\n <Text type={TextType.Small} className=\"u-marg-bottom\">\n {pills?.[0]?.description}\n </Text>\n )}\n </>\n );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateRow.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InlineRoomMiniEngineConfig } from '../../../../../engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export interface RoomRateRowProps extends Pick<InlineRoomMiniEngineConfig, 'policy' | 'priceDescription'> {
@@ -8,4 +7,4 @@ export interface RoomRateRowProps extends Pick<InlineRoomMiniEngineConfig, 'poli
     isPromoRate?: boolean;
     isCardLayout?: boolean;
 }
-export default function RoomRateRow(props: RoomRateRowProps): React.JSX.Element;
+export default function RoomRateRow(props: RoomRateRowProps): JSX.Element;