@deenruv/upsell-plugin 1.0.17-dev.30 → 1.0.17-dev.32

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

@@ -1,21 +1,21 @@
 "use client";
-import { buttonVariants, Card, CardContent, CardHeader, DialogProductPicker, Routes, ScrollArea, useDetailView, useLazyQuery, useMutation, } from "@deenruv/react-ui-devkit";
+import { buttonVariants, Card, CardContent, CardHeader, DialogProductPicker, Routes, ScrollArea, useDetailView, useLazyQuery, useMutation, useTranslation, } from "@deenruv/react-ui-devkit";
 import React, { useEffect, useState } from "react";
-import { useNavigate } from "react-router";
 import { QUERIES } from "../graphql/queries";
 import { MUTATIONS } from "../graphql/mutations";
 import { toast } from "sonner";
 import { Loader2, PlusCircle, XIcon } from "lucide-react";
+import { translationNS } from "../translation-ns";
 export const UpsellSelect = () => {
+    const { t } = useTranslation(translationNS);
     const { id } = useDetailView("products-detail-view");
-    const navigate = useNavigate();
     const [run, { data, loading }] = useLazyQuery(QUERIES["GET_UPSELLS"]);
-    const [createUpsell, { loading: createLoading }] = useMutation(MUTATIONS["CREATE_UPSELL"]);
-    const [deleteUpsell, { loading: deleteLoading }] = useMutation(MUTATIONS["DELETE_UPSELL"]);
+    const [createUpsell] = useMutation(MUTATIONS["CREATE_UPSELL"]);
+    const [deleteUpsell] = useMutation(MUTATIONS["DELETE_UPSELL"]);
     const [deletingIds, setDeletingIds] = useState([]);
     const onSingleDelete = async (upsellProductID) => {
         if (!id) {
-            toast.error("No product selected");
+            toast.error(t("toast.noProduct"));
             return;
         }
         setDeletingIds((prev) => [...prev, upsellProductID]);
@@ -24,10 +24,10 @@ export const UpsellSelect = () => {
                 input: [{ baseProductID: id, upsellProductID }],
             });
             run({ productID: id });
-            toast.success("Upsell product removed");
+            toast.success(t("toast.removed"));
         }
         catch {
-            toast.error("Failed to delete upsell product");
+            toast.error(t("toast.removeFailed"));
         }
         finally {
             setDeletingIds((prev) => prev.filter((id) => id !== upsellProductID));
@@ -40,14 +40,14 @@ export const UpsellSelect = () => {
     return (React.createElement(Card, { className: "border border-border shadow-sm" },
         React.createElement(CardHeader, { className: "border-b border-border bg-muted/30" },
             React.createElement("div", { className: "flex items-center justify-between" },
-                React.createElement("h3", { className: "text-lg font-semibold" }, "Upsell Products"),
+                React.createElement("h3", { className: "text-lg font-semibold" }, t("title")),
                 React.createElement(DialogProductPicker, { initialValue: data?.upsellProducts.map((p) => p.id) || [], mode: "product", multiple: true, onSubmit: async (result) => {
                         if (!id) {
-                            toast.error("No product selected");
+                            toast.error(t("toast.noProduct"));
                             return;
                         }
                         if (!result) {
-                            toast.info("Canceled select upsell products");
+                            toast.info(t("toast.selectionCanceled"));
                             return;
                         }
                         const selectedIds = result.map((p) => p.productId);
@@ -72,18 +72,18 @@ export const UpsellSelect = () => {
                                     })),
                                 });
                             }
-                            toast.success("Upsell products updated successfully");
+                            toast.success(t("toast.updated"));
                         }
                         catch {
-                            toast.error("Failed to update upsell products");
+                            toast.error(t("toast.updateFailed"));
                         }
                         run({ productID: id });
                     } }))),
