@m5kdev/web-ui 0.7.0 → 0.8.2

package/dist/src/modules/auth/components/OrganizationMembersRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationMembersRoute.js","names":[],"sources":["../../../../../src/modules/auth/components/OrganizationMembersRoute.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  Card,\r\n  CardBody,\r\n  CardHeader,\r\n  Chip,\r\n  Input,\r\n  Select,\r\n  SelectItem,\r\n  Spinner,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableColumn,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { Copy, Trash2, UserPlus, Users } from \"lucide-react\";\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype OrganizationDetails = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n  logo?: string | null;\r\n  metadata?: Record<string, unknown> | null;\r\n};\r\n\r\ntype OrganizationMember = {\r\n  id: string;\r\n  userId: string;\r\n  role: string;\r\n  user: {\r\n    id: string;\r\n    name: string;\r\n    email: string;\r\n    image?: string | null;\r\n  };\r\n};\r\n\r\ntype OrganizationInvitation = {\r\n  id: string;\r\n  organizationId: string;\r\n  email: string;\r\n  role: string;\r\n  status: string;\r\n  inviterId: string;\r\n  createdAt: Date | string;\r\n  expiresAt: Date | string;\r\n};\r\n\r\ntype CombinedMemberRow =\r\n  | {\r\n      kind: \"member\";\r\n      id: string;\r\n      displayName: string;\r\n      email: string;\r\n      role: string;\r\n      status: \"active\";\r\n      memberId: string;\r\n    }\r\n  | {\r\n      kind: \"invitation\";\r\n      id: string;\r\n      displayName: string;\r\n      email: string;\r\n      role: string;\r\n      status: \"invited\";\r\n      invitationId: string;\r\n    };\r\n\r\nconst ORGANIZATION_ROLES = [\"member\", \"admin\", \"owner\"] as const;\r\n\r\nexport type OrganizationRole = (typeof ORGANIZATION_ROLES)[number];\r\n\r\nfunction isOrganizationRole(role: string): role is OrganizationRole {\r\n  return (ORGANIZATION_ROLES as readonly string[]).includes(role);\r\n}\r\n\r\nexport type OrganizationMembersRouteLabels = {\r\n  loadError: string;\r\n  membersTitle: string;\r\n  membersNoActive: string;\r\n  membersManageOnly: string;\r\n  membersDescription: (organizationName: string) => string;\r\n  defaultOrganizationName: string;\r\n  loadMembersError: string;\r\n  loadInvitationsError: string;\r\n  roleUpdateSuccess: string;\r\n  roleUpdateError: string;\r\n  removeMemberSuccess: string;\r\n  removeMemberError: string;\r\n  emailRequired: string;\r\n  inviteSuccess: string;\r\n  inviteError: string;\r\n  cancelInvitationSuccess: string;\r\n  cancelInvitationError: string;\r\n  inviteLinkCopied: string;\r\n  copyInviteLinkError: string;\r\n  unknownName: string;\r\n  invitedUser: string;\r\n  emailLabel: string;\r\n  emailPlaceholder: string;\r\n  roleLabel: string;\r\n  inviteButton: string;\r\n  tableTitle: string;\r\n  columnName: string;\r\n  columnEmail: string;\r\n  columnRole: string;\r\n  columnStatus: string;\r\n  columnActions: string;\r\n  tableEmpty: string;\r\n  roleFor: (name: string) => string;\r\n  statusActive: string;\r\n  statusInvited: string;\r\n  removeMember: string;\r\n  copyInviteLink: string;\r\n  cancelInvitation: string;\r\n  roleUnknown: string;\r\n};\r\n\r\nexport type OrganizationMembersRouteProps = {\r\n  managerRoles?: string[];\r\n  assignableRoles?: OrganizationRole[];\r\n  invitationAcceptPath?: string;\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction useOrganizationAccess({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: Pick<OrganizationMembersRouteProps, \"managerRoles\" | \"onInvalidateScopedQueries\">) {\r\n  const { data: session, registerSession } = useSession();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles ?? [\"admin\", \"owner\"]), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const refreshOrganizationQueries = useCallback(async () => {\r\n    await Promise.allSettled([\r\n      queryClient.invalidateQueries({ queryKey: [\"auth-organization-list\"] }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n      }),\r\n    ]);\r\n\r\n    registerSession(() => {\r\n      void onInvalidateScopedQueries?.();\r\n    });\r\n  }, [activeOrganizationId, onInvalidateScopedQueries, queryClient, registerSession]);\r\n\r\n  return {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  };\r\n}\r\n\r\nfunction useOrganizationConfig({\r\n  assignableRoles,\r\n}: Pick<OrganizationMembersRouteProps, \"assignableRoles\">) {\r\n  const { t } = useTranslation();\r\n\r\n  const translatedLabels = useMemo<OrganizationMembersRouteLabels>(\r\n    () => ({\r\n      loadError: t(\"web-ui:organization.members.loadError\"),\r\n      membersTitle: t(\"web-ui:organization.members.title\"),\r\n      membersNoActive: t(\"web-ui:organization.members.noActive\"),\r\n      membersManageOnly: t(\"web-ui:organization.members.manageOnly\"),\r\n      membersDescription: (organizationName: string) =>\r\n        t(\"web-ui:organization.members.description\", { name: organizationName }),\r\n      defaultOrganizationName: t(\"web-ui:organization.members.defaultName\"),\r\n      loadMembersError: t(\"web-ui:organization.members.loadMembersError\"),\r\n      loadInvitationsError: t(\"web-ui:organization.members.loadInvitationsError\"),\r\n      roleUpdateSuccess: t(\"web-ui:organization.members.roleUpdateSuccess\"),\r\n      roleUpdateError: t(\"web-ui:organization.members.roleUpdateError\"),\r\n      removeMemberSuccess: t(\"web-ui:organization.members.removeMemberSuccess\"),\r\n      removeMemberError: t(\"web-ui:organization.members.removeMemberError\"),\r\n      emailRequired: t(\"web-ui:organization.members.emailRequired\"),\r\n      inviteSuccess: t(\"web-ui:organization.members.inviteSuccess\"),\r\n      inviteError: t(\"web-ui:organization.members.inviteError\"),\r\n      cancelInvitationSuccess: t(\"web-ui:organization.members.cancelInvitationSuccess\"),\r\n      cancelInvitationError: t(\"web-ui:organization.members.cancelInvitationError\"),\r\n      inviteLinkCopied: t(\"web-ui:organization.members.inviteLinkCopied\"),\r\n      copyInviteLinkError: t(\"web-ui:organization.members.copyInviteLinkError\"),\r\n      unknownName: t(\"web-ui:organization.members.unknownName\"),\r\n      invitedUser: t(\"web-ui:organization.members.invitedUser\"),\r\n      emailLabel: t(\"web-ui:organization.members.emailLabel\"),\r\n      emailPlaceholder: t(\"web-ui:organization.members.emailPlaceholder\"),\r\n      roleLabel: t(\"web-ui:organization.members.roleLabel\"),\r\n      inviteButton: t(\"web-ui:organization.members.inviteButton\"),\r\n      tableTitle: t(\"web-ui:organization.members.tableTitle\"),\r\n      columnName: t(\"web-ui:organization.members.columnName\"),\r\n      columnEmail: t(\"web-ui:organization.members.columnEmail\"),\r\n      columnRole: t(\"web-ui:organization.members.columnRole\"),\r\n      columnStatus: t(\"web-ui:organization.members.columnStatus\"),\r\n      columnActions: t(\"web-ui:organization.members.columnActions\"),\r\n      tableEmpty: t(\"web-ui:organization.members.tableEmpty\"),\r\n      roleFor: (name: string) => t(\"web-ui:organization.members.roleFor\", { name }),\r\n      statusActive: t(\"web-ui:organization.members.statusActive\"),\r\n      statusInvited: t(\"web-ui:organization.members.statusInvited\"),\r\n      removeMember: t(\"web-ui:organization.members.removeMember\"),\r\n      copyInviteLink: t(\"web-ui:organization.members.copyInviteLink\"),\r\n      cancelInvitation: t(\"web-ui:organization.members.cancelInvitation\"),\r\n      roleUnknown: t(\"web-ui:organization.members.roleUnknown\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const translatedRoleLabels = useMemo<Record<string, string>>(\r\n    () => ({\r\n      member: t(\"web-ui:organization.roles.member\"),\r\n      admin: t(\"web-ui:organization.roles.admin\"),\r\n      owner: t(\"web-ui:organization.roles.owner\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const resolvedAssignableRoles = useMemo(\r\n    () =>\r\n      assignableRoles && assignableRoles.length > 0 ? assignableRoles : [...ORGANIZATION_ROLES],\r\n    [assignableRoles]\r\n  );\r\n\r\n  return {\r\n    resolvedLabels: translatedLabels,\r\n    resolvedRoleLabels: translatedRoleLabels,\r\n    resolvedAssignableRoles,\r\n  };\r\n}\r\n\r\nexport function OrganizationMembersRoute({\r\n  managerRoles,\r\n  assignableRoles,\r\n  invitationAcceptPath,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationMembersRouteProps) {\r\n  const { resolvedLabels, resolvedRoleLabels, resolvedAssignableRoles } = useOrganizationConfig({\r\n    assignableRoles,\r\n  });\r\n\r\n  const {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  } = useOrganizationAccess({ managerRoles, onInvalidateScopedQueries });\r\n\r\n  const [inviteEmail, setInviteEmail] = useState(\"\");\r\n  const [inviteRole, setInviteRole] = useState<OrganizationRole>(\r\n    resolvedAssignableRoles[0] ?? \"member\"\r\n  );\r\n  const isMountedRef = useRef(true);\r\n  useEffect(() => {\r\n    return () => {\r\n      isMountedRef.current = false;\r\n    };\r\n  }, []);\r\n\r\n  const refreshOrganizationQueriesStable = useCallback(\r\n    () => refreshOrganizationQueries(),\r\n    [refreshOrganizationQueries]\r\n  );\r\n\r\n  const updateRoleMutation = useMutation({\r\n    mutationFn: async ({\r\n      memberId,\r\n      role,\r\n      organizationId,\r\n    }: {\r\n      memberId: string;\r\n      role: OrganizationRole;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.updateMemberRole({\r\n        memberId,\r\n        role,\r\n        organizationId,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.roleUpdateError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.roleUpdateSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.roleUpdateError);\r\n    },\r\n  });\r\n\r\n  const removeMemberMutation = useMutation({\r\n    mutationFn: async ({\r\n      memberId,\r\n      organizationId,\r\n    }: {\r\n      memberId: string;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.removeMember({\r\n        memberIdOrEmail: memberId,\r\n        organizationId,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.removeMemberError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.removeMemberSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.removeMemberError);\r\n    },\r\n  });\r\n\r\n  const createInvitationMutation = useMutation({\r\n    mutationFn: async ({\r\n      email,\r\n      role,\r\n      organizationId,\r\n    }: {\r\n      email: string;\r\n      role: OrganizationRole;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.inviteMember({\r\n        organizationId,\r\n        email: email.trim(),\r\n        role,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.inviteError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.inviteSuccess);\r\n      if (isMountedRef.current) {\r\n        setInviteEmail(\"\");\r\n        setInviteRole(resolvedAssignableRoles[0] ?? \"member\");\r\n      }\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.inviteError);\r\n    },\r\n  });\r\n\r\n  const cancelInvitationMutation = useMutation({\r\n    mutationFn: async ({ invitationId }: { invitationId: string }) => {\r\n      const { error } = await authClient.organization.cancelInvitation({ invitationId });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.cancelInvitationError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.cancelInvitationSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.cancelInvitationError);\r\n    },\r\n  });\r\n\r\n  const updatingMemberId =\r\n    updateRoleMutation.isPending && updateRoleMutation.variables\r\n      ? updateRoleMutation.variables.memberId\r\n      : null;\r\n  const removingMemberId =\r\n    removeMemberMutation.isPending && removeMemberMutation.variables\r\n      ? removeMemberMutation.variables.memberId\r\n      : null;\r\n  const cancelingInvitationId =\r\n    cancelInvitationMutation.isPending && cancelInvitationMutation.variables\r\n      ? cancelInvitationMutation.variables.invitationId\r\n      : null;\r\n\r\n  useEffect(() => {\r\n    if (!resolvedAssignableRoles.includes(inviteRole)) {\r\n      setInviteRole(resolvedAssignableRoles[0] ?? \"member\");\r\n    }\r\n  }, [inviteRole, resolvedAssignableRoles]);\r\n\r\n  const organizationQuery = useQuery({\r\n    queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.getFullOrganization({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          membersLimit: 200,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadError);\r\n      }\r\n      return data as OrganizationDetails | null;\r\n    },\r\n  });\r\n\r\n  const membersQuery = useQuery({\r\n    queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.listMembers({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          limit: 200,\r\n          offset: 0,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadMembersError);\r\n      }\r\n      return ((data as { members: OrganizationMember[] } | null)?.members ??\r\n        []) as OrganizationMember[];\r\n    },\r\n  });\r\n\r\n  const invitationsQuery = useQuery({\r\n    queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.listInvitations({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadInvitationsError);\r\n      }\r\n      return (data ?? []) as OrganizationInvitation[];\r\n    },\r\n  });\r\n\r\n  const members = membersQuery.data ?? [];\r\n  const invitations = invitationsQuery.data ?? [];\r\n\r\n  const rows = useMemo<CombinedMemberRow[]>(() => {\r\n    const memberRows: CombinedMemberRow[] = members.map((member) => ({\r\n      kind: \"member\",\r\n      id: `member-${member.id}`,\r\n      displayName: member.user?.name || resolvedLabels.unknownName,\r\n      email: member.user?.email || \"-\",\r\n      role: member.role,\r\n      status: \"active\",\r\n      memberId: member.id,\r\n    }));\r\n\r\n    const invitationRows: CombinedMemberRow[] = invitations.map((invitation) => ({\r\n      kind: \"invitation\",\r\n      id: `invitation-${invitation.id}`,\r\n      displayName: resolvedLabels.invitedUser,\r\n      email: invitation.email,\r\n      role: invitation.role,\r\n      status: \"invited\",\r\n      invitationId: invitation.id,\r\n    }));\r\n\r\n    return [...memberRows, ...invitationRows].sort((left, right) => {\r\n      if (left.status === right.status) {\r\n        return left.email.localeCompare(right.email);\r\n      }\r\n      return left.status === \"active\" ? -1 : 1;\r\n    });\r\n  }, [invitations, members, resolvedLabels.invitedUser, resolvedLabels.unknownName]);\r\n\r\n  const onUpdateMemberRole = useCallback(\r\n    (memberId: string, role: OrganizationRole) => {\r\n      if (!canManageOrganization || !activeOrganizationId) return;\r\n      updateRoleMutation.mutate({ memberId, role, organizationId: activeOrganizationId });\r\n    },\r\n    [canManageOrganization, activeOrganizationId, updateRoleMutation]\r\n  );\r\n\r\n  const onRemoveMember = useCallback(\r\n    (memberId: string) => {\r\n      if (!canManageOrganization || !activeOrganizationId) return;\r\n      removeMemberMutation.mutate({ memberId, organizationId: activeOrganizationId });\r\n    },\r\n    [canManageOrganization, activeOrganizationId, removeMemberMutation]\r\n  );\r\n\r\n  const onCreateInvitation = useCallback(() => {\r\n    if (!canManageOrganization || !activeOrganizationId) return;\r\n    if (!inviteEmail.trim()) {\r\n      toast.error(resolvedLabels.emailRequired);\r\n      return;\r\n    }\r\n    createInvitationMutation.mutate({\r\n      email: inviteEmail,\r\n      role: inviteRole,\r\n      organizationId: activeOrganizationId,\r\n    });\r\n  }, [\r\n    canManageOrganization,\r\n    activeOrganizationId,\r\n    inviteEmail,\r\n    inviteRole,\r\n    resolvedLabels.emailRequired,\r\n    createInvitationMutation,\r\n  ]);\r\n\r\n  const onCancelInvitation = useCallback(\r\n    (invitationId: string) => {\r\n      if (!canManageOrganization) return;\r\n      cancelInvitationMutation.mutate({ invitationId });\r\n    },\r\n    [canManageOrganization, cancelInvitationMutation]\r\n  );\r\n\r\n  const invitationLinkBase = useMemo(() => {\r\n    const invitationPath = invitationAcceptPath ?? \"/organization/accept-invitation\";\r\n    if (/^https?:\\/\\//i.test(invitationPath)) {\r\n      return `${invitationPath}?id=`;\r\n    }\r\n    return typeof window === \"undefined\"\r\n      ? `${invitationPath}?id=`\r\n      : `${window.location.origin}${invitationPath}?id=`;\r\n  }, [invitationAcceptPath]);\r\n\r\n  const onCopyInvitationLink = async (invitationId: string) => {\r\n    try {\r\n      await navigator.clipboard.writeText(`${invitationLinkBase}${invitationId}`);\r\n      toast.success(resolvedLabels.inviteLinkCopied);\r\n    } catch {\r\n      toast.error(resolvedLabels.copyInviteLinkError);\r\n    }\r\n  };\r\n\r\n  const getRoleLabel = (role: string) => resolvedRoleLabels[role] ?? resolvedLabels.roleUnknown;\r\n\r\n  if (!activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.membersTitle}\r\n        message={resolvedLabels.membersNoActive}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!canManageOrganization) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.membersTitle}\r\n        message={resolvedLabels.membersManageOnly}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (organizationQuery.isLoading || membersQuery.isLoading || invitationsQuery.isLoading) {\r\n    return (\r\n      <div className=\"p-6 flex justify-center\">\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Card>\r\n        <CardHeader className=\"flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <Users className=\"h-4 w-4\" />\r\n            <div className=\"flex flex-col\">\r\n              <h2 className=\"text-lg font-semibold\">{resolvedLabels.membersTitle}</h2>\r\n              <p className=\"text-sm text-default-500\">\r\n                {resolvedLabels.membersDescription(\r\n                  organizationQuery.data?.name ?? resolvedLabels.defaultOrganizationName\r\n                )}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <Chip variant=\"flat\" color=\"primary\">\r\n            {getRoleLabel(activeOrganizationRole || \"member\")}\r\n          </Chip>\r\n        </CardHeader>\r\n        <CardBody className=\"space-y-4\">\r\n          <div className=\"grid gap-3 md:grid-cols-[1fr_160px_auto]\">\r\n            <Input\r\n              type=\"email\"\r\n              label={resolvedLabels.emailLabel}\r\n              value={inviteEmail}\r\n              onValueChange={setInviteEmail}\r\n              placeholder={resolvedLabels.emailPlaceholder}\r\n            />\r\n            <Select\r\n              label={resolvedLabels.roleLabel}\r\n              selectedKeys={[inviteRole]}\r\n              disallowEmptySelection\r\n              onSelectionChange={(keys) => {\r\n                const role = Array.from(keys as Set<string>)[0];\r\n                if (role && isOrganizationRole(role) && resolvedAssignableRoles.includes(role)) {\r\n                  setInviteRole(role);\r\n                }\r\n              }}\r\n            >\r\n              {resolvedAssignableRoles.map((role) => (\r\n                <SelectItem key={role}>{getRoleLabel(role)}</SelectItem>\r\n              ))}\r\n            </Select>\r\n            <Button\r\n              color=\"primary\"\r\n              startContent={<UserPlus className=\"h-4 w-4\" />}\r\n              onPress={onCreateInvitation}\r\n              isLoading={createInvitationMutation.isPending}\r\n            >\r\n              {resolvedLabels.inviteButton}\r\n            </Button>\r\n          </div>\r\n\r\n          <Table aria-label={resolvedLabels.tableTitle}>\r\n            <TableHeader>\r\n              <TableColumn>{resolvedLabels.columnName}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnEmail}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnRole}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnStatus}</TableColumn>\r\n              <TableColumn className=\"text-right\">{resolvedLabels.columnActions}</TableColumn>\r\n            </TableHeader>\r\n            <TableBody emptyContent={resolvedLabels.tableEmpty}>\r\n              {rows.map((row) => (\r\n                <TableRow key={row.id}>\r\n                  <TableCell>{row.displayName}</TableCell>\r\n                  <TableCell>{row.email}</TableCell>\r\n                  <TableCell>\r\n                    {row.kind === \"member\" ? (\r\n                      <Select\r\n                        size=\"sm\"\r\n                        selectedKeys={[row.role]}\r\n                        disallowEmptySelection\r\n                        isDisabled={updatingMemberId === row.memberId}\r\n                        aria-label={resolvedLabels.roleFor(row.displayName)}\r\n                        onSelectionChange={(keys) => {\r\n                          const role = Array.from(keys as Set<string>)[0];\r\n                          if (\r\n                            role &&\r\n                            role !== row.role &&\r\n                            isOrganizationRole(role) &&\r\n                            resolvedAssignableRoles.includes(role)\r\n                          ) {\r\n                            void onUpdateMemberRole(row.memberId, role);\r\n                          }\r\n                        }}\r\n                      >\r\n                        {resolvedAssignableRoles.map((role) => (\r\n                          <SelectItem key={role}>{getRoleLabel(role)}</SelectItem>\r\n                        ))}\r\n                      </Select>\r\n                    ) : (\r\n                      getRoleLabel(row.role)\r\n                    )}\r\n                  </TableCell>\r\n                  <TableCell>\r\n                    <Chip\r\n                      size=\"sm\"\r\n                      variant=\"flat\"\r\n                      color={row.status === \"active\" ? \"success\" : \"warning\"}\r\n                    >\r\n                      {row.status === \"active\"\r\n                        ? resolvedLabels.statusActive\r\n                        : resolvedLabels.statusInvited}\r\n                    </Chip>\r\n                  </TableCell>\r\n                  <TableCell className=\"text-right\">\r\n                    {row.kind === \"member\" ? (\r\n                      <Button\r\n                        size=\"sm\"\r\n                        color=\"danger\"\r\n                        variant=\"light\"\r\n                        isIconOnly\r\n                        onPress={() => void onRemoveMember(row.memberId)}\r\n                        isDisabled={removingMemberId === row.memberId}\r\n                        aria-label={resolvedLabels.removeMember}\r\n                      >\r\n                        <Trash2 className=\"h-4 w-4\" />\r\n                      </Button>\r\n                    ) : (\r\n                      <div className=\"flex justify-end gap-2\">\r\n                        <Button\r\n                          size=\"sm\"\r\n                          variant=\"light\"\r\n                          isIconOnly\r\n                          onPress={() => void onCopyInvitationLink(row.invitationId)}\r\n                          aria-label={resolvedLabels.copyInviteLink}\r\n                        >\r\n                          <Copy className=\"h-4 w-4\" />\r\n                        </Button>\r\n                        <Button\r\n                          size=\"sm\"\r\n                          color=\"danger\"\r\n                          variant=\"light\"\r\n                          isIconOnly\r\n                          onPress={() => void onCancelInvitation(row.invitationId)}\r\n                          isDisabled={cancelingInvitationId === row.invitationId}\r\n                          aria-label={resolvedLabels.cancelInvitation}\r\n                        >\r\n                          <Trash2 className=\"h-4 w-4\" />\r\n                        </Button>\r\n                      </div>\r\n                    )}\r\n                  </TableCell>\r\n                </TableRow>\r\n              ))}\r\n            </TableBody>\r\n          </Table>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationPreferences.d.ts

