@nylas/react 2.2.0 → 2.2.2

package/dist/es/connect.js

@@ -1,279 +1,284 @@
-import { useRef as m, useEffect as f, useState as D, useCallback as i } from "react";
-import { NylasConnect as O } from "@nylas/connect";
-import { BrowserTokenStorage as z, ConfigError as G, MemoryTokenStorage as K, NetworkError as V, NylasConnect as B, NylasConnectError as W, OAuthError as X, PopupError as j, TokenError as q, isAuthCallback as F, logger as J, parseAuthCallback as Q } from "@nylas/connect";
-function M(E) {
+import { useRef as m, useEffect as f, useState as _, useCallback as i } from "react";
+import { NylasConnect as U } from "@nylas/connect";
+import { BrowserTokenStorage as K, ConfigError as V, MemoryTokenStorage as B, NetworkError as W, NylasConnect as X, NylasConnectError as j, OAuthError as q, PopupError as F, TokenError as H, isConnectCallback as J, logger as Q, parseConnectCallback as Y } from "@nylas/connect";
+function v(y) {
   const {
     autoRefreshInterval: d,
-    initialLoadingState: y = !0,
+    initialLoadingState: P = !0,
     retryAttempts: u = 0,
-    enableAutoRecovery: b = !1,
-    ...P
-  } = E, h = m(null);
-  h.current || (h.current = new O(P));
-  const n = h.current, w = m({
+    enableAutoRecovery: C = !1,
+    ...L
+  } = y, h = m(null);
+  h.current || (h.current = new U(L));
+  const t = h.current, w = m({
     isProcessing: !1,
     processedUrl: null,
     hasProcessed: !1
   });
   f(() => {
-    var r;
-    const s = ((r = globalThis.window) == null ? void 0 : r.location.href) || "", t = w.current;
-    !(s.includes("code=") && s.includes("state=")) && t.hasProcessed && (t.hasProcessed = !1, t.processedUrl = null);
-  }), f(() => n.isAutoCallbackEnabled() ? ((async () => {
-    var o, a, g;
-    const t = ((o = globalThis.window) == null ? void 0 : o.location.href) || "", e = w.current;
-    if (!(e.isProcessing || e.processedUrl === t || e.hasProcessed || !(t.includes("code=") && t.includes("state=")))) {
-      try {
-        if (await n.getSession()) {
-          e.hasProcessed = !0, e.processedUrl = t;
-          return;
+    var e;
+    const n = ((e = globalThis.window) == null ? void 0 : e.location.href) || "", s = w.current;
+    !(n.includes("code=") && n.includes("state=")) && s.hasProcessed && (s.hasProcessed = !1, s.processedUrl = null);
+  }), f(() => {
+    if (!t.isAutoCallbackEnabled())
+      return;
+    const n = w;
+    return (async () => {
+      var o, g, b;
+      const r = ((o = globalThis.window) == null ? void 0 : o.location.href) || "", e = n.current;
+      if (!(e.isProcessing || e.processedUrl === r || e.hasProcessed || !(r.includes("code=") && r.includes("state=")))) {
+        try {
+          if (await t.getSession()) {
+            e.hasProcessed = !0, e.processedUrl = r;
+            return;
+          }
+        } catch {
         }
-      } catch {
-      }
-      e.isProcessing = !0, e.processedUrl = t;
-      try {
-        if (await n.callback(), e.hasProcessed = !0, (g = (a = globalThis.window) == null ? void 0 : a.history) != null && g.replaceState) {
-          const c = new URL(globalThis.window.location.href), U = ["code", "state", "error", "error_description"];
-          let C = !1;
-          U.forEach((S) => {
-            c.searchParams.has(S) && (c.searchParams.delete(S), C = !0);
-          }), C && globalThis.window.history.replaceState(
-            globalThis.window.history.state,
-            document.title,
-            c.toString()
-          );
+        e.isProcessing = !0, e.processedUrl = r;
+        try {
+          if (await t.callback(), e.hasProcessed = !0, (b = (g = globalThis.window) == null ? void 0 : g.history) != null && b.replaceState) {
+            const c = new URL(globalThis.window.location.href), D = ["code", "state", "error", "error_description"];
+            let E = !1;
+            D.forEach((S) => {
+              c.searchParams.has(S) && (c.searchParams.delete(S), E = !0);
+            }), E && globalThis.window.history.replaceState(
+              globalThis.window.history.state,
+              document.title,
+              c.toString()
+            );
+          }
+        } catch (c) {
+          console.log("callback error", c), e.isProcessing = !1, e.processedUrl = null;
+        } finally {
+          e.isProcessing = !1;
         }
-      } catch (c) {
-        console.log("callback error", c), e.isProcessing = !1, e.processedUrl = null;
-      } finally {
-        e.isProcessing = !1;
       }
-    }
-  })(), () => {
-    const t = w.current;
-    t.isProcessing || (t.processedUrl = null, t.hasProcessed = !1);
-  }) : void 0, [n]);
-  const [L, l] = D({
+    })(), () => {
+      const r = n.current;
+      r != null && r.isProcessing || (r.processedUrl = null, r.hasProcessed = !1);
+    };
+  }, [t]);
+  const [p, l] = _({
     isConnected: !1,
     grant: null,
-    isLoading: y,
+    isLoading: P,
     error: null
   });
   f(() => {
-    let s = !0;
+    let n = !0;
     return (async () => {
       try {
-        const e = await n.getSession(), r = await n.isConnected();
-        s && l((o) => ({
-          ...o,
-          isConnected: r,
-          grant: (e == null ? void 0 : e.grantInfo) || null,
+        const r = await t.getSession(), e = await t.isConnected();
+        n && l((a) => ({
+          ...a,
+          isConnected: e,
+          grant: (r == null ? void 0 : r.grantInfo) || null,
           isLoading: !1,
           error: null
         }));
-      } catch (e) {
-        s && l((r) => ({
-          ...r,
+      } catch (r) {
+        n && l((e) => ({
+          ...e,
           isConnected: !1,
           grant: null,
           isLoading: !1,
-          error: e
+          error: r
         }));
       }
     })(), () => {
-      s = !1;
+      n = !1;
     };
-  }, [n]), f(() => {
+  }, [t]), f(() => {
     if (!d || d <= 0)
       return;
-    const s = setInterval(async () => {
+    const n = setInterval(async () => {
       try {
-        const t = await n.getSession(), e = await n.isConnected();
-        l((r) => ({
-          ...r,
-          isConnected: e,
-          grant: (t == null ? void 0 : t.grantInfo) || null,
+        const s = await t.getSession(), r = await t.isConnected();
+        l((e) => ({
+          ...e,
+          isConnected: r,
+          grant: (s == null ? void 0 : s.grantInfo) || null,
           error: null
         }));
-      } catch (t) {
-        b ? console.debug(
+      } catch (s) {
+        C ? console.debug(
           "Auto-refresh failed, will retry next interval:",
-          t
-        ) : l((e) => ({
-          ...e,
-          error: t
+          s
+        ) : l((r) => ({
+          ...r,
+          error: s
         }));
       }
     }, d);
-    return () => clearInterval(s);
-  }, [n, d, b]), f(() => {
-    const s = (e, r, o) => {
-      l((a) => {
-        switch (e) {
-          case "AUTH_STARTED":
+    return () => clearInterval(n);
+  }, [t, d, C]), f(() => {
+    const n = (r, e, a) => {
+      l((o) => {
+        switch (r) {
+          case "CONNECT_STARTED":
             return {
-              ...a,
+              ...o,
               isLoading: !0,
               error: null
             };
           case "SIGNED_IN":
           case "SESSION_RESTORED":
             return {
-              ...a,
+              ...o,
               isConnected: !0,
-              grant: (r == null ? void 0 : r.grantInfo) || null,
+              grant: (e == null ? void 0 : e.grantInfo) || null,
               isLoading: !1,
               error: null
             };
           case "SIGNED_OUT":
             return {
-              ...a,
+              ...o,
               isConnected: !1,
               grant: null,
               isLoading: !1,
               error: null
             };
-          case "AUTH_ERROR":
+          case "CONNECT_ERROR":
           case "NETWORK_ERROR":
           case "TOKEN_VALIDATION_ERROR":
             return {
-              ...a,
+              ...o,
               isLoading: !1,
-              error: (o == null ? void 0 : o.error) || new Error("Authentication error")
+              error: (a == null ? void 0 : a.error) || new Error("Authentication error")
             };
-          case "AUTH_CANCELLED":
+          case "CONNECT_CANCELLED":
             return {
-              ...a,
+              ...o,
               isLoading: !1,
               error: null
             };
           case "SESSION_EXPIRED":
           case "SESSION_INVALID":
             return {
-              ...a,
+              ...o,
               isConnected: !1,
               grant: null,
               isLoading: !1,
               error: null
             };
           default:
-            return a;
+            return o;
         }
       });
     };
-    return n.onAuthStateChange(
-      s
+    return t.onConnectStateChange(
+      n
     );
-  }, [n]);
-  const A = i(
-    async (s = {}) => {
-      l((r) => ({ ...r, isLoading: !0, error: null }));
-      let t;
-      const e = u + 1;
-      for (let r = 1; r <= e; r++)
+  }, [t]);
+  const N = i(
+    async (n = {}) => {
+      l((e) => ({ ...e, isLoading: !0, error: null }));
+      let s;
+      const r = u + 1;
+      for (let e = 1; e <= r; e++)
         try {
-          return await n.connect(s);
-        } catch (o) {
-          if (t = o, r < e) {
-            const a = Math.min(1e3 * Math.pow(2, r - 1), 5e3);
-            await new Promise((g) => setTimeout(g, a));
+          return await t.connect(n);
+        } catch (a) {
+          if (s = a, e < r) {
+            const o = Math.min(1e3 * Math.pow(2, e - 1), 5e3);
+            await new Promise((g) => setTimeout(g, o));
           }
         }
-      throw t;
+      throw s;
     },
-    [n, u]
-  ), p = i(
-    async (s) => {
-      l((r) => ({ ...r, isLoading: !0, error: null }));
-      let t;
-      const e = u + 1;
-      for (let r = 1; r <= e; r++)
+    [t, u]
+  ), T = i(
+    async (n) => {
+      l((e) => ({ ...e, isLoading: !0, error: null }));
+      let s;
+      const r = u + 1;
+      for (let e = 1; e <= r; e++)
         try {
-          await n.logout(s);
+          await t.logout(n);
           return;
-        } catch (o) {
-          if (t = o, r < e) {
-            const a = Math.min(1e3 * Math.pow(2, r - 1), 3e3);
-            await new Promise((g) => setTimeout(g, a));
+        } catch (a) {
+          if (s = a, e < r) {
+            const o = Math.min(1e3 * Math.pow(2, e - 1), 3e3);
+            await new Promise((g) => setTimeout(g, o));
           }
         }
-      throw l((r) => ({
-        ...r,
+      throw l((e) => ({
+        ...e,
         isLoading: !1,
-        error: t
-      })), t;
+        error: s
+      })), s;
     },
-    [n, u]
-  ), T = i(async () => {
-    l((e) => ({ ...e, isLoading: !0, error: null }));
-    let s;
-    const t = u + 1;
-    for (let e = 1; e <= t; e++)
+    [t, u]
+  ), R = i(async () => {
+    l((r) => ({ ...r, isLoading: !0, error: null }));
+    let n;
+    const s = u + 1;
+    for (let r = 1; r <= s; r++)
       try {
-        const r = await n.getSession(), o = await n.isConnected();
-        l((a) => ({
-          ...a,
-          isConnected: o,
-          grant: (r == null ? void 0 : r.grantInfo) || null,
+        const e = await t.getSession(), a = await t.isConnected();
+        l((o) => ({
+          ...o,
+          isConnected: a,
+          grant: (e == null ? void 0 : e.grantInfo) || null,
           isLoading: !1,
           error: null
         }));
         return;
-      } catch (r) {
-        if (s = r, e < t) {
-          const o = Math.min(1e3 * Math.pow(2, e - 1), 3e3);
-          await new Promise((a) => setTimeout(a, o));
+      } catch (e) {
+        if (n = e, r < s) {
+          const a = Math.min(1e3 * Math.pow(2, r - 1), 3e3);
+          await new Promise((o) => setTimeout(o, a));
         }
       }
-    throw l((e) => ({
-      ...e,
+    throw l((r) => ({
+      ...r,
       isConnected: !1,
       grant: null,
       isLoading: !1,
-      error: s
-    })), s;
-  }, [n, u]), k = i(
-    (s) => n.onAuthStateChange(s),
-    [n]
-  ), R = i(() => {
-    n.enableDebug();
-  }, [n]), I = i(() => {
-    n.disableDebug();
-  }, [n]), N = i(
-    (s) => {
-      n.setLogLevel(s);
+      error: n
+    })), n;
+  }, [t, u]), k = i(
+    (n) => t.onConnectStateChange(n),
+    [t]
+  ), I = i(() => {
+    t.enableDebug();
+  }, [t]), A = i(() => {
+    t.disableDebug();
+  }, [t]), O = i(
+    (n) => {
+      t.setLogLevel(n);
     },
-    [n]
+    [t]
   );
   return {
     // State
-    ...L,
+    ...p,
     // Actions
-    connect: A,
-    logout: p,
-    refreshSession: T,
+    connect: N,
+    logout: T,
+    refreshSession: R,
     subscribe: k,
     // Logger controls
-    enableDebug: R,
-    disableDebug: I,
-    setLogLevel: N,
+    enableDebug: I,
+    disableDebug: A,
+    setLogLevel: O,
     // Direct access
-    authClient: n,
-    logger: n.logger
+    connectClient: t,
+    logger: t.logger
   };
 }
 export {
-  z as BrowserTokenStorage,
-  G as ConfigError,
-  K as MemoryTokenStorage,
-  V as NetworkError,
-  B as NylasConnect,
-  W as NylasConnectError,
-  X as OAuthError,
-  j as PopupError,
-  q as TokenError,
-  F as isAuthCallback,
-  J as logger,
-  Q as parseAuthCallback,
-  M as useNylasConnect
+  K as BrowserTokenStorage,
+  V as ConfigError,
+  B as MemoryTokenStorage,
+  W as NetworkError,
+  X as NylasConnect,
+  j as NylasConnectError,
+  q as OAuthError,
+  F as PopupError,
+  H as TokenError,
+  J as isConnectCallback,
+  Q as logger,
+  Y as parseConnectCallback,
+  v as useNylasConnect
 };

package/dist/es/index.js

@@ -1,6 +1,6 @@
 import { AddCircleIcon as Di, ArchiveIcon as Li, ArrowIcon as wi, BoldIcon as Ai, ButtonComponent as Ri, CalendarAgendaFillIcon as xi, CalendarAgendaIcon as Mi, CalendarCancelIcon as Gi, CalendarCheckIcon as Wi, CalendarIcon as zi, CalendarInfoIcon as Oi, CalendarPatternsIcon as Ui, CheckboxComponent as qi, CheckboxGroup as Vi, CheckmarkCircleIcon as Zi, CheckmarkIcon as ji, ChevronIcon as Hi, ClockIcon as Ji, CloseIcon as Ki, CopyIcon as Qi, DeleteIcon as Xi, DocumentRefreshIcon as Yi, DragableIcon as _i, EditIcon as $i, EnvelopeFillIcon as ot, EnvelopeIcon as it, EyeIcon as tt, FeedbackIcon as rt, FlowIcon as nt, FolderIcon as mt, ForwardIcon as et, GlobeIcon as pt, GoogleLogoIcon as at, GoogleMeetIcon as lt, InboxIcon as ct, InfoIcon as st, InputColorPicker as yt, InputComponent as It, InputDropdown as Nt, InputImageUrl as dt, ItalicIcon as Ct, LoadingIcon as gt, LocationIcon as kt, LocationOffIcon as ut, MicrosoftLogoIcon as vt, MicrosoftTeamsIcon as Et, MultiSelectDropdown as Pt, NylasAdditionalParticipants as St, NylasAvailabilityPicker as ft, NylasBookedEventCard as Tt, NylasBookingCalendarPicker as ht, NylasBookingConfirmationRedirect as bt, NylasBookingConfirmationType as Bt, NylasBookingForm as Ft, NylasBookingFormConfig as Dt, NylasBufferTime as Lt, NylasCalendarPicker as wt, NylasCancelBookingForm as At, NylasCancellationPolicy as Rt, NylasCancelledEventCard as xt, NylasConfirmationEmail as Mt, NylasConfirmedEventCard as Gt, NylasConnectedCalendars as Wt, NylasCustomBookingFlow as zt, NylasCustomEventSlug as Ot, NylasCustomizeBookingSettings as Ut, NylasDateComponent as qt, NylasDatePicker as Vt, NylasDisableEmails as Zt, NylasEditorTabs as jt, NylasEditorTabsGroup as Ht, NylasEventCalendar as Jt, NylasEventCapacity as Kt, NylasEventDescription as Qt, NylasEventDuration as Xt, NylasEventInfo as Yt, NylasEventLimits as _t, NylasEventLocation as $t, NylasEventTimeslot as or, NylasEventTitle as ir, NylasFeedbackForm as tr, NylasFormCard as rr, NylasLimitFutureBookings as nr, NylasListConfigurations as mr, NylasLocaleSwitch as er, NylasLogo as pr, NylasMinBookingNotice as ar, NylasMinCancellationNotice as lr, NylasNotification as cr, NylasOrganizerConfirmationCard as sr, NylasPageName as yr, NylasPageStyling as Ir, NylasParticipantBookingCalendars as Nr, NylasParticipantsCustomAvailability as dr, NylasReminderEmails as Cr, NylasReminderTime as gr, NylasSchedulerEditor as kr, NylasScheduling as ur, NylasSchedulingMethod as vr, NylasSelectEventType as Er, NylasSelectedEventCard as Pr, NylasSpecificTimeAvailabilityPicker as Sr, NylasTimeWindowPicker as fr, NylasTimeslotInterval as Tr, NylasTimeslotPicker as hr, PaintbrushFillIcon as br, PaintbrushIcon as Br, PeopleIcon as Fr, PersonClipboardIcon as Dr, PersonIcon as Lr, PlayIcon as wr, PlusIcon as Ar, RadioButtonGroup as Rr, RefreshIcon as xr, ReplyAllIcon as Mr, ReplyIcon as Gr, SearchIcon as Wr, SelectDropdown as zr, SentIcon as Or, SpamIcon as Ur, StarIcon as qr, StopIcon as Vr, TextareaComponent as Zr, TimePeriodSelector as jr, ToggleSwitch as Hr, TooltipComponent as Jr, TranslateIcon as Kr, TrashFillIcon as Qr, TrashIcon as Xr, UnderlineIcon as Yr, WarningIcon as _r, ZoomIcon as $r } from "./elements.js";
 import { CalendarSync as tn, SendNotetaker as rn, Transcript as nn, VideoPlayer as mn, calendarSyncStore as en, provider as pn, sendNotetakerStore as an, videoPlayerStore as ln } from "./notetaker.js";
-import { NylasIdentityRequestWrapper as sn } from "./utils.js";
+import { NylasIdentityRequestWrapper as sn } from "@nylas/web-elements/components";
 import "@nylas/web-elements/dist/components/add-circle-icon.js";
 import "@nylas/web-elements/dist/components/archive-icon.js";
 import "@nylas/web-elements/dist/components/arrow-icon.js";

package/dist/es/notetaker.js

@@ -5248,7 +5248,7 @@ He.interceptors.request.use((e) => {
   const n = t.getAccessToken();
   return n && (e.headers.Authorization = `Bearer ${n}`), e;
 });
-var J = /* @__PURE__ */ ((e) => (e.Video = "video", e.Audio = "audio", e.Transcript = "transcript", e))(J || {}), ae = /* @__PURE__ */ ((e) => (e.All = "all", e.Internal = "internal", e.External = "external", e.MyMeetings = "my_meetings", e.Participant = "participant", e))(ae || {});
+var J = /* @__PURE__ */ ((e) => (e.Video = "video", e.Audio = "audio", e.Transcript = "transcript", e))(J || {}), ae = /* @__PURE__ */ ((e) => (e.All = "all", e.Internal = "internal", e.External = "external", e.MyMeetings = "own_events", e.Participant = "participant_only", e))(ae || {});
 const Kn = [
   J.Video,
   J.Audio,
@@ -5446,7 +5446,7 @@ function Jo({
     _(e, t, n);
   }, [e, t, n, _]), Se(() => {
     n && O(n);
-  }, []);
+  }, [n, O]);
   const q = Object.keys((l == null ? void 0 : l.notetaker) || {}).length === 0;
   return /* @__PURE__ */ H("div", { className: "ny:flex ny:flex-col ny:gap-1", children: [
     !a && /* @__PURE__ */ H("div", { className: "ny:mb-2", children: [
@@ -5665,7 +5665,7 @@ function Yo({
   } = Vo();
   Se(() => {
     r && o(r);
-  }, []);
+  }, [r, o]);
   const O = !!a;
   return /* @__PURE__ */ H("div", { className: `ny:flex ny:flex-col ny:gap-3 ${e}`, children: [
     /* @__PURE__ */ H("div", { children: [