@btst/stack 2.12.2 → 3.0.0-rc.2

package/dist/packages/stack/src/plugins/comments/client/components/pages/resource-comments-page.internal.cjs

@@ -9,22 +9,21 @@ const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const avatar = require('../../../../../../../ui/src/components/avatar.cjs');
 const LucideIcons = require('lucide-react');
 const dateFns = require('date-fns');
-const sonner = require('sonner');
-const index = require('../../localization/index.cjs');
+const context = require('@btst/stack/context');
 const utils = require('../../utils.cjs');
 
 function ResourceCommentsPage({
   resourceId,
   resourceType,
-  apiBaseURL,
-  apiBasePath,
-  headers,
-  currentUserId,
-  loginHref,
-  localization: localizationProp
+  localization
 }) {
-  const loc = { ...index.COMMENTS_LOCALIZATION, ...localizationProp };
-  const config = { apiBaseURL, apiBasePath, headers };
+  const t = context.useTranslate();
+  const notify = context.useNotify();
+  const { api } = context.useStack();
+  const config = {
+    apiBaseURL: api?.baseURL ?? "",
+    apiBasePath: api?.basePath ?? ""
+  };
   const {
     comments: pendingComments,
     total: pendingTotal,
@@ -39,29 +38,42 @@ function ResourceCommentsPage({
   const handleApprove = async (id) => {
     try {
       await updateStatus.mutateAsync({ id, status: "approved" });
-      sonner.toast.success(loc.COMMENTS_RESOURCE_TOAST_APPROVED);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_APPROVED ?? t("comments.resource.toastApproved", "Comment approved")
+      );
       refetch();
     } catch {
-      sonner.toast.error(loc.COMMENTS_RESOURCE_TOAST_APPROVE_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_APPROVE_ERROR ?? t("comments.resource.toastApproveError", "Failed to approve")
+      );
     }
   };
   const handleSpam = async (id) => {
     try {
       await updateStatus.mutateAsync({ id, status: "spam" });
-      sonner.toast.success(loc.COMMENTS_RESOURCE_TOAST_SPAM);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_SPAM ?? t("comments.resource.toastSpam", "Marked as spam")
+      );
       refetch();
     } catch {
-      sonner.toast.error(loc.COMMENTS_RESOURCE_TOAST_SPAM_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_SPAM_ERROR ?? t("comments.resource.toastSpamError", "Failed to update")
+      );
     }
   };
   const handleDelete = async (id) => {
-    if (!window.confirm(loc.COMMENTS_RESOURCE_DELETE_CONFIRM)) return;
+    const confirmMessage = localization?.COMMENTS_RESOURCE_DELETE_CONFIRM ?? t("comments.resource.deleteConfirm", "Delete this comment?");
+    if (!window.confirm(confirmMessage)) return;
     try {
       await deleteMutation.mutateAsync(id);
-      sonner.toast.success(loc.COMMENTS_RESOURCE_TOAST_DELETED);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_DELETED ?? t("comments.resource.toastDeleted", "Comment deleted")
+      );
       refetch();
     } catch {
-      sonner.toast.error(loc.COMMENTS_RESOURCE_TOAST_DELETE_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_DELETE_ERROR ?? t("comments.resource.toastDeleteError", "Failed to delete")
+      );
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -71,7 +83,7 @@ function ResourceCommentsPage({
       "data-testid": "resource-comments-page",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: loc.COMMENTS_RESOURCE_TITLE }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: localization?.COMMENTS_RESOURCE_TITLE ?? t("comments.resource.title", "Comments") }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-sm mt-1", children: [
             resourceType,
             "/",
@@ -80,14 +92,14 @@ function ResourceCommentsPage({
         ] }),
         pendingTotal > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-base font-semibold flex items-center gap-2", children: [
-            loc.COMMENTS_RESOURCE_PENDING_SECTION,
+            localization?.COMMENTS_RESOURCE_PENDING_SECTION ?? t("comments.resource.pendingSection", "Pending Review"),
             /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { variant: "secondary", children: pendingTotal })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border rounded-lg border", children: pendingComments.map((comment) => /* @__PURE__ */ jsxRuntime.jsx(
             PendingCommentRow,
             {
               comment,
-              loc,
+              localization,
               onApprove: () => handleApprove(comment.id),
               onSpam: () => handleSpam(comment.id),
               onDelete: () => handleDelete(comment.id),
@@ -98,18 +110,13 @@ function ResourceCommentsPage({
           )) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold mb-4", children: loc.COMMENTS_RESOURCE_THREAD_SECTION }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold mb-4", children: localization?.COMMENTS_RESOURCE_THREAD_SECTION ?? t("comments.resource.threadSection", "Thread") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             commentThread.CommentThread,
             {
               resourceId,
               resourceType,
-              apiBaseURL,
-              apiBasePath,
-              headers,
-              currentUserId,
-              loginHref,
-              localization: loc
+              localization
             }
           )
         ] })