-        React.createElement(CardContent, { className: "p-6" }, loading ? (React.createElement("div", { className: "flex h-[400px] items-center justify-center" },
+        React.createElement(CardContent, { className: "p-6" }, loading ? (React.createElement("div", { className: "flex h-[400px] items-center justify-center", role: "status", "aria-label": t("loading") },
             React.createElement(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }))) : (React.createElement(ScrollArea, { className: "h-[400px]" }, data?.upsellProducts?.length ? (React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4" }, data.upsellProducts.map((product) => (React.createElement("div", { key: product.id, className: "group relative flex flex-col overflow-hidden rounded-lg border border-border bg-card transition-all hover:shadow-md" },
             React.createElement("div", { className: "relative aspect-square overflow-hidden bg-muted/20" },
-                product.featuredAsset?.preview ? (React.createElement("img", { src: product.featuredAsset.preview || "/placeholder.svg", alt: product.name, className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" })) : (React.createElement("div", { className: "flex h-full w-full items-center justify-center bg-muted/30 text-muted-foreground" }, "No image")),
-                React.createElement("button", { className: "absolute right-2 top-2 rounded-full bg-background/80 p-1.5 text-destructive opacity-0 shadow-sm transition-opacity hover:bg-destructive hover:text-destructive-foreground focus:opacity-100 group-hover:opacity-100", onClick: () => onSingleDelete(product.id), disabled: deletingIds.includes(product.id), "aria-label": "Remove upsell product" }, deletingIds.includes(product.id) ? (React.createElement(Loader2, { className: "h-4 w-4 animate-spin" })) : (React.createElement(XIcon, { className: "h-4 w-4" })))),
+                product.featuredAsset?.preview ? (React.createElement("img", { src: product.featuredAsset.preview || "/placeholder.svg", alt: product.name, className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" })) : (React.createElement("div", { className: "flex h-full w-full items-center justify-center bg-muted/30 text-muted-foreground" }, t("noImage"))),
+                React.createElement("button", { className: "absolute right-2 top-2 rounded-full bg-background/80 p-1.5 text-destructive opacity-0 shadow-sm transition-opacity hover:bg-destructive hover:text-destructive-foreground focus:opacity-100 group-hover:opacity-100", onClick: () => onSingleDelete(product.id), disabled: deletingIds.includes(product.id), "aria-label": t("removeAria") }, deletingIds.includes(product.id) ? (React.createElement(Loader2, { className: "h-4 w-4 animate-spin" })) : (React.createElement(XIcon, { className: "h-4 w-4" })))),
             React.createElement("div", { className: "flex flex-1 flex-col p-3" },
                 React.createElement("h4", { className: "line-clamp-2 font-medium leading-tight text-sm mb-3", title: product.name }, product.name),
                 React.createElement("div", { className: "mt-auto" },
@@ -91,9 +91,9 @@ export const UpsellSelect = () => {
                             variant: "secondary",
                             size: "sm",
                             className: "w-full text-xs",
-                        }), rel: "noreferrer" }, "View Product")))))))) : (React.createElement("div", { className: "flex h-[300px] flex-col items-center justify-center rounded-lg border border-dashed border-muted-foreground/20 p-8 text-center" },
+                        }), rel: "noreferrer" }, t("viewProduct"))))))))) : (React.createElement("div", { className: "flex h-[300px] flex-col items-center justify-center rounded-lg border border-dashed border-muted-foreground/20 p-8 text-center" },
             React.createElement("div", { className: "rounded-full bg-muted/30 p-3" },
                 React.createElement(PlusCircle, { className: "h-6 w-6 text-muted-foreground" })),
-            React.createElement("h3", { className: "mt-4 text-lg font-medium" }, "No upsell products"),
-            React.createElement("p", { className: "mt-2 text-sm text-muted-foreground" }, "Add upsell products to increase average order value"))))))));
+            React.createElement("h3", { className: "mt-4 text-lg font-medium" }, t("empty.title")),
+            React.createElement("p", { className: "mt-2 text-sm text-muted-foreground" }, t("empty.description")))))))));
 };

package/dist/plugin-ui/index.js

@@ -1,4 +1,4 @@
-import { createDeenruvUIPlugin, DEENRUV_UI_VERSION } from "@deenruv/react-ui-devkit";
+import { createDeenruvUIPlugin, DEENRUV_UI_VERSION, } from "@deenruv/react-ui-devkit";
 import pl from "./locales/pl";
 import en from "./locales/en";
 import { translationNS } from "./translation-ns";
@@ -16,6 +16,7 @@ export const UpsellUIPlugin = createDeenruvUIPlugin({
             sidebarReplacement: React.createElement(React.Fragment, null),
             name: "Extras",
             label: "Extras",
+            labelId: "tab.extras",
         },
     ],
 });

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

@@ -1,5 +1,26 @@
-declare const _default: {
+declare const _default: ({
     createReceipt: string;
     createProformaInvoice: string;
-}[];
+} | {
+    tab: {
+        extras: string;
+    };
+    title: string;
+    loading: string;
+    noImage: string;
+    removeAria: string;
+    viewProduct: string;
+    empty: {
+        title: string;
+        description: string;
+    };
+    toast: {
+        noProduct: string;
+        selectionCanceled: string;
+        removed: string;
+        removeFailed: string;
+        updated: string;
+        updateFailed: string;
+    };
+})[];
 export default _default;

package/dist/plugin-ui/locales/en/index.js

@@ -1,2 +1,3 @@
-import wfirma from './wfirma.json';
-export default [wfirma];
+import wfirma from "./wfirma.json";
+import upsell from "./upsell.json";
+export default [wfirma, upsell];

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

@@ -0,0 +1,22 @@
+{
+    "tab": {
+        "extras": "Extras"
+    },
+    "title": "Upsell products",
+    "loading": "Loading upsell products",
+    "noImage": "No image",
+    "removeAria": "Remove upsell product",
+    "viewProduct": "View product",
+    "empty": {
+        "title": "No upsell products",
+        "description": "Add upsell products to increase average order value"
+    },
+    "toast": {
+        "noProduct": "No product selected",
+        "selectionCanceled": "Upsell product selection canceled",
+        "removed": "Upsell product removed",
+        "removeFailed": "Failed to remove upsell product",
+        "updated": "Upsell products updated successfully",
+        "updateFailed": "Failed to update upsell products"
+    }
+}

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

