npm - @open-mercato/core - Versions diffs - 0.6.8-develop.6910.1.560e304de2 → 0.6.8-develop.6912.1.36161dc9ac - Mend

@open-mercato/core 0.6.8-develop.6910.1.560e304de2 → 0.6.8-develop.6912.1.36161dc9ac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/dist/modules/currencies/backend/currencies/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/currencies/backend/currencies/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { Plus, Star } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype CurrencyRow = {\n  id: string\n  code: string\n  name: string\n  symbol: string | null\n  decimalPlaces: number\n  isBase: boolean\n  isActive: boolean\n  organizationId: string\n  tenantId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype ResponsePayload = {\n  items: CurrencyRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\nexport default function CurrenciesPage() {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<CurrencyRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const mutationContextId = 'currencies-list:mutation'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        if (search) params.set('search', search)\n        if (filters.isBase === true) params.set('isBase', 'true')\n        if (filters.isActive === 'true') params.set('isActive', 'true')\n        if (filters.isActive === 'false') params.set('isActive', 'false')\n\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(\n          `/api/currencies/currencies?${params.toString()}`,\n          undefined,\n          { fallback }\n        )\n\n        if (!call.ok) {\n          flash(t('currencies.list.error.load'), 'error')\n          return\n        }\n\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          flash(t('currencies.list.error.load'), 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [page, search, filters, reloadToken, scopeVersion, t])\n\n  const handleSetBase = React.useCallback(\n    async (row: CurrencyRow) => {\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall('/api/currencies/currencies', {\n                method: 'PUT',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, isBase: true }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.setBase failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.currency',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id, isBase: true },\n        })\n\n        flash(t('currencies.flash.baseSet'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (extractOptimisticLockConflict(error)) return\n        flash(t('currencies.flash.baseSetError'), 'error')\n      }\n    },\n    [mutationContextId, retryLastMutation, runMutation, t]\n  )\n\n  const handleDelete = React.useCallback(\n    async (row: CurrencyRow) => {\n      const confirmed = await confirmDialog({\n        title: t('currencies.list.confirmDelete', { code: row.code }),\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall(`/api/currencies/currencies`, {\n                method: 'DELETE',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.delete failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.currency',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id },\n        })\n\n        flash(t('currencies.flash.deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (surfaceRecordConflict(error, t, { onRefresh: () => setReloadToken((token) => token + 1) })) return\n        flash(t('currencies.flash.deleteError'), 'error')\n      }\n    },\n    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]\n  )\n\n  const columns = React.useMemo<ColumnDef<CurrencyRow>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('currencies.list.columns.code'),\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-mono font-medium\">{row.original.code}</span>\n            {row.original.isBase && (\n              <Badge variant=\"default\" className=\"gap-1\">\n                <Star className=\"h-3 w-3\" />\n                {t('currencies.list.base')}\n              </Badge>\n            )}\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'name',\n        header: t('currencies.list.columns.name'),\n      },\n      {\n        accessorKey: 'symbol',\n        header: t('currencies.list.columns.symbol'),\n        cell: ({ row }) => row.original.symbol || '\u2014',\n      },\n      {\n        accessorKey: 'decimalPlaces',\n        header: t('currencies.list.columns.decimalPlaces'),\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('currencies.list.columns.active'),\n        enableSorting: false,\n        cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('currencies.list.columns.createdAt'),\n        cell: ({ row }) => {\n          const date = row.original.createdAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: t('currencies.list.columns.updatedAt'),\n        cell: ({ row }) => {\n          const date = row.original.updatedAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n    ],\n    [t]\n  )\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'isBase',\n        label: t('currencies.list.filters.baseOnly'),\n        type: 'checkbox',\n      },\n      {\n        id: 'isActive',\n        label: t('currencies.list.filters.status'),\n        type: 'select',\n        options: [\n          { label: t('currencies.list.filters.all'), value: '' },\n          { label: t('currencies.list.filters.active'), value: 'true' },\n          { label: t('currencies.list.filters.inactive'), value: 'false' },\n        ],\n      },\n    ],\n    [t]\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('currencies.list.title')}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => {\n            setSearch(value)\n            setPage(1)\n          }}\n          searchPlaceholder={t('currencies.list.searchPlaceholder')}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={(values) => {\n            setFilters(values)\n            setPage(1)\n          }}\n          onFiltersClear={() => {\n            setFilters({})\n            setPage(1)\n          }}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/currencies/create\">\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {t('currencies.list.actions.create')}\n              </Link>\n            </Button>\n          }\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('common.edit'),\n                  href: `/backend/currencies/${row.id}`,\n                },\n                ...(!row.isBase\n                  ? [\n                      {\n                        id: 'set-base',\n                        label: t('currencies.list.actions.setBase'),\n                        onSelect: () => handleSetBase(row),\n                      },\n                    ]\n                  : []),\n                ...(!row.isBase\n                  ? [\n                      {\n                        id: 'delete',\n                        label: t('common.delete'),\n                        destructive: true,\n                        onSelect: () => handleDelete(row),\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          )}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('currencies.list.title')}\n              createHref=\"/backend/currencies/create\"\n              createLabel={t('currencies.list.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          perspective={{ tableId: extensionPoints.hosts.currenciesTable.tableId }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { Plus, Star } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader, extractOptimisticLockConflict } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype CurrencyRow = {\n  id: string\n  code: string\n  name: string\n  symbol: string | null\n  decimalPlaces: number\n  isBase: boolean\n  isActive: boolean\n  organizationId: string\n  tenantId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype ResponsePayload = {\n  items: CurrencyRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\nexport default function CurrenciesPage() {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<CurrencyRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const mutationContextId = 'currencies-list:mutation'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        if (search) params.set('search', search)\n        if (filters.isBase === true) params.set('isBase', 'true')\n        if (filters.isActive === 'true') params.set('isActive', 'true')\n        if (filters.isActive === 'false') params.set('isActive', 'false')\n\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(\n          `/api/currencies/currencies?${params.toString()}`,\n          undefined,\n          { fallback }\n        )\n\n        if (!call.ok) {\n          flash(t('currencies.list.error.load'), 'error')\n          return\n        }\n\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          flash(t('currencies.list.error.load'), 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [page, search, filters, reloadToken, scopeVersion, t])\n\n  const handleSetBase = React.useCallback(\n    async (row: CurrencyRow) => {\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall('/api/currencies/currencies', {\n                method: 'PUT',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, isBase: true }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.setBase failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.currency',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id, isBase: true },\n        })\n\n        flash(t('currencies.flash.baseSet'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (extractOptimisticLockConflict(error)) return\n        flash(t('currencies.flash.baseSetError'), 'error')\n      }\n    },\n    [mutationContextId, retryLastMutation, runMutation, t]\n  )\n\n  const handleDelete = React.useCallback(\n    async (row: CurrencyRow) => {\n      const confirmed = await confirmDialog({\n        title: t('currencies.list.confirmDelete', { code: row.code }),\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall(`/api/currencies/currencies`, {\n                method: 'DELETE',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.delete failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.currency',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id },\n        })\n\n        flash(t('currencies.flash.deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (surfaceRecordConflict(error, t, { onRefresh: () => setReloadToken((token) => token + 1) })) return\n        flash(t('currencies.flash.deleteError'), 'error')\n      }\n    },\n    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]\n  )\n\n  const columns = React.useMemo<ColumnDef<CurrencyRow>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('currencies.list.columns.code'),\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-mono font-medium\">{row.original.code}</span>\n            {row.original.isBase && (\n              <Badge variant=\"default\" className=\"gap-1\">\n                <Star className=\"h-3 w-3\" />\n                {t('currencies.list.base')}\n              </Badge>\n            )}\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'name',\n        header: t('currencies.list.columns.name'),\n      },\n      {\n        accessorKey: 'symbol',\n        header: t('currencies.list.columns.symbol'),\n        cell: ({ row }) => row.original.symbol || '\u2014',\n      },\n      {\n        accessorKey: 'decimalPlaces',\n        header: t('currencies.list.columns.decimalPlaces'),\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('currencies.list.columns.active'),\n        enableSorting: false,\n        cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('currencies.list.columns.createdAt'),\n        cell: ({ row }) => {\n          const date = row.original.createdAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: t('currencies.list.columns.updatedAt'),\n        cell: ({ row }) => {\n          const date = row.original.updatedAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n    ],\n    [t]\n  )\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'isBase',\n        label: t('currencies.list.filters.baseOnly'),\n        type: 'checkbox',\n      },\n      {\n        id: 'isActive',\n        label: t('currencies.list.filters.status'),\n        type: 'select',\n        options: [\n          { label: t('currencies.list.filters.all'), value: '' },\n          { label: t('currencies.list.filters.active'), value: 'true' },\n          { label: t('currencies.list.filters.inactive'), value: 'false' },\n        ],\n      },\n    ],\n    [t]\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('currencies.list.title')}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => {\n            setSearch(value)\n            setPage(1)\n          }}\n          searchPlaceholder={t('currencies.list.searchPlaceholder')}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={(values) => {\n            setFilters(values)\n            setPage(1)\n          }}\n          onFiltersClear={() => {\n            setFilters({})\n            setPage(1)\n          }}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/currencies/create\">\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {t('currencies.list.actions.create')}\n              </Link>\n            </Button>\n          }\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('common.edit'),\n                  href: `/backend/currencies/${row.id}`,\n                },\n                ...(!row.isBase\n                  ? [\n                      {\n                        id: 'set-base',\n                        label: t('currencies.list.actions.setBase'),\n                        onSelect: () => handleSetBase(row),\n                      },\n                    ]\n                  : []),\n                ...(!row.isBase\n                  ? [\n                      {\n                        id: 'delete',\n                        label: t('common.delete'),\n                        destructive: true,\n                        onSelect: () => handleDelete(row),\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          )}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('currencies.list.title')}\n              createHref=\"/backend/currencies/create\"\n              createLabel={t('currencies.list.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          perspective={{ tableId: extensionPoints.hosts.currenciesTable.tableId }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/currencies/backend/exchange-rates/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/currencies/backend/exchange-rates/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { Plus } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype ExchangeRateRow = {\n  id: string\n  fromCurrencyCode: string\n  toCurrencyCode: string\n  rate: string\n  date: string\n  source: string | null\n  type: string | null\n  isActive: boolean\n  organizationId: string\n  tenantId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype ResponsePayload = {\n  items: ExchangeRateRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\nexport default function ExchangeRatesPage() {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<ExchangeRateRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const mutationContextId = 'currencies-exchange-rates-list:mutation'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        if (search) params.set('search', search)\n        if (filters.fromCurrencyCode) params.set('fromCurrencyCode', String(filters.fromCurrencyCode))\n        if (filters.toCurrencyCode) params.set('toCurrencyCode', String(filters.toCurrencyCode))\n        if (filters.source) params.set('source', String(filters.source))\n        if (filters.type) params.set('type', String(filters.type))\n        if (filters.isActive === 'true') params.set('isActive', 'true')\n        if (filters.isActive === 'false') params.set('isActive', 'false')\n\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(\n          `/api/currencies/exchange-rates?${params.toString()}`,\n          undefined,\n          { fallback }\n        )\n\n        if (!call.ok) {\n          flash(t('exchangeRates.list.error.load'), 'error')\n          return\n        }\n\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          flash(t('exchangeRates.list.error.load'), 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [page, search, filters, reloadToken, scopeVersion, t])\n\n  const handleDelete = React.useCallback(\n    async (row: ExchangeRateRow) => {\n      const confirmed = await confirmDialog({\n        title: t('exchangeRates.list.confirmDelete', { pair: `${row.fromCurrencyCode}/${row.toCurrencyCode}` }),\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall(`/api/currencies/exchange-rates`, {\n                method: 'DELETE',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.exchangeRate.delete failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.exchange_rate',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id },\n        })\n\n        flash(t('exchangeRates.flash.deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (surfaceRecordConflict(error, t, { onRefresh: () => setReloadToken((token) => token + 1) })) return\n        flash(t('exchangeRates.flash.deleteError'), 'error')\n      }\n    },\n    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]\n  )\n\n  const columns = React.useMemo<ColumnDef<ExchangeRateRow>[]>(\n    () => [\n      {\n        accessorKey: 'currencyPair',\n        header: t('exchangeRates.list.columns.currencyPair'),\n        cell: ({ row }) => (\n          <span className=\"font-mono font-medium\">\n            {row.original.fromCurrencyCode} \u2192 {row.original.toCurrencyCode}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'rate',\n        header: t('exchangeRates.list.columns.rate'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {parseFloat(row.original.rate).toFixed(8)}\n          </span>\n        ),\n      },\n    {\n      accessorKey: 'date',\n      header: t('exchangeRates.list.columns.date'),\n      cell: ({ row }) => new Date(row.original.date).toLocaleString(undefined, {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit'\n      }),\n    },\n      {\n        accessorKey: 'source',\n        header: t('exchangeRates.list.columns.source'),\n        cell: ({ row }) => row.original.source || '\u2014',\n      },\n      {\n        accessorKey: 'type',\n        header: t('exchangeRates.list.columns.type'),\n        cell: ({ row }) => {\n          const type = row.original.type\n          if (!type) return '\u2014'\n          return (\n            <Badge variant={type === 'buy' ? 'success' : 'info'}>\n              {type === 'buy' ? t('exchangeRates.list.type.buy') : t('exchangeRates.list.type.sell')}\n            </Badge>\n          )\n        },\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('exchangeRates.list.columns.active'),\n        enableSorting: false,\n        cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('exchangeRates.list.columns.createdAt'),\n        cell: ({ row }) => {\n          const date = row.original.createdAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: t('exchangeRates.list.columns.updatedAt'),\n        cell: ({ row }) => {\n          const date = row.original.updatedAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n    ],\n    [t]\n  )\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'fromCurrencyCode',\n        label: t('exchangeRates.list.filters.fromCurrency'),\n        type: 'text',\n      },\n      {\n        id: 'toCurrencyCode',\n        label: t('exchangeRates.list.filters.toCurrency'),\n        type: 'text',\n      },\n      {\n        id: 'source',\n        label: t('exchangeRates.list.filters.source'),\n        type: 'text',\n      },\n      {\n        id: 'type',\n        label: t('exchangeRates.list.filters.type'),\n        type: 'select',\n        options: [\n          { label: t('exchangeRates.list.filters.all'), value: '' },\n          { label: t('exchangeRates.list.type.buy'), value: 'buy' },\n          { label: t('exchangeRates.list.type.sell'), value: 'sell' },\n        ],\n      },\n      {\n        id: 'isActive',\n        label: t('exchangeRates.list.filters.status'),\n        type: 'select',\n        options: [\n          { label: t('exchangeRates.list.filters.all'), value: '' },\n          { label: t('exchangeRates.list.filters.active'), value: 'true' },\n          { label: t('exchangeRates.list.filters.inactive'), value: 'false' },\n        ],\n      },\n    ],\n    [t]\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('exchangeRates.list.title')}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => {\n            setSearch(value)\n            setPage(1)\n          }}\n          searchPlaceholder={t('exchangeRates.list.searchPlaceholder')}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={(values) => {\n            setFilters(values)\n            setPage(1)\n          }}\n          onFiltersClear={() => {\n            setFilters({})\n            setPage(1)\n          }}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/exchange-rates/create\">\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {t('exchangeRates.list.actions.create')}\n              </Link>\n            </Button>\n          }\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('common.edit'),\n                  href: `/backend/exchange-rates/${row.id}`,\n                },\n                {\n                  id: 'delete',\n                  label: t('common.delete'),\n                  destructive: true,\n                  onSelect: () => handleDelete(row),\n                },\n              ]}\n            />\n          )}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('exchangeRates.list.title')}\n              createHref=\"/backend/exchange-rates/create\"\n              createLabel={t('exchangeRates.list.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          perspective={{ tableId: extensionPoints.hosts.exchangeRatesTable.tableId }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/currencies/extension-points'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { Plus } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype ExchangeRateRow = {\n  id: string\n  fromCurrencyCode: string\n  toCurrencyCode: string\n  rate: string\n  date: string\n  source: string | null\n  type: string | null\n  isActive: boolean\n  organizationId: string\n  tenantId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype ResponsePayload = {\n  items: ExchangeRateRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\nexport default function ExchangeRatesPage() {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<ExchangeRateRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const mutationContextId = 'currencies-exchange-rates-list:mutation'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        if (search) params.set('search', search)\n        if (filters.fromCurrencyCode) params.set('fromCurrencyCode', String(filters.fromCurrencyCode))\n        if (filters.toCurrencyCode) params.set('toCurrencyCode', String(filters.toCurrencyCode))\n        if (filters.source) params.set('source', String(filters.source))\n        if (filters.type) params.set('type', String(filters.type))\n        if (filters.isActive === 'true') params.set('isActive', 'true')\n        if (filters.isActive === 'false') params.set('isActive', 'false')\n\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(\n          `/api/currencies/exchange-rates?${params.toString()}`,\n          undefined,\n          { fallback }\n        )\n\n        if (!call.ok) {\n          flash(t('exchangeRates.list.error.load'), 'error')\n          return\n        }\n\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          flash(t('exchangeRates.list.error.load'), 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n    }\n  }, [page, search, filters, reloadToken, scopeVersion, t])\n\n  const handleDelete = React.useCallback(\n    async (row: ExchangeRateRow) => {\n      const confirmed = await confirmDialog({\n        title: t('exchangeRates.list.confirmDelete', { pair: `${row.fromCurrencyCode}/${row.toCurrencyCode}` }),\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n\n      try {\n        await runMutation({\n          operation: async () => {\n            const call = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(row.updatedAt),\n              () => apiCall(`/api/currencies/exchange-rates`, {\n                method: 'DELETE',\n                headers: { 'Content-Type': 'application/json' },\n                body: JSON.stringify({ id: row.id, organizationId: row.organizationId, tenantId: row.tenantId }),\n              }),\n            )\n            if (!call.ok) {\n              throw Object.assign(new Error('[internal] currencies.exchangeRate.delete failed'), {\n                status: call.status,\n                ...((call.result as Record<string, unknown> | null) ?? {}),\n              })\n            }\n            return call\n          },\n          context: {\n            formId: mutationContextId,\n            resourceKind: 'currencies.exchange_rate',\n            resourceId: row.id,\n            retryLastMutation,\n          },\n          mutationPayload: { id: row.id },\n        })\n\n        flash(t('exchangeRates.flash.deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (error) {\n        if (surfaceRecordConflict(error, t, { onRefresh: () => setReloadToken((token) => token + 1) })) return\n        flash(t('exchangeRates.flash.deleteError'), 'error')\n      }\n    },\n    [t, confirmDialog, mutationContextId, retryLastMutation, runMutation]\n  )\n\n  const columns = React.useMemo<ColumnDef<ExchangeRateRow>[]>(\n    () => [\n      {\n        accessorKey: 'currencyPair',\n        header: t('exchangeRates.list.columns.currencyPair'),\n        cell: ({ row }) => (\n          <span className=\"font-mono font-medium\">\n            {row.original.fromCurrencyCode} \u2192 {row.original.toCurrencyCode}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'rate',\n        header: t('exchangeRates.list.columns.rate'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {parseFloat(row.original.rate).toFixed(8)}\n          </span>\n        ),\n      },\n    {\n      accessorKey: 'date',\n      header: t('exchangeRates.list.columns.date'),\n      cell: ({ row }) => new Date(row.original.date).toLocaleString(undefined, {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit'\n      }),\n    },\n      {\n        accessorKey: 'source',\n        header: t('exchangeRates.list.columns.source'),\n        cell: ({ row }) => row.original.source || '\u2014',\n      },\n      {\n        accessorKey: 'type',\n        header: t('exchangeRates.list.columns.type'),\n        cell: ({ row }) => {\n          const type = row.original.type\n          if (!type) return '\u2014'\n          return (\n            <Badge variant={type === 'buy' ? 'success' : 'info'}>\n              {type === 'buy' ? t('exchangeRates.list.type.buy') : t('exchangeRates.list.type.sell')}\n            </Badge>\n          )\n        },\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('exchangeRates.list.columns.active'),\n        enableSorting: false,\n        cell: ({ getValue }) => <BooleanIcon value={Boolean(getValue())} />,\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('exchangeRates.list.columns.createdAt'),\n        cell: ({ row }) => {\n          const date = row.original.createdAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: t('exchangeRates.list.columns.updatedAt'),\n        cell: ({ row }) => {\n          const date = row.original.updatedAt\n          return date ? new Date(date).toLocaleString() : '\u2014'\n        },\n      },\n    ],\n    [t]\n  )\n\n  const filterDefs = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'fromCurrencyCode',\n        label: t('exchangeRates.list.filters.fromCurrency'),\n        type: 'text',\n      },\n      {\n        id: 'toCurrencyCode',\n        label: t('exchangeRates.list.filters.toCurrency'),\n        type: 'text',\n      },\n      {\n        id: 'source',\n        label: t('exchangeRates.list.filters.source'),\n        type: 'text',\n      },\n      {\n        id: 'type',\n        label: t('exchangeRates.list.filters.type'),\n        type: 'select',\n        options: [\n          { label: t('exchangeRates.list.filters.all'), value: '' },\n          { label: t('exchangeRates.list.type.buy'), value: 'buy' },\n          { label: t('exchangeRates.list.type.sell'), value: 'sell' },\n        ],\n      },\n      {\n        id: 'isActive',\n        label: t('exchangeRates.list.filters.status'),\n        type: 'select',\n        options: [\n          { label: t('exchangeRates.list.filters.all'), value: '' },\n          { label: t('exchangeRates.list.filters.active'), value: 'true' },\n          { label: t('exchangeRates.list.filters.inactive'), value: 'false' },\n        ],\n      },\n    ],\n    [t]\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('exchangeRates.list.title')}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => {\n            setSearch(value)\n            setPage(1)\n          }}\n          searchPlaceholder={t('exchangeRates.list.searchPlaceholder')}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={(values) => {\n            setFilters(values)\n            setPage(1)\n          }}\n          onFiltersClear={() => {\n            setFilters({})\n            setPage(1)\n          }}\n          actions={\n            <Button asChild>\n              <Link href=\"/backend/exchange-rates/create\">\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {t('exchangeRates.list.actions.create')}\n              </Link>\n            </Button>\n          }\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('common.edit'),\n                  href: `/backend/exchange-rates/${row.id}`,\n                },\n                {\n                  id: 'delete',\n                  label: t('common.delete'),\n                  destructive: true,\n                  onSelect: () => handleDelete(row),\n                },\n              ]}\n            />\n          )}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('exchangeRates.list.title')}\n              createHref=\"/backend/exchange-rates/create\"\n              createLabel={t('exchangeRates.list.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize: 50, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n          perspective={{ tableId: extensionPoints.hosts.exchangeRatesTable.tableId }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/roles/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/roles/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype RoleRow = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isSystem: boolean\n  isDefault: boolean\n  customerAssignable: boolean\n  createdAt: string\n  updatedAt?: string | null\n}\n\ntype RolesResponse = {\n  items?: RoleRow[]\n  total?: number\n  totalPages?: number\n}\n\nexport default function CustomerRolesPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<RoleRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const { runMutation } = useGuardedMutation<{ entityType: string }>({\n    contextId: 'customer_accounts:roles-list',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:role' },\n      })\n    },\n    [runMutation],\n  )\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    return params.toString()\n  }, [page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: RolesResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<RolesResponse>(\n          `/api/customer_accounts/admin/roles?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roles.error.load', 'Failed to load roles'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.load', 'Failed to load roles')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleDelete = React.useCallback(async (role: RoleRow) => {\n    if (role.isDefault) {\n      flash(t('customer_accounts.admin.roles.error.deleteDefault', 'The default role cannot be deleted. Set another role as default first.'), 'error')\n      return\n    }\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.roles.confirm.delete', 'Delete role \"{{name}}\"?', { name: role.name }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(role.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,\n            { method: 'DELETE' },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      }, { id: role.id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.delete', 'Failed to delete role')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const columns = React.useMemo<ColumnDef<RoleRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('customer_accounts.admin.roles.columns.name', 'Name'),\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/customer_accounts/roles/${row.original.id}`}\n          className=\"font-medium hover:underline\"\n        >\n          {row.original.name}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'slug',\n      header: t('customer_accounts.admin.roles.columns.slug', 'Slug'),\n      cell: ({ row }) => (\n        <code className=\"rounded bg-muted px-1.5 py-0.5 text-xs\">{row.original.slug}</code>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: t('customer_accounts.admin.roles.columns.description', 'Description'),\n      cell: ({ row }) => row.original.description || <span className=\"text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isSystem',\n      header: t('customer_accounts.admin.roles.columns.isSystem', 'System'),\n      cell: ({ row }) => (\n        row.original.isSystem ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n            {t('customer_accounts.admin.roles.system', 'System')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'isDefault',\n      header: t('customer_accounts.admin.roles.columns.isDefault', 'Default'),\n      cell: ({ row }) => (\n        row.original.isDefault ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n            {t('customer_accounts.admin.roles.default', 'Default')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'customerAssignable',\n      header: t('customer_accounts.admin.roles.columns.customerAssignable', 'Self-assignable'),\n      cell: ({ row }) => (\n        row.original.customerAssignable ? (\n          <Badge variant=\"brand\">\n            {t('customer_accounts.admin.roles.assignable', 'Yes')}\n          </Badge>\n        ) : (\n          <span className=\"text-muted-foreground text-sm\">\n            {t('customer_accounts.admin.roles.notAssignable', 'No')}\n          </span>\n        )\n      ),\n    },\n  ], [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<RoleRow>\n          title={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/customer_accounts/roles/create\">\n                {t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.roles.searchPlaceholder', 'Search roles...')}\n          perspective={{ tableId: extensionPoints.hosts.rolesTable.tableId }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n              createHref=\"/backend/customer_accounts/roles/create\"\n              createLabel={t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/roles/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('customer_accounts.admin.roles.actions.edit', 'Edit'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/roles/${row.id}`) },\n                },\n                ...(!row.isDefault ? [{\n                  id: 'delete',\n                  label: t('customer_accounts.admin.roles.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                }] : []),\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\n\ntype RoleRow = {\n  id: string\n  name: string\n  slug: string\n  description: string | null\n  isSystem: boolean\n  isDefault: boolean\n  customerAssignable: boolean\n  createdAt: string\n  updatedAt?: string | null\n}\n\ntype RolesResponse = {\n  items?: RoleRow[]\n  total?: number\n  totalPages?: number\n}\n\nexport default function CustomerRolesPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<RoleRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const { runMutation } = useGuardedMutation<{ entityType: string }>({\n    contextId: 'customer_accounts:roles-list',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:role' },\n      })\n    },\n    [runMutation],\n  )\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    return params.toString()\n  }, [page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: RolesResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<RolesResponse>(\n          `/api/customer_accounts/admin/roles?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.roles.error.load', 'Failed to load roles'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.load', 'Failed to load roles')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleDelete = React.useCallback(async (role: RoleRow) => {\n    if (role.isDefault) {\n      flash(t('customer_accounts.admin.roles.error.deleteDefault', 'The default role cannot be deleted. Set another role as default first.'), 'error')\n      return\n    }\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.roles.confirm.delete', 'Delete role \"{{name}}\"?', { name: role.name }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(role.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/roles/${encodeURIComponent(role.id)}`,\n            { method: 'DELETE' },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.roles.error.delete', 'Failed to delete role'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.roles.flash.deleted', 'Role deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      }, { id: role.id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.roles.error.delete', 'Failed to delete role')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const columns = React.useMemo<ColumnDef<RoleRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: t('customer_accounts.admin.roles.columns.name', 'Name'),\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/customer_accounts/roles/${row.original.id}`}\n          className=\"font-medium hover:underline\"\n        >\n          {row.original.name}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'slug',\n      header: t('customer_accounts.admin.roles.columns.slug', 'Slug'),\n      cell: ({ row }) => (\n        <code className=\"rounded bg-muted px-1.5 py-0.5 text-xs\">{row.original.slug}</code>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: t('customer_accounts.admin.roles.columns.description', 'Description'),\n      cell: ({ row }) => row.original.description || <span className=\"text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isSystem',\n      header: t('customer_accounts.admin.roles.columns.isSystem', 'System'),\n      cell: ({ row }) => (\n        row.original.isSystem ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-info-bg px-2 py-0.5 text-xs font-medium text-status-info-text\">\n            {t('customer_accounts.admin.roles.system', 'System')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'isDefault',\n      header: t('customer_accounts.admin.roles.columns.isDefault', 'Default'),\n      cell: ({ row }) => (\n        row.original.isDefault ? (\n          <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n            {t('customer_accounts.admin.roles.default', 'Default')}\n          </span>\n        ) : null\n      ),\n    },\n    {\n      accessorKey: 'customerAssignable',\n      header: t('customer_accounts.admin.roles.columns.customerAssignable', 'Self-assignable'),\n      cell: ({ row }) => (\n        row.original.customerAssignable ? (\n          <Badge variant=\"brand\">\n            {t('customer_accounts.admin.roles.assignable', 'Yes')}\n          </Badge>\n        ) : (\n          <span className=\"text-muted-foreground text-sm\">\n            {t('customer_accounts.admin.roles.notAssignable', 'No')}\n          </span>\n        )\n      ),\n    },\n  ], [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<RoleRow>\n          title={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n          actions={(\n            <Button asChild>\n              <Link href=\"/backend/customer_accounts/roles/create\">\n                {t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n              </Link>\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.roles.searchPlaceholder', 'Search roles...')}\n          perspective={{ tableId: extensionPoints.hosts.rolesTable.tableId }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('customer_accounts.admin.roles.title', 'Customer Roles')}\n              createHref=\"/backend/customer_accounts/roles/create\"\n              createLabel={t('customer_accounts.admin.roles.actions.create', 'Create Role')}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/roles/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: t('customer_accounts.admin.roles.actions.edit', 'Edit'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/roles/${row.id}`) },\n                },\n                ...(!row.isDefault ? [{\n                  id: 'delete',\n                  label: t('customer_accounts.admin.roles.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                }] : []),\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/users/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customer_accounts/backend/customer_accounts/users/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Globe, Settings } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport { PasswordInput } from '@open-mercato/ui/primitives/password-input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype UserRow = {\n  id: string\n  displayName: string\n  email: string\n  emailVerified: boolean\n  isActive: boolean\n  lastLoginAt: string | null\n  roles: Array<{ id: string; name: string; slug: string }>\n  createdAt: string\n  updatedAt?: string | null\n  personEntityId: string | null\n  customerEntityId: string | null\n}\n\ntype UsersResponse = {\n  items?: UserRow[]\n  total?: number\n  totalPages?: number\n}\n\nfunction formatDate(value: string | null | undefined, fallback: string): string {\n  if (!value) return fallback\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return fallback\n  return date.toLocaleDateString()\n}\n\nasync function fetchRoleFilterOptions(): Promise<Array<{ value: string; label: string; id: string }>> {\n  try {\n    const call = await apiCall<{ items?: Array<{ id: string; name: string }> }>(\n      '/api/customer_accounts/admin/roles?pageSize=100',\n    )\n    if (!call.ok) return []\n    const items = Array.isArray(call.result?.items) ? call.result!.items : []\n    return items\n      .filter((item) => typeof item?.id === 'string' && typeof item?.name === 'string')\n      .map((item) => ({ value: item.id, label: item.name, id: item.id }))\n  } catch {\n    return []\n  }\n}\n\nfunction CreateUserDialog({\n  open,\n  onOpenChange,\n  roleOptions,\n  onCreated,\n  onRunMutation,\n}: {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  roleOptions: Array<{ id: string; label: string }>\n  onCreated: () => void\n  onRunMutation: <T>(operation: () => Promise<T>) => Promise<T>\n}) {\n  const t = useT()\n  const [email, setEmail] = React.useState('')\n  const [displayName, setDisplayName] = React.useState('')\n  const [password, setPassword] = React.useState('')\n  const [selectedRoleIds, setSelectedRoleIds] = React.useState<string[]>([])\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n\n  const resetForm = React.useCallback(() => {\n    setEmail('')\n    setDisplayName('')\n    setPassword('')\n    setSelectedRoleIds([])\n  }, [])\n\n  const handleSubmit = React.useCallback(async (event: React.FormEvent) => {\n    event.preventDefault()\n    if (!email.trim() || !displayName.trim() || !password.trim()) {\n      flash(t('customer_accounts.admin.createUser.error.required', 'Email, name, and password are required'), 'error')\n      return\n    }\n    setIsSubmitting(true)\n    try {\n      await onRunMutation(async () => {\n        const call = await apiCall<{ ok: boolean; error?: string }>(\n          '/api/customer_accounts/admin/users',\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({\n              email: email.trim(),\n              displayName: displayName.trim(),\n              password,\n              roleIds: selectedRoleIds.length > 0 ? selectedRoleIds : undefined,\n            }),\n          },\n        )\n        if (!call.ok) {\n          flash(call.result?.error || t('customer_accounts.admin.createUser.error.save', 'Failed to create user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.createUser.flash.created', 'User created'), 'success')\n        resetForm()\n        onOpenChange(false)\n        onCreated()\n      })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.createUser.error.save', 'Failed to create user')\n      flash(message, 'error')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }, [displayName, email, onCreated, onOpenChange, onRunMutation, password, resetForm, selectedRoleIds, t])\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      const form = (event.target as HTMLElement).closest('form')\n      if (form) form.requestSubmit()\n    }\n  }, [])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) resetForm(); onOpenChange(next) }}>\n      <DialogContent className=\"sm:max-w-lg\">\n        <DialogHeader>\n          <DialogTitle>{t('customer_accounts.admin.createUser.title', 'Create Customer User')}</DialogTitle>\n        </DialogHeader>\n        <form onSubmit={(event) => { void handleSubmit(event) }} onKeyDown={handleKeyDown} className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-email\">\n              {t('customer_accounts.admin.createUser.fields.email', 'Email')}\n            </label>\n            <EmailInput\n              id=\"create-email\"\n              required\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.emailPlaceholder', 'user@example.com')}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-name\">\n              {t('customer_accounts.admin.createUser.fields.displayName', 'Display Name')}\n            </label>\n            <Input\n              id=\"create-name\"\n              type=\"text\"\n              required\n              value={displayName}\n              onChange={(event) => setDisplayName(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.displayNamePlaceholder', 'John Doe')}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-password\">\n              {t('customer_accounts.admin.createUser.fields.password', 'Password')}\n            </label>\n            <PasswordInput\n              id=\"create-password\"\n              required\n              minLength={8}\n              value={password}\n              onChange={(event) => setPassword(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.passwordPlaceholder', 'Min. 8 characters')}\n              autoComplete=\"new-password\"\n            />\n          </div>\n          {roleOptions.length > 0 && (\n            <div className=\"space-y-2\">\n              <p className=\"text-sm font-medium\">{t('customer_accounts.admin.createUser.fields.roles', 'Roles')}</p>\n              <div className=\"flex flex-wrap gap-2\">\n                {roleOptions.map((role) => {\n                  const isSelected = selectedRoleIds.includes(role.id)\n                  return (\n                    <Button\n                      key={role.id}\n                      type=\"button\"\n                      size=\"2xs\"\n                      variant={isSelected ? 'secondary' : 'outline'}\n                      aria-pressed={isSelected}\n                      onClick={() => setSelectedRoleIds((prev) =>\n                        prev.includes(role.id) ? prev.filter((rid) => rid !== role.id) : [...prev, role.id],\n                      )}\n                      className=\"rounded-full\"\n                    >\n                      {role.label}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n          <div className=\"flex justify-end gap-2 pt-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={() => { resetForm(); onOpenChange(false) }}>\n              {t('customer_accounts.admin.createUser.actions.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={isSubmitting}>\n              {isSubmitting\n                ? t('customer_accounts.admin.createUser.actions.creating', 'Creating...')\n                : t('customer_accounts.admin.createUser.actions.create', 'Create User')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default function CustomerAccountsPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<UserRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [roleOptions, setRoleOptions] = React.useState<Array<{ value: string; label: string; id: string }>>([])\n  const [createDialogOpen, setCreateDialogOpen] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    entityType: string\n    entityId?: string\n  }>({\n    contextId: 'customer_accounts:users-list',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:user' },\n      })\n    },\n    [runMutation],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    fetchRoleFilterOptions().then((opts) => {\n      if (!cancelled) setRoleOptions(opts)\n    })\n    return () => { cancelled = true }\n  }, [])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'status',\n      label: t('customer_accounts.admin.filters.status', 'Status'),\n      type: 'select',\n      options: [\n        { value: 'active', label: t('customer_accounts.admin.filters.active', 'Active') },\n        { value: 'inactive', label: t('customer_accounts.admin.filters.inactive', 'Inactive') },\n      ],\n    },\n    {\n      id: 'roleId',\n      label: t('customer_accounts.admin.filters.role', 'Role'),\n      type: 'select',\n      options: roleOptions,\n    },\n  ], [roleOptions, t])\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    const status = filterValues.status\n    if (typeof status === 'string' && status.trim()) params.set('status', status)\n    const roleId = filterValues.roleId\n    if (typeof roleId === 'string' && roleId.trim()) params.set('roleId', roleId)\n    return params.toString()\n  }, [filterValues, page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: UsersResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<UsersResponse>(\n          `/api/customer_accounts/admin/users?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.error.loadUsers', 'Failed to load customer users'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.loadUsers', 'Failed to load customer users')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleToggleActive = React.useCallback(async (user: UserRow) => {\n    const nextActive = !user.isActive\n    const actionLabel = nextActive\n      ? t('customer_accounts.admin.actions.activate', 'Activate')\n      : t('customer_accounts.admin.actions.deactivate', 'Deactivate')\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.confirm.toggleActive', '{{action}} user \"{{name}}\"?', {\n        action: actionLabel,\n        name: user.displayName || user.email,\n      }),\n      variant: nextActive ? 'default' : 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(user.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/users/${encodeURIComponent(user.id)}`,\n            {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ isActive: nextActive }),\n            },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.error.toggleActive', 'Failed to update user status'), 'error')\n          return\n        }\n        flash(\n          nextActive\n            ? t('customer_accounts.admin.flash.activated', 'User activated')\n            : t('customer_accounts.admin.flash.deactivated', 'User deactivated'),\n          'success',\n        )\n        setReloadToken((token) => token + 1)\n      }, { userId: user.id, isActive: nextActive })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.toggleActive', 'Failed to update user status')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const handleDelete = React.useCallback(async (user: UserRow) => {\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.confirm.delete', 'Delete user \"{{name}}\"?', {\n        name: user.displayName || user.email,\n      }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(user.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/users/${encodeURIComponent(user.id)}`,\n            { method: 'DELETE' },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.error.delete', 'Failed to delete user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.flash.deleted', 'User deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      }, { id: user.id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.delete', 'Failed to delete user')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const columns = React.useMemo<ColumnDef<UserRow>[]>(() => {\n    const noValue = <span className=\"text-muted-foreground text-sm\">-</span>\n    return [\n      {\n        accessorKey: 'displayName',\n        header: t('customer_accounts.admin.columns.displayName', 'Name'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/customer_accounts/users/${row.original.id}`}\n            className=\"font-medium hover:underline\"\n          >\n            {row.original.displayName || row.original.email}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'email',\n        header: t('customer_accounts.admin.columns.email', 'Email'),\n      },\n      {\n        accessorKey: 'emailVerified',\n        header: t('customer_accounts.admin.columns.emailVerified', 'Verified'),\n        cell: ({ row }) => (\n          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n            row.original.emailVerified\n              ? 'bg-status-success-bg text-status-success-text'\n              : 'bg-status-warning-bg text-status-warning-text'\n          }`}>\n            {row.original.emailVerified\n              ? t('customer_accounts.admin.verified', 'Yes')\n              : t('customer_accounts.admin.unverified', 'No')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('customer_accounts.admin.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n            row.original.isActive\n              ? 'bg-status-success-bg text-status-success-text'\n              : 'bg-status-error-bg text-status-error-text'\n          }`}>\n            {row.original.isActive\n              ? t('customer_accounts.admin.active', 'Active')\n              : t('customer_accounts.admin.inactive', 'Inactive')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'lastLoginAt',\n        header: t('customer_accounts.admin.columns.lastLogin', 'Last Login'),\n        cell: ({ row }) => formatDate(row.original.lastLoginAt, '-') || noValue,\n      },\n      {\n        accessorKey: 'roles',\n        header: t('customer_accounts.admin.columns.roles', 'Roles'),\n        cell: ({ row }) => {\n          const roles = row.original.roles\n          if (!roles || !roles.length) return noValue\n          return <span className=\"text-sm\">{roles.map((r) => r.name).join(', ')}</span>\n        },\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('customer_accounts.admin.columns.createdAt', 'Created'),\n        cell: ({ row }) => formatDate(row.original.createdAt, '-'),\n      },\n    ]\n  }, [t])\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-4\">\n        <div className=\"rounded-lg border border-status-info-border bg-status-info-bg p-4\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <h3 className=\"text-sm font-medium text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.title', 'Customer Portal')}\n              </h3>\n              <p className=\"mt-1 text-sm text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.description', 'Manage customer portal accounts. Customers can self-register, log in, and access orders, quotes, and invoices through the portal.')}\n              </p>\n              <p className=\"mt-1.5 text-xs text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.url', 'Portal URL: {url}', {\n                  url: `${typeof window !== 'undefined' ? window.location.origin : ''}/[org-slug]/portal`,\n                })}\n              </p>\n              <p className=\"mt-0.5 text-xs text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.credentials', 'Demo credentials: alice.johnson@example.com / Password123!')}\n              </p>\n            </div>\n            <div className=\"flex shrink-0 flex-col gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                asChild\n              >\n                <Link href=\"/backend/customer_accounts/settings\">\n                  <Settings className=\"size-4\" />\n                  {t('customer_accounts.admin.portalInfo.openConfiguration', 'Open Configuration')}\n                </Link>\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                asChild\n              >\n                <a href={`${typeof window !== 'undefined' ? window.location.origin : ''}/portal`} target=\"_blank\" rel=\"noopener noreferrer\">\n                  <Globe className=\"size-4\" />\n                  {t('customer_accounts.admin.portalInfo.open', 'Open Portal')}\n                </a>\n              </Button>\n            </div>\n          </div>\n        </div>\n        <DataTable<UserRow>\n          stickyActionsColumn\n          title={t('customer_accounts.admin.title', 'Users')}\n          actions={(\n            <Button onClick={() => setCreateDialogOpen(true)}>\n              {t('customer_accounts.admin.actions.createUser', 'Create User')}\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.searchPlaceholder', 'Search by name or email...')}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{ tableId: extensionPoints.hosts.usersTable.tableId }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('customer_accounts.admin.title', 'Users')}\n              onCreate={() => setCreateDialogOpen(true)}\n              createLabel={t('customer_accounts.admin.actions.createUser', 'Create User')}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/users/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'view',\n                  label: t('customer_accounts.admin.actions.view', 'View'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/users/${row.id}`) },\n                },\n                {\n                  id: 'toggle-active',\n                  label: row.isActive\n                    ? t('customer_accounts.admin.actions.deactivate', 'Deactivate')\n                    : t('customer_accounts.admin.actions.activate', 'Activate'),\n                  onSelect: () => { void handleToggleActive(row) },\n                },\n                {\n                  id: 'delete',\n                  label: t('customer_accounts.admin.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                },\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n        <CreateUserDialog\n          open={createDialogOpen}\n          onOpenChange={setCreateDialogOpen}\n          roleOptions={roleOptions}\n          onCreated={() => setReloadToken((token) => token + 1)}\n          onRunMutation={runMutationWithContext}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/customer_accounts/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Globe, Settings } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport { PasswordInput } from '@open-mercato/ui/primitives/password-input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype UserRow = {\n  id: string\n  displayName: string\n  email: string\n  emailVerified: boolean\n  isActive: boolean\n  lastLoginAt: string | null\n  roles: Array<{ id: string; name: string; slug: string }>\n  createdAt: string\n  updatedAt?: string | null\n  personEntityId: string | null\n  customerEntityId: string | null\n}\n\ntype UsersResponse = {\n  items?: UserRow[]\n  total?: number\n  totalPages?: number\n}\n\nfunction formatDate(value: string | null | undefined, fallback: string): string {\n  if (!value) return fallback\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return fallback\n  return date.toLocaleDateString()\n}\n\nasync function fetchRoleFilterOptions(): Promise<Array<{ value: string; label: string; id: string }>> {\n  try {\n    const call = await apiCall<{ items?: Array<{ id: string; name: string }> }>(\n      '/api/customer_accounts/admin/roles?pageSize=100',\n    )\n    if (!call.ok) return []\n    const items = Array.isArray(call.result?.items) ? call.result!.items : []\n    return items\n      .filter((item) => typeof item?.id === 'string' && typeof item?.name === 'string')\n      .map((item) => ({ value: item.id, label: item.name, id: item.id }))\n  } catch {\n    return []\n  }\n}\n\nfunction CreateUserDialog({\n  open,\n  onOpenChange,\n  roleOptions,\n  onCreated,\n  onRunMutation,\n}: {\n  open: boolean\n  onOpenChange: (next: boolean) => void\n  roleOptions: Array<{ id: string; label: string }>\n  onCreated: () => void\n  onRunMutation: <T>(operation: () => Promise<T>) => Promise<T>\n}) {\n  const t = useT()\n  const [email, setEmail] = React.useState('')\n  const [displayName, setDisplayName] = React.useState('')\n  const [password, setPassword] = React.useState('')\n  const [selectedRoleIds, setSelectedRoleIds] = React.useState<string[]>([])\n  const [isSubmitting, setIsSubmitting] = React.useState(false)\n\n  const resetForm = React.useCallback(() => {\n    setEmail('')\n    setDisplayName('')\n    setPassword('')\n    setSelectedRoleIds([])\n  }, [])\n\n  const handleSubmit = React.useCallback(async (event: React.FormEvent) => {\n    event.preventDefault()\n    if (!email.trim() || !displayName.trim() || !password.trim()) {\n      flash(t('customer_accounts.admin.createUser.error.required', 'Email, name, and password are required'), 'error')\n      return\n    }\n    setIsSubmitting(true)\n    try {\n      await onRunMutation(async () => {\n        const call = await apiCall<{ ok: boolean; error?: string }>(\n          '/api/customer_accounts/admin/users',\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({\n              email: email.trim(),\n              displayName: displayName.trim(),\n              password,\n              roleIds: selectedRoleIds.length > 0 ? selectedRoleIds : undefined,\n            }),\n          },\n        )\n        if (!call.ok) {\n          flash(call.result?.error || t('customer_accounts.admin.createUser.error.save', 'Failed to create user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.createUser.flash.created', 'User created'), 'success')\n        resetForm()\n        onOpenChange(false)\n        onCreated()\n      })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.createUser.error.save', 'Failed to create user')\n      flash(message, 'error')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }, [displayName, email, onCreated, onOpenChange, onRunMutation, password, resetForm, selectedRoleIds, t])\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      const form = (event.target as HTMLElement).closest('form')\n      if (form) form.requestSubmit()\n    }\n  }, [])\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!next) resetForm(); onOpenChange(next) }}>\n      <DialogContent className=\"sm:max-w-lg\">\n        <DialogHeader>\n          <DialogTitle>{t('customer_accounts.admin.createUser.title', 'Create Customer User')}</DialogTitle>\n        </DialogHeader>\n        <form onSubmit={(event) => { void handleSubmit(event) }} onKeyDown={handleKeyDown} className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-email\">\n              {t('customer_accounts.admin.createUser.fields.email', 'Email')}\n            </label>\n            <EmailInput\n              id=\"create-email\"\n              required\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.emailPlaceholder', 'user@example.com')}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-name\">\n              {t('customer_accounts.admin.createUser.fields.displayName', 'Display Name')}\n            </label>\n            <Input\n              id=\"create-name\"\n              type=\"text\"\n              required\n              value={displayName}\n              onChange={(event) => setDisplayName(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.displayNamePlaceholder', 'John Doe')}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\" htmlFor=\"create-password\">\n              {t('customer_accounts.admin.createUser.fields.password', 'Password')}\n            </label>\n            <PasswordInput\n              id=\"create-password\"\n              required\n              minLength={8}\n              value={password}\n              onChange={(event) => setPassword(event.target.value)}\n              placeholder={t('customer_accounts.admin.createUser.fields.passwordPlaceholder', 'Min. 8 characters')}\n              autoComplete=\"new-password\"\n            />\n          </div>\n          {roleOptions.length > 0 && (\n            <div className=\"space-y-2\">\n              <p className=\"text-sm font-medium\">{t('customer_accounts.admin.createUser.fields.roles', 'Roles')}</p>\n              <div className=\"flex flex-wrap gap-2\">\n                {roleOptions.map((role) => {\n                  const isSelected = selectedRoleIds.includes(role.id)\n                  return (\n                    <Button\n                      key={role.id}\n                      type=\"button\"\n                      size=\"2xs\"\n                      variant={isSelected ? 'secondary' : 'outline'}\n                      aria-pressed={isSelected}\n                      onClick={() => setSelectedRoleIds((prev) =>\n                        prev.includes(role.id) ? prev.filter((rid) => rid !== role.id) : [...prev, role.id],\n                      )}\n                      className=\"rounded-full\"\n                    >\n                      {role.label}\n                    </Button>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n          <div className=\"flex justify-end gap-2 pt-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={() => { resetForm(); onOpenChange(false) }}>\n              {t('customer_accounts.admin.createUser.actions.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={isSubmitting}>\n              {isSubmitting\n                ? t('customer_accounts.admin.createUser.actions.creating', 'Creating...')\n                : t('customer_accounts.admin.createUser.actions.create', 'Create User')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default function CustomerAccountsPage() {\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<UserRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [roleOptions, setRoleOptions] = React.useState<Array<{ value: string; label: string; id: string }>>([])\n  const [createDialogOpen, setCreateDialogOpen] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    entityType: string\n    entityId?: string\n  }>({\n    contextId: 'customer_accounts:users-list',\n  })\n\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: { entityType: 'customer_accounts:user' },\n      })\n    },\n    [runMutation],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    fetchRoleFilterOptions().then((opts) => {\n      if (!cancelled) setRoleOptions(opts)\n    })\n    return () => { cancelled = true }\n  }, [])\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'status',\n      label: t('customer_accounts.admin.filters.status', 'Status'),\n      type: 'select',\n      options: [\n        { value: 'active', label: t('customer_accounts.admin.filters.active', 'Active') },\n        { value: 'inactive', label: t('customer_accounts.admin.filters.inactive', 'Inactive') },\n      ],\n    },\n    {\n      id: 'roleId',\n      label: t('customer_accounts.admin.filters.role', 'Role'),\n      type: 'select',\n      options: roleOptions,\n    },\n  ], [roleOptions, t])\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    const status = filterValues.status\n    if (typeof status === 'string' && status.trim()) params.set('status', status)\n    const roleId = filterValues.roleId\n    if (typeof roleId === 'string' && roleId.trim()) params.set('roleId', roleId)\n    return params.toString()\n  }, [filterValues, page, pageSize, search])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: UsersResponse = { items: [], total: 0, totalPages: 1 }\n        const payload = await readApiResultOrThrow<UsersResponse>(\n          `/api/customer_accounts/admin/users?${queryParams}`,\n          undefined,\n          { errorMessage: t('customer_accounts.admin.error.loadUsers', 'Failed to load customer users'), fallback },\n        )\n        if (cancelled) return\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        setRows(items)\n        setTotal(typeof payload?.total === 'number' ? payload.total : items.length)\n        setTotalPages(typeof payload?.totalPages === 'number' ? payload.totalPages : 1)\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.loadUsers', 'Failed to load customer users')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [queryParams, reloadToken, t])\n\n  const handleToggleActive = React.useCallback(async (user: UserRow) => {\n    const nextActive = !user.isActive\n    const actionLabel = nextActive\n      ? t('customer_accounts.admin.actions.activate', 'Activate')\n      : t('customer_accounts.admin.actions.deactivate', 'Deactivate')\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.confirm.toggleActive', '{{action}} user \"{{name}}\"?', {\n        action: actionLabel,\n        name: user.displayName || user.email,\n      }),\n      variant: nextActive ? 'default' : 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(user.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/users/${encodeURIComponent(user.id)}`,\n            {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ isActive: nextActive }),\n            },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.error.toggleActive', 'Failed to update user status'), 'error')\n          return\n        }\n        flash(\n          nextActive\n            ? t('customer_accounts.admin.flash.activated', 'User activated')\n            : t('customer_accounts.admin.flash.deactivated', 'User deactivated'),\n          'success',\n        )\n        setReloadToken((token) => token + 1)\n      }, { userId: user.id, isActive: nextActive })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.toggleActive', 'Failed to update user status')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const handleDelete = React.useCallback(async (user: UserRow) => {\n    const confirmed = await confirm({\n      title: t('customer_accounts.admin.confirm.delete', 'Delete user \"{{name}}\"?', {\n        name: user.displayName || user.email,\n      }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutationWithContext(async () => {\n        const call = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(user.updatedAt),\n          () => apiCall(\n            `/api/customer_accounts/admin/users/${encodeURIComponent(user.id)}`,\n            { method: 'DELETE' },\n          ),\n        )\n        if (!call.ok) {\n          flash(t('customer_accounts.admin.error.delete', 'Failed to delete user'), 'error')\n          return\n        }\n        flash(t('customer_accounts.admin.flash.deleted', 'User deleted'), 'success')\n        setReloadToken((token) => token + 1)\n      }, { id: user.id })\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customer_accounts.admin.error.delete', 'Failed to delete user')\n      flash(message, 'error')\n    }\n  }, [confirm, runMutationWithContext, t])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const columns = React.useMemo<ColumnDef<UserRow>[]>(() => {\n    const noValue = <span className=\"text-muted-foreground text-sm\">-</span>\n    return [\n      {\n        accessorKey: 'displayName',\n        header: t('customer_accounts.admin.columns.displayName', 'Name'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/customer_accounts/users/${row.original.id}`}\n            className=\"font-medium hover:underline\"\n          >\n            {row.original.displayName || row.original.email}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'email',\n        header: t('customer_accounts.admin.columns.email', 'Email'),\n      },\n      {\n        accessorKey: 'emailVerified',\n        header: t('customer_accounts.admin.columns.emailVerified', 'Verified'),\n        cell: ({ row }) => (\n          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n            row.original.emailVerified\n              ? 'bg-status-success-bg text-status-success-text'\n              : 'bg-status-warning-bg text-status-warning-text'\n          }`}>\n            {row.original.emailVerified\n              ? t('customer_accounts.admin.verified', 'Yes')\n              : t('customer_accounts.admin.unverified', 'No')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('customer_accounts.admin.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n            row.original.isActive\n              ? 'bg-status-success-bg text-status-success-text'\n              : 'bg-status-error-bg text-status-error-text'\n          }`}>\n            {row.original.isActive\n              ? t('customer_accounts.admin.active', 'Active')\n              : t('customer_accounts.admin.inactive', 'Inactive')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'lastLoginAt',\n        header: t('customer_accounts.admin.columns.lastLogin', 'Last Login'),\n        cell: ({ row }) => formatDate(row.original.lastLoginAt, '-') || noValue,\n      },\n      {\n        accessorKey: 'roles',\n        header: t('customer_accounts.admin.columns.roles', 'Roles'),\n        cell: ({ row }) => {\n          const roles = row.original.roles\n          if (!roles || !roles.length) return noValue\n          return <span className=\"text-sm\">{roles.map((r) => r.name).join(', ')}</span>\n        },\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('customer_accounts.admin.columns.createdAt', 'Created'),\n        cell: ({ row }) => formatDate(row.original.createdAt, '-'),\n      },\n    ]\n  }, [t])\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-4\">\n        <div className=\"rounded-lg border border-status-info-border bg-status-info-bg p-4\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <h3 className=\"text-sm font-medium text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.title', 'Customer Portal')}\n              </h3>\n              <p className=\"mt-1 text-sm text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.description', 'Manage customer portal accounts. Customers can self-register, log in, and access orders, quotes, and invoices through the portal.')}\n              </p>\n              <p className=\"mt-1.5 text-xs text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.url', 'Portal URL: {url}', {\n                  url: `${typeof window !== 'undefined' ? window.location.origin : ''}/[org-slug]/portal`,\n                })}\n              </p>\n              <p className=\"mt-0.5 text-xs text-status-info-text\">\n                {t('customer_accounts.admin.portalInfo.credentials', 'Demo credentials: alice.johnson@example.com / Password123!')}\n              </p>\n            </div>\n            <div className=\"flex shrink-0 flex-col gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                asChild\n              >\n                <Link href=\"/backend/customer_accounts/settings\">\n                  <Settings className=\"size-4\" />\n                  {t('customer_accounts.admin.portalInfo.openConfiguration', 'Open Configuration')}\n                </Link>\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                asChild\n              >\n                <a href={`${typeof window !== 'undefined' ? window.location.origin : ''}/portal`} target=\"_blank\" rel=\"noopener noreferrer\">\n                  <Globe className=\"size-4\" />\n                  {t('customer_accounts.admin.portalInfo.open', 'Open Portal')}\n                </a>\n              </Button>\n            </div>\n          </div>\n        </div>\n        <DataTable<UserRow>\n          stickyActionsColumn\n          title={t('customer_accounts.admin.title', 'Users')}\n          actions={(\n            <Button onClick={() => setCreateDialogOpen(true)}>\n              {t('customer_accounts.admin.actions.createUser', 'Create User')}\n            </Button>\n          )}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          searchPlaceholder={t('customer_accounts.admin.searchPlaceholder', 'Search by name or email...')}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{ tableId: extensionPoints.hosts.usersTable.tableId }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('customer_accounts.admin.title', 'Users')}\n              onCreate={() => setCreateDialogOpen(true)}\n              createLabel={t('customer_accounts.admin.actions.createUser', 'Create User')}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/customer_accounts/users/${row.id}`)}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'view',\n                  label: t('customer_accounts.admin.actions.view', 'View'),\n                  onSelect: () => { router.push(`/backend/customer_accounts/users/${row.id}`) },\n                },\n                {\n                  id: 'toggle-active',\n                  label: row.isActive\n                    ? t('customer_accounts.admin.actions.deactivate', 'Deactivate')\n                    : t('customer_accounts.admin.actions.activate', 'Activate'),\n                  onSelect: () => { void handleToggleActive(row) },\n                },\n                {\n                  id: 'delete',\n                  label: t('customer_accounts.admin.actions.delete', 'Delete'),\n                  destructive: true,\n                  onSelect: () => { void handleDelete(row) },\n                },\n              ]}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n        <CreateUserDialog\n          open={createDialogOpen}\n          onOpenChange={setCreateDialogOpen}\n          roleOptions={roleOptions}\n          onCreated={() => setReloadToken((token) => token + 1)}\n          onRunMutation={runMutationWithContext}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }