@btst/stack 3.0.0-rc.1 → 3.0.0-rc.3

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/form-list-page.internal.cjs

@@ -4,7 +4,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const context = require('@btst/stack/context');
-const client = require('@btst/stack/client');
+const hooks = require('@btst/stack/client/hooks');
 const button = require('../../../../../../../ui/src/components/button.cjs');
 const input = require('../../../../../../../ui/src/components/input.cjs');
 const table = require('../../../../../../../ui/src/components/table.cjs');
@@ -14,6 +14,8 @@ const LucideIcons = require('lucide-react');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const emptyState = require('../shared/empty-state.cjs');
 const pagination = require('../shared/pagination.cjs');
+const plugins_formBuilder_permissions = require('../../../../../../../../plugins/form-builder/permissions.cjs');
+const constants = require('../../constants.cjs');
 const formBuilderHooks = require('../../hooks/form-builder-hooks.cjs');
 
 const LIST_STATE_SCHEMA = {
@@ -23,12 +25,13 @@ const SEARCH_DEBOUNCE_MS = 300;
 function FormListPage() {
   const t = context.useTranslate();
   const notify = context.useNotify();
-  const { localization } = context.usePluginOverrides("form-builder");
-  const { router } = context.useStack();
-  const navigate = router?.navigate;
-  const Link = router?.Link;
-  const basePath = context.useBasePath();
-  const [{ q: search }, setListState] = client.useListState(
+  const { localization } = context.usePluginOverrides(
+    constants.FORM_BUILDER_PLUGIN_ID
+  );
+  const { Link, navigate, resolve } = context.usePluginSiteNavigation(
+    constants.FORM_BUILDER_PLUGIN_ID
+  );
+  const [{ q: search }, setListState] = hooks.useListState(
     "form-builder-forms",
     LIST_STATE_SCHEMA
   );
@@ -86,7 +89,7 @@ function FormListPage() {
       }
     );
   };
-  const newFormButton = /* @__PURE__ */ jsxRuntime.jsx(context.CanAccess, { resource: "form-builder:form", action: "create", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(LinkComponent, { href: `${basePath}/forms/new`, children: [
+  const newFormButton = /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission: plugins_formBuilder_permissions.formBuilderPermissions.form.create(), children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(LinkComponent, { href: resolve("forms", "new").href, children: [
     /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "mr-2 h-4 w-4" }),
     localization?.FORM_BUILDER_BUTTON_NEW_FORM ?? t("formBuilder.common.buttonNewForm", "New Form")
   ] }) }) });
