@roomstay/frontend 2.3.9 → 2.3.11

package/dist/src/models/Room/RoomRate.d.ts

@@ -1,5 +1,5 @@
-import RoomRateNight, { IRoomRateNight } from './RoomRateNight';
 import type { Room } from './Room';
+import RoomRateNight, { IRoomRateNight } from './RoomRateNight';
 import type RoomRateSortable from './RoomRateSortable';
 import type { Serializable } from '../Serializable';
 export declare enum RoomRatePriceInclusion {
@@ -38,7 +38,6 @@ export declare class RoomRate implements RoomRateSortable, Serializable<RoomRate
     nightRates: {
         [date: string]: RoomRateNight;
     };
-    private nightRatesArray;
     lowestPrice: number;
     promoCode?: string;
     mealsIncluded?: {
@@ -46,14 +45,15 @@ export declare class RoomRate implements RoomRateSortable, Serializable<RoomRate
         lunch: boolean;
         dinner: boolean;
     } | undefined;
+    private nightRatesArray;
     private room;
     constructor();
+    static fromData(data: Partial<{
+        code: string;
+    }> | any): RoomRate;
     applyData(data: any): void;
     setRoom(room: Room): void;
     getRoom(): Room;
-    private getNightRateArray;
-    private reduceNightData;
-    private nightRateTotal;
     getTotalPrice: (getCost?: boolean) => number;
     getTotalPriceBeforeDiscount: (getCost?: boolean) => number;
     getAveragePrice: (getCost?: boolean) => number;
@@ -64,9 +64,9 @@ export declare class RoomRate implements RoomRateSortable, Serializable<RoomRate
     getGuaranteePolicy: () => string;
     getCancellationPolicy: () => string;
     getSortValue: () => number;
-    static fromData(data: Partial<{
-        code: string;
-    }> | any): RoomRate;
     serialize(): IRoomRate;
     unSerialize(data: IRoomRate): this;
+    private getNightRateArray;
+    private reduceNightData;
+    private nightRateTotal;
 }

package/dist/src/models/Room/RoomRate.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRate = exports.RoomRatePriceInclusion = void 0;
-const RoomRateNight_1 = __importDefault(require("./RoomRateNight"));
 const AvailabilityAPI_1 = __importDefault(require("../../api/AvailabilityAPI"));