@@ -119,13 +126,14 @@ function ResourceCommentsPage({
 }
 function PendingCommentRow({
   comment,
-  loc,
+  localization,
   onApprove,
   onSpam,
   onDelete,
   isUpdating,
   isDeleting
 }) {
+  const t = context.useTranslate();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 p-4", "data-testid": "pending-comment-row", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "h-8 w-8 shrink-0 mt-0.5", children: [
       comment.resolvedAvatarUrl && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: comment.resolvedAvatarUrl }),
@@ -140,47 +148,71 @@ function PendingCommentRow({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm whitespace-pre-wrap break-words", children: comment.body }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 mt-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          button.Button,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context.CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-green-600 border-green-200 hover:bg-green-50",
-            onClick: onApprove,
-            disabled: isUpdating,
-            "data-testid": "approve-button",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_APPROVE
-            ]
+            resource: "comments:comment",
+            action: "moderate",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-green-600 border-green-200 hover:bg-green-50",
+                onClick: onApprove,
+                disabled: isUpdating,
+                "data-testid": "approve-button",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_APPROVE ?? t("comments.resource.actionApprove", "Approve")
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          button.Button,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context.CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-orange-500 border-orange-200 hover:bg-orange-50",
-            onClick: onSpam,
-            disabled: isUpdating,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShieldOff, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_SPAM
-            ]
+            resource: "comments:comment",
+            action: "moderate",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-orange-500 border-orange-200 hover:bg-orange-50",
+                onClick: onSpam,
+                disabled: isUpdating,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShieldOff, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_SPAM ?? t("comments.resource.actionSpam", "Spam")
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          button.Button,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context.CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-destructive border-destructive/30 hover:bg-destructive/5",
-            onClick: onDelete,
-            disabled: isDeleting,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_DELETE
-            ]
+            resource: "comments:comment",
+            action: "delete",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              button.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-destructive border-destructive/30 hover:bg-destructive/5",
+                onClick: onDelete,
+                disabled: isDeleting,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_DELETE ?? t("comments.resource.actionDelete", "Delete")
+                ]
+              }
+            )
           }
         )
       ] })

package/dist/packages/stack/src/plugins/comments/client/components/pages/resource-comments-page.internal.mjs

@@ -7,22 +7,21 @@ import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { Avatar, AvatarImage, AvatarFallback } from '../../../../../../../ui/src/components/avatar.mjs';
 import { CheckCircle, ShieldOff, Trash2 } from 'lucide-react';
 import { formatDistanceToNow } from 'date-fns';
