@elevasis/ui 1.0.0

package/dist/initialization/index.js

@@ -0,0 +1,4 @@
+export { createUseAppInitialization } from '../chunk-YULUKCS6.js';
+import '../chunk-5UWFGBFM.js';
+import '../chunk-KA7LO7U5.js';
+import '../chunk-7PLEQFHO.js';

package/dist/organization/index.d.ts

@@ -0,0 +1,225 @@
+import { UseBoundStore, StoreApi } from 'zustand';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Multi-tenancy configuration types
+ *
+ * Config is stored in dedicated `config` columns (NOT nested in metadata):
+ * - organizations.config: Org-level feature config
+ * - org_memberships.config: Per-user-per-org feature overrides
+ * - users.config: User-global config (training)
+ */
+/**
+ * Valid course groups (matches Category type from training)
+ */
+type CourseGroup = 'foundation' | 'sales' | 'technical';
+/**
+ * Org-level feature config (stored in organizations.config)
+ * Controls which features are available to all org members
+ * Valid feature keys: operations, monitoring, acquisition, calibration, seo
+ */
+interface OrgFeatureConfig {
+    features?: {
+        operations?: boolean;
+        monitoring?: boolean;
+        acquisition?: boolean;
+        calibration?: boolean;
+        seo?: boolean;
+    };
+    training?: {
+        allowed_course_groups?: CourseGroup[];
+    };
+}
+/**
+ * Per-user-per-org config (stored in org_memberships.config)
+ * Overrides org-level feature config for specific users
+ */
+type MembershipFeatureConfig = OrgFeatureConfig;
+
+/**
+ * Organization Membership types based on WorkOS API
+ */
+interface OrganizationMembership {
+    object: 'organization_membership';
+    id: string;
+    userId: string;
+    organizationId: string;
+    role: {
+        slug: string;
+    };
+    status: 'active' | 'inactive';
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * Extended membership with user and organization details for UI
+ */
+interface MembershipWithDetails extends OrganizationMembership {
+    user?: {
+        id: string;
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        profilePictureUrl?: string;
+    };
+    organization?: {
+        id: string;
+        name: string;
+        workos_org_id: string;
+        primaryDomain?: string;
+        is_test?: boolean;
+        status?: string;
+        metadata?: Record<string, unknown>;
+        config?: OrgFeatureConfig;
+    };
+    config?: MembershipFeatureConfig;
+}
+
+interface OrganizationsState {
+    currentWorkOSOrganizationId: string | null;
+    currentSupabaseOrganizationId: string | null;
+    currentMembership: MembershipWithDetails | null;
+    isInitializing: boolean;
+    isOrgRefreshing: boolean;
+    error: string | null;
+}
+interface OrganizationsActions {
+    setCurrentWorkOSOrganizationId: (workOSorgId: string | null) => void;
+    setCurrentMembership: (membership: MembershipWithDetails | null) => void;
+    setOrganizationsInitializing: (initializing: boolean) => void;
+    setOrganizationsLoading: (loading: boolean) => void;
+    setOrganizationsError: (error: string | null) => void;
+}
+interface OrganizationsSlice extends OrganizationsActions {
+    organizations: OrganizationsState;
+}
+
+/**
+ * Type for Zustand's immer set function.
+ * This is a simplified version that works with immer middleware.
+ * The replace parameter uses false | undefined to match Zustand's type for immer mutation support.
+ */
+type ImmerSet<T> = (partial: T | Partial<T> | ((state: T) => void), replace?: false | undefined, action?: string) => void;
+/**
+ * Creates the organizations slice for Zustand store.
+ *
+ * Usage in app:
+ * ```typescript
+ * import { createOrganizationsSlice } from '@repo/ui/organization'
+ *
+ * // Define AppState that extends OrganizationsSlice
+ * interface AppState extends OrganizationsSlice {
+ *   // other slices...
+ * }
+ *
+ * // Pass the slice creator to your store
+ * const useAppStore = create<AppState>()(
+ *   devtools(
+ *     immer((...a) => ({
+ *       ...createOrganizationsSlice(...a),
+ *       // other slices...
+ *     }))
+ *   )
+ * )
+ * ```
+ *
+ * Note: The slice creator accepts set/get/store from any Zustand store
+ * that extends OrganizationsSlice. It returns the slice state and actions.
+ */
+declare const createOrganizationsSlice: <TAppState extends OrganizationsSlice>(set: ImmerSet<TAppState>, _get: () => TAppState, _store: unknown) => OrganizationsSlice;
+
+/**
+ * Factory function to create a useOrganizations hook for your app's store.
+ *
+ * Usage in app:
+ * ```typescript
+ * import { createUseOrganizations } from '@repo/ui/organization'
+ * import { useAppStore } from './zustand/store'
+ *
+ * export const useOrganizations = createUseOrganizations(useAppStore)
+ * ```
+ *
+ * This pattern allows the shared package to provide the hook logic
+ * while each app provides its own store instance.
+ */
+declare function createUseOrganizations<TStore extends OrganizationsSlice>(useStore: UseBoundStore<StoreApi<TStore>>): () => {
+    setCurrentWorkOSOrganizationId: (workOSorgId: string | null) => void;
+    setCurrentMembership: (membership: MembershipWithDetails | null) => void;
+    setOrganizationsInitializing: (initializing: boolean) => void;
+    setOrganizationsLoading: (loading: boolean) => void;
+    setOrganizationsError: (error: string | null) => void;
+    organizations: OrganizationsState;
+    currentWorkOSOrganizationId: string | null;
+    currentSupabaseOrganizationId: string | null;
+    currentMembership: MembershipWithDetails | null;
+    isInitializing: boolean;
+    isOrgRefreshing: boolean;
+    error: string | null;
+};
+
+/**
+ * Type for the useOrganizations hook return value
+ */
+interface UseOrganizationsReturn {
+    currentWorkOSOrganizationId: string | null;
+    currentMembership: MembershipWithDetails | null;
+    setCurrentWorkOSOrganizationId: (id: string | null) => void;
+    setCurrentMembership: (membership: MembershipWithDetails | null) => void;
+    setOrganizationsInitializing: (initializing: boolean) => void;
+    setOrganizationsLoading: (loading: boolean) => void;
+    setOrganizationsError: (error: string | null) => void;
+    organizations: {
+        isInitializing: boolean;
+        isOrgRefreshing: boolean;
+        error: string | null;
+    };
+}
+/**
+ * Type for the useApiClient hook return value
+ */
+interface UseApiClientReturn {
+    apiRequest: <T = unknown>(path: string, options?: RequestInit) => Promise<T>;
+}
+/**
+ * Return type for useOrgInitialization hook
+ */
+interface UseOrgInitializationReturn {
+    memberships: MembershipWithDetails[];
+    isInitializing: boolean;
+    isLoading: boolean;
+    isInitialized: boolean;
+    error: string | null;
+    currentOrganization: MembershipWithDetails['organization'] | null;
+    retry: () => Promise<void>;
+}
+/**
+ * Factory function to create a useOrgInitialization hook for your app.
+ *
+ * Usage in app:
+ * ```typescript
+ * import { createUseOrgInitialization } from '@repo/ui/organization'
+ * import { useOrganizations } from './hooks/useOrganizations'
+ * import { useApiClient } from './api/hooks/useApiClient'
+ *
+ * export const useOrgInitialization = createUseOrgInitialization(
+ *   useOrganizations,
+ *   useApiClient
+ * )
+ * ```
+ *
+ * This pattern allows the shared package to provide the hook logic
+ * while each app provides its own hook instances.
+ */
+declare function createUseOrgInitialization(useOrganizations: () => UseOrganizationsReturn, useApiClient: () => UseApiClientReturn): () => UseOrgInitializationReturn;
+
+type Organization = NonNullable<MembershipWithDetails['organization']>;
+interface OrganizationSwitcherProps {
+    currentOrganization: Organization | undefined;
+    memberships: MembershipWithDetails[];
+    isLoading: boolean;
+    onSwitch: (workosOrgId: string) => Promise<void>;
+}
+declare function OrganizationSwitcher({ currentOrganization, memberships, isLoading, onSwitch }: OrganizationSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations };
+export type { OrganizationsActions, OrganizationsSlice, OrganizationsState, UseApiClientReturn, UseOrgInitializationReturn, UseOrganizationsReturn };

package/dist/organization/index.js

@@ -0,0 +1,4 @@
+export { OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations } from '../chunk-GEFB5YIR.js';
+import '../chunk-5UWFGBFM.js';
+import '../chunk-KA7LO7U5.js';
+import '../chunk-7PLEQFHO.js';