@open-mercato/core 0.4.6-develop-af28b566dd → 0.4.6-develop-4d77832982
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.
- package/AGENTS.md +22 -0
- package/dist/modules/customers/backend/customers/companies/page.js +3 -3
- package/dist/modules/customers/backend/customers/companies/page.js.map +2 -2
- package/dist/modules/customers/backend/customers/deals/page.js +3 -3
- package/dist/modules/customers/backend/customers/deals/page.js.map +2 -2
- package/dist/modules/customers/backend/customers/people/page.js +3 -3
- package/dist/modules/customers/backend/customers/people/page.js.map +2 -2
- package/dist/modules/planner/backend/planner/availability-rulesets/page.js +3 -3
- package/dist/modules/planner/backend/planner/availability-rulesets/page.js.map +2 -2
- package/dist/modules/resources/backend/resources/resource-types/page.js +2 -2
- package/dist/modules/resources/backend/resources/resource-types/page.js.map +2 -2
- package/dist/modules/resources/backend/resources/resources/page.js +3 -3
- package/dist/modules/resources/backend/resources/resources/page.js.map +2 -2
- package/dist/modules/sales/backend/sales/channels/page.js +3 -3
- package/dist/modules/sales/backend/sales/channels/page.js.map +2 -2
- package/dist/modules/sales/components/channels/offerTableUtils.js +3 -2
- package/dist/modules/sales/components/channels/offerTableUtils.js.map +2 -2
- package/dist/modules/sales/components/documents/SalesDocumentsTable.js +3 -3
- package/dist/modules/sales/components/documents/SalesDocumentsTable.js.map +2 -2
- package/dist/modules/staff/backend/staff/leave-requests/page.js +3 -3
- package/dist/modules/staff/backend/staff/leave-requests/page.js.map +2 -2
- package/dist/modules/staff/backend/staff/my-leave-requests/page.js +3 -3
- package/dist/modules/staff/backend/staff/my-leave-requests/page.js.map +2 -2
- package/dist/modules/staff/backend/staff/team-members/page.js +3 -3
- package/dist/modules/staff/backend/staff/team-members/page.js.map +2 -2
- package/dist/modules/staff/backend/staff/team-roles/page.js +2 -2
- package/dist/modules/staff/backend/staff/team-roles/page.js.map +2 -2
- package/dist/modules/staff/backend/staff/teams/[id]/edit/page.js +3 -3
- package/dist/modules/staff/backend/staff/teams/[id]/edit/page.js.map +2 -2
- package/dist/modules/staff/backend/staff/teams/page.js +2 -2
- package/dist/modules/staff/backend/staff/teams/page.js.map +2 -2
- package/package.json +2 -2
- package/src/modules/customers/backend/customers/companies/page.tsx +3 -3
- package/src/modules/customers/backend/customers/deals/page.tsx +3 -3
- package/src/modules/customers/backend/customers/people/page.tsx +3 -3
- package/src/modules/planner/backend/planner/availability-rulesets/page.tsx +3 -4
- package/src/modules/resources/backend/resources/resource-types/page.tsx +2 -3
- package/src/modules/resources/backend/resources/resources/page.tsx +3 -3
- package/src/modules/sales/backend/sales/channels/page.tsx +3 -3
- package/src/modules/sales/components/channels/offerTableUtils.tsx +3 -2
- package/src/modules/sales/components/documents/SalesDocumentsTable.tsx +3 -3
- package/src/modules/staff/backend/staff/leave-requests/page.tsx +3 -3
- package/src/modules/staff/backend/staff/my-leave-requests/page.tsx +3 -3
- package/src/modules/staff/backend/staff/team-members/page.tsx +3 -3
- package/src/modules/staff/backend/staff/team-roles/page.tsx +2 -2
- package/src/modules/staff/backend/staff/teams/[id]/edit/page.tsx +3 -4
- package/src/modules/staff/backend/staff/teams/page.tsx +2 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/planner/backend/planner/availability-rulesets/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { PluggableList } from 'unified'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst MARKDOWN_PLUGINS: PluggableList = [remarkGfm]\nconst MARKDOWN_SUBTEXT_CLASSNAME =\n 'line-clamp-2 text-xs text-muted-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\n\ntype RuleSetRow = {\n id: string\n name: string\n description: string | null\n timezone: string\n updatedAt: string | null\n}\n\ntype RuleSetResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nexport default function PlannerAvailabilityRuleSetsPage() {\n const t = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<RuleSetRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n const [search, setSearch] = React.useState('')\n const [isLoading, setIsLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const labels = React.useMemo(() => ({\n title: t('planner.availabilityRuleSets.page.title', 'Availability schedules'),\n description: t('planner.availabilityRuleSets.page.description', 'Manage shared availability rulesets.'),\n table: {\n name: t('planner.availabilityRuleSets.table.name', 'Name'),\n timezone: t('planner.availabilityRuleSets.table.timezone', 'Timezone'),\n updatedAt: t('planner.availabilityRuleSets.table.updatedAt', 'Updated'),\n empty: t('planner.availabilityRuleSets.table.empty', 'No schedules yet.'),\n search: t('planner.availabilityRuleSets.table.search', 'Search schedules...'),\n },\n actions: {\n add: t('planner.availabilityRuleSets.actions.add', 'New schedule'),\n edit: t('planner.availabilityRuleSets.actions.edit', 'Edit'),\n delete: t('planner.availabilityRuleSets.actions.delete', 'Delete'),\n deleteConfirm: t('planner.availabilityRuleSets.actions.deleteConfirm', 'Delete schedule \"{{name}}\"?'),\n refresh: t('planner.availabilityRuleSets.actions.refresh', 'Refresh'),\n },\n messages: {\n deleted: t('planner.availabilityRuleSets.messages.deleted', 'Schedule deleted.'),\n },\n errors: {\n load: t('planner.availabilityRuleSets.errors.load', 'Failed to load schedules.'),\n delete: t('planner.availabilityRuleSets.errors.delete', 'Failed to delete schedule.'),\n },\n }), [t])\n\n const loadRuleSets = React.useCallback(async () => {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim()) params.set('search', search.trim())\n const payload = await readApiResultOrThrow<RuleSetResponse>(\n `/api/planner/availability-rule-sets?${params.toString()}`,\n undefined,\n { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapRuleSet))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (error) {\n console.error('planner.availability-rule-sets.list', error)\n flash(labels.errors.load, 'error')\n } finally {\n setIsLoading(false)\n }\n }, [labels.errors.load, page, search, sorting])\n\n React.useEffect(() => {\n void loadRuleSets()\n }, [loadRuleSets, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (entry: RuleSetRow) => {\n const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n const confirmed = await confirm({\n title: message,\n variant: 'default',\n })\n if (!confirmed) return\n try {\n await deleteCrud('planner/availability-rule-sets', entry.id, { errorMessage: labels.errors.delete })\n flash(labels.messages.deleted, 'success')\n handleRefresh()\n } catch (error) {\n console.error('planner.availability-rule-sets.delete', error)\n const normalized = normalizeCrudServerError(error)\n flash(normalized.message ?? labels.errors.delete, 'error')\n }\n }, [confirm, handleRefresh, labels.actions.deleteConfirm, labels.errors.delete, labels.messages.deleted])\n\n const columns = React.useMemo<ColumnDef<RuleSetRow>[]>(() => [\n {\n accessorKey: 'name',\n header: labels.table.name,\n meta: { priority: 1, sticky: true },\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_SUBTEXT_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : null}\n </div>\n ),\n },\n {\n accessorKey: 'timezone',\n header: labels.table.timezone,\n meta: { priority: 2 },\n cell: ({ row }) => <span className=\"text-sm\">{row.original.timezone}</span>,\n },\n {\n accessorKey: 'updatedAt',\n header: labels.table.updatedAt,\n meta: { priority: 3 },\n cell: ({ row }) => row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n : <span className=\"text-xs text-muted-foreground\">-</span>,\n },\n ], [labels.table.name, labels.table.timezone, labels.table.updatedAt])\n\n return (\n <Page>\n <PageBody>\n <DataTable<RuleSetRow>\n title={labels.title}\n data={rows}\n columns={columns}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={labels.table.search}\n emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{labels.table.empty}</p>}\n actions={(\n <Button asChild size=\"sm\">\n <Link href=\"/backend/planner/availability-rulesets/create\">\n {labels.actions.add}\n </Link>\n </Button>\n )}\n refreshButton={{\n label: labels.actions.refresh,\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n sortable\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={{\n page,\n pageSize: PAGE_SIZE,\n total,\n totalPages,\n onPageChange: setPage,\n }}\n rowActions={(row) => (\n <RowActions\n items={[\n { id: 'edit', label: labels.actions.edit, href: `/backend/planner/availability-rulesets/${row.id}` },\n { id: 'delete', label: labels.actions.delete, destructive: true, onSelect: () => { void handleDelete(row) } },\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/planner/availability-rulesets/${row.id}`)}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapRuleSet(item: Record<string, unknown>): RuleSetRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' ? item.name : id\n const description = typeof item.description === 'string' ? item.description : null\n const timezone = typeof item.timezone === 'string' ? item.timezone : 'UTC'\n const updatedAt =\n typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null\n return {\n id,\n name,\n description,\n timezone,\n updatedAt,\n }\n}\n\n
|
|
5
|
-
"mappings": ";AAoJQ,SACE,KADF;AAlJR,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAG1B,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AACtB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { PluggableList } from 'unified'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst MARKDOWN_PLUGINS: PluggableList = [remarkGfm]\nconst MARKDOWN_SUBTEXT_CLASSNAME =\n 'line-clamp-2 text-xs text-muted-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\n\ntype RuleSetRow = {\n id: string\n name: string\n description: string | null\n timezone: string\n updatedAt: string | null\n}\n\ntype RuleSetResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nexport default function PlannerAvailabilityRuleSetsPage() {\n const t = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<RuleSetRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n const [search, setSearch] = React.useState('')\n const [isLoading, setIsLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const labels = React.useMemo(() => ({\n title: t('planner.availabilityRuleSets.page.title', 'Availability schedules'),\n description: t('planner.availabilityRuleSets.page.description', 'Manage shared availability rulesets.'),\n table: {\n name: t('planner.availabilityRuleSets.table.name', 'Name'),\n timezone: t('planner.availabilityRuleSets.table.timezone', 'Timezone'),\n updatedAt: t('planner.availabilityRuleSets.table.updatedAt', 'Updated'),\n empty: t('planner.availabilityRuleSets.table.empty', 'No schedules yet.'),\n search: t('planner.availabilityRuleSets.table.search', 'Search schedules...'),\n },\n actions: {\n add: t('planner.availabilityRuleSets.actions.add', 'New schedule'),\n edit: t('planner.availabilityRuleSets.actions.edit', 'Edit'),\n delete: t('planner.availabilityRuleSets.actions.delete', 'Delete'),\n deleteConfirm: t('planner.availabilityRuleSets.actions.deleteConfirm', 'Delete schedule \"{{name}}\"?'),\n refresh: t('planner.availabilityRuleSets.actions.refresh', 'Refresh'),\n },\n messages: {\n deleted: t('planner.availabilityRuleSets.messages.deleted', 'Schedule deleted.'),\n },\n errors: {\n load: t('planner.availabilityRuleSets.errors.load', 'Failed to load schedules.'),\n delete: t('planner.availabilityRuleSets.errors.delete', 'Failed to delete schedule.'),\n },\n }), [t])\n\n const loadRuleSets = React.useCallback(async () => {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim()) params.set('search', search.trim())\n const payload = await readApiResultOrThrow<RuleSetResponse>(\n `/api/planner/availability-rule-sets?${params.toString()}`,\n undefined,\n { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapRuleSet))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (error) {\n console.error('planner.availability-rule-sets.list', error)\n flash(labels.errors.load, 'error')\n } finally {\n setIsLoading(false)\n }\n }, [labels.errors.load, page, search, sorting])\n\n React.useEffect(() => {\n void loadRuleSets()\n }, [loadRuleSets, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (entry: RuleSetRow) => {\n const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n const confirmed = await confirm({\n title: message,\n variant: 'default',\n })\n if (!confirmed) return\n try {\n await deleteCrud('planner/availability-rule-sets', entry.id, { errorMessage: labels.errors.delete })\n flash(labels.messages.deleted, 'success')\n handleRefresh()\n } catch (error) {\n console.error('planner.availability-rule-sets.delete', error)\n const normalized = normalizeCrudServerError(error)\n flash(normalized.message ?? labels.errors.delete, 'error')\n }\n }, [confirm, handleRefresh, labels.actions.deleteConfirm, labels.errors.delete, labels.messages.deleted])\n\n const columns = React.useMemo<ColumnDef<RuleSetRow>[]>(() => [\n {\n accessorKey: 'name',\n header: labels.table.name,\n meta: { priority: 1, sticky: true },\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_SUBTEXT_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : null}\n </div>\n ),\n },\n {\n accessorKey: 'timezone',\n header: labels.table.timezone,\n meta: { priority: 2 },\n cell: ({ row }) => <span className=\"text-sm\">{row.original.timezone}</span>,\n },\n {\n accessorKey: 'updatedAt',\n header: labels.table.updatedAt,\n meta: { priority: 3 },\n cell: ({ row }) => row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n : <span className=\"text-xs text-muted-foreground\">-</span>,\n },\n ], [labels.table.name, labels.table.timezone, labels.table.updatedAt])\n\n return (\n <Page>\n <PageBody>\n <DataTable<RuleSetRow>\n title={labels.title}\n data={rows}\n columns={columns}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={labels.table.search}\n emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{labels.table.empty}</p>}\n actions={(\n <Button asChild size=\"sm\">\n <Link href=\"/backend/planner/availability-rulesets/create\">\n {labels.actions.add}\n </Link>\n </Button>\n )}\n refreshButton={{\n label: labels.actions.refresh,\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n sortable\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={{\n page,\n pageSize: PAGE_SIZE,\n total,\n totalPages,\n onPageChange: setPage,\n }}\n rowActions={(row) => (\n <RowActions\n items={[\n { id: 'edit', label: labels.actions.edit, href: `/backend/planner/availability-rulesets/${row.id}` },\n { id: 'delete', label: labels.actions.delete, destructive: true, onSelect: () => { void handleDelete(row) } },\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/planner/availability-rulesets/${row.id}`)}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapRuleSet(item: Record<string, unknown>): RuleSetRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' ? item.name : id\n const description = typeof item.description === 'string' ? item.description : null\n const timezone = typeof item.timezone === 'string' ? item.timezone : 'UTC'\n const updatedAt =\n typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null\n return withDataTableNamespaces({\n id,\n name,\n description,\n timezone,\n updatedAt,\n }, item)\n}\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,7 +6,7 @@ import Link from "next/link";
|
|
|
6
6
|
import ReactMarkdown from "react-markdown";
|
|
7
7
|
import remarkGfm from "remark-gfm";
|
|
8
8
|
import { Page, PageBody } from "@open-mercato/ui/backend/Page";
|
|
9
|
-
import { DataTable } from "@open-mercato/ui/backend/DataTable";
|
|
9
|
+
import { DataTable, withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
|
|
10
10
|
import { Button } from "@open-mercato/ui/primitives/button";
|
|
11
11
|
import { RowActions } from "@open-mercato/ui/backend/RowActions";
|
|
12
12
|
import { flash } from "@open-mercato/ui/backend/FlashMessages";
|
|
@@ -244,7 +244,7 @@ function mapApiResourceType(item) {
|
|
|
244
244
|
const appearanceColor = typeof item.appearanceColor === "string" ? item.appearanceColor : typeof item.appearance_color === "string" ? item.appearance_color : null;
|
|
245
245
|
const updatedAt = typeof item.updatedAt === "string" ? item.updatedAt : typeof item.updated_at === "string" ? item.updated_at : null;
|
|
246
246
|
const resourceCount = typeof item.resourceCount === "number" ? item.resourceCount : typeof item.resource_count === "number" ? item.resource_count : 0;
|
|
247
|
-
return { id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount };
|
|
247
|
+
return withDataTableNamespaces({ id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount }, item);
|
|
248
248
|
}
|
|
249
249
|
export {
|
|
250
250
|
ResourcesResourceTypesPage as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/resources/backend/resources/resource-types/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { PluggableList } from 'unified'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Package } from 'lucide-react'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst MARKDOWN_PLUGINS: PluggableList = [remarkGfm]\nconst MARKDOWN_DESCRIPTION_CLASSNAME =\n 'text-sm text-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\nconst MARKDOWN_SUBTEXT_CLASSNAME =\n 'text-xs text-muted-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\n\ntype ResourceTypeRow = {\n id: string\n name: string\n description: string | null\n appearanceIcon: string | null\n appearanceColor: string | null\n updatedAt: string | null\n resourceCount: number\n}\n\ntype ResourceTypesResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nexport default function ResourcesResourceTypesPage() {\n const translate = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<ResourceTypeRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n const [search, setSearch] = React.useState('')\n const [isLoading, setIsLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const translations = React.useMemo(() => ({\n title: translate('resources.resourceTypes.page.title', 'Resource types'),\n description: translate('resources.resourceTypes.page.description', 'Organize shared resources by category.'),\n table: {\n name: translate('resources.resourceTypes.table.name', 'Name'),\n description: translate('resources.resourceTypes.table.description', 'Description'),\n appearance: translate('resources.resourceTypes.table.appearance', 'Appearance'),\n resources: translate('resources.resourceTypes.table.resources', 'Resources'),\n updatedAt: translate('resources.resourceTypes.table.updatedAt', 'Updated'),\n empty: translate('resources.resourceTypes.table.empty', 'No resource types yet.'),\n search: translate('resources.resourceTypes.table.search', 'Search resource types\u2026'),\n },\n actions: {\n add: translate('resources.resourceTypes.actions.add', 'Add resource type'),\n edit: translate('resources.resourceTypes.actions.edit', 'Edit'),\n delete: translate('resources.resourceTypes.actions.delete', 'Delete'),\n deleteConfirm: translate('resources.resourceTypes.actions.deleteConfirm', 'Delete resource type \"{{name}}\"?'),\n showResources: translate('resources.resourceTypes.actions.showResources', 'Show resources ({{count}})'),\n refresh: translate('resources.resourceTypes.actions.refresh', 'Refresh'),\n },\n form: {\n createTitle: translate('resources.resourceTypes.form.createTitle', 'Add resource type'),\n editTitle: translate('resources.resourceTypes.form.editTitle', 'Edit resource type'),\n name: translate('resources.resourceTypes.form.name', 'Name'),\n description: translate('resources.resourceTypes.form.description', 'Description'),\n save: translate('resources.resourceTypes.form.save', 'Save'),\n cancel: translate('resources.resourceTypes.form.cancel', 'Cancel'),\n },\n messages: {\n saved: translate('resources.resourceTypes.messages.saved', 'Resource type saved.'),\n deleted: translate('resources.resourceTypes.messages.deleted', 'Resource type deleted.'),\n },\n errors: {\n load: translate('resources.resourceTypes.errors.load', 'Failed to load resource types.'),\n save: translate('resources.resourceTypes.errors.save', 'Failed to save resource type.'),\n delete: translate('resources.resourceTypes.errors.delete', 'Failed to delete resource type.'),\n deleteAssigned: translate('resources.resourceTypes.errors.deleteAssigned', 'Resource type has assigned resources.'),\n },\n }), [translate])\n\n const columns = React.useMemo<ColumnDef<ResourceTypeRow>[]>(() => [\n {\n accessorKey: 'name',\n header: translations.table.name,\n meta: { priority: 1, sticky: true },\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_SUBTEXT_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : null}\n </div>\n ),\n },\n {\n accessorKey: 'appearance',\n header: translations.table.appearance,\n meta: { priority: 2 },\n cell: ({ row }) => {\n const icon = row.original.appearanceIcon\n const color = row.original.appearanceColor\n if (!icon && !color) {\n return <span className=\"text-xs text-muted-foreground\">\u2014</span>\n }\n return (\n <div className=\"flex items-center gap-2\">\n {color ? renderDictionaryColor(color) : null}\n {icon ? renderDictionaryIcon(icon) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'resourceCount',\n header: translations.table.resources,\n meta: { priority: 3 },\n cell: ({ row }) => (\n <Link\n className=\"inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n href={`/backend/resources/resources?resourceTypeId=${encodeURIComponent(row.original.id)}`}\n onClick={(event) => event.stopPropagation()}\n >\n <Package className=\"h-4 w-4\" aria-hidden />\n {translations.actions.showResources.replace('{{count}}', String(row.original.resourceCount))}\n </Link>\n ),\n },\n {\n accessorKey: 'description',\n header: translations.table.description,\n meta: { priority: 5 },\n cell: ({ row }) => row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_DESCRIPTION_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : (\n <span className=\"text-xs text-muted-foreground\">\u2014</span>\n ),\n },\n {\n accessorKey: 'updatedAt',\n header: translations.table.updatedAt,\n meta: { priority: 4 },\n cell: ({ row }) => row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n },\n ], [\n translations.actions.showResources,\n translations.table.appearance,\n translations.table.description,\n translations.table.name,\n translations.table.resources,\n translations.table.updatedAt,\n ])\n\n const loadResourceTypes = React.useCallback(async () => {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim()) {\n params.set('search', search.trim())\n }\n const payload = await readApiResultOrThrow<ResourceTypesResponse>(\n `/api/resources/resource-types?${params.toString()}`,\n undefined,\n { errorMessage: translations.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapApiResourceType))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (error) {\n console.error('resources.resource-types.list', error)\n flash(translations.errors.load, 'error')\n } finally {\n setIsLoading(false)\n }\n }, [page, search, sorting, translations.errors.load])\n\n React.useEffect(() => {\n void loadResourceTypes()\n }, [loadResourceTypes, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (entry: ResourceTypeRow) => {\n if (entry.resourceCount > 0) {\n flash(translations.errors.deleteAssigned, 'error')\n return\n }\n const message = translations.actions.deleteConfirm.replace('{{name}}', entry.name)\n const confirmed = await confirm({\n title: message,\n variant: 'destructive',\n })\n if (!confirmed) return\n try {\n await deleteCrud('resources/resource-types', entry.id, { errorMessage: translations.errors.delete })\n flash(translations.messages.deleted, 'success')\n handleRefresh()\n } catch (error) {\n console.error('resources.resource-types.delete', error)\n flash(translations.errors.delete, 'error')\n }\n }, [confirm, handleRefresh, translations.actions.deleteConfirm, translations.errors.delete, translations.errors.deleteAssigned, translations.messages.deleted])\n\n return (\n <Page>\n <PageBody>\n <DataTable<ResourceTypeRow>\n title={translations.title}\n data={rows}\n columns={columns}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={translations.table.search}\n emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{translations.table.empty}</p>}\n actions={(\n <Button asChild size=\"sm\">\n <Link href=\"/backend/resources/resource-types/create\">\n {translations.actions.add}\n </Link>\n </Button>\n )}\n refreshButton={{\n label: translations.actions.refresh,\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n sortable\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n rowActions={(row) => (\n <RowActions\n items={[\n { id: 'edit', label: translations.actions.edit, href: `/backend/resources/resource-types/${row.id}/edit` },\n ...(row.resourceCount > 0\n ? []\n : [{ id: 'delete', label: translations.actions.delete, destructive: true, onSelect: () => handleDelete(row) }]),\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/resources/resource-types/${row.id}/edit`)}\n perspective={{ tableId: 'resources.resource-types.list' }}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapApiResourceType(item: Record<string, unknown>): ResourceTypeRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' && item.name.length ? item.name : id\n const description = typeof item.description === 'string' && item.description.length\n ? item.description\n : typeof item.description === 'string'\n ? item.description\n : null\n const appearanceIcon = typeof item.appearanceIcon === 'string'\n ? item.appearanceIcon\n : typeof item.appearance_icon === 'string'\n ? item.appearance_icon\n : null\n const appearanceColor = typeof item.appearanceColor === 'string'\n ? item.appearanceColor\n : typeof item.appearance_color === 'string'\n ? item.appearance_color\n : null\n const updatedAt = typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null\n const resourceCount = typeof item.resourceCount === 'number'\n ? item.resourceCount\n : typeof item.resource_count === 'number'\n ? item.resource_count\n : 0\n return { id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount }\n}\n\n\n"],
|
|
5
|
-
"mappings": ";AA0GQ,SACE,KADF;AAxGR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AAGjB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AACtB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport type { PluggableList } from 'unified'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Package } from 'lucide-react'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst MARKDOWN_PLUGINS: PluggableList = [remarkGfm]\nconst MARKDOWN_DESCRIPTION_CLASSNAME =\n 'text-sm text-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\nconst MARKDOWN_SUBTEXT_CLASSNAME =\n 'text-xs text-muted-foreground [&>p]:m-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5'\n\ntype ResourceTypeRow = {\n id: string\n name: string\n description: string | null\n appearanceIcon: string | null\n appearanceColor: string | null\n updatedAt: string | null\n resourceCount: number\n}\n\ntype ResourceTypesResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nexport default function ResourcesResourceTypesPage() {\n const translate = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<ResourceTypeRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n const [search, setSearch] = React.useState('')\n const [isLoading, setIsLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const translations = React.useMemo(() => ({\n title: translate('resources.resourceTypes.page.title', 'Resource types'),\n description: translate('resources.resourceTypes.page.description', 'Organize shared resources by category.'),\n table: {\n name: translate('resources.resourceTypes.table.name', 'Name'),\n description: translate('resources.resourceTypes.table.description', 'Description'),\n appearance: translate('resources.resourceTypes.table.appearance', 'Appearance'),\n resources: translate('resources.resourceTypes.table.resources', 'Resources'),\n updatedAt: translate('resources.resourceTypes.table.updatedAt', 'Updated'),\n empty: translate('resources.resourceTypes.table.empty', 'No resource types yet.'),\n search: translate('resources.resourceTypes.table.search', 'Search resource types\u2026'),\n },\n actions: {\n add: translate('resources.resourceTypes.actions.add', 'Add resource type'),\n edit: translate('resources.resourceTypes.actions.edit', 'Edit'),\n delete: translate('resources.resourceTypes.actions.delete', 'Delete'),\n deleteConfirm: translate('resources.resourceTypes.actions.deleteConfirm', 'Delete resource type \"{{name}}\"?'),\n showResources: translate('resources.resourceTypes.actions.showResources', 'Show resources ({{count}})'),\n refresh: translate('resources.resourceTypes.actions.refresh', 'Refresh'),\n },\n form: {\n createTitle: translate('resources.resourceTypes.form.createTitle', 'Add resource type'),\n editTitle: translate('resources.resourceTypes.form.editTitle', 'Edit resource type'),\n name: translate('resources.resourceTypes.form.name', 'Name'),\n description: translate('resources.resourceTypes.form.description', 'Description'),\n save: translate('resources.resourceTypes.form.save', 'Save'),\n cancel: translate('resources.resourceTypes.form.cancel', 'Cancel'),\n },\n messages: {\n saved: translate('resources.resourceTypes.messages.saved', 'Resource type saved.'),\n deleted: translate('resources.resourceTypes.messages.deleted', 'Resource type deleted.'),\n },\n errors: {\n load: translate('resources.resourceTypes.errors.load', 'Failed to load resource types.'),\n save: translate('resources.resourceTypes.errors.save', 'Failed to save resource type.'),\n delete: translate('resources.resourceTypes.errors.delete', 'Failed to delete resource type.'),\n deleteAssigned: translate('resources.resourceTypes.errors.deleteAssigned', 'Resource type has assigned resources.'),\n },\n }), [translate])\n\n const columns = React.useMemo<ColumnDef<ResourceTypeRow>[]>(() => [\n {\n accessorKey: 'name',\n header: translations.table.name,\n meta: { priority: 1, sticky: true },\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_SUBTEXT_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : null}\n </div>\n ),\n },\n {\n accessorKey: 'appearance',\n header: translations.table.appearance,\n meta: { priority: 2 },\n cell: ({ row }) => {\n const icon = row.original.appearanceIcon\n const color = row.original.appearanceColor\n if (!icon && !color) {\n return <span className=\"text-xs text-muted-foreground\">\u2014</span>\n }\n return (\n <div className=\"flex items-center gap-2\">\n {color ? renderDictionaryColor(color) : null}\n {icon ? renderDictionaryIcon(icon) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'resourceCount',\n header: translations.table.resources,\n meta: { priority: 3 },\n cell: ({ row }) => (\n <Link\n className=\"inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n href={`/backend/resources/resources?resourceTypeId=${encodeURIComponent(row.original.id)}`}\n onClick={(event) => event.stopPropagation()}\n >\n <Package className=\"h-4 w-4\" aria-hidden />\n {translations.actions.showResources.replace('{{count}}', String(row.original.resourceCount))}\n </Link>\n ),\n },\n {\n accessorKey: 'description',\n header: translations.table.description,\n meta: { priority: 5 },\n cell: ({ row }) => row.original.description ? (\n <ReactMarkdown remarkPlugins={MARKDOWN_PLUGINS} className={MARKDOWN_DESCRIPTION_CLASSNAME}>\n {row.original.description}\n </ReactMarkdown>\n ) : (\n <span className=\"text-xs text-muted-foreground\">\u2014</span>\n ),\n },\n {\n accessorKey: 'updatedAt',\n header: translations.table.updatedAt,\n meta: { priority: 4 },\n cell: ({ row }) => row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n },\n ], [\n translations.actions.showResources,\n translations.table.appearance,\n translations.table.description,\n translations.table.name,\n translations.table.resources,\n translations.table.updatedAt,\n ])\n\n const loadResourceTypes = React.useCallback(async () => {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim()) {\n params.set('search', search.trim())\n }\n const payload = await readApiResultOrThrow<ResourceTypesResponse>(\n `/api/resources/resource-types?${params.toString()}`,\n undefined,\n { errorMessage: translations.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapApiResourceType))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (error) {\n console.error('resources.resource-types.list', error)\n flash(translations.errors.load, 'error')\n } finally {\n setIsLoading(false)\n }\n }, [page, search, sorting, translations.errors.load])\n\n React.useEffect(() => {\n void loadResourceTypes()\n }, [loadResourceTypes, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (entry: ResourceTypeRow) => {\n if (entry.resourceCount > 0) {\n flash(translations.errors.deleteAssigned, 'error')\n return\n }\n const message = translations.actions.deleteConfirm.replace('{{name}}', entry.name)\n const confirmed = await confirm({\n title: message,\n variant: 'destructive',\n })\n if (!confirmed) return\n try {\n await deleteCrud('resources/resource-types', entry.id, { errorMessage: translations.errors.delete })\n flash(translations.messages.deleted, 'success')\n handleRefresh()\n } catch (error) {\n console.error('resources.resource-types.delete', error)\n flash(translations.errors.delete, 'error')\n }\n }, [confirm, handleRefresh, translations.actions.deleteConfirm, translations.errors.delete, translations.errors.deleteAssigned, translations.messages.deleted])\n\n return (\n <Page>\n <PageBody>\n <DataTable<ResourceTypeRow>\n title={translations.title}\n data={rows}\n columns={columns}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={translations.table.search}\n emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{translations.table.empty}</p>}\n actions={(\n <Button asChild size=\"sm\">\n <Link href=\"/backend/resources/resource-types/create\">\n {translations.actions.add}\n </Link>\n </Button>\n )}\n refreshButton={{\n label: translations.actions.refresh,\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n sortable\n sorting={sorting}\n onSortingChange={setSorting}\n pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n rowActions={(row) => (\n <RowActions\n items={[\n { id: 'edit', label: translations.actions.edit, href: `/backend/resources/resource-types/${row.id}/edit` },\n ...(row.resourceCount > 0\n ? []\n : [{ id: 'delete', label: translations.actions.delete, destructive: true, onSelect: () => handleDelete(row) }]),\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/resources/resource-types/${row.id}/edit`)}\n perspective={{ tableId: 'resources.resource-types.list' }}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapApiResourceType(item: Record<string, unknown>): ResourceTypeRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' && item.name.length ? item.name : id\n const description = typeof item.description === 'string' && item.description.length\n ? item.description\n : typeof item.description === 'string'\n ? item.description\n : null\n const appearanceIcon = typeof item.appearanceIcon === 'string'\n ? item.appearanceIcon\n : typeof item.appearance_icon === 'string'\n ? item.appearance_icon\n : null\n const appearanceColor = typeof item.appearanceColor === 'string'\n ? item.appearanceColor\n : typeof item.appearance_color === 'string'\n ? item.appearance_color\n : null\n const updatedAt = typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null\n const resourceCount = typeof item.resourceCount === 'number'\n ? item.resourceCount\n : typeof item.resource_count === 'number'\n ? item.resource_count\n : 0\n return withDataTableNamespaces({ id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount }, item)\n}\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
|
4
4
|
import Link from "next/link";
|
|
5
5
|
import { usePathname, useRouter, useSearchParams } from "next/navigation";
|
|
6
6
|
import { Page, PageBody } from "@open-mercato/ui/backend/Page";
|
|
7
|
-
import { DataTable } from "@open-mercato/ui/backend/DataTable";
|
|
7
|
+
import { DataTable, withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
|
|
8
8
|
import { RowActions } from "@open-mercato/ui/backend/RowActions";
|
|
9
9
|
import { Button } from "@open-mercato/ui/primitives/button";
|
|
10
10
|
import { BooleanIcon } from "@open-mercato/ui/backend/ValueIcons";
|
|
@@ -411,7 +411,7 @@ function mapApiResource(item) {
|
|
|
411
411
|
const appearanceIcon = typeof item.appearanceIcon === "string" ? item.appearanceIcon : typeof item.appearance_icon === "string" ? item.appearance_icon : null;
|
|
412
412
|
const appearanceColor = typeof item.appearanceColor === "string" ? item.appearanceColor : typeof item.appearance_color === "string" ? item.appearance_color : null;
|
|
413
413
|
const tags = Array.isArray(item.tags) ? item.tags : [];
|
|
414
|
-
return {
|
|
414
|
+
return withDataTableNamespaces({
|
|
415
415
|
id,
|
|
416
416
|
name,
|
|
417
417
|
resourceTypeId,
|
|
@@ -420,7 +420,7 @@ function mapApiResource(item) {
|
|
|
420
420
|
isActive,
|
|
421
421
|
appearanceIcon,
|
|
422
422
|
appearanceColor
|
|
423
|
-
};
|
|
423
|
+
}, item);
|
|
424
424
|
}
|
|
425
425
|
export {
|
|
426
426
|
ResourcesResourcesPage as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/resources/backend/resources/resources/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport type { FilterDef, FilterOption, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'\nimport type { TagOption } from '@open-mercato/ui/backend/detail'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Pencil } from 'lucide-react'\n\nconst PAGE_SIZE = 20\n\ntype ResourceRow = {\n id: string\n name: string\n resourceTypeId: string | null\n capacity: number | null\n tags?: TagOption[] | null\n isActive: boolean\n appearanceIcon?: string | null\n appearanceColor?: string | null\n}\n\ntype ResourceTypeRow = {\n id: string\n name: string\n appearanceIcon: string | null\n appearanceColor: string | null\n}\n\ntype ResourceGroupRow = {\n id: string\n name: string\n resourceTypeId: string | null\n appearanceIcon: string | null\n appearanceColor: string | null\n rowKind: 'group'\n depth: number\n}\n\ntype ResourceTableRow = (ResourceRow & { rowKind: 'resource'; depth: number }) | ResourceGroupRow\n\ntype ResourcesResponse = {\n items: Array<Record<string, unknown>>\n total: number\n page: number\n totalPages: number\n}\n\ntype ResourceTypesResponse = {\n items: Array<Record<string, unknown>>\n}\n\nexport default function ResourcesResourcesPage() {\n const [rows, setRows] = React.useState<ResourceRow[]>([])\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 [filterValues, setFilterValues] = React.useState<FilterValues>({})\n const [isLoading, setIsLoading] = React.useState(true)\n const [resourceTypes, setResourceTypes] = React.useState<Map<string, ResourceTypeRow>>(new Map())\n const [canManage, setCanManage] = React.useState(false)\n const [tagOptions, setTagOptions] = React.useState<FilterOption[]>([])\n const scopeVersion = useOrganizationScopeVersion()\n const t = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const pathname = usePathname()\n const searchParams = useSearchParams()\n const resourceTypeFilter = searchParams.get('resourceTypeId')\n const selectedResourceTypeId = typeof filterValues.resourceTypeId === 'string'\n ? filterValues.resourceTypeId\n : resourceTypeFilter\n\n React.useEffect(() => {\n setPage(1)\n }, [resourceTypeFilter])\n\n React.useEffect(() => {\n if (!resourceTypeFilter) return\n setFilterValues((prev) => {\n if (prev.resourceTypeId === resourceTypeFilter) return prev\n if (typeof prev.resourceTypeId === 'string' && prev.resourceTypeId.length > 0) return prev\n return { ...prev, resourceTypeId: resourceTypeFilter }\n })\n }, [resourceTypeFilter])\n\n React.useEffect(() => {\n let cancelled = false\n async function loadPermissions() {\n try {\n const call = await apiCall<{ granted?: string[]; ok?: boolean }>('/api/auth/feature-check', {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ features: ['resources.manage_resources'] }),\n })\n if (!cancelled) {\n const granted = Array.isArray(call.result?.granted) ? call.result?.granted : []\n setCanManage(call.result?.ok === true || granted.includes('resources.manage_resources'))\n }\n } catch {\n if (!cancelled) setCanManage(false)\n }\n }\n loadPermissions()\n return () => { cancelled = true }\n }, [])\n\n React.useEffect(() => {\n let cancelled = false\n async function loadResourceTypes() {\n try {\n const params = new URLSearchParams({ page: '1', pageSize: '100' })\n const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const map = new Map<string, ResourceTypeRow>()\n for (const item of items) {\n const raw = item as Record<string, unknown>\n const id = typeof raw.id === 'string' ? raw.id : ''\n const name = typeof raw.name === 'string' ? raw.name : id\n const appearanceIcon = typeof raw.appearanceIcon === 'string'\n ? raw.appearanceIcon\n : typeof raw.appearance_icon === 'string'\n ? raw.appearance_icon\n : null\n const appearanceColor = typeof raw.appearanceColor === 'string'\n ? raw.appearanceColor\n : typeof raw.appearance_color === 'string'\n ? raw.appearance_color\n : null\n map.set(id, {\n id,\n name,\n appearanceIcon,\n appearanceColor,\n })\n }\n if (!cancelled) setResourceTypes(map)\n } catch {\n if (!cancelled) setResourceTypes(new Map())\n }\n }\n loadResourceTypes()\n return () => { cancelled = true }\n }, [scopeVersion])\n\n const loadTagOptions = React.useCallback(\n async (query?: string): Promise<FilterOption[]> => {\n try {\n const params = new URLSearchParams({ pageSize: '100' })\n if (query && query.trim().length) params.set('search', query.trim())\n const call = await apiCall<{ items?: Array<{ id?: string; label?: string; slug?: string }> }>(`/api/resources/tags?${params.toString()}`)\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const options = items\n .map((entry) => {\n const value = typeof entry.id === 'string' ? entry.id : null\n if (!value) return null\n const label = typeof entry.label === 'string' && entry.label.trim().length\n ? entry.label.trim()\n : typeof entry.slug === 'string' && entry.slug.trim().length\n ? entry.slug.trim()\n : value\n return { value, label }\n })\n .filter((option): option is FilterOption => option !== null)\n if (options.length > 0) {\n setTagOptions((prev) => {\n const map = new Map(prev.map((opt) => [opt.value, opt]))\n options.forEach((opt) => map.set(opt.value, opt))\n return Array.from(map.values())\n })\n }\n return options\n } catch {\n return []\n }\n },\n [],\n )\n\n const resourceTypeOptions = React.useMemo<FilterOption[]>(() => {\n const entries = Array.from(resourceTypes.values())\n entries.sort((a, b) => a.name.localeCompare(b.name))\n return entries.map((entry) => ({ value: entry.id, label: entry.name }))\n }, [resourceTypes])\n\n const filters = React.useMemo<FilterDef[]>(() => [\n {\n id: 'resourceTypeId',\n label: t('resources.resources.list.filters.resourceType', 'Resource type'),\n type: 'select',\n options: resourceTypeOptions,\n },\n {\n id: 'tagIds',\n label: t('resources.resources.list.filters.tags', 'Tags'),\n type: 'tags',\n loadOptions: loadTagOptions,\n options: tagOptions,\n },\n ], [loadTagOptions, resourceTypeOptions, tagOptions, t])\n\n const handleFiltersApply = React.useCallback((values: FilterValues) => {\n setFilterValues(values)\n setPage(1)\n\n const params = new URLSearchParams(searchParams?.toString())\n const hasResourceType = typeof values.resourceTypeId === 'string' && values.resourceTypeId.length > 0\n if (!hasResourceType && params.has('resourceTypeId')) {\n params.delete('resourceTypeId')\n const query = params.toString()\n router.replace(query ? `${pathname}?${query}` : pathname)\n }\n }, [pathname, router, searchParams])\n\n const handleFiltersClear = React.useCallback(() => {\n setFilterValues({})\n setPage(1)\n\n const params = new URLSearchParams(searchParams?.toString())\n if (params.has('resourceTypeId')) {\n params.delete('resourceTypeId')\n const query = params.toString()\n router.replace(query ? `${pathname}?${query}` : pathname)\n }\n }, [pathname, router, searchParams])\n\n const groupedRows = React.useMemo(() => {\n const grouped: ResourceTableRow[] = []\n if (!rows.length) return grouped\n const byType = new Map<string, ResourceRow[]>()\n const unassigned: ResourceRow[] = []\n rows.forEach((row) => {\n if (!row.resourceTypeId) {\n unassigned.push(row)\n return\n }\n const list = byType.get(row.resourceTypeId) ?? []\n list.push(row)\n byType.set(row.resourceTypeId, list)\n })\n const typeEntries = Array.from(byType.entries())\n .map(([typeId, list]) => ({\n typeId,\n list,\n type: resourceTypes.get(typeId),\n }))\n .sort((a, b) => {\n const nameA = a.type?.name ?? ''\n const nameB = b.type?.name ?? ''\n return nameA.localeCompare(nameB)\n })\n for (const entry of typeEntries) {\n const label = entry.type?.name ?? t('resources.resources.list.group.unknown', 'Unknown type')\n grouped.push({\n id: `group:${entry.typeId}`,\n name: label,\n resourceTypeId: entry.typeId,\n appearanceIcon: entry.type?.appearanceIcon ?? null,\n appearanceColor: entry.type?.appearanceColor ?? null,\n rowKind: 'group',\n depth: 0,\n })\n entry.list.forEach((resource) => {\n grouped.push({ ...resource, rowKind: 'resource', depth: 1 })\n })\n }\n if (unassigned.length) {\n grouped.push({\n id: 'group:unassigned',\n name: t('resources.resources.list.group.unassigned', 'Unassigned'),\n resourceTypeId: null,\n appearanceIcon: null,\n appearanceColor: null,\n rowKind: 'group',\n depth: 0,\n })\n unassigned.forEach((resource) => {\n grouped.push({ ...resource, rowKind: 'resource', depth: 1 })\n })\n }\n return grouped\n }, [resourceTypes, rows, t])\n\n React.useEffect(() => {\n let cancelled = false\n async function load() {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n if (search) params.set('search', search)\n if (selectedResourceTypeId) params.set('resourceTypeId', selectedResourceTypeId)\n const tagIds = Array.isArray(filterValues.tagIds)\n ? filterValues.tagIds\n .map((value) => (typeof value === 'string' ? value.trim() : String(value || '').trim()))\n .filter((value) => value.length > 0)\n : []\n if (tagIds.length > 0) params.set('tagIds', tagIds.join(','))\n const fallback: ResourcesResponse = { items: [], total: 0, page, totalPages: 1 }\n const call = await apiCall<ResourcesResponse>(`/api/resources/resources?${params.toString()}`, undefined, { fallback })\n if (!call.ok) {\n flash(t('resources.resources.list.error.load', 'Failed to load resources.'), 'error')\n return\n }\n const payload = call.result ?? fallback\n if (!cancelled) {\n const items = Array.isArray(payload.items) ? payload.items : []\n const mapped = items.map(mapApiResource)\n setRows(mapped)\n setTotal(payload.total || 0)\n setTotalPages(payload.totalPages || 1)\n }\n } catch (error) {\n if (!cancelled) {\n const message = error instanceof Error ? error.message : t('resources.resources.list.error.load', 'Failed to load resources.')\n flash(message, 'error')\n }\n } finally {\n if (!cancelled) setIsLoading(false)\n }\n }\n load()\n return () => { cancelled = true }\n }, [filterValues, page, search, scopeVersion, selectedResourceTypeId, t])\n\n const handleDelete = React.useCallback(async (row: ResourceTableRow) => {\n if (row.rowKind !== 'resource') return\n const confirmLabel = t('resources.resources.list.confirmDelete', 'Delete resource \"{name}\"?', { name: row.name })\n const confirmed = await confirm({\n title: confirmLabel,\n variant: 'destructive',\n })\n if (!confirmed) return\n try {\n await deleteCrud('resources/resources', row.id, {\n errorMessage: t('resources.resources.list.error.delete', 'Failed to delete resource.'),\n })\n flash(t('resources.resources.list.flash.deleted', 'Resource deleted.'), 'success')\n setPage(1)\n router.refresh()\n } catch (error) {\n const message = error instanceof Error ? error.message : t('resources.resources.list.error.delete', 'Failed to delete resource.')\n flash(message, 'error')\n }\n }, [confirm, router, t])\n\n const columns = React.useMemo<ColumnDef<ResourceTableRow>[]>(() => [\n {\n accessorKey: 'name',\n header: t('resources.resources.list.columns.name', 'Resource'),\n meta: { priority: 1 },\n cell: ({ row }) => {\n const depth = row.original.depth ?? 0\n const indent = depth > 0 ? 18 : 0\n const isGroup = row.original.rowKind === 'group'\n const showEdit = isGroup && canManage && row.original.resourceTypeId\n return (\n <div className={isGroup ? 'flex items-center justify-between gap-3' : 'flex items-center gap-2'}>\n <span style={{ marginLeft: indent }} className={isGroup ? 'text-sm font-semibold text-foreground' : 'text-sm font-medium text-foreground'}>\n {row.original.name}\n </span>\n {showEdit ? (\n <Button\n asChild\n size=\"icon\"\n variant=\"ghost\"\n className=\"h-7 w-7\"\n title={t('resources.resourceTypes.actions.edit', 'Edit')}\n aria-label={t('resources.resourceTypes.actions.edit', 'Edit')}\n >\n <Link href={`/backend/resources/resource-types/${encodeURIComponent(row.original.resourceTypeId ?? '')}/edit`}>\n <Pencil className=\"h-4 w-4\" />\n </Link>\n </Button>\n ) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'appearance',\n header: t('resources.resources.list.columns.appearance', 'Appearance'),\n meta: { priority: 2 },\n cell: ({ row }) => {\n const isGroup = row.original.rowKind === 'group'\n const typeId = row.original.resourceTypeId ?? ''\n const type = resourceTypes.get(typeId) ?? null\n const icon = isGroup\n ? row.original.appearanceIcon\n : row.original.appearanceIcon ?? type?.appearanceIcon\n const color = isGroup\n ? row.original.appearanceColor\n : row.original.appearanceColor ?? type?.appearanceColor\n if (!icon && !color) {\n return <span className=\"text-xs text-muted-foreground\">\u2014</span>\n }\n return (\n <div className=\"flex items-center gap-2\">\n {color ? renderDictionaryColor(color) : null}\n {icon ? renderDictionaryIcon(icon) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'resourceTypeId',\n header: t('resources.resources.list.columns.type', 'Type'),\n meta: { priority: 3 },\n cell: ({ row }) => {\n if (row.original.rowKind === 'group') return null\n return resourceTypes.get(row.original.resourceTypeId ?? '')?.name || t('resources.resources.list.columns.type.empty', 'Unassigned')\n },\n },\n {\n accessorKey: 'capacity',\n header: t('resources.resources.list.columns.capacity', 'Capacity'),\n meta: { priority: 4 },\n cell: ({ row }) => row.original.rowKind === 'group'\n ? null\n : row.original.capacity ?? t('resources.resources.list.columns.capacity.empty', '-'),\n },\n {\n accessorKey: 'tags',\n header: t('resources.resources.list.columns.tags', 'Tags'),\n meta: { priority: 5 },\n cell: ({ row }) => {\n if (row.original.rowKind === 'group') {\n return null\n }\n const tags = row.original.tags ?? []\n if (!tags.length) return <span className=\"text-xs text-muted-foreground\">{t('resources.resources.list.columns.tags.empty', '-')}</span>\n return (\n <div className=\"flex flex-wrap gap-1\">\n {tags.map((tag) => (\n <span key={tag.id} className=\"rounded-full border px-2 py-0.5 text-xs font-medium\">\n {tag.label}\n </span>\n ))}\n </div>\n )\n },\n },\n {\n accessorKey: 'isActive',\n header: t('resources.resources.list.columns.active', 'Active'),\n meta: { priority: 6 },\n cell: ({ row }) => row.original.rowKind === 'group' ? null : <BooleanIcon value={row.original.isActive} />,\n },\n ], [canManage, resourceTypes, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('resources.resources.page.title', 'Resources')}\n actions={canManage ? (\n <Button asChild>\n <Link href=\"/backend/resources/resources/create\">{t('resources.resources.list.actions.create', 'New resource')}</Link>\n </Button>\n ) : null}\n columns={columns}\n data={groupedRows}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n filters={filters}\n filterValues={filterValues}\n onFiltersApply={handleFiltersApply}\n onFiltersClear={handleFiltersClear}\n perspective={{ tableId: 'resources.resources.list' }}\n rowActions={(row) => {\n if (!canManage || row.rowKind !== 'resource') return null\n return (\n <RowActions items={[\n { id: 'edit', label: t('common.edit', 'Edit'), href: `/backend/resources/resources/${encodeURIComponent(row.id)}` },\n { id: 'delete', label: t('common.delete', 'Delete'), destructive: true, onSelect: () => { void handleDelete(row) } },\n ]} />\n )\n }}\n onRowClick={canManage ? (row) => {\n if (row.rowKind !== 'resource') return\n router.push(`/backend/resources/resources/${encodeURIComponent(row.id)}`)\n } : undefined}\n pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n isLoading={isLoading}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapApiResource(item: Record<string, unknown>): ResourceRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' ? item.name : id\n const resourceTypeId = typeof item.resourceTypeId === 'string'\n ? item.resourceTypeId\n : typeof item.resource_type_id === 'string'\n ? item.resource_type_id\n : null\n const capacity = typeof item.capacity === 'number'\n ? item.capacity\n : typeof item.capacity === 'string'\n ? Number(item.capacity)\n : null\n const isActive = typeof item.isActive === 'boolean'\n ? item.isActive\n : typeof item.is_active === 'boolean'\n ? item.is_active\n : false\n const appearanceIcon = typeof item.appearanceIcon === 'string'\n ? item.appearanceIcon\n : typeof item.appearance_icon === 'string'\n ? item.appearance_icon\n : null\n const appearanceColor = typeof item.appearanceColor === 'string'\n ? item.appearanceColor\n : typeof item.appearance_color === 'string'\n ? item.appearance_color\n : null\n const tags = Array.isArray(item.tags) ? item.tags as TagOption[] : []\n return {\n id,\n name,\n resourceTypeId,\n capacity: Number.isFinite(capacity as number) ? capacity as number : null,\n tags,\n isActive,\n appearanceIcon,\n appearanceColor,\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport type { FilterDef, FilterOption, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'\nimport type { TagOption } from '@open-mercato/ui/backend/detail'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Pencil } from 'lucide-react'\n\nconst PAGE_SIZE = 20\n\ntype ResourceRow = {\n id: string\n name: string\n resourceTypeId: string | null\n capacity: number | null\n tags?: TagOption[] | null\n isActive: boolean\n appearanceIcon?: string | null\n appearanceColor?: string | null\n}\n\ntype ResourceTypeRow = {\n id: string\n name: string\n appearanceIcon: string | null\n appearanceColor: string | null\n}\n\ntype ResourceGroupRow = {\n id: string\n name: string\n resourceTypeId: string | null\n appearanceIcon: string | null\n appearanceColor: string | null\n rowKind: 'group'\n depth: number\n}\n\ntype ResourceTableRow = (ResourceRow & { rowKind: 'resource'; depth: number }) | ResourceGroupRow\n\ntype ResourcesResponse = {\n items: Array<Record<string, unknown>>\n total: number\n page: number\n totalPages: number\n}\n\ntype ResourceTypesResponse = {\n items: Array<Record<string, unknown>>\n}\n\nexport default function ResourcesResourcesPage() {\n const [rows, setRows] = React.useState<ResourceRow[]>([])\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 [filterValues, setFilterValues] = React.useState<FilterValues>({})\n const [isLoading, setIsLoading] = React.useState(true)\n const [resourceTypes, setResourceTypes] = React.useState<Map<string, ResourceTypeRow>>(new Map())\n const [canManage, setCanManage] = React.useState(false)\n const [tagOptions, setTagOptions] = React.useState<FilterOption[]>([])\n const scopeVersion = useOrganizationScopeVersion()\n const t = useT()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n const router = useRouter()\n const pathname = usePathname()\n const searchParams = useSearchParams()\n const resourceTypeFilter = searchParams.get('resourceTypeId')\n const selectedResourceTypeId = typeof filterValues.resourceTypeId === 'string'\n ? filterValues.resourceTypeId\n : resourceTypeFilter\n\n React.useEffect(() => {\n setPage(1)\n }, [resourceTypeFilter])\n\n React.useEffect(() => {\n if (!resourceTypeFilter) return\n setFilterValues((prev) => {\n if (prev.resourceTypeId === resourceTypeFilter) return prev\n if (typeof prev.resourceTypeId === 'string' && prev.resourceTypeId.length > 0) return prev\n return { ...prev, resourceTypeId: resourceTypeFilter }\n })\n }, [resourceTypeFilter])\n\n React.useEffect(() => {\n let cancelled = false\n async function loadPermissions() {\n try {\n const call = await apiCall<{ granted?: string[]; ok?: boolean }>('/api/auth/feature-check', {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ features: ['resources.manage_resources'] }),\n })\n if (!cancelled) {\n const granted = Array.isArray(call.result?.granted) ? call.result?.granted : []\n setCanManage(call.result?.ok === true || granted.includes('resources.manage_resources'))\n }\n } catch {\n if (!cancelled) setCanManage(false)\n }\n }\n loadPermissions()\n return () => { cancelled = true }\n }, [])\n\n React.useEffect(() => {\n let cancelled = false\n async function loadResourceTypes() {\n try {\n const params = new URLSearchParams({ page: '1', pageSize: '100' })\n const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const map = new Map<string, ResourceTypeRow>()\n for (const item of items) {\n const raw = item as Record<string, unknown>\n const id = typeof raw.id === 'string' ? raw.id : ''\n const name = typeof raw.name === 'string' ? raw.name : id\n const appearanceIcon = typeof raw.appearanceIcon === 'string'\n ? raw.appearanceIcon\n : typeof raw.appearance_icon === 'string'\n ? raw.appearance_icon\n : null\n const appearanceColor = typeof raw.appearanceColor === 'string'\n ? raw.appearanceColor\n : typeof raw.appearance_color === 'string'\n ? raw.appearance_color\n : null\n map.set(id, {\n id,\n name,\n appearanceIcon,\n appearanceColor,\n })\n }\n if (!cancelled) setResourceTypes(map)\n } catch {\n if (!cancelled) setResourceTypes(new Map())\n }\n }\n loadResourceTypes()\n return () => { cancelled = true }\n }, [scopeVersion])\n\n const loadTagOptions = React.useCallback(\n async (query?: string): Promise<FilterOption[]> => {\n try {\n const params = new URLSearchParams({ pageSize: '100' })\n if (query && query.trim().length) params.set('search', query.trim())\n const call = await apiCall<{ items?: Array<{ id?: string; label?: string; slug?: string }> }>(`/api/resources/tags?${params.toString()}`)\n const items = Array.isArray(call.result?.items) ? call.result.items : []\n const options = items\n .map((entry) => {\n const value = typeof entry.id === 'string' ? entry.id : null\n if (!value) return null\n const label = typeof entry.label === 'string' && entry.label.trim().length\n ? entry.label.trim()\n : typeof entry.slug === 'string' && entry.slug.trim().length\n ? entry.slug.trim()\n : value\n return { value, label }\n })\n .filter((option): option is FilterOption => option !== null)\n if (options.length > 0) {\n setTagOptions((prev) => {\n const map = new Map(prev.map((opt) => [opt.value, opt]))\n options.forEach((opt) => map.set(opt.value, opt))\n return Array.from(map.values())\n })\n }\n return options\n } catch {\n return []\n }\n },\n [],\n )\n\n const resourceTypeOptions = React.useMemo<FilterOption[]>(() => {\n const entries = Array.from(resourceTypes.values())\n entries.sort((a, b) => a.name.localeCompare(b.name))\n return entries.map((entry) => ({ value: entry.id, label: entry.name }))\n }, [resourceTypes])\n\n const filters = React.useMemo<FilterDef[]>(() => [\n {\n id: 'resourceTypeId',\n label: t('resources.resources.list.filters.resourceType', 'Resource type'),\n type: 'select',\n options: resourceTypeOptions,\n },\n {\n id: 'tagIds',\n label: t('resources.resources.list.filters.tags', 'Tags'),\n type: 'tags',\n loadOptions: loadTagOptions,\n options: tagOptions,\n },\n ], [loadTagOptions, resourceTypeOptions, tagOptions, t])\n\n const handleFiltersApply = React.useCallback((values: FilterValues) => {\n setFilterValues(values)\n setPage(1)\n\n const params = new URLSearchParams(searchParams?.toString())\n const hasResourceType = typeof values.resourceTypeId === 'string' && values.resourceTypeId.length > 0\n if (!hasResourceType && params.has('resourceTypeId')) {\n params.delete('resourceTypeId')\n const query = params.toString()\n router.replace(query ? `${pathname}?${query}` : pathname)\n }\n }, [pathname, router, searchParams])\n\n const handleFiltersClear = React.useCallback(() => {\n setFilterValues({})\n setPage(1)\n\n const params = new URLSearchParams(searchParams?.toString())\n if (params.has('resourceTypeId')) {\n params.delete('resourceTypeId')\n const query = params.toString()\n router.replace(query ? `${pathname}?${query}` : pathname)\n }\n }, [pathname, router, searchParams])\n\n const groupedRows = React.useMemo(() => {\n const grouped: ResourceTableRow[] = []\n if (!rows.length) return grouped\n const byType = new Map<string, ResourceRow[]>()\n const unassigned: ResourceRow[] = []\n rows.forEach((row) => {\n if (!row.resourceTypeId) {\n unassigned.push(row)\n return\n }\n const list = byType.get(row.resourceTypeId) ?? []\n list.push(row)\n byType.set(row.resourceTypeId, list)\n })\n const typeEntries = Array.from(byType.entries())\n .map(([typeId, list]) => ({\n typeId,\n list,\n type: resourceTypes.get(typeId),\n }))\n .sort((a, b) => {\n const nameA = a.type?.name ?? ''\n const nameB = b.type?.name ?? ''\n return nameA.localeCompare(nameB)\n })\n for (const entry of typeEntries) {\n const label = entry.type?.name ?? t('resources.resources.list.group.unknown', 'Unknown type')\n grouped.push({\n id: `group:${entry.typeId}`,\n name: label,\n resourceTypeId: entry.typeId,\n appearanceIcon: entry.type?.appearanceIcon ?? null,\n appearanceColor: entry.type?.appearanceColor ?? null,\n rowKind: 'group',\n depth: 0,\n })\n entry.list.forEach((resource) => {\n grouped.push({ ...resource, rowKind: 'resource', depth: 1 })\n })\n }\n if (unassigned.length) {\n grouped.push({\n id: 'group:unassigned',\n name: t('resources.resources.list.group.unassigned', 'Unassigned'),\n resourceTypeId: null,\n appearanceIcon: null,\n appearanceColor: null,\n rowKind: 'group',\n depth: 0,\n })\n unassigned.forEach((resource) => {\n grouped.push({ ...resource, rowKind: 'resource', depth: 1 })\n })\n }\n return grouped\n }, [resourceTypes, rows, t])\n\n React.useEffect(() => {\n let cancelled = false\n async function load() {\n setIsLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n if (search) params.set('search', search)\n if (selectedResourceTypeId) params.set('resourceTypeId', selectedResourceTypeId)\n const tagIds = Array.isArray(filterValues.tagIds)\n ? filterValues.tagIds\n .map((value) => (typeof value === 'string' ? value.trim() : String(value || '').trim()))\n .filter((value) => value.length > 0)\n : []\n if (tagIds.length > 0) params.set('tagIds', tagIds.join(','))\n const fallback: ResourcesResponse = { items: [], total: 0, page, totalPages: 1 }\n const call = await apiCall<ResourcesResponse>(`/api/resources/resources?${params.toString()}`, undefined, { fallback })\n if (!call.ok) {\n flash(t('resources.resources.list.error.load', 'Failed to load resources.'), 'error')\n return\n }\n const payload = call.result ?? fallback\n if (!cancelled) {\n const items = Array.isArray(payload.items) ? payload.items : []\n const mapped = items.map(mapApiResource)\n setRows(mapped)\n setTotal(payload.total || 0)\n setTotalPages(payload.totalPages || 1)\n }\n } catch (error) {\n if (!cancelled) {\n const message = error instanceof Error ? error.message : t('resources.resources.list.error.load', 'Failed to load resources.')\n flash(message, 'error')\n }\n } finally {\n if (!cancelled) setIsLoading(false)\n }\n }\n load()\n return () => { cancelled = true }\n }, [filterValues, page, search, scopeVersion, selectedResourceTypeId, t])\n\n const handleDelete = React.useCallback(async (row: ResourceTableRow) => {\n if (row.rowKind !== 'resource') return\n const confirmLabel = t('resources.resources.list.confirmDelete', 'Delete resource \"{name}\"?', { name: row.name })\n const confirmed = await confirm({\n title: confirmLabel,\n variant: 'destructive',\n })\n if (!confirmed) return\n try {\n await deleteCrud('resources/resources', row.id, {\n errorMessage: t('resources.resources.list.error.delete', 'Failed to delete resource.'),\n })\n flash(t('resources.resources.list.flash.deleted', 'Resource deleted.'), 'success')\n setPage(1)\n router.refresh()\n } catch (error) {\n const message = error instanceof Error ? error.message : t('resources.resources.list.error.delete', 'Failed to delete resource.')\n flash(message, 'error')\n }\n }, [confirm, router, t])\n\n const columns = React.useMemo<ColumnDef<ResourceTableRow>[]>(() => [\n {\n accessorKey: 'name',\n header: t('resources.resources.list.columns.name', 'Resource'),\n meta: { priority: 1 },\n cell: ({ row }) => {\n const depth = row.original.depth ?? 0\n const indent = depth > 0 ? 18 : 0\n const isGroup = row.original.rowKind === 'group'\n const showEdit = isGroup && canManage && row.original.resourceTypeId\n return (\n <div className={isGroup ? 'flex items-center justify-between gap-3' : 'flex items-center gap-2'}>\n <span style={{ marginLeft: indent }} className={isGroup ? 'text-sm font-semibold text-foreground' : 'text-sm font-medium text-foreground'}>\n {row.original.name}\n </span>\n {showEdit ? (\n <Button\n asChild\n size=\"icon\"\n variant=\"ghost\"\n className=\"h-7 w-7\"\n title={t('resources.resourceTypes.actions.edit', 'Edit')}\n aria-label={t('resources.resourceTypes.actions.edit', 'Edit')}\n >\n <Link href={`/backend/resources/resource-types/${encodeURIComponent(row.original.resourceTypeId ?? '')}/edit`}>\n <Pencil className=\"h-4 w-4\" />\n </Link>\n </Button>\n ) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'appearance',\n header: t('resources.resources.list.columns.appearance', 'Appearance'),\n meta: { priority: 2 },\n cell: ({ row }) => {\n const isGroup = row.original.rowKind === 'group'\n const typeId = row.original.resourceTypeId ?? ''\n const type = resourceTypes.get(typeId) ?? null\n const icon = isGroup\n ? row.original.appearanceIcon\n : row.original.appearanceIcon ?? type?.appearanceIcon\n const color = isGroup\n ? row.original.appearanceColor\n : row.original.appearanceColor ?? type?.appearanceColor\n if (!icon && !color) {\n return <span className=\"text-xs text-muted-foreground\">\u2014</span>\n }\n return (\n <div className=\"flex items-center gap-2\">\n {color ? renderDictionaryColor(color) : null}\n {icon ? renderDictionaryIcon(icon) : null}\n </div>\n )\n },\n },\n {\n accessorKey: 'resourceTypeId',\n header: t('resources.resources.list.columns.type', 'Type'),\n meta: { priority: 3 },\n cell: ({ row }) => {\n if (row.original.rowKind === 'group') return null\n return resourceTypes.get(row.original.resourceTypeId ?? '')?.name || t('resources.resources.list.columns.type.empty', 'Unassigned')\n },\n },\n {\n accessorKey: 'capacity',\n header: t('resources.resources.list.columns.capacity', 'Capacity'),\n meta: { priority: 4 },\n cell: ({ row }) => row.original.rowKind === 'group'\n ? null\n : row.original.capacity ?? t('resources.resources.list.columns.capacity.empty', '-'),\n },\n {\n accessorKey: 'tags',\n header: t('resources.resources.list.columns.tags', 'Tags'),\n meta: { priority: 5 },\n cell: ({ row }) => {\n if (row.original.rowKind === 'group') {\n return null\n }\n const tags = row.original.tags ?? []\n if (!tags.length) return <span className=\"text-xs text-muted-foreground\">{t('resources.resources.list.columns.tags.empty', '-')}</span>\n return (\n <div className=\"flex flex-wrap gap-1\">\n {tags.map((tag) => (\n <span key={tag.id} className=\"rounded-full border px-2 py-0.5 text-xs font-medium\">\n {tag.label}\n </span>\n ))}\n </div>\n )\n },\n },\n {\n accessorKey: 'isActive',\n header: t('resources.resources.list.columns.active', 'Active'),\n meta: { priority: 6 },\n cell: ({ row }) => row.original.rowKind === 'group' ? null : <BooleanIcon value={row.original.isActive} />,\n },\n ], [canManage, resourceTypes, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable\n title={t('resources.resources.page.title', 'Resources')}\n actions={canManage ? (\n <Button asChild>\n <Link href=\"/backend/resources/resources/create\">{t('resources.resources.list.actions.create', 'New resource')}</Link>\n </Button>\n ) : null}\n columns={columns}\n data={groupedRows}\n searchValue={search}\n onSearchChange={(value) => { setSearch(value); setPage(1) }}\n filters={filters}\n filterValues={filterValues}\n onFiltersApply={handleFiltersApply}\n onFiltersClear={handleFiltersClear}\n perspective={{ tableId: 'resources.resources.list' }}\n rowActions={(row) => {\n if (!canManage || row.rowKind !== 'resource') return null\n return (\n <RowActions items={[\n { id: 'edit', label: t('common.edit', 'Edit'), href: `/backend/resources/resources/${encodeURIComponent(row.id)}` },\n { id: 'delete', label: t('common.delete', 'Delete'), destructive: true, onSelect: () => { void handleDelete(row) } },\n ]} />\n )\n }}\n onRowClick={canManage ? (row) => {\n if (row.rowKind !== 'resource') return\n router.push(`/backend/resources/resources/${encodeURIComponent(row.id)}`)\n } : undefined}\n pagination={{ page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage }}\n isLoading={isLoading}\n />\n </PageBody>\n {ConfirmDialogElement}\n </Page>\n )\n}\n\nfunction mapApiResource(item: Record<string, unknown>): ResourceRow {\n const id = typeof item.id === 'string' ? item.id : ''\n const name = typeof item.name === 'string' ? item.name : id\n const resourceTypeId = typeof item.resourceTypeId === 'string'\n ? item.resourceTypeId\n : typeof item.resource_type_id === 'string'\n ? item.resource_type_id\n : null\n const capacity = typeof item.capacity === 'number'\n ? item.capacity\n : typeof item.capacity === 'string'\n ? Number(item.capacity)\n : null\n const isActive = typeof item.isActive === 'boolean'\n ? item.isActive\n : typeof item.is_active === 'boolean'\n ? item.is_active\n : false\n const appearanceIcon = typeof item.appearanceIcon === 'string'\n ? item.appearanceIcon\n : typeof item.appearance_icon === 'string'\n ? item.appearance_icon\n : null\n const appearanceColor = typeof item.appearanceColor === 'string'\n ? item.appearanceColor\n : typeof item.appearance_color === 'string'\n ? item.appearance_color\n : null\n const tags = Array.isArray(item.tags) ? item.tags as TagOption[] : []\n return withDataTableNamespaces({\n id,\n name,\n resourceTypeId,\n capacity: Number.isFinite(capacity as number) ? capacity as number : null,\n tags,\n isActive,\n appearanceIcon,\n appearanceColor,\n }, item)\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
|
4
4
|
import { useRouter } from "next/navigation";
|
|
5
5
|
import Link from "next/link";
|
|
6
6
|
import { Page, PageBody } from "@open-mercato/ui/backend/Page";
|
|
7
|
-
import { DataTable } from "@open-mercato/ui/backend/DataTable";
|
|
7
|
+
import { DataTable, withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
|
|
8
8
|
import { Button } from "@open-mercato/ui/primitives/button";
|
|
9
9
|
import { RowActions } from "@open-mercato/ui/backend/RowActions";
|
|
10
10
|
import { BooleanIcon } from "@open-mercato/ui/backend/ValueIcons";
|
|
@@ -161,7 +161,7 @@ function SalesChannelsPage() {
|
|
|
161
161
|
}
|
|
162
162
|
function mapApiChannel(item) {
|
|
163
163
|
const id = typeof item.id === "string" ? item.id : "";
|
|
164
|
-
return {
|
|
164
|
+
return withDataTableNamespaces({
|
|
165
165
|
id,
|
|
166
166
|
name: typeof item.name === "string" ? item.name : id,
|
|
167
167
|
code: typeof item.code === "string" && item.code.length ? item.code : null,
|
|
@@ -169,7 +169,7 @@ function mapApiChannel(item) {
|
|
|
169
169
|
offerCount: typeof item.offerCount === "number" ? item.offerCount : typeof item.offer_count === "number" ? item.offer_count : 0,
|
|
170
170
|
isActive: item.isActive === true || item.is_active === true,
|
|
171
171
|
updatedAt: typeof item.updatedAt === "string" ? item.updatedAt : typeof item.updated_at === "string" ? item.updated_at : null
|
|
172
|
-
};
|
|
172
|
+
}, item);
|
|
173
173
|
}
|
|
174
174
|
export {
|
|
175
175
|
SalesChannelsPage as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/sales/backend/sales/channels/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelRow = {\n id: string\n name: string\n code: string | null\n description: string | null\n offerCount: number\n isActive: boolean\n updatedAt: string | null\n}\n\ntype ChannelsResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelsPage() {\n const t = useT()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<ChannelRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [search, setSearch] = React.useState('')\n const [isLoading, setLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const columns = React.useMemo<ColumnDef<ChannelRow>[]>(() => [\n {\n accessorKey: 'name',\n header: t('sales.channels.table.name', 'Name'),\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <span className=\"text-xs text-muted-foreground\">{row.original.description}</span>\n ) : null}\n </div>\n ),\n meta: { sticky: true },\n },\n {\n accessorKey: 'code',\n header: t('sales.channels.table.code', 'Code'),\n cell: ({ row }) => row.original.code ? (\n <span className=\"font-mono text-xs\">{row.original.code}</span>\n ) : (\n <span className=\"text-xs text-muted-foreground\">\u2014</span>\n ),\n },\n {\n accessorKey: 'offerCount',\n header: t('sales.channels.table.offers', 'Product offers'),\n cell: ({ row }) => (\n <span className=\"text-sm font-semibold\">{row.original.offerCount}</span>\n ),\n },\n {\n accessorKey: 'isActive',\n header: t('sales.channels.table.active', 'Active'),\n cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n },\n {\n accessorKey: 'updatedAt',\n header: t('sales.channels.table.updated', 'Updated'),\n cell: ({ row }) =>\n row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n },\n ], [t])\n\n const loadChannels = React.useCallback(async () => {\n setLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim().length) {\n params.set('search', search.trim())\n }\n const payload = await readApiResultOrThrow<ChannelsResponse>(\n `/api/sales/channels?${params.toString()}`,\n undefined,\n { errorMessage: t('sales.channels.table.errors.load', 'Failed to load channels.') },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapApiChannel))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (err) {\n console.error('sales.channels.list', err)\n flash(t('sales.channels.table.errors.load', 'Failed to load channels.'), 'error')\n } finally {\n setLoading(false)\n }\n }, [page, search, sorting, t])\n\n React.useEffect(() => {\n void loadChannels()\n }, [loadChannels, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (row: ChannelRow) => {\n try {\n await deleteCrud('sales/channels', row.id, {\n errorMessage: t('sales.channels.table.errors.delete', 'Failed to delete channel.'),\n })\n flash(t('sales.channels.table.messages.deleted', 'Channel deleted.'), 'success')\n handleRefresh()\n } catch (err) {\n console.error('sales.channels.delete', err)\n }\n }, [handleRefresh, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable<ChannelRow>\n title={(\n <div className=\"flex flex-col\">\n <span>{t('sales.channels.nav.title', 'Sales channels')}</span>\n <span className=\"text-sm font-normal text-muted-foreground\">\n {t('sales.channels.table.subtitle', 'Organize catalog offers per marketplace or storefront.')}\n </span>\n </div>\n )}\n actions={(\n <Button asChild>\n <Link href=\"/backend/sales/channels/create\">\n {t('sales.channels.actions.create', 'Add channel')}\n </Link>\n </Button>\n )}\n columns={columns}\n data={rows}\n sorting={sorting}\n onSortingChange={setSorting}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={t('sales.channels.table.search', 'Search channels\u2026')}\n pagination={{\n page,\n pageSize: PAGE_SIZE,\n total,\n totalPages,\n onPageChange: setPage,\n }}\n refreshButton={{\n label: t('sales.channels.table.refresh', 'Refresh'),\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n rowActions={(row) => (\n <RowActions\n items={[\n {\n id: 'edit',\n label: t('sales.channels.table.actions.edit', 'Edit'),\n href: `/backend/sales/channels/${row.id}/edit`,\n },\n {\n id: 'delete',\n label: t('sales.channels.table.actions.delete', 'Delete'),\n onSelect: () => handleDelete(row),\n },\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/sales/channels/${row.id}/edit`)}\n emptyState={\n <div className=\"py-10 text-center text-sm text-muted-foreground\">\n {t('sales.channels.table.empty', 'No channels yet.')}\n </div>\n }\n />\n </PageBody>\n </Page>\n )\n}\n\nfunction mapApiChannel(item: Record<string, unknown>): ChannelRow {\n const id = typeof item.id === 'string' ? item.id : ''\n return {\n id,\n name: typeof item.name === 'string' ? item.name : id,\n code: typeof item.code === 'string' && item.code.length ? item.code : null,\n description: typeof item.description === 'string' && item.description.length ? item.description : null,\n offerCount: typeof item.offerCount === 'number'\n ? item.offerCount\n : typeof item.offer_count === 'number'\n ? item.offer_count\n : 0,\n isActive: item.isActive === true || item.is_active === true,\n updatedAt: typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null,\n }\n}\n"],
|
|
5
|
-
"mappings": ";AAqDQ,SACE,KADF;AAnDR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AAEjB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport Link from 'next/link'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelRow = {\n id: string\n name: string\n code: string | null\n description: string | null\n offerCount: number\n isActive: boolean\n updatedAt: string | null\n}\n\ntype ChannelsResponse = {\n items?: Array<Record<string, unknown>>\n total?: number\n totalPages?: number\n}\n\nconst PAGE_SIZE = 25\n\nexport default function SalesChannelsPage() {\n const t = useT()\n const router = useRouter()\n const scopeVersion = useOrganizationScopeVersion()\n const [rows, setRows] = React.useState<ChannelRow[]>([])\n const [page, setPage] = React.useState(1)\n const [total, setTotal] = React.useState(0)\n const [totalPages, setTotalPages] = React.useState(1)\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [search, setSearch] = React.useState('')\n const [isLoading, setLoading] = React.useState(true)\n const [reloadToken, setReloadToken] = React.useState(0)\n\n const columns = React.useMemo<ColumnDef<ChannelRow>[]>(() => [\n {\n accessorKey: 'name',\n header: t('sales.channels.table.name', 'Name'),\n cell: ({ row }) => (\n <div className=\"flex flex-col\">\n <span className=\"font-medium\">{row.original.name}</span>\n {row.original.description ? (\n <span className=\"text-xs text-muted-foreground\">{row.original.description}</span>\n ) : null}\n </div>\n ),\n meta: { sticky: true },\n },\n {\n accessorKey: 'code',\n header: t('sales.channels.table.code', 'Code'),\n cell: ({ row }) => row.original.code ? (\n <span className=\"font-mono text-xs\">{row.original.code}</span>\n ) : (\n <span className=\"text-xs text-muted-foreground\">\u2014</span>\n ),\n },\n {\n accessorKey: 'offerCount',\n header: t('sales.channels.table.offers', 'Product offers'),\n cell: ({ row }) => (\n <span className=\"text-sm font-semibold\">{row.original.offerCount}</span>\n ),\n },\n {\n accessorKey: 'isActive',\n header: t('sales.channels.table.active', 'Active'),\n cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n },\n {\n accessorKey: 'updatedAt',\n header: t('sales.channels.table.updated', 'Updated'),\n cell: ({ row }) =>\n row.original.updatedAt\n ? <span className=\"text-xs text-muted-foreground\">{new Date(row.original.updatedAt).toLocaleDateString()}</span>\n : <span className=\"text-xs text-muted-foreground\">\u2014</span>,\n },\n ], [t])\n\n const loadChannels = React.useCallback(async () => {\n setLoading(true)\n try {\n const params = new URLSearchParams({\n page: String(page),\n pageSize: String(PAGE_SIZE),\n })\n const sort = sorting[0]\n if (sort?.id) {\n params.set('sortField', sort.id)\n params.set('sortDir', sort.desc ? 'desc' : 'asc')\n }\n if (search.trim().length) {\n params.set('search', search.trim())\n }\n const payload = await readApiResultOrThrow<ChannelsResponse>(\n `/api/sales/channels?${params.toString()}`,\n undefined,\n { errorMessage: t('sales.channels.table.errors.load', 'Failed to load channels.') },\n )\n const items = Array.isArray(payload.items) ? payload.items : []\n setRows(items.map(mapApiChannel))\n setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n } catch (err) {\n console.error('sales.channels.list', err)\n flash(t('sales.channels.table.errors.load', 'Failed to load channels.'), 'error')\n } finally {\n setLoading(false)\n }\n }, [page, search, sorting, t])\n\n React.useEffect(() => {\n void loadChannels()\n }, [loadChannels, scopeVersion, reloadToken])\n\n const handleSearchChange = React.useCallback((value: string) => {\n setSearch(value)\n setPage(1)\n }, [])\n\n const handleRefresh = React.useCallback(() => {\n setReloadToken((token) => token + 1)\n }, [])\n\n const handleDelete = React.useCallback(async (row: ChannelRow) => {\n try {\n await deleteCrud('sales/channels', row.id, {\n errorMessage: t('sales.channels.table.errors.delete', 'Failed to delete channel.'),\n })\n flash(t('sales.channels.table.messages.deleted', 'Channel deleted.'), 'success')\n handleRefresh()\n } catch (err) {\n console.error('sales.channels.delete', err)\n }\n }, [handleRefresh, t])\n\n return (\n <Page>\n <PageBody>\n <DataTable<ChannelRow>\n title={(\n <div className=\"flex flex-col\">\n <span>{t('sales.channels.nav.title', 'Sales channels')}</span>\n <span className=\"text-sm font-normal text-muted-foreground\">\n {t('sales.channels.table.subtitle', 'Organize catalog offers per marketplace or storefront.')}\n </span>\n </div>\n )}\n actions={(\n <Button asChild>\n <Link href=\"/backend/sales/channels/create\">\n {t('sales.channels.actions.create', 'Add channel')}\n </Link>\n </Button>\n )}\n columns={columns}\n data={rows}\n sorting={sorting}\n onSortingChange={setSorting}\n isLoading={isLoading}\n searchValue={search}\n onSearchChange={handleSearchChange}\n searchPlaceholder={t('sales.channels.table.search', 'Search channels\u2026')}\n pagination={{\n page,\n pageSize: PAGE_SIZE,\n total,\n totalPages,\n onPageChange: setPage,\n }}\n refreshButton={{\n label: t('sales.channels.table.refresh', 'Refresh'),\n onRefresh: handleRefresh,\n isRefreshing: isLoading,\n }}\n rowActions={(row) => (\n <RowActions\n items={[\n {\n id: 'edit',\n label: t('sales.channels.table.actions.edit', 'Edit'),\n href: `/backend/sales/channels/${row.id}/edit`,\n },\n {\n id: 'delete',\n label: t('sales.channels.table.actions.delete', 'Delete'),\n onSelect: () => handleDelete(row),\n },\n ]}\n />\n )}\n onRowClick={(row) => router.push(`/backend/sales/channels/${row.id}/edit`)}\n emptyState={\n <div className=\"py-10 text-center text-sm text-muted-foreground\">\n {t('sales.channels.table.empty', 'No channels yet.')}\n </div>\n }\n />\n </PageBody>\n </Page>\n )\n}\n\nfunction mapApiChannel(item: Record<string, unknown>): ChannelRow {\n const id = typeof item.id === 'string' ? item.id : ''\n return withDataTableNamespaces({\n id,\n name: typeof item.name === 'string' ? item.name : id,\n code: typeof item.code === 'string' && item.code.length ? item.code : null,\n description: typeof item.description === 'string' && item.description.length ? item.description : null,\n offerCount: typeof item.offerCount === 'number'\n ? item.offerCount\n : typeof item.offer_count === 'number'\n ? item.offer_count\n : 0,\n isActive: item.isActive === true || item.is_active === true,\n updatedAt: typeof item.updatedAt === 'string'\n ? item.updatedAt\n : typeof item.updated_at === 'string'\n ? item.updated_at\n : null,\n }, item)\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
|
|
2
3
|
function mapOfferRow(item) {
|
|
3
4
|
const product = item.product && typeof item.product === "object" ? item.product : null;
|
|
4
5
|
const prices = Array.isArray(item.prices) ? item.prices : [];
|
|
5
6
|
const productDefaultPrices = Array.isArray(item.productDefaultPrices) ? item.productDefaultPrices : Array.isArray(item.product_default_prices) ? item.product_default_prices : [];
|
|
6
7
|
const productChannelPriceSource = item.productChannelPrice && typeof item.productChannelPrice === "object" ? item.productChannelPrice : item.product_channel_price && typeof item.product_channel_price === "object" ? item.product_channel_price : null;
|
|
7
|
-
return {
|
|
8
|
+
return withDataTableNamespaces({
|
|
8
9
|
id: typeof item.id === "string" ? item.id : "",
|
|
9
10
|
channelId: typeof item.channelId === "string" ? item.channelId : typeof item.channel_id === "string" ? item.channel_id : null,
|
|
10
11
|
title: typeof item.title === "string" && item.title.length ? item.title : "Untitled offer",
|
|
@@ -18,7 +19,7 @@ function mapOfferRow(item) {
|
|
|
18
19
|
productChannelPrice: mapPriceSummary(productChannelPriceSource),
|
|
19
20
|
isActive: item.isActive === true || item.is_active === true,
|
|
20
21
|
updatedAt: typeof item.updatedAt === "string" ? item.updatedAt : typeof item.updated_at === "string" ? item.updated_at : null
|
|
21
|
-
};
|
|
22
|
+
}, item);
|
|
22
23
|
}
|
|
23
24
|
function renderOfferPriceSummary(row, t) {
|
|
24
25
|
if (!row.prices.length) {
|