diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx
index 6f4090b315..bdd2eb10c9 100644
--- a/packages/features/bookings/Booker/Booker.tsx
+++ b/packages/features/bookings/Booker/Booker.tsx
@@ -327,42 +327,46 @@ const BookerComponent = ({
)}
)}
-
-
- {!hideEventTypeDetails && orgBannerUrl && !isPlatform && (
-
- )}
-
- {layout !== BookerLayouts.MONTH_VIEW &&
- !(layout === "mobile" && bookerState === "booking") && (
-
-
-
+ {!hideEventTypeDetails && (
+
+
+ {orgBannerUrl && !isPlatform && (
+
)}
-
-
+
+ {layout !== BookerLayouts.MONTH_VIEW &&
+ !(layout === "mobile" && bookerState === "booking") && (
+
+
+
+ )}
+
+
+ )}
{EventBooker}
@@ -374,7 +378,9 @@ const BookerComponent = ({
visible={bookerState !== "booking" && layout === BookerLayouts.MONTH_VIEW}
{...fadeInLeft}
initial="visible"
- className="md:border-subtle ml-[-1px] h-full flex-shrink px-5 py-3 md:border-l lg:w-[var(--booker-main-width)]">
+ className={`ml-[-1px] h-full flex-shrink px-5 py-3 lg:w-[var(--booker-main-width)] ${
+ !hideEventTypeDetails ? "md:border-subtle md:border-l" : ""
+ }`}>
;
-export const useBookerLayout = (event: Pick | undefined | null) => {
+type Options = {
+ hideEventTypeDetails?: boolean;
+};
+
+export const useBookerLayout = (
+ event: Pick | undefined | null,
+ options?: Options
+) => {
const [_layout, setLayout] = useBookerStore((state) => [state.layout, state.setLayout], shallow);
const isEmbed = useIsEmbed();
const isMobile = useMediaQuery("(max-width: 768px)");
@@ -74,7 +81,7 @@ export const useBookerLayout = (event: Pick | undefined
const shouldShowFormInDialog = shouldShowFormInDialogMap[layout];
- const hideEventTypeDetails = isEmbed ? embedUiConfig.hideEventTypeDetails : false;
+ const hideEventTypeDetails = isEmbed ? embedUiConfig.hideEventTypeDetails : !!options?.hideEventTypeDetails;
return {
shouldShowFormInDialog,
diff --git a/packages/platform/atoms/booker/BookerPlatformWrapper.tsx b/packages/platform/atoms/booker/BookerPlatformWrapper.tsx
index 56ea8e0854..5a89092e92 100644
--- a/packages/platform/atoms/booker/BookerPlatformWrapper.tsx
+++ b/packages/platform/atoms/booker/BookerPlatformWrapper.tsx
@@ -76,6 +76,7 @@ export type BookerPlatformWrapperAtomProps = Omit<
locationUrl?: string;
view?: VIEW_TYPE;
metadata?: Record;
+ hideEventTypeDetails?: boolean;
};
type VIEW_TYPE = keyof typeof BookerLayouts;
@@ -180,7 +181,7 @@ export const BookerPlatformWrapper = (
event.data.length = props.duration;
}
- const bookerLayout = useBookerLayout(event.data);
+ const bookerLayout = useBookerLayout(event.data, { hideEventTypeDetails: props.hideEventTypeDetails });
useInitializeBookerStore({
...props,
eventId: event.data?.id,