@datatechsolutions/ui 2.11.86 → 2.11.88

package/dist/chunk-UVEPTYZC.js

@@ -0,0 +1,101 @@
+"use client";
+'use strict';
+
+var chunkUUHV5KHF_js = require('./chunk-UUHV5KHF.js');
+var chunkX2KCCQPL_js = require('./chunk-X2KCCQPL.js');
+var chunkQ2MG7S2E_js = require('./chunk-Q2MG7S2E.js');
+var chunkKNXAOJAK_js = require('./chunk-KNXAOJAK.js');
+var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
+var react = require('react');
+var client = require('@datatechsolutions/windsock/client');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DEFAULT_SECTIONS = ["account", "organization", "billing"];
+function PlatformSettings({
+  sections = DEFAULT_SECTIONS,
+  defaultSection,
+  adminClient,
+  organizationId,
+  billing
+}) {
+  const t = chunkYXN2K77G_js.useTranslations("windsock");
+  const { status } = client.useAuth();
+  const visibleSections = react.useMemo(() => {
+    return sections.filter((section) => {
+      if (section === "organization") {
+        return Boolean(adminClient && organizationId);
+      }
+      return true;
+    });
+  }, [sections, adminClient, organizationId]);
+  const initialSection = defaultSection && visibleSections.includes(defaultSection) ? defaultSection : visibleSections[0] ?? "account";
+  const [activeSection, setActiveSection] = react.useState(initialSection);
+  const [organization, setOrganization] = react.useState(null);
+  const [orgLoadError, setOrgLoadError] = react.useState(null);
+  react.useEffect(() => {
+    if (activeSection !== "organization") return;
+    if (!adminClient || !organizationId) return;
+    if (organization?.id === organizationId) return;
+    let cancelled = false;
+    setOrgLoadError(null);
+    void adminClient.listOrganizations().then((orgs) => {
+      if (cancelled) return;
+      const match = orgs.find((org) => org.id === organizationId);
+      if (match) {
+        setOrganization(match);
+      } else {
+        setOrgLoadError("Organization not found");
+      }
+    }).catch((loadError) => {
+      if (cancelled) return;
+      setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [activeSection, adminClient, organizationId, organization?.id]);
+  if (status === "loading") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKNXAOJAK_js.InlineSpinner, {}) });
+  }
+  if (status !== "authenticated") {
+    return null;
+  }
+  if (visibleSections.length === 0) {
+    return null;
+  }
+  const segments = visibleSections.map((section) => ({
+    value: section,
+    label: t(`platformSettings.sections.${section}`)
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    visibleSections.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKNXAOJAK_js.SegmentedControl,
+      {
+        segments,
+        value: activeSection,
+        onChange: (value) => setActiveSection(value),
+        fullWidth: true
+      }
+    ),
+    activeSection === "account" && /* @__PURE__ */ jsxRuntime.jsx(chunkX2KCCQPL_js.UserProfile, {}),
+    activeSection === "organization" && adminClient && organizationId && (organization ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUUHV5KHF_js.AdminOrganizationDetail,
+      {
+        client: adminClient,
+        organization
+      }
+    ) : orgLoadError ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "alert",
+        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",
+        children: orgLoadError
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkKNXAOJAK_js.InlineSpinner, {}) })),
+    activeSection === "billing" && /* @__PURE__ */ jsxRuntime.jsx(chunkQ2MG7S2E_js.BillingPanel, { ...billing })
+  ] });
+}
+
+exports.PlatformSettings = PlatformSettings;
+//# sourceMappingURL=chunk-UVEPTYZC.js.map
+//# sourceMappingURL=chunk-UVEPTYZC.js.map

package/dist/chunk-UVEPTYZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":["useTranslations","useAuth","useMemo","useState","useEffect","jsx","InlineSpinner","jsxs","SegmentedControl","UserProfile","AdminOrganizationDetail","BillingPanel"],"mappings":"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","file":"chunk-UVEPTYZC.js","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"]}