@mesob/auth-react 0.4.6 → 0.5.0

package/dist/chunk-H5PUZDNU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/sessions-page.tsx","../src/pages/iam/sessions/_components/sessions-list.tsx","../src/pages/iam/sessions/_components/session-card.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntityFilter,\n  EntityHeader,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconDeviceDesktop } from '@tabler/icons-react';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { SessionsList } from '../../pages/iam/sessions/_components/sessions-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nexport function SessionsPage() {\n  return (\n    <IAMGuard>\n      <SessionsPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction SessionsPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/sessions' },\n      { label: 'Sessions' },\n    ],\n  });\n  const { queryConfig, params, setParams } = useEntityParams();\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/sessions',\n    queryConfig,\n    defaultEntityQueryOptions,\n  );\n\n  const isLoading = isPending || isFetching;\n  const sessions = data?.sessions ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: sessions,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <PageBody className=\"px-0\">\n        <EntityHeader\n          icon={<IconDeviceDesktop className=\"h-5 w-5\" />}\n          title=\"Sessions\"\n          filter={\n            <EntityFilter\n              options={[\n                { label: 'All', value: '' },\n                { label: 'Active', value: 'active' },\n                { label: 'Expired', value: 'expired' },\n              ]}\n              placeholder=\"Filter\"\n            />\n          }\n          sort={\n            <EntitySort\n              options={[\n                { label: 'Created', value: 'createdAt' },\n                { label: 'Updated', value: 'updatedAt' },\n                { label: 'Expires', value: 'expiresAt' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <SessionsList\n          data={sessions}\n          isLoading={isLoading}\n          view={(params.view || 'table') as 'table' | 'card'}\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(p) => setParams({ page: p + 1 })}\n          onPageSizeChange={(size) => setParams({ pageSize: size, page: 1 })}\n        />\n      </PageBody>\n    </PageContainer>\n  );\n}\n","'use client';\n\nimport {\n  DataTableAction,\n  DataTablePagination,\n  DisplayTable,\n  EntityEmptyState,\n  EntityLoadingState,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n} from '@mesob/ui/components';\nimport { IconCalendar, IconDeviceDesktop } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { authApi$ } from '../../shared/page-helpers';\nimport { SessionCard } from './session-card';\nimport type { Session } from './sessions-data';\n\nconst TABLE_COLUMN_COUNT = 5;\n\nfunction SessionRevokeButton({ sessionId }: { sessionId: string }) {\n  const qc = useQueryClient();\n  const revoke = authApi$.useMutation('delete', '/sessions/{id}', {\n    onSuccess: () => qc.invalidateQueries({ queryKey: ['get', '/sessions'] }),\n  });\n  return (\n    <DataTableAction\n      onClick={async () => {\n        await revoke.mutateAsync({\n          params: { path: { id: sessionId } },\n        });\n      }}\n      disabled={revoke.isPending}\n      aria-label=\"Revoke session\"\n    />\n  );\n}\n\ntype SessionsListProps = {\n  data: Session[];\n  isLoading?: boolean;\n  view: 'table' | 'card';\n  pageIndex: number;\n  pageSize: number;\n  pageCount: number;\n  totalRows: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n};\n\nexport function SessionsList({\n  data,\n  isLoading,\n  view,\n  pageIndex,\n  pageSize,\n  pageCount,\n  totalRows,\n  onPageChange,\n  onPageSizeChange,\n}: SessionsListProps) {\n  if (isLoading) {\n    return (\n      <EntityLoadingState\n        view={view}\n        rowCount={pageSize}\n        columnCount={TABLE_COLUMN_COUNT}\n        cardCount={pageSize}\n      />\n    );\n  }\n  if (totalRows === 0) {\n    return (\n      <EntityEmptyState\n        icon={IconDeviceDesktop}\n        entityName=\"session\"\n        title=\"No active sessions\"\n        description=\"Active sessions will appear here.\"\n      />\n    );\n  }\n  if (view === 'table') {\n    return (\n      <div className=\"space-y-4\">\n        <DisplayTable withTableBorder>\n          <Thead>\n            <Tr>\n              <Th>Created</Th>\n              <Th>Expires</Th>\n              <Th>Device</Th>\n              <Th>IP</Th>\n              <Th className=\"w-[50px]\" />\n            </Tr>\n          </Thead>\n          <Tbody>\n            {data.map((session) => (\n              <Tr key={session.id} className=\"group\">\n                <Td>\n                  {session.createdAt ? (\n                    <div className=\"flex items-center gap-1 text-muted-foreground\">\n                      <IconCalendar className=\"h-4 w-4\" />\n                      <span>\n                        {new Date(session.createdAt).toLocaleDateString()}{' '}\n                        {new Date(session.createdAt).toLocaleTimeString()}\n                      </span>\n                    </div>\n                  ) : (\n                    '—'\n                  )}\n                </Td>\n                <Td>{new Date(session.expiresAt).toLocaleDateString()}</Td>\n                <Td>\n                  <span className=\"max-w-xs truncate block\">\n                    {session.userAgent || 'Unknown'}\n                  </span>\n                </Td>\n                <Td>\n                  <span className=\"font-mono text-sm\">\n                    {session.ip || 'Unknown'}\n                  </span>\n                </Td>\n                <Td>\n                  <SessionRevokeButton sessionId={session.id} />\n                </Td>\n              </Tr>\n            ))}\n          </Tbody>\n        </DisplayTable>\n        <DataTablePagination\n          pageIndex={pageIndex}\n          pageSize={pageSize}\n          pageCount={pageCount}\n          totalRows={totalRows}\n          onPageChange={onPageChange}\n          onPageSizeChange={onPageSizeChange}\n        />\n      </div>\n    );\n  }\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n        {data.map((s) => (\n          <SessionCard key={s.id} session={s} />\n        ))}\n      </div>\n      <DataTablePagination\n        pageIndex={pageIndex}\n        pageSize={pageSize}\n        pageCount={pageCount}\n        totalRows={totalRows}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { Button, Card, CardContent, CardHeader } from '@mesob/ui/components';\nimport { IconTrash } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { authApi$ } from '../../shared/page-helpers';\nimport type { Session } from './sessions-data';\n\ntype SessionCardProps = { session: Session };\n\nexport function SessionCard({ session }: SessionCardProps) {\n  const qc = useQueryClient();\n  const revoke = authApi$.useMutation('delete', '/sessions/{id}', {\n    onSuccess: () => qc.invalidateQueries({ queryKey: ['get', '/sessions'] }),\n  });\n  const created = session.createdAt ? new Date(session.createdAt) : null;\n  return (\n    <Card className=\"hover:shadow-md transition-shadow\">\n      <CardHeader className=\"pb-2\">\n        <div className=\"flex items-start justify-between\">\n          <p className=\"font-semibold\">\n            {created\n              ? `${created.toLocaleDateString()} ${created.toLocaleTimeString()}`\n              : '—'}\n          </p>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"text-destructive hover:text-destructive\"\n            onClick={async () => {\n              await revoke.mutateAsync({\n                params: { path: { id: session.id } },\n              });\n            }}\n            disabled={revoke.isPending}\n          >\n            <IconTrash className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-1 text-sm\">\n        <p className=\"text-muted-foreground\">\n          Expires {new Date(session.expiresAt).toLocaleDateString()}\n        </p>\n        <p className=\"truncate\">{session.userAgent || 'Unknown device'}</p>\n        <p className=\"font-mono\">{session.ip || 'Unknown IP'}</p>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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","names":["IconDeviceDesktop","useQueryClient","jsx","jsxs","useQueryClient","jsx","jsxs","IconDeviceDesktop"]}

