@deenruv/reviews-plugin 1.0.17-dev.31 → 1.0.17-dev.32

package/dist/plugin-ui/components/ReviewCustomer.js

@@ -6,7 +6,7 @@ import { REVIEWS_ROUTES } from "../index.js";
 import { Check, ReplaceAllIcon, ReplaceIcon } from "lucide-react";
 import { UniversalSelectDialog } from "./UniversalSelectDialog";
 export const ReviewCustomer = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE);
+    const { t, i18n } = useTranslation(TRANSLATION_NAMESPACE);
     const [fetch] = useLazyQuery(ListReviewQuery);
     const [changeReviewState] = useMutation(ChangeReviewStateMutation);
     const [changeReviewsState] = useMutation(ChangeReviewsStateMutation);
@@ -136,7 +136,9 @@ export const ReviewCustomer = () => {
                     const responseCreatedAt = row.original.responseCreatedAt;
                     return (React.createElement("div", null, responseCreatedAt
                         ? t("list.responseCreatedAtValue", {
-                            date: formatDate(responseCreatedAt),
+                            date: formatDate(responseCreatedAt, {
+                                locale: i18n.resolvedLanguage ?? i18n.language,
+                            }),
                         })
                         : t("list.noResponse")));
                 },

package/dist/plugin-ui/components/ReviewOrder.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
+import { ReviewState } from "../zeus";
+export declare const getReviewStateLabel: (state: ReviewState, translate: (key: string) => string) => string;
 export declare const ReviewOrder: () => React.JSX.Element | null;

package/dist/plugin-ui/components/ReviewOrder.js

@@ -23,8 +23,18 @@ const getStatusColor = (status) => {
             return "bg-gray-100 text-gray-800 border-gray-200";
     }
 };
+export const getReviewStateLabel = (state, translate) => {
+    switch (state) {
+        case "PENDING" /* ReviewState.PENDING */:
+            return translate("state.pending");
+        case "ACCEPTED" /* ReviewState.ACCEPTED */:
+            return translate("state.accepted");
+        case "DECLINED" /* ReviewState.DECLINED */:
+            return translate("state.declined");
+    }
+};
 export const ReviewOrder = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE);
+    const { t, i18n } = useTranslation(TRANSLATION_NAMESPACE);
     const { order } = useOrder();
     const [getReviewForOrder, { data }] = useLazyQuery(GetReviewForOrderQuery);
     useEffect(() => {
@@ -41,7 +51,7 @@ export const ReviewOrder = () => {
                     React.createElement(CardTitle, { className: "flex items-center gap-2" },
                         React.createElement(MessageSquare, { className: "h-5 w-5 text-orange-500" }),
                         t("reviewOrder.titleWithId", { orderId: order.id }))),
-                React.createElement(Badge, { className: getStatusColor(data.getReviewForOrder.state) }, data.getReviewForOrder.state))),
+                React.createElement(Badge, { className: getStatusColor(data.getReviewForOrder.state) }, getReviewStateLabel(data.getReviewForOrder.state, t)))),
         React.createElement(CardContent, { className: "space-y-4 p-0" },
             React.createElement("div", { className: "space-y-4" },
                 React.createElement("div", { className: "flex items-center justify-between" },
@@ -50,5 +60,7 @@ export const ReviewOrder = () => {
                     React.createElement("p", { className: "text-sm leading-relaxed text-foreground" }, data.getReviewForOrder.body)),
                 React.createElement("div", { className: "flex items-center gap-4 pt-2 border-t text-xs text-muted-foreground" }, data.getReviewForOrder.createdAt && (React.createElement("div", { className: "flex items-center gap-1" },
                     React.createElement(Calendar, { className: "h-3 w-3" }),
-                    formatDate(data.getReviewForOrder.createdAt))))))));
+                    formatDate(data.getReviewForOrder.createdAt, {
+                        locale: i18n.resolvedLanguage ?? i18n.language,
+                    }))))))));
 };

package/dist/plugin-ui/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { createDeenruvUIPlugin, DEENRUV_UI_VERSION } from "@deenruv/react-ui-devkit";
+import { createDeenruvUIPlugin, DEENRUV_UI_VERSION, } from "@deenruv/react-ui-devkit";
 import { Reviews } from "./pages/Reviews";
 import { ListIcon } from "lucide-react";
 import { Review } from "./pages/Review";
@@ -46,6 +46,7 @@ export const ReviewsUIPlugin = createDeenruvUIPlugin({
             id: "customers-detail-view",
             name: "reviews",
             label: "Reviews",
+            labelId: "nav.reviews",
             component: React.createElement(ReviewCustomer, null),
             hideSidebar: true,
         },

package/dist/plugin-ui/pages/Review.js

@@ -9,7 +9,7 @@ import { TRANSLATION_NAMESPACE } from "../constants";
 import { toast } from "sonner";
 import { ReviewStateChange } from "../components/ReviewStateChange";
 export const Review = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE);
+    const { t, i18n } = useTranslation(TRANSLATION_NAMESPACE);
     const { id } = useParams();
     const { data: config } = useQuery(GetReviewsConfigQuery);
     const [get] = useLazyQuery(GetReviewQuery);
@@ -178,6 +178,7 @@ export const Review = () => {
                                 React.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-600" },
                                     React.createElement(Calendar, { className: "w-4 h-4" }),
                                     formatDate(review.createdAt, {
+                                        locale: i18n.language,
                                         dateStyle: "medium",
                                         timeStyle: "short",
                                     })),
