@arbidocs/blocks 0.4.110 → 0.4.111

package/dist/calendar/types.d.ts

@@ -117,6 +117,7 @@ export interface CalendarLabels {
     startTime: string;
     endTime: string;
     arbiCall: string;
+    arbiWebinar: string;
     startTimeZone: string;
     endTimeZone: string;
     separateTimeZones: string;
@@ -138,6 +139,14 @@ export interface CalendarLabels {
     useDefaultReminders: string;
     conference: string;
     addArbiCall: string;
+    addArbiWebinar: string;
+    webinar: string;
+    webinarLinkOnSave: string;
+    webinarRole: string;
+    cohost: string;
+    panelist: string;
+    webinarAttendee: string;
+    joinWebinar: string;
     addMeetingLink: string;
     meetingLinkPlaceholder: string;
     removeConference: string;
@@ -304,11 +313,18 @@ export interface AttendeeDraft {
     role?: AttendeeRole;
     kind?: AttendeeKind;
 }
+/** A webinar invitee's role (the organiser is the host). */
+export type WebinarRole = 'cohost' | 'panelist' | 'attendee';
 export interface ConferenceDraft {
     type: 'arbi' | 'external';
+    /** Empty for an ARBI webinar not saved yet: its call is made on save, with its roles. */
     url: string;
     call_id?: string | null;
     label?: string | null;
+    /** An ARBI conference's kind (editor-only, never sent to the calendar); a call when missing. */
+    kind?: 'call' | 'webinar';
+    /** A webinar's role per attendee (keyed by `attendeeKey`); missing = attendee. */
+    roles?: Record<string, WebinarRole>;
 }
 export interface AttachmentDraft {
     url: string;
@@ -401,6 +417,10 @@ export interface EventEditorProps {
         call_id: string;
         url: string;
     } | null>;
+    /** Offer "Webinar" next to "Add ARBI call" (its call is made on save, with the roles picked here). */
+    canAddWebinar?: boolean;
+    /** Which attendees of a webinar get a role select (the ARBI people it is sealed to); all by default. */
+    isWebinarAttendee?: (attendee: AttendeeDraft) => boolean;
     defaultTimeZone: string;
     /** Extra section rendered under the guests (the host's scheduling assistant / room finder). */
     schedulingSlot?: ReactNode;

package/dist/calls/CallSidePanel.d.ts

@@ -2,9 +2,20 @@
  * A side panel inside the call (chat, participants): the same header as the app's docked panels
  * (FloatingPanel: title in the brand colour, hairline below, a ghost close button), on the normal
  * background, beside the tiles rather than over them.
+ *
+ * With `tabs` the one panel carries several views (People | Q&A | Audience in a webinar): the tabs
+ * take the title's place in the header, and `children` is the active tab's content.
  */
 import type { ReactElement, ReactNode } from 'react';
-export declare function CallSidePanel({ title, icon, actions, onClose, closeLabel, closeTestId, children, className, ...rest }: {
+export interface CallSidePanelTab {
+    id: string;
+    label: string;
+    /** A count after the label (questions, people); hidden when undefined. */
+    count?: number;
+    testId?: string;
+}
+export declare function CallSidePanel({ title, icon, actions, onClose, closeLabel, closeTestId, tabs, activeTab, onTabChange, children, className, ...rest }: {
+    /** The panel's name (its accessible name; shown when there are no tabs). */
     title: string;
     icon?: ReactNode;
     /** Extra header actions, left of the close button. */
@@ -12,6 +23,10 @@ export declare function CallSidePanel({ title, icon, actions, onClose, closeLabe
     onClose(): void;
     closeLabel: string;
     closeTestId?: string;
+    /** Views of the panel, shown as tabs in the header instead of the title. */
+    tabs?: CallSidePanelTab[];
+    activeTab?: string;
+    onTabChange?(id: string): void;
     children: ReactNode;
     className?: string;
 } & React.HTMLAttributes<HTMLElement>): ReactElement;

package/dist/calls/ControlBar.d.ts

@@ -67,11 +67,23 @@ export declare function RecordControl<M extends string>({ on, busy, modes, note,
     onStop(): void;
 }): ReactElement;
 /** Leave: the one filled red control, at the right end. */
-export declare function LeaveButton({ onLeave, compact, label, title, }: {
+/** A further way out offered by Leave (e.g. a webinar's "End webinar for everyone"). */
+export interface LeaveOption {
+    key: string;
+    label: string;
+    onSelect(): void;
+    testId?: string;
+}
+/**
+ * Leave: one red button. With `options` it opens a menu instead — Leave itself first, then the
+ * options (a host ending the webinar for everyone) — so leaving and ending share one control.
+ */
+export declare function LeaveButton({ onLeave, compact, label, title, options, }: {
     onLeave(): void;
     compact?: boolean;
     label?: string;
     title?: string;
+    options?: LeaveOption[];
 }): ReactElement;
 export interface MoreMenuItem {
     key: string;
@@ -83,9 +95,19 @@ export interface MoreMenuItem {
     trailing?: ReactNode;
     testId?: string;
 }
-/** "More": a details header, then groups of items separated by hairlines. */
+/**
+ * A group of More that is a setting rather than actions (e.g. the webinar's "Who can chat"): its
+ * own menu content (a `DropdownMenuLabel` and radio items), between the same hairlines.
+ */
+export interface MoreMenuSection {
+    key: string;
+    content: ReactNode;
+}
+type MoreMenuGroup = MoreMenuItem[] | MoreMenuSection;
+/** "More": a details header, then groups of items (or settings) separated by hairlines. */
 export declare function MoreMenu({ details, groups, label, }: {
     details?: ReactNode;
-    groups: MoreMenuItem[][];
+    groups: MoreMenuGroup[];
     label?: string;
 }): ReactElement;
+export {};

package/dist/calls/PreJoin.d.ts

@@ -7,16 +7,20 @@
  * join / unmount; the call opens its own with the chosen devices. Wide: preview left, choices
  * right; narrow: stacked.
  */
-import { type ReactElement, type ReactNode } from 'react';
+import { type ElementType, type ReactElement, type ReactNode } from 'react';
 import { type JoinChoices, type MediaKind } from './join-choices';
 export interface PreJoinProps {
     /** The call's name, shown above the choices. */
     title?: string | null;
     /** Heading of the choices (default "Ready to join?"). */
     heading?: string;
+    /** The heading's element (default `h2`); a dialog passes its `DialogTitle`. */
+    headingAs?: ElementType;
     /** Extra fields above the join button (optional). */
     children?: ReactNode;
     joinLabel?: string;
+    /** The cancel button's text (default "Cancel"). */
+    cancelLabel?: string;
     busy?: boolean;
     /** Shown under the controls (e.g. a join error). */
     error?: string | null;
@@ -28,4 +32,4 @@ export interface PreJoinProps {
     describeError?(err: unknown, kind: MediaKind): string;
     className?: string;
 }
-export declare function PreJoin({ title, heading, children, joinLabel, busy, error, onJoin, onCancel, describeError, mirror, className, }: PreJoinProps): ReactElement;
+export declare function PreJoin({ title, heading, headingAs: Heading, children, joinLabel, cancelLabel, busy, error, onJoin, onCancel, describeError, mirror, className, }: PreJoinProps): ReactElement;

package/dist/calls/cards.d.ts

@@ -40,12 +40,16 @@ export declare function IncomingCallCard({ callerName, caller, context, busy, mu
     onDecline(): void;
     className?: string;
 }): ReactElement;
-/** A centred state on the stage (waiting in the lobby, connecting). */
-export declare function CallStateMessage({ title, description, spinner, action, testId, }: {
+/** A centred state on the stage (waiting in the lobby, connecting, a webinar starting soon). */
+export declare function CallStateMessage({ title, description, spinner, icon, action, children, testId, }: {
     title: string;
     description?: string;
     spinner?: boolean;
+    /** Shown instead of the spinner (a calm state that is not loading). */
+    icon?: ReactNode;
     action?: ReactNode;
+    /** Extra lines between the description and the action (when, who hosts). */
+    children?: ReactNode;
     testId?: string;
 }): ReactElement;
 /** Covers the tiles while (re)connecting. */