@elevasis/ui 2.41.0 → 2.42.0

package/dist/chunk-X4WBGKJQ.js

@@ -1,138 +0,0 @@
-import { subshellNavItemIconSize } from './chunk-DT3QYZVU.js';
-import { UnstyledButton, Stack, Group, Text } from '@mantine/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var activeColor = "var(--color-primary)";
-var defaultColor = "var(--color-text-subtle)";
-var hoverColor = "var(--color-text)";
-var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
-var SubshellNavItem = ({
-  icon: Icon,
-  label,
-  isActive = false,
-  onClick,
-  description,
-  badge,
-  disabled = false,
-  href
-}) => {
-  const handleAnchorClick = disabled ? void 0 : (event) => {
-    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {
-      return;
-    }
-    event.preventDefault();
-    onClick();
-  };
-  const sharedStyle = {
-    width: "100%",
-    padding: "var(--mantine-spacing-xs)",
-    backgroundColor: isActive ? activeBg : "transparent",
-    borderRadius: "var(--mantine-radius-default)",
-    transition: `all var(--duration-fast) var(--easing)`,
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1,
-    color: "inherit",
-    textDecoration: "none",
-    display: "block"
-  };
-  const handleMouseEnter = (e) => {
-    if (!isActive && !disabled) {
-      e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
-      textElements.forEach((el) => {
-        el.style.color = hoverColor;
-      });
-    }
-  };
-  const handleMouseLeave = (e) => {
-    if (!isActive && !disabled) {
-      e.currentTarget.style.backgroundColor = "transparent";
-      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
-      textElements.forEach((el) => {
-        el.style.color = defaultColor;
-      });
-    }
-  };
-  const inner = /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          size: subshellNavItemIconSize,
-          style: {
-            flexShrink: 0,
-            opacity: isActive ? 1 : 0.6,
-            color: isActive ? activeColor : defaultColor
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "sm",
-          fw: isActive ? 600 : 400,
-          style: {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            flex: 1,
-            fontFamily: "var(--elevasis-font-family-subtitle)",
-            color: isActive ? activeColor : defaultColor,
-            transition: `color var(--duration-fast) var(--easing)`
-          },
-          "data-text-element": true,
-          children: label
-        }
-      ),
-      badge && /* @__PURE__ */ jsx("div", { style: { flexShrink: 0 }, children: badge })
-    ] }),
-    description && /* @__PURE__ */ jsx(
-      Text,
-      {
-        size: "xs",
-        c: "dimmed",
-        style: {
-          paddingLeft: "22px",
-          lineHeight: 1.2,
-          color: isActive ? activeColor : defaultColor,
-          opacity: isActive ? 0.8 : 0.6,
-          transition: `all var(--duration-fast) var(--easing)`,
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
-        },
-        "data-text-element": true,
-        children: description
-      }
-    )
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      UnstyledButton,
-      {
-        component: "a",
-        href,
-        onClick: handleAnchorClick,
-        style: sharedStyle,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: disabled ? void 0 : onClick,
-      disabled,
-      style: sharedStyle,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      children: inner
-    }
-  );
-};
-
-export { SubshellNavItem };

package/dist/chunk-YPWN2WQ3.js

