@calcom/atoms 2.8.1 → 2.8.2

package/dist/index.d.ts

@@ -16,8 +16,8 @@ import { ITimezoneOption } from 'react-timezone-select';
 import { MotionProps } from 'framer-motion';
 import { MutableRefObject } from 'react';
 import { Options } from 'react-select';
-import { Props as Props_2 } from 'react-select';
-import { Props as Props_5 } from 'react-timezone-select';
+import { Props as Props_3 } from 'react-select';
+import { Props as Props_6 } from 'react-timezone-select';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -323,6 +323,71 @@ declare type AvailableCellProps = {
 
 export declare function AvailableCellsForDay({ timezone, availableSlots, day, startHour, renderOutOfOffice, }: AvailableCellProps): JSX.Element | null;
 
+export declare const AvailableTimes: ({ slots, showTimeFormatToggle, className, isPlatform, ...props }: AvailableTimesProps) => JSX.Element;
+
+export declare const AvailableTimesHeader: ({ date, showTimeFormatToggle, availableMonth, customClassNames, }: AvailableTimesHeaderProps) => JSX.Element;
+
+declare type AvailableTimesHeaderProps = {
+    date: Dayjs;
+    showTimeFormatToggle?: boolean;
+    availableMonth?: string | undefined;
+    customClassNames?: {
+        availableTimeSlotsHeaderContainer?: string;
+        availableTimeSlotsTitle?: string;
+        availableTimeSlotsTimeFormatToggle?: string;
+    };
+};
+
+export declare const AvailableTimeSlots: ({ extraDays, limitHeight, showAvailableSeatsCount, schedule, isLoading, customClassNames, skipConfirmStep, seatsPerTimeSlot, onSubmit, unavailableTimeSlots, confirmButtonDisabled, confirmStepClassNames, onAvailableTimeSlotSelect, hideAvailableTimesHeader, isPlatform, invalidateAvailableSlotsOnBookingForm, ...props }: AvailableTimeSlotsProps) => JSX.Element;
+
+declare type AvailableTimeSlotsProps = {
+    extraDays?: number;
+    limitHeight?: boolean;
+    schedule?: ScheduleData;
+    isLoading: boolean;
+    seatsPerTimeSlot?: number | null;
+    showAvailableSeatsCount?: boolean | null;
+    event: {
+        data?: Pick<BookerEvent, "length" | "bookingFields" | "price" | "currency" | "metadata"> | null;
+    };
+    customClassNames?: {
+        availableTimeSlotsContainer?: string;
+        availableTimeSlotsTitle?: string;
+        availableTimeSlotsHeaderContainer?: string;
+        availableTimeSlotsTimeFormatToggle?: string;
+        availableTimes?: string;
+    };
+    confirmStepClassNames?: {
+        confirmButton?: string;
+    };
+    loadingStates: IUseBookingLoadingStates;
+    isVerificationCodeSending: boolean;
+    renderConfirmNotVerifyEmailButtonCond: boolean;
+    onSubmit: (timeSlot?: string) => void;
+    skipConfirmStep: boolean;
+    shouldRenderCaptcha?: boolean;
+    watchedCfToken?: string;
+    unavailableTimeSlots: string[];
+    confirmButtonDisabled?: boolean;
+    onAvailableTimeSlotSelect: (time: string) => void;
+    hideAvailableTimesHeader?: boolean;
+    isPlatform?: boolean;
+    invalidateAvailableSlotsOnBookingForm?: boolean;
+};
+
+export declare type AvailableTimesProps = {
+    slots: Slot[];
+    showTimeFormatToggle?: boolean;
+    className?: string;
+    onTentativeTimeSelect?: TOnTentativeTimeSelect;
+    unavailableTimeSlots?: string[];
+    isPlatform?: boolean;
+} & Omit<SlotItemProps, "slot">;
+
+export declare const AvailableTimesSkeleton: () => JSX.Element;
+
+export declare const Away: () => JSX.Element;
+
 declare type BaseCalProviderProps = {
     children?: ReactNode;
     clientId: string;
@@ -775,6 +840,51 @@ declare type BookerTimezone = string;
 
 declare type BookerView = "MONTH_VIEW" | "WEEK_VIEW" | "COLUMN_VIEW";
 
+export declare const BookEventForm: ({ onCancel, eventQuery, onSubmit, errorRef, errors, loadingStates, renderConfirmNotVerifyEmailButtonCond, bookingForm, children, extraOptions, isVerificationCodeSending, isPlatform, isPlatformBookerEmbed, isTimeslotUnavailable, shouldRenderCaptcha, confirmButtonDisabled, classNames, timeslot, }: Omit<BookEventFormProps, "event"> & {
+    eventQuery: {
+        isError: boolean;
+        isPending: boolean;
+        data?: Pick<BookerEvent, "price" | "currency" | "metadata" | "bookingFields" | "locations"> | null;
+    };
+}) => JSX.Element;
+
+declare type BookEventFormProps = {
+    onCancel?: () => void;
+    onSubmit: () => void;
+    errorRef: React.RefObject<HTMLDivElement>;
+    errors: UseBookingFormReturnType["errors"] & IUseBookingErrors;
+    loadingStates: IUseBookingLoadingStates;
+    children?: React.ReactNode;
+    bookingForm: UseBookingFormReturnType["bookingForm"];
+    renderConfirmNotVerifyEmailButtonCond: boolean;
+    extraOptions: Record<string, string | string[]>;
+    isPlatform?: boolean;
+    isPlatformBookerEmbed?: boolean;
+    isVerificationCodeSending: boolean;
+    isTimeslotUnavailable: boolean;
+    shouldRenderCaptcha?: boolean;
+    confirmButtonDisabled?: boolean;
+    classNames?: {
+        confirmButton?: string;
+        backButton?: string;
+    };
+    timeslot: string | null;
+};
+
+export declare const BookEventFormWrapperComponent: ({ child, eventLength, }: {
+    onCancel: () => void;
+    child: ReactNode;
+    eventLength?: number;
+}) => JSX.Element | null;
+
+export declare const BookFormAsModal: ({ visible, onCancel, children, isPlatform: _isPlatform, eventLength, }: {
+    visible: boolean;
+    onCancel: () => void;
+    children: ReactNode;
+    isPlatform?: boolean;
+    eventLength?: number;
+}) => JSX.Element;
+
 declare type BookingAppStatus = {
     appName: string;
     success: number;
@@ -1184,7 +1294,14 @@ declare type ChildrenEventType = {
     [key: string]: unknown;
 };
 
-declare type ChildrenEventTypesCustomClassNames = {
+export declare const ChildrenEventTypes: ({ childrenEventTypeOptions, assignAllTeamMembers, setAssignAllTeamMembers, customClassNames, }: {
+    childrenEventTypeOptions: ReturnType<typeof mapMemberToChildrenOption>[];
+    assignAllTeamMembers: boolean;
+    setAssignAllTeamMembers: (value: boolean) => void;
+    customClassNames?: ChildrenEventTypesCustomClassNames;
+}) => JSX.Element;
+
+export declare type ChildrenEventTypesCustomClassNames = {
     container?: string;
     assignAllTeamMembers?: {
         container?: string;
@@ -1194,7 +1311,7 @@ declare type ChildrenEventTypesCustomClassNames = {
     childrenEventTypesList?: ChildrenEventTypeSelectCustomClassNames;
 };
 
-export declare const ChildrenEventTypeSelect: ({ options, value, customClassNames, ...props }: Omit<Props_2<ChildrenEventType, true>, "value" | "onChange"> & {
+export declare const ChildrenEventTypeSelect: ({ options, value, customClassNames, ...props }: Omit<Props_3<ChildrenEventType, true>, "value" | "onChange"> & {
     value?: ChildrenEventType[];
     onChange: (value: readonly ChildrenEventType[]) => void;
     customClassNames?: ChildrenEventTypeSelectCustomClassNames;
@@ -3837,6 +3954,37 @@ declare type EventBusyDate = {
     source?: string | null;
 };
 
+export declare enum EventDetailBlocks {
+    DURATION = "DURATION",
+    LOCATION = "LOCATION",
+    REQUIRES_CONFIRMATION = "REQUIRES_CONFIRMATION",
+    OCCURENCES = "OCCURENCES",
+    PRICE = "PRICE"
+}
+
+declare type EventDetailCustomBlock = {
+    blocks?: default_2.FC[];
+    name: string;
+};
+
+declare type EventDetailDefaultBlock = {
+    blocks?: EventDetailBlocks[];
+};
+
+export declare const EventDetails: ({ event, blocks }: EventDetailsProps) => JSX.Element;
+
+declare type EventDetailsProps = EventDetailsPropsBase & (EventDetailDefaultBlock | EventDetailCustomBlock);
+
+declare type EventDetailsPropsBase = {
+    event: Pick<BookerEvent, "currency" | "price" | "locations" | "enablePerHostLocations" | "requiresConfirmation" | "recurringEvent" | "length" | "metadata" | "isDynamic">;
+    className?: string;
+};
+
+export declare const EventDuration: ({ event, isPlatform, }: {
+    event: Pick<BookerEvent, "length" | "metadata" | "isDynamic">;
+    isPlatform?: boolean;
+}) => JSX.Element | null;
+
 declare interface EventFromTime {
     date: string;
     timeFormat: TimeFormat;
@@ -3861,7 +4009,33 @@ export declare interface EventLayout {
     indexInGroup: number;
 }
 
-export declare function EventList({ day }: Props): JSX.Element;
+export declare function EventList({ day }: Props_2): JSX.Element;
+
+export declare const EventMembers: ({ schedulingType, users, profile, entity, isPrivateLink, roundRobinHideOrgAndTeam, hideOrgTeamAvatar, isPlatform, }: EventMembersProps) => JSX.Element;
+
+export declare interface EventMembersProps {
+    schedulingType: BookerEvent["schedulingType"];
+    users: BookerEvent["subsetOfUsers"];
+    profile: BookerEvent["profile"];
+    entity: BookerEvent["entity"];
+    isPrivateLink: boolean;
+    roundRobinHideOrgAndTeam?: boolean;
+    hideOrgTeamAvatar?: boolean;
+    isPlatform?: boolean;
+}
+
+export declare const EventMetaBlock: ({ customIcon, icon, iconUrl, children, highlight, contentClassName, className, isDark, ...rest }: EventMetaProps) => JSX.Element | null;
+
+declare interface EventMetaProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    customIcon?: default_2.ReactNode;
+    icon?: IconName;
+    iconUrl?: string;
+    highlight?: boolean;
+    contentClassName?: string;
+    isDark?: boolean;
+}
+
+export declare const EventMetaSkeleton: () => JSX.Element;
 
 declare type EventProps = {
     event: CalendarEvent;
@@ -3933,7 +4107,23 @@ export declare type EventSettingsFromRef = {
     [key: string]: unknown;
 };
 
-declare type EventTeamAssignmentTabCustomClassNames = {
+declare const EventTeamAssignmentTab: ({ team, teamMembers, eventType, customClassNames, orgId, isSegmentApplicable, hideFixedHostsForCollective, weightsEditorSlot, }: EventTeamAssignmentTabBaseProps) => JSX.Element;
+export { EventTeamAssignmentTab }
+export { EventTeamAssignmentTab as EventTeamAssignmentTabDefault }
+
+export declare type EventTeamAssignmentTabBaseProps = Pick<EventTypeSetupProps, "teamMembers" | "team" | "eventType"> & {
+    customClassNames?: EventTeamAssignmentTabCustomClassNames;
+    orgId: number | null;
+    isSegmentApplicable: boolean;
+    hideFixedHostsForCollective?: boolean;
+    /**
+     * Optional slot for the RAQB-driven weights editor sheet
+     * (EditWeightsForAllTeamMembers — webapp-only, out of atoms surface).
+     */
+    weightsEditorSlot?: React.ReactNode;
+};
+
+export declare type EventTeamAssignmentTabCustomClassNames = {
     assignmentType?: {
         container?: string;
         label?: string;
@@ -3949,6 +4139,14 @@ declare type EventTeamAssignmentTabCustomClassNames = {
     childrenEventTypes?: ChildrenEventTypesCustomClassNames;
 };
 
+export declare const EventTitle: ({ children, as, className }: EventTitleProps) => JSX.Element;
+
+declare interface EventTitleProps {
+    children: ReactNode;
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    className?: string;
+}
+
 declare type EventType = {
     id: number;
     slug?: string;
@@ -4172,6 +4370,8 @@ declare type GetBookingType = AtomBookingForReschedule;
 
 export declare function getDaysBetweenDates(dateFrom: Date, dateTo: Date): default_3.Dayjs[];
 
+export declare const getDurationFormatted: (mins: number | undefined, t: TFunction) => string | null;
+
 export declare function getHoursToDisplay(startHour: number, endHour: number, timezone?: string): default_3.Dayjs[];
 
 declare type GetOrganizationsBookingsInput = {
@@ -4216,6 +4416,8 @@ export declare interface HasExternalId {
     externalId: string;
 }
 
+export declare function HavingTroubleFindingTime(props: Props): JSX.Element | null;
+
 export declare function Header({ extraDays, isMobile, enabledLayouts, nextSlots, eventSlug, isMyLink, renderOverlay, isCalendarView, isPlatform, webappUrl, }: {
     extraDays: number;
     isMobile: boolean;
@@ -4243,7 +4445,19 @@ declare type Host = {
     [key: string]: any;
 };
 
-declare type HostsCustomClassNames = {
+export declare const Hosts: ({ orgId, teamId, teamMembers, assignAllTeamMembers, setAssignAllTeamMembers, customClassNames, isSegmentApplicable, hideFixedHostsForCollective, weightsEditorSlot, }: {
+    orgId: number | null;
+    teamId: number;
+    teamMembers: TeamMember[];
+    assignAllTeamMembers: boolean;
+    setAssignAllTeamMembers: (value: boolean) => void;
+    customClassNames?: HostsCustomClassNames;
+    isSegmentApplicable: boolean;
+    hideFixedHostsForCollective?: boolean;
+    weightsEditorSlot?: React.ReactNode;
+}) => JSX.Element;
+
+export declare type HostsCustomClassNames = {
     fixedHosts?: FixedHostsCustomClassNames;
     roundRobinHosts?: RoundRobinHostsCustomClassNames;
 };
@@ -4403,6 +4617,19 @@ export declare interface IGetAvailableSlots {
     troubleshooter?: any;
 }
 
+declare interface IInstantBookingProps {
+    onConnectNow: () => void;
+    event: Pick<BookerEvent, "entity" | "schedulingType"> & {
+        subsetOfUsers: Array<{
+            name?: string | null;
+            username?: string | null;
+            avatarUrl?: string | null;
+            bookerUrl: string;
+        }>;
+    };
+    cooldownMs?: number;
+}
+
 declare type InferredVariantProps = VariantProps<typeof buttonClasses>;
 
 declare type InputClassNamesLoose = {
@@ -4412,6 +4639,20 @@ declare type InputClassNamesLoose = {
     addOn?: string;
 };
 
+export declare const InstantBooking: ({ onConnectNow, event, cooldownMs }: IInstantBookingProps) => JSX.Element;
+
+declare interface IOutOfOfficeInSlotsProps {
+    date: string;
+    fromUser?: OutOfOfficeUser;
+    toUser?: OutOfOfficeUser;
+    emoji?: string;
+    reason?: string;
+    notes?: string | null;
+    showNotePublicly?: boolean;
+    borderDashed?: boolean;
+    className?: string;
+}
+
 declare interface IOverlayCalendarStore {
     overlayBusyDates: EventBusyDate[] | undefined;
     setOverlayBusyDates: (busyDates: EventBusyDate[]) => void;
@@ -4453,7 +4694,7 @@ export declare function isOverlapping(aStart: default_3.Dayjs, aEnd: default_3.D
 export declare const isPrefetchNextMonthEnabled: (bookerLayout: string, date: string, dateMonth: number, monthAfterAddingExtraDays: number, monthAfterAddingExtraDaysColumnView: number, month: string | null, extraDays?: number) => boolean;
 
 export declare const isTimeSlotAvailable: ({ scheduleData, slotToCheckInIso, quickAvailabilityChecks, }: {
-    scheduleData: ScheduleData | null;
+    scheduleData: ScheduleData_2 | null;
     slotToCheckInIso: SlotInIsoFormat;
     quickAvailabilityChecks: QuickAvailabilityCheck[];
 }) => boolean;
@@ -4480,6 +4721,17 @@ declare interface IUseAddVerifiedEmail {
     onError?: (err: ApiErrorResponse | Error) => void;
 }
 
+declare interface IUseBookingErrors {
+    hasDataErrors: boolean;
+    dataErrors: unknown;
+}
+
+declare interface IUseBookingLoadingStates {
+    creatingBooking: boolean;
+    creatingRecurringBooking: boolean;
+    creatingInstantBooking: boolean;
+}
+
 declare interface IUseCancelBooking {
     onSuccess?: () => void;
     onError?: (err: ApiErrorResponse | Error) => void;
@@ -4570,6 +4822,33 @@ declare interface ManagedEventDialogProps {
     }) => void;
 }
 
+export declare const mapMemberToChildrenOption: (member: {
+    id: number;
+    name?: string | null;
+    email: string;
+    username?: string | null;
+    avatar: string;
+    membership?: string;
+    eventTypes?: string[];
+    profile?: Record<string, unknown>;
+}, slug: string, pendingString: string) => {
+    slug: string;
+    hidden: boolean;
+    created: boolean;
+    owner: {
+        id: number;
+        name: string;
+        email: string;
+        username: string;
+        membership: string | undefined;
+        eventTypeSlugs: string[];
+        avatar: string;
+        profile: Record<string, unknown> | undefined;
+    };
+    value: string;
+    label: string;
+};
+
 export declare function mergeOverlappingDateRanges(dateRanges: TimeRange[]): TimeRange[];
 
 declare type nlTranslationKeys = keyof typeof _default_7;
@@ -4650,6 +4929,8 @@ declare type OrgTeamOutputDto = {
 
 export declare const OutlookConnect: FC<Partial<OAuthConnectProps>>;
 
+export declare const OutOfOfficeInSlots: (props: IOutOfOfficeInSlotsProps) => JSX.Element | null;
+
 export declare type OutOfOfficeRenderProps = {
     date: string;
     fromUser?: IFromUser;
@@ -4662,6 +4943,12 @@ export declare type OutOfOfficeRenderProps = {
     className?: string;
 };
 
+declare type OutOfOfficeUser = {
+    id?: number | null;
+    username?: string | null;
+    displayName?: string | null;
+} | null | undefined;
+
 export declare interface OverlapLayoutConfig {
     baseZIndex?: number;
     safetyMarginPercent?: number;
@@ -4669,6 +4956,8 @@ export declare interface OverlapLayoutConfig {
     curveExponent?: number;
 }
 
+export declare const OverlayCalendar: ({ connectedCalendars, overlayBusyDates, onToggleCalendar, isOverlayCalendarEnabled, handleClickNoCalendar, handleSwitchStateChange, handleClickContinue, hasSession, isPlatform, }: OverlayCalendarProps) => JSX.Element | null;
+
 declare type OverlayCalendarConnectedCalendar = {
     calendars?: {
         externalId: string;
@@ -4677,6 +4966,32 @@ declare type OverlayCalendarConnectedCalendar = {
     credentialId: number;
 };
 
+declare type OverlayCalendarProps = {
+    connectedCalendars: Array<{
+        calendars?: Array<{
+            externalId: string;
+            primary: boolean | null;
+        }>;
+        credentialId: number;
+        [key: string]: unknown;
+    }>;
+    overlayBusyDates?: Array<{
+        start: Date | string;
+        end: Date | string;
+        [k: string]: unknown;
+    }>;
+    onToggleCalendar: (calendarsToLoad: Set<{
+        credentialId: number;
+        externalId: string;
+    }>) => void;
+    isOverlayCalendarEnabled: boolean;
+    handleClickNoCalendar: () => void;
+    hasSession: boolean;
+    handleClickContinue: () => void;
+    handleSwitchStateChange: (state: boolean) => void;
+    isPlatform?: boolean;
+};
+
 export declare const PaymentForm: ({ paymentUid, onPaymentSuccess, onPaymentCancellation, onEventTypePaymentInfoSuccess, onEventTypePaymentInfoFailure, }: {
     paymentUid: string;
     onPaymentSuccess?: (input: PaymentPageProps) => void;
@@ -4749,6 +5064,11 @@ declare type PeriodData = {
 
 declare type PlatformTabs = keyof Omit<TabMap, "workflows" | "webhooks" | "instant" | "ai" | "apps">;
 
+export declare function PriceIcon(props: {
+    currency: string;
+    className?: string;
+}): JSX.Element;
+
 export declare const PriorityDialog: (props: IDialog & {
     customClassNames?: PriorityDialogCustomClassNames;
 }) => JSX.Element;
@@ -4758,10 +5078,17 @@ export declare type PriorityDialogCustomClassNames = SelectClassNamesLoose & {
 };
 
 declare type Props = {
+    onButtonClick: () => void;
+    dayCount: number | null;
+    visible: boolean;
+    isScheduleLoading: boolean;
+};
+
+declare type Props_2 = {
     day: default_3.Dayjs;
 };
 
-declare type Props_3 = {
+declare type Props_4 = {
     permissions: {
         canCreateEventType: boolean;
     };
@@ -4776,7 +5103,7 @@ declare type Props_3 = {
     isPlatform?: boolean;
 };
 
-declare type Props_4 = {
+declare type Props_5 = {
     formMethods: UseFormReturn<FormValues>;
     eventType: EventTypeSetupProps["eventType"];
     team: EventTypeSetupProps["team"];
@@ -4907,6 +5234,13 @@ declare type ScheduleClassNames = {
 declare type scheduleClassNames = ScheduleClassNames;
 
 declare type ScheduleData = {
+    data?: {
+        slots?: Record<string, Slot[]>;
+    } | null;
+    invalidate?: () => void;
+};
+
+declare type ScheduleData_2 = {
     slots: Record<DateInBookerTimeZone, SlotsInIso>;
 };
 
@@ -5049,6 +5383,31 @@ declare type SlotInfo_2 = {
 
 declare type SlotInIsoFormat = string;
 
+declare type SlotItemProps = {
+    slot: Slot;
+    seatsPerTimeSlot?: number | null;
+    selectedSlots?: string[];
+    onTimeSelect?: TOnTimeSelect;
+    onTentativeTimeSelect?: TOnTentativeTimeSelect;
+    showAvailableSeatsCount?: boolean | null;
+    event: {
+        data?: Pick<BookerEvent, "length" | "bookingFields" | "price" | "currency" | "metadata"> | null;
+    };
+    customClassNames?: string;
+    confirmStepClassNames?: {
+        confirmButton?: string;
+    };
+    loadingStates?: IUseBookingLoadingStates;
+    isVerificationCodeSending?: boolean;
+    renderConfirmNotVerifyEmailButtonCond?: boolean;
+    skipConfirmStep?: boolean;
+    shouldRenderCaptcha?: boolean;
+    watchedCfToken?: string;
+    unavailableTimeSlots?: string[];
+    confirmButtonDisabled?: boolean;
+    handleSlotClick?: (slot: Slot, isOverlapping: boolean) => void;
+};
+
 /** Map of YYYY-MM-DD keys to slot info arrays. */
 declare type Slots = Record<string, SlotInfo[]>;
 
@@ -5135,7 +5494,7 @@ declare type TabMap = {
     payments?: () => default_2.ReactNode;
 };
 
-declare const TeamEventTypeForm: ({ permissions, teamSlug, teamId, form, urlPrefix, isPending, handleSubmit, isManagedEventType, SubmitButton, isPlatform, }: Props_3) => JSX.Element;
+declare const TeamEventTypeForm: ({ permissions, teamSlug, teamId, form, urlPrefix, isPending, handleSubmit, isManagedEventType, SubmitButton, isPlatform, }: Props_4) => JSX.Element;
 export { TeamEventTypeForm }
 export { TeamEventTypeForm as TeamEventTypeFormDefault }
 
@@ -5151,6 +5510,8 @@ declare type TeamMember = {
     [key: string]: any;
 };
 
+declare type TFunction = (key: string, options?: Record<string, unknown>) => string;
+
 declare enum TimeFormat {
     TWELVE_HOUR = "h:mma",
     TWENTY_FOUR_HOUR = "HH:mm"
@@ -5189,7 +5550,7 @@ declare type Timezones = {
 
 export declare function TimezoneSelectComponent({ className, classNames: timezoneClassNames, timezoneSelectCustomClassname, components, variant: _variant, isPending, value, size, grow, isWebTimezoneSelect, ...props }: TimezoneSelectComponentProps): JSX.Element;
 
-export declare type TimezoneSelectComponentProps = Props_5 & {
+export declare type TimezoneSelectComponentProps = Props_6 & {
     variant?: "default" | "minimal";
     isPending: boolean;
     data?: Timezones;
@@ -5205,6 +5566,15 @@ declare type ToggledConnectedCalendars = {
     externalId: string;
 };
 
+declare type TOnTentativeTimeSelect = ({ time, attendees, seatsPerTimeSlot, bookingUid, }: {
+    time: string;
+    attendees: number;
+    seatsPerTimeSlot?: number | null;
+    bookingUid?: string;
+}) => void;
+
+declare type TOnTimeSelect = (time: string, attendees: number, seatsPerTimeSlot?: number | null, bookingUid?: string) => void;
+
 declare type TranslationFunction = (key: string, options?: Record<string, unknown>) => string;
 
 declare type TranslationFunction_2 = (key: string, options?: Record<string, unknown>) => string;
@@ -5721,7 +6091,7 @@ export declare function useStableTimezone(timezone: string, restrictionSchedule?
     useBookerTimezone: boolean;
 }): string;
 
-export declare const useTabsNavigations: ({ formMethods, eventType, team, eventTypeApps, allActiveWorkflows, canReadWorkflows, }: Props_4) => {
+export declare const useTabsNavigations: ({ formMethods, eventType, team, eventTypeApps, allActiveWorkflows, canReadWorkflows, }: Props_5) => {
     tabsNavigation: {
         onClick: () => void;
         name: string;

package/dist/{stripe-payment-form-DjztBe78.js → stripe-payment-form-Ct6RLnZs.js}

@@ -1,6 +1,6 @@
 import { jsxs as V, jsx as _ } from "react/jsx-runtime";
 import m, { useState as L, useEffect as ie } from "react";
-import { g as Ce, u as se, C as we, B as X, W as Re } from "./index-r67FKmIH.js";
+import { g as Ce, u as se, C as we, B as X, W as Re } from "./index-uxS4DSg-.js";
 var N = { exports: {} }, W, z;
 function xe() {
   if (z) return W;

package/package.json

@@ -5,7 +5,7 @@
   "description": "Customizable UI components to integrate scheduling into your product.",
   "author": "Cal.com, Inc.",
   "license": "AGPL-3.0-or-later",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/calcom/atoms",