@roomstay/frontend 2.1.0 → 2.1.1

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(reducer, null) ?? 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) => {\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        };\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;\n        this.isMemberOnly = isMemberOnly;\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 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(reducer, null) ?? 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) => {\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        };\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;\n        this.isMemberOnly = isMemberOnly;\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"]}

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

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import { Serializable } from 'models/Serializable';
+import { Serializable } from '@/models/Serializable';
 export interface IRoomRateNight {
     date: string;
     cost: string;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const dayjs_1 = __importDefault(require("dayjs"));
-const RoomstaySession_1 = require("models/RoomstaySession");
+const RoomstaySession_1 = require("@/models/RoomstaySession");
 class RoomRateNight {
     serialize() {
         const toSerialize = {

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,4DAAgE;AAWhE,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;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"]}

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

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
-import type BasketRow from 'models/BasketRow';
-import type { IRoomRate } from 'models/Room/RoomRate';
-import type { IRoom } from 'models/Room/Room';
+import type BasketRow from '@/models/BasketRow';
+import type { IRoomRate } from '@/models/Room/RoomRate';
+import type { IRoom } from '@/models/Room/Room';
 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;\n    endDate: dayjs.Dayjs;\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":";;;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;\n    endDate: dayjs.Dayjs;\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/pages/account/AccountHome/AccountHomePage.js

@@ -28,23 +28,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountHomePage = void 0;
 const React = __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 IconNavCard_1 = require("components/generic/Card/IconNavCard/IconNavCard");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Color_1 = require("util/Color");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+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 IconNavCard_1 = require("@/components/generic/Card/IconNavCard/IconNavCard");
+const Icon_1 = require("@/components/generic/Icon/Icon");
+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 StepManager_1 = __importDefault(require("@/util/StepManager"));
 const hooks_1 = require("@frontend/hooks");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const AccountRoutes_1 = require("pages/account/AccountRoutes");
-const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const AccountRoutes_1 = require("@/pages/account/AccountRoutes");
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 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 * as React 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 { useContext } from 'react';\nimport { BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport { AccountRoutes } from 'pages/account/AccountRoutes';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\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 > 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={true} 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]} />\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                            <img className=\"mw-100\" src={RoomstayThemeEngine.getImageAssetUrl('account/account-home-empty-graphic.svg')} alt=\"Account homepage image\" />\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={true} filled={true} icon={IconType.ArrowRight} iconPosition=\"right\" primary={true}>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded={true} 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=\"View all bookings\"\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=\"Profile Information\"\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=\"Payment Information\"\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing.\"\n                        link={{\n                            text: 'Edit Info',\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=\"Need Help?\"\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing.\"\n                        link={{\n                            text: 'Edit Info',\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+FAAuE;AACvE,6EAAqD;AACrD,kEAA2D;AAC3D,mFAAgF;AAChF,yDAA0D;AAC1D,wCAAqC;AACrC,6EAAqD;AACrD,uDAAwC;AACxC,qEAA6C;AAC7C,2CAA4C;AAC5C,iDAA+C;AAC/C,0DAAuD;AACvD,iCAAmC;AACnC,iDAA0D;AAC1D,mEAA2C;AAC3C,iEAA8D;AAC9D,0FAAkE;AAE3D,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,YAAY,GAAG,qBAAW,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,CAAC;IAE7D,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhD,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,iDAAiD;YAC5D,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE;gBAC7C,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,IAC1D,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAC5C,CACR,CACL;QACN,6BAAK,SAAS,EAAC,kCAAkC;YAC7C,oBAAC,kBAAQ,IAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe;gBACpD,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;;gBAAG,QAAQ;oBAC/C;YACV,WAAW,CAAC,CAAC,CAAC,CACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAQ,CACpF,CAAC,CAAC,CAAC,CACA,oBAAC,cAAI,IAAC,SAAS,EAAC,YAAY,IAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAQ,CACtF,CACC;QAEN,6BAAK,SAAS,EAAC,sBAAsB,IAChC,WAAW,CAAC,CAAC,CAAC,CACX,oBAAC,yBAAe,IAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAI,CAC1D,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,oFAAoF;YAC/F;gBACI,6BAAK,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,EAAE,GAAG,EAAC,wBAAwB,GAAG,CAC1I;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACjC,oBAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,IAAE,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAY;gBAChF,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,mBAAmB,IAC3E,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAC7C;gBACP,6BAAK,SAAS,EAAC,yFAAyF;oBACpG,oBAAC,uBAAI,IAAC,EAAE,EAAE,YAAY;wBAClB,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,IAC/G,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAC1C,CACR;oBACP,oBAAC,uBAAI,IAAC,EAAE,EAAE,6BAAa,CAAC,YAAY,CAAC,IAAI;wBACrC,oBAAC,kBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,IACnF,CAAC,CAAC,yBAAW,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CACrC,CACR,CACL,CACJ,CACJ,CACT,CACC;QAEN,6BAAK,SAAS,EAAC,KAAK;YAChB,6BAAK,SAAS,EAAC,UAAU;gBACrB,oBAAC,yBAAW,IACR,IAAI,EAAE,eAAQ,CAAC,IAAI,EACnB,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,wDAAwD,EACpE,IAAI,EAAE;wBACF,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,6BAAa,CAAC,YAAY,CAAC,IAAI;wBACvC,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,aAAK,CAAC,MAAM;qBACtB,GACH,CACA;YACN,6BAAK,SAAS,EAAC,UAAU;gBACrB,oBAAC,yBAAW,IACR,IAAI,EAAE,eAAQ,CAAC,MAAM,EACrB,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAC,oDAAoD,EAChE,IAAI,EAAE;wBACF,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI;wBACzC,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,aAAK,CAAC,MAAM;qBACtB,GACH,CACA;YAEN,6BAAK,SAAS,EAAC,UAAU;gBACrB,oBAAC,yBAAW,IACR,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAC,qDAAqD,EACjE,IAAI,EAAE;wBACF,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI;wBACtC,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,aAAK,CAAC,MAAM;qBACtB,GACH,CACA;YAEN,6BAAK,SAAS,EAAC,UAAU;gBACrB,oBAAC,yBAAW,IACR,IAAI,EAAE,eAAQ,CAAC,IAAI,EACnB,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,qDAAqD,EACjE,IAAI,EAAE;wBACF,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI;wBAC/B,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,aAAK,CAAC,MAAM;qBACtB,GACH,CACA,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAvHW,QAAA,eAAe,mBAuH1B","sourcesContent":["import * as React 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 { useContext } from 'react';\nimport { BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\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 > 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={true} 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]} />\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                            <img className=\"mw-100\" src={RoomstayThemeEngine.getImageAssetUrl('account/account-home-empty-graphic.svg')} alt=\"Account homepage image\" />\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={true} filled={true} icon={IconType.ArrowRight} iconPosition=\"right\" primary={true}>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded={true} 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=\"View all bookings\"\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=\"Profile Information\"\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=\"Payment Information\"\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing.\"\n                        link={{\n                            text: 'Edit Info',\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=\"Need Help?\"\n                        description=\"Lorem ipsum dolor sit amet, consectetur adipiscing.\"\n                        link={{\n                            text: 'Edit Info',\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

@@ -26,15 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountRouter = void 0;
 const React = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
-const AccountOutlet_1 = require("pages/account/AccountOutlet");
-const AccountHomePage_1 = require("pages/account/AccountHome/AccountHomePage");
-const AccountReservationsPage_1 = require("pages/account/Reservations/AccountReservationsPage");
-const AccountReservationSinglePage_1 = require("pages/account/Reservations/AccountReservationSinglePage");
-const AccountReservationMultiplePage_1 = require("pages/account/Reservations/AccountReservationMultiplePage");
-const AccountReservationCancelledPage_1 = require("pages/account/Reservations/AccountReservationCancelledPage");
-const AccountDetailsProfilePage_1 = require("pages/account/Details/AccountDetailsProfilePage");
-const AccountDetailsCardsPage_1 = require("pages/account/Details/AccountDetailsCardsPage");
-const AccountHelpPage_1 = require("pages/account/Help/AccountHelpPage");
+const AccountOutlet_1 = require("@/pages/account/AccountOutlet");
+const AccountHomePage_1 = require("@/pages/account/AccountHome/AccountHomePage");
+const AccountReservationsPage_1 = require("@/pages/account/Reservations/AccountReservationsPage");
+const AccountReservationSinglePage_1 = require("@/pages/account/Reservations/AccountReservationSinglePage");
+const AccountReservationMultiplePage_1 = require("@/pages/account/Reservations/AccountReservationMultiplePage");
+const AccountReservationCancelledPage_1 = require("@/pages/account/Reservations/AccountReservationCancelledPage");
+const AccountDetailsProfilePage_1 = require("@/pages/account/Details/AccountDetailsProfilePage");
+const AccountDetailsCardsPage_1 = require("@/pages/account/Details/AccountDetailsCardsPage");
+const AccountHelpPage_1 = require("@/pages/account/Help/AccountHelpPage");
 const AccountRoutes_1 = require("./AccountRoutes");
 const PrivateRoute_1 = require("../../containers/PrivateRoute");
 const AccountRouter = () => {

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,6CAA+B;AAC/B,uDAAyC;AACzC,+DAA4D;AAC5D,+EAA4E;AAC5E,gGAA4F;AAC5F,0GAAuG;AACvG,8GAA2G;AAC3G,gHAA6G;AAC7G,+FAA4F;AAC5F,2FAAwF;AACxF,wEAAqE;AACrE,mDAAgD;AAChD,gEAA6D;AAEtD,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH;QACI,oBAAC,2BAAY,IAAC,IAAI,EAAC,UAAU;YACzB,oBAAC,6BAAa;gBACV,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI;gBACpE,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,gDAAsB,EAAE,KAAK,EAAE,IAAI,GAAI;gBAErG,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,2DAA4B,GAAI;gBAEnG,oBAAC,wBAAK,IAAC,IAAI,EAAC,6BAA6B,EAAC,SAAS,EAAE,2DAA4B,GAAI;gBACrF,oBAAC,wBAAK,IAAC,IAAI,EAAC,2CAA2C,EAAC,SAAS,EAAE,+DAA8B,GAAI;gBACrG,oBAAC,wBAAK,IAAC,IAAI,EAAC,gCAAgC,EAAC,SAAS,EAAE,iEAA+B,GAAI;gBAE3F,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,qDAAyB,GAAI;gBACxF,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,iDAAuB,GAAI;gBAEnF,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI,CACxD,CACL,CAChB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import * as 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 { AccountReservationMultiplePage } from 'pages/account/Reservations/AccountReservationMultiplePage';\nimport { AccountReservationCancelledPage } from 'pages/account/Reservations/AccountReservationCancelledPage';\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            <PrivateRoute path=\"/account\">\n                <AccountOutlet>\n                    <Route path={AccountRoutes.Home.path} component={AccountHomePage} />\n                    <Route path={AccountRoutes.Reservations.matchPath} component={AccountReservationPage} exact={true} />\n\n                    <Route path={AccountRoutes.SingleReservation.matchPath} component={AccountReservationSinglePage} />\n\n                    <Route path=\"/account/reservation/single\" component={AccountReservationSinglePage} />\n                    <Route path=\"/account/reservation/multiple-with-addons\" component={AccountReservationMultiplePage} />\n                    <Route path=\"/account/reservation/cancelled\" component={AccountReservationCancelledPage} />\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            </PrivateRoute>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountRouter.js","sourceRoot":"/","sources":["src/pages/account/AccountRouter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uDAAyC;AACzC,iEAA8D;AAC9D,iFAA8E;AAC9E,kGAA8F;AAC9F,4GAAyG;AACzG,gHAA6G;AAC7G,kHAA+G;AAC/G,iGAA8F;AAC9F,6FAA0F;AAC1F,0EAAuE;AACvE,mDAAgD;AAChD,gEAA6D;AAEtD,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH;QACI,oBAAC,2BAAY,IAAC,IAAI,EAAC,UAAU;YACzB,oBAAC,6BAAa;gBACV,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI;gBACpE,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,gDAAsB,EAAE,KAAK,EAAE,IAAI,GAAI;gBAErG,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,2DAA4B,GAAI;gBAEnG,oBAAC,wBAAK,IAAC,IAAI,EAAC,6BAA6B,EAAC,SAAS,EAAE,2DAA4B,GAAI;gBACrF,oBAAC,wBAAK,IAAC,IAAI,EAAC,2CAA2C,EAAC,SAAS,EAAE,+DAA8B,GAAI;gBACrG,oBAAC,wBAAK,IAAC,IAAI,EAAC,gCAAgC,EAAC,SAAS,EAAE,iEAA+B,GAAI;gBAE3F,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,qDAAyB,GAAI;gBACxF,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,iDAAuB,GAAI;gBAEnF,oBAAC,wBAAK,IAAC,IAAI,EAAE,6BAAa,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAe,GAAI,CACxD,CACL,CAChB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import * as 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 { AccountReservationMultiplePage } from '@/pages/account/Reservations/AccountReservationMultiplePage';\nimport { AccountReservationCancelledPage } from '@/pages/account/Reservations/AccountReservationCancelledPage';\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            <PrivateRoute path=\"/account\">\n                <AccountOutlet>\n                    <Route path={AccountRoutes.Home.path} component={AccountHomePage} />\n                    <Route path={AccountRoutes.Reservations.matchPath} component={AccountReservationPage} exact={true} />\n\n                    <Route path={AccountRoutes.SingleReservation.matchPath} component={AccountReservationSinglePage} />\n\n                    <Route path=\"/account/reservation/single\" component={AccountReservationSinglePage} />\n                    <Route path=\"/account/reservation/multiple-with-addons\" component={AccountReservationMultiplePage} />\n                    <Route path=\"/account/reservation/cancelled\" component={AccountReservationCancelledPage} />\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            </PrivateRoute>\n        </>\n    );\n};\n"]}

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

@@ -39,18 +39,18 @@ exports.AccountDetailsCardsPage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-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 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 PaymentCardInput_1 = require("components/generic/PaymentCard/PaymentCardInput");
+const CardList_1 = require("@/components/pages/Account/Card/CardList");
+const Text_1 = __importDefault(require("@/components/generic/Text"));
+const PaymentCardInput_1 = require("@/components/generic/PaymentCard/PaymentCardInput");
 const contexts_1 = require("@frontend/contexts");
-const MembersServiceAPI_1 = require("api/members-service/MembersServiceAPI");
+const MembersServiceAPI_1 = require("@/api/members-service/MembersServiceAPI");
 const Fade_1 = __importDefault(require("animations/Fade"));
-const AccountDetailsNoCardsPage_1 = require("pages/account/Details/AccountDetailsNoCardsPage");
-const LargeLoader_1 = __importDefault(require("components/generic/loader/LargeLoader"));
+const AccountDetailsNoCardsPage_1 = require("@/pages/account/Details/AccountDetailsNoCardsPage");
+const LargeLoader_1 = __importDefault(require("@/components/generic/loader/LargeLoader"));
 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 * as React from 'react';\nimport { 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 { IRoomstayMemberCards } from '@roomstay/core';\nimport FadeAnimation from 'animations/Fade';\nimport { AccountDetailsNoCardsPage } from 'pages/account/Details/AccountDetailsNoCardsPage';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards, updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username,\n        }),\n        [roomstayMember]\n    );\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(null);\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        // Check if selected card is not there anymore\n        let cardExists = false;\n        if (selectedCard) {\n            for (const newCard of memberCards) {\n                if (newCard.cardId === selectedCard.cardId) {\n                    cardExists = true;\n                    break;\n                }\n            }\n        }\n\n        // Check if user has no cards, set the selected card to be empty in that case.\n        if (memberCards.length === 0) {\n            setSelectedCard(emptyCard);\n            return;\n        }\n\n        if (((!selectedCard || selectedCard?.cardId === emptyCard.cardId) && memberCards.length > 0) || (!cardExists && selectedCard?.cardId !== '')) {\n            if (roomstayMember?.defaultCard) {\n                for (const card of memberCards) {\n                    if (card.cardId === roomstayMember.defaultCard) {\n                        setSelectedCard(memberCards[0]);\n                        return;\n                    }\n                }\n            }\n\n            setSelectedCard(memberCards[0]);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<void> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail(newCard);\n            });\n        } else\n            EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail(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 });\n\n        try {\n        } catch (ex) {}\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={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size={'extra-large'} bold={true}>\n                    Payment Information\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                            Saved Cards\n                        </Text>\n\n                        <CardList onNewCardClicked={onNewCardClicked} value={selectedCard} onChange={(selectedCard) => setSelectedCard(selectedCard)} options={memberCards} />\n                    </div>\n                    <PaymentCardInput card={selectedCard} onSubmit={onCardChangedSubmit} onDeleteClicked={onDeleteClicked} onMarkedAsDefaultClicked={onMarkedAsDefault} />\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 * as React from 'react';\nimport { 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 { IRoomstayMemberCards } from '@roomstay/core';\nimport FadeAnimation from 'animations/Fade';\nimport { AccountDetailsNoCardsPage } from '@/pages/account/Details/AccountDetailsNoCardsPage';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\n\nexport const AccountDetailsCardsPage = (ref: any) => {\n    const { roomstayMember, cards: memberCards, updateCardToMemberDetail, fetchRoomstayMember, updateMemberDetails, loading } = useContext(RoomstayMemberContext);\n    const emptyCard = useMemo(\n        () => ({\n            cardId: '',\n            cardNumber: '',\n            expiry: '',\n            name: '',\n            securityCode: '',\n            type: '',\n            username: roomstayMember?.username,\n        }),\n        [roomstayMember]\n    );\n\n    const [selectedCard, setSelectedCard] = useState<IRoomstayMemberCards>(null);\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        // Check if selected card is not there anymore\n        let cardExists = false;\n        if (selectedCard) {\n            for (const newCard of memberCards) {\n                if (newCard.cardId === selectedCard.cardId) {\n                    cardExists = true;\n                    break;\n                }\n            }\n        }\n\n        // Check if user has no cards, set the selected card to be empty in that case.\n        if (memberCards.length === 0) {\n            setSelectedCard(emptyCard);\n            return;\n        }\n\n        if (((!selectedCard || selectedCard?.cardId === emptyCard.cardId) && memberCards.length > 0) || (!cardExists && selectedCard?.cardId !== '')) {\n            if (roomstayMember?.defaultCard) {\n                for (const card of memberCards) {\n                    if (card.cardId === roomstayMember.defaultCard) {\n                        setSelectedCard(memberCards[0]);\n                        return;\n                    }\n                }\n            }\n\n            setSelectedCard(memberCards[0]);\n        }\n    }, [roomstayMember, memberCards?.length]);\n\n    const onNewCardClicked = () => {\n        setSelectedCard(emptyCard);\n    };\n\n    const onCardChangedSubmit = async (card: IRoomstayMemberCards): Promise<void> => {\n        // TODO: Add loading\n        if (!card.cardId) {\n            AddMemberCard(card).then((newCard) => {\n                setSelectedCard({ ...card, ...newCard });\n                updateCardToMemberDetail(newCard);\n            });\n        } else\n            EditMemberCard(card).then((res) => {\n                setSelectedCard(card);\n                updateCardToMemberDetail(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 });\n\n        try {\n        } catch (ex) {}\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={true} icon={IconType.ArrowLeft} size={'small'}>\n                        BACK TO YOUR ACCOUNT\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy@m\">\n                <Headline size={'extra-large'} bold={true}>\n                    Payment Information\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                            Saved Cards\n                        </Text>\n\n                        <CardList onNewCardClicked={onNewCardClicked} value={selectedCard} onChange={(selectedCard) => setSelectedCard(selectedCard)} options={memberCards} />\n                    </div>\n                    <PaymentCardInput card={selectedCard} onSubmit={onCardChangedSubmit} onDeleteClicked={onDeleteClicked} onMarkedAsDefaultClicked={onMarkedAsDefault} />\n                </div>\n            </FadeAnimation>\n            {!isAddingCard && <AccountDetailsNoCardsPage onAddNewCard={() => setIsAddingCard(true)} />}\n        </>\n    );\n};\n"]}

package/dist/src/pages/account/Details/AccountDetailsNoCardsPage.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BEButtonProps } from 'components/generic/BEButton';
+import { BEButtonProps } from '@/components/generic/BEButton';
 interface AccountDetailsNoCardsPageProps {
     onAddNewCard?: BEButtonProps['onClick'];
 }

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

@@ -30,12 +30,12 @@ exports.AccountDetailsNoCardsPage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
-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 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("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+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,6CAA+B;AAC/B,iCAAuC;AACvC,iGAAyE;AACzE,2EAAmD;AACnD,sCAAmC;AACnC,gEAAyD;AACzD,2EAAsE;AACtE,iDAA0D;AAC1D,iEAAyC;AAKlC,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;IAEzD,OAAO,CACH,6BAAK,SAAS,EAAC,8BAA8B;QACzC,6BAAK,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,EAAE,GAAG,EAAC,EAAE,GAAG;QACtI,oBAAC,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,oCAExF;QACX,oBAAC,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,oBAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,mBAElE,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,yBAAyB,6BAyBpC","sourcesContent":["import * as React from 'react';\nimport { 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';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <img className=\"u-max-width-full\" src={RoomstayThemeEngine.getImageAssetUrl('account/account-details-no-cards-graphic.svg')} alt=\"\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                You don&apos;t have any cards yet!\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                Add new card\n            </BEButton>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsNoCardsPage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsNoCardsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAuC;AACvC,iGAAyE;AACzE,6EAAqD;AACrD,wCAAqC;AACrC,kEAA2D;AAC3D,6EAAwE;AACxE,iDAA0D;AAC1D,mEAA2C;AAKpC,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;IAEzD,OAAO,CACH,6BAAK,SAAS,EAAC,8BAA8B;QACzC,6BAAK,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,CAAC,8CAA8C,CAAC,EAAE,GAAG,EAAC,EAAE,GAAG;QACtI,oBAAC,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,oCAExF;QACX,oBAAC,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,oBAAC,kBAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,QAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,mBAElE,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,yBAAyB,6BAyBpC","sourcesContent":["import * as React from 'react';\nimport { 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';\n\ninterface AccountDetailsNoCardsPageProps {\n    onAddNewCard?: BEButtonProps['onClick'];\n}\nexport const AccountDetailsNoCardsPage: FC<AccountDetailsNoCardsPageProps> = ({ onAddNewCard }) => {\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n\n    return (\n        <div className=\"u-align-center u-marg-top@m-\">\n            <img className=\"u-max-width-full\" src={RoomstayThemeEngine.getImageAssetUrl('account/account-details-no-cards-graphic.svg')} alt=\"\" />\n            <Headline className=\"u-marg-top--heavy\" bold size={isMobile ? 'normal' : 'large'} color={Color.Navy}>\n                You don&apos;t have any cards yet!\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                Add new card\n            </BEButton>\n        </div>\n    );\n};\n"]}

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

@@ -40,17 +40,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountDetailsProfilePage = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-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 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 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 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 Color_1 = require("@/util/Color");
 const contexts_1 = require("@frontend/contexts");
 const Validation_1 = require("../../../util/Validation");
 const PasswordBox_1 = require("../../../components/generic/PasswordBox/PasswordBox");

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsProfilePage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsProfilePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\n\nimport BEButton from 'components/generic/BEButton';\nimport EnhancedPhoneNumberField from 'components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport Headline from 'components/generic/Headline';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport LineBreak from 'components/generic/LineBreak';\nimport Text, { TextType } from 'components/generic/Text';\nimport TextBox from 'components/generic/TextBox';\nimport StepConfirmationCountrySelector from 'components/steps/confirmation/StepConfirmationCountrySelector';\n\nimport { Controller, FieldError, useForm } from 'react-hook-form';\nimport { Link } from 'react-router-dom';\nimport { Color } from 'util/Color';\nimport type { IRoomstayMember } from '@roomstay/core';\n\nimport { NotificationContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { isPassWordMatch, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../../components/generic/PasswordBox/PasswordBox';\nimport { AccountRoutes } from '../AccountRoutes';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n    hint?: string;\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, hint, error } = props;\n    return (\n        <div className=\"row u-marg-bottom--heavy\">\n            <div className=\"col-md-4\">\n                <Text type={TextType.Small} bold={true}>\n                    {label}\n                </Text>\n            </div>\n            <div className=\"col-md-8\">\n                {component}\n                {!!error && (\n                    <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                        {error.message}\n                    </p>\n                )}\n\n                {!!hint && (\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {hint}\n                    </Text>\n                )}\n            </div>\n        </div>\n    );\n};\n\ntype FormValues = IRoomstayMember & {\n    password: string;\n    passwordRepeat: string;\n};\n\nexport const AccountDetailsProfilePage = () => {\n    const { roomstayMember, loading: isLoadingMember, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const notifications = useContext(NotificationContext);\n\n    const { t } = useTranslation();\n\n    const {\n        watch,\n        register,\n        formState: { errors, isDirty },\n        handleSubmit,\n        reset: resetFormValues,\n        control,\n    } = useForm<FormValues>({\n        mode: 'onChange',\n    });\n\n    const getErrorValidationClass = (name: keyof FormValues): 'error' | undefined => (errors[name] ? 'error' : undefined);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            resetFormValues(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    const onSaveDetails = (values: FormValues) => {\n        updateMemberDetails(values).then(() => {\n            notifications.addNotification({\n                icon: IconType.Check,\n                children: <Text>Details saved succesfully</Text>,\n                ttl: 500,\n            });\n        });\n    };\n\n    const saveButtonDisabled = !isDirty || isLoadingMember || !!Object.keys(errors).length;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText={true} 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={true}>\n                    Profile Information\n                </Headline>\n            </div>\n            <form onSubmit={handleSubmit(onSaveDetails)}>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div>\n                            <LabelAndInputGroup\n                                label=\"First Name\"\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: {\n                                                message: 'First name is required',\n                                                value: true,\n                                            },\n                                        })}\n                                    />\n                                }\n                                error={errors.forename}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Last Name\"\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: {\n                                                message: 'Last name is required',\n                                                value: true,\n                                            },\n                                        })}\n                                    />\n                                }\n                                error={errors.surname}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Email Address\"\n                                component={<TextBox validationStatus={getErrorValidationClass('email')} inputProps={{ disabled: true }} value={roomstayMember?.email} />}\n                                error={errors.email}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Phone Number\"\n                                component={\n                                    <Controller\n                                        rules={{\n                                            pattern: {\n                                                value: /.*\\s\\d+/,\n                                                message: 'Phone Number is required',\n                                            },\n                                        }}\n                                        control={control}\n                                        name=\"phoneNumber\"\n                                        render={({ field }) => {\n                                            return (\n                                                <EnhancedPhoneNumberField\n                                                    {...field}\n                                                    onChange={(e: any) => {\n                                                        field.onChange(e);\n                                                    }}\n                                                    validationStatus={getErrorValidationClass('phoneNumber')}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                }\n                                error={errors.phoneNumber}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup\n                                label=\"Password\"\n                                component={\n                                    <PasswordBox\n                                        placeholder=\"•••••••••••••••\"\n                                        {...register('password', {\n                                            pattern: passwordPatternRule,\n                                        })}\n                                        validationStatus={getErrorValidationClass('password')}\n                                    />\n                                }\n                                hint=\"At least 8 characters long, case sensitive, can contain !$#%, no spaces.\"\n                                error={errors.password}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Repeat Password\"\n                                component={\n                                    <PasswordBox\n                                        placeholder=\"•••••••••••••••\"\n                                        {...register('passwordRepeat', {\n                                            required: {\n                                                value: !!watch('password'),\n                                                message: 'Repeat Password is required',\n                                            },\n                                            validate: {\n                                                isSame: isPassWordMatch(watch('password')),\n                                            },\n                                        })}\n                                        validationStatus={getErrorValidationClass('passwordRepeat')}\n                                    />\n                                }\n                                error={errors.passwordRepeat}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup label=\"Address\" component={<TextBox {...register('address.address')} />} />\n                            <LabelAndInputGroup label=\"City\" component={<TextBox {...register('address.city')} />} />\n                            <LabelAndInputGroup label=\"ZIP/Post Code\" component={<TextBox {...register('address.zip')} />} />\n                            <LabelAndInputGroup\n                                label=\"Country\"\n                                component={\n                                    <Controller\n                                        control={control}\n                                        name={'address.country'}\n                                        render={({ field }) => {\n                                            const { ref, ...rest } = field;\n                                            return <StepConfirmationCountrySelector {...rest} />;\n                                        }}\n                                    />\n                                }\n                            />\n                        </div>\n                    </div>\n                </div>\n\n                <div className=\"u-flex justify-content-start u-marg-top--heavy\">\n                    <Link to=\"/account/home\" className=\"u-marg-right\">\n                        <BEButton>Cancel</BEButton>\n                    </Link>\n                    <BEButton disabled={saveButtonDisabled} isLoading={isLoadingMember} primary={true} filled={true} htmlType=\"submit\">\n                        Save all changes\n                    </BEButton>\n                </div>\n            </form>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountDetailsProfilePage.js","sourceRoot":"/","sources":["src/pages/account/Details/AccountDetailsProfilePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport StepConfirmationCountrySelector from '@/components/steps/confirmation/StepConfirmationCountrySelector';\n\nimport { Controller, FieldError, useForm } from 'react-hook-form';\nimport { Link } from 'react-router-dom';\nimport { Color } from '@/util/Color';\nimport type { IRoomstayMember } from '@roomstay/core';\n\nimport { NotificationContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { isPassWordMatch, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../../components/generic/PasswordBox/PasswordBox';\nimport { AccountRoutes } from '../AccountRoutes';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n    hint?: string;\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, hint, error } = props;\n    return (\n        <div className=\"row u-marg-bottom--heavy\">\n            <div className=\"col-md-4\">\n                <Text type={TextType.Small} bold={true}>\n                    {label}\n                </Text>\n            </div>\n            <div className=\"col-md-8\">\n                {component}\n                {!!error && (\n                    <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                        {error.message}\n                    </p>\n                )}\n\n                {!!hint && (\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {hint}\n                    </Text>\n                )}\n            </div>\n        </div>\n    );\n};\n\ntype FormValues = IRoomstayMember & {\n    password: string;\n    passwordRepeat: string;\n};\n\nexport const AccountDetailsProfilePage = () => {\n    const { roomstayMember, loading: isLoadingMember, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const notifications = useContext(NotificationContext);\n\n    const { t } = useTranslation();\n\n    const {\n        watch,\n        register,\n        formState: { errors, isDirty },\n        handleSubmit,\n        reset: resetFormValues,\n        control,\n    } = useForm<FormValues>({\n        mode: 'onChange',\n    });\n\n    const getErrorValidationClass = (name: keyof FormValues): 'error' | undefined => (errors[name] ? 'error' : undefined);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            resetFormValues(roomstayMember);\n        }\n    }, [roomstayMember]);\n\n    const onSaveDetails = (values: FormValues) => {\n        updateMemberDetails(values).then(() => {\n            notifications.addNotification({\n                icon: IconType.Check,\n                children: <Text>Details saved succesfully</Text>,\n                ttl: 500,\n            });\n        });\n    };\n\n    const saveButtonDisabled = !isDirty || isLoadingMember || !!Object.keys(errors).length;\n\n    return (\n        <>\n            <div className=\"u-marg-top--heavy@m u-marg-top@- u-marg-bottom--heavy\">\n                <Link to={AccountRoutes.Home.path}>\n                    <BEButton isText={true} 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={true}>\n                    Profile Information\n                </Headline>\n            </div>\n            <form onSubmit={handleSubmit(onSaveDetails)}>\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <div>\n                            <LabelAndInputGroup\n                                label=\"First Name\"\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: {\n                                                message: 'First name is required',\n                                                value: true,\n                                            },\n                                        })}\n                                    />\n                                }\n                                error={errors.forename}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Last Name\"\n                                component={\n                                    <TextBox\n                                        validationStatus={getErrorValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: {\n                                                message: 'Last name is required',\n                                                value: true,\n                                            },\n                                        })}\n                                    />\n                                }\n                                error={errors.surname}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Email Address\"\n                                component={<TextBox validationStatus={getErrorValidationClass('email')} inputProps={{ disabled: true }} value={roomstayMember?.email} />}\n                                error={errors.email}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Phone Number\"\n                                component={\n                                    <Controller\n                                        rules={{\n                                            pattern: {\n                                                value: /.*\\s\\d+/,\n                                                message: 'Phone Number is required',\n                                            },\n                                        }}\n                                        control={control}\n                                        name=\"phoneNumber\"\n                                        render={({ field }) => {\n                                            return (\n                                                <EnhancedPhoneNumberField\n                                                    {...field}\n                                                    onChange={(e: any) => {\n                                                        field.onChange(e);\n                                                    }}\n                                                    validationStatus={getErrorValidationClass('phoneNumber')}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                }\n                                error={errors.phoneNumber}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup\n                                label=\"Password\"\n                                component={\n                                    <PasswordBox\n                                        placeholder=\"•••••••••••••••\"\n                                        {...register('password', {\n                                            pattern: passwordPatternRule,\n                                        })}\n                                        validationStatus={getErrorValidationClass('password')}\n                                    />\n                                }\n                                hint=\"At least 8 characters long, case sensitive, can contain !$#%, no spaces.\"\n                                error={errors.password}\n                            />\n                            <LabelAndInputGroup\n                                label=\"Repeat Password\"\n                                component={\n                                    <PasswordBox\n                                        placeholder=\"•••••••••••••••\"\n                                        {...register('passwordRepeat', {\n                                            required: {\n                                                value: !!watch('password'),\n                                                message: 'Repeat Password is required',\n                                            },\n                                            validate: {\n                                                isSame: isPassWordMatch(watch('password')),\n                                            },\n                                        })}\n                                        validationStatus={getErrorValidationClass('passwordRepeat')}\n                                    />\n                                }\n                                error={errors.passwordRepeat}\n                            />\n\n                            <LineBreak />\n\n                            <LabelAndInputGroup label=\"Address\" component={<TextBox {...register('address.address')} />} />\n                            <LabelAndInputGroup label=\"City\" component={<TextBox {...register('address.city')} />} />\n                            <LabelAndInputGroup label=\"ZIP/Post Code\" component={<TextBox {...register('address.zip')} />} />\n                            <LabelAndInputGroup\n                                label=\"Country\"\n                                component={\n                                    <Controller\n                                        control={control}\n                                        name={'address.country'}\n                                        render={({ field }) => {\n                                            const { ref, ...rest } = field;\n                                            return <StepConfirmationCountrySelector {...rest} />;\n                                        }}\n                                    />\n                                }\n                            />\n                        </div>\n                    </div>\n                </div>\n\n                <div className=\"u-flex justify-content-start u-marg-top--heavy\">\n                    <Link to=\"/account/home\" className=\"u-marg-right\">\n                        <BEButton>Cancel</BEButton>\n                    </Link>\n                    <BEButton disabled={saveButtonDisabled} isLoading={isLoadingMember} primary={true} filled={true} htmlType=\"submit\">\n                        Save all changes\n                    </BEButton>\n                </div>\n            </form>\n        </>\n    );\n};\n"]}

package/dist/src/pages/account/Help/AccountHelpPage.js

@@ -37,24 +37,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountHelpPage = void 0;
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const Alert_1 = __importStar(require("components/generic/Alert"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-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 TextArea_1 = __importDefault(require("components/generic/TextArea"));
-const TextBox_1 = __importDefault(require("components/generic/TextBox"));
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+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 TextArea_1 = __importDefault(require("@/components/generic/TextArea"));
+const TextBox_1 = __importDefault(require("@/components/generic/TextBox"));
 const React = __importStar(require("react"));
 const react_1 = 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 Color_1 = require("util/Color");
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
+const Color_1 = require("@/util/Color");
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
 const hooks_1 = require("@frontend/hooks");
 const AccountRoutes_1 = require("../AccountRoutes");
-const EnhancedPhoneNumberField_1 = __importDefault(require("components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
 const AccountHelpPage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();