@arbidocs/blocks 0.4.109 → 0.4.111

package/dist/calendar/index.d.ts

@@ -25,6 +25,6 @@ export { RecurrenceEditor, type RecurrenceEditorProps } from './RecurrenceEditor
 export { DEFAULT_RECURRENCE_EDITOR_LABELS, type RecurrenceEditorLabels } from './recurrence-labels';
 export { buildRRule, parseRRule, describeRecurrence, defaultRecurrenceForm, setPosOf, weekdayOf, RRULE_WEEKDAYS, DEFAULT_RECURRENCE_DESCRIBE_LABELS, type RecurrenceForm, type RecurrenceFrequency, type RRuleWeekday, type SetPos, type BuildRRuleContext, type RecurrenceDescribeLabels, } from './recurrence';
 export { formatReminder, splitReminderMinutes, reminderToMinutes, REMINDER_PRESETS, DEFAULT_REMINDER_FORMAT_LABELS, type ReminderUnit, type ReminderFormatLabels, } from './reminders';
-export { isAllDayDraft, allDayInclusiveEnd, draftFromSlot, draftRangeUtc, setDraftAllDay, setDraftEnd, setDraftStart, specDate, specTime, validateDraft, type DraftError, } from './draft';
+export { ARBI_WEBINAR_LABEL, attendeeKey, isWebinarConference, isAllDayDraft, allDayInclusiveEnd, draftFromSlot, draftRangeUtc, setDraftAllDay, setDraftEnd, setDraftStart, specDate, specTime, validateDraft, type DraftError, } from './draft';
 export { addDays, addMonths, convertWall, detectTimeZone, diffDays, formatInZone, formatPlainDate, isValidTimeZone, listTimeZones, safeZone, startOfWeek, todayInZone, utcToDate, utcToTime, utcToWall, wallToUtc, zoneCity, zoneOffsetLabel, zoneOffsetMinutes, } from './zone';
 export { CALENDAR_COLORS, contrastText } from './colors';

package/dist/calendar/index.js