package/dist/{chunk-A3GIMM2R.js → chunk-H7JRQFFI.js}

@@ -1,6 +1,6 @@
 import {
   handleError
-} from "./chunk-55BMNC4S.js";
+} from "./chunk-RRLFPSSM.js";
 import {
   AuthLayout
 } from "./chunk-DPH2PHK3.js";
@@ -283,4 +283,4 @@ var ResetPasswordForm = ({
 export {
   ResetPasswordForm
 };
-//# sourceMappingURL=chunk-A3GIMM2R.js.map
+//# sourceMappingURL=chunk-H7JRQFFI.js.map

package/dist/{chunk-IFAVSKHE.js → chunk-IQNQGPIT.js}

@@ -1,6 +1,9 @@
 import {
   PermissionSelector
 } from "./chunk-GVEBIL3O.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi
 } from "./chunk-AWSAC7RT.js";
@@ -35,6 +38,9 @@ import { toast } from "sonner";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TABLE_COLUMN_COUNT = 4;
 function RolePermissionsPage({ roleId }) {
+  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(RolePermissionsPageContent, { roleId }) });
+}
+function RolePermissionsPageContent({ roleId }) {
   const { hooks } = useApi();
   const qc = useQueryClient();
   const { queryConfig, params, setParams } = useEntityParams({
@@ -283,4 +289,4 @@ function RolePermissionsPage({ roleId }) {
 export {
   RolePermissionsPage
 };
-//# sourceMappingURL=chunk-IFAVSKHE.js.map
+//# sourceMappingURL=chunk-IQNQGPIT.js.map

package/dist/chunk-IQNQGPIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/role-permissions-page.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Badge,\n  Button,\n  DataTablePagination,\n  DeleteConfirmButton,\n  DisplayTable,\n  EntityEmptyState,\n  EntityFilter,\n  EntityHeader,\n  EntityLoadingState,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconKey, IconPlus, IconTrash } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport type { ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { toast } from 'sonner';\nimport type { paths } from '../../data/openapi';\nimport { useApi } from '../../provider';\nimport { IAMGuard } from './iam-guard';\nimport { PermissionSelector } from './permission-selector';\n\ntype Permission = {\n  id: string;\n  description?: unknown;\n  activity: string;\n  application: string;\n  feature: string;\n};\n\ntype RolePermissionsPageProps = {\n  roleId: string;\n};\n\nconst TABLE_COLUMN_COUNT = 4;\n\nexport function RolePermissionsPage({ roleId }: RolePermissionsPageProps) {\n  return (\n    <IAMGuard>\n      <RolePermissionsPageContent roleId={roleId} />\n    </IAMGuard>\n  );\n}\n\nfunction RolePermissionsPageContent({ roleId }: RolePermissionsPageProps) {\n  const { hooks } = useApi();\n  const qc = useQueryClient();\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n    defaultSort: 'application',\n    defaultOrder: 'asc',\n  });\n  const permissionsQuery = useMemo(\n    () =>\n      ({\n        params: {\n          path: { id: roleId },\n          query: queryConfig.params.query,\n        },\n      }) as {\n        params: {\n          path: { id: string };\n          query: NonNullable<\n            paths['/roles/{id}/permissions']['get']['parameters']['query']\n          >;\n        };\n      },\n    [queryConfig, roleId],\n  );\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/roles/{id}/permissions',\n    permissionsQuery,\n    { enabled: !!roleId },\n  );\n  const assignPermissions = hooks.useMutation(\n    'post',\n    '/roles/{id}/permissions',\n    {\n      onSuccess: (result: { created?: number } | undefined) => {\n        qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n        qc.invalidateQueries({ queryKey: ['get', '/roles/{id}'] });\n        qc.invalidateQueries({ queryKey: ['get', '/roles/{id}/permissions'] });\n        toast.success(\n          result?.created\n            ? `${result.created} permission(s) added`\n            : 'No changes',\n        );\n      },\n      onError: () => {\n        toast.error('Failed to assign permissions');\n      },\n    },\n  );\n  const revokePermission = hooks.useMutation(\n    'delete',\n    '/roles/{id}/permissions/{permissionId}',\n    {\n      onSuccess: () => {\n        qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n        qc.invalidateQueries({ queryKey: ['get', '/roles/{id}'] });\n        qc.invalidateQueries({\n          queryKey: ['get', '/roles/{id}/permissions'],\n        });\n        toast.success('Permission removed');\n      },\n      onError: () => {\n        toast.error('Failed to remove permission');\n      },\n    },\n  );\n\n  const permissions = (data?.permissions ?? []) as Permission[];\n  const { total, pageCount } = useEntityPagination({\n    items: permissions,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n  const isLoading = isPending || isFetching;\n  const currentView = (params.view || 'table') as 'table' | 'card';\n\n  if (!roleId) {\n    return null;\n  }\n\n  let content: ReactNode;\n  if (isLoading) {\n    content = (\n      <EntityLoadingState\n        view={currentView}\n        rowCount={params.pageSize}\n        columnCount={TABLE_COLUMN_COUNT}\n        cardCount={params.pageSize}\n      />\n    );\n  } else if (total === 0) {\n    content = (\n      <EntityEmptyState\n        icon={IconKey}\n        entityName=\"permission\"\n        title=\"No permissions assigned\"\n        description=\"Assign permissions from the selector to grant access to this role.\"\n      />\n    );\n  } else if (currentView === 'table') {\n    content = (\n      <div className=\"space-y-4\">\n        <DisplayTable withTableBorder>\n          <Thead>\n            <Tr>\n              <Th>Permission</Th>\n              <Th>Application</Th>\n              <Th>Feature</Th>\n              <Th className=\"w-[60px]\" />\n            </Tr>\n          </Thead>\n          <Tbody>\n            {permissions.map((permission) => (\n              <Tr key={permission.id}>\n                <Td>\n                  <div className=\"space-y-1\">\n                    <p className=\"font-medium\">{permission.activity}</p>\n                    <p className=\"font-mono text-xs text-muted-foreground\">\n                      {permission.id}\n                    </p>\n                  </div>\n                </Td>\n                <Td>\n                  <Badge variant=\"secondary\">{permission.application}</Badge>\n                </Td>\n                <Td>\n                  <Badge variant=\"outline\">{permission.feature}</Badge>\n                </Td>\n                <Td>\n                  <DeleteConfirmButton\n                    entityName=\"permission\"\n                    onConfirm={() =>\n                      revokePermission.mutate({\n                        params: {\n                          path: { id: roleId, permissionId: permission.id },\n                        },\n                      })\n                    }\n                    triggerClassName=\"size-8 text-destructive hover:text-destructive\"\n                  />\n                </Td>\n              </Tr>\n            ))}\n          </Tbody>\n        </DisplayTable>\n        <DataTablePagination\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(page) => setParams({ page: page + 1 })}\n          onPageSizeChange={(pageSize) => setParams({ pageSize, page: 1 })}\n        />\n      </div>\n    );\n  } else {\n    content = (\n      <div className=\"space-y-4\">\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n          {permissions.map((permission) => (\n            <div\n              key={permission.id}\n              className=\"rounded-xl border border-border/60 bg-card p-4 shadow-sm\"\n            >\n              <div className=\"flex items-start justify-between gap-3\">\n                <div className=\"space-y-2\">\n                  <p className=\"font-semibold\">{permission.activity}</p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    <Badge variant=\"secondary\">{permission.application}</Badge>\n                    <Badge variant=\"outline\">{permission.feature}</Badge>\n                  </div>\n                  <p className=\"font-mono text-xs text-muted-foreground\">\n                    {permission.id}\n                  </p>\n                </div>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() =>\n                    revokePermission.mutate({\n                      params: {\n                        path: { id: roleId, permissionId: permission.id },\n                      },\n                    })\n                  }\n                  disabled={revokePermission.isPending}\n                >\n                  <IconTrash className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n        <DataTablePagination\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(page) => setParams({ page: page + 1 })}\n          onPageSizeChange={(pageSize) => setParams({ pageSize, page: 1 })}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <PageBody className=\"px-0 pb-6\">\n      <EntityHeader\n        icon={<IconKey className=\"h-5 w-5\" />}\n        title=\"Role permissions\"\n        actions={\n          <PermissionSelector\n            trigger={\n              <Button size=\"sm\" loading={assignPermissions.isPending}>\n                <IconPlus className=\"h-4 w-4\" />\n                Add permissions\n              </Button>\n            }\n            onSelect={(selectedPermissions) => {\n              if (!selectedPermissions.length) {\n                return;\n              }\n\n              assignPermissions.mutate({\n                params: { path: { id: roleId } },\n                body: {\n                  permissionIds: selectedPermissions.map(\n                    (permission) => permission.id,\n                  ),\n                },\n              });\n            }}\n            excludeIds={permissions.map((permission) => permission.id)}\n          />\n        }\n        search={\n          <EntitySearch\n            paramKey=\"search\"\n            placeholder=\"Search assigned permissions...\"\n          />\n        }\n        filter={\n          <EntityFilter\n            options={[\n              { label: 'All', value: '' },\n              { label: 'Application', value: 'application' },\n              { label: 'Feature', value: 'feature' },\n              { label: 'Activity', value: 'activity' },\n            ]}\n            placeholder=\"Search field\"\n          />\n        }\n        sort={\n          <EntitySort\n            defaultSort=\"application\"\n            defaultOrder=\"asc\"\n            options={[\n              { label: 'ID', value: 'id' },\n              { label: 'Application', value: 'application' },\n              { label: 'Feature', value: 'feature' },\n              { label: 'Activity', value: 'activity' },\n            ]}\n          />\n        }\n        view={<EntityViewToggle views={['table', 'card']} />}\n      />\n      {content}\n    </PageBody>\n  );\n}\n"],"mappings":"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","names":[]}