diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx index c4e579865b..ff44868a5d 100644 --- a/packages/features/bookings/Booker/Booker.tsx +++ b/packages/features/bookings/Booker/Booker.tsx @@ -431,7 +431,8 @@ const BookerComponent = ({ isPrivateLink={!!hashedLink} locale={userLocale} timeZones={timeZones} - roundRobinHideOrgAndTeam={roundRobinHideOrgAndTeam}> + roundRobinHideOrgAndTeam={roundRobinHideOrgAndTeam} + hideEventTypeDetails={hideEventTypeDetails}> {eventMetaChildren} )} diff --git a/packages/features/bookings/Booker/components/EventMeta.tsx b/packages/features/bookings/Booker/components/EventMeta.tsx index 5cd8acf2e7..9629bf2d6e 100644 --- a/packages/features/bookings/Booker/components/EventMeta.tsx +++ b/packages/features/bookings/Booker/components/EventMeta.tsx @@ -4,7 +4,6 @@ import { useEffect, useMemo } from "react"; import { shallow } from "zustand/shallow"; import { Timezone as PlatformTimezoneSelect } from "@calcom/atoms/timezone"; -import { useEmbedUiConfig, useIsEmbed } from "@calcom/embed-core/embed-iframe"; import { EventDetails, EventMembers, EventMetaSkeleton, EventTitle } from "@calcom/features/bookings"; import { useBookerStoreContext } from "@calcom/features/bookings/Booker/BookerStoreProvider"; import type { Timezone } from "@calcom/features/bookings/Booker/types"; @@ -56,6 +55,7 @@ export const EventMeta = ({ children, selectedTimeslot, roundRobinHideOrgAndTeam, + hideEventTypeDetails = false, }: { event?: Pick< BookerEvent, @@ -94,6 +94,7 @@ export const EventMeta = ({ children?: React.ReactNode; selectedTimeslot: string | null; roundRobinHideOrgAndTeam?: boolean; + hideEventTypeDetails?: boolean; }) => { const { timeFormat, timezone } = useBookerTime(); const [setTimezone] = useTimePreferences((state) => [state.setTimezone]); @@ -107,9 +108,6 @@ export const EventMeta = ({ shallow ); const { i18n, t } = useLocale(); - const embedUiConfig = useEmbedUiConfig(); - const isEmbed = useIsEmbed(); - const hideEventTypeDetails = isEmbed ? embedUiConfig.hideEventTypeDetails : false; const [TimezoneSelect] = useMemo( () => (isPlatform ? [PlatformTimezoneSelect] : [WebTimezoneSelect]), [isPlatform] diff --git a/packages/features/bookings/Booker/components/hooks/useBookerLayout.ts b/packages/features/bookings/Booker/components/hooks/useBookerLayout.ts index c228bf1334..9694379aee 100644 --- a/packages/features/bookings/Booker/components/hooks/useBookerLayout.ts +++ b/packages/features/bookings/Booker/components/hooks/useBookerLayout.ts @@ -56,7 +56,7 @@ export const useBookerLayout = ( layout !== _layout ) { const validLayout = bookerLayouts.enabledLayouts.find((userLayout) => userLayout === layout); - validLayout && setLayout(validLayout); + if (validLayout) setLayout(validLayout); } }, [bookerLayouts, setLayout, _layout, isEmbed, isMobile]); @@ -76,7 +76,12 @@ export const useBookerLayout = ( const shouldShowFormInDialog = shouldShowFormInDialogMap[layout]; - const hideEventTypeDetails = isEmbed ? embedUiConfig.hideEventTypeDetails : false; + const hideEventTypeDetailsParam = getQueryParam("hideEventTypeDetails"); + const hideEventTypeDetails = isEmbed + ? embedUiConfig.hideEventTypeDetails + : typeof hideEventTypeDetailsParam === "string" + ? hideEventTypeDetailsParam === "true" + : false; return { shouldShowFormInDialog,