@@ -156,17 +159,17 @@ function FormListPage() {
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuContent, { align: "end", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "form-builder:form",
-                    action: "update",
-                    params: { id: form.id },
+                    permission: plugins_formBuilder_permissions.formBuilderPermissions.form.update({
+                      formId: form.id,
+                      ...form.createdBy ? { ownerId: form.createdBy } : {},
+                      status: form.status
+                    }),
                     children: /* @__PURE__ */ jsxRuntime.jsxs(
                       dropdownMenu.DropdownMenuItem,
                       {
-                        onClick: () => navigate?.(
-                          `${basePath}/forms/${form.id}/edit`
-                        ),
+                        onClick: () => navigate("forms", form.id, "edit"),
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Pencil, { className: "mr-2 h-4 w-4" }),
                           localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
@@ -176,17 +179,20 @@ function FormListPage() {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "form-builder:submission",
-                    action: "read",
-                    params: { formId: form.id },
+                    permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read(
+                      {
+                        scope: "collection",
+                        formId: form.id,
+                        formExists: true,
+                        ...form.createdBy ? { ownerId: form.createdBy } : {}
+                      }
+                    ),
                     children: /* @__PURE__ */ jsxRuntime.jsxs(
                       dropdownMenu.DropdownMenuItem,
                       {
-                        onClick: () => navigate?.(
-                          `${basePath}/forms/${form.id}/submissions`
-                        ),
+                        onClick: () => navigate("forms", form.id, "submissions"),
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.FileText, { className: "mr-2 h-4 w-4" }),
                           localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
@@ -199,11 +205,13 @@ function FormListPage() {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "form-builder:form",
-                    action: "delete",
-                    params: { id: form.id },
+                    permission: plugins_formBuilder_permissions.formBuilderPermissions.form.delete({
+                      formId: form.id,
+                      ...form.createdBy ? { ownerId: form.createdBy } : {},
+                      status: form.status
+                    }),
                     children: /* @__PURE__ */ jsxRuntime.jsxs(
                       dropdownMenu.DropdownMenuItem,
                       {

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/form-list-page.internal.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
-import { useTranslate, useNotify, usePluginOverrides, useStack, useBasePath, CanAccess } from '@btst/stack/context';
-import { useListState } from '@btst/stack/client';
+import { useTranslate, useNotify, usePluginOverrides, usePluginSiteNavigation, PermissionAccess } from '@btst/stack/context';
+import { useListState } from '@btst/stack/client/hooks';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { Input } from '../../../../../../../ui/src/components/input.mjs';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../../../../../ui/src/components/table.mjs';
@@ -12,6 +12,8 @@ import { Plus, Search, Loader2, MoreHorizontal, Pencil, FileText, Trash2 } from
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { Pagination } from '../shared/pagination.mjs';
+import { formBuilderPermissions } from '../../../../../../../../plugins/form-builder/permissions.mjs';
+import { FORM_BUILDER_PLUGIN_ID } from '../../constants.mjs';
 import { useSuspenseForms, useForms, useDeleteForm } from '../../hooks/form-builder-hooks.mjs';
 
 const LIST_STATE_SCHEMA = {
@@ -21,11 +23,12 @@ const SEARCH_DEBOUNCE_MS = 300;
 function FormListPage() {
   const t = useTranslate();
   const notify = useNotify();
-  const { localization } = usePluginOverrides("form-builder");
-  const { router } = useStack();
-  const navigate = router?.navigate;
-  const Link = router?.Link;
-  const basePath = useBasePath();
+  const { localization } = usePluginOverrides(
+    FORM_BUILDER_PLUGIN_ID
+  );
+  const { Link, navigate, resolve } = usePluginSiteNavigation(
+    FORM_BUILDER_PLUGIN_ID
+  );
   const [{ q: search }, setListState] = useListState(
     "form-builder-forms",
     LIST_STATE_SCHEMA
@@ -84,7 +87,7 @@ function FormListPage() {
       }
     );
   };
-  const newFormButton = /* @__PURE__ */ jsx(CanAccess, { resource: "form-builder:form", action: "create", children: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(LinkComponent, { href: `${basePath}/forms/new`, children: [
+  const newFormButton = /* @__PURE__ */ jsx(PermissionAccess, { permission: formBuilderPermissions.form.create(), children: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(LinkComponent, { href: resolve("forms", "new").href, children: [
     /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
     localization?.FORM_BUILDER_BUTTON_NEW_FORM ?? t("formBuilder.common.buttonNewForm", "New Form")
   ] }) }) });
@@ -154,17 +157,17 @@ function FormListPage() {
               ] }) }),
               /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
                 /* @__PURE__ */ jsx(
-                  CanAccess,
+                  PermissionAccess,
                   {
-                    resource: "form-builder:form",
-                    action: "update",
-                    params: { id: form.id },
+                    permission: formBuilderPermissions.form.update({
+                      formId: form.id,
+                      ...form.createdBy ? { ownerId: form.createdBy } : {},
+                      status: form.status
+                    }),
                     children: /* @__PURE__ */ jsxs(
                       DropdownMenuItem,
                       {
-                        onClick: () => navigate?.(
-                          `${basePath}/forms/${form.id}/edit`
-                        ),
+                        onClick: () => navigate("forms", form.id, "edit"),
                         children: [
                           /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }),
                           localization?.FORM_BUILDER_LIST_ACTION_EDIT ?? t("formBuilder.list.actionEdit", "Edit")
@@ -174,17 +177,20 @@ function FormListPage() {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  CanAccess,
+                  PermissionAccess,
                   {
-                    resource: "form-builder:submission",
-                    action: "read",
-                    params: { formId: form.id },
+                    permission: formBuilderPermissions.submission.read(
+                      {
+                        scope: "collection",
+                        formId: form.id,
+                        formExists: true,
+                        ...form.createdBy ? { ownerId: form.createdBy } : {}
+                      }
+                    ),
                     children: /* @__PURE__ */ jsxs(
                       DropdownMenuItem,
                       {
-                        onClick: () => navigate?.(
-                          `${basePath}/forms/${form.id}/submissions`
-                        ),
+                        onClick: () => navigate("forms", form.id, "submissions"),
                         children: [
                           /* @__PURE__ */ jsx(FileText, { className: "mr-2 h-4 w-4" }),
                           localization?.FORM_BUILDER_LIST_ACTION_SUBMISSIONS ?? t(
@@ -197,11 +203,13 @@ function FormListPage() {
                   }
                 ),
                 /* @__PURE__ */ jsx(
-                  CanAccess,
+                  PermissionAccess,
                   {
-                    resource: "form-builder:form",
-                    action: "delete",
-                    params: { id: form.id },
+                    permission: formBuilderPermissions.form.delete({
+                      formId: form.id,
+                      ...form.createdBy ? { ownerId: form.createdBy } : {},
+                      status: form.status
+                    }),
                     children: /* @__PURE__ */ jsxs(
                       DropdownMenuItem,
                       {

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/form-list-page.mjs

@@ -6,6 +6,8 @@ import { ComposedRoute } from '@btst/stack/client/components';
 import { DefaultError } from '../shared/default-error.mjs';
 import { FormListSkeleton } from '../loading/form-list-skeleton.mjs';
 import { NotFoundPage } from './404-page.mjs';
+import { formBuilderPermissions } from '../../../../../../../../plugins/form-builder/permissions.mjs';
+import { FORM_BUILDER_PLUGIN_ID } from '../../constants.mjs';
 
 const FormListPage = lazy(
   () => import('./form-list-page.internal.mjs').then((m) => ({
@@ -13,11 +15,14 @@ const FormListPage = lazy(
   }))
 );
 function FormListPageComponent() {
-  const { onRouteError } = usePluginOverrides("form-builder");
+  const { onRouteError } = usePluginOverrides(
+    FORM_BUILDER_PLUGIN_ID
+  );
   return /* @__PURE__ */ jsx(
     ComposedRoute,
     {
       path: "/forms",
+      permission: formBuilderPermissions.form.read({ scope: "collection" }),
       PageComponent: FormListPage,
       ErrorComponent: DefaultError,
       LoadingComponent: FormListSkeleton,

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/submissions-page.cjs

@@ -8,6 +8,9 @@ const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
 const submissionsSkeleton = require('../loading/submissions-skeleton.cjs');
 const _404Page = require('./404-page.cjs');
+const plugins_formBuilder_permissions = require('../../../../../../../../plugins/form-builder/permissions.cjs');
+const constants = require('../../constants.cjs');
+const formBuilderHooks = require('../../hooks/form-builder-hooks.cjs');
 
 const SubmissionsPage = React.lazy(
   () => import('./submissions-page.internal.cjs').then((m) => ({
@@ -15,21 +18,18 @@ const SubmissionsPage = React.lazy(
   }))
 );
 function SubmissionsPageComponent({ formId }) {
-  const { onRouteError } = context.usePluginOverrides("form-builder");
+  const { onRouteError } = context.usePluginOverrides(
+    constants.FORM_BUILDER_PLUGIN_ID
+  );
   const path = `/forms/${formId}/submissions`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.ComposedRoute,
     {
       path,
-      PageComponent: SubmissionsPage,
+      PageComponent: AuthorizedSubmissionsPage,
       ErrorComponent: defaultError.DefaultError,
       LoadingComponent: submissionsSkeleton.SubmissionsSkeleton,
       NotFoundComponent: _404Page.NotFoundPage,
-      permission: {
-        resource: "form-builder:submission",
-        action: "read",
-        params: { formId }
-      },
       props: { formId },
       onError: (error) => {
         if (onRouteError) {
@@ -43,5 +43,22 @@ function SubmissionsPageComponent({ formId }) {
     }
   );
 }
+function AuthorizedSubmissionsPage({ formId }) {
+  const { form } = formBuilderHooks.useSuspenseSubmissions(formId);
+  if (!form) return /* @__PURE__ */ jsxRuntime.jsx(_404Page.NotFoundPage, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.PermissionRouteAccess,
+    {
+      permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read({
+        scope: "collection",
+        formId,
+        formExists: form !== null,
+        ...form?.createdBy ? { ownerId: form.createdBy } : {}
+      }),
+      LoadingComponent: submissionsSkeleton.SubmissionsSkeleton,
+      children: /* @__PURE__ */ jsxRuntime.jsx(SubmissionsPage, { formId })
+    }
+  );
+}
 
 exports.SubmissionsPageComponent = SubmissionsPageComponent;

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/submissions-page.internal.cjs

@@ -12,20 +12,32 @@ const LucideIcons = require('lucide-react');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const emptyState = require('../shared/empty-state.cjs');
 const pagination = require('../shared/pagination.cjs');
+const plugins_formBuilder_permissions = require('../../../../../../../../plugins/form-builder/permissions.cjs');
+const constants = require('../../constants.cjs');
 const formBuilderHooks = require('../../hooks/form-builder-hooks.cjs');
 
 function SubmissionsPage({ formId }) {
   const t = context.useTranslate();
   const notify = context.useNotify();
-  const { localization } = context.usePluginOverrides("form-builder");
-  const { router } = context.useStack();
-  const basePath = context.useBasePath();
-  const { form } = formBuilderHooks.useSuspenseFormById(formId);
-  const { submissions, total, hasMore, isLoadingMore, loadMore } = formBuilderHooks.useSuspenseSubmissions(formId);
+  const { localization } = context.usePluginOverrides(
+    constants.FORM_BUILDER_PLUGIN_ID
+  );
+  const { identity } = context.useIdentity();
+  const { Link: LinkComponent, resolve } = context.usePluginSiteNavigation(
+    constants.FORM_BUILDER_PLUGIN_ID
+  );
+  const { form, submissions, total, hasMore, isLoadingMore, loadMore } = formBuilderHooks.useSuspenseSubmissions(formId);
   const deleteMutation = formBuilderHooks.useDeleteSubmission(formId);
   const [deleteId, setDeleteId] = React.useState(null);
-  const [viewSubmission, setViewSubmission] = React.useState(null);
-  const LinkComponent = router?.Link ?? "a";
+  const [viewSubmissionId, setViewSubmissionId] = React.useState(null);
+  const {
+    submission: viewSubmission,
+    isLoading: isViewLoading,
+    error: viewError
+  } = formBuilderHooks.useSubmission(formId, viewSubmissionId ?? void 0);
+  React.useEffect(() => {
+    setViewSubmissionId(null);
+  }, [identity]);
   const handleDelete = async () => {
     if (!deleteId) return;
     try {
@@ -44,18 +56,10 @@ function SubmissionsPage({ formId }) {
     );
     setDeleteId(null);
   };
-  const formatSubmissionData = (data) => {
-    const entries = Object.entries(data).slice(0, 3);
-    return entries.map(([key, value]) => {
-      const strValue = typeof value === "string" ? value : JSON.stringify(value);
-      const truncated = strValue.length > 30 ? `${strValue.slice(0, 30)}...` : strValue;
-      return `${key}: ${truncated}`;
-    }).join(", ");
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs(pageWrapper.PageWrapper, { testId: "submissions-page", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl space-y-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/forms`, children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ArrowLeft, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: resolve("forms").href, children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ArrowLeft, { className: "h-4 w-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: form?.name || (localization?.FORM_BUILDER_SUBMISSIONS_TITLE ?? t("formBuilder.submissions.title", "Submissions")) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: localization?.FORM_BUILDER_SUBMISSIONS_SUBTITLE ?? t("formBuilder.submissions.subtitle", "View form submissions") })
@@ -74,15 +78,10 @@ function SubmissionsPage({ formId }) {
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxRuntime.jsxs(table.Table, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(table.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ID ?? t("formBuilder.submissions.columnId", "ID") }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_DATA ?? t("formBuilder.submissions.columnData", "Data") }),
             /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_SUBMITTED_AT ?? t(
               "formBuilder.submissions.columnSubmittedAt",
               "Submitted"
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_IP_ADDRESS ?? t(
-              "formBuilder.submissions.columnIpAddress",
-              "IP Address"
-            ) }),
             /* @__PURE__ */ jsxRuntime.jsx(table.TableHead, { className: "w-24", children: localization?.FORM_BUILDER_SUBMISSIONS_COLUMN_ACTIONS ?? t("formBuilder.submissions.columnActions", "Actions") })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(table.TableBody, { children: submissions.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(table.TableRow, { children: [
@@ -90,28 +89,48 @@ function SubmissionsPage({ formId }) {
               sub.id.slice(0, 8),
               "..."
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "max-w-xs truncate text-sm text-muted-foreground", children: formatSubmissionData(sub.parsedData ?? {}) }),
             /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground", children: new Date(sub.submittedAt).toLocaleString() }),
-            /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { className: "text-muted-foreground font-mono text-xs", children: sub.ipAddress || "-" }),
             /* @__PURE__ */ jsxRuntime.jsx(table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                button.Button,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                context.PermissionAccess,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: () => setViewSubmission(sub),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Eye, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t("formBuilder.submissions.actionView", "View") })
-                  ]
+                  permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.read({
+                    scope: "record",
+                    formId,
+                    submissionId: sub.id,
+                    exists: true,
+                    ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                    ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: () => setViewSubmissionId(sub.id),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Eye, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: localization?.FORM_BUILDER_SUBMISSIONS_ACTION_VIEW ?? t(
+                          "formBuilder.submissions.actionView",
+                          "View"
+                        ) })
+                      ]
+                    }
+                  )
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                context.CanAccess,
+                context.PermissionAccess,
                 {
-                  resource: "form-builder:submission",
-                  action: "delete",
-                  params: { formId, id: sub.id },
+                  permission: plugins_formBuilder_permissions.formBuilderPermissions.submission.delete(
+                    {
+                      formId,
+                      submissionId: sub.id,
+                      exists: true,
+                      ...form?.createdBy ? { ownerId: form.createdBy } : {},
+                      ...sub.submittedBy ? { submittedBy: sub.submittedBy } : {}
+                    }
+                  ),
                   children: /* @__PURE__ */ jsxRuntime.jsxs(
                     button.Button,
                     {
@@ -156,11 +175,24 @@ function SubmissionsPage({ formId }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       dialog.Dialog,
       {
-        open: !!viewSubmission,
-        onOpenChange: () => setViewSubmission(null),
+        open: !!viewSubmissionId,
+        onOpenChange: (open) => {
+          if (!open) setViewSubmissionId(null);
+        },
         children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-2xl max-h-[80vh] overflow-auto", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: localization?.FORM_BUILDER_SUBMISSIONS_DETAILS_TITLE ?? t("formBuilder.submissions.detailsTitle", "Submission Details") }) }),
-          viewSubmission && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: localization?.FORM_BUILDER_SUBMISSIONS_DETAILS_TITLE ?? t("formBuilder.submissions.detailsTitle", "Submission Details") }),
+            /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { className: "sr-only", children: t(
+              "formBuilder.submissions.detailsDescription",
+              "Submitted form data and request metadata."
+            ) })
+          ] }),
+          isViewLoading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: localization?.FORM_BUILDER_STATUS_LOADING ?? t("formBuilder.common.statusLoading", "Loading...") }),
+          viewError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: localization?.FORM_BUILDER_TOAST_ERROR ?? t(
+            "formBuilder.toasts.error",
+            "An error occurred. Please try again."
+          ) }),
+          !isViewLoading && !viewError && viewSubmission && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: localization?.FORM_BUILDER_SUBMISSIONS_FIELD_ID ?? t("formBuilder.submissions.fieldId", "ID:") }),