@roomstay/frontend 2.8.0 → 2.9.0

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

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

package/dist/src/models/BasketRow.d.ts

@@ -1,3 +1,4 @@
+import { AuxiliaryFilterSelections } from '../contexts/index.js';
 import { IBookingQuoteResponse, ReservationDTO } from '@roomstay/core';
 import dayjs from 'dayjs';
 import BasketRowDifferences from './BasketRowDifferences';
@@ -43,9 +44,7 @@ export default class BasketRow {
     quoteDetails?: NonNullable<IBookingQuoteResponse>['rows'][number];
     pencilId?: string;
     checkoutDefaults?: Partial<UserProfile>;
-    auxiliaryFilter?: {
-        [id: string]: string | number;
-    };
+    auxiliaryFilter?: AuxiliaryFilterSelections;
     /**
      *
      * @param rate - Optional `RoomRate` object associated with the basket row.
@@ -66,8 +65,8 @@ export default class BasketRow {
     getRoom(): Room;
     getStartDate(): dayjs.Dayjs;
     getEndDate(): dayjs.Dayjs;
-    getArrivalDate(): string | null;
-    getDepartureDate(): string | null;
+    getArrivalDate(format?: string): string | null;
+    getDepartureDate(format?: string): string | null;
     getStayDateRange(format?: string, separator?: string): string | undefined;
     /**
      * Ensures endDate is always at least 1 day after startDate.
@@ -144,12 +143,8 @@ export default class BasketRow {
     getPreUpsellRoomRate(): RoomRate | undefined;
     getTotalPrice(getCost?: boolean): number | undefined;
     checkDiffFromReservation(res: ReservationDTO): false | BasketRowDifferences;
-    setAuxiliaryFilter(value: {
-        [id: string]: any;
-    }): void;
-    getAuxiliaryFilter(): {
-        [id: string]: string | number;
-    } | undefined;
+    setAuxiliaryFilter(value: AuxiliaryFilterSelections): void;
+    getAuxiliaryFilter(): AuxiliaryFilterSelections | undefined;
     getEnableRoomCodeFilter(): boolean;
     setEnableRoomCodeFilter(enable: boolean): void;
     getRoomCode(): string;

package/dist/src/models/BasketRow.js

@@ -158,15 +158,15 @@ class BasketRow {
     getEndDate() {
         return this.endDate;
     }
-    getArrivalDate() {
+    getArrivalDate(format = 'D MMM') {
         if (this.startDate) {
-            return this.startDate.format('D MMM');
+            return this.startDate.format(format);
         }
         return null;
     }
-    getDepartureDate() {
+    getDepartureDate(format = 'D MMM') {
         if (this.endDate) {
-            return this.endDate.format('D MMM');
+            return this.endDate.format(format);
         }
         return null;
     }

package/dist/src/models/BasketRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketRow.js","sourceRoot":"/","sources":["src/models/BasketRow.ts"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAM1B,0DAA8D;AAC9D,wCAAqC;AACrC,oEAA4D;AAE5D,6DAA2D;AAE3D,IAAY,gBAKX;AALD,WAAY,gBAAgB;IACxB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,+BAAW,CAAA;IACX,2CAAuB,CAAA;AAC3B,CAAC,EALW,gBAAgB,gCAAhB,gBAAgB,QAK3B;AACD,MAAqB,SAAS;IAuD1B;;;;;;OAMG;IACH,YAAmB,IAAe,EAAE,MAAe,EAAE,0BAA0B,GAAG,IAAI;;QArD9E,mBAAc,GAMlB;YACA,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,IAAA,eAAK,GAAE;YAClB,OAAO,EAAE,IAAA,eAAK,GAAE;SACnB,CAAC;QAIF;;;WAGG;QACK,4BAAuB,GAAG,EAAE,CAAC;QAGrC;;WAEG;QACK,yBAAoB,GAAG,KAAK,CAAC;QACrC;;WAEG;QACK,aAAQ,GAAG,EAAE,CAAC;QA+ItB;;;WAGG;QACI,uBAAkB,GAAG,GAAS,EAAE;YACnC,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC5B,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;gBAChE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;YAClC,CAAC;QACL,CAAC,CAAC;QA4EF;;;;;;;;;;WAUG;QACI,wBAAmB,GAAG,CACzB,CAA2B,EAC3B,WAA4H,EACtH,EAAE;YACR,IAAI,gBAAgB,GAAG,EAAE,CAAC;YAE1B,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,kBAAkB,EAAE,MAAK,gBAAgB,CAAC,GAAG,EAAE,CAAC;gBACtD,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACpJ,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,kBAAkB,EAAE,MAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;oBACxD,gBAAgB,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACvE,CAAC;qBAAM,CAAC;oBACJ,gBAAgB,GAAG,IAAI,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC9G,CAAC;YACL,CAAC;YACD,OAAO,gBAAgB,CAAC;QAC5B,CAAC,CAAC;QAxOE;;WAEG;QACH,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,MAAA,oCAAc,CAAC,MAAM,mCAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,MAAA,oCAAc,CAAC,QAAQ,mCAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,GAAG,MAAA,oCAAc,CAAC,OAAO,mCAAI,CAAC,CAAC;QAE3C,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC,GAAG,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,0BAA0B,EAAE,CAAC;YAC7B,MAAM,QAAQ,GAAG,IAAA,sCAAqB,EAAC,wCAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC;YACzG,IAAI,CAAC,oBAAoB,GAAG,CAAC,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAElC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5F,CAAC;IAEM,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,YAAY,CAAC,mBAA4B;QAC5C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QACxC,CAAC;QAED,IAAI,mBAAmB,KAAK,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE,EAAE,CAAC;YACxF,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QACxC,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAEM,kBAAkB;QACrB,IAAI,IAAI,CAAC,eAAe,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAClD,OAAO,aAAK,CAAC,OAAO,CAAC;QACzB,CAAC;aAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAC/F,OAAO,aAAK,CAAC,KAAK,CAAC;QACvB,CAAC;QAED,OAAO,aAAK,CAAC,IAAI,CAAC;IACtB,CAAC;IAEM,gBAAgB;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAE5B,OAAO,CACH,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,CAAC,IAAI,CAAY,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,6BAA6B,CAAC,IAAI,CAAY,CAAA;YAC/F,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,kBAAkB,EAAE,KAAK,gBAAgB,CAAC,KAAK,CACvD,CAAC;IACN,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACrC,CAAC;IAEM,uBAAuB,CAAC,KAAc;QACzC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;IACtC,CAAC;IAEM,eAAe;QAClB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC;QAED,OAAO,CAAC,CAAC;IACb,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAEM,UAAU;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAEM,cAAc;QACjB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,gBAAgB;QACnB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,gBAAgB,CAAC,MAAM,GAAG,WAAW,EAAE,SAAS,GAAG,GAAG;QACzD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACzF,CAAC;IACL,CAAC;IAcM,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEM,UAAU;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAEM,iBAAiB;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAEM,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,OAAO;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACtG,CAAC;IAEM,YAAY,CAAC,IAAY;QAC5B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACxC,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACxC,CAAC;IAEM,YAAY,CAAC,KAAc;QAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEM,QAAQ,CAAC,MAAe;QAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACI,kBAAkB,CAAC,MAAwB,EAAE,cAAuB;QACvE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC;QACtE,IAAI,CAAC,0BAA0B,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvJ,CAAC;IAED;;;;OAIG;IACK,0BAA0B,CAAC,OAAe;QAC9C,IAAI,CAAC,uBAAuB,GAAG,OAAO,CAAC;IAC3C,CAAC;IAED;;;;OAIG;IACI,0BAA0B;QAC7B,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACxC,CAAC;IA+BM,YAAY,CAAC,IAAiB;QACjC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE,KAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC1B,CAAC;IACL,CAAC;IAEM,UAAU,CAAC,IAAiB;QAC/B,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE,KAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,CAAC;IACL,CAAC;IAEM,SAAS,CAAC,MAAc;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IAEM,WAAW,CAAC,QAAgB;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,UAAU,CAAC,OAAe;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7C,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3C,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/C,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC/C,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAEM,OAAO,CAAC,IAAqB,EAAE,aAAuB;QACzD,IAAI,aAAa,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACZ,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,gEAAgE;YAC/F,CAAC;QACL,CAAC;IACL,CAAC;IAEO,oBAAoB,CAAC,QAAkB;QAC3C,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC;IACtC,CAAC;IAEM,oBAAoB;QACvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAEM,aAAa,CAAC,OAAO,GAAG,KAAK;;QAChC,OAAO,MAAA,IAAI,CAAC,OAAO,EAAE,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAEM,wBAAwB,CAAC,GAAmB;QAC/C,MAAM,WAAW,GAAyB,EAAE,CAAC;QAE7C,IAAI,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACvB,uGAAuG;YACvG,8EAA8E;YAC9E,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC1F,WAAW,CAAC,UAAU,GAAG;oBACrB,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;oBAChC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;iBAC9B,CAAC;YACN,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpF,WAAW,CAAC,UAAU,GAAG;oBACrB,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE;oBAC5B,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ;iBAC5B,CAAC;YACN,CAAC;QACL,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;YAClC,WAAW,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE9B,OAAO,WAAW,CAAC;QACvB,CAAC;aAAM,CAAC;YACJ,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IAEM,kBAAkB,CAAC,KAA4B;QAClD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IACjC,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,uBAAuB;QAC1B,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACrC,CAAC;IAEM,uBAAuB,CAAC,MAAe;QAC1C,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC;IACvC,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;IAC/B,CAAC;IAEM,WAAW,CAAC,QAAgB;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;CACJ;AAlaD,4BAkaC","sourcesContent":["import { IBookingQuoteResponse, ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\n\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport type { Room } from '@/models/Room/Room';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport UserProfile from '@/models/UserProfile';\nimport { getQueryParamFromHash } from '@/util/CalendarHelper';\nimport { Color } from '@/util/Color';\nimport { DEFAULT_VALUES } from '@/util/DefaultValueManager';\n\nimport { EAppQueryParameters } from './AppQueryParameters';\n\nexport enum EPromoCodeStatus {\n    Valid = 'valid',\n    Invalid = 'invalid',\n    New = 'new',\n    Forbidden = 'forbidden',\n}\nexport default class BasketRow {\n    private uniqId: string;\n\n    private room!: Room;\n    private rate!: RoomRate | null;\n    private isStale!: boolean;\n    private adults: number;\n    private children: number;\n    private infants: number;\n    private preGuestsState: {\n        adults: number;\n        children: number;\n        infants: number;\n        startDate: dayjs.Dayjs;\n        endDate: dayjs.Dayjs;\n    } = {\n        adults: 0,\n        children: 0,\n        infants: 0,\n        startDate: dayjs(),\n        endDate: dayjs(),\n    };\n\n    private promoCode: string;\n    private promoCodeStatus: EPromoCodeStatus;\n    /**\n     * Warning message associated with an invalid promo code.\n     * Used for displaying tooltip or error messages to the user.\n     */\n    private promoCodeWarningMessage = '';\n    private manualInputPromoCode: boolean;\n\n    /**\n     * Enable room code filter when the the URL's room parameter is present\n     */\n    private enableRoomCodeFilter = false;\n    /**\n     * Indicates availability for a specific room extracted from the URL's room parameter\n     */\n    private roomCode = '';\n\n    private startDate!: dayjs.Dayjs;\n    private endDate!: dayjs.Dayjs;\n\n    private promoOnly: boolean;\n\n    private preUpsellRoomRate?: RoomRate;\n\n    public quoteDetails?: NonNullable<IBookingQuoteResponse>['rows'][number];\n    public pencilId?: string;\n\n    public checkoutDefaults?: Partial<UserProfile>;\n\n    public auxiliaryFilter?: { [id: string]: string | number };\n\n    /**\n     *\n     * @param rate - Optional `RoomRate` object associated with the basket row.\n     * @param uniqId - Optional unique identifier for this basket row instance.\n     * @param shouldEnableRoomCodeFilter - Whether to check the URL for a room code and enable filtering accordingly.\n     *                                Defaults to `true`.\n     */\n    public constructor(rate?: RoomRate, uniqId?: string, shouldEnableRoomCodeFilter = true) {\n        /*\n         * Rate is optional since we can create row entries on first step, where there is no ability to select rate.\n         */\n        if (rate) {\n            this.setRate(rate);\n        }\n\n        this.adults = DEFAULT_VALUES.ADULTS ?? 1;\n        this.children = DEFAULT_VALUES.CHILDREN ?? 0;\n        this.infants = DEFAULT_VALUES.INFANTS ?? 0;\n\n        this.promoCode = '';\n        this.promoCodeStatus = EPromoCodeStatus.New;\n        this.promoOnly = false;\n        if (shouldEnableRoomCodeFilter) {\n            const roomCode = getQueryParamFromHash(EAppQueryParameters.Room); // Extract the the URL's room parameter\n            this.enableRoomCodeFilter = !!roomCode;\n            this.roomCode = roomCode || '';\n        }\n\n        this.manualInputPromoCode = false;\n\n        this.uniqId = uniqId ? uniqId : btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n    }\n\n    public getStale() {\n        return this.isStale;\n    }\n\n    public getRate() {\n        return this.rate;\n    }\n\n    public getPromoCode(memberOnlyPromoCode?: string) {\n        if (!memberOnlyPromoCode) {\n            return this.promoCode.toUpperCase();\n        }\n\n        if (memberOnlyPromoCode !== this.promoCode.toUpperCase() || this.isManualInputPromoCode()) {\n            return this.promoCode.toUpperCase();\n        }\n\n        return '';\n    }\n\n    public getPromoOnly() {\n        return this.promoOnly;\n    }\n\n    public getPromoCodeColour() {\n        if (this.promoCodeStatus === EPromoCodeStatus.Valid) {\n            return Color.Success;\n        } else if ([EPromoCodeStatus.Invalid, EPromoCodeStatus.Forbidden].includes(this.promoCodeStatus)) {\n            return Color.Alert;\n        }\n\n        return Color.Navy;\n    }\n\n    public isPromoCodeValid() {\n        const rate = this.getRate();\n\n        return (\n            (rate?.getAveragePrice(true) as number) < (rate?.getAveragePriceBeforeDiscount(true) as number) &&\n            this.getPromoCode() &&\n            this.getPromoCodeStatus() === EPromoCodeStatus.Valid\n        );\n    }\n\n    public isManualInputPromoCode() {\n        return this.manualInputPromoCode;\n    }\n\n    public setManualInputPromoCode(value: boolean) {\n        this.manualInputPromoCode = value;\n    }\n\n    public getNumberOfDays() {\n        if (this.endDate && this.startDate) {\n            return this.endDate.diff(this.startDate, 'day');\n        }\n\n        return 0;\n    }\n\n    public getRoom() {\n        return this.room;\n    }\n\n    public getStartDate() {\n        return this.startDate;\n    }\n\n    public getEndDate() {\n        return this.endDate;\n    }\n\n    public getArrivalDate() {\n        if (this.startDate) {\n            return this.startDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getDepartureDate() {\n        if (this.endDate) {\n            return this.endDate.format('D MMM');\n        }\n\n        return null;\n    }\n\n    public getStayDateRange(format = 'ddd D MMM', separator = ',') {\n        if (this.startDate && this.endDate) {\n            return `${this.startDate.format(format)}${separator} ${this.endDate.format(format)}`;\n        }\n    }\n\n    /**\n     * Ensures endDate is always at least 1 day after startDate.\n     * Prevents invalid basket date ranges inherited from previous rows.\n     */\n    public normalizeDateRange = (): void => {\n        if (!this.startDate) return;\n        const minimumEndDate = this.startDate.clone().add(1, 'day');\n        if (!this.endDate || this.endDate.isBefore(minimumEndDate, 'day')) {\n            this.endDate = minimumEndDate;\n        }\n    };\n\n    public getAdults() {\n        return this.adults;\n    }\n\n    public getChildren() {\n        return this.children;\n    }\n\n    public getInfants() {\n        return this.infants;\n    }\n\n    public getPreGuestsState() {\n        return this.preGuestsState;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public getPromoCodeStatus() {\n        return this.promoCodeStatus;\n    }\n\n    public isValid(): boolean {\n        return !!this.startDate && !!this.endDate && this.startDate.isBefore(this.endDate) && !!this.rate;\n    }\n\n    public setPromoCode(code: string) {\n        if (this.promoCode !== code.toUpperCase()) {\n            this.setPromoCodeStatus(EPromoCodeStatus.New);\n            this.promoOnly = false;\n        }\n\n        this.promoCode = code.toUpperCase();\n    }\n\n    public setPromoOnly(value: boolean) {\n        this.promoOnly = value;\n    }\n\n    public setStale(status: boolean) {\n        this.isStale = status;\n    }\n\n    /**\n     * Sets the promo code status and optionally a warning message.\n     *\n     * @param status - The new status: EPromoCodeStatus.\n     * @param warningMessage - Optional warning message shown when status is 'invalid'.\n     */\n    public setPromoCodeStatus(status: EPromoCodeStatus, warningMessage?: string) {\n        this.promoCodeStatus = this.promoCode ? status : EPromoCodeStatus.New;\n        this.setPromoCodeWarningMessage([EPromoCodeStatus.Invalid, EPromoCodeStatus.Forbidden].includes(this.promoCodeStatus) ? warningMessage || '' : '');\n    }\n\n    /**\n     * Stores the warning message for an invalid promo code.\n     *\n     * @param message - The warning message to display.\n     */\n    private setPromoCodeWarningMessage(message: string) {\n        this.promoCodeWarningMessage = message;\n    }\n\n    /**\n     * Gets the stored warning message for the promo code.\n     *\n     * @returns The warning message as a string.\n     */\n    public getPromoCodeWarningMessage(): string {\n        return this.promoCodeWarningMessage;\n    }\n\n    /**\n     * Returns the tooltip text based on the promo code status.\n     *\n     * - If status is EPromoCodeStatus.New: returns 'Checking' or 'No value'.\n     * - If status is EPromoCodeStatus.Valid: returns 'Valid'.\n     * - If status is EPromoCodeStatus.Invalid: returns the warning message.\n     *\n     * @param t - Translation function.\n     * @param Translation - Translation object with tooltip message strings.\n     * @returns Tooltip string to display.\n     */\n    public getPromoCodeTooltip = (\n        t: (arg0: string) => string,\n        Translation: { Step: { Date: { PromoCodeTooltip: { Checking: string; NoValue: string; Valid: string; Invalid: string } } } }\n    ): string => {\n        let promoCodeTooltip = '';\n\n        if (this?.getPromoCodeStatus() === EPromoCodeStatus.New) {\n            promoCodeTooltip = this.getPromoCode() ? t(Translation.Step.Date.PromoCodeTooltip.Checking) : t(Translation.Step.Date.PromoCodeTooltip.NoValue);\n        } else {\n            if (this?.getPromoCodeStatus() === EPromoCodeStatus.Valid) {\n                promoCodeTooltip = t(Translation.Step.Date.PromoCodeTooltip.Valid);\n            } else {\n                promoCodeTooltip = this.getPromoCodeWarningMessage() || t(Translation.Step.Date.PromoCodeTooltip.Invalid);\n            }\n        }\n        return promoCodeTooltip;\n    };\n\n    public setStartDate(date: dayjs.Dayjs) {\n        if (date?.isValid() || date === undefined) {\n            this.startDate = date;\n        }\n    }\n\n    public setEndDate(date: dayjs.Dayjs) {\n        if (date?.isValid() || date === undefined) {\n            this.endDate = date;\n        }\n    }\n\n    public setAdults(adults: number) {\n        this.adults = adults;\n    }\n\n    public setChildren(children: number) {\n        this.children = children;\n    }\n\n    public setInfants(infants: number) {\n        this.infants = infants;\n    }\n\n    public setPreGuestsState() {\n        this.preGuestsState.adults = this.adults;\n        this.preGuestsState.children = this.children;\n        this.preGuestsState.infants = this.infants;\n        this.preGuestsState.startDate = this.startDate;\n        this.preGuestsState.endDate = this.endDate;\n    }\n\n    public discardGuestsState() {\n        this.setAdults(this.preGuestsState.adults);\n        this.setChildren(this.preGuestsState.children);\n        this.setInfants(this.preGuestsState.infants);\n        this.setStartDate(this.preGuestsState.startDate);\n        this.setEndDate(this.preGuestsState.endDate);\n    }\n\n    public setRate(rate: RoomRate | null, upsellEnabled?: boolean) {\n        if (upsellEnabled && this.rate) {\n            this.setPreUpsellRoomRate(this.rate);\n        }\n\n        this.rate = rate;\n\n        if (rate) {\n            const room = rate.getRoom();\n            this.room = room;\n            if (room.code) {\n                this.roomCode = room.code; // [step/room] Update Indicates availability for a specific room\n            }\n        }\n    }\n\n    private setPreUpsellRoomRate(roomRate: RoomRate) {\n        this.preUpsellRoomRate = roomRate;\n    }\n\n    public getPreUpsellRoomRate() {\n        return this.preUpsellRoomRate;\n    }\n\n    public getTotalPrice(getCost = false) {\n        return this.getRate()?.getTotalPrice(getCost);\n    }\n\n    public checkDiffFromReservation(res: ReservationDTO) {\n        const differences: BasketRowDifferences = {};\n\n        if (res.total.beforeFees) {\n            // This beforeFees field will be included when we're using Itemised Fees. Because fees can be a part of\n            // rates, we'll just confirm that the price excluding fees is correct for now.\n            if (Number(res.total.beforeFees).toFixed(2) !== Number(this.getTotalPrice(true)).toFixed(2)) {\n                differences.totalPrice = {\n                    before: this.getTotalPrice(true),\n                    after: res.total.beforeFees,\n                };\n            }\n        } else {\n            if (Number(res.total.afterTax).toFixed(2) !== Number(this.getTotalPrice()).toFixed(2)) {\n                differences.totalPrice = {\n                    before: this.getTotalPrice(),\n                    after: res.total.afterTax,\n                };\n            }\n        }\n\n        if (Object.keys(differences).length) {\n            differences.id = this.getID();\n\n            return differences;\n        } else {\n            return false;\n        }\n    }\n\n    public setAuxiliaryFilter(value: { [id: string]: any }) {\n        this.auxiliaryFilter = value;\n    }\n\n    public getAuxiliaryFilter() {\n        return this.auxiliaryFilter;\n    }\n\n    public getEnableRoomCodeFilter() {\n        return this.enableRoomCodeFilter;\n    }\n\n    public setEnableRoomCodeFilter(enable: boolean) {\n        this.enableRoomCodeFilter = enable;\n    }\n\n    public getRoomCode() {\n        return this.roomCode || '';\n    }\n\n    public setRoomCode(roomCode: string) {\n        this.roomCode = roomCode;\n    }\n}\n"]}
+{"version":3,"file":"BasketRow.js","sourceRoot":"/","sources":["src/models/BasketRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { AuxiliaryFilterSelections } from '@frontend/contexts';\nimport { IBookingQuoteResponse, ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\n\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport type { Room } from '@/models/Room/Room';\nimport type { RoomRate } from '@/models/Room/RoomRate';\nimport UserProfile from '@/models/UserProfile';\nimport { getQueryParamFromHash } from '@/util/CalendarHelper';\nimport { Color } from '@/util/Color';\nimport { DEFAULT_VALUES } from '@/util/DefaultValueManager';\n\nimport { EAppQueryParameters } from './AppQueryParameters';\n\nexport enum EPromoCodeStatus {\n    Valid = 'valid',\n    Invalid = 'invalid',\n    New = 'new',\n    Forbidden = 'forbidden',\n}\nexport default class BasketRow {\n    private uniqId: string;\n\n    private room!: Room;\n    private rate!: RoomRate | null;\n    private isStale!: boolean;\n    private adults: number;\n    private children: number;\n    private infants: number;\n    private preGuestsState: {\n        adults: number;\n        children: number;\n        infants: number;\n        startDate: dayjs.Dayjs;\n        endDate: dayjs.Dayjs;\n    } = {\n        adults: 0,\n        children: 0,\n        infants: 0,\n        startDate: dayjs(),\n        endDate: dayjs(),\n    };\n\n    private promoCode: string;\n    private promoCodeStatus: EPromoCodeStatus;\n    /**\n     * Warning message associated with an invalid promo code.\n     * Used for displaying tooltip or error messages to the user.\n     */\n    private promoCodeWarningMessage = '';\n    private manualInputPromoCode: boolean;\n\n    /**\n     * Enable room code filter when the the URL's room parameter is present\n     */\n    private enableRoomCodeFilter = false;\n    /**\n     * Indicates availability for a specific room extracted from the URL's room parameter\n     */\n    private roomCode = '';\n\n    private startDate!: dayjs.Dayjs;\n    private endDate!: dayjs.Dayjs;\n\n    private promoOnly: boolean;\n\n    private preUpsellRoomRate?: RoomRate;\n\n    public quoteDetails?: NonNullable<IBookingQuoteResponse>['rows'][number];\n    public pencilId?: string;\n\n    public checkoutDefaults?: Partial<UserProfile>;\n\n    public auxiliaryFilter?: AuxiliaryFilterSelections;\n\n    /**\n     *\n     * @param rate - Optional `RoomRate` object associated with the basket row.\n     * @param uniqId - Optional unique identifier for this basket row instance.\n     * @param shouldEnableRoomCodeFilter - Whether to check the URL for a room code and enable filtering accordingly.\n     *                                Defaults to `true`.\n     */\n    public constructor(rate?: RoomRate, uniqId?: string, shouldEnableRoomCodeFilter = true) {\n        /*\n         * Rate is optional since we can create row entries on first step, where there is no ability to select rate.\n         */\n        if (rate) {\n            this.setRate(rate);\n        }\n\n        this.adults = DEFAULT_VALUES.ADULTS ?? 1;\n        this.children = DEFAULT_VALUES.CHILDREN ?? 0;\n        this.infants = DEFAULT_VALUES.INFANTS ?? 0;\n\n        this.promoCode = '';\n        this.promoCodeStatus = EPromoCodeStatus.New;\n        this.promoOnly = false;\n        if (shouldEnableRoomCodeFilter) {\n            const roomCode = getQueryParamFromHash(EAppQueryParameters.Room); // Extract the the URL's room parameter\n            this.enableRoomCodeFilter = !!roomCode;\n            this.roomCode = roomCode || '';\n        }\n\n        this.manualInputPromoCode = false;\n\n        this.uniqId = uniqId ? uniqId : btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n    }\n\n    public getStale() {\n        return this.isStale;\n    }\n\n    public getRate() {\n        return this.rate;\n    }\n\n    public getPromoCode(memberOnlyPromoCode?: string) {\n        if (!memberOnlyPromoCode) {\n            return this.promoCode.toUpperCase();\n        }\n\n        if (memberOnlyPromoCode !== this.promoCode.toUpperCase() || this.isManualInputPromoCode()) {\n            return this.promoCode.toUpperCase();\n        }\n\n        return '';\n    }\n\n    public getPromoOnly() {\n        return this.promoOnly;\n    }\n\n    public getPromoCodeColour() {\n        if (this.promoCodeStatus === EPromoCodeStatus.Valid) {\n            return Color.Success;\n        } else if ([EPromoCodeStatus.Invalid, EPromoCodeStatus.Forbidden].includes(this.promoCodeStatus)) {\n            return Color.Alert;\n        }\n\n        return Color.Navy;\n    }\n\n    public isPromoCodeValid() {\n        const rate = this.getRate();\n\n        return (\n            (rate?.getAveragePrice(true) as number) < (rate?.getAveragePriceBeforeDiscount(true) as number) &&\n            this.getPromoCode() &&\n            this.getPromoCodeStatus() === EPromoCodeStatus.Valid\n        );\n    }\n\n    public isManualInputPromoCode() {\n        return this.manualInputPromoCode;\n    }\n\n    public setManualInputPromoCode(value: boolean) {\n        this.manualInputPromoCode = value;\n    }\n\n    public getNumberOfDays() {\n        if (this.endDate && this.startDate) {\n            return this.endDate.diff(this.startDate, 'day');\n        }\n\n        return 0;\n    }\n\n    public getRoom() {\n        return this.room;\n    }\n\n    public getStartDate() {\n        return this.startDate;\n    }\n\n    public getEndDate() {\n        return this.endDate;\n    }\n\n    public getArrivalDate(format = 'D MMM') {\n        if (this.startDate) {\n            return this.startDate.format(format);\n        }\n\n        return null;\n    }\n\n    public getDepartureDate(format = 'D MMM') {\n        if (this.endDate) {\n            return this.endDate.format(format);\n        }\n\n        return null;\n    }\n\n    public getStayDateRange(format = 'ddd D MMM', separator = ',') {\n        if (this.startDate && this.endDate) {\n            return `${this.startDate.format(format)}${separator} ${this.endDate.format(format)}`;\n        }\n    }\n\n    /**\n     * Ensures endDate is always at least 1 day after startDate.\n     * Prevents invalid basket date ranges inherited from previous rows.\n     */\n    public normalizeDateRange = (): void => {\n        if (!this.startDate) return;\n        const minimumEndDate = this.startDate.clone().add(1, 'day');\n        if (!this.endDate || this.endDate.isBefore(minimumEndDate, 'day')) {\n            this.endDate = minimumEndDate;\n        }\n    };\n\n    public getAdults() {\n        return this.adults;\n    }\n\n    public getChildren() {\n        return this.children;\n    }\n\n    public getInfants() {\n        return this.infants;\n    }\n\n    public getPreGuestsState() {\n        return this.preGuestsState;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public getPromoCodeStatus() {\n        return this.promoCodeStatus;\n    }\n\n    public isValid(): boolean {\n        return !!this.startDate && !!this.endDate && this.startDate.isBefore(this.endDate) && !!this.rate;\n    }\n\n    public setPromoCode(code: string) {\n        if (this.promoCode !== code.toUpperCase()) {\n            this.setPromoCodeStatus(EPromoCodeStatus.New);\n            this.promoOnly = false;\n        }\n\n        this.promoCode = code.toUpperCase();\n    }\n\n    public setPromoOnly(value: boolean) {\n        this.promoOnly = value;\n    }\n\n    public setStale(status: boolean) {\n        this.isStale = status;\n    }\n\n    /**\n     * Sets the promo code status and optionally a warning message.\n     *\n     * @param status - The new status: EPromoCodeStatus.\n     * @param warningMessage - Optional warning message shown when status is 'invalid'.\n     */\n    public setPromoCodeStatus(status: EPromoCodeStatus, warningMessage?: string) {\n        this.promoCodeStatus = this.promoCode ? status : EPromoCodeStatus.New;\n        this.setPromoCodeWarningMessage([EPromoCodeStatus.Invalid, EPromoCodeStatus.Forbidden].includes(this.promoCodeStatus) ? warningMessage || '' : '');\n    }\n\n    /**\n     * Stores the warning message for an invalid promo code.\n     *\n     * @param message - The warning message to display.\n     */\n    private setPromoCodeWarningMessage(message: string) {\n        this.promoCodeWarningMessage = message;\n    }\n\n    /**\n     * Gets the stored warning message for the promo code.\n     *\n     * @returns The warning message as a string.\n     */\n    public getPromoCodeWarningMessage(): string {\n        return this.promoCodeWarningMessage;\n    }\n\n    /**\n     * Returns the tooltip text based on the promo code status.\n     *\n     * - If status is EPromoCodeStatus.New: returns 'Checking' or 'No value'.\n     * - If status is EPromoCodeStatus.Valid: returns 'Valid'.\n     * - If status is EPromoCodeStatus.Invalid: returns the warning message.\n     *\n     * @param t - Translation function.\n     * @param Translation - Translation object with tooltip message strings.\n     * @returns Tooltip string to display.\n     */\n    public getPromoCodeTooltip = (\n        t: (arg0: string) => string,\n        Translation: { Step: { Date: { PromoCodeTooltip: { Checking: string; NoValue: string; Valid: string; Invalid: string } } } }\n    ): string => {\n        let promoCodeTooltip = '';\n\n        if (this?.getPromoCodeStatus() === EPromoCodeStatus.New) {\n            promoCodeTooltip = this.getPromoCode() ? t(Translation.Step.Date.PromoCodeTooltip.Checking) : t(Translation.Step.Date.PromoCodeTooltip.NoValue);\n        } else {\n            if (this?.getPromoCodeStatus() === EPromoCodeStatus.Valid) {\n                promoCodeTooltip = t(Translation.Step.Date.PromoCodeTooltip.Valid);\n            } else {\n                promoCodeTooltip = this.getPromoCodeWarningMessage() || t(Translation.Step.Date.PromoCodeTooltip.Invalid);\n            }\n        }\n        return promoCodeTooltip;\n    };\n\n    public setStartDate(date: dayjs.Dayjs) {\n        if (date?.isValid() || date === undefined) {\n            this.startDate = date;\n        }\n    }\n\n    public setEndDate(date: dayjs.Dayjs) {\n        if (date?.isValid() || date === undefined) {\n            this.endDate = date;\n        }\n    }\n\n    public setAdults(adults: number) {\n        this.adults = adults;\n    }\n\n    public setChildren(children: number) {\n        this.children = children;\n    }\n\n    public setInfants(infants: number) {\n        this.infants = infants;\n    }\n\n    public setPreGuestsState() {\n        this.preGuestsState.adults = this.adults;\n        this.preGuestsState.children = this.children;\n        this.preGuestsState.infants = this.infants;\n        this.preGuestsState.startDate = this.startDate;\n        this.preGuestsState.endDate = this.endDate;\n    }\n\n    public discardGuestsState() {\n        this.setAdults(this.preGuestsState.adults);\n        this.setChildren(this.preGuestsState.children);\n        this.setInfants(this.preGuestsState.infants);\n        this.setStartDate(this.preGuestsState.startDate);\n        this.setEndDate(this.preGuestsState.endDate);\n    }\n\n    public setRate(rate: RoomRate | null, upsellEnabled?: boolean) {\n        if (upsellEnabled && this.rate) {\n            this.setPreUpsellRoomRate(this.rate);\n        }\n\n        this.rate = rate;\n\n        if (rate) {\n            const room = rate.getRoom();\n            this.room = room;\n            if (room.code) {\n                this.roomCode = room.code; // [step/room] Update Indicates availability for a specific room\n            }\n        }\n    }\n\n    private setPreUpsellRoomRate(roomRate: RoomRate) {\n        this.preUpsellRoomRate = roomRate;\n    }\n\n    public getPreUpsellRoomRate() {\n        return this.preUpsellRoomRate;\n    }\n\n    public getTotalPrice(getCost = false) {\n        return this.getRate()?.getTotalPrice(getCost);\n    }\n\n    public checkDiffFromReservation(res: ReservationDTO) {\n        const differences: BasketRowDifferences = {};\n\n        if (res.total.beforeFees) {\n            // This beforeFees field will be included when we're using Itemised Fees. Because fees can be a part of\n            // rates, we'll just confirm that the price excluding fees is correct for now.\n            if (Number(res.total.beforeFees).toFixed(2) !== Number(this.getTotalPrice(true)).toFixed(2)) {\n                differences.totalPrice = {\n                    before: this.getTotalPrice(true),\n                    after: res.total.beforeFees,\n                };\n            }\n        } else {\n            if (Number(res.total.afterTax).toFixed(2) !== Number(this.getTotalPrice()).toFixed(2)) {\n                differences.totalPrice = {\n                    before: this.getTotalPrice(),\n                    after: res.total.afterTax,\n                };\n            }\n        }\n\n        if (Object.keys(differences).length) {\n            differences.id = this.getID();\n\n            return differences;\n        } else {\n            return false;\n        }\n    }\n\n    public setAuxiliaryFilter(value: AuxiliaryFilterSelections) {\n        this.auxiliaryFilter = value;\n    }\n\n    public getAuxiliaryFilter() {\n        return this.auxiliaryFilter;\n    }\n\n    public getEnableRoomCodeFilter() {\n        return this.enableRoomCodeFilter;\n    }\n\n    public setEnableRoomCodeFilter(enable: boolean) {\n        this.enableRoomCodeFilter = enable;\n    }\n\n    public getRoomCode() {\n        return this.roomCode || '';\n    }\n\n    public setRoomCode(roomCode: string) {\n        this.roomCode = roomCode;\n    }\n}\n"]}

package/dist/src/pages/findReservation/ReservationRow.js

@@ -62,6 +62,7 @@ function ReservationRow(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const { formatReservationDate } = (0, hooks_1.useGuestDateFormat)();
     const { raise } = (0, hooks_1.useEvent)();
     const obj = props.reservation;
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
@@ -158,8 +159,8 @@ function ReservationRow(props) {
                             react_1.default.createElement("li", { className: "u-flex justify-content-start u-marg-bottom--light" },
                                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Calendar, color: Color_1.Color.Grey }),
                                 react_1.default.createElement("div", { className: "u-marg-left--light" },
-                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, firstNight.format('dddd, MMM D, YYYY')),
-                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, lastNight.format('dddd, MMM D, YYYY')))),
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, formatReservationDate(firstNight)),
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, formatReservationDate(lastNight)))),
                             react_1.default.createElement("li", { className: "u-flex justify-content-start" },
                                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.CreditCard, color: Color_1.Color.Grey }),
                                 react_1.default.createElement("div", { className: "u-marg-left--light" },

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

@@ -1 +1 @@
-{"version":3,"file":"ReservationRow.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { EBookingPaymentMethod, ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport ConfirmationModal from '@/components/generic/modal/ConfirmationModal';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { CancelledBookingEvent } from '@/events/views/CancelledBookingEvent';\nimport ReservationRowModal from '@/pages/findReservation/ReservationRowModal';\nimport { Color } from '@/util/Color';\nimport DataLayer from '@/util/DataLayer';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\ninterface ReservationRowProps {\n    reservation: ReservationDTO;\n    onCancelled?: () => void;\n}\n\nexport default function ReservationRow(props: ReservationRowProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { raise } = useEvent();\n\n    const obj = props.reservation;\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [isCancelled, setIsCancelled] = useState(obj.status === 'Cancelled');\n    const [isCancelLoading, setIsCancelLoading] = useState(false);\n\n    const [confirmOpen, setConfirmOpen] = useState(false);\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(obj.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (obj.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(obj.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(obj.nights);\n\n    const openModalOnClick = () => {\n        setIsModalOpen(true);\n    };\n    const closeModalOnClick = () => {\n        setIsModalOpen(false);\n    };\n    const confirmModalOnClick = () => {\n        setConfirmOpen(true);\n    };\n    const onConfirmHandler = () => {\n        cancelRow();\n        setConfirmOpen(false);\n    };\n    const openConfirmationHandler = () => {\n        setConfirmOpen(false);\n    };\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    let images: string[] = obj.images;\n\n    if ((!images || !images.length) && hotel?.rooms[obj.roomCode]) {\n        images = hotel?.rooms[obj.roomCode].images;\n    }\n\n    const cancelRow = () => {\n        setIsCancelLoading(true);\n\n        API.Reservation.cancelReservation(obj.reservationNumber, obj.guest.email, hotel?.hotelID as string)\n            .then(() => {\n                DataLayer.instance.sendCancellation(obj);\n                raise(new CancelledBookingEvent(obj.reservationNumber, obj.guest.email));\n\n                setIsCancelled(true);\n                setIsCancelLoading(false);\n\n                if (props.onCancelled) {\n                    props.onCancelled();\n                }\n            })\n            .catch((ex) => {\n                ErrorHandler.add({\n                    title: t(Translation.Step.Thanks.Errors.CancelFailed),\n                    message: ex.Message,\n                });\n            });\n    };\n\n    const roomName = obj.roomType ? obj.roomType : hotel?.rooms[obj.roomCode]?.name;\n\n    return (\n        <>\n            <div className=\"reservation-row\">\n                <div className=\"room-details +is-open \">\n                    <div className=\"room-details--image\">\n                        <ImageGallerySlider images={images} />\n                    </div>\n                    <div className=\"room-details--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <div className=\"room-details--content-title u-marg-bottom--light\">\n                                {!isCancelled ? (\n                                    <Text>\n                                        <strong>{roomName}</strong>\n                                        <small style={{ color: Color.Grey }}> #{obj.reservationNumber}</small>\n                                    </Text>\n                                ) : (\n                                    <Text>\n                                        <del>\n                                            <strong>{roomName}</strong>\n                                        </del>\n                                        <small style={{ color: Color.Alert }}> {t(Translation.Misc.Cancelled)}</small>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"room-details--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Small}>\n                                    <>\n                                        {hotel?.name} - {hotel?.address?.line1}\n                                    </>\n                                </Text>\n                            </div>\n                        </div>\n\n                        <div className=\"\">\n                            <ul>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon color={Color.Grey} icon={IconType.Person} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj.guest.firstName} {obj.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                        </Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Email} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{obj.guest.email}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                        <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start\">\n                                    <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj?.paymentMethod === EBookingPaymentMethod.Planpay ? (\n                                                t(Translation.Step.Confirmation.PaidWithPlanpay)\n                                            ) : (\n                                                <>\n                                                    •••• •••• •••• {obj.paymentCard?.last4 ?? 'N/A'}{' '}\n                                                    <span style={{ color: Color.DarkGrey }}>({obj.paymentCard?.type ?? 'N/A'})</span>\n                                                </>\n                                            )}\n                                        </Text>\n                                    </div>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"reservation-row--actions\">\n                    <div className=\"u-flex justify-content-start align-items-center\">\n                        <div className=\"u-marg-right--heavy u-inline-flex\">\n                            <BEButton icon={IconType.ArrowRight2} isText primary size=\"tiny\" iconPosition=\"right\" onClick={openModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"u-inline-flex\">\n                            {hotel?.preventCancellation !== true && (\n                                <BEButton\n                                    isText\n                                    size=\"tiny\"\n                                    isLoading={isCancelLoading}\n                                    disabled={!obj.isCancelable || isCancelled}\n                                    textColor={Color.DarkGrey}\n                                    onClick={confirmModalOnClick}\n                                >\n                                    {t(Translation.Misc.Cancel)}\n                                </BEButton>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"u-flex u-flex-direction-row align-items-center\">\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {t(Translation.Misc.Total)}\n                        </Text>\n                        <div className=\"u-marg-left\">\n                            {!isCancelled ? (\n                                <Text color={Color.Navy}>\n                                    <strong>\n                                        <Currency>{obj.total.beforeFees ?? obj.total.afterTax}</Currency>\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text color={Color.Navy}>\n                                    <del>\n                                        <strong className=\"u-flex u-flex-direction-row align-items-center\">\n                                            <Currency>{obj.total.beforeFees ?? obj.total.afterTax}</Currency>\n                                        </strong>\n                                    </del>\n                                </Text>\n                            )}\n                            <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                                <TaxInclusionNotice />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <ReservationRowModal open={isModalOpen} onClose={closeModalOnClick} reservation={props.reservation} images={images} />\n            <ConfirmationModal open={confirmOpen} message=\"Are you sure you want to cancel this reservation?\" onConfirm={onConfirmHandler} onClose={openConfirmationHandler} />\n        </>\n    );\n}\n"]}
+{"version":3,"file":"ReservationRow.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent, useGuestDateFormat } from '@frontend/hooks';\nimport { EBookingPaymentMethod, ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport ConfirmationModal from '@/components/generic/modal/ConfirmationModal';\nimport { TaxInclusionNotice } from '@/components/generic/TaxInclusionNotice/TaxInclusionNotice';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { CancelledBookingEvent } from '@/events/views/CancelledBookingEvent';\nimport ReservationRowModal from '@/pages/findReservation/ReservationRowModal';\nimport { Color } from '@/util/Color';\nimport DataLayer from '@/util/DataLayer';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\ninterface ReservationRowProps {\n    reservation: ReservationDTO;\n    onCancelled?: () => void;\n}\n\nexport default function ReservationRow(props: ReservationRowProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { formatReservationDate } = useGuestDateFormat();\n    const { raise } = useEvent();\n\n    const obj = props.reservation;\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [isCancelled, setIsCancelled] = useState(obj.status === 'Cancelled');\n    const [isCancelLoading, setIsCancelLoading] = useState(false);\n\n    const [confirmOpen, setConfirmOpen] = useState(false);\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(obj.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (obj.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(obj.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(obj.nights);\n\n    const openModalOnClick = () => {\n        setIsModalOpen(true);\n    };\n    const closeModalOnClick = () => {\n        setIsModalOpen(false);\n    };\n    const confirmModalOnClick = () => {\n        setConfirmOpen(true);\n    };\n    const onConfirmHandler = () => {\n        cancelRow();\n        setConfirmOpen(false);\n    };\n    const openConfirmationHandler = () => {\n        setConfirmOpen(false);\n    };\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    let images: string[] = obj.images;\n\n    if ((!images || !images.length) && hotel?.rooms[obj.roomCode]) {\n        images = hotel?.rooms[obj.roomCode].images;\n    }\n\n    const cancelRow = () => {\n        setIsCancelLoading(true);\n\n        API.Reservation.cancelReservation(obj.reservationNumber, obj.guest.email, hotel?.hotelID as string)\n            .then(() => {\n                DataLayer.instance.sendCancellation(obj);\n                raise(new CancelledBookingEvent(obj.reservationNumber, obj.guest.email));\n\n                setIsCancelled(true);\n                setIsCancelLoading(false);\n\n                if (props.onCancelled) {\n                    props.onCancelled();\n                }\n            })\n            .catch((ex) => {\n                ErrorHandler.add({\n                    title: t(Translation.Step.Thanks.Errors.CancelFailed),\n                    message: ex.Message,\n                });\n            });\n    };\n\n    const roomName = obj.roomType ? obj.roomType : hotel?.rooms[obj.roomCode]?.name;\n\n    return (\n        <>\n            <div className=\"reservation-row\">\n                <div className=\"room-details +is-open \">\n                    <div className=\"room-details--image\">\n                        <ImageGallerySlider images={images} />\n                    </div>\n                    <div className=\"room-details--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <div className=\"room-details--content-title u-marg-bottom--light\">\n                                {!isCancelled ? (\n                                    <Text>\n                                        <strong>{roomName}</strong>\n                                        <small style={{ color: Color.Grey }}> #{obj.reservationNumber}</small>\n                                    </Text>\n                                ) : (\n                                    <Text>\n                                        <del>\n                                            <strong>{roomName}</strong>\n                                        </del>\n                                        <small style={{ color: Color.Alert }}> {t(Translation.Misc.Cancelled)}</small>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"room-details--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Small}>\n                                    <>\n                                        {hotel?.name} - {hotel?.address?.line1}\n                                    </>\n                                </Text>\n                            </div>\n                        </div>\n\n                        <div className=\"\">\n                            <ul>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon color={Color.Grey} icon={IconType.Person} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj.guest.firstName} {obj.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                        </Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Email} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{obj.guest.email}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{formatReservationDate(firstNight)}</Text>\n                                        <Text type={TextType.Small}>{formatReservationDate(lastNight)}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start\">\n                                    <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj?.paymentMethod === EBookingPaymentMethod.Planpay ? (\n                                                t(Translation.Step.Confirmation.PaidWithPlanpay)\n                                            ) : (\n                                                <>\n                                                    •••• •••• •••• {obj.paymentCard?.last4 ?? 'N/A'}{' '}\n                                                    <span style={{ color: Color.DarkGrey }}>({obj.paymentCard?.type ?? 'N/A'})</span>\n                                                </>\n                                            )}\n                                        </Text>\n                                    </div>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"reservation-row--actions\">\n                    <div className=\"u-flex justify-content-start align-items-center\">\n                        <div className=\"u-marg-right--heavy u-inline-flex\">\n                            <BEButton icon={IconType.ArrowRight2} isText primary size=\"tiny\" iconPosition=\"right\" onClick={openModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"u-inline-flex\">\n                            {hotel?.preventCancellation !== true && (\n                                <BEButton\n                                    isText\n                                    size=\"tiny\"\n                                    isLoading={isCancelLoading}\n                                    disabled={!obj.isCancelable || isCancelled}\n                                    textColor={Color.DarkGrey}\n                                    onClick={confirmModalOnClick}\n                                >\n                                    {t(Translation.Misc.Cancel)}\n                                </BEButton>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"u-flex u-flex-direction-row align-items-center\">\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {t(Translation.Misc.Total)}\n                        </Text>\n                        <div className=\"u-marg-left\">\n                            {!isCancelled ? (\n                                <Text color={Color.Navy}>\n                                    <strong>\n                                        <Currency>{obj.total.beforeFees ?? obj.total.afterTax}</Currency>\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text color={Color.Navy}>\n                                    <del>\n                                        <strong className=\"u-flex u-flex-direction-row align-items-center\">\n                                            <Currency>{obj.total.beforeFees ?? obj.total.afterTax}</Currency>\n                                        </strong>\n                                    </del>\n                                </Text>\n                            )}\n                            <Text color={Color.DarkGrey} type={TextType.Small} align={TextAlign.Right}>\n                                <TaxInclusionNotice />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <ReservationRowModal open={isModalOpen} onClose={closeModalOnClick} reservation={props.reservation} images={images} />\n            <ConfirmationModal open={confirmOpen} message=\"Are you sure you want to cancel this reservation?\" onConfirm={onConfirmHandler} onClose={openConfirmationHandler} />\n        </>\n    );\n}\n"]}

