@datatechsolutions/ui 2.11.92 → 3.1.0

package/dist/chunk-Y3WJAYOY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":[],"mappings":"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","file":"chunk-Y3WJAYOY.mjs","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — PlatformSettings\n// Unified settings shell consumed by every product (astrlabe, fuel, kori).\n// Composes existing building blocks:\n//   - `<UserProfile>`             — Profile / Security / Sessions / Linked accounts\n//   - `<AdminOrganizationDetail>` — Members / Invitations / Domains\n//   - `<BillingPanel>`            — Current subscription + plan catalogue\n// Apps mount this at their `/settings` route; feature toggles hide sections\n// that a given user's role cannot access.\n// =============================================================================\n\nimport { useEffect, useMemo, useState } from 'react'\nimport { useTranslations } from '@ui/lib/i18n-context'\nimport { SegmentedControl, InlineSpinner } from '@ui/index'\nimport type { AdminClient, AuthOrganization } from '@datatechsolutions/shared-domain'\n\nimport { useAuth } from '@datatechsolutions/windsock/client'\nimport { UserProfile } from '../auth/user-profile'\nimport { AdminOrganizationDetail } from '../admin/admin-organization-detail'\nimport { BillingPanel, type BillingPanelProps } from '../billing/billing-panel'\n\nexport type PlatformSettingsSection = 'account' | 'organization' | 'billing'\n\nexport interface PlatformSettingsProps {\n  /**\n   * Sections to surface to the current user. The host app is responsible for\n   * picking the right set based on RBAC — e.g. hide `organization` for users\n   * without `org:manage` and hide `billing` for users without `billing:read`.\n   * Defaults to all three.\n   */\n  sections?: PlatformSettingsSection[]\n  /** Starting section. Defaults to the first item in `sections`. */\n  defaultSection?: PlatformSettingsSection\n  /**\n   * Windsock admin API client. Required when `organization` is in `sections`.\n   * Create it once with `createAdminClient({ issuer, authClient })` and reuse.\n   */\n  adminClient?: AdminClient\n  /**\n   * Current organization id (usually `ctx.organizationId` from the JWT).\n   * Required when `organization` is in `sections`.\n   */\n  organizationId?: string\n  /** Forwarded to `<BillingPanel>` — e.g. redirect handler, billing interval. */\n  billing?: BillingPanelProps\n}\n\nconst DEFAULT_SECTIONS: PlatformSettingsSection[] = ['account', 'organization', 'billing']\n\nexport function PlatformSettings({\n  sections = DEFAULT_SECTIONS,\n  defaultSection,\n  adminClient,\n  organizationId,\n  billing,\n}: PlatformSettingsProps) {\n  const t = useTranslations('windsock')\n  const { status } = useAuth()\n\n  const visibleSections = useMemo(() => {\n    // Drop `organization` if the caller didn't pass an admin client + org id.\n    return sections.filter((section) => {\n      if (section === 'organization') {\n        return Boolean(adminClient && organizationId)\n      }\n      return true\n    })\n  }, [sections, adminClient, organizationId])\n\n  const initialSection: PlatformSettingsSection = (\n    defaultSection && visibleSections.includes(defaultSection)\n      ? defaultSection\n      : visibleSections[0] ?? 'account'\n  )\n\n  const [activeSection, setActiveSection] = useState<PlatformSettingsSection>(initialSection)\n  const [organization, setOrganization] = useState<AuthOrganization | null>(null)\n  const [orgLoadError, setOrgLoadError] = useState<string | null>(null)\n\n  // Resolve the org detail record (AdminOrganizationDetail needs the full\n  // AuthOrganization, not just the id). Fires once the organization tab is\n  // first selected so the listOrganizations round-trip is lazy.\n  useEffect(() => {\n    if (activeSection !== 'organization') return\n    if (!adminClient || !organizationId) return\n    if (organization?.id === organizationId) return\n\n    let cancelled = false\n    setOrgLoadError(null)\n    void adminClient.listOrganizations()\n      .then((orgs) => {\n        if (cancelled) return\n        const match = orgs.find((org) => org.id === organizationId)\n        if (match) {\n          setOrganization(match)\n        } else {\n          setOrgLoadError('Organization not found')\n        }\n      })\n      .catch((loadError: unknown) => {\n        if (cancelled) return\n        setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError))\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [activeSection, adminClient, organizationId, organization?.id])\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <InlineSpinner />\n      </div>\n    )\n  }\n\n  if (status !== 'authenticated') {\n    return null\n  }\n\n  if (visibleSections.length === 0) {\n    return null\n  }\n\n  const segments = visibleSections.map((section) => ({\n    value: section,\n    label: t(`platformSettings.sections.${section}`),\n  }))\n\n  return (\n    <div className=\"space-y-6\">\n      {visibleSections.length > 1 && (\n        <SegmentedControl\n          segments={segments}\n          value={activeSection}\n          onChange={(value: string) => setActiveSection(value as PlatformSettingsSection)}\n          fullWidth\n        />\n      )}\n\n      {activeSection === 'account' && <UserProfile />}\n\n      {activeSection === 'organization' && adminClient && organizationId && (\n        organization ? (\n          <AdminOrganizationDetail\n            client={adminClient}\n            organization={organization}\n          />\n        ) : orgLoadError ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300\"\n          >\n            {orgLoadError}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center py-12\">\n            <InlineSpinner />\n          </div>\n        )\n      )}\n\n      {activeSection === 'billing' && <BillingPanel {...billing} />}\n    </div>\n  )\n}\n"]}