@burdenoff/microfe-organization 2026.624.1 → 2026.625.1

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.js

@@ -8,71 +8,73 @@ import { useOrganizationPageView as o } from "../../../hooks/useOrganizationPage
 import { useTenants as s } from "../../workspaces/hooks/useWorkspaces.js";
 import { OrganizationForm as c } from "../components/OrganizationForm.js";
 import { ArrowLeft as l } from "lucide-react";
-import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
+import { usePermissions as d } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx
-function p() {
+function m() {
 	o("organizations.create");
-	let p = r(), { navigate: m, basePath: h = "/organizations", tenantId: g } = e(), { hasPermission: _, isLoading: v } = u(), { createOrganization: y, loading: b } = n(), { tenants: x } = s(100, 0, !0), S = x.find((e) => e.type === "SHARED"), C = g ? x.find((e) => e.id === g) : S ?? (x.length >= 1 ? x[0] : void 0), w = x.length <= 1, T = async (e) => {
+	let m = r(), { navigate: h, basePath: g = "/organizations", tenantId: _ } = e(), { hasPermission: v, isLoading: y } = d(), { createOrganization: b, loading: x } = n(), { tenants: S } = s(100, 0, !0), C = S.find((e) => e.type === "SHARED"), w = _ ? S.find((e) => e.id === _) : C ?? (S.length >= 1 ? S[0] : void 0), T = S.length <= 1, E = async (e) => {
 		try {
-			let n = await y(e);
-			if (n.errors?.length) throw Error(n.errors[0]?.message ?? p("organizations.create.failed", "Failed to create organization"));
-			n.data?.createOrganization && (t.success(p("organizations.create.success", "Organization created successfully")), m(`${h}/${n.data.createOrganization.id}`));
+			let n = await b(e);
+			if (n.errors?.length) throw Error(n.errors[0]?.message ?? m("organizations.create.failed", "Failed to create organization"));
+			n.data?.createOrganization && (t.success(m("organizations.create.success", "Organization created successfully")), h(`${g}/${n.data.createOrganization.id}`));
 		} catch (e) {
-			t.error(e instanceof Error ? e.message : p("organizations.create.failed", "Failed to create organization"));
+			t.error(e instanceof Error ? e.message : m("organizations.create.failed", "Failed to create organization"));
 		}
-	}, E = () => {
-		m(h);
+	}, D = () => {
+		h(g);
 	};
-	return v ? /* @__PURE__ */ d("div", {
+	return y ? /* @__PURE__ */ f("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ d(i, { message: p("common.loadingPermissions", "Loading permissions...") })
-	}) : _(a.ORG_CREATE) ? /* @__PURE__ */ f("div", {
-		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
-		children: [/* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ f(i, { message: m("common.loadingPermissions", "Loading permissions...") })
+	}) : v(a.ORG_CREATE) ? /* @__PURE__ */ p("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200",
+		children: [/* @__PURE__ */ p("div", {
 			className: "mb-6",
 			children: [
-				/* @__PURE__ */ f("button", {
+				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: E,
+					onClick: D,
 					className: "\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          ",
-					children: [/* @__PURE__ */ d(l, { size: 20 }), /* @__PURE__ */ d("span", {
+					children: [/* @__PURE__ */ f(l, { size: 20 }), /* @__PURE__ */ f("span", {
 						className: "text-sm font-medium",
-						children: p("organizations.create.back", "Back to Organizations")
+						children: m("organizations.create.back", "Back to Organizations")
 					})]
 				}),
-				/* @__PURE__ */ d("h1", {
+				/* @__PURE__ */ f("h1", {
 					className: "text-3xl font-bold text-[var(--color-text-primary)] mb-2",
-					children: p("organizations.create.title", "Create Organization")
+					children: m("organizations.create.title", "Create Organization")
 				}),
-				/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ f("p", {
 					className: "text-[var(--color-text-secondary)]",
-					children: p("organizations.create.subtitle", "Add a new organization to a tenant")
+					children: m("organizations.create.subtitle", "Add a new organization to a tenant")
 				})
 			]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: "max-w-2xl",
-			children: /* @__PURE__ */ d("div", {
-				className: "bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]",
-				children: /* @__PURE__ */ d(c, {
-					tenantId: g || C?.id,
-					tenantName: C?.name,
-					hideTenantSelector: w,
-					onSubmit: T,
-					onCancel: E,
-					loading: b
+			children: /* @__PURE__ */ f(u, {
+				treatment: "plain",
+				className: "border-border-seam p-6",
+				children: /* @__PURE__ */ f(c, {
+					tenantId: _ || w?.id,
+					tenantName: w?.name,
+					hideTenantSelector: T,
+					onSubmit: E,
+					onCancel: D,
+					loading: x
 				})
 			})
 		})]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "p-8 text-center text-[var(--color-text-secondary)]",
-			children: p("organizations.create.noPermission", "You don't have permission to create organizations.")
+			children: m("organizations.create.noPermission", "You don't have permission to create organizations.")
 		})
 	});
 }
 //#endregion
-export { p as OrganizationCreatePage };
+export { m as OrganizationCreatePage };
 
 //# sourceMappingURL=OrganizationCreatePage.js.map

package/dist/organization-management/modules/organizations/pages/OrganizationCreatePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateOrganization } from '../hooks/useOrganizations';\nimport { useTenants } from '../../workspaces/hooks/useWorkspaces';\nimport { OrganizationForm } from '../components/OrganizationForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport type { CreateOrganizationInput, UpdateOrganizationInput } from '../types';\n\n/**\n * Organization Create Page\n * Form to create a new organization\n */\nexport function OrganizationCreatePage() {\n  useOrganizationPageView('organizations.create');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations', tenantId } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { createOrganization, loading } = useCreateOrganization();\n  const { tenants } = useTenants(100, 0, true);\n\n  // Prefer an explicit context tenant; otherwise pick the shared tenant (or the\n  // only one available). With a single shared tenant there is nothing to\n  // choose, so we hide the tenant picker entirely and just submit it.\n  const sharedTenant = tenants.find((tenant) => tenant.type === 'SHARED');\n  const selectedTenant = tenantId\n    ? tenants.find((tenant) => tenant.id === tenantId)\n    : (sharedTenant ?? (tenants.length >= 1 ? tenants[0] : undefined));\n\n  // Show the tenant picker only when the user genuinely has more than one\n  // tenant to choose between (e.g. a dedicated tenant in addition to shared).\n  const hideTenantSelector = tenants.length <= 1;\n\n  const handleSubmit = async (data: CreateOrganizationInput | UpdateOrganizationInput) => {\n    try {\n      const createData = data as CreateOrganizationInput;\n      const result = await createOrganization(createData);\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ??\n            tr('organizations.create.failed', 'Failed to create organization')\n        );\n      }\n\n      if (result.data?.createOrganization) {\n        toast.success(tr('organizations.create.success', 'Organization created successfully'));\n        navigate(`${basePath}/${result.data.createOrganization.id}`);\n      }\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tr('organizations.create.failed', 'Failed to create organization')\n      );\n    }\n  };\n\n  const handleCancel = () => {\n    navigate(basePath);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.ORG_CREATE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'organizations.create.noPermission',\n            \"You don't have permission to create organizations.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      {/* Page Header */}\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {tr('organizations.create.back', 'Back to Organizations')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('organizations.create.title', 'Create Organization')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {tr('organizations.create.subtitle', 'Add a new organization to a tenant')}\n        </p>\n      </div>\n\n      {/* Form Card */}\n      <div className=\"max-w-2xl\">\n        <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]\">\n          <OrganizationForm\n            tenantId={tenantId || selectedTenant?.id}\n            tenantName={selectedTenant?.name}\n            hideTenantSelector={hideTenantSelector}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,IAAyB;AACvC,GAAwB,uBAAuB;CAC/C,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,kBAAkB,gBAAa,GAAe,EACrE,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,uBAAoB,eAAY,GAAuB,EACzD,EAAE,eAAY,EAAW,KAAK,GAAG,GAAK,EAKtC,IAAe,EAAQ,MAAM,MAAW,EAAO,SAAS,SAAS,EACjE,IAAiB,IACnB,EAAQ,MAAM,MAAW,EAAO,OAAO,EAAS,GAC/C,MAAiB,EAAQ,UAAU,IAAI,EAAQ,KAAK,KAAA,IAInD,IAAqB,EAAQ,UAAU,GAEvC,IAAe,OAAO,MAA4D;AACtF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EACgC;AACnD,OAAI,EAAO,QAAQ,OACjB,OAAU,MACR,EAAO,OAAO,IAAI,WAChB,EAAG,+BAA+B,gCAAgC,CACrE;AAGH,GAAI,EAAO,MAAM,uBACf,EAAM,QAAQ,EAAG,gCAAgC,oCAAoC,CAAC,EACtF,EAAS,GAAG,EAAS,GAAG,EAAO,KAAK,mBAAmB,KAAK;WAEvD,GAAO;AACd,KAAM,MACJ,aAAiB,QACb,EAAM,UACN,EAAG,+BAA+B,gCAAgC,CACvE;;IAIC,UAAqB;AACzB,IAAS,EAAS;;AAwBpB,QArBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,WAAW,GAcxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAHZ,CAWE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,6BAA6B,wBAAwB;MACpD,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,sBAAsB;KACrD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,iCAAiC,qCAAqC;KACxE,CAAA;IACA;MAGN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,UAAU,KAAY,GAAgB;KACtC,YAAY,GAAgB;KACR;KACpB,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACE,CAAA;GACF,CAAA,CACF;MArDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,qCACA,qDACD;GACG,CAAA;EACF,CAAA"}
+{"version":3,"file":"OrganizationCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateOrganization } from '../hooks/useOrganizations';\nimport { useTenants } from '../../workspaces/hooks/useWorkspaces';\nimport { OrganizationForm } from '../components/OrganizationForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport type { CreateOrganizationInput, UpdateOrganizationInput } from '../types';\n\n/**\n * Organization Create Page\n * Form to create a new organization\n */\nexport function OrganizationCreatePage() {\n  useOrganizationPageView('organizations.create');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations', tenantId } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { createOrganization, loading } = useCreateOrganization();\n  const { tenants } = useTenants(100, 0, true);\n\n  // Prefer an explicit context tenant; otherwise pick the shared tenant (or the\n  // only one available). With a single shared tenant there is nothing to\n  // choose, so we hide the tenant picker entirely and just submit it.\n  const sharedTenant = tenants.find((tenant) => tenant.type === 'SHARED');\n  const selectedTenant = tenantId\n    ? tenants.find((tenant) => tenant.id === tenantId)\n    : (sharedTenant ?? (tenants.length >= 1 ? tenants[0] : undefined));\n\n  // Show the tenant picker only when the user genuinely has more than one\n  // tenant to choose between (e.g. a dedicated tenant in addition to shared).\n  const hideTenantSelector = tenants.length <= 1;\n\n  const handleSubmit = async (data: CreateOrganizationInput | UpdateOrganizationInput) => {\n    try {\n      const createData = data as CreateOrganizationInput;\n      const result = await createOrganization(createData);\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ??\n            tr('organizations.create.failed', 'Failed to create organization')\n        );\n      }\n\n      if (result.data?.createOrganization) {\n        toast.success(tr('organizations.create.success', 'Organization created successfully'));\n        navigate(`${basePath}/${result.data.createOrganization.id}`);\n      }\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tr('organizations.create.failed', 'Failed to create organization')\n      );\n    }\n  };\n\n  const handleCancel = () => {\n    navigate(basePath);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.ORG_CREATE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'organizations.create.noPermission',\n            \"You don't have permission to create organizations.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      {/* Page Header */}\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {tr('organizations.create.back', 'Back to Organizations')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('organizations.create.title', 'Create Organization')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {tr('organizations.create.subtitle', 'Add a new organization to a tenant')}\n        </p>\n      </div>\n\n      {/* Form Card */}\n      <div className=\"max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n          <OrganizationForm\n            tenantId={tenantId || selectedTenant?.id}\n            tenantName={selectedTenant?.name}\n            hideTenantSelector={hideTenantSelector}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </GlassCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,SAAgB,IAAyB;AACvC,GAAwB,uBAAuB;CAC/C,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,kBAAkB,gBAAa,GAAe,EACrE,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,uBAAoB,eAAY,GAAuB,EACzD,EAAE,eAAY,EAAW,KAAK,GAAG,GAAK,EAKtC,IAAe,EAAQ,MAAM,MAAW,EAAO,SAAS,SAAS,EACjE,IAAiB,IACnB,EAAQ,MAAM,MAAW,EAAO,OAAO,EAAS,GAC/C,MAAiB,EAAQ,UAAU,IAAI,EAAQ,KAAK,KAAA,IAInD,IAAqB,EAAQ,UAAU,GAEvC,IAAe,OAAO,MAA4D;AACtF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EACgC;AACnD,OAAI,EAAO,QAAQ,OACjB,OAAU,MACR,EAAO,OAAO,IAAI,WAChB,EAAG,+BAA+B,gCAAgC,CACrE;AAGH,GAAI,EAAO,MAAM,uBACf,EAAM,QAAQ,EAAG,gCAAgC,oCAAoC,CAAC,EACtF,EAAS,GAAG,EAAS,GAAG,EAAO,KAAK,mBAAmB,KAAK;WAEvD,GAAO;AACd,KAAM,MACJ,aAAiB,QACb,EAAM,UACN,EAAG,+BAA+B,gCAAgC,CACvE;;IAIC,UAAqB;AACzB,IAAS,EAAS;;AAwBpB,QArBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,WAAW,GAcxC,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAHZ,CAWE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,6BAA6B,wBAAwB;MACpD,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,sBAAsB;KACrD,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,iCAAiC,qCAAqC;KACxE,CAAA;IACA;MAGN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,UAAU,KAAY,GAAgB;KACtC,YAAY,GAAgB;KACR;KACpB,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACQ,CAAA;GACR,CAAA,CACF;MArDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,qCACA,qDACD;GACG,CAAA;EACF,CAAA"}