@@ -1,5 +1,26 @@
-declare const _default: {
+declare const _default: ({
     createReceipt: string;
     createProformaInvoice: string;
-}[];
+} | {
+    tab: {
+        extras: string;
+    };
+    title: string;
+    loading: string;
+    noImage: string;
+    removeAria: string;
+    viewProduct: string;
+    empty: {
+        title: string;
+        description: string;
+    };
+    toast: {
+        noProduct: string;
+        selectionCanceled: string;
+        removed: string;
+        removeFailed: string;
+        updated: string;
+        updateFailed: string;
+    };
+})[];
 export default _default;

package/dist/plugin-ui/locales/pl/index.js

@@ -1,2 +1,3 @@
-import wfirma from './wfirma.json';
-export default [wfirma];
+import wfirma from "./wfirma.json";
+import upsell from "./upsell.json";
+export default [wfirma, upsell];

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

@@ -0,0 +1,22 @@
+{
+    "tab": {
+        "extras": "Dodatki"
+    },
+    "title": "Produkty upsell",
+    "loading": "Ładowanie produktów upsell",
+    "noImage": "Brak zdjęcia",
+    "removeAria": "Usuń produkt upsell",
+    "viewProduct": "Zobacz produkt",
+    "empty": {
+        "title": "Brak produktów upsell",
+        "description": "Dodaj produkty upsell, aby zwiększyć średnią wartość zamówienia"
+    },
+    "toast": {
+        "noProduct": "Nie wybrano produktu",
+        "selectionCanceled": "Anulowano wybór produktów upsell",
+        "removed": "Produkt upsell został usunięty",
+        "removeFailed": "Nie udało się usunąć produktu upsell",
+        "updated": "Produkty upsell zostały zaktualizowane",
+        "updateFailed": "Nie udało się zaktualizować produktów upsell"
+    }
+}

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

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

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

@@ -0,0 +1,45 @@
+import { readFileSync } from "node:fs";
+import { fileURLToPath, URL } from "node:url";
+import { describe, expect, it } from "vitest";
+const readJson = (relativePath) => JSON.parse(readFileSync(fileURLToPath(new URL(relativePath, import.meta.url)), "utf8"));
+const flattenKeys = (tree, prefix = "") => Object.entries(tree).flatMap(([key, value]) => {
+    const path = prefix ? `${prefix}.${key}` : key;
+    return typeof value === "string" ? [path] : flattenKeys(value, path);
+});
+const componentSource = readFileSync(fileURLToPath(new URL("./components/UpsellSelect.tsx", import.meta.url)), "utf8");
+const pluginSource = readFileSync(fileURLToPath(new URL("./index.tsx", import.meta.url)), "utf8");
+describe("upsell plugin translations", () => {
+    const en = readJson("./locales/en/upsell.json");
+    const pl = readJson("./locales/pl/upsell.json");
+    it("keeps complete recursive EN/PL key parity", () => {
+        expect(flattenKeys(pl).sort()).toEqual(flattenKeys(en).sort());
+    });
+    it("defines every statically referenced translation key", () => {
+        const referencedKeys = Array.from(componentSource.matchAll(/\bt\("([^"]+)"/g), (match) => match[1]);
+        const availableKeys = new Set(flattenKeys(en));
+        expect(referencedKeys.length).toBeGreaterThan(0);
+        expect(referencedKeys.filter((key) => !availableKeys.has(key))).toEqual([]);
+    });
+    it("declares an SSR-safe product-detail tab translation key", () => {
+        expect(pluginSource).toContain('labelId: "tab.extras"');
+        expect(pluginSource).toContain('label: "Extras"');
+        expect(pluginSource).not.toContain("get label()");
+        expect(pluginSource).not.toContain("globalThis.window");
+        expect(en.tab).toEqual({ extras: "Extras" });
+        expect(pl.tab).toEqual({ extras: "Dodatki" });
+    });
+    it("does not reintroduce audited hard-coded shell copy", () => {
+        for (const literal of [
+            ">Upsell Products<",
+            ">No image<",
+            'aria-label="Remove upsell product"',
+            ">View Product<",
+            ">No upsell products<",
+            "Add upsell products to increase average order value",
+            'toast.error("No product selected")',
+            'toast.success("Upsell product removed")',
+        ]) {
+            expect(componentSource).not.toContain(literal);
+        }
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deenruv/upsell-plugin",
-  "version": "1.0.17-dev.30",
+  "version": "1.0.17-dev.32",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -30,9 +30,9 @@
     "react-i18next": "^14.0.5",
     "sonner": "^1.4.41",
     "recharts": "^2.12.7",
-    "@deenruv/admin-types": "^1.0.17-dev.30",
-    "@deenruv/common": "^1.0.17-dev.30",
-    "@deenruv/react-ui-devkit": "^1.0.17-dev.30"
+    "@deenruv/common": "^1.0.17-dev.32",
+    "@deenruv/react-ui-devkit": "^1.0.17-dev.32",
+    "@deenruv/admin-types": "^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.30"
+    "@deenruv/core": "^1.0.17-dev.32"
   },
   "peerDependencies": {
     "@deenruv/core": "^1.0.0 || ^1.0.17-dev.0"