@@ -1,340 +0,0 @@
-import { FeatureUnavailableState } from './chunk-CTJBPF3Z.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-L7GXUSCV.js';
-import { ApiClientProvider, useApiClient } from './chunk-TE4P6OSJ.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-RXH4D6TY.js';
-import { InitializationProvider } from './chunk-6DO4PE3O.js';
-import { useElevasisSystems } from './chunk-FIMGOWOT.js';
-import { OrganizationContext, useOrganization } from './chunk-DD3CCMCZ.js';
-import { useProfile, ProfileProvider } from './chunk-W2SFTXMT.js';
-import { ElevasisServiceProvider } from './chunk-2FTX4WO2.js';
-import { brandSupabaseOrgId, brandWorkOsOrgId } from './chunk-MQZE7SUI.js';
-import { useAuthContext } from './chunk-BRJ3QZ4E.js';
-import { createContext, lazy, useState, useRef, useEffect, useCallback, createElement, useContext, Suspense } from 'react';
-import { useQueryClient, QueryClientProvider, QueryClient } from '@tanstack/react-query';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-function OrganizationProvider({ apiRequest, children }) {
-  const { user, organizationId: workosOrgId } = useAuthContext();
-  const { profile, error: profileError } = useProfile();
-  const queryClient = useQueryClient();
-  const [memberships, setMemberships] = useState([]);
-  const [currentWorkOSOrganizationId, setCurrentWorkOSOrganizationId] = useState(null);
-  const [currentSupabaseOrganizationId, setCurrentSupabaseOrganizationId] = useState(null);
-  const [currentMembership, setCurrentMembership] = useState(null);
-  const [isInitializing, setIsInitializing] = useState(true);
-  const [isOrgRefreshing, setIsOrgRefreshing] = useState(false);
-  const [error, setError] = useState(null);
-  const hasInitializedRef = useRef(false);
-  const [profileLoaded, setProfileLoaded] = useState(false);
-  useEffect(() => {
-    if (profile !== void 0 && profile !== null) {
-      setProfileLoaded(true);
-    }
-  }, [profile]);
-  useEffect(() => {
-    if (profileError && isInitializing && !hasInitializedRef.current) {
-      setIsInitializing(false);
-    }
-  }, [profileError, isInitializing]);
-  useEffect(() => {
-    if (!user) {
-      setMemberships([]);
-      setCurrentWorkOSOrganizationId(null);
-      setCurrentSupabaseOrganizationId(null);
-      setCurrentMembership(null);
-      setIsInitializing(false);
-      setIsOrgRefreshing(false);
-      setError(null);
-      hasInitializedRef.current = false;
-      setProfileLoaded(false);
-    }
-  }, [user]);
-  const applyMembership = useCallback((membership) => {
-    setCurrentMembership(membership);
-    setCurrentSupabaseOrganizationId(brandSupabaseOrgId(membership?.organization?.id));
-    setCurrentWorkOSOrganizationId(brandWorkOsOrgId(membership?.organization?.workos_org_id));
-  }, []);
-  const selectOrganization = useCallback(
-    (data) => {
-      let selected = null;
-      if (workosOrgId) {
-        selected = data.find((m) => m.organization?.workos_org_id === workosOrgId) ?? null;
-      }
-      if (!selected && profile?.last_visited_org) {
-        selected = data.find((m) => m.organizationId === profile.last_visited_org) ?? null;
-      }
-      if (!selected && data.length > 0) {
-        selected = data[0];
-      }
-      if (selected) {
-        applyMembership(selected);
-      }
-    },
-    [profile?.last_visited_org, workosOrgId, applyMembership]
-  );
-  const fetchAndInitialize = useCallback(async () => {
-    if (!user?.id || !profileLoaded) return;
-    setError(null);
-    if (memberships.length === 0) {
-      setIsInitializing(true);
-    } else {
-      setIsOrgRefreshing(true);
-    }
-    try {
-      const data = await apiRequest("/memberships/my-memberships");
-      if (!Array.isArray(data)) {
-        throw new Error("Invalid memberships response");
-      }
-      setMemberships(data);
-      if (data.length === 0) {
-        hasInitializedRef.current = true;
-        return;
-      }
-      if (!currentWorkOSOrganizationId) {
-        selectOrganization(data);
-      } else {
-        const stillPresent = data.find((m) => m.organization?.workos_org_id === currentWorkOSOrganizationId);
-        if (!stillPresent) {
-          applyMembership(data[0] ?? null);
-        } else {
-          applyMembership(stillPresent);
-        }
-      }
-      hasInitializedRef.current = true;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to load organizations");
-    } finally {
-      setIsInitializing(false);
-      setIsOrgRefreshing(false);
-    }
-  }, [
-    user?.id,
-    profileLoaded,
-    memberships.length,
-    apiRequest,
-    currentWorkOSOrganizationId,
-    selectOrganization,
-    applyMembership
-  ]);
-  useEffect(() => {
-    if (!user?.id || !profileLoaded || hasInitializedRef.current) return;
-    fetchAndInitialize();
-  }, [user?.id, profileLoaded, fetchAndInitialize]);
-  useEffect(() => {
-    if (!hasInitializedRef.current) return;
-    if (!workosOrgId) return;
-    if (workosOrgId === currentWorkOSOrganizationId) return;
-    const target = memberships.find((m) => m.organization?.workos_org_id === workosOrgId);
-    if (!target) return;
-    applyMembership(target);
-    void queryClient.invalidateQueries();
-  }, [workosOrgId, currentWorkOSOrganizationId, memberships, applyMembership, queryClient]);
-  const switchOrganization = useCallback(
-    (workosOrgId2, options) => {
-      const target = memberships.find((m) => m.organization?.workos_org_id === workosOrgId2);
-      if (!target) return;
-      applyMembership(target);
-      void queryClient.invalidateQueries();
-      if (options?.persist !== false) {
-        void apiRequest("/users/me", {
-          method: "PATCH",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ lastVisitedOrg: target.organizationId })
-        }).catch((err) => {
-          console.warn("Failed to persist last_visited_org preference:", err);
-        });
-      }
-    },
-    [memberships, applyMembership, queryClient, apiRequest]
-  );
-  const retry = useCallback(async () => {
-    hasInitializedRef.current = false;
-    setError(null);
-    await fetchAndInitialize();
-  }, [fetchAndInitialize]);
-  const value = {
-    currentWorkOSOrganizationId,
-    currentSupabaseOrganizationId,
-    currentMembership,
-    memberships,
-    isInitializing,
-    isOrgRefreshing,
-    error,
-    switchOrganization,
-    retry
-  };
-  return createElement(OrganizationContext.Provider, { value }, children);
-}
-var consoleAdapter = {
-  success(title, message) {
-    console.log(`[Notification][Success] ${title}: ${message}`);
-  },
-  error(title, message) {
-    console.warn(`[Notification][Error] ${title}: ${message}`);
-  },
-  info(title, message) {
-    console.log(`[Notification][Info] ${title}: ${message}`);
-  },
-  warning(title, message) {
-    console.warn(`[Notification][Warning] ${title}: ${message}`);
-  },
-  apiError(error) {
-    const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
-    const title = getErrorTitle(code);
-    const formatted = formatErrorMessage(message, requestId, fields, retryAfter);
-    console.warn(`[Notification][API Error] ${title}: ${formatted}`);
-  }
-};
-var NotificationContext = createContext(consoleAdapter);
-function NotificationProvider({ adapter, children }) {
-  return /* @__PURE__ */ jsx(NotificationContext.Provider, { value: adapter, children });
-}
-function useNotificationAdapter() {
-  return useContext(NotificationContext);
-}
-var CrmActionsContext = createContext([]);
-function CrmActionsProvider({ actions, children }) {
-  return /* @__PURE__ */ jsx(CrmActionsContext.Provider, { value: actions, children });
-}
-function useCrmActions() {
-  return useContext(CrmActionsContext);
-}
-var EMPTY_LIST_ACTIONS = Object.freeze([]);
-var ListActionsContext = createContext(EMPTY_LIST_ACTIONS);
-function ListActionsProvider({
-  registry = EMPTY_LIST_ACTIONS,
-  children
-}) {
-  return /* @__PURE__ */ jsx(ListActionsContext.Provider, { value: registry, children });
-}
-function useListActions() {
-  return useContext(ListActionsContext);
-}
-function findListActionByAction(registry, actionKey) {
-  return registry.find((action) => action.actionKey === actionKey);
-}
-function getListActionWorkflowId(action) {
-  return action.workflowId ?? action.resourceId;
-}
-var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-PSTKG4B3.js').then((m) => ({ default: m.CoreAuthKitInner })));
-var defaultQueryClient = null;
-function getDefaultQueryClient() {
-  if (!defaultQueryClient) {
-    defaultQueryClient = new QueryClient({
-      defaultOptions: { queries: { retry: 1 } }
-    });
-  }
-  return defaultQueryClient;
-}
-var consoleNotificationAdapter = {
-  success(title, message) {
-    console.log(`[Notification][Success] ${title}: ${message}`);
-  },
-  error(title, message) {
-    console.warn(`[Notification][Error] ${title}: ${message}`);
-  },
-  info(title, message) {
-    console.log(`[Notification][Info] ${title}: ${message}`);
-  },
-  warning(title, message) {
-    console.warn(`[Notification][Warning] ${title}: ${message}`);
-  },
-  apiError(error) {
-    console.warn(`[Notification][API Error]`, error);
-  }
-};
-function ElevasisCoreProvider({
-  auth,
-  queryClient,
-  apiUrl,
-  onError,
-  notifications,
-  crmActions,
-  listActions,
-  children
-}) {
-  if (auth.mode === "apiKey") {
-    throw new Error(
-      `ElevasisCoreProvider: auth mode 'apiKey' is not yet implemented. Only 'authkit' mode is supported.`
-    );
-  }
-  const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
-  const resolvedCrmActions = crmActions ?? [];
-  const resolvedListActions = listActions ?? EMPTY_LIST_ACTIONS;
-  const content = apiUrl ? /* @__PURE__ */ jsx(ServiceStack, { apiUrl, onError, notifications, children }) : children;
-  const AuthInner = /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyCoreAuthKitInner, { auth, children: content }) });
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: /* @__PURE__ */ jsx(CrmActionsProvider, { actions: resolvedCrmActions, children: /* @__PURE__ */ jsx(ListActionsProvider, { registry: resolvedListActions, children: AuthInner }) }) });
-}
-function ServiceStack({
-  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(ServiceStackInner, { apiUrl, orgIdRef, notifications, children })
-    }
-  );
-}
-function ServiceStackInner({
-  apiUrl,
-  orgIdRef,
-  notifications,
-  children
-}) {
-  const { apiRequest } = useApiClient(apiUrl);
-  const resolvedNotifications = notifications ?? consoleNotificationAdapter;
-  return /* @__PURE__ */ jsx(ProfileProvider, { apiRequest, children: /* @__PURE__ */ jsx(OrganizationProvider, { apiRequest, children: /* @__PURE__ */ jsx(OrgServiceBridge, { orgIdRef, apiRequest, notifications: resolvedNotifications, children }) }) });
-}
-function OrgServiceBridge({
-  orgIdRef,
-  apiRequest,
-  notifications,
-  children
-}) {
-  const { currentWorkOSOrganizationId, isInitializing, isOrgRefreshing } = useOrganization();
-  orgIdRef.current = currentWorkOSOrganizationId;
-  const isReady = !!currentWorkOSOrganizationId && !isInitializing && !isOrgRefreshing;
-  return /* @__PURE__ */ jsx(
-    ElevasisServiceProvider,
-    {
-      apiRequest,
-      workOSOrganizationId: currentWorkOSOrganizationId,
-      isReady,
-      children: /* @__PURE__ */ jsx(NotificationProvider, { adapter: notifications, children: /* @__PURE__ */ jsx(InitializationProvider, { children }) })
-    }
-  );
-}
-var defaultSystemSidebarWidth = 250;
-function SystemShell({ children }) {
-  const { shellRuntime } = useElevasisSystems();
-  const { currentPath } = useRouterContext();
-  const routeMatch = shellRuntime.resolveRoute(currentPath);
-  if (routeMatch.status === "hidden") {
-    return /* @__PURE__ */ jsx(FeatureUnavailableState, { path: currentPath });
-  }
-  if (routeMatch.status !== "matched" || !routeMatch.system?.sidebar) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const SidebarComponent = routeMatch.system.sidebar;
-  const sidebarWidth = typeof routeMatch.system.sidebarWidth === "function" ? routeMatch.system.sidebarWidth({ currentPath }) : routeMatch.system.sidebarWidth ?? defaultSystemSidebarWidth;
-  if (sidebarWidth === 0) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
-    /* @__PURE__ */ jsx(SubshellSidebar, { width: sidebarWidth, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
-    /* @__PURE__ */ jsx(SubshellRightSideContainer, { children })
-  ] });
-}
-
-export { CrmActionsProvider, EMPTY_LIST_ACTIONS, ElevasisCoreProvider, ListActionsProvider, NotificationProvider, OrganizationProvider, SystemShell, findListActionByAction, getListActionWorkflowId, useCrmActions, useListActions, useNotificationAdapter };