@@ -58,6 +58,7 @@ var CALENDAR_DEFAULT_LABELS = {
   startTime: "Start time",
   endTime: "End time",
   arbiCall: "ARBI call",
+  arbiWebinar: "ARBI webinar",
   startTimeZone: "Start time zone",
   endTimeZone: "End time zone",
   separateTimeZones: "Time zones",
@@ -79,6 +80,14 @@ var CALENDAR_DEFAULT_LABELS = {
   useDefaultReminders: "Use calendar default reminders",
   conference: "Video call",
   addArbiCall: "Add ARBI call",
+  addArbiWebinar: "Add ARBI webinar",
+  webinar: "Webinar",
+  webinarLinkOnSave: "The link is created when you save",
+  webinarRole: "Webinar role",
+  cohost: "Co-host",
+  panelist: "Panelist",
+  webinarAttendee: "Attendee",
+  joinWebinar: "Join webinar",
   addMeetingLink: "Add meeting link",
   meetingLinkPlaceholder: "https://\u2026",
   removeConference: "Remove video call",
@@ -113,6 +122,7 @@ var CALENDAR_DEFAULT_LABELS = {
   confirmed: "Confirmed",
   cancelled: "Cancelled",
   join: "Join",
+  openMeetingChat: "Open meeting chat",
   accept: "Yes",
   decline: "No",
   maybe: "Maybe",
@@ -1535,6 +1545,9 @@ function validateDraft(d, defaultZone) {
   if (!(endMs >= startMs)) return "invalidRange";
   return null;
 }
+var ARBI_WEBINAR_LABEL = "ARBI webinar";
+var isWebinarConference = (c) => c?.type === "arbi" && (c.kind === "webinar" || c.label === ARBI_WEBINAR_LABEL);
+var attendeeKey = (a) => a.email?.toLowerCase() || a.user_id || "";
 var RRULE_WEEKDAYS = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
 function weekdayOf(date) {
   return RRULE_WEEKDAYS[Temporal.PlainDate.from(date).dayOfWeek - 1];
@@ -2282,6 +2295,8 @@ function EventEditor({
   mode,
   canAddCall,
   onAddCall,
+  canAddWebinar,
+  isWebinarAttendee,
   defaultTimeZone,
   schedulingSlot,
   attendeeSuggestions,
@@ -2307,6 +2322,7 @@ function EventEditor({
   const [attachUrl, setAttachUrl] = useState("");
   const [attachTitle, setAttachTitle] = useState("");
   const [addingCall, setAddingCall] = useState(false);
+  const [webinar, setWebinar] = useState(false);
   const [touched, setTouched] = useState(false);
   const [focus, setFocus] = useState(() => !!value.auto_decline && value.show_as !== "oof");
   const showDecline = value.show_as === "oof" || focus;
@@ -2360,6 +2376,12 @@ function EventEditor({
       setAddingCall(false);
     }
   };
+  const addArbiWebinar = () => set({
+    conference: { type: "arbi", kind: "webinar", url: "", label: ARBI_WEBINAR_LABEL, roles: {} }
+  });
+  const isWebinar = isWebinarConference(value.conference);
+  const roles = value.conference?.roles ?? {};
+  const setRole = (a, role) => value.conference && set({ conference: { ...value.conference, roles: { ...roles, [attendeeKey(a)]: role } } });
   const attachments = value.attachments ?? [];
   const addAttachment = () => {
     const url = attachUrl.trim();
@@ -2546,8 +2568,8 @@ function EventEditor({
               className: "flex min-w-0 items-center gap-2 text-sm",
               "data-testid": "calendar-editor-conference",
               children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: value.conference.label || (value.conference.type === "arbi" ? l.arbiCall : l.conference) }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: isWebinar ? l.arbiWebinar : value.conference.label || (value.conference.type === "arbi" ? l.arbiCall : l.conference) }),
+                value.conference.url ? /* @__PURE__ */ jsx(
                   "a",
                   {
                     href: value.conference.url,
@@ -2556,7 +2578,7 @@ function EventEditor({
                     className: "min-w-0 truncate text-xs text-primary underline-offset-2 hover:underline",
                     children: value.conference.url.replace(/#.*$/, "")
                   }
-                ),
+                ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: l.webinarLinkOnSave }),
                 /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -2613,14 +2635,26 @@ function EventEditor({
                 size: "sm",
                 variant: "secondary",
                 disabled: addingCall,
-                onClick: addArbiCall,
+                onClick: webinar ? addArbiWebinar : addArbiCall,
                 "data-testid": "calendar-editor-add-call",
                 children: [
                   /* @__PURE__ */ jsx(Video, { className: "mr-1 h-4 w-4" }),
-                  l.addArbiCall
+                  webinar ? l.addArbiWebinar : l.addArbiCall
                 ]
               }
             ),
+            canAddCall && onAddCall && canAddWebinar && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: webinar,
+                  onCheckedChange: setWebinar,
+                  "aria-label": l.webinar,
+                  "data-testid": "calendar-editor-webinar"
+                }
+              ),
+              l.webinar
+            ] }),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -2726,6 +2760,21 @@ function EventEditor({
                       ]
                     }
                   ),
+                  isWebinar && (isWebinarAttendee?.(a) ?? true) && /* @__PURE__ */ jsxs(
+                    NativeSelect,
+                    {
+                      "aria-label": `${a.email ?? ""} ${l.webinarRole}`,
+                      className: "h-7 text-xs",
+                      value: roles[attendeeKey(a)] ?? "attendee",
+                      onChange: (e) => setRole(a, e.target.value),
+                      "data-testid": "calendar-editor-webinar-role",
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "cohost", children: l.cohost }),
+                        /* @__PURE__ */ jsx("option", { value: "panelist", children: l.panelist }),
+                        /* @__PURE__ */ jsx("option", { value: "attendee", children: l.webinarAttendee })
+                      ]
+                    }
+                  ),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
@@ -3125,6 +3174,7 @@ function EventDetails({
   onRespond,
   onProposeTime,
   onJoin,
+  onOpenMeetingChat,
   onClose,
   canJoin = true,
   labels: labelOverrides,
@@ -3238,7 +3288,7 @@ function EventDetails({
     ] }),
     event.is_recurring && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Repeat, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.recurring }) }),
     conference?.url && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -3246,10 +3296,18 @@ function EventDetails({
           disabled: !canJoin,
           onClick: () => onJoin ? onJoin() : window.open(conference.url ?? "", "_blank", "noopener"),
           "data-testid": "calendar-details-join",
-          children: [
-            l.join,
-            conference.type === "arbi" ? ` ${l.arbiCall}` : ""
-          ]
+          children: isWebinarConference(conference) ? l.joinWebinar : `${l.join}${conference.type === "arbi" ? ` ${l.arbiCall}` : ""}`
+        }
+      ),
+      conference.type === "arbi" && onOpenMeetingChat && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          onClick: onOpenMeetingChat,
+          "data-testid": "calendar-details-meeting-chat",
+          children: l.openMeetingChat
         }
       ),
       conference.type === "external" && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: conference.url })
@@ -4038,6 +4096,6 @@ function CalendarSettingsForm({
   );
 }
 
-export { CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarSettingsForm, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, MiniMonth, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, addDays, addMonths, allDayInclusiveEnd, buildRRule, contrastText, convertWall, dayWindow, defaultRecurrenceForm, describeRecurrence, detectTimeZone, diffDays, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventStateClasses, formatEventWhen, formatInZone, formatPlainDate, formatReminder, formatZoneLabel, getTemporalTimeZonePlugin, hourTicks, isAllDayDraft, isValidTimeZone, listTimeZones, outsideIntervals, parseRRule, placeIntervals, reminderToMinutes, safeZone, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, startOfWeek, toBusinessHours, todayInZone, utcToDate, utcToTime, utcToWall, validateDraft, wallToUtc, weekdayOf, workWeekHiddenDays, zoneCity, zoneOffsetLabel, zoneOffsetMinutes };
+export { ARBI_WEBINAR_LABEL, CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarSettingsForm, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, MiniMonth, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, addDays, addMonths, allDayInclusiveEnd, attendeeKey, buildRRule, contrastText, convertWall, dayWindow, defaultRecurrenceForm, describeRecurrence, detectTimeZone, diffDays, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventStateClasses, formatEventWhen, formatInZone, formatPlainDate, formatReminder, formatZoneLabel, getTemporalTimeZonePlugin, hourTicks, isAllDayDraft, isValidTimeZone, isWebinarConference, listTimeZones, outsideIntervals, parseRRule, placeIntervals, reminderToMinutes, safeZone, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, startOfWeek, toBusinessHours, todayInZone, utcToDate, utcToTime, utcToWall, validateDraft, wallToUtc, weekdayOf, workWeekHiddenDays, zoneCity, zoneOffsetLabel, zoneOffsetMinutes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map