package/dist/src/pages/findReservation/ReservationRowModal.js

@@ -54,6 +54,7 @@ const StringHelper_1 = __importDefault(require("../../util/StringHelper"));
 function ReservationRowModal(props) {
     var _a, _b, _c, _d, _e, _f;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const { formatGuestDate, formatReservationDate } = (0, hooks_1.useGuestDateFormat)();
     const { reservation } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
     const images = reservation.images && reservation.images.length ? reservation.images : (_a = props.images) !== null && _a !== void 0 ? _a : [];
@@ -94,8 +95,8 @@ function ReservationRowModal(props) {
                     react_1.default.createElement("li", { className: "u-flex justify-content-start u-marg-bottom--light" },
                         react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Calendar, color: Color_1.Color.Grey }),
                         react_1.default.createElement("div", { className: "u-marg-left--light" },
-                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, firstNight.format('dddd, MMM D, YYYY')),
-                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, lastNight.format('dddd, MMM D, YYYY')))),
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, formatReservationDate(firstNight)),
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, formatReservationDate(lastNight)))),
                     react_1.default.createElement("li", { className: "u-flex justify-content-start" },
                         react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.CreditCard, color: Color_1.Color.Grey }),
                         react_1.default.createElement("div", { className: "u-marg-left--light" },
@@ -108,14 +109,14 @@ function ReservationRowModal(props) {
                 react_1.default.createElement(LineBreak_1.default, null),
                 nightKeys.map((night) => {
                     const currentDay = (0, dayjs_1.default)(night);
-                    const currentDayFormatted = currentDay.format('dddd, MMM DD, YYYY');
+                    const currentDayFormatted = formatGuestDate(currentDay);
                     return (react_1.default.createElement("div", { className: "u-flex u-marg-bottom", key: reservation.reservationNumber },
                         react_1.default.createElement(Text_1.default, null, currentDayFormatted),
                         react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
                             react_1.default.createElement(Currency_1.default, null, reservation.nights[night].total))));
                 }),
                 react_1.default.createElement("div", { className: "u-flex" },
-                    react_1.default.createElement(Text_1.default, null, lastNight.format('dddd, MMM DD, YYYY')),
+                    react_1.default.createElement(Text_1.default, null, formatGuestDate(lastNight)),
                     react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Misc.CheckOut))),
                 react_1.default.createElement(LineBreak_1.default, null),
                 react_1.default.createElement("div", null,

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

@@ -1 +1 @@
-{"version":3,"file":"ReservationRowModal.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRowModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport { ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\n\ninterface ReservationRowModalProps {\n    reservation: ReservationDTO;\n    onClose: () => void;\n    open: boolean;\n    images?: string[];\n}\n\nexport default function ReservationRowModal(props: ReservationRowModalProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { reservation } = props;\n    const { t } = useTranslation();\n\n    const images = reservation.images && reservation.images.length ? reservation.images : props.images ?? [];\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(reservation.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (reservation.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(reservation.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(reservation.nights);\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    const guaranteePolicy = reservation.guaranteePolicyLongDescription || '';\n    const cancelPolicy = reservation.cancellationPolicyLongDescription || '';\n\n    const roomName = reservation.roomType ? reservation.roomType : hotel?.rooms[reservation.roomCode]?.name;\n\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} title={`Reservation #${props.reservation.reservationNumber}`} size={SimpleModalSize.Small}>\n            <>\n                <div style={{ height: '300px' }}>\n                    <ImageGallerySlider images={images} />\n                </div>\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom\">\n                        <Headline size=\"large\" bold>\n                            {roomName}\n                        </Headline>\n                        <Text type={TextType.Small}>{reservation.rate}</Text>\n                    </div>\n\n                    <ul>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon color={Color.Grey} icon={IconType.Person} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    {reservation.guest.firstName} {reservation.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                </Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Email} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{reservation.guest.email}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Calendar} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start\">\n                            <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    •••• •••• •••• {reservation.paymentCard?.last4 ?? 'N/A'}{' '}\n                                    <span style={{ color: Color.DarkGrey }}>({reservation.paymentCard?.type ?? 'N/A'})</span>\n                                </Text>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <LineBreak />\n\n                    {nightKeys.map((night) => {\n                        const currentDay = dayjs(night);\n                        const currentDayFormatted = currentDay.format('dddd, MMM DD, YYYY');\n\n                        return (\n                            <div className=\"u-flex u-marg-bottom\" key={reservation.reservationNumber}>\n                                <Text>{currentDayFormatted}</Text>\n                                <Text color={Color.DarkGrey}>\n                                    <Currency>{reservation.nights[night].total}</Currency>\n                                </Text>\n                            </div>\n                        );\n                    })}\n                    <div className=\"u-flex\">\n                        <Text>{lastNight.format('dddd, MMM DD, YYYY')}</Text>\n                        <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                    </div>\n\n                    <LineBreak />\n\n                    <div>\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}>\n                                    <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: 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}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ReservationRowModal.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRowModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel, useGuestDateFormat } from '@frontend/hooks';\nimport { ReservationDTO } from '@roomstay/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\n\ninterface ReservationRowModalProps {\n    reservation: ReservationDTO;\n    onClose: () => void;\n    open: boolean;\n    images?: string[];\n}\n\nexport default function ReservationRowModal(props: ReservationRowModalProps) {\n    const { hotel } = useCurrentHotel();\n    const { formatGuestDate, formatReservationDate } = useGuestDateFormat();\n\n    const { reservation } = props;\n    const { t } = useTranslation();\n\n    const images = reservation.images && reservation.images.length ? reservation.images : props.images ?? [];\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(reservation.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (reservation.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(reservation.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(reservation.nights);\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    const guaranteePolicy = reservation.guaranteePolicyLongDescription || '';\n    const cancelPolicy = reservation.cancellationPolicyLongDescription || '';\n\n    const roomName = reservation.roomType ? reservation.roomType : hotel?.rooms[reservation.roomCode]?.name;\n\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} title={`Reservation #${props.reservation.reservationNumber}`} size={SimpleModalSize.Small}>\n            <>\n                <div style={{ height: '300px' }}>\n                    <ImageGallerySlider images={images} />\n                </div>\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom\">\n                        <Headline size=\"large\" bold>\n                            {roomName}\n                        </Headline>\n                        <Text type={TextType.Small}>{reservation.rate}</Text>\n                    </div>\n\n                    <ul>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon color={Color.Grey} icon={IconType.Person} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    {reservation.guest.firstName} {reservation.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                </Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Email} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{reservation.guest.email}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Calendar} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{formatReservationDate(firstNight)}</Text>\n                                <Text type={TextType.Small}>{formatReservationDate(lastNight)}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start\">\n                            <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    •••• •••• •••• {reservation.paymentCard?.last4 ?? 'N/A'}{' '}\n                                    <span style={{ color: Color.DarkGrey }}>({reservation.paymentCard?.type ?? 'N/A'})</span>\n                                </Text>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <LineBreak />\n\n                    {nightKeys.map((night) => {\n                        const currentDay = dayjs(night);\n                        const currentDayFormatted = formatGuestDate(currentDay);\n\n                        return (\n                            <div className=\"u-flex u-marg-bottom\" key={reservation.reservationNumber}>\n                                <Text>{currentDayFormatted}</Text>\n                                <Text color={Color.DarkGrey}>\n                                    <Currency>{reservation.nights[night].total}</Currency>\n                                </Text>\n                            </div>\n                        );\n                    })}\n                    <div className=\"u-flex\">\n                        <Text>{formatGuestDate(lastNight)}</Text>\n                        <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                    </div>\n\n                    <LineBreak />\n\n                    <div>\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}>\n                                    <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: 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}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/pages/steps/StepDate/StepDateComponent.js

@@ -53,7 +53,7 @@ const StepOneDateRangePicker_1 = __importDefault(require("../../../components/st
 const StepOneDateRangePickerLegend_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePickerLegend"));
 const StepOneNextStepButton_1 = __importDefault(require("../../../components/steps/date/StepOneNextStepButton"));
 const StepOneStatusPeople_1 = __importDefault(require("../../../components/steps/date/StepOneStatusPeople"));
-const StepDateNextButtonAboveDatepickerFeature_1 = __importDefault(require("../../../providers/feature/StepDateNextButtonAboveDatepickerFeature"));
+const StepDateNextButtonAboveDatepickerFeature_1 = __importStar(require("../../../providers/feature/StepDateNextButtonAboveDatepickerFeature"));
 const Color_1 = require("../../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepDate_1 = __importDefault(require("./StepDate"));
@@ -68,6 +68,10 @@ const StepDateComponent = () => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const peopleRef = (0, react_1.useRef)(null);
+    const buttonLocation = StepDateNextButtonAboveDatepickerFeature_1.default.getButtonLocation();
+    const isSubmitButtonTop = buttonLocation === StepDateNextButtonAboveDatepickerFeature_1.EStepDateNextButtonLocation.Top;
+    const isSubmitButtonDatepickerIntegrated = buttonLocation === StepDateNextButtonAboveDatepickerFeature_1.EStepDateNextButtonLocation.DatepickerIntegrated;
+    const isSubmitButtonBottom = buttonLocation === StepDateNextButtonAboveDatepickerFeature_1.EStepDateNextButtonLocation.Bottom;
     (0, react_1.useEffect)(() => {
         if (context.screenSize <= ScreenSize_1.default.Medium && basketContext.endDate) {
             if (peopleRef) {
@@ -107,20 +111,22 @@ const StepDateComponent = () => {
                         " ",
                         ccx.name))),
                 react_1.default.createElement("div", { className: "col-md-8 col-lg-9" },
+                    isSubmitButtonTop && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.SelectYourDate)))),
                     react_1.default.createElement("div", { className: "row justify-content-between" },
                         react_1.default.createElement("div", { className: "col-md-6" },
-                            react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
-                                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.SelectYourDate))),
+                            !isSubmitButtonTop && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.SelectYourDate)))),
                             react_1.default.createElement("div", { className: "step-one-status" },
                                 react_1.default.createElement(StepOneDateRange_1.default, null),
                                 react_1.default.createElement(StepOneStatusPeople_1.default, null))),