@@ -198,6 +199,7 @@ export const Review = () => {
                         React.createElement("div", { className: "flex items-center gap-2 mb-2" },
                             React.createElement(Label, { className: "text-base font-semibold text-secondary" }, t("detail.businessResponse")),
                             React.createElement(Badge, { variant: "outline", className: "text-xs text-secondary" }, formatDate(review.responseCreatedAt, {
+                                locale: i18n.language,
                                 dateStyle: "medium",
                                 timeStyle: "short",
                             }))),
@@ -209,6 +211,7 @@ export const Review = () => {
                             ":"),
                         " ",
                         formatDate(review.createdAt, {
+                            locale: i18n.language,
                             dateStyle: "medium",
                             timeStyle: "short",
                         })),
@@ -218,6 +221,7 @@ export const Review = () => {
                             ":"),
                         " ",
                         formatDate(review.updatedAt, {
+                            locale: i18n.language,
                             dateStyle: "medium",
                             timeStyle: "short",
                         }))))) : (React.createElement("div", { className: "text-center py-8" },

package/dist/plugin-ui/pages/Reviews.js

@@ -7,7 +7,7 @@ import { Check, ReplaceIcon, ReplaceAllIcon } from "lucide-react";
 import { UniversalSelectDialog } from "../components/UniversalSelectDialog.js";
 import { ChangeReviewsStateMutation, ChangeReviewStateMutation, } from "../graphql/mutations.js";
 export const Reviews = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE);
+    const { t, i18n } = useTranslation(TRANSLATION_NAMESPACE);
     const [fetch] = useLazyQuery(ListReviewQuery);
     const [changeReviewState] = useMutation(ChangeReviewStateMutation);
     const [changeReviewsState] = useMutation(ChangeReviewsStateMutation);
@@ -142,6 +142,7 @@ export const Reviews = () => {
                     return (React.createElement("div", null, responseCreatedAt
                         ? t("list.responseCreatedAtValue", {
                             date: formatDate(responseCreatedAt, {
+                                locale: i18n.resolvedLanguage ?? i18n.language,
                                 dateStyle: "medium",
                                 timeStyle: "short",
                             }),

package/dist/plugin-ui/translations.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/plugin-ui/translations.spec.js

@@ -0,0 +1,44 @@
+import { describe, expect, it } from "vitest";
+import en from "./locales/en/reviews.json";
+import pl from "./locales/pl/reviews.json";
+import { getReviewStateLabel } from "./components/ReviewOrder";
+import { readFileSync } from "node:fs";
+import { fileURLToPath, URL } from "node:url";
+const leafKeys = (value, prefix = "") => Object.entries(value).flatMap(([key, child]) => {
+    const path = prefix ? `${prefix}.${key}` : key;
+    return child && typeof child === "object"
+        ? leafKeys(child, path)
+        : [path];
+});
+describe("Reviews admin translations", () => {
+    it("keeps English and Polish locale keys in parity", () => {
+        expect(leafKeys(en).sort()).toEqual(leafKeys(pl).sort());
+    });
+    it("localizes every backend review state without changing enum values", () => {
+        const translate = (key) => `translated:${key}`;
+        expect(getReviewStateLabel("PENDING" /* ReviewState.PENDING */, translate)).toBe("translated:state.pending");
+        expect(getReviewStateLabel("ACCEPTED" /* ReviewState.ACCEPTED */, translate)).toBe("translated:state.accepted");
+        expect(getReviewStateLabel("DECLINED" /* ReviewState.DECLINED */, translate)).toBe("translated:state.declined");
+    });
+    it("declares an SSR-safe customer tab translation key", async () => {
+        const { ReviewsUIPlugin } = await import("./index");
+        expect(ReviewsUIPlugin.tabs?.[0]).toMatchObject({
+            name: "reviews",
+            label: "Reviews",
+            labelId: "nav.reviews",
+        });
+        expect(globalThis.window).toBeUndefined();
+    });
+    it("formats every visible review date in the active UI language", () => {
+        const sources = [
+            "./pages/Review.tsx",
+            "./pages/Reviews.tsx",
+            "./components/ReviewCustomer.tsx",
+            "./components/ReviewOrder.tsx",
+        ].map((path) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), "utf8"));
+        expect(sources.reduce((count, source) => count + (source.match(/formatDate\(/g)?.length ?? 0), 0)).toBe(7);
+        for (const source of sources) {
+            expect(source.match(/locale: i18n\.(?:resolvedLanguage|language)/g)).toHaveLength(source.match(/formatDate\(/g)?.length ?? 0);
+        }
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deenruv/reviews-plugin",
-  "version": "1.0.17-dev.31",
+  "version": "1.0.17-dev.32",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -30,9 +30,9 @@
     "react-router": "^7.13.0",
     "sonner": "^1.4.41",
     "recharts": "^2.12.7",
-    "@deenruv/admin-types": "^1.0.17-dev.31",
-    "@deenruv/common": "^1.0.17-dev.31",
-    "@deenruv/react-ui-devkit": "^1.0.17-dev.31"
+    "@deenruv/admin-types": "^1.0.17-dev.32",
+    "@deenruv/common": "^1.0.17-dev.32",
+    "@deenruv/react-ui-devkit": "^1.0.17-dev.32"
   },
   "devDependencies": {
     "@graphql-typed-document-node/core": "3.2.0",
@@ -44,7 +44,7 @@
     "rimraf": "^5.0.10",
     "tslib": "^2.6.2",
     "typescript": "5.3.3",
-    "@deenruv/core": "^1.0.17-dev.31"
+    "@deenruv/core": "^1.0.17-dev.32"
   },
   "peerDependencies": {
     "@deenruv/core": "^1.0.0 || ^1.0.17-dev.0"