@elevasis/ui 1.2.0 → 1.3.0

package/dist/chunk-OLD3NQLI.js

@@ -0,0 +1,91 @@
+import { OrganizationProvider } from './chunk-FLJXZ7YC.js';
+import { ApiClientProvider, createUseApiClient } from './chunk-BWCC6ZJC.js';
+import { NotificationProvider } from './chunk-TIRMFDM4.js';
+import { OAuthProvider } from './chunk-QSVZP2NU.js';
+import { InitializationProvider } from './chunk-QQOLC46E.js';
+import { useOrganization } from './chunk-DD3CCMCZ.js';
+import { ProfileProvider } from './chunk-4KAG5U7A.js';
+import { ElevasisServiceProvider } from './chunk-KA7LO7U5.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { lazy, Suspense, useRef } from 'react';
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-KM72EYJS.js').then((m) => ({ default: m.CoreAuthKitInner })));
+var defaultQueryClient = null;
+function getDefaultQueryClient() {
+  if (!defaultQueryClient) {
+    defaultQueryClient = new QueryClient({
+      defaultOptions: { queries: { retry: 1 } }
+    });
+  }
+  return defaultQueryClient;
+}
+var defaultUseOrganizations = () => ({ isInitializing: false, isOrgRefreshing: false });
+function ElevasisCoreProvider({
+  auth,
+  queryClient,
+  apiUrl,
+  onError,
+  notifications,
+  children
+}) {
+  if (auth.mode === "apiKey") {
+    throw new Error(
+      `ElevasisCoreProvider: auth mode 'apiKey' is not yet implemented. Only 'authkit' and 'oauth' modes are supported.`
+    );
+  }
+  const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
+  const content = apiUrl ? /* @__PURE__ */ jsx(CoreServiceBridge, { apiUrl, onError, notifications, children }) : children;
+  const AuthInner = auth.mode === "authkit" ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyCoreAuthKitInner, { auth, children: content }) }) : /* @__PURE__ */ jsx(CoreOAuthInner, { auth, children: content });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner });
+}
+function CoreOAuthInner({ auth, children }) {
+  return /* @__PURE__ */ jsx(OAuthProvider, { config: auth, children });
+}
+function CoreServiceBridge({
+  apiUrl,
+  onError,
+  notifications,
+  children
+}) {
+  const { getAccessToken } = useAuthContext();
+  const orgIdRef = useRef(null);
+  const getOrganizationId = useRef(() => orgIdRef.current).current;
+  return /* @__PURE__ */ jsx(
+    ApiClientProvider,
+    {
+      getAccessToken,
+      getOrganizationId,
+      isOrganizationReady: false,
+      onError,
+      children: /* @__PURE__ */ jsx(CoreServiceBridgeInner, { apiUrl, orgIdRef, notifications, children })
+    }
+  );
+}
+function CoreServiceBridgeInner({
+  apiUrl,
+  orgIdRef,
+  notifications,
+  children
+}) {
+  const useApiClient = useRef(createUseApiClient(defaultUseOrganizations, apiUrl)).current;
+  const { apiRequest } = useApiClient();
+  return /* @__PURE__ */ jsx(ElevasisServiceProvider, { apiRequest, organizationId: null, isReady: false, children: /* @__PURE__ */ jsx(ProfileProvider, { children: /* @__PURE__ */ jsx(OrganizationProvider, { children: /* @__PURE__ */ jsx(OrgIdBridge, { orgIdRef, children: /* @__PURE__ */ jsx(CoreNotificationLayer, { notifications, children: /* @__PURE__ */ jsx(InitializationProvider, { children }) }) }) }) }) });
+}
+function OrgIdBridge({ orgIdRef, children }) {
+  const { currentWorkOSOrganizationId } = useOrganization();
+  orgIdRef.current = currentWorkOSOrganizationId;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function CoreNotificationLayer({
+  notifications,
+  children
+}) {
+  if (notifications) {
+    return /* @__PURE__ */ jsx(NotificationProvider, { adapter: notifications, children });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { ElevasisCoreProvider };

package/dist/{chunk-XVPEDNIM.js → chunk-PCBXNHKY.js}

@@ -1,11 +1,262 @@
-import { ApiClientProvider, createUseApiClient } from './chunk-GDV44UWF.js';
-import { ElevasisServiceProvider } from './chunk-KA7LO7U5.js';
-import { OAuthProvider } from './chunk-KSG4C5DD.js';
-import { useAuthContext } from './chunk-7PLEQFHO.js';
-import { lazy, useMemo, useEffect, useRef, Suspense, useState } from 'react';
-import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { ElevasisCoreProvider } from './chunk-OLD3NQLI.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-4VGWQ5AN.js';
+import { useMemo, useEffect } from 'react';
+import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme, mergeThemeOverrides, MantineProvider } from '@mantine/core';
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import { notifications } from '@mantine/notifications';
 import { jsx } from 'react/jsx-runtime';
 
+var DEFAULT_SIZE = "sm";
+var glassBase = {
+  backdropFilter: "var(--glass-blur)",
+  WebkitBackdropFilter: "var(--glass-blur)",
+  border: "1px solid var(--color-border)"
+};
+var componentThemes = {
+  Accordion: Accordion.extend({
+    styles: {
+      item: {
+        borderColor: "var(--color-border)"
+      },
+      content: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  Button: Button.extend({
+    styles: {
+      root: {
+        transition: `all var(--duration-fast) var(--easing)`
+      }
+    }
+  }),
+  Card: Card.extend({
+    defaultProps: {
+      p: DEFAULT_SIZE
+    },
+    styles: {
+      root: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)"
+      }
+    }
+  }),
+  // Checkbox styles are in custom.css to support :checked pseudo-selector
+  Divider: Divider.extend({
+    styles: {
+      root: {
+        borderColor: "var(--color-border)"
+      }
+    }
+  }),
+  Code: Code.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Flex: Flex.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Grid: Grid.extend({
+    defaultProps: {
+      gutter: DEFAULT_SIZE
+    }
+  }),
+  Group: Group.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  HoverCard: HoverCard.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Input: Input.extend({
+    styles: {
+      input: {
+        backgroundColor: "var(--color-surface)",
+        border: "none",
+        borderBottom: "1px solid var(--color-border)",
+        borderRadius: "0"
+      }
+    }
+  }),
+  Menu: Menu.extend({
+    styles: {
+      dropdown: {
+        background: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Modal: Modal.extend({
+    styles: {
+      content: {
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  }),
+  Notification: Notification.extend({
+    styles: {
+      root: {
+        backgroundColor: "color-mix(in srgb, var(--color-surface) 90%, transparent)",
+        ...glassBase
+      }
+    }
+  }),
+  Popover: Popover.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Paper: Paper.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--card-shadow)",
+        padding: `var(--mantine-spacing-${DEFAULT_SIZE})`
+      }
+    }
+  }),
+  ScrollArea: ScrollArea.extend({
+    defaultProps: {
+      scrollbarSize: 8
+    },
+    styles: {
+      scrollbar: {
+        background: "transparent",
+        '&[data-orientation="vertical"]': {
+          width: "8px"
+        },
+        '&[data-orientation="horizontal"]': {
+          height: "8px"
+        }
+      },
+      thumb: {
+        borderRadius: "var(--mantine-radius-default)",
+        background: "color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border))",
+        "&:hover": {
+          background: "var(--color-text-subtle)"
+        }
+      }
+    }
+  }),
+  SegmentedControl: SegmentedControl.extend({
+    styles: {
+      root: {
+        backgroundColor: "var(--color-surface)"
+      },
+      indicator: {
+        backgroundColor: "var(--color-surface-hover)",
+        boxShadow: "var(--standard-box-shadow)"
+      }
+    }
+  }),
+  Combobox: Combobox.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "red"
+      }
+    }
+  }),
+  Select: Select.extend({
+    styles: {
+      dropdown: {
+        backgroundColor: "var(--color-surface)"
+      }
+    }
+  }),
+  // Switch styles are in custom.css to support [data-checked] attribute selector
+  SimpleGrid: SimpleGrid.extend({
+    defaultProps: {
+      spacing: DEFAULT_SIZE,
+      verticalSpacing: DEFAULT_SIZE
+    }
+  }),
+  Stack: Stack.extend({
+    defaultProps: {
+      gap: DEFAULT_SIZE
+    }
+  }),
+  Table: Table.extend({
+    defaultProps: {
+      highlightOnHover: true
+    },
+    styles: {
+      table: {
+        "--table-border-color": "var(--color-border)",
+        "--table-highlight-on-hover-color": "var(--color-surface-hover)"
+      }
+    }
+  }),
+  Tabs: Tabs.extend({}),
+  Text: Text.extend({
+    styles: {
+      root: {
+        fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+      }
+    }
+  }),
+  // Timeline styles are in custom.css to override color-scheme-specific selectors
+  Tooltip: Tooltip.extend({
+    styles: {
+      tooltip: {
+        backgroundColor: "var(--color-surface)",
+        color: "var(--color-text)",
+        border: "1px solid var(--color-border)"
+      }
+    }
+  })
+  // Pagination styles are in custom.css to support :not([data-active]) selector
+};
+
+// src/theme/MantineThemeOverride.ts
+var mantineThemeOverride = createTheme({
+  defaultRadius: "xs",
+  fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  cursorType: "pointer",
+  spacing: {
+    xs: "0.5rem",
+    sm: "0.75rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem"
+  },
+  radius: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  fontSizes: {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.125rem",
+    xl: "1.25rem"
+  },
+  components: componentThemes
+});
+
 // src/theme/presets/utils.ts
 function hexToRgb(hex) {
   const h = hex.replace("#", "");
@@ -1111,107 +1362,57 @@ function createCssVariablesResolver(tokens, preset) {
     dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
   });
 }
