scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix(BOOK-659)-multiroom-name-check (pull request #3384)

Browse Source 
fix(BOOK-659): trim names for multiroom booking

* fix(BOOK-659): trim names for multiroom booking


Approved-by: Matilda Haneling
This commit is contained in:
Matilda Landström
2025-12-30 10:02:36 +00:00
parent d2ffb32f84
commit 15626d49af
4 changed files with 27 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/scandic-web/components/ContentType/StartPage/Blocks/index.tsx
View File

@@ -45,6 +45,7 @@ export function Blocks({ blocks }: BlocksProps) {
case BlocksEnums.block.FullWidthCampaign:
return (
<FullWidthCampaign
key={`${block.typename}-${idx}`}
content={block.full_width_campaign}
headingLevel={headingLevel}
/>

21
packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/index.tsx
View File

@@ -7,9 +7,9 @@ import { useIntl } from "react-intl"
import { usePhoneNumberParsing } from "@scandic-hotels/common/hooks/usePhoneNumberParsing"
import { getDefaultCountryFromLang } from "@scandic-hotels/common/utils/phone"
import Footnote from "@scandic-hotels/design-system/Footnote"
import CountrySelect from "@scandic-hotels/design-system/Form/Country"
import Phone from "@scandic-hotels/design-system/Form/Phone"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { useFormTracking } from "@scandic-hotels/tracking/useFormTracking"
import { useBookingFlowConfig } from "../../../../bookingFlowConfig/bookingFlowConfigContext"
@@ -198,17 +198,14 @@ export default function Details() {
<JoinScandicCard updateDetailsStore={updateDetailsStore} />
)}
<div className={styles.container}>
<Footnote
color="uiTextHighContrast"
textTransform="uppercase"
type="label"
className={styles.fullWidth}
>
{intl.formatMessage({
id: "enterDetails.roomInfo.title",
defaultMessage: "Guest information",
})}
</Footnote>
<Typography variant="Title/Overline/sm" className={styles.fullWidth}>
<p>
{intl.formatMessage({
id: "enterDetails.roomInfo.title",
defaultMessage: "Guest information",
})}
</p>
</Typography>
<div
ref={(el) => {
refs.current.firstName = el

12
packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/schema.ts
View File

@@ -61,8 +61,10 @@ export function getMultiroomDetailsSchema(
(data) =>
!crossValidationData.some(
(room) =>
room.firstName?.toLowerCase() === data.firstName.toLowerCase() &&
room.lastName?.toLowerCase() === data.lastName.toLowerCase()
room.firstName?.toLowerCase().trim() ===
data.firstName.toLowerCase().trim() &&
room.lastName?.toLowerCase().trim() ===
data.lastName.toLowerCase().trim()
),
{
message: multiroomErrors.FIRST_AND_LAST_NAME_UNIQUE,
@@ -73,8 +75,10 @@ export function getMultiroomDetailsSchema(
(data) =>
!crossValidationData.some(
(room) =>
room.firstName?.toLowerCase() === data.firstName.toLowerCase() &&
room.lastName?.toLowerCase() === data.lastName.toLowerCase()
room.firstName?.toLowerCase().trim() ===
data.firstName.toLowerCase().trim() &&
room.lastName?.toLowerCase().trim() ===
data.lastName.toLowerCase().trim()
),
{
message: multiroomErrors.FIRST_AND_LAST_NAME_UNIQUE,

21
packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/index.tsx
View File

@@ -7,9 +7,9 @@ import { useIntl } from "react-intl"
import { usePhoneNumberParsing } from "@scandic-hotels/common/hooks/usePhoneNumberParsing"
import { getDefaultCountryFromLang } from "@scandic-hotels/common/utils/phone"
import Footnote from "@scandic-hotels/design-system/Footnote"
import CountrySelect from "@scandic-hotels/design-system/Form/Country"
import Phone from "@scandic-hotels/design-system/Form/Phone"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { useFormTracking } from "@scandic-hotels/tracking/useFormTracking"
import { useBookingFlowConfig } from "../../../../bookingFlowConfig/bookingFlowConfigContext"
@@ -208,17 +208,14 @@ export default function Details({ user }: DetailsProps) {
<JoinScandicCard updateDetailsStore={updateDetailsStore} />
) : null}
<div className={styles.container}>
<Footnote
color="uiTextHighContrast"
textTransform="uppercase"
type="label"
className={styles.fullWidth}
>
{intl.formatMessage({
id: "enterDetails.roomInfo.title",
defaultMessage: "Guest information",
})}
</Footnote>
<Typography variant="Title/Overline/sm" className={styles.fullWidth}>
<p>
{intl.formatMessage({
id: "enterDetails.roomInfo.title",
defaultMessage: "Guest information",
})}
</p>
</Typography>
<div
ref={(el) => {
refs.current.firstName = el