@burdenoff/microfe-organization 2026.510.110

package/dist/organization-management/modules/members/pages/MembersListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Eye, Mail, RefreshCw, Shield, Trash2 } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMembers, useRemoveMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nfunction useFormatDate() {\n  const tr = useTr();\n  return (date?: string) => {\n    if (!date) return tr('common.status.pending', 'Pending');\n    return new Date(date).toLocaleDateString();\n  };\n}\n\nexport function MembersListPage() {\n  const tr = useTr();\n  const formatDate = useFormatDate();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  // Follow the platform default-allow feature flag policy: unseeded flags must\n  // not disable shipped invite actions, while explicit false still gates them.\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n  const { organizationId } = useParams<{ organizationId: string }>();\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 250);\n  const [selectedMemberIds, setSelectedMemberIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const { members, loading, error, refetch } = useMembers(organizationId ?? '', 50, 0);\n  const { removeMember, loading: deleteLoading } = useRemoveMember();\n\n  const filteredMembers = useMemo(() => {\n    if (!debouncedSearchQuery) {\n      return members;\n    }\n\n    const normalizedQuery = debouncedSearchQuery.toLowerCase();\n    return members.filter(\n      (member) =>\n        member.userId.toLowerCase().includes(normalizedQuery) ||\n        member.role.toLowerCase().includes(normalizedQuery)\n    );\n  }, [debouncedSearchQuery, members]);\n\n  useEffect(() => {\n    setSelectedMemberIds((previousSelection) => {\n      const visibleIds = new Set(filteredMembers.map((member) => member.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((memberId) => visibleIds.has(memberId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [filteredMembers]);\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const allVisibleSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelected =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) && !allVisibleSelected;\n\n  const executeRemoveMembers = async (userIds: string[]) => {\n    if (!organizationId) return;\n\n    try {\n      const results = await Promise.allSettled(\n        userIds.map(async (userId) => {\n          const result = await removeMember(organizationId, userId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to remove member');\n          }\n        })\n      );\n\n      const rejectedResult = results.find((result) => result.status === 'rejected');\n      if (rejectedResult?.status === 'rejected') {\n        throw rejectedResult.reason;\n      }\n\n      setSelectedMemberIds(new Set());\n      await refetch();\n      toast.success(\n        userIds.length === 1\n          ? tr('members.remove.successSingle', 'Member removed successfully')\n          : `${userIds.length} ${tr('members.remove.successMany', 'members removed successfully')}`\n      );\n    } catch (removeError) {\n      toast.error(\n        removeError instanceof Error\n          ? removeError.message\n          : tr('members.remove.failed', 'Failed to remove member')\n      );\n    }\n  };\n\n  const handleRemove = (userId: string) => {\n    openConfirmDialog({\n      title: tr('members.remove.title', 'Remove member'),\n      description: `${tr('members.remove.descriptionPrefix', 'Remove')} ${userId} ${tr('members.remove.descriptionSuffix', 'from this organization? Workspace access inherited from this membership will be impacted.')}`,\n      confirmText: tr('members.remove.confirm', 'Remove'),\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers([userId]);\n      },\n    });\n  };\n\n  const handleBulkRemove = () => {\n    if (selectedMembers.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('members.remove.bulkTitle', 'Remove selected members'),\n      description: `${tr('members.remove.bulkPrefix', 'Remove')} ${selectedMembers.length} ${tr(\n        selectedMembers.length === 1\n          ? 'members.remove.bulkSuffixSingle'\n          : 'members.remove.bulkSuffixMany',\n        selectedMembers.length === 1\n          ? 'selected member from this organization?'\n          : 'selected members from this organization?'\n      )}`,\n      confirmText: `${tr('members.remove.confirm', 'Remove')} ${selectedMembers.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers(selectedMembers.map((member) => member.userId));\n      },\n    });\n  };\n\n  const toggleMemberSelection = (memberId: string, checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(memberId);\n      } else {\n        nextSelection.delete(memberId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      filteredMembers.forEach((member) => {\n        if (checked) {\n          nextSelection.add(member.id);\n        } else {\n          nextSelection.delete(member.id);\n        }\n      });\n      return nextSelection;\n    });\n  };\n\n  if (!organizationId) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={tr('members.list.missingOrg', 'Organization ID is required to view members')}\n          action={{\n            label: tr('members.list.goToOrganizations', 'Go to Organizations'),\n            onClick: () => navigate(basePath),\n          }}\n        />\n      </div>\n    );\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.MEMBER_LIST)) {\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('members.list.noPermission', \"You don't have permission to view members.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('members.list.loading', 'Loading members...')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error.message}\n          action={{\n            label: tr('common.retry', 'Retry'),\n            onClick: () => {\n              void refetch();\n            },\n          }}\n        />\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      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.list.title', 'Members')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'members.list.subtitle',\n                'Manage organization members, inspect their roles, and invite more people into this organization.'\n              )}\n            </p>\n          </div>\n\n          {inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE) && (\n            <button\n              onClick={() => navigate(`${basePath}/${organizationId}/members/invite`)}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n            >\n              <Mail size={18} aria-hidden=\"true\" />\n              <span className=\"font-medium\">{tr('members.invite.button', 'Invite Member')}</span>\n            </button>\n          )}\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('members.list.searchPlaceholder', 'Search by member ID or role...')}\n              label={tr('members.list.searchLabel', 'Search organization members')}\n              inputId=\"organization-members-search\"\n              className=\"flex-1\"\n            />\n\n            <button\n              onClick={() => {\n                void refetch();\n              }}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-95\"\n              aria-label={tr('members.list.refresh', 'Refresh members')}\n              title={tr('members.list.refresh', 'Refresh members')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {filteredMembers.length > 0 ? (\n            <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllMembers}\n                    ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedMemberIds.size > 0 ? (\n                  <button\n                    onClick={() => setSelectedMemberIds(new Set())}\n                    className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n                  >\n                    {tr('common.clearSelection', 'Clear selection')}\n                  </button>\n                ) : null}\n              </div>\n\n              <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n                <span className=\"text-sm text-[var(--color-text-secondary)]\">\n                  {selectedMemberIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                  <button\n                    onClick={handleBulkRemove}\n                    disabled={selectedMembers.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('common.removeSelected', 'Remove Selected')}</span>\n                    {selectedMembers.length > 0 ? <span>({selectedMembers.length})</span> : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {filteredMembers.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 shadow-[var(--shadow-elevation-1)]\">\n            <EmptyState\n              icon={<Shield size={40} aria-hidden=\"true\" />}\n              title={tr('members.list.emptyTitle', 'No members found')}\n              description={tr(\n                'members.list.emptyDescription',\n                'Invite someone to this organization to grant them access and assign their role.'\n              )}\n              action={\n                inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE)\n                  ? {\n                      label: tr('members.invite.button', 'Invite Member'),\n                      onClick: () => navigate(`${basePath}/${organizationId}/members/invite`),\n                    }\n                  : undefined\n              }\n            />\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {filteredMembers.map((member) => (\n                <article\n                  key={member.id}\n                  className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedMemberIds.has(member.id)}\n                      onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                      ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                        <Shield size={18} aria-hidden=\"true\" />\n                      </div>\n\n                      <div className=\"min-w-0 flex-1 space-y-3\">\n                        <div>\n                          <div className=\"flex flex-wrap items-start gap-2\">\n                            <h2 className=\"break-all text-base font-semibold text-[var(--color-text-primary)]\">\n                              {member.userId}\n                            </h2>\n                            <MemberRoleBadge role={member.role} />\n                          </div>\n                          <p className=\"mt-1 break-all font-mono text-xs text-[var(--color-text-muted)]\">\n                            {tr('members.list.memberId', 'Member ID')}: {member.id}\n                          </p>\n                        </div>\n\n                        <dl className=\"grid grid-cols-1 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.invitedBy', 'Invited by')}\n                            </dt>\n                            <dd className=\"mt-1 break-all font-mono text-[var(--color-text-primary)]\">\n                              {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.joined', 'Joined')}\n                            </dt>\n                            <dd className=\"mt-1 text-[var(--color-text-primary)]\">\n                              {formatDate(member.joinedAt)}\n                            </dd>\n                          </div>\n                        </dl>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n                    <button\n                      onClick={() =>\n                        navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                      }\n                      className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                    >\n                      <Eye size={16} aria-hidden=\"true\" />\n                      {tr('common.view', 'View')}\n                    </button>\n                    {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                      <button\n                        onClick={() => handleRemove(member.userId)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('members.remove.confirm', 'Remove')}\n                      </button>\n                    )}\n                  </div>\n                </article>\n              ))}\n            </div>\n\n            <div className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full\">\n                  <thead className=\"bg-[var(--color-bg-subtle)]\">\n                    <tr>\n                      <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        <SelectionCheckbox\n                          checked={allVisibleSelected}\n                          indeterminate={partiallySelected}\n                          onChange={toggleAllMembers}\n                          ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                        />\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.user', 'User')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.role', 'Role')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.invitedBy', 'Invited by')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.joined', 'Joined')}\n                      </th>\n                      <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.actions', 'Actions')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-[var(--color-border-default)]\">\n                    {filteredMembers.map((member) => (\n                      <tr\n                        key={member.id}\n                        className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <td className=\"px-6 py-4 align-top\">\n                          <SelectionCheckbox\n                            checked={selectedMemberIds.has(member.id)}\n                            onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                            ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                              <Shield size={18} aria-hidden=\"true\" />\n                            </div>\n                            <div className=\"min-w-0\">\n                              <p className=\"break-all font-medium text-[var(--color-text-primary)]\">\n                                {member.userId}\n                              </p>\n                              <p className=\"break-all font-mono text-xs text-[var(--color-text-muted)]\">\n                                {tr('common.idLabel', 'ID')}: {member.id}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <MemberRoleBadge role={member.role} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(member.joinedAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div className=\"flex items-center justify-end gap-2\">\n                            <button\n                              onClick={() =>\n                                navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                              }\n                              className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                              aria-label={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                              title={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                              <button\n                                onClick={() => handleRemove(member.userId)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                aria-label={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                                title={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                              >\n                                <Trash2 size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                          </div>\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/MyInvitesPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * My Invites Page
+ * Shows pending invites for the current user with accept/reject actions
+ */
+export declare function MyInvitesPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyInvitesPage.d.ts.map

package/dist/organization-management/modules/members/pages/MyInvitesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyInvitesPage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/members/pages/MyInvitesPage.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,wBAAgB,aAAa,4CAuH5B"}

package/dist/organization-management/modules/members/pages/MyInvitesPage.js

@@ -0,0 +1,114 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../../../shared/components/feedback/LoadingState.js";
+import { useOrganizationPageView as n } from "../../../hooks/useOrganizationPageView.js";
+import { useAcceptInvite as r, useMyInvites as i, useRejectInvite as a } from "../hooks/useInvites.js";
+import { InviteStatus as o } from "../../../../generated/global-types.js";
+import { MyInviteCard as s } from "../components/MyInviteCard.js";
+import { useState as c } from "react";
+import { AlertCircle as l, Loader2 as u, Mail as d } from "lucide-react";
+import { usePermissions as f } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/organization-management/modules/members/pages/MyInvitesPage.tsx
+function h() {
+	n("organizations.my-invites");
+	let h = e(), { isLoading: g } = f(), { invites: _, loading: v, error: y, total: b } = i(o.Pending), { acceptInvite: x, loading: S } = r(), { rejectInvite: C, loading: w } = a(), [T, E] = c(null), D = async (e) => {
+		try {
+			E(null), await x(e);
+		} catch (e) {
+			E(e instanceof Error ? e.message : h("members.myInvites.acceptFailed", "Failed to accept invite"));
+		}
+	}, O = async (e) => {
+		try {
+			E(null), await C(e);
+		} catch (e) {
+			E(e instanceof Error ? e.message : h("members.myInvites.rejectFailed", "Failed to reject invite"));
+		}
+	};
+	return g ? /* @__PURE__ */ p("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ p(t, { message: h("common.loadingPermissions", "Loading permissions...") })
+	}) : v && _.length === 0 ? /* @__PURE__ */ p("div", {
+		className: "flex items-center justify-center min-h-[300px]",
+		children: /* @__PURE__ */ p(u, {
+			size: 24,
+			className: "animate-spin text-[var(--color-text-muted)]"
+		})
+	}) : y ? /* @__PURE__ */ p("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ p("div", {
+			className: "max-w-3xl mx-auto text-center py-12",
+			children: /* @__PURE__ */ m("p", {
+				className: "text-[var(--color-status-error-text)]",
+				children: [
+					h("members.myInvites.loadFailed", "Failed to load invites"),
+					": ",
+					y.message
+				]
+			})
+		})
+	}) : /* @__PURE__ */ p("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ m("div", {
+			className: "max-w-3xl mx-auto",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center gap-3 mb-6",
+					children: [
+						/* @__PURE__ */ p(d, {
+							size: 24,
+							className: "text-[var(--color-text-primary)]"
+						}),
+						/* @__PURE__ */ p("h1", {
+							className: "text-2xl font-bold text-[var(--color-text-primary)]",
+							children: h("members.myInvites.title", "My Invites")
+						}),
+						b > 0 && /* @__PURE__ */ p("span", {
+							className: "px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]",
+							children: b
+						})
+					]
+				}),
+				T && /* @__PURE__ */ m("div", {
+					className: "mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3",
+					children: [/* @__PURE__ */ p(l, {
+						size: 16,
+						className: "shrink-0 text-[var(--color-status-error-text)]"
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-[var(--color-status-error-text)]",
+						children: T
+					})]
+				}),
+				_.length === 0 ? /* @__PURE__ */ m("div", {
+					className: "text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]",
+					children: [
+						/* @__PURE__ */ p(d, {
+							size: 48,
+							className: "mx-auto mb-4 text-[var(--color-text-muted)] opacity-50"
+						}),
+						/* @__PURE__ */ p("h3", {
+							className: "text-lg font-medium text-[var(--color-text-primary)] mb-1",
+							children: h("members.myInvites.emptyTitle", "No pending invites")
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "text-sm text-[var(--color-text-muted)]",
+							children: h("members.myInvites.emptyDescription", "When someone invites you to an organization, it will appear here.")
+						})
+					]
+				}) : /* @__PURE__ */ p("div", {
+					className: "space-y-3",
+					children: _.map((e) => /* @__PURE__ */ p(s, {
+						invite: e,
+						onAccept: D,
+						onReject: O,
+						accepting: S,
+						rejecting: w
+					}, e.id))
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { h as MyInvitesPage };
+
+//# sourceMappingURL=MyInvitesPage.js.map

package/dist/organization-management/modules/members/pages/MyInvitesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyInvitesPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MyInvitesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Mail, Loader2, AlertCircle } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useMyInvites, useAcceptInvite, useRejectInvite } from '../hooks/useInvites';\nimport { MyInviteCard } from '../components/MyInviteCard';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\n/**\n * My Invites Page\n * Shows pending invites for the current user with accept/reject actions\n */\nexport function MyInvitesPage() {\n  useOrganizationPageView('organizations.my-invites');\n  const tr = useTr();\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { invites, loading, error, total } = useMyInvites(InviteStatus.Pending);\n  const { acceptInvite, loading: accepting } = useAcceptInvite();\n  const { rejectInvite, loading: rejecting } = useRejectInvite();\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const handleAccept = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await acceptInvite(inviteId);\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr('members.myInvites.acceptFailed', 'Failed to accept invite')\n      );\n    }\n  };\n\n  const handleReject = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await rejectInvite(inviteId);\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr('members.myInvites.rejectFailed', 'Failed to reject invite')\n      );\n    }\n  };\n\n  // Own invites are always accessible — no permission denial needed.\n  // We still wait for permissions to load to ensure consistent UX.\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 (loading && invites.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[300px]\">\n        <Loader2 size={24} className=\"animate-spin text-[var(--color-text-muted)]\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-3xl mx-auto text-center py-12\">\n          <p className=\"text-[var(--color-status-error-text)]\">\n            {tr('members.myInvites.loadFailed', 'Failed to load invites')}: {error.message}\n          </p>\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\">\n      <div className=\"max-w-3xl mx-auto\">\n        {/* Header */}\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n          <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n            {tr('members.myInvites.title', 'My Invites')}\n          </h1>\n          {total > 0 && (\n            <span className=\"px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]\">\n              {total}\n            </span>\n          )}\n        </div>\n\n        {actionError && (\n          <div className=\"mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n            <AlertCircle size={16} className=\"shrink-0 text-[var(--color-status-error-text)]\" />\n            <p className=\"text-sm text-[var(--color-status-error-text)]\">{actionError}</p>\n          </div>\n        )}\n\n        {/* Invites list */}\n        {invites.length === 0 ? (\n          <div className=\"text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]\">\n            <Mail size={48} className=\"mx-auto mb-4 text-[var(--color-text-muted)] opacity-50\" />\n            <h3 className=\"text-lg font-medium text-[var(--color-text-primary)] mb-1\">\n              {tr('members.myInvites.emptyTitle', 'No pending invites')}\n            </h3>\n            <p className=\"text-sm text-[var(--color-text-muted)]\">\n              {tr(\n                'members.myInvites.emptyDescription',\n                'When someone invites you to an organization, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {invites.map((invite) => (\n              <MyInviteCard\n                key={invite.id}\n                invite={invite}\n                onAccept={handleAccept}\n                onReject={handleReject}\n                accepting={accepting}\n                rejecting={rejecting}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,IAAgB;AAC9B,GAAwB,2BAA2B;CACnD,IAAM,IAAK,GAAO,EACZ,EAAE,WAAW,MAAuB,GAAgB,EACpD,EAAE,YAAS,YAAS,UAAO,aAAU,EAAa,EAAa,QAAQ,EACvE,EAAE,iBAAc,SAAS,MAAc,GAAiB,EACxD,EAAE,iBAAc,SAAS,MAAc,GAAiB,EACxD,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,IAAe,OAAO,MAAqB;AAC/C,MAAI;AAEF,GADA,EAAe,KAAK,EACpB,MAAM,EAAa,EAAS;WACrB,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAG,kCAAkC,0BAA0B,CACpE;;IAIC,IAAe,OAAO,MAAqB;AAC/C,MAAI;AAEF,GADA,EAAe,KAAK,EACpB,MAAM,EAAa,EAAS;WACrB,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAG,kCAAkC,0BAA0B,CACpE;;;AAkCL,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIN,KAAW,EAAQ,WAAW,IAE9B,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAS,MAAM;GAAI,WAAU;GAAgD,CAAA;EACzE,CAAA,GAIN,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAG,gCAAgC,yBAAyB;KAAC;KAAG,EAAM;KACrE;;GACA,CAAA;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAAqC,CAAA;MAC/D,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,2BAA2B,aAAa;OACzC,CAAA;MACJ,IAAQ,KACP,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MAEL;;IAEL,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAa,MAAM;MAAI,WAAU;MAAmD,CAAA,EACpF,kBAAC,KAAD;MAAG,WAAU;gBAAiD;MAAgB,CAAA,CAC1E;;IAIP,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAA2D,CAAA;MACrF,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,gCAAgC,qBAAqB;OACtD,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,sCACA,oEACD;OACC,CAAA;MACA;SAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;MAEU;MACR,UAAU;MACV,UAAU;MACC;MACA;MACX,EANK,EAAO,GAMZ,CACF;KACE,CAAA;IAEJ;;EACF,CAAA"}

