@deenruv/reviews-plugin 1.0.0

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

@@ -0,0 +1,174 @@
+import { Badge, CLOSED_WITHOUT_RESOLUTION, createDialogFromComponent, DetailList, formatDate, useLazyQuery, useMutation, } 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 { 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 [fetch] = useLazyQuery(ListReviewQuery);
+    const [changeReviewState] = useMutation(ChangeReviewStateMutation);
+    const [changeReviewsState] = useMutation(ChangeReviewsStateMutation);
+    return (React.createElement(DetailList, { entityName: "Review", tableId: "reviews-list-view", filterFields: [
+            {
+                key: "productId",
+                operator: "IDOperators",
+                translation: t("list.productId"),
+            },
+            {
+                key: "orderId",
+                operator: "IDOperators",
+                translation: t("list.orderId"),
+            },
+            {
+                key: "customerId",
+                operator: "IDOperators",
+                translation: t("list.customerId"),
+            },
+        ], createPermissions: [], deletePermissions: [], detailLinkColumn: "id", noCreateButton: true, route: REVIEWS_ROUTES, hideColumns: ["product", "order"], suggestedOrderColumns: {
+            reviewFor: 1,
+            rating: 2,
+            state: 3,
+        }, additionalBulkActions: [
+            {
+                label: t("list.bulkStateChange"),
+                icon: React.createElement(ReplaceAllIcon, { className: "w-4 h-4" }),
+                onClick: async ({ table }) => {
+                    try {
+                        const ids = Object.entries(table.getState().rowSelection)
+                            .map(([key, value]) => {
+                            if (value)
+                                return key;
+                        })
+                            .filter(Boolean);
+                        if (ids.length === 0) {
+                            throw new Error(t("dialog.bulkStateChangeNoSelection"));
+                        }
+                        const { value } = await createDialogFromComponent((UniversalSelectDialog), {
+                            title: t("dialog.bulkStateChangeTitle"),
+                            description: t("dialog.bulkStateChangeDescription"),
+                            selectLabel: t("dialog.bulkStateChangeSelectLabel"),
+                            selectPlaceholder: t("dialog.bulkStateChangeSelectPlaceholder"),
+                            options: [
+                                { label: t("state.accepted"), value: "ACCEPTED" /* ReviewState.ACCEPTED */ },
+                                { label: t("state.declined"), value: "DECLINED" /* ReviewState.DECLINED */ },
+                            ],
+                        });
+                        await changeReviewsState({
+                            input: ids.map((id) => ({ id, state: value })),
+                        });
+                        return { success: t("dialog.bulkStateChangeSuccess") };
+                    }
+                    catch (e) {
+                        const message = e instanceof Error ? e.message : e;
+                        if (typeof message === "string" &&
+                            message.includes(CLOSED_WITHOUT_RESOLUTION)) {
+                            return { info: t("dialog.bulkStateChangeCancelled") };
+                        }
+                        return { error: t("dialog.bulkStateChangeError") };
+                    }
+                },
+            },
+        ], additionalRowActions: [
+            {
+                label: t("list.stateChange"),
+                icon: React.createElement(ReplaceIcon, { className: "w-4 h-4" }),
+                onClick: async ({ row }) => {
+                    try {
+                        if (!row.original.id) {
+                            throw new Error(t("dialog.singleStateChangeNoSelection"));
+                        }
+                        const { value } = await createDialogFromComponent((UniversalSelectDialog), {
+                            title: t("dialog.singleStateChangeTitle"),
+                            description: t("dialog.singleStateChangeDescription"),
+                            selectLabel: t("dialog.singleStateChangeSelectLabel"),
+                            selectPlaceholder: t("dialog.singleStateChangeSelectPlaceholder"),
+                            options: [
+                                { label: t("state.accepted"), value: "ACCEPTED" /* ReviewState.ACCEPTED */ },
+                                { label: t("state.declined"), value: "DECLINED" /* ReviewState.DECLINED */ },
+                            ],
+                        });
+                        await changeReviewState({
+                            input: { id: row.original.id, state: value },
+                        });
+                        return { success: t("dialog.singleStateChangeSuccess") };
+                    }
+                    catch (e) {
+                        const message = e instanceof Error ? e.message : e;
+                        if (typeof message === "string" &&
+                            message.includes(CLOSED_WITHOUT_RESOLUTION)) {
+                            return { info: t("dialog.singleStateChangeCancelled") };
+                        }
+                        return { error: t("dialog.singleStateChangeError") };
+                    }
+                },
+            },
+        ], additionalColumns: [
+            {
+                accessorKey: "reviewFor",
+                header: t("list.reviewFor"),
+                cell: ({ row }) => {
+                    const product = row.original.product;
+                    const order = row.original.order;
+                    return (React.createElement("div", null, product ? (React.createElement(Badge, { variant: "secondary" }, product.name)) : order ? (React.createElement(Badge, { variant: "secondary" }, t("list.orderReview", { orderId: order.id }))) : (React.createElement(Badge, null, t("list.shopReview")))));
+                },
+            },
+            {
+                accessorKey: "responseCreatedAt",
+                header: t("list.responseCreatedAt"),
+                cell: ({ row }) => {
+                    const responseCreatedAt = row.original.responseCreatedAt;
+                    return (React.createElement("div", null, responseCreatedAt
+                        ? t("list.responseCreatedAtValue", {
+                            date: formatDate(responseCreatedAt, {
+                                dateStyle: "medium",
+                                timeStyle: "short",
+                            }),
+                        })
+                        : t("list.noResponse")));
+                },
+            },
+            {
+                accessorKey: "state",
+                header: t("list.state"),
+                cell: ({ row }) => {
+                    let variant = "default";
+                    if (row.original.state === "ACCEPTED" /* ReviewState.ACCEPTED */) {
+                        variant = "success";
+                    }
+                    if (row.original.state === "DECLINED" /* ReviewState.DECLINED */) {
+                        variant = "destructive";
+                    }
+                    return (React.createElement(Badge, { variant: variant }, t(`state.${row.original.state.toLowerCase()}`)));
+                },
+            },
+            {
+                accessorKey: "rating",
+                header: t("list.rating"),
+                cell: ({ row }) => {
+                    const rating = row.original.rating;
+                    return (React.createElement("div", null, Array.from({ length: 5 }, (_, index) => (React.createElement("span", { key: index, style: { color: index < rating ? "gold" : "gray" } }, "\u2605")))));
+                },
+            },
+        ], fetch: async ({ page, perPage, filter, filterOperator: operator, sort, }) => {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const filterOperator = operator;
+            const { listReviews } = await fetch({
+                options: {
+                    take: perPage,
+                    skip: (page - 1) * perPage,
+                    sort: sort
+                        ? { [sort.key]: sort.sortDir }
+                        : { createdAt: "DESC" /* SortOrder.DESC */ },
+                    ...(filterOperator && { filterOperator }),
+                    ...(filter && { filter }),
+                },
+            });
+            return listReviews;
+        } }));
+};

package/dist/plugin-ui/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "target": "ES2020",
+        "jsx": "react",
+        "outDir": "../../dist/plugin-ui",
+        "importHelpers": true,
+        "declaration": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "noImplicitAny": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["./**/*.tsx", "./**/*.json", "./**/*.ts"]
+}

package/dist/plugin-ui/zeus/const.d.ts

@@ -0,0 +1,6 @@
+export declare const AllTypesProps: Record<string, any>;
+export declare const ReturnTypes: Record<string, any>;
+export declare const Ops: {
+    query: "Query";
+    mutation: "Mutation";
+};