diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css
index 8d66a8e9c..4a4e86140 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css
@@ -20,6 +20,14 @@
padding: var(--Space-x2);
}
+.refundPolicy {
+ color: var(--Text-Secondary);
+}
+
+.pointsAvailable {
+ text-align: end;
+}
+
.paymentInfo {
display: flex;
gap: var(--Space-x1);
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
index 51e54a358..eafd56de7 100755
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/index.tsx
@@ -2,7 +2,6 @@ import { useWatch } from "react-hook-form"
import { useIntl } from "react-intl"
import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
-import { dt } from "@scandic-hotels/common/dt"
import AccordionItem from "@scandic-hotels/design-system/Accordion/AccordionItem"
import { Alert } from "@scandic-hotels/design-system/Alert"
import { Divider } from "@scandic-hotels/design-system/Divider"
@@ -15,7 +14,6 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
import { useAddAncillaryStore } from "@/stores/my-stay/add-ancillary-flow"
import TermsAndConditions from "@/components/HotelReservation/MyStay/TermsAndConditions"
-import useLang from "@/hooks/useLang"
import { trackUpdatePaymentMethod } from "@/utils/tracking"
import Summary from "../Summary"
@@ -30,19 +28,15 @@ export default function ConfirmationStep({
error,
}: ConfirmationStepProps) {
const intl = useIntl()
- const lang = useLang()
- const { checkInDate, guaranteeInfo, selectedAncillary, booking } =
- useAddAncillaryStore((state) => ({
+ const { guaranteeInfo, selectedAncillary, booking } = useAddAncillaryStore(
+ (state) => ({
checkInDate: state.booking.checkInDate,
guaranteeInfo: state.booking.guaranteeInfo,
selectedAncillary: state.selectedAncillary,
booking: state.booking,
- }))
- const refundableDate = dt(checkInDate)
- .subtract(1, "day")
- .locale(lang)
- .format("23:59, dddd, D MMMM YYYY")
+ })
+ )
const mustBeGuaranteed = !guaranteeInfo && booking.isGuaranteeable
const quantityWithCard = useWatch({ name: "quantityWithCard" })
@@ -99,7 +93,7 @@ export default function ConfirmationStep({
+
{intl.formatMessage(
{
id: "addAncillary.confirmationStep.pointsAvailable",
@@ -112,7 +106,7 @@ export default function ConfirmationStep({
>
)}
- {!!quantityWithCard && (
+ {!!quantityWithCard ? (
<>
- {intl.formatMessage(
- {
- id: "addAncillary.confirmationStep.refundPolicy",
- defaultMessage:
- "All ancillaries are fully refundable until {date}. Time selection and special requests are also modifiable.",
- },
- { date: refundableDate }
- )}
+
+ {intl.formatMessage({
+ id: "addAncillary.confirmationStep.refundPolicyNightBefore",
+ defaultMessage:
+ "All extras can be cancelled until 23:59 the night before arrival. Time selection and special requests can also be modified.",
+ })}
+ {intl.formatMessage({
+ id: "addAncillary.confirmationStep.refundPolicyNightBefore",
+ defaultMessage:
+ "All extras can be cancelled until 23:59 the night before arrival. Time selection and special requests can also be modified.",
+ })}
+
@@ -123,15 +117,12 @@ export default function ConfirmationStep({