@@ -1,19 +1,30 @@
-import { type ReactElement } from "react";
-import type { z } from "zod";
-import type { UseBackendTRPC } from "../../../types";
-import { type ControlsFor, type PreferenceEditorLabels } from "./PreferencesEditor";
+import { UseBackendTRPC } from "../../../types.js";
+import { ControlsFor, PreferenceEditorLabels } from "./PreferencesEditor.js";
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/OrganizationPreferences.d.ts
 type OrganizationPreferenceLabels = PreferenceEditorLabels & {
-    noActiveOrganization: string;
-    loadError: string;
+  noActiveOrganization: string;
+  loadError: string;
 };
-export type OrganizationPreferencesTarget = "preferences" | "flags";
-export type OrganizationPreferencesProps<S extends z.ZodObject<z.ZodRawShape>> = {
-    useTRPC: UseBackendTRPC;
-    schema: S;
-    controls: ControlsFor<z.infer<S>>;
-    target?: OrganizationPreferencesTarget;
-    labels?: Partial<OrganizationPreferenceLabels>;
-    onInvalidateScopedQueries?: () => void | Promise<void>;
+type OrganizationPreferencesTarget = "preferences" | "flags";
+type OrganizationPreferencesProps<S extends z.ZodObject<z.ZodRawShape>> = {
+  useTRPC: UseBackendTRPC;
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  target?: OrganizationPreferencesTarget;
+  labels?: Partial<OrganizationPreferenceLabels>;
+  onInvalidateScopedQueries?: () => void | Promise<void>;
 };
-export declare function OrganizationPreferences<S extends z.ZodObject<z.ZodRawShape>>({ useTRPC, schema, controls, target, labels, onInvalidateScopedQueries, }: OrganizationPreferencesProps<S>): ReactElement;
-export {};
+declare function OrganizationPreferences<S extends z.ZodObject<z.ZodRawShape>>({
+  useTRPC,
+  schema,
+  controls,
+  target,
+  labels,
+  onInvalidateScopedQueries
+}: OrganizationPreferencesProps<S>): ReactElement;
+//#endregion
+export { OrganizationPreferences, OrganizationPreferencesProps, OrganizationPreferencesTarget };
+//# sourceMappingURL=OrganizationPreferences.d.ts.map

package/dist/src/modules/auth/components/OrganizationPreferences.js

@@ -1,133 +1,138 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardBody, CardHeader } from "@heroui/react";
-import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { PreferencesEditor } from "./PreferencesEditor.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { PreferencesEditor, } from "./PreferencesEditor";
+import { Card, CardBody, CardHeader } from "@heroui/react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+//#region src/modules/auth/components/OrganizationPreferences.tsx
 function OrganizationStateCard({ title, message }) {
-    return (_jsx("div", { className: "p-6", children: _jsxs(Card, { children: [_jsx(CardHeader, { className: "text-lg font-semibold", children: title }), _jsx(CardBody, { children: message })] }) }));
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+			className: "text-lg font-semibold",
+			children: title
+		}), /* @__PURE__ */ jsx(CardBody, { children: message })] })
+	});
 }
 function getFlagValues(controls, flags) {
-    const activeFlags = new Set(flags);
-    return Object.fromEntries(Object.keys(controls).map((key) => [key, activeFlags.has(key)]));
+	const activeFlags = new Set(flags);
+	return Object.fromEntries(Object.keys(controls).map((key) => [key, activeFlags.has(key)]));
 }
 function getFlagsFromValues(values) {
-    return Object.entries(values)
-        .filter(([, value]) => value === true)
-        .map(([key]) => key);
+	return Object.entries(values).filter(([, value]) => value === true).map(([key]) => key);
 }