+const RoomRateNight_1 = __importDefault(require("./RoomRateNight"));
 const StaticContextProvider_1 = __importDefault(require("../../providers/StaticContextProvider"));
 var RoomRatePriceInclusion;
 (function (RoomRatePriceInclusion) {
@@ -21,22 +21,6 @@ class RoomRate {
             lunch: false,
             dinner: false,
         };
-        this.getNightRateArray = () => {
-            if (!this.nightRatesArray.length) {
-                this.nightRatesArray = Object.values(this.nightRates);
-            }
-            return this.nightRatesArray;
-        };
-        this.reduceNightData = (reducer) => {
-            var _a;
-            return (_a = this.getNightRateArray().reduce(reducer, 0)) !== null && _a !== void 0 ? _a : 0;
-        };
-        this.nightRateTotal = (value) => {
-            return this.reduceNightData((sum, redNight) => {
-                const summingValue = value(redNight);
-                return sum ? sum + summingValue : summingValue;
-            });
-        };
         this.getTotalPrice = (getCost = false) => {
             let total = 0;
             const nightsAsArray = Object.values(this.nightRates);
@@ -110,9 +94,34 @@ class RoomRate {
         this.getSortValue = () => {
             return this.getAveragePrice();
         };
+        this.getNightRateArray = () => {
+            if (!this.nightRatesArray.length) {
+                this.nightRatesArray = Object.values(this.nightRates);
+            }
+            return this.nightRatesArray;
+        };
+        this.reduceNightData = (reducer) => {
+            var _a;
+            return (_a = this.getNightRateArray().reduce(reducer, 0)) !== null && _a !== void 0 ? _a : 0;
+        };
+        this.nightRateTotal = (value) => {
+            return this.reduceNightData((sum, redNight) => {
+                const summingValue = value(redNight);
+                return sum ? sum + summingValue : summingValue;
+            });
+        };
         this.nightRates = {};
         this.nightRatesArray = [];
     }
+    static fromData(data) {
+        var _a;
+        const rate = new this();
+        rate.applyData(data);
+        if ((_a = StaticContextProvider_1.default.MemberOnlyRateCodes) === null || _a === void 0 ? void 0 : _a.includes(data.code)) {
+            rate.isMemberOnly = true;
+        }
+        return rate;
+    }
     applyData(data) {
         Object.keys(data).map((key) => {
             this[key] = data[key];
@@ -124,15 +133,6 @@ class RoomRate {
     getRoom() {
         return this.room;
     }
-    static fromData(data) {
-        var _a;
-        const rate = new this();
-        rate.applyData(data);
-        if ((_a = StaticContextProvider_1.default.MemberOnlyRateCodes) === null || _a === void 0 ? void 0 : _a.includes(data.code)) {
-            rate.isMemberOnly = true;
-        }
-        return rate;
-    }
     serialize() {
         const serializedNightRates = {};
         Object.keys(this.nightRates).forEach((date) => {

package/dist/src/models/Room/RoomRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRate.js","sourceRoot":"/","sources":["src/models/Room/RoomRate.ts"],"names":[],"mappings":"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","sourcesContent":["import RoomRateNight, { IRoomRateNight } from '@/models/Room/RoomRateNight';\nimport type { Room } from '@/models/Room/Room';\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport type RoomRateSortable from '@/models/Room/RoomRateSortable';\nimport type { Serializable } from '@/models/Serializable';\nimport StaticContextProvider from '@/providers/StaticContextProvider';\n\nexport enum RoomRatePriceInclusion {\n    ExcludingFees = 'Fees Excluded',\n    ExcludingTaxes = 'Taxes Excluded',\n    ExcludingFeesAndTaxes = 'Excluding Fees and Taxes',\n    IncludingFeesAndTaxes = 'Including Fees and Taxes',\n}\n\nexport interface IRoomRate {\n    name: string;\n    code: string;\n    description: string;\n    longDescription?: string;\n\n    isMemberOnly?: boolean;\n    guaranteeCode: string;\n    cancelPolicyCode: string;\n    nightRates: { [date: string]: IRoomRateNight };\n\n    lowestPrice: number;\n    promoCode: string;\n\n    mealsIncluded?: {\n        breakfast: boolean;\n        lunch: boolean;\n        dinner: boolean;\n    };\n}\nexport class RoomRate implements RoomRateSortable, Serializable<RoomRate, IRoomRate> {\n    public name!: string;\n    public code!: string;\n\n    public description!: string;\n    public longDescription!: string;\n\n    public isMemberOnly!: boolean;\n\n    public guaranteeCode!: string;\n\n    public cancelPolicyCode!: string;\n\n    public nightRates: { [date: string]: RoomRateNight };\n    private nightRatesArray: RoomRateNight[];\n\n    public lowestPrice!: number;\n\n    public promoCode?: string;\n\n    public mealsIncluded? = {\n        breakfast: false,\n        lunch: false,\n        dinner: false,\n    };\n\n    private room!: Room;\n\n    public constructor() {\n        this.nightRates = {};\n        this.nightRatesArray = [];\n    }\n\n    public applyData(data: any) {\n        Object.keys(data).map((key: any) => {\n            (this as any)[key] = (data as any)[key];\n        }, this);\n    }\n\n    public setRoom(room: Room) {\n        this.room = room;\n    }\n\n    public getRoom(): Room {\n        return this.room;\n    }\n\n    private getNightRateArray = () => {\n        if (!this.nightRatesArray.length) {\n            this.nightRatesArray = Object.values(this.nightRates);\n        }\n\n        return this.nightRatesArray;\n    };\n\n    private reduceNightData = (reducer: (sum: number, rate: RoomRateNight) => number) => {\n        return this.getNightRateArray().reduce<number>(reducer, 0) ?? 0;\n    };\n\n    private nightRateTotal = (value: (rate: RoomRateNight) => number) => {\n        return this.reduceNightData((sum: number, redNight: RoomRateNight) => {\n            const summingValue = value(redNight);\n\n            return sum ? sum + summingValue : summingValue;\n        });\n    };\n\n    public getTotalPrice = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total);\n        });\n        return total;\n    };\n\n    public getTotalPriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n        return total;\n    };\n\n    public getAveragePrice = (getCost = false): number => {\n        const total = this.getTotalPrice(getCost);\n\n        return total / Object.keys(this.nightRates).length;\n    };\n\n    public getAveragePriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n\n        return total / nightsAsArray.length;\n    };\n\n    public getTotalFees = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.fee);\n        });\n    };\n\n    public getTotalTaxes = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.tax);\n        });\n    };\n\n    public getPriceType = () => {\n        let hasFees = false;\n        let hasTax = false;\n\n        Object.values(this.nightRates).forEach((night) => {\n            if (night.fee && night.fee !== '0') {\n                hasFees = true;\n            }\n\n            if (night.tax && night.tax !== '0') {\n                hasTax = true;\n            }\n        });\n\n        if (hasFees && hasTax) {\n            return RoomRatePriceInclusion.ExcludingFeesAndTaxes;\n        } else if (hasFees) {\n            return RoomRatePriceInclusion.ExcludingTaxes;\n        } else if (hasTax) {\n            return RoomRatePriceInclusion.ExcludingFees;\n        } else {\n            return RoomRatePriceInclusion.IncludingFeesAndTaxes;\n        }\n    };\n\n    public getGuaranteePolicy = () => {\n        return AvailabilityAPI.policyMappings.guarantee[this.guaranteeCode] ?? '';\n    };\n\n    public getCancellationPolicy = () => {\n        return AvailabilityAPI.policyMappings.cancel[this.cancelPolicyCode] ?? '';\n    };\n\n    public getSortValue = () => {\n        return this.getAveragePrice();\n    };\n\n    public static fromData(data: Partial<{ code: string }> | any) {\n        const rate = new this();\n\n        rate.applyData(data);\n\n        if (StaticContextProvider.MemberOnlyRateCodes?.includes(data.code)) {\n            rate.isMemberOnly = true;\n        }\n\n        return rate;\n    }\n\n    public serialize() {\n        const serializedNightRates: any = {};\n        Object.keys(this.nightRates).forEach((date) => {\n            serializedNightRates[date] = this.nightRates[date].serialize();\n        });\n\n        const toSerialize: IRoomRate = {\n            name: this.name,\n            code: this.code,\n            description: this.description,\n            longDescription: this.longDescription,\n            isMemberOnly: this.isMemberOnly,\n            guaranteeCode: this.guaranteeCode,\n            cancelPolicyCode: this.cancelPolicyCode,\n            nightRates: serializedNightRates,\n            lowestPrice: this.lowestPrice,\n            promoCode: this.promoCode,\n            mealsIncluded: this.mealsIncluded,\n        } as IRoomRate;\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRate) {\n        const { name, code, description, longDescription, isMemberOnly, guaranteeCode, cancelPolicyCode, lowestPrice, promoCode, mealsIncluded } = data;\n\n        const unSerializedNightRates: any = {};\n\n        if (data.nightRates) {\n            Object.keys(data.nightRates)?.forEach((date) => {\n                const nightRate = new RoomRateNight();\n                unSerializedNightRates[date] = nightRate.unSerialize(data.nightRates[date]);\n            });\n        }\n\n        this.name = name;\n        this.code = code;\n        this.description = description;\n        this.longDescription = longDescription as string;\n        this.isMemberOnly = isMemberOnly as boolean;\n        this.guaranteeCode = guaranteeCode;\n        this.cancelPolicyCode = cancelPolicyCode;\n        this.lowestPrice = lowestPrice;\n        this.promoCode = promoCode;\n        this.mealsIncluded = mealsIncluded;\n        this.nightRates = unSerializedNightRates;\n        this.nightRatesArray = [];\n\n        return this;\n    }\n}\n"]}
+{"version":3,"file":"RoomRate.js","sourceRoot":"/","sources":["src/models/Room/RoomRate.ts"],"names":[],"mappings":"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","sourcesContent":["import AvailabilityAPI from '@/api/AvailabilityAPI';\nimport type { Room } from '@/models/Room/Room';\nimport RoomRateNight, { IRoomRateNight } from '@/models/Room/RoomRateNight';\nimport type RoomRateSortable from '@/models/Room/RoomRateSortable';\nimport type { Serializable } from '@/models/Serializable';\nimport StaticContextProvider from '@/providers/StaticContextProvider';\n\nexport enum RoomRatePriceInclusion {\n    ExcludingFees = 'Fees Excluded',\n    ExcludingTaxes = 'Taxes Excluded',\n    ExcludingFeesAndTaxes = 'Excluding Fees and Taxes',\n    IncludingFeesAndTaxes = 'Including Fees and Taxes',\n}\n\nexport interface IRoomRate {\n    name: string;\n    code: string;\n    description: string;\n    longDescription?: string;\n\n    isMemberOnly?: boolean;\n    guaranteeCode: string;\n    cancelPolicyCode: string;\n    nightRates: { [date: string]: IRoomRateNight };\n\n    lowestPrice: number;\n    promoCode: string;\n\n    mealsIncluded?: {\n        breakfast: boolean;\n        lunch: boolean;\n        dinner: boolean;\n    };\n}\n\nexport class RoomRate implements RoomRateSortable, Serializable<RoomRate, IRoomRate> {\n    public name!: string;\n    public code!: string;\n\n    public description!: string;\n    public longDescription!: string;\n\n    public isMemberOnly!: boolean;\n\n    public guaranteeCode!: string;\n\n    public cancelPolicyCode!: string;\n\n    public nightRates: { [date: string]: RoomRateNight };\n    public lowestPrice!: number;\n    public promoCode?: string;\n    public mealsIncluded? = {\n        breakfast: false,\n        lunch: false,\n        dinner: false,\n    };\n    private nightRatesArray: RoomRateNight[];\n    private room!: Room;\n\n    public constructor() {\n        this.nightRates = {};\n        this.nightRatesArray = [];\n    }\n\n    public static fromData(data: Partial<{ code: string }> | any) {\n        const rate = new this();\n\n        rate.applyData(data);\n\n        if (StaticContextProvider.MemberOnlyRateCodes?.includes(data.code)) {\n            rate.isMemberOnly = true;\n        }\n\n        return rate;\n    }\n\n    public applyData(data: any) {\n        Object.keys(data).map((key: any) => {\n            (this as any)[key] = (data as any)[key];\n        }, this);\n    }\n\n    public setRoom(room: Room) {\n        this.room = room;\n    }\n\n    public getRoom(): Room {\n        return this.room;\n    }\n\n    public getTotalPrice = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total);\n        });\n        return total;\n    };\n\n    public getTotalPriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n        return total;\n    };\n\n    public getAveragePrice = (getCost = false): number => {\n        const total = this.getTotalPrice(getCost);\n\n        return total / Object.keys(this.nightRates).length;\n    };\n\n    public getAveragePriceBeforeDiscount = (getCost = false) => {\n        let total = 0;\n        const nightsAsArray = Object.values(this.nightRates);\n        nightsAsArray.forEach((night: RoomRateNight) => {\n            total += Number(getCost ? night.cost : night.total) + Number(night.discount);\n        });\n\n        return total / nightsAsArray.length;\n    };\n\n    public getTotalFees = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.fee);\n        });\n    };\n\n    public getTotalTaxes = () => {\n        return this.nightRateTotal((night: RoomRateNight) => {\n            return Number(night.tax);\n        });\n    };\n\n    public getPriceType = () => {\n        let hasFees = false;\n        let hasTax = false;\n\n        Object.values(this.nightRates).forEach((night) => {\n            if (night.fee && night.fee !== '0') {\n                hasFees = true;\n            }\n\n            if (night.tax && night.tax !== '0') {\n                hasTax = true;\n            }\n        });\n\n        if (hasFees && hasTax) {\n            return RoomRatePriceInclusion.ExcludingFeesAndTaxes;\n        } else if (hasFees) {\n            return RoomRatePriceInclusion.ExcludingTaxes;\n        } else if (hasTax) {\n            return RoomRatePriceInclusion.ExcludingFees;\n        } else {\n            return RoomRatePriceInclusion.IncludingFeesAndTaxes;\n        }\n    };\n\n    public getGuaranteePolicy = () => {\n        return AvailabilityAPI.policyMappings.guarantee[this.guaranteeCode] ?? '';\n    };\n\n    public getCancellationPolicy = () => {\n        return AvailabilityAPI.policyMappings.cancel[this.cancelPolicyCode] ?? '';\n    };\n\n    public getSortValue = () => {\n        return this.getAveragePrice();\n    };\n\n    public serialize() {\n        const serializedNightRates: any = {};\n        Object.keys(this.nightRates).forEach((date) => {\n            serializedNightRates[date] = this.nightRates[date].serialize();\n        });\n\n        const toSerialize: IRoomRate = {\n            name: this.name,\n            code: this.code,\n            description: this.description,\n            longDescription: this.longDescription,\n            isMemberOnly: this.isMemberOnly,\n            guaranteeCode: this.guaranteeCode,\n            cancelPolicyCode: this.cancelPolicyCode,\n            nightRates: serializedNightRates,\n            lowestPrice: this.lowestPrice,\n            promoCode: this.promoCode,\n            mealsIncluded: this.mealsIncluded,\n        } as IRoomRate;\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRate) {\n        const { name, code, description, longDescription, isMemberOnly, guaranteeCode, cancelPolicyCode, lowestPrice, promoCode, mealsIncluded } = data;\n\n        const unSerializedNightRates: any = {};\n\n        if (data.nightRates) {\n            Object.keys(data.nightRates)?.forEach((date) => {\n                const nightRate = new RoomRateNight();\n                unSerializedNightRates[date] = nightRate.unSerialize(data.nightRates[date]);\n            });\n        }\n\n        this.name = name;\n        this.code = code;\n        this.description = description;\n        this.longDescription = longDescription as string;\n        this.isMemberOnly = isMemberOnly as boolean;\n        this.guaranteeCode = guaranteeCode;\n        this.cancelPolicyCode = cancelPolicyCode;\n        this.lowestPrice = lowestPrice;\n        this.promoCode = promoCode;\n        this.mealsIncluded = mealsIncluded;\n        this.nightRates = unSerializedNightRates;\n        this.nightRatesArray = [];\n\n        return this;\n    }\n\n    private getNightRateArray = () => {\n        if (!this.nightRatesArray.length) {\n            this.nightRatesArray = Object.values(this.nightRates);\n        }\n\n        return this.nightRatesArray;\n    };\n\n    private reduceNightData = (reducer: (sum: number, rate: RoomRateNight) => number) => {\n        return this.getNightRateArray().reduce<number>(reducer, 0) ?? 0;\n    };\n\n    private nightRateTotal = (value: (rate: RoomRateNight) => number) => {\n        return this.reduceNightData((sum: number, redNight: RoomRateNight) => {\n            const summingValue = value(redNight);\n\n            return sum ? sum + summingValue : summingValue;\n        });\n    };\n}\n"]}

