fix: ai translations description for atoms

packages/features/bookings/Booker/Booker.tsx

@@ -67,15 +67,12 @@ const BookerComponent = ({
   isPlatform,
   orgBannerUrl,
   customClassNames,
+  areInstantMeetingParametersSet = false,
+  i18nLocales = ["en"],
 }: BookerProps & WrappedBookerProps) => {
   const { t } = useLocale();
   const searchParams = useSearchParams();
 
-  const areInstantMeetingParametersSet = !!event.data?.instantMeetingParameters
-    ? searchParams &&
-      event.data.instantMeetingParameters.every((param) => Array.from(searchParams.values()).includes(param))
-    : true;
-
   const [bookerState, setBookerState] = useBookerStore((state) => [state.state, state.setState], shallow);
   const selectedDate = useBookerStore((state) => state.selectedDate);
   const {
@@ -358,6 +355,7 @@ const BookerComponent = ({
                   event={event.data}
                   isPending={event.isPending}
                   isPlatform={isPlatform}
+                  i18nLocales={i18nLocales}
                 />
                 {layout !== BookerLayouts.MONTH_VIEW &&
                   !(layout === "mobile" && bookerState === "booking") && (

packages/features/bookings/Booker/components/EventMeta.tsx

@@ -1,5 +1,4 @@
 import { m } from "framer-motion";
-import { useSession } from "next-auth/react";
 import dynamic from "next/dynamic";
 import { useEffect, useMemo } from "react";
 import { shallow } from "zustand/shallow";
@@ -12,7 +11,6 @@ import { EventMetaBlock } from "@calcom/features/bookings/components/event-meta/
 import { useTimePreferences } from "@calcom/features/bookings/lib";
 import type { BookerEvent } from "@calcom/features/bookings/types";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { locales as i18nLocales } from "@calcom/lib/i18n";
 import { EventTypeAutoTranslatedField } from "@calcom/prisma/enums";
 
 import { fadeInUp } from "../config";
@@ -31,6 +29,8 @@ export const EventMeta = ({
   isPending,
   isPlatform = true,
   classNames,
+  locale,
+  i18nLocales,
 }: {
   event?: Pick<
     BookerEvent,
@@ -61,8 +61,9 @@ export const EventMeta = ({
     eventMetaTitle?: string;
     eventMetaTimezoneSelect?: string;
   };
+  locale?: string | null;
+  i18nLocales: string[];
 }) => {
-  const session = useSession();
   const { setTimezone, timeFormat, timezone } = useTimePreferences();
   const selectedDuration = useBookerStore((state) => state.selectedDuration);
   const selectedTimeslot = useBookerStore((state) => state.selectedTimeslot);
@@ -107,7 +108,7 @@ export const EventMeta = ({
     : isHalfFull
     ? "text-yellow-500"
     : "text-bookinghighlight";
-  const userLocale = session.data?.user.locale ?? navigator.language;
+  const userLocale = locale ?? navigator.language;
   const translatedDescription = (event?.fieldTranslations ?? []).find(
     (trans) =>
       trans.field === EventTypeAutoTranslatedField.DESCRIPTION &&

packages/features/bookings/Booker/types.ts

@@ -90,6 +90,9 @@ export interface BookerProps {
   teamMemberEmail?: string | null;
   crmOwnerRecordType?: string | null;
   crmAppSlug?: string | null;
+  areInstantMeetingParametersSet?: boolean;
+  userLocale?: string | null;
+  i18nLocales?: string[];
 }
 
 export type WrappedBookerPropsMain = {

packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx

@@ -142,17 +142,19 @@ export const EventSetupTab = (
               </>
             )}
           </div>
-          <div className="[&_label]:my-1 [&_label]:font-normal">
-            <SettingsToggle
-              title={t("translate_description_button")}
-              checked={!!autoTranslateDescriptionEnabled}
-              onCheckedChange={(value) => {
-                formMethods.setValue("autoTranslateDescriptionEnabled", value, { shouldDirty: true });
-              }}
-              disabled={!orgId}
-              tooltip={!orgId ? t("orgs_upgrade_to_enable_feature") : undefined}
-            />
-          </div>
+          {!isPlatform && (
+            <div className="[&_label]:my-1 [&_label]:font-normal">
+              <SettingsToggle
+                title={t("translate_description_button")}
+                checked={!!autoTranslateDescriptionEnabled}
+                onCheckedChange={(value) => {
+                  formMethods.setValue("autoTranslateDescriptionEnabled", value, { shouldDirty: true });
+                }}
+                disabled={!orgId}
+                tooltip={!orgId ? t("orgs_upgrade_to_enable_feature") : undefined}
+              />
+            </div>
+          )}
           <TextField
             required
             label={isPlatform ? "Slug" : t("URL")}

packages/platform/atoms/booker/BookerWebWrapper.tsx

@@ -23,6 +23,7 @@ import { getLastBookingResponse } from "@calcom/features/bookings/Booker/utils/l
 import { useBrandColors } from "@calcom/features/bookings/Booker/utils/use-brand-colors";
 import { DEFAULT_LIGHT_BRAND_COLOR, DEFAULT_DARK_BRAND_COLOR, WEBAPP_URL } from "@calcom/lib/constants";
 import { useRouterQuery } from "@calcom/lib/hooks/useRouterQuery";
+import { locales as i18nLocales } from "@calcom/lib/i18n";
 import { BookerLayouts } from "@calcom/prisma/zod-utils";
 
 type BookerWebWrapperAtomProps = BookerProps;
@@ -181,6 +182,11 @@ export const BookerWebWrapper = (props: BookerWebWrapperAtomProps) => {
     theme: event.data?.profile.theme,
   });
 
+  const areInstantMeetingParametersSet = !!event.data?.instantMeetingParameters
+    ? searchParams &&
+      event.data.instantMeetingParameters.every((param) => Array.from(searchParams.values()).includes(param))
+    : true;
+
   return (
     <BookerComponent
       {...props}
@@ -219,6 +225,9 @@ export const BookerWebWrapper = (props: BookerWebWrapperAtomProps) => {
       schedule={schedule}
       verifyCode={verifyCode}
       isPlatform={false}
+      areInstantMeetingParametersSet={areInstantMeetingParametersSet}
+      userLocale={session?.user.locale}
+      i18nLocales={i18nLocales}
     />
   );
 };