-export function OrganizationPreferences({ useTRPC, schema, controls, target = "preferences", labels, onInvalidateScopedQueries, }) {
-    const { data: session, isLoading: isSessionLoading } = useSession();
-    const { t } = useTranslation("web-ui");
-    const trpc = useTRPC();
-    const queryClient = useQueryClient();
-    const activeOrganizationId = session?.session.activeOrganizationId ?? "";
-    const labelKeyPrefix = target === "flags" ? "web-ui:organization.flags" : "web-ui:organization.preferences";
-    const resolvedLabels = useMemo(() => ({
-        title: labels?.title ?? t(`${labelKeyPrefix}.title`),
-        submit: labels?.submit ?? t(`${labelKeyPrefix}.submit`),
-        updated: labels?.updated ?? t(`${labelKeyPrefix}.updated`),
-        updateError: labels?.updateError ?? t(`${labelKeyPrefix}.updateError`),
-        loading: labels?.loading ?? t(`${labelKeyPrefix}.loading`),
-        noActiveOrganization: labels?.noActiveOrganization ?? t(`${labelKeyPrefix}.noActive`),
-        loadError: labels?.loadError ?? t(`${labelKeyPrefix}.loadError`),
-    }), [labelKeyPrefix, labels, t]);
-    const preferencesQuery = useQuery({
-        ...trpc.auth.getOrganizationPreferences.queryOptions(),
-        enabled: target === "preferences" && Boolean(activeOrganizationId),
-    });
-    const flagsQuery = useQuery({
-        ...trpc.auth.getOrganizationFlags.queryOptions(),
-        enabled: target === "flags" && Boolean(activeOrganizationId),
-    });
-    const setPreferencesMutation = useMutation(trpc.auth.setOrganizationPreferences.mutationOptions());
-    const setFlagsMutation = useMutation(trpc.auth.setOrganizationFlags.mutationOptions());
-    const currentValues = useMemo(() => {
-        if (target === "flags") {
-            return getFlagValues(controls, flagsQuery.data ?? []);
-        }
-        return (preferencesQuery.data ?? {});
-    }, [controls, flagsQuery.data, preferencesQuery.data, target]);
-    const updateValues = useCallback((partialValues, options) => {
-        if (target === "flags") {
-            const nextValues = {
-                ...currentValues,
-                ...partialValues,
-            };
-            const nextFlags = getFlagsFromValues(nextValues);
-            if (!options.noOptimisticUpdate) {
-                queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), nextFlags);
-            }
-            setFlagsMutation.mutate(nextFlags, {
-                onSuccess: async (result) => {
-                    queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), result);
-                    if (activeOrganizationId) {
-                        await queryClient.invalidateQueries({
-                            queryKey: ["auth-organization-details", activeOrganizationId],
-                        });
-                    }
-                    await onInvalidateScopedQueries?.();
-                    options.onSuccess?.();
-                },
-                onError: async (error) => {
-                    if (!options.noOptimisticUpdate) {
-                        await queryClient.invalidateQueries({
-                            queryKey: trpc.auth.getOrganizationFlags.queryKey(),
-                        });
-                    }
-                    options.onError?.(error);
-                },
-            });
-            return;
-        }
-        const nextPreferences = {
-            ...(preferencesQuery.data ?? {}),
-            ...partialValues,
-        };
-        if (!options.noOptimisticUpdate) {
-            queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), nextPreferences);
-        }
-        setPreferencesMutation.mutate(nextPreferences, {
-            onSuccess: async (result) => {
-                queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), result);
-                if (activeOrganizationId) {
-                    await queryClient.invalidateQueries({
-                        queryKey: ["auth-organization-details", activeOrganizationId],
-                    });
-                }
-                await onInvalidateScopedQueries?.();
-                options.onSuccess?.();
-            },
-            onError: async (error) => {
-                if (!options.noOptimisticUpdate) {
-                    await queryClient.invalidateQueries({
-                        queryKey: trpc.auth.getOrganizationPreferences.queryKey(),
-                    });
-                }
-                options.onError?.(error);
-            },
-        });
-    }, [
-        activeOrganizationId,
-        currentValues,
-        onInvalidateScopedQueries,
-        preferencesQuery.data,
-        queryClient,
-        setFlagsMutation,
-        setPreferencesMutation,
-        target,
-        trpc.auth.getOrganizationFlags,
-        trpc.auth.getOrganizationPreferences,
-    ]);
-    const isLoading = isSessionLoading || (target === "flags" ? flagsQuery.isLoading : preferencesQuery.isLoading);
-    const isPending = target === "flags" ? setFlagsMutation.isPending : setPreferencesMutation.isPending;
-    const queryError = target === "flags" ? flagsQuery.error : preferencesQuery.error;
-    if (!isSessionLoading && !activeOrganizationId) {
-        return (_jsx(OrganizationStateCard, { title: resolvedLabels.title, message: resolvedLabels.noActiveOrganization }));
-    }
-    if (queryError) {
-        return (_jsx(OrganizationStateCard, { title: resolvedLabels.title, message: queryError instanceof Error ? queryError.message : resolvedLabels.loadError }));
-    }
-    return (_jsx(PreferencesEditor, { schema: schema, controls: controls, values: currentValues, isLoading: isLoading, isPending: isPending, labels: resolvedLabels, updateValues: updateValues }));
+function OrganizationPreferences({ useTRPC, schema, controls, target = "preferences", labels, onInvalidateScopedQueries }) {
+	const { data: session, isLoading: isSessionLoading } = useSession();
+	const { t } = useTranslation("web-ui");
+	const trpc = useTRPC();
+	const queryClient = useQueryClient();
+	const activeOrganizationId = session?.session.activeOrganizationId ?? "";
+	const labelKeyPrefix = target === "flags" ? "web-ui:organization.flags" : "web-ui:organization.preferences";
+	const resolvedLabels = useMemo(() => ({
+		title: labels?.title ?? t(`${labelKeyPrefix}.title`),
+		submit: labels?.submit ?? t(`${labelKeyPrefix}.submit`),
+		updated: labels?.updated ?? t(`${labelKeyPrefix}.updated`),
+		updateError: labels?.updateError ?? t(`${labelKeyPrefix}.updateError`),
+		loading: labels?.loading ?? t(`${labelKeyPrefix}.loading`),
+		noActiveOrganization: labels?.noActiveOrganization ?? t(`${labelKeyPrefix}.noActive`),
+		loadError: labels?.loadError ?? t(`${labelKeyPrefix}.loadError`)
+	}), [
+		labelKeyPrefix,
+		labels,
+		t
+	]);
+	const preferencesQuery = useQuery({
+		...trpc.auth.getOrganizationPreferences.queryOptions(),
+		enabled: target === "preferences" && Boolean(activeOrganizationId)
+	});
+	const flagsQuery = useQuery({
+		...trpc.auth.getOrganizationFlags.queryOptions(),
+		enabled: target === "flags" && Boolean(activeOrganizationId)
+	});
+	const setPreferencesMutation = useMutation(trpc.auth.setOrganizationPreferences.mutationOptions());
+	const setFlagsMutation = useMutation(trpc.auth.setOrganizationFlags.mutationOptions());
+	const currentValues = useMemo(() => {
+		if (target === "flags") return getFlagValues(controls, flagsQuery.data ?? []);
+		return preferencesQuery.data ?? {};
+	}, [
+		controls,
+		flagsQuery.data,
+		preferencesQuery.data,
+		target
+	]);
+	const updateValues = useCallback((partialValues, options) => {
+		if (target === "flags") {
+			const nextFlags = getFlagsFromValues({
+				...currentValues,
+				...partialValues
+			});
+			if (!options.noOptimisticUpdate) queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), nextFlags);
+			setFlagsMutation.mutate(nextFlags, {
+				onSuccess: async (result) => {
+					queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), result);
+					if (activeOrganizationId) await queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] });
+					await onInvalidateScopedQueries?.();
+					options.onSuccess?.();
+				},
+				onError: async (error) => {
+					if (!options.noOptimisticUpdate) await queryClient.invalidateQueries({ queryKey: trpc.auth.getOrganizationFlags.queryKey() });
+					options.onError?.(error);
+				}
+			});
+			return;
+		}
+		const nextPreferences = {
+			...preferencesQuery.data ?? {},
+			...partialValues
+		};
+		if (!options.noOptimisticUpdate) queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), nextPreferences);
+		setPreferencesMutation.mutate(nextPreferences, {
+			onSuccess: async (result) => {
+				queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), result);
+				if (activeOrganizationId) await queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] });
+				await onInvalidateScopedQueries?.();
+				options.onSuccess?.();
+			},
+			onError: async (error) => {
+				if (!options.noOptimisticUpdate) await queryClient.invalidateQueries({ queryKey: trpc.auth.getOrganizationPreferences.queryKey() });
+				options.onError?.(error);
+			}
+		});
+	}, [
+		activeOrganizationId,
+		currentValues,
+		onInvalidateScopedQueries,
+		preferencesQuery.data,
+		queryClient,
+		setFlagsMutation,
+		setPreferencesMutation,
+		target,
+		trpc.auth.getOrganizationFlags,
+		trpc.auth.getOrganizationPreferences
+	]);
+	const isLoading = isSessionLoading || (target === "flags" ? flagsQuery.isLoading : preferencesQuery.isLoading);
+	const isPending = target === "flags" ? setFlagsMutation.isPending : setPreferencesMutation.isPending;
+	const queryError = target === "flags" ? flagsQuery.error : preferencesQuery.error;
+	if (!isSessionLoading && !activeOrganizationId) return /* @__PURE__ */ jsx(OrganizationStateCard, {
+		title: resolvedLabels.title,
+		message: resolvedLabels.noActiveOrganization
+	});
+	if (queryError) return /* @__PURE__ */ jsx(OrganizationStateCard, {
+		title: resolvedLabels.title,
+		message: queryError instanceof Error ? queryError.message : resolvedLabels.loadError
+	});
+	return /* @__PURE__ */ jsx(PreferencesEditor, {
+		schema,
+		controls,
+		values: currentValues,
+		isLoading,
+		isPending,
+		labels: resolvedLabels,
+		updateValues
+	});
 }