package/dist/src/models/Room/RoomRateNight.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomRateNight.js","sourceRoot":"/","sources":["src/models/Room/RoomRateNight.ts"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAkE;AAWlE,MAAqB,aAAa;IAWvB,SAAS;QACZ,MAAM,WAAW,GAAmB;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,wCAAsB,CAAC;YAC9C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;QAEF,OAAO,WAAW,CAAC;IACvB,CAAC;IAEM,WAAW,CAAC,IAAoB;QACnC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAElE,IAAI,CAAC,IAAI,GAAG,IAAA,eAAK,EAAC,IAAI,EAAE,wCAAsB,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAtCD,gCAsCC","sourcesContent":["import dayjs from 'dayjs';\nimport { Serializable } from '@/models/Serializable';\nimport { SERIALIZED_DATE_FORMAT } from '@/models/RoomstaySession';\n\nexport interface IRoomRateNight {\n    date: string;\n    cost: string;\n    tax: string;\n    discount: string;\n    fee: string;\n    total: string;\n    available: string;\n}\nexport default class RoomRateNight implements Serializable<RoomRateNight, IRoomRateNight> {\n    public date!: dayjs.Dayjs;\n\n    public cost!: string;\n    public tax!: string;\n    public discount!: string;\n    public fee!: string;\n    public total!: string;\n\n    public available!: string;\n\n    public serialize() {\n        const toSerialize: IRoomRateNight = {\n            date: this.date.format(SERIALIZED_DATE_FORMAT),\n            cost: this.cost,\n            tax: this.tax,\n            discount: this.discount,\n            fee: this.fee,\n            total: this.total,\n            available: this.available,\n        };\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRateNight) {\n        const { date, cost, tax, discount, fee, total, available } = data;\n\n        this.date = dayjs(date, SERIALIZED_DATE_FORMAT);\n        this.cost = cost;\n        this.tax = tax;\n        this.discount = discount;\n        this.fee = fee;\n        this.total = total;\n        this.available = available;\n\n        return this;\n    }\n}\n"]}
+{"version":3,"file":"RoomRateNight.js","sourceRoot":"/","sources":["src/models/Room/RoomRateNight.ts"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAkE;AAalE,MAAqB,aAAa;IAWvB,SAAS;QACZ,MAAM,WAAW,GAAmB;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,wCAAsB,CAAC;YAC9C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;QAEF,OAAO,WAAW,CAAC;IACvB,CAAC;IAEM,WAAW,CAAC,IAAoB;QACnC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAElE,IAAI,CAAC,IAAI,GAAG,IAAA,eAAK,EAAC,IAAI,EAAE,wCAAsB,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAtCD,gCAsCC","sourcesContent":["import dayjs from 'dayjs';\n\nimport { SERIALIZED_DATE_FORMAT } from '@/models/RoomstaySession';\nimport { Serializable } from '@/models/Serializable';\n\nexport interface IRoomRateNight {\n    date: string;\n    cost: string;\n    tax: string;\n    discount: string;\n    fee: string;\n    total: string;\n    available: string;\n}\n\nexport default class RoomRateNight implements Serializable<RoomRateNight, IRoomRateNight> {\n    public date!: dayjs.Dayjs;\n\n    public cost!: string;\n    public tax!: string;\n    public discount!: string;\n    public fee!: string;\n    public total!: string;\n\n    public available!: string;\n\n    public serialize() {\n        const toSerialize: IRoomRateNight = {\n            date: this.date.format(SERIALIZED_DATE_FORMAT),\n            cost: this.cost,\n            tax: this.tax,\n            discount: this.discount,\n            fee: this.fee,\n            total: this.total,\n            available: this.available,\n        };\n\n        return toSerialize;\n    }\n\n    public unSerialize(data: IRoomRateNight) {\n        const { date, cost, tax, discount, fee, total, available } = data;\n\n        this.date = dayjs(date, SERIALIZED_DATE_FORMAT);\n        this.cost = cost;\n        this.tax = tax;\n        this.discount = discount;\n        this.fee = fee;\n        this.total = total;\n        this.available = available;\n\n        return this;\n    }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 import type BasketRow from './BasketRow';
-import type { IRoomRate } from './Room/RoomRate';
 import type { IRoom } from './Room/Room';
+import type { IRoomRate } from './Room/RoomRate';
 import ReservationsDTO from './Api/ReservationsDTO';
 /**
  * Booking engine state object, that is stored, can be loaded and unloaded

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

@@ -1 +1 @@
-{"version":3,"file":"RoomstaySession.js","sourceRoot":"/","sources":["src/models/RoomstaySession.ts"],"names":[],"mappings":";;;AA+Ca,QAAA,sBAAsB,GAAG,YAAY,CAAC","sourcesContent":["import dayjs from 'dayjs';\nimport type BasketRow from '@/models/BasketRow';\nimport type { IRoomRate } from '@/models/Room/RoomRate';\nimport type { IRoom } from '@/models/Room/Room';\nimport ReservationsDTO from './Api/ReservationsDTO';\n\n/**\n * Booking engine state object, that is stored, can be loaded and unloaded\n */\nexport type RoomstaySession = {\n    id: number;\n    step: string;\n    startDate: dayjs.Dayjs | null;\n    endDate: dayjs.Dayjs | null;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: BasketRow[];\n    reservation?: ReservationsDTO;\n};\n\nexport type SerializedRoomstaySession = {\n    id: number;\n    step: string;\n    startDate: string;\n    endDate: string;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: SerializedRoomstaySessionBasketRow[];\n    reservation?: ReservationsDTO;\n};\n\nexport type SerializedRoomstaySessionBasketRow = {\n    uniqId: string;\n    startDate: string;\n    endDate: string;\n\n    adults: number;\n    children: number;\n    promoCode: string;\n    promoCodeStatus: string;\n\n    room: IRoom;\n    rate: IRoomRate;\n};\n\nexport const SERIALIZED_DATE_FORMAT = 'YYYY/MM/DD';\n"]}
+{"version":3,"file":"RoomstaySession.js","sourceRoot":"/","sources":["src/models/RoomstaySession.ts"],"names":[],"mappings":";;;AAiDa,QAAA,sBAAsB,GAAG,YAAY,CAAC","sourcesContent":["import dayjs from 'dayjs';\n\nimport type BasketRow from '@/models/BasketRow';\nimport type { IRoom } from '@/models/Room/Room';\nimport type { IRoomRate } from '@/models/Room/RoomRate';\n\nimport ReservationsDTO from './Api/ReservationsDTO';\n\n/**\n * Booking engine state object, that is stored, can be loaded and unloaded\n */\nexport type RoomstaySession = {\n    id: number;\n    step: string;\n    startDate: dayjs.Dayjs | null;\n    endDate: dayjs.Dayjs | null;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: BasketRow[];\n    reservation?: ReservationsDTO;\n};\n\nexport type SerializedRoomstaySession = {\n    id: number;\n    step: string;\n    startDate: string;\n    endDate: string;\n    hotelID: number | string;\n    source: string;\n\n    basketRows: SerializedRoomstaySessionBasketRow[];\n    reservation?: ReservationsDTO;\n};\n\nexport type SerializedRoomstaySessionBasketRow = {\n    uniqId: string;\n    startDate: string;\n    endDate: string;\n\n    adults: number;\n    children: number;\n    promoCode: string;\n    promoCodeStatus: string;\n\n    room: IRoom;\n    rate: IRoomRate;\n};\n\nexport const SERIALIZED_DATE_FORMAT = 'YYYY/MM/DD';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Serializable.js","sourceRoot":"/","sources":["src/models/Serializable.ts"],"names":[],"mappings":"","sourcesContent":["export interface Serializable<T, I> {\n    serialize(): I;\n    unSerialize(data: I): T;\n}\n"]}
+{"version":3,"file":"Serializable.js","sourceRoot":"/","sources":["src/models/Serializable.ts"],"names":[],"mappings":"","sourcesContent":["export interface Serializable<T, I> {\n    serialize(): I;\n\n    unSerialize(data: I): T;\n}\n"]}

package/dist/src/pages/account/AccountHome/AccountHomePage.js

@@ -27,23 +27,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountHomePage = void 0;
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
-const ReservationItem_1 = __importDefault(require("../../../components/reservation/ReservationItem"));
-const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const Text_1 = __importStar(require("../../../components/generic/Text"));
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
 const IconNavCard_1 = require("../../../components/generic/Card/IconNavCard/IconNavCard");
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const Icon_1 = require("../../../components/generic/Icon/Icon");
+const Text_1 = __importStar(require("../../../components/generic/Text"));
+const HomeEmptyReservation_1 = __importDefault(require("../../../components/graphics/HomeEmptyReservation"));
+const ReservationItem_1 = __importDefault(require("../../../components/reservation/ReservationItem"));
+const AccountRoutes_1 = require("../AccountRoutes");
 const Color_1 = require("../../../util/Color");
-const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
-const react_router_dom_1 = require("react-router-dom");
-const StepManager_1 = __importDefault(require("../../../util/StepManager"));
-const hooks_1 = require("../../../hooks/index.js");
-const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("translations/Translation");
-const contexts_1 = require("../../../contexts/index.js");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const AccountRoutes_1 = require("../AccountRoutes");
-const HomeEmptyReservation_1 = __importDefault(require("../../../components/graphics/HomeEmptyReservation"));
+const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const AccountHomePage = () => {
     const { fullName, upcomingBookings } = (0, hooks_1.useMember)();
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/pages/account/AccountHome/AccountHomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountHomePage.js","sourceRoot":"/","sources":["src/pages/account/AccountHome/AccountHomePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport ReservationItem from '@/components/reservation/ReservationItem';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { IconNavCard } from '@/components/generic/Card/IconNavCard/IconNavCard';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport BEButton from '@/components/generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { useMember } from '@frontend/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport HomeEmptyReservation from '@/components/graphics/HomeEmptyReservation';\n\nexport const AccountHomePage = () => {\n    const { fullName, upcomingBookings } = useMember();\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const firstStepUrl = StepManager.getFirstStep().getStepUrl();\n\n    const hasBookings = (upcomingBookings?.length as number) > 0;\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.UserPortal.HomeScreen.BackToBooking)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size=\"extra-large\" className=\"u-marg-bottom\">\n                    {t(Translation.UserPortal.HomeScreen.Title)} {fullName}!\n                </Headline>\n                {hasBookings ? (\n                    <Text type={TextType.Body}>{t(Translation.UserPortal.HomeScreen.Subtitle)}</Text>\n                ) : (\n                    <Text className=\"u-marg-top\">{t(Translation.Reservation.EmptyPage.SubTitle)}</Text>\n                )}\n            </div>\n\n            <div className=\"u-marg-bottom--heavy\">\n                {hasBookings ? (\n                    <ReservationItem itineraryItem={upcomingBookings?.[0] as IRoomstayMemberBookingItemWithRefAndHotelDetails} defaultEventsExpanded />\n                ) : (\n                    <div className=\"u-marg-top--heavy u-flex u-flex-align-center u-flex-direction-column@l- u-flex-gap\">\n                        <div>\n                            <HomeEmptyReservation className=\"mw-100\" />\n                        </div>\n                        <div className=\"u-marg-top--heavy@m-\">\n                            <Headline size=\"large\">{t(Translation.Reservation.EmptyPage.Message)}</Headline>\n                            <Text color={Color.DarkGrey} type={TextType.Small} className=\"u-marg-top--light\">\n                                {t(Translation.Reservation.EmptyPage.SubMessage)}\n                            </Text>\n                            <div className=\"u-marg-top--heavy u-flex u-flex-flex-start u-flex-gap--light u-flex-direction-column@l-\">\n                                <Link to={firstStepUrl}>\n                                    <BEButton wide={isMobile} rounded filled icon={IconType.ArrowRight} iconPosition=\"right\" primary>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded icon={IconType.ArrowRight} iconPosition=\"right\">\n                                        {t(Translation.Reservation.EmptyPage.SeeAll)}\n                                    </BEButton>\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div className=\"row\">\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Info}\n                        title={t(Translation.UserPortal.HomeScreen.ViewAllBookings)}\n                        description=\"See all of your bookings, past, present and cancelled.\"\n                        link={{\n                            text: 'See list',\n                            pathTo: AccountRoutes.Reservations.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Person}\n                        title={t(Translation.Navigation.Menu.ProfileInformation)}\n                        description=\"Edit your personal details, like address, and name\"\n                        link={{\n                            text: 'Edit Info',\n                            pathTo: AccountRoutes.ProfileDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.CreditCard}\n                        title={t(Translation.Navigation.Menu.PaymentInformation)}\n                        description=\"Effortlessly manage cards for smoother checkout\"\n                        link={{\n                            text: 'Manage cards',\n                            pathTo: AccountRoutes.CardDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Time}\n                        title={t(Translation.Navigation.Menu.NeedHelp)}\n                        description=\"Connect with our hotel staff for prompt assistance\"\n                        link={{\n                            text: 'Contact now',\n                            pathTo: AccountRoutes.Help.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountHomePage.js","sourceRoot":"/","sources":["src/pages/account/AccountHome/AccountHomePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { useMember } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconNavCard } from '@/components/generic/Card/IconNavCard/IconNavCard';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyReservation from '@/components/graphics/HomeEmptyReservation';\nimport ReservationItem from '@/components/reservation/ReservationItem';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nexport const AccountHomePage = () => {\n    const { fullName, upcomingBookings } = useMember();\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const firstStepUrl = StepManager.getFirstStep().getStepUrl();\n\n    const hasBookings = (upcomingBookings?.length as number) > 0;\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.UserPortal.HomeScreen.BackToBooking)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size=\"extra-large\" className=\"u-marg-bottom\">\n                    {t(Translation.UserPortal.HomeScreen.Title)} {fullName}!\n                </Headline>\n                {hasBookings ? (\n                    <Text type={TextType.Body}>{t(Translation.UserPortal.HomeScreen.Subtitle)}</Text>\n                ) : (\n                    <Text className=\"u-marg-top\">{t(Translation.Reservation.EmptyPage.SubTitle)}</Text>\n                )}\n            </div>\n\n            <div className=\"u-marg-bottom--heavy\">\n                {hasBookings ? (\n                    <ReservationItem itineraryItem={upcomingBookings?.[0] as IRoomstayMemberBookingItemWithRefAndHotelDetails} defaultEventsExpanded />\n                ) : (\n                    <div className=\"u-marg-top--heavy u-flex u-flex-align-center u-flex-direction-column@l- u-flex-gap\">\n                        <div>\n                            <HomeEmptyReservation className=\"mw-100\" />\n                        </div>\n                        <div className=\"u-marg-top--heavy@m-\">\n                            <Headline size=\"large\">{t(Translation.Reservation.EmptyPage.Message)}</Headline>\n                            <Text color={Color.DarkGrey} type={TextType.Small} className=\"u-marg-top--light\">\n                                {t(Translation.Reservation.EmptyPage.SubMessage)}\n                            </Text>\n                            <div className=\"u-marg-top--heavy u-flex u-flex-flex-start u-flex-gap--light u-flex-direction-column@l-\">\n                                <Link to={firstStepUrl}>\n                                    <BEButton wide={isMobile} rounded filled icon={IconType.ArrowRight} iconPosition=\"right\" primary>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded icon={IconType.ArrowRight} iconPosition=\"right\">\n                                        {t(Translation.Reservation.EmptyPage.SeeAll)}\n                                    </BEButton>\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div className=\"row\">\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Info}\n                        title={t(Translation.UserPortal.HomeScreen.ViewAllBookings)}\n                        description=\"See all of your bookings, past, present and cancelled.\"\n                        link={{\n                            text: 'See list',\n                            pathTo: AccountRoutes.Reservations.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Person}\n                        title={t(Translation.Navigation.Menu.ProfileInformation)}\n                        description=\"Edit your personal details, like address, and name\"\n                        link={{\n                            text: 'Edit Info',\n                            pathTo: AccountRoutes.ProfileDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.CreditCard}\n                        title={t(Translation.Navigation.Menu.PaymentInformation)}\n                        description=\"Effortlessly manage cards for smoother checkout\"\n                        link={{\n                            text: 'Manage cards',\n                            pathTo: AccountRoutes.CardDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Time}\n                        title={t(Translation.Navigation.Menu.NeedHelp)}\n                        description=\"Connect with our hotel staff for prompt assistance\"\n                        link={{\n                            text: 'Contact now',\n                            pathTo: AccountRoutes.Help.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/pages/account/AccountRouter.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountRouter = void 0;
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const AccountOutlet_1 = require("./AccountOutlet");
 const AccountHomePage_1 = require("./AccountHome/AccountHomePage");
-const AccountReservationsPage_1 = require("./Reservations/AccountReservationsPage");
-const AccountReservationSinglePage_1 = require("./Reservations/AccountReservationSinglePage");
-const AccountDetailsProfilePage_1 = require("./Details/AccountDetailsProfilePage");
+const AccountOutlet_1 = require("./AccountOutlet");
 const AccountDetailsCardsPage_1 = require("./Details/AccountDetailsCardsPage");
+const AccountDetailsProfilePage_1 = require("./Details/AccountDetailsProfilePage");
 const AccountHelpPage_1 = require("./Help/AccountHelpPage");
+const AccountReservationSinglePage_1 = require("./Reservations/AccountReservationSinglePage");
+const AccountReservationsPage_1 = require("./Reservations/AccountReservationsPage");
 const AccountRoutes_1 = require("./AccountRoutes");
 const AccountRouter = () => {
     return (react_1.default.createElement(react_1.default.Fragment, null,

package/dist/src/pages/account/AccountRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountRouter.js","sourceRoot":"/","sources":["src/pages/account/AccountRouter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAyC;AACzC,iEAA8D;AAC9D,iFAA8E;AAC9E,kGAA8F;AAC9F,4GAAyG;AACzG,iGAA8F;AAC9F,6FAA0F;AAC1F,0EAAuE;AACvE,mDAAgD;AAGzC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH;QACI,8BAAC,6BAAa;YACV,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI;YACpE,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,gDAAsB,EAAE,KAAK,SAAG;YAE9F,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,2DAA4B,GAAI;YAEnG,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,qDAAyB,GAAI;YACxF,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,iDAAuB,GAAI;YAEnF,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI,CACxD,CACjB,CACN,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB","sourcesContent":["import React from 'react';\nimport { Route } from 'react-router-dom';\nimport { AccountOutlet } from '@/pages/account/AccountOutlet';\nimport { AccountHomePage } from '@/pages/account/AccountHome/AccountHomePage';\nimport { AccountReservationPage } from '@/pages/account/Reservations/AccountReservationsPage';\nimport { AccountReservationSinglePage } from '@/pages/account/Reservations/AccountReservationSinglePage';\nimport { AccountDetailsProfilePage } from '@/pages/account/Details/AccountDetailsProfilePage';\nimport { AccountDetailsCardsPage } from '@/pages/account/Details/AccountDetailsCardsPage';\nimport { AccountHelpPage } from '@/pages/account/Help/AccountHelpPage';\nimport { AccountRoutes } from './AccountRoutes';\nimport { PrivateRoute } from '@/containers/PrivateRoute';\n\nexport const AccountRouter = () => {\n    return (\n        <>\n            <AccountOutlet>\n                <Route path={AccountRoutes.Home.path} component={AccountHomePage} />\n                <Route path={AccountRoutes.Reservations.matchPath} component={AccountReservationPage} exact />\n\n                <Route path={AccountRoutes.SingleReservation.matchPath} component={AccountReservationSinglePage} />\n\n                <Route path={AccountRoutes.ProfileDetails.path} component={AccountDetailsProfilePage} />\n                <Route path={AccountRoutes.CardDetails.path} component={AccountDetailsCardsPage} />\n\n                <Route path={AccountRoutes.Help.path} component={AccountHelpPage} />\n            </AccountOutlet>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountRouter.js","sourceRoot":"/","sources":["src/pages/account/AccountRouter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAyC;AAEzC,iFAA8E;AAC9E,iEAA8D;AAC9D,6FAA0F;AAC1F,iGAA8F;AAC9F,0EAAuE;AACvE,4GAAyG;AACzG,kGAA8F;AAE9F,mDAAgD;AAEzC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH;QACI,8BAAC,6BAAa;YACV,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI;YACpE,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,gDAAsB,EAAE,KAAK,SAAG;YAE9F,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,2DAA4B,GAAI;YAEnG,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,qDAAyB,GAAI;YACxF,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,iDAAuB,GAAI;YAEnF,8BAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI,CACxD,CACjB,CACN,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB","sourcesContent":["import React from 'react';\nimport { Route } from 'react-router-dom';\n\nimport { AccountHomePage } from '@/pages/account/AccountHome/AccountHomePage';\nimport { AccountOutlet } from '@/pages/account/AccountOutlet';\nimport { AccountDetailsCardsPage } from '@/pages/account/Details/AccountDetailsCardsPage';\nimport { AccountDetailsProfilePage } from '@/pages/account/Details/AccountDetailsProfilePage';\nimport { AccountHelpPage } from '@/pages/account/Help/AccountHelpPage';\nimport { AccountReservationSinglePage } from '@/pages/account/Reservations/AccountReservationSinglePage';\nimport { AccountReservationPage } from '@/pages/account/Reservations/AccountReservationsPage';\n\nimport { AccountRoutes } from './AccountRoutes';\n\nexport const AccountRouter = () => {\n    return (\n        <>\n            <AccountOutlet>\n                <Route path={AccountRoutes.Home.path} component={AccountHomePage} />\n                <Route path={AccountRoutes.Reservations.matchPath} component={AccountReservationPage} exact />\n\n                <Route path={AccountRoutes.SingleReservation.matchPath} component={AccountReservationSinglePage} />\n\n                <Route path={AccountRoutes.ProfileDetails.path} component={AccountDetailsProfilePage} />\n                <Route path={AccountRoutes.CardDetails.path} component={AccountDetailsCardsPage} />\n\n                <Route path={AccountRoutes.Help.path} component={AccountHelpPage} />\n            </AccountOutlet>\n        </>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsCardsPage.js

@@ -36,22 +36,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountDetailsCardsPage = void 0;
+const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
+const Fade_1 = __importDefault(require("../../../animations/Fade"));
+const MembersServiceAPI_1 = require("../../../api/members-service/MembersServiceAPI");
 const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
-const Icon_1 = require("../../../components/generic/Icon/Icon");
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const AccountDetailsCardsPage_module_scss_1 = __importDefault(require("./AccountDetailsCardsPage.module.scss"));
-const CardList_1 = require("../../../components/pages/Account/Card/CardList");
-const Text_1 = __importDefault(require("../../../components/generic/Text"));
+const Icon_1 = require("../../../components/generic/Icon/Icon");
+const LargeLoader_1 = __importDefault(require("../../../components/generic/loader/LargeLoader"));
 const PaymentCardInput_1 = require("../../../components/generic/PaymentCard/PaymentCardInput");
-const contexts_1 = require("../../../contexts/index.js");
-const MembersServiceAPI_1 = require("../../../api/members-service/MembersServiceAPI");
-const Fade_1 = __importDefault(require("../../../animations/Fade"));
+const Text_1 = __importDefault(require("../../../components/generic/Text"));
+const CardList_1 = require("../../../components/pages/Account/Card/CardList");
 const AccountDetailsNoCardsPage_1 = require("./AccountDetailsNoCardsPage");
-const LargeLoader_1 = __importDefault(require("../../../components/generic/loader/LargeLoader"));
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../translations/Translation");
+const AccountDetailsCardsPage_module_scss_1 = __importDefault(require("./AccountDetailsCardsPage.module.scss"));
 const AccountDetailsCardsPage = (ref) => {
     var _a, _b;
     const { roomstayMember, cards: memberCards = [], updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = (0, react_1.useContext)(contexts_1.RoomstayMemberContext);

package/dist/src/pages/account/Details/AccountDetailsCardsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsCardsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Headline from '@/components/generic/Headline';\n\nimport styles from './AccountDetailsCardsPage.module.scss';\nimport { CardList } from '@/components/pages/Account/Card/CardList';\nimport Text from '@/components/generic/Text';\nimport { PaymentCardInput } from '@/components/generic/PaymentCard/PaymentCardInput';\nimport { RoomstayMemberContext } from '@frontend/contexts';\nimport { AddMemberCard, DeleteMemberCard, EditMemberCard } from '@/api/members-service/MembersServiceAPI';\nimport { IRoomstayMember, IRoomstayMemberCards } from '@roomstay/core';\nimport FadeAnimation from '@/animations/Fade';\nimport { AccountDetailsNoCardsPage } from '@/pages/account/Details/AccountDetailsNoCardsPage';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards = [], updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo<IRoomstayMemberCards>(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username || '',\n        }),\n        [roomstayMember]\n    );\n    const { t } = useTranslation();\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(emptyCard);\n    const [isAddingCard, setIsAddingCard] = useState<boolean>(!!roomstayMember?.cards?.length);\n\n    useEffect(() => {\n        if (roomstayMember?.cards?.length) {\n            setIsAddingCard(true);\n        }\n    }, [roomstayMember?.cards?.length]);\n\n    useEffect(() => {\n        const existedCard = memberCards.find((card) => card.cardId === selectedCard.cardId);\n        if (!existedCard) {\n            if (memberCards.length) setSelectedCard(memberCards[0]);\n            else setSelectedCard(emptyCard);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<IRoomstayMemberCards> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            return AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail?.(newCard);\n                return newCard;\n            });\n        } else\n            return EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail?.(res);\n                return res;\n            });\n    };\n\n    const onDeleteClicked = async (card: IRoomstayMemberCards) => {\n        try {\n            await DeleteMemberCard(card);\n\n            await fetchRoomstayMember?.();\n        } catch (ex) {\n            console.log('Failed deleting card');\n        }\n    };\n\n    const onMarkedAsDefault = async (card: IRoomstayMemberCards) => {\n        await updateMemberDetails?.({ ...roomstayMember, defaultCard: card?.cardId } as IRoomstayMember);\n        setSelectedCard(card);\n    };\n\n    if (loading) return <LargeLoader />;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to=\"/account/home\">\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Navigation.Menu.PaymentInformation)}\n                </Headline>\n            </div>\n            <FadeAnimation open={isAddingCard}>\n                <div className={styles['layout-grid']}>\n                    <div className={styles['card-list']}>\n                        <Text bold className=\"u-marg-bottom\">\n                            {t(Translation.UserPortal.PaymentInformationScreen.SavedCards)}\n                        </Text>\n\n                        <CardList\n                            onNewCardClicked={onNewCardClicked}\n                            value={selectedCard as IRoomstayMemberCards}\n                            onChange={(selectedCard) => setSelectedCard(selectedCard)}\n                            options={memberCards}\n                        />\n                    </div>\n                    <PaymentCardInput\n                        card={selectedCard as IRoomstayMemberCards}\n                        onSubmit={onCardChangedSubmit}\n                        onDeleteClicked={onDeleteClicked}\n                        onMarkedAsDefaultClicked={onMarkedAsDefault}\n                    />\n                </div>\n            </FadeAnimation>\n            {!isAddingCard && <AccountDetailsNoCardsPage onAddNewCard={() => setIsAddingCard(true)} />}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsCardsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMember, IRoomstayMemberCards } from '@roomstay/core';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { AddMemberCard, DeleteMemberCard, EditMemberCard } from '@/api/members-service/MembersServiceAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { PaymentCardInput } from '@/components/generic/PaymentCard/PaymentCardInput';\nimport Text from '@/components/generic/Text';\nimport { CardList } from '@/components/pages/Account/Card/CardList';\nimport { AccountDetailsNoCardsPage } from '@/pages/account/Details/AccountDetailsNoCardsPage';\nimport { Translation } from '@/translations/Translation';\n\nimport styles from './AccountDetailsCardsPage.module.scss';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards = [], updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo<IRoomstayMemberCards>(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username || '',\n        }),\n        [roomstayMember]\n    );\n    const { t } = useTranslation();\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(emptyCard);\n    const [isAddingCard, setIsAddingCard] = useState<boolean>(!!roomstayMember?.cards?.length);\n\n    useEffect(() => {\n        if (roomstayMember?.cards?.length) {\n            setIsAddingCard(true);\n        }\n    }, [roomstayMember?.cards?.length]);\n\n    useEffect(() => {\n        const existedCard = memberCards.find((card) => card.cardId === selectedCard.cardId);\n        if (!existedCard) {\n            if (memberCards.length) setSelectedCard(memberCards[0]);\n            else setSelectedCard(emptyCard);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<IRoomstayMemberCards> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            return AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail?.(newCard);\n                return newCard;\n            });\n        } else\n            return EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail?.(res);\n                return res;\n            });\n    };\n\n    const onDeleteClicked = async (card: IRoomstayMemberCards) => {\n        try {\n            await DeleteMemberCard(card);\n\n            await fetchRoomstayMember?.();\n        } catch (ex) {\n            console.log('Failed deleting card');\n        }\n    };\n\n    const onMarkedAsDefault = async (card: IRoomstayMemberCards) => {\n        await updateMemberDetails?.({ ...roomstayMember, defaultCard: card?.cardId } as IRoomstayMember);\n        setSelectedCard(card);\n    };\n\n    if (loading) return <LargeLoader />;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom--heavy\">\n                <Link to=\"/account/home\">\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.Reservation.BackToYourAccount)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size=\"extra-large\" bold>\n                    {t(Translation.Navigation.Menu.PaymentInformation)}\n                </Headline>\n            </div>\n            <FadeAnimation open={isAddingCard}>\n                <div className={styles['layout-grid']}>\n                    <div className={styles['card-list']}>\n                        <Text bold className=\"u-marg-bottom\">\n                            {t(Translation.UserPortal.PaymentInformationScreen.SavedCards)}\n                        </Text>\n\n                        <CardList\n                            onNewCardClicked={onNewCardClicked}\n                            value={selectedCard as IRoomstayMemberCards}\n                            onChange={(selectedCard) => setSelectedCard(selectedCard)}\n                            options={memberCards}\n                        />\n                    </div>\n                    <PaymentCardInput\n                        card={selectedCard as IRoomstayMemberCards}\n                        onSubmit={onCardChangedSubmit}\n                        onDeleteClicked={onDeleteClicked}\n                        onMarkedAsDefaultClicked={onMarkedAsDefault}\n                    />\n                </div>\n            </FadeAnimation>\n            {!isAddingCard && <AccountDetailsNoCardsPage onAddNewCard={() => setIsAddingCard(true)} />}\n        </>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsNoCardsPage.js

@@ -27,16 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountDetailsNoCardsPage = void 0;
+const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const Color_1 = require("../../../util/Color");
 const Text_1 = __importStar(require("../../../components/generic/Text"));
-const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
-const contexts_1 = require("../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const HomeEmptyCard_1 = __importDefault(require("../../../components/graphics/HomeEmptyCard"));
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../translations/Translation");
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const AccountDetailsNoCardsPage = ({ onAddNewCard }) => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Medium;

package/dist/src/pages/account/Details/AccountDetailsNoCardsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsNoCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsNoCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAE9C,6EAAqD;AACrD,wCAAqC;AACrC,kEAA2D;AAC3D,6EAAwE;AACxE,iDAA0D;AAC1D,mEAA2C;AAC3C,wFAAgE;AAChE,iDAA+C;AAC/C,4DAAyD;AAMlD,MAAM,yBAAyB,GAAuC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,8BAA8B;QACzC,8BAAC,uBAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG;QAC9C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC9F,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CACnE;QACX,8BAAC,cAAI,IACD,KAAK,EAAE;gBACH,QAAQ,EAAE,GAAG;aAChB,EACD,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,aAAK,CAAC,QAAQ,EACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI,kIAG5C;QACP,8BAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,CACvD,CACT,CACT,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,yBAAyB,6BA0BpC","sourcesContent":["import React, { FC, useContext } from 'react';\nimport RoomstayThemeEngine from '../../../providers/RoomstayThemeEngine';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport { BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport HomeEmptyCard from '@/components/graphics/HomeEmptyCard';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\n\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <HomeEmptyCard className=\"u-max-width-full\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYet)}\n            </Headline>\n            <Text\n                style={{\n                    maxWidth: 660,\n                }}\n                className=\"u-marg-top u-marg-left-right--auto\"\n                color={Color.Graphite}\n                type={isMobile ? TextType.Small : TextType.Body}\n            >\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n            </Text>\n            <BEButton className=\"u-marg-top\" filled primary rounded onClick={onAddNewCard}>\n                {t(Translation.UserPortal.PaymentInformationScreen.AddNewCard)}\n            </BEButton>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsNoCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsNoCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA8C;AAC9C,iDAA+C;AAE/C,6EAAwE;AACxE,6EAAqD;AACrD,kEAA2D;AAC3D,wFAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AACrC,mEAA2C;AAMpC,MAAM,yBAAyB,GAAuC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9F,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,8BAA8B;QACzC,8BAAC,uBAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG;QAC9C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC9F,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CACnE;QACX,8BAAC,cAAI,IACD,KAAK,EAAE;gBACH,QAAQ,EAAE,GAAG;aAChB,EACD,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,aAAK,CAAC,QAAQ,EACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAQ,CAAC,IAAI,kIAG5C;QACP,8BAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,UAAU,CAAC,CACvD,CACT,CACT,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,yBAAyB,6BA0BpC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { FC, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyCard from '@/components/graphics/HomeEmptyCard';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\n\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <HomeEmptyCard className=\"u-max-width-full\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                {t(Translation.UserPortal.PaymentInformationScreen.YouDontHaveAnyCardsYet)}\n            </Headline>\n            <Text\n                style={{\n                    maxWidth: 660,\n                }}\n                className=\"u-marg-top u-marg-left-right--auto\"\n                color={Color.Graphite}\n                type={isMobile ? TextType.Small : TextType.Body}\n            >\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n            </Text>\n            <BEButton className=\"u-marg-top\" filled primary rounded onClick={onAddNewCard}>\n                {t(Translation.UserPortal.PaymentInformationScreen.AddNewCard)}\n            </BEButton>\n        </div>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsProfilePage.js

@@ -38,24 +38,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountDetailsProfilePage = void 0;
+const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Translation_1 = require("translations/Translation");
 const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
 const EnhancedPhoneNumberField_1 = __importDefault(require("../../../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const Icon_1 = require("../../../components/generic/Icon/Icon");
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
+const PasswordBox_1 = require("../../../components/generic/PasswordBox/PasswordBox");
 const Text_1 = __importStar(require("../../../components/generic/Text"));
 const TextBox_1 = __importDefault(require("../../../components/generic/TextBox"));
 const StepConfirmationCountrySelector_1 = __importDefault(require("../../../components/steps/confirmation/StepConfirmationCountrySelector"));
-const react_hook_form_1 = require("react-hook-form");
-const react_router_dom_1 = require("react-router-dom");
 const Color_1 = require("../../../util/Color");
-const contexts_1 = require("../../../contexts/index.js");
 const Validation_1 = require("../../../util/Validation");
-const PasswordBox_1 = require("../../../components/generic/PasswordBox/PasswordBox");
 const AccountRoutes_1 = require("../AccountRoutes");
-const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("translations/Translation");
 const LabelAndInputGroup = (props) => {
     const { label, component, hint, error } = props;
     return (react_1.default.createElement("div", { className: "row u-marg-bottom--heavy" },