@deenruv/reviews-plugin 1.0.17-dev.4 → 1.0.17-dev.40

package/dist/plugin-server/zeus/index.js

@@ -1,12 +1,12 @@
 /* eslint-disable */
-import { AllTypesProps, ReturnTypes, Ops } from './const.js';
-export const HOST = "http://localhost:6100/admin-api";
+import { AllTypesProps, ReturnTypes, Ops } from "./const.js";
+export const HOST = "Specify host";
 export const HEADERS = {};
 export const apiSubscription = (options) => (query) => {
     var _a, _b, _c;
     try {
-        const queryString = options[0] + '?query=' + encodeURIComponent(query);
-        const wsString = queryString.replace('http', 'ws');
+        const queryString = options[0] + "?query=" + encodeURIComponent(query);
+        const wsString = queryString.replace("http", "ws");
         const host = (options.length > 1 && ((_b = (_a = options[1]) === null || _a === void 0 ? void 0 : _a.websocket) === null || _b === void 0 ? void 0 : _b[0])) || wsString;
         const webSocketOptions = ((_c = options[1]) === null || _c === void 0 ? void 0 : _c.websocket) || [host];
         const ws = new WebSocket(...webSocketOptions);
@@ -33,7 +33,7 @@ export const apiSubscription = (options) => (query) => {
         };
     }
     catch (_d) {
-        throw new Error('No websockets implemented');
+        throw new Error("No websockets implemented");
     }
 };
 const handleFetchResponse = (response) => {
@@ -56,7 +56,7 @@ const handleFetchResponse = (response) => {
 };
 export const apiFetch = (options) => (query, variables = {}) => {
     const fetchOptions = options[1] || {};
-    if (fetchOptions.method && fetchOptions.method === 'GET') {
+    if (fetchOptions.method && fetchOptions.method === "GET") {
         return fetch(`${options[0]}?query=${encodeURIComponent(query)}`, fetchOptions)
             .then(handleFetchResponse)
             .then((response) => {
@@ -66,8 +66,8 @@ export const apiFetch = (options) => (query, variables = {}) => {
             return response.data;
         });
     }
-    return fetch(`${options[0]}`, Object.assign({ body: JSON.stringify({ query, variables }), method: 'POST', headers: {
-            'Content-Type': 'application/json',
+    return fetch(`${options[0]}`, Object.assign({ body: JSON.stringify({ query, variables }), method: "POST", headers: {
+            "Content-Type": "application/json",
         } }, fetchOptions))
         .then(handleFetchResponse)
         .then((response) => {
@@ -78,17 +78,17 @@ export const apiFetch = (options) => (query, variables = {}) => {
     });
 };
 export const InternalsBuildQuery = ({ ops, props, returns, options, scalars, }) => {
-    const ibb = (k, o, p = '', root = true, vars = []) => {
+    const ibb = (k, o, p = "", root = true, vars = []) => {
         var _a;
         const keyForPath = purifyGraphQLKey(k);
         const newPath = [p, keyForPath].join(SEPARATOR);
         if (!o) {
-            return '';
+            return "";
         }
-        if (typeof o === 'boolean' || typeof o === 'number') {
+        if (typeof o === "boolean" || typeof o === "number") {
             return k;
         }
-        if (typeof o === 'string') {
+        if (typeof o === "string") {
             return `${k} ${o}`;
         }
         if (Array.isArray(o)) {
@@ -101,29 +101,32 @@ export const InternalsBuildQuery = ({ ops, props, returns, options, scalars, })
             })(o[0], newPath);
             return `${ibb(args ? `${k}(${args})` : k, o[1], p, false, vars)}`;
         }
-        if (k === '__alias') {
+        if (k === "__alias") {
             return Object.entries(o)
                 .map(([alias, objectUnderAlias]) => {
-                if (typeof objectUnderAlias !== 'object' || Array.isArray(objectUnderAlias)) {
-                    throw new Error('Invalid alias it should be __alias:{ YOUR_ALIAS_NAME: { OPERATION_NAME: { ...selectors }}}');
+                if (typeof objectUnderAlias !== "object" ||
+                    Array.isArray(objectUnderAlias)) {
+                    throw new Error("Invalid alias it should be __alias:{ YOUR_ALIAS_NAME: { OPERATION_NAME: { ...selectors }}}");
                 }
                 const operationName = Object.keys(objectUnderAlias)[0];
                 const operation = objectUnderAlias[operationName];
                 return ibb(`${alias}:${operationName}`, operation, p, false, vars);
             })
-                .join('\n');
+                .join("\n");
         }
-        const hasOperationName = root && (options === null || options === void 0 ? void 0 : options.operationName) ? ' ' + options.operationName : '';
-        const keyForDirectives = (_a = o.__directives) !== null && _a !== void 0 ? _a : '';
+        const hasOperationName = root && (options === null || options === void 0 ? void 0 : options.operationName) ? " " + options.operationName : "";
+        const keyForDirectives = (_a = o.__directives) !== null && _a !== void 0 ? _a : "";
         const query = `{${Object.entries(o)
-            .filter(([k]) => k !== '__directives')
+            .filter(([k]) => k !== "__directives")
             .map((e) => ibb(...e, [p, `field<>${keyForPath}`].join(SEPARATOR), false, vars))
-            .join('\n')}}`;
+            .join("\n")}}`;
         if (!root) {
             return `${k} ${keyForDirectives}${hasOperationName} ${query}`;
         }
-        const varsString = vars.map((v) => `${v.name}: ${v.graphQLType}`).join(', ');
-        return `${k} ${keyForDirectives}${hasOperationName}${varsString ? `(${varsString})` : ''} ${query}`;
+        const varsString = vars
+            .map((v) => `${v.name}: ${v.graphQLType}`)
+            .join(", ");
+        return `${k} ${keyForDirectives}${hasOperationName}${varsString ? `(${varsString})` : ""} ${query}`;
     };
     return ibb;
 };
@@ -183,7 +186,7 @@ export const ZeusSelect = () => ((t) => t);
 export const Selector = (key) => key && ZeusSelect();
 export const TypeFromSelector = (key) => key && ZeusSelect();
 export const Gql = Chain(HOST, {
-    headers: Object.assign({ 'Content-Type': 'application/json' }, HEADERS),
+    headers: Object.assign({ "Content-Type": "application/json" }, HEADERS),
 });
 export const ZeusScalars = ZeusSelect();
 export const decodeScalarsInResponse = ({ response, scalars, returns, ops, initialZeusQuery, initialOp, }) => {
@@ -213,12 +216,15 @@ export const traverseResponse = ({ resolvers, scalarPaths, }) => {
         const scalarPathString = p.join(SEPARATOR);
         const currentScalarString = scalarPaths[scalarPathString];
         if (currentScalarString) {
-            const currentDecoder = (_a = resolvers[currentScalarString.split('.')[1]]) === null || _a === void 0 ? void 0 : _a.decode;
+            const currentDecoder = (_a = resolvers[currentScalarString.split(".")[1]]) === null || _a === void 0 ? void 0 : _a.decode;
             if (currentDecoder) {
                 return currentDecoder(o);
             }
         }
-        if (typeof o === 'boolean' || typeof o === 'number' || typeof o === 'string' || !o) {
+        if (typeof o === "boolean" ||
+            typeof o === "number" ||
+            typeof o === "string" ||
+            !o) {
             return o;
         }
         const entries = Object.entries(o).map(([k, v]) => [k, ibb(k, v, [...p, purifyGraphQLKey(k)])]);
@@ -230,15 +236,15 @@ export const traverseResponse = ({ resolvers, scalarPaths, }) => {
     };
     return ibb;
 };
-export const SEPARATOR = '|';
+export const SEPARATOR = "|";
 export class GraphQLError extends Error {
     constructor(response) {
-        super('');
+        super("");
         this.response = response;
         console.error(response);
     }
     toString() {
-        return 'GraphQL Response Error';
+        return "GraphQL Response Error";
     }
 }
 const ExtractScalar = (mappedParts, returns) => {
@@ -247,7 +253,7 @@ const ExtractScalar = (mappedParts, returns) => {
     }
     const oKey = mappedParts[0];
     const returnP1 = returns[oKey];
-    if (typeof returnP1 === 'object') {
+    if (typeof returnP1 === "object") {
         const returnP2 = returnP1[mappedParts[1]];
         if (returnP2) {
             return ExtractScalar([returnP2, ...mappedParts.slice(2)], returns);
@@ -256,15 +262,17 @@ const ExtractScalar = (mappedParts, returns) => {
     }
     return returnP1;
 };
-export const PrepareScalarPaths = ({ ops, returns }) => {
+export const PrepareScalarPaths = ({ ops, returns, }) => {
     const ibb = (k, originalKey, o, p = [], pOriginals = [], root = true) => {
         if (!o) {
             return;
         }
-        if (typeof o === 'boolean' || typeof o === 'number' || typeof o === 'string') {
+        if (typeof o === "boolean" ||
+            typeof o === "number" ||
+            typeof o === "string") {
             const extractionArray = [...pOriginals, originalKey];
             const isScalar = ExtractScalar(extractionArray, returns);
-            if (isScalar === null || isScalar === void 0 ? void 0 : isScalar.startsWith('scalar')) {
+            if (isScalar === null || isScalar === void 0 ? void 0 : isScalar.startsWith("scalar")) {
                 const partOfTree = {
                     [[...p, k].join(SEPARATOR)]: isScalar,
                 };
@@ -275,11 +283,12 @@ export const PrepareScalarPaths = ({ ops, returns }) => {
         if (Array.isArray(o)) {
             return ibb(k, k, o[1], p, pOriginals, false);
         }
-        if (k === '__alias') {
+        if (k === "__alias") {
             return Object.entries(o)
                 .map(([alias, objectUnderAlias]) => {
-                if (typeof objectUnderAlias !== 'object' || Array.isArray(objectUnderAlias)) {
-                    throw new Error('Invalid alias it should be __alias:{ YOUR_ALIAS_NAME: { OPERATION_NAME: { ...selectors }}}');
+                if (typeof objectUnderAlias !== "object" ||
+                    Array.isArray(objectUnderAlias)) {
+                    throw new Error("Invalid alias it should be __alias:{ YOUR_ALIAS_NAME: { OPERATION_NAME: { ...selectors }}}");
                 }
                 const operationName = Object.keys(objectUnderAlias)[0];
                 const operation = objectUnderAlias[operationName];
@@ -289,57 +298,61 @@ export const PrepareScalarPaths = ({ ops, returns }) => {
         }
         const keyName = root ? ops[k] : k;
         return Object.entries(o)
-            .filter(([k]) => k !== '__directives')
+            .filter(([k]) => k !== "__directives")
             .map(([k, v]) => {
             // Inline fragments shouldn't be added to the path as they aren't a field
             const isInlineFragment = originalKey.match(/^...\s*on/) != null;
-            return ibb(k, k, v, isInlineFragment ? p : [...p, purifyGraphQLKey(keyName || k)], isInlineFragment ? pOriginals : [...pOriginals, purifyGraphQLKey(originalKey)], false);
+            return ibb(k, k, v, isInlineFragment ? p : [...p, purifyGraphQLKey(keyName || k)], isInlineFragment
+                ? pOriginals
+                : [...pOriginals, purifyGraphQLKey(originalKey)], false);
         })
             .reduce((a, b) => (Object.assign(Object.assign({}, a), b)));
     };
     return ibb;
 };
-export const purifyGraphQLKey = (k) => k.replace(/\([^)]*\)/g, '').replace(/^[^:]*\:/g, '');
+export const purifyGraphQLKey = (k) => k.replace(/\([^)]*\)/g, "").replace(/^[^:]*\:/g, "");
 const mapPart = (p) => {
-    const [isArg, isField] = p.split('<>');
+    const [isArg, isField] = p.split("<>");
     if (isField) {
         return {
             v: isField,
-            __type: 'field',
+            __type: "field",
         };
     }
     return {
         v: isArg,
-        __type: 'arg',
+        __type: "arg",
     };
 };
 export const ResolveFromPath = (props, returns, ops) => {
     const ResolvePropsType = (mappedParts) => {
         const oKey = ops[mappedParts[0].v];
         const propsP1 = oKey ? props[oKey] : props[mappedParts[0].v];
-        if (propsP1 === 'enum' && mappedParts.length === 1) {
-            return 'enum';
+        if (propsP1 === "enum" && mappedParts.length === 1) {
+            return "enum";
         }
-        if (typeof propsP1 === 'string' && propsP1.startsWith('scalar.') && mappedParts.length === 1) {
+        if (typeof propsP1 === "string" &&
+            propsP1.startsWith("scalar.") &&
+            mappedParts.length === 1) {
             return propsP1;
         }
-        if (typeof propsP1 === 'object') {
+        if (typeof propsP1 === "object") {
             if (mappedParts.length < 2) {
-                return 'not';
+                return "not";
             }
             const propsP2 = propsP1[mappedParts[1].v];
-            if (typeof propsP2 === 'string') {
+            if (typeof propsP2 === "string") {
                 return rpp(`${propsP2}${SEPARATOR}${mappedParts
                     .slice(2)
                     .map((mp) => mp.v)
                     .join(SEPARATOR)}`);
             }
-            if (typeof propsP2 === 'object') {
+            if (typeof propsP2 === "object") {
                 if (mappedParts.length < 3) {
-                    return 'not';
+                    return "not";
                 }
                 const propsP3 = propsP2[mappedParts[2].v];
-                if (propsP3 && mappedParts[2].__type === 'arg') {
+                if (propsP3 && mappedParts[2].__type === "arg") {
                     return rpp(`${propsP3}${SEPARATOR}${mappedParts
                         .slice(3)
                         .map((mp) => mp.v)
@@ -350,13 +363,13 @@ export const ResolveFromPath = (props, returns, ops) => {
     };
     const ResolveReturnType = (mappedParts) => {
         if (mappedParts.length === 0) {
-            return 'not';
+            return "not";
         }
         const oKey = ops[mappedParts[0].v];
         const returnP1 = oKey ? returns[oKey] : returns[mappedParts[0].v];
-        if (typeof returnP1 === 'object') {
+        if (typeof returnP1 === "object") {
             if (mappedParts.length < 2)
-                return 'not';
+                return "not";
             const returnP2 = returnP1[mappedParts[1].v];
             if (returnP2) {
                 return rpp(`${returnP2}${SEPARATOR}${mappedParts
@@ -377,16 +390,18 @@ export const ResolveFromPath = (props, returns, ops) => {
         if (returnP1) {
             return returnP1;
         }
-        return 'not';
+        return "not";
     };
     return rpp;
 };
 export const InternalArgsBuilt = ({ props, ops, returns, scalars, vars, }) => {
-    const arb = (a, p = '', root = true) => {
+    const arb = (a, p = "", root = true) => {
         var _a, _b;
-        if (typeof a === 'string') {
+        if (typeof a === "string") {
             if (a.startsWith(START_VAR_NAME)) {
-                const [varName, graphQLType] = a.replace(START_VAR_NAME, '$').split(GRAPHQL_TYPE_SEPARATOR);
+                const [varName, graphQLType] = a
+                    .replace(START_VAR_NAME, "$")
+                    .split(GRAPHQL_TYPE_SEPARATOR);
                 const v = vars.find((v) => v.name === varName);
                 if (!v) {
                     vars.push({
@@ -403,29 +418,29 @@ export const InternalArgsBuilt = ({ props, ops, returns, scalars, vars, }) => {
             }
         }
         const checkType = ResolveFromPath(props, returns, ops)(p);
-        if (checkType.startsWith('scalar.')) {
+        if (checkType.startsWith("scalar.")) {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const [_, ...splittedScalar] = checkType.split('.');
-            const scalarKey = splittedScalar.join('.');
+            const [_, ...splittedScalar] = checkType.split(".");
+            const scalarKey = splittedScalar.join(".");
             return ((_b = (_a = scalars === null || scalars === void 0 ? void 0 : scalars[scalarKey]) === null || _a === void 0 ? void 0 : _a.encode) === null || _b === void 0 ? void 0 : _b.call(_a, a)) || JSON.stringify(a);
         }
         if (Array.isArray(a)) {
-            return `[${a.map((arr) => arb(arr, p, false)).join(', ')}]`;
+            return `[${a.map((arr) => arb(arr, p, false)).join(", ")}]`;
         }
-        if (typeof a === 'string') {
-            if (checkType === 'enum') {
+        if (typeof a === "string") {
+            if (checkType === "enum") {
                 return a;
             }
             return `${JSON.stringify(a)}`;
         }
-        if (typeof a === 'object') {
+        if (typeof a === "object") {
             if (a === null) {
                 return `null`;
             }
             const returnedObjectString = Object.entries(a)
-                .filter(([, v]) => typeof v !== 'undefined')
+                .filter(([, v]) => typeof v !== "undefined")
                 .map(([k, v]) => `${k}: ${arb(v, [p, k].join(SEPARATOR), false)}`)
-                .join(',\n');
+                .join(",\n");
             if (!root) {
                 return `{${returnedObjectString}}`;
             }
@@ -439,5 +454,8 @@ export const resolverFor = (type, field, fn) => fn;
 export const START_VAR_NAME = `$ZEUS_VAR`;
 export const GRAPHQL_TYPE_SEPARATOR = `__$GRAPHQL__`;
 export const $ = (name, graphqlType) => {
-    return (START_VAR_NAME + name + GRAPHQL_TYPE_SEPARATOR + graphqlType);
+    return (START_VAR_NAME +
+        name +
+        GRAPHQL_TYPE_SEPARATOR +
+        graphqlType);
 };

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);
+        }
+    });
+});