+//#endregion
+export { OrganizationPreferences };
+
+//# sourceMappingURL=OrganizationPreferences.js.map

package/dist/src/modules/auth/components/OrganizationPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPreferences.js","names":[],"sources":["../../../../../src/modules/auth/components/OrganizationPreferences.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { type ReactElement, useCallback, useMemo } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { z } from \"zod\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport {\r\n  type ControlsFor,\r\n  type PreferenceEditorLabels,\r\n  PreferencesEditor,\r\n  type UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\ntype OrganizationPreferenceLabels = PreferenceEditorLabels & {\r\n  noActiveOrganization: string;\r\n  loadError: string;\r\n};\r\n\r\nexport type OrganizationPreferencesTarget = \"preferences\" | \"flags\";\r\n\r\nexport type OrganizationPreferencesProps<S extends z.ZodObject<z.ZodRawShape>> = {\r\n  useTRPC: UseBackendTRPC;\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  target?: OrganizationPreferencesTarget;\r\n  labels?: Partial<OrganizationPreferenceLabels>;\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction getFlagValues<S extends z.ZodObject<z.ZodRawShape>>(\r\n  controls: ControlsFor<z.infer<S>>,\r\n  flags: string[]\r\n): Partial<z.infer<S>> {\r\n  const activeFlags = new Set(flags);\r\n\r\n  return Object.fromEntries(\r\n    Object.keys(controls).map((key) => [key, activeFlags.has(key)])\r\n  ) as Partial<z.infer<S>>;\r\n}\r\n\r\nfunction getFlagsFromValues(values: Record<string, unknown>): string[] {\r\n  return Object.entries(values)\r\n    .filter(([, value]) => value === true)\r\n    .map(([key]) => key);\r\n}\r\n\r\nexport function OrganizationPreferences<S extends z.ZodObject<z.ZodRawShape>>({\r\n  useTRPC,\r\n  schema,\r\n  controls,\r\n  target = \"preferences\",\r\n  labels,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationPreferencesProps<S>): ReactElement {\r\n  const { data: session, isLoading: isSessionLoading } = useSession();\r\n  const { t } = useTranslation(\"web-ui\");\r\n  const trpc = useTRPC();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const labelKeyPrefix =\r\n    target === \"flags\" ? \"web-ui:organization.flags\" : \"web-ui:organization.preferences\";\r\n\r\n  const resolvedLabels = useMemo<OrganizationPreferenceLabels>(\r\n    () => ({\r\n      title: labels?.title ?? t(`${labelKeyPrefix}.title`),\r\n      submit: labels?.submit ?? t(`${labelKeyPrefix}.submit`),\r\n      updated: labels?.updated ?? t(`${labelKeyPrefix}.updated`),\r\n      updateError: labels?.updateError ?? t(`${labelKeyPrefix}.updateError`),\r\n      loading: labels?.loading ?? t(`${labelKeyPrefix}.loading`),\r\n      noActiveOrganization: labels?.noActiveOrganization ?? t(`${labelKeyPrefix}.noActive`),\r\n      loadError: labels?.loadError ?? t(`${labelKeyPrefix}.loadError`),\r\n    }),\r\n    [labelKeyPrefix, labels, t]\r\n  );\r\n\r\n  const preferencesQuery = useQuery({\r\n    ...trpc.auth.getOrganizationPreferences.queryOptions(),\r\n    enabled: target === \"preferences\" && Boolean(activeOrganizationId),\r\n  });\r\n\r\n  const flagsQuery = useQuery({\r\n    ...trpc.auth.getOrganizationFlags.queryOptions(),\r\n    enabled: target === \"flags\" && Boolean(activeOrganizationId),\r\n  });\r\n\r\n  const setPreferencesMutation = useMutation(\r\n    trpc.auth.setOrganizationPreferences.mutationOptions()\r\n  );\r\n  const setFlagsMutation = useMutation(trpc.auth.setOrganizationFlags.mutationOptions());\r\n\r\n  const currentValues = useMemo<Partial<z.infer<S>>>(() => {\r\n    if (target === \"flags\") {\r\n      return getFlagValues<S>(controls, flagsQuery.data ?? []);\r\n    }\r\n\r\n    return (preferencesQuery.data ?? {}) as Partial<z.infer<S>>;\r\n  }, [controls, flagsQuery.data, preferencesQuery.data, target]);\r\n\r\n  const updateValues = useCallback(\r\n    (partialValues: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => {\r\n      if (target === \"flags\") {\r\n        const nextValues = {\r\n          ...currentValues,\r\n          ...partialValues,\r\n        } as Record<string, unknown>;\r\n        const nextFlags = getFlagsFromValues(nextValues);\r\n\r\n        if (!options.noOptimisticUpdate) {\r\n          queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), nextFlags);\r\n        }\r\n\r\n        setFlagsMutation.mutate(nextFlags, {\r\n          onSuccess: async (result) => {\r\n            queryClient.setQueryData(trpc.auth.getOrganizationFlags.queryKey(), result);\r\n            if (activeOrganizationId) {\r\n              await queryClient.invalidateQueries({\r\n                queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n              });\r\n            }\r\n            await onInvalidateScopedQueries?.();\r\n            options.onSuccess?.();\r\n          },\r\n          onError: async (error) => {\r\n            if (!options.noOptimisticUpdate) {\r\n              await queryClient.invalidateQueries({\r\n                queryKey: trpc.auth.getOrganizationFlags.queryKey(),\r\n              });\r\n            }\r\n            options.onError?.(error);\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      const nextPreferences = {\r\n        ...(preferencesQuery.data ?? {}),\r\n        ...partialValues,\r\n      };\r\n\r\n      if (!options.noOptimisticUpdate) {\r\n        queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), nextPreferences);\r\n      }\r\n\r\n      setPreferencesMutation.mutate(nextPreferences, {\r\n        onSuccess: async (result) => {\r\n          queryClient.setQueryData(trpc.auth.getOrganizationPreferences.queryKey(), result);\r\n          if (activeOrganizationId) {\r\n            await queryClient.invalidateQueries({\r\n              queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n            });\r\n          }\r\n          await onInvalidateScopedQueries?.();\r\n          options.onSuccess?.();\r\n        },\r\n        onError: async (error) => {\r\n          if (!options.noOptimisticUpdate) {\r\n            await queryClient.invalidateQueries({\r\n              queryKey: trpc.auth.getOrganizationPreferences.queryKey(),\r\n            });\r\n          }\r\n          options.onError?.(error);\r\n        },\r\n      });\r\n    },\r\n    [\r\n      activeOrganizationId,\r\n      currentValues,\r\n      onInvalidateScopedQueries,\r\n      preferencesQuery.data,\r\n      queryClient,\r\n      setFlagsMutation,\r\n      setPreferencesMutation,\r\n      target,\r\n      trpc.auth.getOrganizationFlags,\r\n      trpc.auth.getOrganizationPreferences,\r\n    ]\r\n  );\r\n\r\n  const isLoading =\r\n    isSessionLoading || (target === \"flags\" ? flagsQuery.isLoading : preferencesQuery.isLoading);\r\n  const isPending =\r\n    target === \"flags\" ? setFlagsMutation.isPending : setPreferencesMutation.isPending;\r\n  const queryError = target === \"flags\" ? flagsQuery.error : preferencesQuery.error;\r\n\r\n  if (!isSessionLoading && !activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.title}\r\n        message={resolvedLabels.noActiveOrganization}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (queryError) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.title}\r\n        message={queryError instanceof Error ? queryError.message : resolvedLabels.loadError}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <PreferencesEditor\r\n      schema={schema}\r\n      controls={controls}\r\n      values={currentValues}\r\n      isLoading={isLoading}\r\n      isPending={isPending}\r\n      labels={resolvedLabels}\r\n      updateValues={updateValues}\r\n    />\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationSettingsRoute.d.ts