-import { toast } from 'sonner';
-import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
+import { useTranslate, useNotify, useStack, CanAccess } from '@btst/stack/context';
 import { getInitials } from '../../utils.mjs';
 
 function ResourceCommentsPage({
   resourceId,
   resourceType,
-  apiBaseURL,
-  apiBasePath,
-  headers,
-  currentUserId,
-  loginHref,
-  localization: localizationProp
+  localization
 }) {
-  const loc = { ...COMMENTS_LOCALIZATION, ...localizationProp };
-  const config = { apiBaseURL, apiBasePath, headers };
+  const t = useTranslate();
+  const notify = useNotify();
+  const { api } = useStack();
+  const config = {
+    apiBaseURL: api?.baseURL ?? "",
+    apiBasePath: api?.basePath ?? ""
+  };
   const {
     comments: pendingComments,
     total: pendingTotal,
@@ -37,29 +36,42 @@ function ResourceCommentsPage({
   const handleApprove = async (id) => {
     try {
       await updateStatus.mutateAsync({ id, status: "approved" });
-      toast.success(loc.COMMENTS_RESOURCE_TOAST_APPROVED);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_APPROVED ?? t("comments.resource.toastApproved", "Comment approved")
+      );
       refetch();
     } catch {
-      toast.error(loc.COMMENTS_RESOURCE_TOAST_APPROVE_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_APPROVE_ERROR ?? t("comments.resource.toastApproveError", "Failed to approve")
+      );
     }
   };
   const handleSpam = async (id) => {
     try {
       await updateStatus.mutateAsync({ id, status: "spam" });
-      toast.success(loc.COMMENTS_RESOURCE_TOAST_SPAM);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_SPAM ?? t("comments.resource.toastSpam", "Marked as spam")
+      );
       refetch();
     } catch {
-      toast.error(loc.COMMENTS_RESOURCE_TOAST_SPAM_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_SPAM_ERROR ?? t("comments.resource.toastSpamError", "Failed to update")
+      );
     }
   };
   const handleDelete = async (id) => {
-    if (!window.confirm(loc.COMMENTS_RESOURCE_DELETE_CONFIRM)) return;
+    const confirmMessage = localization?.COMMENTS_RESOURCE_DELETE_CONFIRM ?? t("comments.resource.deleteConfirm", "Delete this comment?");
+    if (!window.confirm(confirmMessage)) return;
     try {
       await deleteMutation.mutateAsync(id);
-      toast.success(loc.COMMENTS_RESOURCE_TOAST_DELETED);
+      notify.success(
+        localization?.COMMENTS_RESOURCE_TOAST_DELETED ?? t("comments.resource.toastDeleted", "Comment deleted")
+      );
       refetch();
     } catch {
-      toast.error(loc.COMMENTS_RESOURCE_TOAST_DELETE_ERROR);
+      notify.error(
+        localization?.COMMENTS_RESOURCE_TOAST_DELETE_ERROR ?? t("comments.resource.toastDeleteError", "Failed to delete")
+      );
     }
   };
   return /* @__PURE__ */ jsxs(
@@ -69,7 +81,7 @@ function ResourceCommentsPage({
       "data-testid": "resource-comments-page",
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: loc.COMMENTS_RESOURCE_TITLE }),
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: localization?.COMMENTS_RESOURCE_TITLE ?? t("comments.resource.title", "Comments") }),
           /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-sm mt-1", children: [
             resourceType,
             "/",
@@ -78,14 +90,14 @@ function ResourceCommentsPage({
         ] }),
         pendingTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("h2", { className: "text-base font-semibold flex items-center gap-2", children: [
-            loc.COMMENTS_RESOURCE_PENDING_SECTION,
+            localization?.COMMENTS_RESOURCE_PENDING_SECTION ?? t("comments.resource.pendingSection", "Pending Review"),
             /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: pendingTotal })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border", children: pendingComments.map((comment) => /* @__PURE__ */ jsx(
             PendingCommentRow,
             {
               comment,
-              loc,
+              localization,
               onApprove: () => handleApprove(comment.id),
               onSpam: () => handleSpam(comment.id),
               onDelete: () => handleDelete(comment.id),
@@ -96,18 +108,13 @@ function ResourceCommentsPage({
           )) })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-4", children: loc.COMMENTS_RESOURCE_THREAD_SECTION }),
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-4", children: localization?.COMMENTS_RESOURCE_THREAD_SECTION ?? t("comments.resource.threadSection", "Thread") }),
           /* @__PURE__ */ jsx(
             CommentThread,
             {
               resourceId,
               resourceType,
-              apiBaseURL,
-              apiBasePath,
-              headers,
-              currentUserId,
-              loginHref,
-              localization: loc
+              localization
             }
           )
         ] })