-var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-KM72EYJS.js').then((m) => ({ default: m.CoreAuthKitInner })));
-var defaultQueryClient = null;
-function getDefaultQueryClient() {
-  if (!defaultQueryClient) {
-    defaultQueryClient = new QueryClient({
-      defaultOptions: { queries: { retry: 1 } }
+var mantineNotificationAdapter = {
+  success(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "green",
+      position: "top-right"
+    });
+  },
+  error(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "red",
+      position: "top-right"
+    });
+  },
+  info(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "blue",
+      position: "top-right"
+    });
+  },
+  warning(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "orange",
+      position: "top-right"
+    });
+  },
+  apiError(error) {
+    const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
+    notifications.show({
+      title: getErrorTitle(code),
+      message: formatErrorMessage(message, requestId, fields, retryAfter),
+      autoClose: retryAfter ? retryAfter * 1e3 : 5e3,
+      color: "red",
+      position: "top-right"
     });
   }
-  return defaultQueryClient;
-}
-var defaultUseOrganizations = () => ({ isInitializing: false, isOrgRefreshing: false });
-function useResolvedColorScheme(scheme) {
-  const [resolved, setResolved] = useState(() => {
-    if (scheme && scheme !== "auto") return scheme;
-    if (typeof window === "undefined") return "dark";
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  });
-  useEffect(() => {
-    if (scheme && scheme !== "auto") {
-      setResolved(scheme);
-      return;
-    }
-    const mql = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => setResolved(e.matches ? "dark" : "light");
-    setResolved(mql.matches ? "dark" : "light");
-    mql.addEventListener("change", handler);
-    return () => mql.removeEventListener("change", handler);
-  }, [scheme]);
-  return resolved;
-}
-function buildCssVarStyles(theme) {
-  const preset = getPreset(theme?.preset ?? "default");
-  const tokens = theme?.tokens;
-  function toVarDeclarations(overrides) {
-    const lines = [];
-    for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
-      const value = overrides[key];
-      if (value) lines.push(`  ${varName}: ${value};`);
-    }
-    return lines.join("\n");
-  }
-  const flatTokens = {};
-  if (tokens) {
-    for (const key of Object.keys(TOKEN_VAR_MAP)) {
-      if (tokens[key] !== void 0) flatTokens[key] = tokens[key];
-    }
-  }
-  const darkMerged = { ...preset.dark, ...flatTokens, ...tokens?.dark };
-  const lightMerged = { ...preset.light, ...flatTokens, ...tokens?.light };
-  const darkBlock = toVarDeclarations(darkMerged);
-  const lightBlock = toVarDeclarations(lightMerged);
-  return [
-    `:root[data-elevasis-scheme="dark"] {
-${darkBlock}
-}`,
-    `:root[data-elevasis-scheme="light"] {
-${lightBlock}
-}`
-  ].join("\n\n");
-}
-function ElevasisCoreProvider({
-  auth,
-  theme,
-  organizationId = null,
-  queryClient,
-  apiUrl,
-  onError,
-  isOrganizationReady,
-  children
-}) {
-  if (auth.mode === "apiKey") {
-    throw new Error(
-      `ElevasisCoreProvider: auth mode 'apiKey' is not yet implemented. Only 'authkit' and 'oauth' modes are supported.`
-    );
-  }
-  const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
-  const resolvedScheme = useResolvedColorScheme(theme?.colorScheme);
+};
+function ElevasisUIProvider({ theme, children, ...coreProps }) {
+  const resolvedColorScheme = theme?.colorScheme ?? "dark";
   const preset = useMemo(() => getPreset(theme?.preset ?? "default"), [theme?.preset]);
-  useEffect(() => {
-    document.documentElement.setAttribute("data-elevasis-scheme", resolvedScheme);
-    return () => {
-      document.documentElement.removeAttribute("data-elevasis-scheme");
-    };
-  }, [resolvedScheme]);
-  const styleRef = useRef(null);
-  useEffect(() => {
-    const css = buildCssVarStyles(theme);
-    if (!styleRef.current) {
-      const el = document.createElement("style");
-      el.setAttribute("data-elevasis-vars", "");
-      document.head.appendChild(el);
-      styleRef.current = el;
-    }
-    styleRef.current.textContent = css;
-    return () => {
-      if (styleRef.current) {
-        styleRef.current.remove();
-        styleRef.current = null;
-      }
-    };
-  }, [theme?.preset, theme?.tokens, resolvedScheme]);
   useEffect(() => {
     if (!preset.fontImports?.length) return;
     const links = [];
@@ -1230,58 +1431,30 @@ function ElevasisCoreProvider({
       document.documentElement.style.removeProperty("--elevasis-font-family-subtitle");
     };
   }, [preset.fontImports, preset.subtitleFontFamily, preset.mantine?.headings?.fontFamily, preset.mantine?.fontFamily]);
-  const content = apiUrl ? /* @__PURE__ */ jsx(
-    CoreServiceBridge,
-    {
-      apiUrl,
-      organizationId,
-      isOrganizationReady,
-      onError,
-      children
-    }
-  ) : children;
-  const AuthInner = auth.mode === "authkit" ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyCoreAuthKitInner, { auth, children: content }) }) : /* @__PURE__ */ jsx(CoreOAuthInner, { auth, children: content });
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner });
-}
-function CoreOAuthInner({ auth, children }) {
-  return /* @__PURE__ */ jsx(OAuthProvider, { config: auth, children });
-}
-function CoreServiceBridge({
-  apiUrl,
-  organizationId,
-  isOrganizationReady,
-  onError,
-  children
-}) {
-  const { getAccessToken } = useAuthContext();
-  return /* @__PURE__ */ jsx(
-    ApiClientProvider,
-    {
-      getAccessToken,
-      organizationId,
-      isOrganizationReady: isOrganizationReady ?? !!organizationId,
-      onError,
-      children: /* @__PURE__ */ jsx(CoreServiceBridgeInner, { apiUrl, organizationId, isOrganizationReady, children })
-    }
+  const resolvedTheme = useMemo(() => {
+    const primaryHex = theme?.tokens?.primary ?? preset.dark.primary;
+    const primaryOverride = {
+      primaryColor: "primary",
+      colors: { primary: generateShades(primaryHex) }
+    };
+    let base = mergeThemeOverrides(mantineThemeOverride, primaryOverride);
+    if (preset.mantine) base = mergeThemeOverrides(base, preset.mantine);
+    return theme?.mantine ? mergeThemeOverrides(base, theme.mantine) : base;
+  }, [theme?.mantine, preset, theme?.tokens?.primary]);
+  const cssVariablesResolver = useMemo(
+    () => createCssVariablesResolver(theme?.tokens, theme?.preset),
+    [theme?.tokens, theme?.preset]
   );
-}
-function CoreServiceBridgeInner({
-  apiUrl,
-  organizationId,
-  isOrganizationReady,
-  children
-}) {
-  const useApiClient = useRef(createUseApiClient(defaultUseOrganizations, apiUrl)).current;
-  const { apiRequest } = useApiClient();
   return /* @__PURE__ */ jsx(
-    ElevasisServiceProvider,
+    MantineProvider,
     {
-      apiRequest,
-      organizationId,
-      isReady: isOrganizationReady ?? !!organizationId,
-      children
+      theme: resolvedTheme,
+      defaultColorScheme: resolvedColorScheme,
+      cssVariablesResolver,
+      children: /* @__PURE__ */ jsx(ElevasisCoreProvider, { notifications: mantineNotificationAdapter, ...coreProps, children })
     }
   );
 }
+var ElevasisProvider = ElevasisUIProvider;
 
-export { ElevasisCoreProvider, createCssVariablesResolver, generateShades, getPreset };
+export { ElevasisProvider, ElevasisUIProvider, createCssVariablesResolver, generateShades, getPreset, mantineNotificationAdapter, mantineThemeOverride };

package/dist/chunk-QQOLC46E.js

@@ -0,0 +1,75 @@
+import { useOrganization } from './chunk-DD3CCMCZ.js';
+import { useProfile } from './chunk-4KAG5U7A.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { createContext, useContext, useMemo, useCallback, createElement } from 'react';
+
+var InitializationContext = createContext(null);
+function useInitialization() {
+  const ctx = useContext(InitializationContext);
+  if (!ctx) {
+    throw new Error(
+      "useInitialization must be used within an InitializationProvider. Wrap your app (or the relevant subtree) with <InitializationProvider>."
+    );
+  }
+  return ctx;
+}
+function InitializationProvider({ children }) {
+  const { user, isLoading: authLoading } = useAuthContext();
+  const { profile, loading: profileLoading, error: profileError, refetch } = useProfile();
+  const {
+    isInitializing: orgInitializing,
+    isOrgRefreshing: orgLoading,
+    error: orgErrorMsg,
+    currentWorkOSOrganizationId,
+    memberships,
+    retry: orgRetry
+  } = useOrganization();
+  const isInitializing = authLoading || profileLoading || orgInitializing || orgLoading;
+  const userReady = !authLoading && !profileLoading && !!user && !!profile && !profileError;
+  const organizationReady = userReady && !orgInitializing && !orgLoading && !!currentWorkOSOrganizationId && !orgErrorMsg;
+  const allReady = organizationReady;
+  const error = useMemo(() => {
+    if (profileError) {
+      return {
+        layer: "profile",
+        message: "Failed to load user profile",
+        originalError: profileError
+      };
+    }
+    if (orgErrorMsg) {
+      return {
+        layer: "organization",
+        message: orgErrorMsg,
+        originalError: new Error(orgErrorMsg)
+      };
+    }
+    if (userReady && !orgInitializing && !orgLoading && !currentWorkOSOrganizationId && memberships.length > 0) {
+      return {
+        layer: "organization",
+        message: "No organization membership found. Please contact your administrator for an invitation."
+      };
+    }
+    return null;
+  }, [profileError, orgErrorMsg, userReady, orgInitializing, orgLoading, currentWorkOSOrganizationId, memberships]);
+  const retry = useCallback(async () => {
+    if (profileError && refetch) {
+      await refetch();
+    }
+    await orgRetry();
+  }, [profileError, refetch, orgRetry]);
+  const value = useMemo(
+    () => ({
+      userReady,
+      organizationReady,
+      allReady,
+      isInitializing,
+      error,
+      retry,
+      profile
+    }),
+    [userReady, organizationReady, allReady, isInitializing, error, retry, profile]
+  );
+  return createElement(InitializationContext.Provider, { value }, children);
+}
+
+export { InitializationContext, InitializationProvider, useInitialization };

package/dist/{chunk-KSG4C5DD.js → chunk-QSVZP2NU.js}

@@ -150,6 +150,7 @@ function OAuthProvider({ config, children }) {
         client_id: config.clientId,
         redirect_uri: config.redirectUri,
         response_type: "code",
+        provider: config.provider ?? "authkit",
         code_challenge: challenge,
         code_challenge_method: "S256",
         state: oauthState
@@ -160,7 +161,7 @@ function OAuthProvider({ config, children }) {
       window.location.href = `https://api.workos.com/user_management/authorize?${params.toString()}`;
     };
     void start();
-  }, [config.clientId, config.redirectUri, config.organizationId]);
+  }, [config.clientId, config.redirectUri, config.organizationId, config.provider]);
   useEffect(() => {
     const url = new URL(window.location.href);
     const code = url.searchParams.get("code");

package/dist/chunk-RNP5R5I3.js

@@ -0,0 +1 @@
+

package/dist/{chunk-YULUKCS6.js → chunk-SITSZUFW.js}

@@ -1,4 +1,4 @@
-import { useUserProfile } from './chunk-5UWFGBFM.js';
+import { useUserProfile } from './chunk-4KAG5U7A.js';
 import { useAuthContext } from './chunk-7PLEQFHO.js';
 import { useMemo, useCallback } from 'react';