@@ -1,20 +1,29 @@
-export type OrganizationSettingsRouteLabels = {
-    settingsTitle: string;
-    settingsDescription: string;
-    settingsNoActive: string;
-    settingsManageOnly: string;
-    formName: string;
-    formSlug: string;
-    formMetadata: string;
-    formMetadataInvalidJson: string;
-    formMetadataInvalid: string;
-    saveButton: string;
-    updateSuccess: string;
-    updateError: string;
-    loadError: string;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/OrganizationSettingsRoute.d.ts
+type OrganizationSettingsRouteLabels = {
+  settingsTitle: string;
+  settingsDescription: string;
+  settingsNoActive: string;
+  settingsManageOnly: string;
+  formName: string;
+  formSlug: string;
+  formMetadata: string;
+  formMetadataInvalidJson: string;
+  formMetadataInvalid: string;
+  saveButton: string;
+  updateSuccess: string;
+  updateError: string;
+  loadError: string;
 };
-export type OrganizationSettingsRouteProps = {
-    managerRoles?: string[];
-    onInvalidateScopedQueries?: () => void | Promise<void>;
+type OrganizationSettingsRouteProps = {
+  managerRoles?: string[];
+  onInvalidateScopedQueries?: () => void | Promise<void>;
 };
-export declare function OrganizationSettingsRoute({ managerRoles, onInvalidateScopedQueries, }: OrganizationSettingsRouteProps): import("react/jsx-runtime").JSX.Element;
+declare function OrganizationSettingsRoute({
+  managerRoles,
+  onInvalidateScopedQueries
+}: OrganizationSettingsRouteProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrganizationSettingsRoute, OrganizationSettingsRouteLabels, OrganizationSettingsRouteProps };
+//# sourceMappingURL=OrganizationSettingsRoute.d.ts.map