@@ -117,13 +124,14 @@ function ResourceCommentsPage({
 }
 function PendingCommentRow({
   comment,
-  loc,
+  localization,
   onApprove,
   onSpam,
   onDelete,
   isUpdating,
   isDeleting
 }) {
+  const t = useTranslate();
   return /* @__PURE__ */ jsxs("div", { className: "flex gap-3 p-4", "data-testid": "pending-comment-row", children: [
     /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 shrink-0 mt-0.5", children: [
       comment.resolvedAvatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: comment.resolvedAvatarUrl }),
@@ -138,47 +146,71 @@ function PendingCommentRow({
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-sm whitespace-pre-wrap break-words", children: comment.body }),
       /* @__PURE__ */ jsxs("div", { className: "flex gap-1 mt-2", children: [
-        /* @__PURE__ */ jsxs(
-          Button,
+        /* @__PURE__ */ jsx(
+          CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-green-600 border-green-200 hover:bg-green-50",
-            onClick: onApprove,
-            disabled: isUpdating,
-            "data-testid": "approve-button",
-            children: [
-              /* @__PURE__ */ jsx(CheckCircle, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_APPROVE
-            ]
+            resource: "comments:comment",
+            action: "moderate",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-green-600 border-green-200 hover:bg-green-50",
+                onClick: onApprove,
+                disabled: isUpdating,
+                "data-testid": "approve-button",
+                children: [
+                  /* @__PURE__ */ jsx(CheckCircle, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_APPROVE ?? t("comments.resource.actionApprove", "Approve")
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ jsxs(
-          Button,
+        /* @__PURE__ */ jsx(
+          CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-orange-500 border-orange-200 hover:bg-orange-50",
-            onClick: onSpam,
-            disabled: isUpdating,
-            children: [
-              /* @__PURE__ */ jsx(ShieldOff, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_SPAM
-            ]
+            resource: "comments:comment",
+            action: "moderate",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-orange-500 border-orange-200 hover:bg-orange-50",
+                onClick: onSpam,
+                disabled: isUpdating,
+                children: [
+                  /* @__PURE__ */ jsx(ShieldOff, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_SPAM ?? t("comments.resource.actionSpam", "Spam")
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ jsxs(
-          Button,
+        /* @__PURE__ */ jsx(
+          CanAccess,
           {
-            size: "sm",
-            variant: "outline",
-            className: "h-7 text-xs text-destructive border-destructive/30 hover:bg-destructive/5",
-            onClick: onDelete,
-            disabled: isDeleting,
-            children: [
-              /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5 mr-1" }),
-              loc.COMMENTS_RESOURCE_ACTION_DELETE
-            ]
+            resource: "comments:comment",
+            action: "delete",
+            params: { id: comment.id },
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                className: "h-7 text-xs text-destructive border-destructive/30 hover:bg-destructive/5",
+                onClick: onDelete,
+                disabled: isDeleting,
+                children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5 mr-1" }),
+                  localization?.COMMENTS_RESOURCE_ACTION_DELETE ?? t("comments.resource.actionDelete", "Delete")
+                ]
+              }
+            )
           }
         )
       ] })

package/dist/packages/stack/src/plugins/comments/client/components/pages/resource-comments-page.mjs

@@ -3,10 +3,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { ComposedRoute } from '@btst/stack/client/components';
 import { usePluginOverrides } from '@btst/stack/context';
-import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
-import { useResolvedCurrentUserId } from '../../utils.mjs';
 
 const ResourceCommentsPageInternal = lazy(
   () => import('./resource-comments-page.internal.mjs').then((m) => ({
@@ -45,8 +43,6 @@ function ResourceCommentsPageWrapper({
   resourceType
 }) {
   const overrides = usePluginOverrides("comments");
-  const loc = { ...COMMENTS_LOCALIZATION, ...overrides.localization };
-  const resolvedUserId = useResolvedCurrentUserId(overrides.currentUserId);
   useRouteLifecycle({
     routeName: "resourceComments",
     context: {
@@ -54,29 +50,14 @@ function ResourceCommentsPageWrapper({
       params: { resourceId, resourceType },
       isSSR: typeof window === "undefined"
     },
-    overrides,
-    beforeRenderHook: (o, context) => {
-      if (o.onBeforeResourceCommentsRendered) {
-        return o.onBeforeResourceCommentsRendered(
-          resourceType,
-          resourceId,
-          context
-        );
-      }
-      return true;
-    }
+    overrides
   });
   return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(
     ResourceCommentsPageInternal,
     {
       resourceId,
       resourceType,
-      apiBaseURL: overrides.apiBaseURL,
-      apiBasePath: overrides.apiBasePath,
-      headers: overrides.headers,
-      currentUserId: resolvedUserId,
-      loginHref: overrides.loginHref,
-      localization: loc
+      localization: overrides.localization
     }
   ) });
 }

package/dist/packages/stack/src/plugins/comments/client/components/shared/pagination.cjs

@@ -3,7 +3,6 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const context = require('@btst/stack/context');
-const index = require('../../localization/index.cjs');
 const paginationControls = require('../../../../../../../ui/src/components/pagination-controls.cjs');
 
 function Pagination({
@@ -14,8 +13,8 @@ function Pagination({
   limit,
   offset
 }) {
-  const { localization: customLocalization } = context.usePluginOverrides("comments");
-  const localization = { ...index.COMMENTS_LOCALIZATION, ...customLocalization };
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("comments");
   return /* @__PURE__ */ jsxRuntime.jsx(
     paginationControls.PaginationControls,
     {
@@ -26,9 +25,12 @@ function Pagination({
       limit,
       offset,
       labels: {
-        previous: localization.COMMENTS_MODERATION_PAGINATION_PREVIOUS,
-        next: localization.COMMENTS_MODERATION_PAGINATION_NEXT,
-        showing: localization.COMMENTS_MODERATION_PAGINATION_SHOWING
+        previous: localization?.COMMENTS_MODERATION_PAGINATION_PREVIOUS ?? t("comments.moderation.paginationPrevious", "Previous"),
+        next: localization?.COMMENTS_MODERATION_PAGINATION_NEXT ?? t("comments.moderation.paginationNext", "Next"),
+        showing: localization?.COMMENTS_MODERATION_PAGINATION_SHOWING ?? t(
+          "comments.moderation.paginationShowing",
+          "Showing {from}\u2013{to} of {total}"
+        )
       }
     }
   );

package/dist/packages/stack/src/plugins/comments/client/components/shared/pagination.mjs

@@ -1,7 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { usePluginOverrides } from '@btst/stack/context';
-import { COMMENTS_LOCALIZATION } from '../../localization/index.mjs';
+import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 import { PaginationControls } from '../../../../../../../ui/src/components/pagination-controls.mjs';
 
 function Pagination({
@@ -12,8 +11,8 @@ function Pagination({
   limit,
   offset
 }) {
-  const { localization: customLocalization } = usePluginOverrides("comments");
-  const localization = { ...COMMENTS_LOCALIZATION, ...customLocalization };
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("comments");
   return /* @__PURE__ */ jsx(
     PaginationControls,
     {
@@ -24,9 +23,12 @@ function Pagination({
       limit,
       offset,
       labels: {
-        previous: localization.COMMENTS_MODERATION_PAGINATION_PREVIOUS,
-        next: localization.COMMENTS_MODERATION_PAGINATION_NEXT,
-        showing: localization.COMMENTS_MODERATION_PAGINATION_SHOWING
+        previous: localization?.COMMENTS_MODERATION_PAGINATION_PREVIOUS ?? t("comments.moderation.paginationPrevious", "Previous"),
+        next: localization?.COMMENTS_MODERATION_PAGINATION_NEXT ?? t("comments.moderation.paginationNext", "Next"),
+        showing: localization?.COMMENTS_MODERATION_PAGINATION_SHOWING ?? t(
+          "comments.moderation.paginationShowing",
+          "Showing {from}\u2013{to} of {total}"
+        )
       }
     }
   );