package/dist/organization-management/modules/members/types/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Member Types
+ * Type definitions for the Members module
+ *
+ * Schema Changes Applied:
+ * - Removed fields not in schema: email, name, avatarUrl, status, contextType, contextId, lastActiveAt, invitedAt, metadata, createdAt, updatedAt
+ * - Available fields: id, userId, organizationId, role, invitedBy, joinedAt
+ * - Changed from cursor-based to offset-based pagination
+ */
+export interface Member {
+    id: string;
+    userId: string;
+    organizationId: string;
+    role: string;
+    invitedBy?: string;
+    joinedAt?: string;
+}
+export interface AddMemberInput {
+    organizationId: string;
+    userId: string;
+    role: string;
+}
+export interface UpdateMemberInput {
+    role?: string;
+}
+export interface MembersConnection {
+    items: Member[];
+    total: number;
+    limit: number;
+    offset: number;
+    hasMore: boolean;
+}
+export type CreateMemberInput = AddMemberInput;
+export type InviteMemberInput = AddMemberInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/organization-management/modules/members/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/members/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB;AAGD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAC/C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC"}

package/dist/organization-management/modules/organizations/components/OrganizationForm.d.ts

@@ -0,0 +1,13 @@
+import { CreateOrganizationInput, UpdateOrganizationInput, Organization } from '../types';
+
+interface OrganizationFormProps {
+    organization?: Organization | null;
+    tenantId?: string;
+    tenantName?: string;
+    onSubmit: (data: CreateOrganizationInput | UpdateOrganizationInput) => Promise<void>;
+    onCancel: () => void;
+    loading?: boolean;
+}
+export declare function OrganizationForm({ organization, tenantId, tenantName, onSubmit, onCancel, loading, }: OrganizationFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OrganizationForm.d.ts.map

package/dist/organization-management/modules/organizations/components/OrganizationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationForm.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/organizations/components/OrganizationForm.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG/F,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,uBAAuB,GAAG,uBAAuB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA4BD,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CAygBvB"}

package/dist/organization-management/modules/organizations/components/OrganizationForm.js

@@ -0,0 +1,325 @@
+import { useGetOrganizationBySlugLazyQuery as e } from "../../../../generated/global-operations.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import { useDebouncedValue as n } from "../../../shared/hooks/useDebouncedValue.js";
+import { ZodError as r } from "../../../../node_modules/zod/v3/ZodError.js";
+import { createOrganizationSchema as i, updateOrganizationSchema as a } from "../schemas/index.js";
+import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Loader2 as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/organization-management/modules/organizations/components/OrganizationForm.tsx
+function p(e) {
+	return e.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function m(e) {
+	switch (e) {
+		case "success": return "text-[var(--color-status-success-text)]";
+		case "warning": return "text-[var(--color-status-warning-text)]";
+		default: return "text-[var(--color-text-muted)]";
+	}
+}
+function h({ organization: h, tenantId: g, tenantName: _, onSubmit: v, onCancel: y, loading: b }) {
+	let x = t(), S = !h, C = h?.id ?? null, [w, T] = l({
+		name: h?.name || "",
+		slug: h?.slug || "",
+		description: h?.description || "",
+		logo: h?.logo || "",
+		website: h?.website || "",
+		tenantId: g || h?.tenantId || ""
+	}), [E, D] = l({}), [O, k] = l(!1), [A, j] = l({
+		tone: "muted",
+		message: x("organizations.form.slugAutoGenerated", "Slug is auto-generated from the organization name.")
+	}), M = c(0), N = c(null), P = c(null), F = n(w.slug, 350), [I] = e({ fetchPolicy: "network-only" }), L = s(() => w.tenantId ? _ ? `${_} (${w.tenantId})` : w.tenantId : "", [w.tenantId, _]);
+	o(() => {
+		!S || g === void 0 || T((e) => e.tenantId === g ? e : {
+			...e,
+			tenantId: g
+		});
+	}, [S, g]), o(() => {
+		if (!S) return;
+		let e = p(w.name);
+		N.current = null, P.current = null, O || T((t) => ({
+			...t,
+			slug: e
+		})), e || j({
+			tone: "muted",
+			message: x("organizations.form.slugAutoGenerated", "Slug is auto-generated from the organization name.")
+		});
+	}, [
+		w.name,
+		O,
+		S,
+		x
+	]), o(() => {
+		if (!S) return;
+		if (!w.tenantId || !F) {
+			N.current = null, P.current = null, j({
+				tone: "muted",
+				message: x("organizations.form.slugAutoGenerated", "Slug is auto-generated from the organization name.")
+			});
+			return;
+		}
+		if (N.current === F && P.current !== null) {
+			j({
+				tone: "warning",
+				message: `${x("organizations.form.slugAdjustedTo", "Slug adjusted to")} “${F}” ${x("organizations.form.slugBecause", "because")} “${P.current}” ${x("organizations.form.slugAlreadyTaken", "is already taken.")}`
+			});
+			return;
+		}
+		let e = !1, t = ++M.current;
+		return (async () => {
+			j({
+				tone: "muted",
+				message: x("organizations.form.slugChecking", "Checking slug availability…")
+			});
+			let n = F, r = 2, i = n;
+			for (;;) {
+				let a = await I({ variables: {
+					tenantId: w.tenantId,
+					slug: i
+				} });
+				if (e || M.current !== t) return;
+				let o = a.data?.organizationBySlug?.id;
+				if (!o || o === C) {
+					i === n ? (N.current = null, P.current = null, j({
+						tone: "success",
+						message: `${x("organizations.form.slugPrefix", "Slug")} “${i}” ${x("organizations.form.slugAvailable", "is available.")}`
+					})) : (N.current = i, P.current = n, T((e) => e.slug === n ? {
+						...e,
+						slug: i
+					} : e), j({
+						tone: "warning",
+						message: `${x("organizations.form.slugAdjustedTo", "Slug adjusted to")} “${i}” ${x("organizations.form.slugBecause", "because")} “${n}” ${x("organizations.form.slugAlreadyTaken", "is already taken.")}`
+					}));
+					return;
+				}
+				i = `${n}-${r}`, r += 1;
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		C,
+		F,
+		I,
+		w.tenantId,
+		S,
+		x
+	]);
+	let R = () => {
+		try {
+			return (h ? a : i).parse(w), D({}), !0;
+		} catch (e) {
+			if (e instanceof r) {
+				let t = {};
+				e.issues.forEach((e) => {
+					let n = e.path.join(".");
+					t[n] = e.message;
+				}), D(t);
+			}
+			return !1;
+		}
+	};
+	return /* @__PURE__ */ f("form", {
+		onSubmit: async (e) => {
+			e.preventDefault(), R() && await v(h ? {
+				name: w.name === h.name ? void 0 : w.name,
+				description: w.description === h.description ? void 0 : w.description,
+				logo: w.logo === h.logo ? void 0 : w.logo,
+				website: w.website === h.website ? void 0 : w.website
+			} : {
+				tenantId: w.tenantId,
+				name: w.name,
+				slug: w.slug,
+				description: w.description || void 0,
+				logo: w.logo || void 0,
+				website: w.website || void 0
+			});
+		},
+		className: "space-y-6",
+		children: [
+			S && /* @__PURE__ */ f("div", { children: [
+				/* @__PURE__ */ f("label", {
+					htmlFor: "tenantId",
+					className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+					children: [
+						x("organizations.form.tenant", "Tenant"),
+						" ",
+						/* @__PURE__ */ d("span", {
+							className: "text-[var(--color-status-error-text)]",
+							children: "*"
+						})
+					]
+				}),
+				g ? /* @__PURE__ */ d("input", {
+					id: "tenantId",
+					type: "text",
+					value: L,
+					className: "\n                w-full px-3 py-2\n                bg-[var(--color-bg-muted)]\n                border border-[var(--color-border-default)]\n                rounded-lg\n                text-[var(--color-text-primary)]\n                placeholder:text-[var(--color-text-muted)]\n                disabled:cursor-not-allowed\n              ",
+					disabled: !0,
+					readOnly: !0,
+					"aria-label": x("organizations.form.selectedTenant", "Selected tenant")
+				}) : /* @__PURE__ */ d("input", {
+					id: "tenantId",
+					type: "text",
+					value: w.tenantId,
+					onChange: (e) => T({
+						...w,
+						tenantId: e.target.value
+					}),
+					className: "\n                w-full px-3 py-2\n                bg-[var(--color-bg-surface)]\n                border border-[var(--color-border-default)]\n                rounded-lg\n                text-[var(--color-text-primary)]\n                placeholder:text-[var(--color-text-muted)]\n                focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n                disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n              ",
+					placeholder: x("organizations.form.tenantPlaceholder", "Enter tenant ID"),
+					disabled: b,
+					required: !0,
+					autoComplete: "off"
+				}),
+				E.tenantId && /* @__PURE__ */ d("p", {
+					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
+					children: E.tenantId
+				})
+			] }),
+			/* @__PURE__ */ f("div", { children: [
+				/* @__PURE__ */ f("label", {
+					htmlFor: "name",
+					className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+					children: [
+						x("organizations.form.name", "Organization Name"),
+						" ",
+						/* @__PURE__ */ d("span", {
+							className: "text-[var(--color-status-error-text)]",
+							children: "*"
+						})
+					]
+				}),
+				/* @__PURE__ */ d("input", {
+					id: "name",
+					type: "text",
+					value: w.name,
+					onChange: (e) => T({
+						...w,
+						name: e.target.value
+					}),
+					className: "\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          ",
+					placeholder: x("organizations.form.namePlaceholder", "Enter organization name"),
+					disabled: b,
+					required: !0,
+					autoComplete: "organization"
+				}),
+				E.name && /* @__PURE__ */ d("p", {
+					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
+					children: E.name
+				})
+			] }),
+			/* @__PURE__ */ f("div", { children: [
+				/* @__PURE__ */ f("label", {
+					htmlFor: "slug",
+					className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+					children: [
+						x("common.slug", "Slug"),
+						" ",
+						/* @__PURE__ */ d("span", {
+							className: "text-[var(--color-status-error-text)]",
+							children: "*"
+						})
+					]
+				}),
+				/* @__PURE__ */ d("input", {
+					id: "slug",
+					type: "text",
+					value: w.slug,
+					onChange: (e) => {
+						k(!0), N.current = null, P.current = null, T({
+							...w,
+							slug: p(e.target.value)
+						});
+					},
+					className: "\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          ",
+					placeholder: x("organizations.form.slugPlaceholder", "organization-slug"),
+					disabled: b || !!h,
+					required: !h,
+					autoComplete: "off"
+				}),
+				/* @__PURE__ */ d("p", {
+					className: `text-xs mt-1 ${m(S ? A.tone : "muted")}`,
+					children: S ? A.message : x("organizations.form.slugImmutable", "Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.")
+				}),
+				E.slug && /* @__PURE__ */ d("p", {
+					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
+					children: E.slug
+				})
+			] }),
+			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+				htmlFor: "description",
+				className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+				children: x("common.description", "Description")
+			}), /* @__PURE__ */ d("textarea", {
+				id: "description",
+				value: w.description,
+				onChange: (e) => T({
+					...w,
+					description: e.target.value
+				}),
+				rows: 4,
+				className: "\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          ",
+				placeholder: x("organizations.form.descriptionPlaceholder", "Enter organization description"),
+				disabled: b,
+				autoComplete: "off"
+			})] }),
+			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+				htmlFor: "logo",
+				className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+				children: x("organizations.form.logoUrl", "Logo URL")
+			}), /* @__PURE__ */ d("input", {
+				id: "logo",
+				type: "url",
+				value: w.logo,
+				onChange: (e) => T({
+					...w,
+					logo: e.target.value
+				}),
+				className: "\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          ",
+				placeholder: "https://example.com/logo.png",
+				disabled: b,
+				autoComplete: "url"
+			})] }),
+			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+				htmlFor: "website",
+				className: "block text-sm font-medium text-[var(--color-text-primary)] mb-1",
+				children: x("organizations.detail.website", "Website")
+			}), /* @__PURE__ */ d("input", {
+				id: "website",
+				type: "url",
+				value: w.website,
+				onChange: (e) => T({
+					...w,
+					website: e.target.value
+				}),
+				className: "\n            w-full px-3 py-2\n            bg-[var(--color-bg-surface)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            text-[var(--color-text-primary)]\n            placeholder:text-[var(--color-text-muted)]\n            focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n            disabled:bg-[var(--color-bg-muted)] disabled:cursor-not-allowed\n          ",
+				placeholder: "https://example.com",
+				disabled: b,
+				autoComplete: "url"
+			})] }),
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row",
+				children: [/* @__PURE__ */ f("button", {
+					type: "submit",
+					disabled: b,
+					className: "\n            inline-flex items-center gap-2 px-6 py-2.5\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[220px]\n          ",
+					children: [b && /* @__PURE__ */ d(u, {
+						size: 16,
+						className: "animate-spin"
+					}), h ? x("organizations.form.updateSubmit", "Update Organization") : x("organizations.create.button", "Create Organization")]
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: y,
+					disabled: b,
+					className: "\n            px-6 py-2.5\n            bg-transparent\n            text-[var(--color-text-primary)]\n            border border-[var(--color-border-default)]\n            rounded-lg\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n            disabled:opacity-50 disabled:cursor-not-allowed\n            sm:min-w-[140px]\n          ",
+					children: x("common.cancel", "Cancel")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { h as OrganizationForm };
+
+//# sourceMappingURL=OrganizationForm.js.map