-                        react_1.default.createElement("div", { className: "col-md-4" }, StepDateNextButtonAboveDatepickerFeature_1.default.isActive() ? (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "col-md-4" }, isSubmitButtonTop ? (react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement("div", { className: "u-flex justify-content-end align-items-end" },
                                 react_1.default.createElement(StepDatePricePerRoom_1.default, { isMobile: false })),
                             react_1.default.createElement("div", { className: "u-flex justify-content-end u-marg-top--heavy" },
                                 react_1.default.createElement(StepOneNextStepButton_1.default, null)))) : (react_1.default.createElement(StepDatePricePerRoom_1.default, { isMobile: false })))))),
             react_1.default.createElement(LineBreak_1.default, null))),
-        StepDateNextButtonAboveDatepickerFeature_1.default.isActive() && context.screenSize < ScreenSize_1.default.Large && (react_1.default.createElement("div", { className: "u-marg-top--heavy u-marg-bottom--heavy next-step-button--above" },
+        isSubmitButtonTop && context.screenSize < ScreenSize_1.default.Large && (react_1.default.createElement("div", { className: "u-marg-top--heavy u-marg-bottom--heavy next-step-button--above" },
             react_1.default.createElement(StepOneNextStepButton_1.default, null))),
         react_1.default.createElement("div", { className: "row flex-column-reverse flex-md-row align-items-center align-items-md-start" },
             react_1.default.createElement("div", { ref: peopleRef, className: "col-md-4 col-xl-3" },
@@ -128,9 +134,9 @@ const StepDateComponent = () => {
             react_1.default.createElement("div", { className: "col-md-8 col-xl-9" },
                 react_1.default.createElement("div", { className: "w-100 u-flex justify-content-center flex-column align-items-center" },
                     react_1.default.createElement(react_1.Suspense, { fallback: "loading...." },
-                        react_1.default.createElement(StepOneDateRangePicker_1.default, null))),
+                        react_1.default.createElement(StepOneDateRangePicker_1.default, { footer: isSubmitButtonDatepickerIntegrated ? react_1.default.createElement(StepOneNextStepButton_1.default, null) : undefined }))),
                 context.screenSize >= ScreenSize_1.default.Large ? react_1.default.createElement(StepOneDateRangePickerLegend_1.default, null) : react_1.default.createElement(LineBreak_1.default, null))),
-        !StepDateNextButtonAboveDatepickerFeature_1.default.isActive() && (react_1.default.createElement("div", { className: "u-flex justify-content-end" },
+        isSubmitButtonBottom && (react_1.default.createElement("div", { className: "u-flex justify-content-end" },
             react_1.default.createElement(StepOneNextStepButton_1.default, null)))));
 };
 exports.default = StepDateComponent;

package/dist/src/pages/steps/StepDate/StepDateComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport React, { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text from '@/components/generic/Text';\nimport BEPeoplePickerBlock from '@/components/steps/date/BEPeoplePickerBlock';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepDateNextButtonAboveDatepickerFeature from '@/providers/feature/StepDateNextButtonAboveDatepickerFeature';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepDate from './StepDate';\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDateComponent = () => {\n    const { currentStep } = useContext(FullPageEngineContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { selectedBasketRow, selectBasketRow } = basketContext;\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        /**\n         * Ensures that a basket row is always selected when navigating back to the \"Step Date\" step.\n         *\n         * - In [Step Room], after assigning a rate, the selected basket row may be set to null.\n         * - When navigating back to [Step Date], ensure that at least one basket row is selected.\n         */\n        if (currentStep.getName() === StepDate.getName() && !selectedBasketRow) {\n            selectBasketRow(null);\n        }\n    }, [currentStep, selectedBasketRow]);\n\n    return (\n        <div className=\"container rs-step-date\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row step-date-hotel-info\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline className=\"hotel-name\" color={Color.Navy}>\n                                {hotel?.name}\n                            </Headline>\n                            {!hideByLine && (\n                                <Text className=\"company-name\" color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    {StepDateNextButtonAboveDatepickerFeature.isActive() ? (\n                                        <>\n                                            <div className=\"u-flex justify-content-end align-items-end\">\n                                                <StepDatePricePerRoom isMobile={false} />\n                                            </div>\n                                            <div className=\"u-flex justify-content-end u-marg-top--heavy\">\n                                                <StepOneNextStepButton />\n                                            </div>\n                                        </>\n                                    ) : (\n                                        <StepDatePricePerRoom isMobile={false} />\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            {StepDateNextButtonAboveDatepickerFeature.isActive() && context.screenSize < ScreenSize.Large && (\n                <div className=\"u-marg-top--heavy u-marg-bottom--heavy next-step-button--above\">\n                    <StepOneNextStepButton />\n                </div>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <BEPeoplePickerBlock />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            {!StepDateNextButtonAboveDatepickerFeature.isActive() && (\n                <div className=\"u-flex justify-content-end\">\n                    <StepOneNextStepButton />\n                </div>\n            )}\n        </div>\n    );\n};\nexport default StepDateComponent;\n"]}
+{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport React, { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text from '@/components/generic/Text';\nimport BEPeoplePickerBlock from '@/components/steps/date/BEPeoplePickerBlock';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepDateNextButtonAboveDatepickerFeature, { EStepDateNextButtonLocation } from '@/providers/feature/StepDateNextButtonAboveDatepickerFeature';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepDate from './StepDate';\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDateComponent = () => {\n    const { currentStep } = useContext(FullPageEngineContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { selectedBasketRow, selectBasketRow } = basketContext;\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    const buttonLocation = StepDateNextButtonAboveDatepickerFeature.getButtonLocation();\n    const isSubmitButtonTop = buttonLocation === EStepDateNextButtonLocation.Top;\n    const isSubmitButtonDatepickerIntegrated = buttonLocation === EStepDateNextButtonLocation.DatepickerIntegrated;\n    const isSubmitButtonBottom = buttonLocation === EStepDateNextButtonLocation.Bottom;\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        /**\n         * Ensures that a basket row is always selected when navigating back to the \"Step Date\" step.\n         *\n         * - In [Step Room], after assigning a rate, the selected basket row may be set to null.\n         * - When navigating back to [Step Date], ensure that at least one basket row is selected.\n         */\n        if (currentStep.getName() === StepDate.getName() && !selectedBasketRow) {\n            selectBasketRow(null);\n        }\n    }, [currentStep, selectedBasketRow]);\n\n    return (\n        <div className=\"container rs-step-date\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row step-date-hotel-info\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline className=\"hotel-name\" color={Color.Navy}>\n                                {hotel?.name}\n                            </Headline>\n                            {!hideByLine && (\n                                <Text className=\"company-name\" color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            {isSubmitButtonTop && (\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                </div>\n                            )}\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    {!isSubmitButtonTop && (\n                                        <div className=\"u-marg-bottom--heavy\">\n                                            <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                        </div>\n                                    )}\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    {isSubmitButtonTop ? (\n                                        <>\n                                            <div className=\"u-flex justify-content-end align-items-end\">\n                                                <StepDatePricePerRoom isMobile={false} />\n                                            </div>\n                                            <div className=\"u-flex justify-content-end u-marg-top--heavy\">\n                                                <StepOneNextStepButton />\n                                            </div>\n                                        </>\n                                    ) : (\n                                        <StepDatePricePerRoom isMobile={false} />\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            {isSubmitButtonTop && context.screenSize < ScreenSize.Large && (\n                <div className=\"u-marg-top--heavy u-marg-bottom--heavy next-step-button--above\">\n                    <StepOneNextStepButton />\n                </div>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <BEPeoplePickerBlock />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker footer={isSubmitButtonDatepickerIntegrated ? <StepOneNextStepButton /> : undefined} />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            {isSubmitButtonBottom && (\n                <div className=\"u-flex justify-content-end\">\n                    <StepOneNextStepButton />\n                </div>\n            )}\n        </div>\n    );\n};\nexport default StepDateComponent;\n"]}

package/dist/src/providers/RoomstayThemeEngine.js

@@ -49,6 +49,7 @@ exports.RoomstayTheme = void 0;
 const ROP = __importStar(require("@juggle/resize-observer"));
 const Sentry = __importStar(require("@sentry/browser"));
 const dayjs_1 = __importDefault(require("dayjs"));
+const advancedFormat_1 = __importDefault(require("dayjs/plugin/advancedFormat"));
 const isSameOrAfter_1 = __importDefault(require("dayjs/plugin/isSameOrAfter"));
 const isSameOrBefore_1 = __importDefault(require("dayjs/plugin/isSameOrBefore"));
 const i18next_1 = __importDefault(require("i18next"));
@@ -173,6 +174,7 @@ class RoomstayThemeEngine {
         this.init = () => __awaiter(this, void 0, void 0, function* () {
             dayjs_1.default.extend(isSameOrBefore_1.default);
             dayjs_1.default.extend(isSameOrAfter_1.default);
+            dayjs_1.default.extend(advancedFormat_1.default);
             if (i18next_1.default) {
                 this.translation = yield i18next_1.default.use(react_i18next_1.initReactI18next).init({
                     interpolation: { escapeValue: false },