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

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

@@ -1,12 +1,9 @@
 import React from "react";
-import { Card, CardContent, CardHeader, priceFormatter, Routes, } from "@deenruv/react-ui-devkit";
+import { Card, CardContent, CardHeader, priceFormatter, Routes, useTranslation, } from "@deenruv/react-ui-devkit";
 import { Link } from "react-router";
-import { useTranslation } from "react-i18next";
 import { TRANSLATION_NAMESPACE } from "../constants";
 export const OrderInfo = ({ review }) => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     if (!review.order)
         return null;
     return (React.createElement(Card, { className: "w-full" },

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

@@ -1,12 +1,9 @@
 import React from "react";
-import { Card, CardContent, CardHeader, Routes, } from "@deenruv/react-ui-devkit";
+import { Card, CardContent, CardHeader, Routes, useTranslation, } from "@deenruv/react-ui-devkit";
 import { Link } from "react-router";
-import { useTranslation } from "react-i18next";
 import { TRANSLATION_NAMESPACE } from "../constants";
 export const ProductInfo = ({ review }) => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     if (!review.productVariant)
         return null;
     return (React.createElement(Card, { className: "w-full" },

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

@@ -1,15 +1,12 @@
-import { Badge, CLOSED_WITHOUT_RESOLUTION, createDialogFromComponent, DetailList, formatDate, useDetailView, useLazyQuery, useMutation, } from "@deenruv/react-ui-devkit";
+import { Badge, CLOSED_WITHOUT_RESOLUTION, createDialogFromComponent, DetailList, formatDate, useDetailView, useLazyQuery, useMutation, useTranslation, } from "@deenruv/react-ui-devkit";
 import React from "react";
 import { ChangeReviewsStateMutation, ChangeReviewStateMutation, ListReviewQuery, } from "../graphql";
-import { useTranslation } from "react-i18next";
 import { TRANSLATION_NAMESPACE } from "../constants.js";
 import { REVIEWS_ROUTES } from "../index.js";
-import { ReplaceAllIcon, ReplaceIcon } from "lucide-react";
+import { Check, ReplaceAllIcon, ReplaceIcon } from "lucide-react";
 import { UniversalSelectDialog } from "./UniversalSelectDialog";
 export const ReviewCustomer = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const [fetch] = useLazyQuery(ListReviewQuery);
     const [changeReviewState] = useMutation(ChangeReviewStateMutation);
     const [changeReviewsState] = useMutation(ChangeReviewsStateMutation);
@@ -70,6 +67,25 @@ export const ReviewCustomer = () => {
                 },
             },
         ], additionalRowActions: [
+            {
+                label: t("list.acceptReview"),
+                icon: React.createElement(Check, { className: "w-4 h-4" }),
+                canShow: ({ row }) => row.original.state === "PENDING" /* ReviewState.PENDING */,
+                onClick: async ({ row }) => {
+                    try {
+                        if (!row.original.id) {
+                            throw new Error(t("dialog.singleStateChangeNoSelection"));
+                        }
+                        await changeReviewState({
+                            input: { id: row.original.id, state: "ACCEPTED" /* ReviewState.ACCEPTED */ },
+                        });
+                        return { success: t("dialog.singleAcceptSuccess") };
+                    }
+                    catch {
+                        return { error: t("dialog.singleAcceptError") };
+                    }
+                },
+            },
             {
                 label: t("list.stateChange"),
                 icon: React.createElement(ReplaceIcon, { className: "w-4 h-4" }),

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

@@ -1,8 +1,7 @@
-import { CardContent, CardHeader, CardTitle, CustomCard, formatDate, useLazyQuery, Badge, useOrder, } from "@deenruv/react-ui-devkit";
+import { CardContent, CardHeader, CardTitle, CustomCard, formatDate, useLazyQuery, Badge, useOrder, useTranslation, } from "@deenruv/react-ui-devkit";
 import React, { useEffect } from "react";
 import { GetReviewForOrderQuery } from "../graphql";
 import { Calendar, MessageSquare, Star } from "lucide-react";
-import { useTranslation } from "react-i18next";
 import { TRANSLATION_NAMESPACE } from "../constants";
 const StarRating = ({ rating, maxRating = 5, }) => {
     return (React.createElement("div", { className: "flex items-center gap-1" },
@@ -25,9 +24,7 @@ const getStatusColor = (status) => {
     }
 };
 export const ReviewOrder = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const { order } = useOrder();
     const [getReviewForOrder, { data }] = useLazyQuery(GetReviewForOrderQuery);
     useEffect(() => {

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

@@ -1,13 +1,10 @@
-import { CustomCard, useDetailView, useLazyQuery, } from "@deenruv/react-ui-devkit";
+import { CustomCard, useDetailView, useLazyQuery, useTranslation, } from "@deenruv/react-ui-devkit";
 import React, { useEffect } from "react";
 import { Link } from "react-router";
 import { GetReviewInfoForProductQuery } from "../graphql";
-import { useTranslation } from "react-i18next";
 import { TRANSLATION_NAMESPACE } from "../constants";
 export const ReviewProductSidebar = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const { entity } = useDetailView("products-detail-view");
     const [getInfo, { data }] = useLazyQuery(GetReviewInfoForProductQuery);
     useEffect(() => {
@@ -15,7 +12,7 @@ export const ReviewProductSidebar = () => {
             getInfo({ productId: entity.id });
         }
     }, [entity]);
-    return (React.createElement(CustomCard, { title: "Opinie o produkcie", color: "amber" },
+    return (React.createElement(CustomCard, { title: t("productReviewSidebar.title"), color: "amber" },
         React.createElement("div", { className: "text-sm mb-2" }, data?.getReviewInfoForProduct?.averageRating
             ? `${t("productReviewSidebar.averageRating")}: ${data.getReviewInfoForProduct.averageRating.toFixed(1)}`
             : t("productReviewSidebar.noAverageRating")),

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

@@ -1,14 +1,11 @@
-import { Dialog, DialogTrigger, Button, DialogContent, DialogHeader, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, DialogClose, } from "@deenruv/react-ui-devkit";
+import { Dialog, DialogTrigger, Button, DialogContent, DialogHeader, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, DialogClose, useTranslation, } from "@deenruv/react-ui-devkit";
 import React, { useState } from "react";
 import { TRANSLATION_NAMESPACE } from "../constants";
-import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 export const ReviewStateChange = ({ onSubmit, }) => {
     const [state, setState] = useState();
     const [message, setMessage] = useState();
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     return (React.createElement(Dialog, null,
         React.createElement(DialogTrigger, { asChild: true },
             React.createElement(Button, { variant: "destructive", size: "sm", className: "text-xs" }, t("detail.changeState"))),

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

@@ -1,13 +1,10 @@
 import React, { useState } from "react";
-import { Button, DialogFooter, DialogHeader, DialogTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "@deenruv/react-ui-devkit";
-import { useTranslation } from "react-i18next";
+import { Button, DialogFooter, DialogHeader, DialogTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, useTranslation, } from "@deenruv/react-ui-devkit";
 import { TRANSLATION_NAMESPACE } from "../constants";
 import { toast } from "sonner";
 export function UniversalSelectDialog({ close, resolve, data: { title, description, defaultValue, options, selectLabel, selectPlaceholder, }, }) {
     const [value, setValue] = useState(defaultValue ? defaultValue : undefined);
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const onSubmit = () => {
         const option = options.find((o) => o.value === value);
         if (!option) {

package/dist/plugin-ui/locales/en/index.d.ts

@@ -16,6 +16,8 @@ declare const _default: {
         singleStateChangeError: string;
         singleStateChangeCancelled: string;
         singleStateChangeNoSelection: string;
+        singleAcceptSuccess: string;
+        singleAcceptError: string;
         cancel: string;
         submit: string;
         selectError: string;
@@ -29,6 +31,7 @@ declare const _default: {
         viewCustomer: string;
         id: string;
         changeState: string;
+        acceptReview: string;
         changeStateSuccess: string;
         changeStateError: string;
         cancel: string;
@@ -76,10 +79,13 @@ declare const _default: {
         titleWithId: string;
     };
     productReviewSidebar: {
+        title: string;
         averageRating: string;
         noAverageRating: string;
         totalReviews: string;
         noTotalReviews: string;
+        totalRatings: string;
+        noTotalRatings: string;
         totalReviewsForProduct: string;
         noTotalReviewsForProduct: string;
         viewAllReviews: string;
@@ -90,6 +96,7 @@ declare const _default: {
     };
     list: {
         bulkStateChange: string;
+        acceptReview: string;
         stateChange: string;
         productId: string;
         orderId: string;

package/dist/plugin-ui/locales/en/reviews.json

@@ -16,6 +16,8 @@
         "singleStateChangeError": "An error occurred while changing the review state",
         "singleStateChangeCancelled": "Single change of review state has been cancelled",
         "singleStateChangeNoSelection": "No review selected for state change",
+        "singleAcceptSuccess": "Review has been accepted",
+        "singleAcceptError": "An error occurred while accepting the review",
         "cancel": "Cancel",
         "submit": "Submit",
         "selectError": "Please select a review state"
@@ -29,6 +31,7 @@
         "viewCustomer": "View customer",
         "id": "Review {{id}}",
         "changeState": "Change review state",
+        "acceptReview": "Accept review",
         "changeStateSuccess": "Review state has been changed",
         "changeStateError": "An error occurred while changing the review state",
         "cancel": "Cancel",
@@ -76,10 +79,13 @@
         "titleWithId": "Order review #{{orderId}}"
     },
     "productReviewSidebar": {
+        "title": "Product reviews",
         "averageRating": "Average rating",
         "noAverageRating": "No average rating",
         "totalReviews": "Total reviews",
         "noTotalReviews": "No total reviews",
+        "totalRatings": "Total ratings",
+        "noTotalRatings": "No ratings",
         "totalReviewsForProduct": "Total reviews for product",
         "noTotalReviewsForProduct": "No total reviews for product",
         "viewAllReviews": "See all reviews for this product"
@@ -90,6 +96,7 @@
     },
     "list": {
         "bulkStateChange": "Bulk change state",
+        "acceptReview": "Accept review",
         "stateChange": "Change state",
         "productId": "Product ID",
         "orderId": "Order ID",

package/dist/plugin-ui/locales/pl/index.d.ts

@@ -16,6 +16,8 @@ declare const _default: {
         singleStateChangeError: string;
         singleStateChangeCancelled: string;
         singleStateChangeNoSelection: string;
+        singleAcceptSuccess: string;
+        singleAcceptError: string;
         cancel: string;
         submit: string;
         selectError: string;
@@ -29,6 +31,7 @@ declare const _default: {
         viewCustomer: string;
         id: string;
         changeState: string;
+        acceptReview: string;
         changeStateSuccess: string;
         changeStateError: string;
         cancel: string;
@@ -76,10 +79,13 @@ declare const _default: {
         titleWithId: string;
     };
     productReviewSidebar: {
+        title: string;
         averageRating: string;
         noAverageRating: string;
         totalReviews: string;
         noTotalReviews: string;
+        totalRatings: string;
+        noTotalRatings: string;
         totalReviewsForProduct: string;
         noTotalReviewsForProduct: string;
         viewAllReviews: string;
@@ -90,6 +96,7 @@ declare const _default: {
     };
     list: {
         bulkStateChange: string;
+        acceptReview: string;
         stateChange: string;
         productId: string;
         orderId: string;

package/dist/plugin-ui/locales/pl/reviews.json

@@ -16,6 +16,8 @@
         "singleStateChangeError": "Wystąpił błąd podczas zmiany stanu opinii",
         "singleStateChangeCancelled": "Zmiana stanu opinii została anulowana",
         "singleStateChangeNoSelection": "Nie wybrano opinii do zmiany stanu",
+        "singleAcceptSuccess": "Opinia została zaakceptowana",
+        "singleAcceptError": "Wystąpił błąd podczas akceptowania opinii",
         "cancel": "Anuluj",
         "submit": "Zatwierdź",
         "selectError": "Wybierz stan opinii"
@@ -29,6 +31,7 @@
         "viewCustomer": "Zobacz klienta",
         "id": "Opinia {{id}}",
         "changeState": "Zmień stan opinii",
+        "acceptReview": "Zaakceptuj opinię",
         "changeStateSuccess": "Stan opinii został zmieniony",
         "changeStateError": "Wystąpił błąd podczas zmiany stanu opinii",
         "cancel": "Anuluj",
@@ -76,10 +79,13 @@
         "titleWithId": "Recenzja zamówienia #{{orderId}}"
     },
     "productReviewSidebar": {
+        "title": "Opinie o produkcie",
         "averageRating": "Średnia ocena",
         "noAverageRating": "Brak średniej oceny",
         "totalReviews": "Łączna liczba ocen",
         "noTotalReviews": "Brak ocen",
+        "totalRatings": "Łączna liczba ocen cząstkowych",
+        "noTotalRatings": "Brak ocen cząstkowych",
         "totalReviewsForProduct": "Łączna liczba ocen dla produktu",
         "noTotalReviewsForProduct": "Brak ocen dla produktu",
         "viewAllReviews": "Zobacz wszystkie opinie o produkcie"
@@ -90,6 +96,7 @@
     },
     "list": {
         "bulkStateChange": "Zmiana stanu dla wielu",
+        "acceptReview": "Zaakceptuj opinię",
         "stateChange": "Zmień stan",
         "productId": "ID produktu",
         "orderId": "ID zamówienia",

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

@@ -1,4 +1,4 @@
-import { Card, CardContent, CardHeader, CardTitle, PageBlock, Textarea, useLazyQuery, useQuery, Label, Badge, Separator, formatDate, Button, useMutation, ImageWithPreview, Routes, } from "@deenruv/react-ui-devkit";
+import { Card, CardContent, CardHeader, CardTitle, PageBlock, Textarea, useLazyQuery, useQuery, Label, Badge, Separator, formatDate, Button, useMutation, ImageWithPreview, Routes, useTranslation, } from "@deenruv/react-ui-devkit";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { ChangeReviewStateMutation, GetReviewQuery, GetReviewsConfigQuery, UpdateTranslationsReviewMutation, TranslateReviewsQuery, } from "../graphql";
 import { Link, useParams } from "react-router";
@@ -6,13 +6,10 @@ import { ArrowLeft, Calendar, Mail, Star, User } from "lucide-react";
 import { useNavigate } from "react-router";
 import { OrderInfo, ProductInfo } from "../components";
 import { TRANSLATION_NAMESPACE } from "../constants";
-import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { ReviewStateChange } from "../components/ReviewStateChange";
 export const Review = () => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const { id } = useParams();
     const { data: config } = useQuery(GetReviewsConfigQuery);
     const [get] = useLazyQuery(GetReviewQuery);
@@ -74,10 +71,10 @@ export const Review = () => {
                     translations: [...(prev.translations || []), ...newTranslations],
                 };
             });
-            toast.success(t("generateAllMissingTranslationsSuccess"));
+            toast.success(t("detail.generateAllMissingTranslationsSuccess"));
         }
         catch (error) {
-            toast.error(t("generateAllMissingTranslationsError"));
+            toast.error(t("detail.generateAllMissingTranslationsError"));
         }
     };
     const handleMissingTranslation = async (action, language) => {
@@ -164,7 +161,9 @@ export const Review = () => {
                         React.createElement(Button, { variant: "ghost", size: "icon", onClick: () => navigate(-1) },
                             React.createElement(ArrowLeft, { className: "w-5 h-5" })),
                         React.createElement("p", { className: "text-md font-semibold" }, review?.id ? t("detail.id", { id: review.id }) : null)),
-                    React.createElement("div", { className: "flex flex-col gap-2 items-end" }, "PENDING" /* ReviewState.PENDING */ === review?.state && (React.createElement(ReviewStateChange, { onSubmit: handleChangeReviewState }))))),
+                    React.createElement("div", { className: "flex flex-col gap-2 items-end" }, "PENDING" /* ReviewState.PENDING */ === review?.state && (React.createElement("div", { className: "flex flex-wrap justify-end gap-2" },
+                        React.createElement(Button, { variant: "action", size: "sm", className: "text-xs", onClick: () => handleChangeReviewState("ACCEPTED" /* ReviewState.ACCEPTED */) }, t("detail.acceptReview")),
+                        React.createElement(ReviewStateChange, { onSubmit: handleChangeReviewState })))))),
             React.createElement(CardContent, null, review ? (React.createElement("div", { className: "space-y-6" },
                 React.createElement("div", { className: "flex gap-4 justify-between items-start" },
                     React.createElement(Card, { className: "w-full" },
@@ -252,9 +251,7 @@ export const Review = () => {
                 }))))));
 };
 const TranslationComponent = ({ language, matchingTranslation, isOriginal, }) => {
-    const { t } = useTranslation(TRANSLATION_NAMESPACE, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const [body, setBody] = useState(matchingTranslation.body);
     return (React.createElement("div", { className: "space-y-4" },
         React.createElement("div", null,

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

@@ -1,16 +1,13 @@
-import { Badge, CLOSED_WITHOUT_RESOLUTION, createDialogFromComponent, DetailList, formatDate, useLazyQuery, useMutation, } from "@deenruv/react-ui-devkit";
+import { Badge, CLOSED_WITHOUT_RESOLUTION, createDialogFromComponent, DetailList, formatDate, useLazyQuery, useMutation, useTranslation, } from "@deenruv/react-ui-devkit";
 import React from "react";
 import { ListReviewQuery } from "../graphql/queries.js";
 import { REVIEWS_ROUTES } from "../index.js";
 import { TRANSLATION_NAMESPACE } from "../constants.js";
-import { useTranslation } from "react-i18next";
-import { ReplaceIcon, ReplaceAllIcon } from "lucide-react";
+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, {
-        i18n: window.__DEENRUV_SETTINGS__.i18n,
-    });
+    const { t } = useTranslation(TRANSLATION_NAMESPACE);
     const [fetch] = useLazyQuery(ListReviewQuery);
     const [changeReviewState] = useMutation(ChangeReviewStateMutation);
     const [changeReviewsState] = useMutation(ChangeReviewsStateMutation);
@@ -75,6 +72,25 @@ export const Reviews = () => {
                 },
             },
         ], additionalRowActions: [
+            {
+                label: t("list.acceptReview"),
+                icon: React.createElement(Check, { className: "w-4 h-4" }),
+                canShow: ({ row }) => row.original.state === "PENDING" /* ReviewState.PENDING */,
+                onClick: async ({ row }) => {
+                    try {
+                        if (!row.original.id) {
+                            throw new Error(t("dialog.singleStateChangeNoSelection"));
+                        }
+                        await changeReviewState({
+                            input: { id: row.original.id, state: "ACCEPTED" /* ReviewState.ACCEPTED */ },
+                        });
+                        return { success: t("dialog.singleAcceptSuccess") };
+                    }
+                    catch {
+                        return { error: t("dialog.singleAcceptError") };
+                    }
+                },
+            },
             {
                 label: t("list.stateChange"),
                 icon: React.createElement(ReplaceIcon, { className: "w-4 h-4" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deenruv/reviews-plugin",
-  "version": "1.0.15",
+  "version": "1.0.17-dev.4",
   "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.15",
-    "@deenruv/react-ui-devkit": "^1.0.15",
-    "@deenruv/common": "^1.0.15"
+    "@deenruv/admin-types": "^1.0.17-dev.4",
+    "@deenruv/react-ui-devkit": "^1.0.17-dev.4",
+    "@deenruv/common": "^1.0.17-dev.4"
   },
   "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.15"
+    "@deenruv/core": "^1.0.17-dev.4"
   },
   "peerDependencies": {
     "@deenruv/core": "^1.0.0"