npm - @roomstay/frontend - Versions diffs - 2.6.37 → 2.6.39 - Mend

@roomstay/frontend 2.6.37 → 2.6.39

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 (69) hide show

package/dist/src/models/Api/ReservationsDTO.d.ts CHANGED Viewed

@@ -23,7 +23,6 @@ type ReservationsDTO = {
     };
 };
 export type ReservationAddonDTO = {
-    availability: any;
     code: string;
     inclusive: false;
     pricingType: string;
@@ -35,6 +34,7 @@ export type ReservationAddonDTO = {
     category: string;
     image: string;
     price: number;
+    fees?: number;
     adultPrice?: number;
     childPrice?: number;
     nights?: number;

package/dist/src/models/Api/ReservationsDTO.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReservationsDTO.js","sourceRoot":"/","sources":["src/models/Api/ReservationsDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\n\nimport RoomNightRateDTO from '@/models/Api/RoomNightRateDTO';\n\ntype ReservationsDTO = {\n roomstayId: string;\n reservations: ReservationDTO[];\n itineraryNumber: string;\n hotelFrontendId?: string;\n warnings?: string[];\n total?: string;\n payment?: {\n planpay?: {\n id: string;\n checkoutWorkflow: {\n type: string;\n id: string;\n scriptUrl: string;\n };\n };\n external?: {\n id: string;\n redirectUrl: string;\n };\n };\n};\n\nexport type ReservationAddonDTO = {\n ~~availability: any;\n~~ code: string;\n inclusive: false;\n pricingType: string;\n quantity: number;\n adultQuantity: number;\n childQuantity?: number;\n description: string;\n name: string;\n category: string;\n image: string;\n price: number;\n adultPrice?: number;\n childPrice?: number;\n nights?: number;\n};\n\nexport type ReservationDTO = {\n nights: {\n [date: string]: RoomNightRateDTO;\n };\n guestCounts: {\n adults: number;\n children: number;\n };\n guest: {\n address: {\n line1: string;\n city: string;\n postalCode: string;\n };\n firstName: string;\n lastName: string;\n phone: string;\n email: string;\n };\n paymentCard: {\n type?: string;\n last4: string;\n expiry: string;\n name: string;\n };\n paymentMethod?: EBookingPaymentMethod;\n comments?: string[];\n addons?: ReservationAddonDTO[];\n\n reservationNumber: string;\n cancelPolicy: string;\n cancellationPolicyLongDescription?: string;\n guaranteePolicy: string;\n guaranteePolicyLongDescription?: string;\n roomType: string;\n roomCode: string;\n rate: string;\n images: [string];\n status: string;\n isCancelable: boolean;\n total: {\n beforeTax: number;\n afterTax: number;\n };\n};\n\nexport default ReservationsDTO;\n"]}
1	+ {"version":3,"file":"ReservationsDTO.js","sourceRoot":"/","sources":["src/models/Api/ReservationsDTO.ts"],"names":[],"mappings":"","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\n\nimport RoomNightRateDTO from '@/models/Api/RoomNightRateDTO';\n\ntype ReservationsDTO = {\n roomstayId: string;\n reservations: ReservationDTO[];\n itineraryNumber: string;\n hotelFrontendId?: string;\n warnings?: string[];\n total?: string;\n payment?: {\n planpay?: {\n id: string;\n checkoutWorkflow: {\n type: string;\n id: string;\n scriptUrl: string;\n };\n };\n external?: {\n id: string;\n redirectUrl: string;\n };\n };\n};\n\nexport type ReservationAddonDTO = {\n code: string;\n inclusive: false;\n pricingType: string;\n quantity: number;\n adultQuantity: number;\n childQuantity?: number;\n description: string;\n name: string;\n category: string;\n image: string;\n price: number;\n fees?: number;\n adultPrice?: number;\n childPrice?: number;\n nights?: number;\n};\n\nexport type ReservationDTO = {\n nights: {\n [date: string]: RoomNightRateDTO;\n };\n guestCounts: {\n adults: number;\n children: number;\n };\n guest: {\n address: {\n line1: string;\n city: string;\n postalCode: string;\n };\n firstName: string;\n lastName: string;\n phone: string;\n email: string;\n };\n paymentCard: {\n type?: string;\n last4: string;\n expiry: string;\n name: string;\n };\n paymentMethod?: EBookingPaymentMethod;\n comments?: string[];\n addons?: ReservationAddonDTO[];\n\n reservationNumber: string;\n cancelPolicy: string;\n cancellationPolicyLongDescription?: string;\n guaranteePolicy: string;\n guaranteePolicyLongDescription?: string;\n roomType: string;\n roomCode: string;\n rate: string;\n images: [string];\n status: string;\n isCancelable: boolean;\n total: {\n beforeTax: number;\n afterTax: number;\n };\n};\n\nexport default ReservationsDTO;\n"]}

package/dist/src/models/BasketAddonRow.d.ts CHANGED Viewed

@@ -15,8 +15,13 @@ export default class BasketAddonRow {
     getQuantity(): number;
     getAdultQuantity(): number;
     getNumberOfAvailableNights(): number;
+    private getCalculationParams;
+    getTotalFees(): number;
     getTotalPrice(): number;
-    getItemPrice(): number;
+    /**
+     * Returns the subtotal of an addon (without taking into account the nights modifier)
+     */
+    getAddonSubtotal(): number;
     getTotalQuantity(): number;
     /**
      * This function returns a value that should multiply the total price of the addon for one (assumed) night

package/dist/src/models/BasketAddonRow.js CHANGED Viewed

@@ -31,12 +31,12 @@ class BasketAddonRow {
     getNumberOfAvailableNights() {
         return this.numberOfAvailableNights;
     }
-    getTotalPrice() {
-        var _a;
+    getCalculationParams() {
+        var _a, _b;
         const addon = this.getAddon();
         const date = this.getSelectedDate();
         const priceInfo = addon.availability[date];
-        return (0, TotalCalculator_1.calculateReservationAddonTotal)({
+        return {
             availability: this.getAddon().availability,
             code: addon.code,
             inclusive: false,
@@ -48,25 +48,37 @@ class BasketAddonRow {
             category: addon.category,
             image: addon.image,
             price: (_a = priceInfo.price) !== null && _a !== void 0 ? _a : 0,
+            fee: (_b = priceInfo.fee) !== null && _b !== void 0 ? _b : 0,
             adultPrice: priceInfo.adultPrice,
             childPrice: priceInfo.childPrice,
+            adultFee: priceInfo.adultFee,
+            childFee: priceInfo.childFee,
             pricingType: addon.pricingType,
             nights: addon.nights,
-        }).total;
+        };
+    }
+    getTotalFees() {
+        return (0, TotalCalculator_1.calculateBasketAddonTotal)(this.getCalculationParams()).totalFees;
+    }
+    getTotalPrice() {
+        return (0, TotalCalculator_1.calculateBasketAddonTotal)(this.getCalculationParams()).total;
     }
-    getItemPrice() {
+    /**
+     * Returns the subtotal of an addon (without taking into account the nights modifier)
+     */
+    getAddonSubtotal() {
         const addon = this.getAddon();
         const date = this.getSelectedDate();
         const priceInfo = addon.availability[date];
         let price = 0;
-        if (priceInfo.price) {
-            price += priceInfo.price;
+        if (priceInfo.price && this.getQuantity() > 0) {
+            price += this.getQuantity() * priceInfo.price;
         }
         if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {
-            price += priceInfo.adultPrice;
+            price += this.getAdultQuantity() * priceInfo.adultPrice;
         }
         if (priceInfo.childPrice && this.getChildQuantity() > 0) {
-            price += priceInfo.childPrice;
+            price += this.getChildQuantity() * priceInfo.childPrice;
         }
         return price;
     }

package/dist/src/models/BasketAddonRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasketAddonRow.js","sourceRoot":"/","sources":["src/models/BasketAddonRow.ts"],"names":[],"mappings":";;AAAA,~~gDAAiG~~;~~AACjG~~,~~4DAAwE~~;~~AAExE~~,MAAqB,cAAc;IAc/B,YAAmB,KAAa;QAC5B,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACxB;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAEvB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QAEtE,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAA6C,CAAC,CAAC,MAAM,CAAC;IAC9G,CAAC;IAEM,QAAQ;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAEM,eAAe;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,eAAe;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAEM,0BAA0B;QAC7B,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACxC,CAAC;~~IAEM~~,~~aAAa~~;;~~QAChB~~,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE3C,OAAO~~,IAAA,gDAA8B,EAAC~~;~~YAClC~~,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,YAAY;YAC1C,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE;YAC5B,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACtC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACtC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,KAAY;YACzB,KAAK,EAAE,MAAA,SAAS,CAAC,KAAK,mCAAI,CAAC;YAC3B,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;SACvB,CAAC,CAAC,~~KAAK~~,CAAC;~~IACb~~,CAAC;IAEM,~~YAAY~~;~~QACf~~,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,SAAS,CAAC,KAAK,EAAE;~~YACjB~~,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC;~~SAC5B~~;QAED,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE;YACrD,KAAK,IAAI,SAAS,CAAC,UAAU,CAAC;~~SACjC~~;QAED,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE;YACrD,KAAK,IAAI,SAAS,CAAC,UAAU,CAAC;~~SACjC~~;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAEM,gBAAgB;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,SAAS,CAAC,KAAK,EAAE;YACjB,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;SAClC;QAED,IAAI,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW,KAAK,wBAAgB,CAAC,6BAA6B,EAAE;YAC9F,QAAQ,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACvC;QAED,IAAI,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW,KAAK,wBAAgB,CAAC,6BAA6B,EAAE;YAC9F,QAAQ,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACvC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED;;;;OAIG;IACI,gBAAgB;QACnB,MAAM,QAAQ,GAAG,CAAC,CAAC;QAEnB,IAAI,6BAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;SACtE;aAAM;YACH,OAAO,QAAQ,CAAC;SACnB;IACL,CAAC;IAEM,gBAAgB,CAAC,KAAa;QACjC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAEM,gBAAgB,CAAC,KAAa;QACjC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEM,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IAChE,CAAC;IAEM,eAAe,CAAC,IAAY;QAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEM,eAAe,CAAC,IAAa;QAChC,IAAI,CAAC,YAAY,GAAG,IAAc,CAAC;IACvC,CAAC;IAEM,WAAW,CAAC,QAAgB;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,QAAQ,CAAC,KAAY;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;CACJ;~~AAxKD~~,~~iCAwKC~~","sourcesContent":["import { Addon, ADDON_PER_NIGHT_TYPES, AddonPricingType, PriceInfo } from '@/models/Addon/Addon';\nimport { ~~calculateReservationAddonTotal~~ } from '@/util/TotalCalculator';\n\nexport default class BasketAddonRow {\n private readonly uniqId: string;\n\n private addon!: Addon;\n\n private quantity: number;\n private adultQuantity: number;\n private childQuantity: number;\n\n private selectedDate!: string;\n private selectedTime!: string;\n\n private numberOfAvailableNights: number;\n\n public constructor(addon?: Addon) {\n if (addon) {\n this.setAddon(addon);\n }\n\n this.quantity = 1;\n this.adultQuantity = 1;\n this.childQuantity = 0;\n\n this.uniqId = btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n\n this.numberOfAvailableNights = Object.values(addon?.availability as { [date: string]: PriceInfo }).length;\n }\n\n public getAddon() {\n return this.addon;\n }\n\n public getSelectedDate() {\n return this.selectedDate;\n }\n\n public getSelectedTime() {\n return this.selectedTime;\n }\n\n public getQuantity() {\n return this.quantity;\n }\n\n public getAdultQuantity(): number {\n return this.adultQuantity;\n }\n\n public getNumberOfAvailableNights() {\n return this.numberOfAvailableNights;\n }\n\n ~~public~~ ~~getTotalPrice~~(): ~~number~~ {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n return ~~calculateReservationAddonTotal(~~{\n availability: this.getAddon().availability,\n code: addon.code,\n inclusive: false,\n quantity: this.getQuantity(),\n adultQuantity: this.getAdultQuantity(),\n childQuantity: this.getChildQuantity(),\n description: addon.description,\n name: addon.name,\n category: addon.category,\n image: addon.image as any,\n price: priceInfo.price ?? 0,\n adultPrice: priceInfo.adultPrice,\n childPrice: priceInfo.childPrice,\n pricingType: addon.pricingType,\n nights: addon.nights,\n }).total;\n }\n\n public ~~getItemPrice~~(): number {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n let price = 0;\n if (priceInfo.price) {\n price += priceInfo.price;\n }\n\n if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {\n price += priceInfo.adultPrice;\n }\n\n if (priceInfo.childPrice && this.getChildQuantity() > 0) {\n price += priceInfo.childPrice;\n }\n\n return price;\n }\n\n public getTotalQuantity(): number {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n let quantity = 0;\n if (priceInfo.price) {\n quantity += this.getQuantity();\n }\n\n if (priceInfo.adultPrice \|\| addon.pricingType === AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT) {\n quantity += this.getAdultQuantity();\n }\n\n if (priceInfo.childPrice \|\| addon.pricingType === AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT) {\n quantity += this.getChildQuantity();\n }\n\n return quantity;\n }\n\n /*\n This function returns a value that should multiply the total price of the addon for one (assumed) night\n * Depending on the pricing type\n * @returns number\n */\n public getNightModifier(): number {\n const modifier = 1;\n\n if (ADDON_PER_NIGHT_TYPES.includes(this.addon.pricingType)) {\n return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');\n } else {\n return modifier;\n }\n }\n\n public setAdultQuantity(value: number) {\n this.adultQuantity = value;\n }\n\n public getChildQuantity(): number {\n return this.childQuantity;\n }\n\n public setChildQuantity(value: number) {\n this.childQuantity = value;\n }\n\n public getID() {\n return this.uniqId;\n }\n\n public isValid() {\n return this.selectedDate && this.addon && this.quantity > 0;\n }\n\n public setSelectedDate(date: string) {\n this.selectedDate = date;\n }\n\n public setSelectedTime(time?: string) {\n this.selectedTime = time as string;\n }\n\n public setQuantity(quantity: number) {\n this.quantity = quantity;\n }\n\n public setAddon(addon: Addon) {\n this.addon = addon;\n }\n}\n"]}
1	+ {"version":3,"file":"BasketAddonRow.js","sourceRoot":"/","sources":["src/models/BasketAddonRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { Addon, ADDON_PER_NIGHT_TYPES, AddonPricingType, BasketAddonDTO, PriceInfo } from '@/models/Addon/Addon';\nimport { calculateBasketAddonTotal } from '@/util/TotalCalculator';\n\nexport default class BasketAddonRow {\n private readonly uniqId: string;\n\n private addon!: Addon;\n\n private quantity: number;\n private adultQuantity: number;\n private childQuantity: number;\n\n private selectedDate!: string;\n private selectedTime!: string;\n\n private numberOfAvailableNights: number;\n\n public constructor(addon?: Addon) {\n if (addon) {\n this.setAddon(addon);\n }\n\n this.quantity = 1;\n this.adultQuantity = 1;\n this.childQuantity = 0;\n\n this.uniqId = btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n\n this.numberOfAvailableNights = Object.values(addon?.availability as { [date: string]: PriceInfo }).length;\n }\n\n public getAddon() {\n return this.addon;\n }\n\n public getSelectedDate() {\n return this.selectedDate;\n }\n\n public getSelectedTime() {\n return this.selectedTime;\n }\n\n public getQuantity() {\n return this.quantity;\n }\n\n public getAdultQuantity(): number {\n return this.adultQuantity;\n }\n\n public getNumberOfAvailableNights() {\n return this.numberOfAvailableNights;\n }\n\n private getCalculationParams(): BasketAddonDTO {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n return {\n availability: this.getAddon().availability,\n code: addon.code,\n inclusive: false,\n quantity: this.getQuantity(),\n adultQuantity: this.getAdultQuantity(),\n childQuantity: this.getChildQuantity(),\n description: addon.description,\n name: addon.name,\n category: addon.category,\n image: addon.image as any,\n price: priceInfo.price ?? 0,\n fee: priceInfo.fee ?? 0,\n adultPrice: priceInfo.adultPrice,\n childPrice: priceInfo.childPrice,\n adultFee: priceInfo.adultFee,\n childFee: priceInfo.childFee,\n pricingType: addon.pricingType,\n nights: addon.nights,\n };\n }\n\n public getTotalFees(): number {\n return calculateBasketAddonTotal(this.getCalculationParams()).totalFees;\n }\n\n public getTotalPrice(): number {\n return calculateBasketAddonTotal(this.getCalculationParams()).total;\n }\n\n /*\n Returns the subtotal of an addon (without taking into account the nights modifier)\n /\n public getAddonSubtotal(): number {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n let price = 0;\n if (priceInfo.price && this.getQuantity() > 0) {\n price += this.getQuantity() priceInfo.price;\n }\n\n if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {\n price += this.getAdultQuantity() * priceInfo.adultPrice;\n }\n\n if (priceInfo.childPrice && this.getChildQuantity() > 0) {\n price += this.getChildQuantity() * priceInfo.childPrice;\n }\n\n return price;\n }\n\n public getTotalQuantity(): number {\n const addon = this.getAddon();\n const date = this.getSelectedDate();\n const priceInfo = addon.availability[date];\n\n let quantity = 0;\n if (priceInfo.price) {\n quantity += this.getQuantity();\n }\n\n if (priceInfo.adultPrice \|\| addon.pricingType === AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT) {\n quantity += this.getAdultQuantity();\n }\n\n if (priceInfo.childPrice \|\| addon.pricingType === AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT) {\n quantity += this.getChildQuantity();\n }\n\n return quantity;\n }\n\n /*\n This function returns a value that should multiply the total price of the addon for one (assumed) night\n * Depending on the pricing type\n * @returns number\n */\n public getNightModifier(): number {\n const modifier = 1;\n\n if (ADDON_PER_NIGHT_TYPES.includes(this.addon.pricingType)) {\n return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');\n } else {\n return modifier;\n }\n }\n\n public setAdultQuantity(value: number) {\n this.adultQuantity = value;\n }\n\n public getChildQuantity(): number {\n return this.childQuantity;\n }\n\n public setChildQuantity(value: number) {\n this.childQuantity = value;\n }\n\n public getID() {\n return this.uniqId;\n }\n\n public isValid() {\n return this.selectedDate && this.addon && this.quantity > 0;\n }\n\n public setSelectedDate(date: string) {\n this.selectedDate = date;\n }\n\n public setSelectedTime(time?: string) {\n this.selectedTime = time as string;\n }\n\n public setQuantity(quantity: number) {\n this.quantity = quantity;\n }\n\n public setAddon(addon: Addon) {\n this.addon = addon;\n }\n}\n"]}

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

@@ -74,6 +74,7 @@ export interface AdminHotelConfig {
     roomGroups: HotelRoomGroupsDTO;
     cardProcessor: EHotelCardProcessor;
     requireDeposit?: boolean;
+    enableCreditCardSurcharge?: boolean;
     availableCountries?: {
         name: string;
         value: string;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAkBA,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,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, 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 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 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/*\n This config comes from admin\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 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 maxAdults?: number;\n maxChildren?: number;\n maxInfants?: number;\n hideByLine?: boolean;\n transportDistances?: TransportDistances;\n roomGroups: HotelRoomGroupsDTO;\n cardProcessor: EHotelCardProcessor;\n\n requireDeposit?: 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}\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 currentRoomSort?: RoomSort; //override default room sort\n maxAdults?: number; //fixed from frontend\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\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"]}
1	+ {"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAkBA,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,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import type { EnvironmentName } from '@planpay/web';\nimport { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, 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 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 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/*\n This config comes from admin\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 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 maxAdults?: number;\n maxChildren?: number;\n maxInfants?: number;\n hideByLine?: boolean;\n transportDistances?: TransportDistances;\n roomGroups: HotelRoomGroupsDTO;\n cardProcessor: EHotelCardProcessor;\n\n requireDeposit?: boolean;\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}\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 currentRoomSort?: RoomSort; //override default room sort\n maxAdults?: number; //fixed from frontend\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\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/account/Reservations/AccountReservationsPage.js CHANGED Viewed

@@ -27,13 +27,13 @@ const AccountReservationPage = () => {
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
             react_1.default.createElement(Headline_1.default, { size: "extra-large", bold: true }, t(Translation_1.Translation.Reservation.YourReservationPage.Title))),
         react_1.default.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
-            react_1.default.createElement(Tab_1.Tab, { navPath: 'upcoming-stays', title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
+            react_1.default.createElement(Tab_1.Tab, { navPath: "upcoming-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.UpcomingStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
                     react_1.default.createElement(ReservationList_1.default, { reservationItems: upcomingBookings }))),
-            react_1.default.createElement(Tab_1.Tab, { navPath: 'past-stays', title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
+            react_1.default.createElement(Tab_1.Tab, { navPath: "past-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.PastStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
                     react_1.default.createElement(ReservationList_1.default, { reservationItems: pastBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))),
-            react_1.default.createElement(Tab_1.Tab, { navPath: 'cancelled-stays', title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
+            react_1.default.createElement(Tab_1.Tab, { navPath: "cancelled-stays", title: t(Translation_1.Translation.Reservation.YourReservationPage.CancelledStays) },
                 react_1.default.createElement("div", { className: "u-pad-top--heavy u-marg-bottom--heavy" },
                     react_1.default.createElement(ReservationList_1.default, { isCancelled: true, reservationItems: cancelledBookings, actions: [ReservationItem_1.ReservationAction.MoreDetails, ReservationItem_1.ReservationAction.BookAgain] }))))));
 };

package/dist/src/pages/account/Reservations/AccountReservationsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountReservationsPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationsPage.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA4C;AAC5C,kDAA0B;AAC1B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,8EAA6E;AAC7E,+FAAuE;AAGvE,oDAAiD;AAE1C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,uDAAuD;YAClE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,8BAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;YACnC,8BAAC,SAAG,IAAC,OAAO,~~EAAE~~,gBAAgB,~~EAAE~~,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;~~gBAC/F~~,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IAAC,gBAAgB,EAAE,gBAAsE,GAAI,CAC3G,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,~~EAAE~~,YAAY,~~EAAE~~,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;~~gBACvF~~,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,YAAkE,EACpF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,~~EAAE~~,iBAAiB,~~EAAE~~,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;~~gBACjG~~,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,WAAW,QACX,gBAAgB,EAAE,iBAAuE,EACzF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,sBAAsB,0BA6CjC","sourcesContent":["import { useMember } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\nexport const AccountReservationPage = () => {\n const { t } = useTranslation();\n const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n return (\n <>\n <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n <Link to={AccountRoutes.Home.path}>\n <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n {t(Translation.Reservation.BackToYourAccount)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline size=\"extra-large\" bold>\n {t(Translation.Reservation.YourReservationPage.Title)}\n </Headline>\n </div>\n\n <Tabs defaultActiveKey=\"upcoming-stays\">\n <Tab navPath~~={'~~upcoming-stays'} title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={upcomingBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]} />\n </div>\n </Tab>\n <Tab navPath~~={'~~past-stays'} title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n reservationItems={pastBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n <Tab navPath~~={'~~cancelled-stays'} title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n isCancelled\n reservationItems={cancelledBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n </Tabs>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"AccountReservationsPage.js","sourceRoot":"/","sources":["src/pages/account/Reservations/AccountReservationsPage.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA4C;AAC5C,kDAA0B;AAC1B,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,uDAAoD;AACpD,0EAAkD;AAClD,8EAA6E;AAC7E,+FAAuE;AAGvE,oDAAiD;AAE1C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE1E,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,uDAAuD;YAClE,8BAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;gBAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,IAClD,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,iBAAiB,CAAC,CACtC,CACR,CACL;QACN,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,UAC5B,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9C,CACT;QAEN,8BAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;YACnC,8BAAC,SAAG,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBAC7F,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IAAC,gBAAgB,EAAE,gBAAsE,GAAI,CAC3G,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBACrF,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,gBAAgB,EAAE,YAAkE,EACpF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ;YACN,8BAAC,SAAG,IAAC,OAAO,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,cAAc,CAAC;gBAC/F,uCAAK,SAAS,EAAC,uCAAuC;oBAClD,8BAAC,yBAAe,IACZ,WAAW,QACX,gBAAgB,EAAE,iBAAuE,EACzF,OAAO,EAAE,CAAC,mCAAiB,CAAC,WAAW,EAAE,mCAAiB,CAAC,SAAS,CAAC,GACvE,CACA,CACJ,CACH,CACR,CACN,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,sBAAsB,0BA6CjC","sourcesContent":["import { useMember } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport { ReservationAction } from '@/components/reservation/ReservationItem';\nimport ReservationList from '@/components/reservation/ReservationList';\nimport { IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@/contexts';\n\nimport { AccountRoutes } from '../AccountRoutes';\n\nexport const AccountReservationPage = () => {\n const { t } = useTranslation();\n const { cancelledBookings, upcomingBookings, pastBookings } = useMember();\n\n return (\n <>\n <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n <Link to={AccountRoutes.Home.path}>\n <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n {t(Translation.Reservation.BackToYourAccount)}\n </BEButton>\n </Link>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline size=\"extra-large\" bold>\n {t(Translation.Reservation.YourReservationPage.Title)}\n </Headline>\n </div>\n\n <Tabs defaultActiveKey=\"upcoming-stays\">\n <Tab navPath=\"upcoming-stays\" title={t(Translation.Reservation.YourReservationPage.UpcomingStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList reservationItems={upcomingBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]} />\n </div>\n </Tab>\n <Tab navPath=\"past-stays\" title={t(Translation.Reservation.YourReservationPage.PastStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n reservationItems={pastBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n <Tab navPath=\"cancelled-stays\" title={t(Translation.Reservation.YourReservationPage.CancelledStays)}>\n <div className=\"u-pad-top--heavy u-marg-bottom--heavy\">\n <ReservationList\n isCancelled\n reservationItems={cancelledBookings as IRoomstayMemberBookingItemWithRefAndHotelDetails[]}\n actions={[ReservationAction.MoreDetails, ReservationAction.BookAgain]}\n />\n </div>\n </Tab>\n </Tabs>\n </>\n );\n};\n"]}

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js CHANGED Viewed

@@ -39,6 +39,7 @@ const StepRoomSummaryAndButton_1 = __importDefault(require("../../../components/
 const TabGroupedRooms_1 = require("../../../components/steps/room/TabGroupedRooms/TabGroupedRooms");
 const UserSearchSummary_1 = require("../../../components/steps/room/UserSearchSummary/UserSearchSummary");
 const BEMobileSummary_1 = __importDefault(require("../../../components/summary/BEMobileSummary"));
+const StepRoomFilters_1 = require("../StepRoom/StepRoomFilters");
 const Translation_1 = require("../../../translations/Translation");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
@@ -58,8 +59,9 @@ const StepGroupedRoomComponent = () => {
                         } },
                         react_1.default.createElement(BackButton_1.default, null)),
                     react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Room.ChooseRoom))),
-                    react_1.default.createElement(LineBreak_1.default, { smallMargins: true }))),
+                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Room.ChooseRoom))))),
+                react_1.default.createElement(StepRoomFilters_1.StepRoomFilters, null),
+                react_1.default.createElement(LineBreak_1.default, { smallMargins: true }),
                 react_1.default.createElement(UserSearchSummary_1.UserSearchSummary, null),
                 react_1.default.createElement("div", { className: "u-marg-top" },
                     react_1.default.createElement(TabGroupedRooms_1.TabGroupedRooms, null))),

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAA0C;AAC1C,iDAA+C;AAC/C,uDAAqD;AAErD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,wGAAgF;AAChF,gHAAwF;AACxF,6FAA0F;AAC1F,mGAAgG;AAChG,2FAAmE;AACnE,4DAAyD;AACzD,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D;~~oBACN~~,8BAAC,mBAAS,IAAC,YAAY,SAAG~~,CAC3B,CACN~~;~~gBACD~~,8BAAC,qCAAiB,OAAG;gBAErB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepGroupedRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n const location = useLocation();\n\n const { t } = useTranslation();\n\n const { currentStep } = useContext(FullPageEngineContext);\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link\n to={{\n pathname: StepManager.getPreviousStepUrl(currentStep),\n search: location.search,\n }}\n >\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n <LineBreak smallMargins />\n ~~</>\n )}~~\n <UserSearchSummary />\n\n <div className=\"u-marg-top\">\n <TabGroupedRooms />\n </div>\n </StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <StepLayoutRightContent>\n <div className=\"u-marg-top\">\n <StepRoomHotelDetails />\n </div>\n <div className=\"u-marg-top--heavy\">\n <StepRoomSummaryAndButton />\n </div>\n </StepLayoutRightContent>\n )}\n </StepLayoutContainer>\n </div>\n );\n};\n\nexport default StepGroupedRoomComponent;\n"]}
1	+ {"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAA0C;AAC1C,iDAA+C;AAC/C,uDAAqD;AAErD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,wGAAgF;AAChF,gHAAwF;AACxF,6FAA0F;AAC1F,mGAAgG;AAChG,2FAAmE;AACnE,4EAAyE;AACzE,4DAAyD;AACzD,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBAED,8BAAC,iCAAe,OAAG;gBACnB,8BAAC,mBAAS,IAAC,YAAY,SAAG;gBAE1B,8BAAC,qCAAiB,OAAG;gBAErB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepGroupedRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n const location = useLocation();\n\n const { t } = useTranslation();\n\n const { currentStep } = useContext(FullPageEngineContext);\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link\n to={{\n pathname: StepManager.getPreviousStepUrl(currentStep),\n search: location.search,\n }}\n >\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n </>\n )}\n\n <StepRoomFilters />\n <LineBreak smallMargins />\n\n <UserSearchSummary />\n\n <div className=\"u-marg-top\">\n <TabGroupedRooms />\n </div>\n </StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <StepLayoutRightContent>\n <div className=\"u-marg-top\">\n <StepRoomHotelDetails />\n </div>\n <div className=\"u-marg-top--heavy\">\n <StepRoomSummaryAndButton />\n </div>\n </StepLayoutRightContent>\n )}\n </StepLayoutContainer>\n </div>\n );\n};\n\nexport default StepGroupedRoomComponent;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js CHANGED Viewed

@@ -33,35 +33,20 @@ const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
 const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
 const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
-const Text_1 = __importStar(require("../../../components/generic/Text"));
-const AppliedFiltersBlock_1 = __importDefault(require("../../../components/steps/room/roomFilter/AppliedFiltersBlock"));
-const RoomFilterOverlay_1 = __importDefault(require("../../../components/steps/room/roomFilter/RoomFilterOverlay"));
 const RoomList_1 = __importDefault(require("../../../components/steps/room/RoomList"));
 const StepRoomHotelDetails_1 = __importDefault(require("../../../components/steps/room/StepRoomHotelDetails"));
-const StepRoomSortBy_1 = __importDefault(require("../../../components/steps/room/StepRoomSortBy"));
 const StepRoomSummaryAndButton_1 = __importDefault(require("../../../components/steps/room/StepRoomSummaryAndButton"));
 const BEMobileSummary_1 = __importDefault(require("../../../components/summary/BEMobileSummary"));
-const Color_1 = require("../../../util/Color");
-const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const StepRoomFilters_1 = require("./StepRoomFilters");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const StepRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const location = (0, react_router_dom_1.useLocation)();
     const { t } = (0, react_i18next_1.useTranslation)();
-    const filterButton = (0, react_1.useRef)(null);
-    const [filtersOpen, setFiltersOpen] = (0, react_1.useState)(false);
     const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
-    const openFilter = () => {
-        DataLayer_1.default.instance.sendInteraction('Show Filters', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
-        setFiltersOpen(true);
-    };
-    const closeFilter = () => {
-        setFiltersOpen(false);
-    };
     return (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement(BEMobileSummary_1.default, null),
         react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
@@ -74,20 +59,7 @@ const StepRoomComponent = () => {
                         react_1.default.createElement(BackButton_1.default, null)),
                     react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
                         react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Room.ChooseRoom))))),
-                react_1.default.createElement("div", { className: "row align-items-end" },
-                    react_1.default.createElement("div", { className: "col-6 col-md-4 col-lg-3" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                            react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.SortBy))),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement(StepRoomSortBy_1.default, null))),
-                    react_1.default.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
-                        react_1.default.createElement("div", { ref: filterButton },
-                            react_1.default.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer", onClick: openFilter },
-                                react_1.default.createElement(Text_1.default, null, context.screenSize > ScreenSize_1.default.Medium ? t(Translation_1.Translation.Step.Room.FilterBy) : t(Translation_1.Translation.Step.Room.Filter.ShowFilters)),
-                                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, color: Color_1.Color.DarkGrey })),
-                            react_1.default.createElement(RoomFilterOverlay_1.default, { open: filtersOpen, anchorEl: filterButton.current, onClose: closeFilter }))),
-                    react_1.default.createElement("div", { className: "col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down" },
-                        react_1.default.createElement(AppliedFiltersBlock_1.default, null)))),
+                react_1.default.createElement(StepRoomFilters_1.StepRoomFilters, null)),
             context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
         context.screenSize > ScreenSize_1.default.Medium && react_1.default.createElement(LineBreak_1.default, null),

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+~~CAA4D~~;~~AAC5D~~,iDAA+C;AAC/C,uDAAqD;AACrD,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,~~uEAAgE;AAChE,~~uEAA4H;AAC5H,+EAAuD;AACvD,~~kEAA2D;AAC3D,iHAAyF;AACzF,6GAAqF;AACrF,~~gFAAwD;AACxD,wGAAgF;AAChF,~~4FAAoE;AACpE,~~gHAAwF;AACxF,2FAAmE;AACnE,~~wCAAqC~~;~~AACrC~~,~~8DAA+E;AAC/E,~~mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,~~YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,~~EAAE,~~cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,EAAE,~~WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACpG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBACD,~~uCAAK,SAAS,EAAC,qBAAqB;oBAChC,uCAAK,SAAS,EAAC,yBAAyB;wBACpC,~~8BAAC,~~cAAI~~,~~IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;4BAC7C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAU,CAC/C;wBACP;4BACI,8BAAC,wBAAc,~~OAAG,~~CAChB,CACJ~~;oBACN,uCAAK,SAAS,EAAC,yBAAyB;wBACpC,uCAAK,GAAG,EAAE,YAAY;4BAClB,uCAAK,SAAS,EAAC,0DAA0D,EAAC,OAAO,EAAE,UAAU;gCACzF,8BAAC,cAAI,QAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAQ;gCACvI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACtD;4BACN,8BAAC,2BAAiB,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,GAAI,CAC5F,CACJ;oBACN,uCAAK,SAAS,EAAC,8EAA8E;wBACzF,8BAAC,6BAAmB,OAAG,CACrB,CACJ,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACrB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,8BAAC,kBAAQ,OAAG,CACQ;YACxB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, ~~useRef, useState~~ } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport ~~Icon,~~ { ~~IconType } from '@/components/generic/Icon/Icon';\nimport {~~ StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport ~~StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport~~ StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { ~~Color~~ } from '@/~~util~~/~~Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util~~/~~DataLayer~~';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n const location = useLocation();\n\n const { t } = useTranslation();\n\n const ~~filterButton = useRef<HTMLDivElement \| null>(null);\n const [filtersOpen, setFiltersOpen] = useState(false);\n\n const~~ { currentStep } = useContext(FullPageEngineContext);\n\n const openFilter = () => {\n DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setFiltersOpen(true);\n };\n\n const closeFilter = () => {\n setFiltersOpen(false);\n };\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link\n to={{\n pathname: StepManager.getPreviousStepUrl(currentStep),\n search: location.search,\n }}\n >\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n </>\n )}\n <~~div~~ className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <StepRoomSortBy />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div ref={filterButton}>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n </div>\n <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n </div>\n </div>\n <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n <AppliedFiltersBlock />\n </div>\n </div>\n </StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <StepLayoutRightContent>\n <StepRoomHotelDetails />\n </StepLayoutRightContent>\n )}\n </StepLayoutContainer>\n {context.screenSize > ScreenSize.Medium && <LineBreak />}\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n <RoomList />\n </StepLayoutLeftContent>\n <StepLayoutRightContent>\n <StepRoomSummaryAndButton />\n </StepLayoutRightContent>\n </StepLayoutContainer>\n </div>\n );\n};\n\nexport default StepRoomComponent;\n"]}
1	+ {"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAA0C;AAC1C,iDAA+C;AAC/C,uDAAqD;AACrD,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,gFAAwD;AACxD,wGAAgF;AAChF,gHAAwF;AACxF,2FAAmE;AACnE,4EAAyE;AACzE,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBACD,8BAAC,iCAAe,OAAG,CACC;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACrB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,8BAAC,kBAAQ,OAAG,CACQ;YACxB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepRoomComponent = () => {\n const context = useContext(BookingEngineContext);\n const location = useLocation();\n\n const { t } = useTranslation();\n\n const { currentStep } = useContext(FullPageEngineContext);\n\n return (\n <div className=\"container\">\n <BEMobileSummary />\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <>\n <Link\n to={{\n pathname: StepManager.getPreviousStepUrl(currentStep),\n search: location.search,\n }}\n >\n <BackButton />\n </Link>\n <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n </div>\n </>\n )}\n <StepRoomFilters />\n </StepLayoutLeftContent>\n {context.screenSize > ScreenSize.Medium && (\n <StepLayoutRightContent>\n <StepRoomHotelDetails />\n </StepLayoutRightContent>\n )}\n </StepLayoutContainer>\n {context.screenSize > ScreenSize.Medium && <LineBreak />}\n <StepLayoutContainer>\n <StepLayoutLeftContent>\n <RoomList />\n </StepLayoutLeftContent>\n <StepLayoutRightContent>\n <StepRoomSummaryAndButton />\n </StepLayoutRightContent>\n </StepLayoutContainer>\n </div>\n );\n};\n\nexport default StepRoomComponent;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomFilters.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const StepRoomFilters: React.FC;

package/dist/src/pages/steps/StepRoom/StepRoomFilters.js ADDED Viewed

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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.StepRoomFilters = void 0;
+const contexts_1 = require("../../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const AppliedFiltersBlock_1 = __importDefault(require("../../../components/steps/room/roomFilter/AppliedFiltersBlock"));
+const RoomFilterOverlay_1 = __importDefault(require("../../../components/steps/room/roomFilter/RoomFilterOverlay"));
+const StepRoomSortBy_1 = __importDefault(require("../../../components/steps/room/StepRoomSortBy"));
+const Color_1 = require("../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const StepRoomFilters = () => {
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const filterButton = (0, react_1.useRef)(null);
+    const [filtersOpen, setFiltersOpen] = (0, react_1.useState)(false);
+    const openFilter = () => {
+        DataLayer_1.default.instance.sendInteraction('Show Filters', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
+        setFiltersOpen(true);
+    };
+    const closeFilter = () => {
+        setFiltersOpen(false);
+    };
+    return (react_1.default.createElement("div", { className: "row align-items-end" },
+        react_1.default.createElement("div", { className: "col-6 col-md-4 col-lg-3" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.SortBy))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(StepRoomSortBy_1.default, null))),
+        react_1.default.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
+            react_1.default.createElement("div", { ref: filterButton },
+                react_1.default.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer", onClick: openFilter },
+                    react_1.default.createElement(Text_1.default, null, context.screenSize > ScreenSize_1.default.Medium ? t(Translation_1.Translation.Step.Room.FilterBy) : t(Translation_1.Translation.Step.Room.Filter.ShowFilters)),
+                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, color: Color_1.Color.DarkGrey })),
+                react_1.default.createElement(RoomFilterOverlay_1.default, { open: filtersOpen, anchorEl: filterButton.current, onClose: closeFilter }))),
+        react_1.default.createElement("div", { className: "col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down" },
+            react_1.default.createElement(AppliedFiltersBlock_1.default, null))));
+};
+exports.StepRoomFilters = StepRoomFilters;
+//# sourceMappingURL=StepRoomFilters.js.map

package/dist/src/pages/steps/StepRoom/StepRoomFilters.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StepRoomFilters.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomFilters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA4D;AAC5D,iDAA+C;AAC/C,0DAAuD;AAEvD,uEAAgE;AAChE,kEAA2D;AAC3D,iHAAyF;AACzF,6GAAqF;AACrF,4FAAoE;AACpE,wCAAqC;AACrC,8DAA+E;AAC/E,mEAA2C;AAEpC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACpG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,qBAAqB;QAChC,uCAAK,SAAS,EAAC,yBAAyB;YACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gBAC7C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAU,CAC/C;YACP;gBACI,8BAAC,wBAAc,OAAG,CAChB,CACJ;QACN,uCAAK,SAAS,EAAC,yBAAyB;YACpC,uCAAK,GAAG,EAAE,YAAY;gBAClB,uCAAK,SAAS,EAAC,0DAA0D,EAAC,OAAO,EAAE,UAAU;oBACzF,8BAAC,cAAI,QAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAQ;oBACvI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACtD;gBACN,8BAAC,2BAAiB,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,GAAI,CAC5F,CACJ;QACN,uCAAK,SAAS,EAAC,8EAA8E;YACzF,8BAAC,6BAAmB,OAAG,CACrB,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,eAAe,mBAwC1B","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport const StepRoomFilters: React.FC = () => {\n const context = useContext(BookingEngineContext);\n const { t } = useTranslation();\n\n const filterButton = useRef<HTMLDivElement | null>(null);\n const [filtersOpen, setFiltersOpen] = useState<boolean>(false);\n\n const openFilter = () => {\n DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n setFiltersOpen(true);\n };\n\n const closeFilter = () => {\n setFiltersOpen(false);\n };\n\n return (\n <div className=\"row align-items-end\">\n <div className=\"col-6 col-md-4 col-lg-3\">\n <Text type={TextType.Label} color={Color.DarkGrey}>\n <strong>{t(Translation.Step.Room.SortBy)}</strong>\n </Text>\n <div>\n <StepRoomSortBy />\n </div>\n </div>\n <div className=\"col-6 col-md-2 col-lg-2\">\n <div ref={filterButton}>\n <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n </div>\n <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n </div>\n </div>\n <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n <AppliedFiltersBlock />\n </div>\n </div>\n );\n};\n"]}

package/dist/src/translations/Translation.d.ts CHANGED Viewed

@@ -228,6 +228,7 @@ export declare const Translation: {
                 NoRemoveLastRate: string;
                 RemoveThisRate: string;
                 Fees: string;
+                CreditCardSurcharge: string;
                 Taxes: string;
             };
             NoRoomsFound: {
@@ -299,6 +300,7 @@ export declare const Translation: {
                 Message: string;
             };
             IncludingFeesAndTaxes: string;
+            ExcludingFees: string;
         };
         Confirmation: {
             ApplySameInfoToOtherRooms: string;

package/dist/src/translations/Translation.js CHANGED Viewed

@@ -231,6 +231,7 @@ exports.Translation = {
                 NoRemoveLastRate: 'Step.Room.Summary.NoRemoveLastRate',
                 RemoveThisRate: 'Step.Room.Summary.RemoveThisRate',
                 Fees: 'Step.Room.Summary.Fees',
+                CreditCardSurcharge: 'Step.Room.Summary.CreditCardSurcharge',
                 Taxes: 'Step.Room.Summary.Taxes',
             },
             NoRoomsFound: {
@@ -302,6 +303,7 @@ exports.Translation = {
                 Message: 'Step.Addon.NotFound.Message',
             },
             IncludingFeesAndTaxes: 'Step.Addon.IncludingFeesAndTaxes',
+            ExcludingFees: 'Step.Addon.ExcludingFees',
         },
         Confirmation: {
             ApplySameInfoToOtherRooms: 'Step.Confirmation.ApplySameInfoToOtherRooms',