diff --git a/packages/booking-flow/lib/components/SignupPromo/Desktop.tsx b/packages/booking-flow/lib/components/SignupPromo/Desktop.tsx
index d71236e54..4527a8221 100644
--- a/packages/booking-flow/lib/components/SignupPromo/Desktop.tsx
+++ b/packages/booking-flow/lib/components/SignupPromo/Desktop.tsx
@@ -6,6 +6,8 @@ import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
import Caption from "@scandic-hotels/design-system/Caption"
import Footnote from "@scandic-hotels/design-system/Footnote"
+import { useBookingFlowConfig } from "../../bookingFlowConfig/bookingFlowConfigContext"
+
import styles from "./signupPromo.module.css"
type SignupPromoProps = {
@@ -36,38 +38,71 @@ export default function SignupPromoDesktop({
>
{badgeContent && {badgeContent}}
- {isEnterDetailsPage
- ? intl.formatMessage(
- {
- id: "signup.toGetTheMemberRoomPrice",
- defaultMessage:
- "To get the member room price {price}, log in or join when completing the booking.",
- },
- {
- span: (str) => (
-
- {str}
-
- ),
- price,
- }
- )
- : intl.formatMessage(
- {
- id: "signup.toGetTheMemberPrice",
- defaultMessage:
- "To get the member price {price}, log in or join when completing the booking.",
- },
- {
- span: (str) => (
-
- {str}
-
- ),
- price,
- }
- )}
+
) : null
}
+
+function Message({
+ price,
+ isEnterDetailsPage,
+}: {
+ price: string
+ isEnterDetailsPage: boolean
+}) {
+ const intl = useIntl()
+ const config = useBookingFlowConfig()
+
+ if (config.variant === "partner-sas") {
+ return intl.formatMessage(
+ {
+ id: "signup.toGetTheScandicMemberPrice",
+ defaultMessage:
+ "To get the Scandic member price {price}, enter your ID or join while booking.",
+ },
+ {
+ span: (str) => (
+
+ {str}
+
+ ),
+ price,
+ }
+ )
+ }
+
+ if (isEnterDetailsPage) {
+ return intl.formatMessage(
+ {
+ id: "signup.toGetTheMemberRoomPrice",
+ defaultMessage:
+ "To get the member room price {price}, log in or join when completing the booking.",
+ },
+ {
+ span: (str) => (
+
+ {str}
+
+ ),
+ price,
+ }
+ )
+ }
+
+ return intl.formatMessage(
+ {
+ id: "signup.toGetTheMemberPrice",
+ defaultMessage:
+ "To get the member price {price}, log in or join when completing the booking.",
+ },
+ {
+ span: (str) => (
+
+ {str}
+
+ ),
+ price,
+ }
+ )
+}
diff --git a/packages/booking-flow/lib/components/SignupPromo/Mobile.tsx b/packages/booking-flow/lib/components/SignupPromo/Mobile.tsx
index 2267aa956..a1cf70fc2 100644
--- a/packages/booking-flow/lib/components/SignupPromo/Mobile.tsx
+++ b/packages/booking-flow/lib/components/SignupPromo/Mobile.tsx
@@ -4,21 +4,36 @@ import { useIntl } from "react-intl"
import Footnote from "@scandic-hotels/design-system/Footnote"
+import { useBookingFlowConfig } from "../../bookingFlowConfig/bookingFlowConfigContext"
+
import styles from "./signupPromo.module.css"
export default function SignupPromoMobile() {
- const intl = useIntl()
return (
- {intl.formatMessage({
- id: "signup.joinOrLoginForMemberPricing",
- defaultMessage: "Join or log in while booking for member pricing.",
- })}
+
)
}
+
+function Message() {
+ const intl = useIntl()
+ const config = useBookingFlowConfig()
+
+ if (config.variant === "partner-sas") {
+ return intl.formatMessage({
+ id: "signup.toGetTheScandicMemberPrice",
+ defaultMessage: "Enter ID or join to get the Scandic member price.",
+ })
+ }
+
+ return intl.formatMessage({
+ id: "signup.joinOrLoginForMemberPricing",
+ defaultMessage: "Join or log in while booking for member pricing.",
+ })
+}