@translationstudio/translationstudio-strapi-extension 4.3.0 → 5.0.0

package/dist/Types.d.ts

@@ -171,15 +171,25 @@ export interface Entry {
     [key: string]: any;
 }
 export interface BulkTranslationMenuProps {
-    historyData: HistoryDataMap;
+    groupedHistoryData: GroupedHistoryItem[];
     isLoadingHistory: boolean;
     onTranslationComplete?: () => void;
 }
 export interface BulkTranslationPanelProps {
     contentType: ContentType | undefined;
     selectedEntries: string[];
+    onClose: () => void;
     onTranslationComplete: () => void;
 }
 export interface EntryHistoryProps {
     entryUid?: string;
 }
+export type TranslationStatus = "translated" | "intranslation" | "queued";
+export type GroupedHistoryItem = {
+    "element-name": string;
+    'element-uid': string;
+    timeUpdated: number;
+    targetLanguage: string;
+    status: TranslationStatus;
+    id: string;
+};

package/dist/_chunks/{App-C2A-alX9.js → App-C-MElCqg.js}

@@ -5,16 +5,16 @@ const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
 const designSystem = require("@strapi/design-system");
 const react = require("react");
-const index = require("./index-Dgpsawos.js");
+const index = require("./index-rTLjDSHt.js");
 const apiService = {
   async loadLicense(get) {
     try {
       const response = await get("/translationstudio/getLicense");
-      return response.data?.license || "";
+      return response.status === 204;
     } catch (err) {
       console.error(err);
-      return "";
     }
+    return false;
   },
   async loadDevUrl(get) {
     try {
@@ -79,6 +79,8 @@ const SettingsPage = () => {
   const [showAlert, setShowAlert] = react.useState(false);
   const [alertType, setAlertType] = react.useState("success");
   const [alertMessage, setAlertMessage] = react.useState("");
+  const [originalLicense, setOriginalLicense] = react.useState(false);
+  const [hasToken, setHasToken] = react.useState(false);
   const { get, post } = admin.getFetchClient();
   const displayAlert = react.useCallback((variant, message) => {
     const defaultMessage = variant === "success" ? "License saved" : "Error saving license";
@@ -95,7 +97,8 @@ const SettingsPage = () => {
           apiService.loadLicense(get),
           apiService.loadDevUrl(get)
         ]);
-        if (license) setLicenseValue(license);
+        if (license)
+          setOriginalLicense(license);
         if (devUrlData) {
           setDevUrl(devUrlData);
           setShowDevOptions(true);
@@ -107,13 +110,13 @@ const SettingsPage = () => {
       }
     };
     loadInitialData();
-  }, [setIsLoading, setDevUrl, setLicenseValue, setShowDevOptions]);
+  }, [setIsLoading, setDevUrl, setShowDevOptions, setOriginalLicense]);
   react.useEffect(() => {
     const fetchToken = async () => {
       setIsLoadingToken(true);
       try {
         const response = await get("/translationstudio/getToken");
-        setTokenValue(response.data?.token || "");
+        setHasToken(response.data?.token ? true : false);
       } catch (err) {
         console.error(err);
       } finally {
@@ -121,7 +124,7 @@ const SettingsPage = () => {
       }
     };
     fetchToken();
-  }, []);
+  }, [setIsLoadingToken, setHasToken]);
   const handleLicenseChange = react.useCallback((e) => {
     setLicenseValue(e.target.value.trim());
   }, []);
@@ -129,11 +132,12 @@ const SettingsPage = () => {
     try {
       await post("/translationstudio/setLicense", { license: licenseValue });
       displayAlert("success");
+      setOriginalLicense(true);
     } catch (err) {
       console.error(err);
       displayAlert("danger");
     }
-  }, [post, licenseValue, displayAlert]);
+  }, [post, licenseValue, setOriginalLicense, displayAlert]);
   const handleGenerateToken = react.useCallback(async () => {
     setIsLoadingToken(true);
     try {
@@ -178,7 +182,6 @@ const SettingsPage = () => {
       onClick,
       disabled,
       loading,
-      style: styles.button,
       size: "L",
       startIcon: icon,
       children
@@ -215,6 +218,7 @@ const SettingsPage = () => {
           " ",
           /* @__PURE__ */ jsxRuntime.jsx(LinkText, { href: "https://account.translationstudio.tech/", children: "account.translationstudio.tech" })
         ] }) }),
+        originalLicense && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingBottom: "2em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: "License is available." }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 10, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "block", width: "95%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.TextInput,
           {
@@ -227,11 +231,11 @@ const SettingsPage = () => {
             style: styles.textInput
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
           ActionButton,
           {
             onClick: handleSaveLicense,
-            disabled: isLoading,
+            disabled: isLoading || licenseValue.length < 30,
             icon: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
               "path",
               {
@@ -239,25 +243,17 @@ const SettingsPage = () => {
                 fill: "currentColor"
               }
             ) }),
-            children: "Save license"
+            children: [
+              originalLicense ? "Update" : "Save",
+              " license"
+            ]
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "3em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Authorize translationstudio requests" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "charlie", children: "When translationstudio connects with this plugin it will use the following access key to authorize itself." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 10, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "block", width: "95%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.TextInput,
-          {
-            name: "access-token",
-            label: "Access Key",
-            placeholder: "Generate an access key to validate incoming requests",
-            value: tokenValue,
-            onChange: () => {
-            },
-            disabled: true,
-            style: styles.textInput
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 10, style: { paddingTop: "5em" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Authorize translationstudio requests" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "charlie", style: { paddingBottom: "1em" }, children: "When translationstudio connects with this plugin it will use the following access key to authorize itself." }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, style: { textAlign: "right", paddingTop: "5em" }, children: /* @__PURE__ */ jsxRuntime.jsx(
           ActionButton,
           {
             onClick: handleGenerateToken,
@@ -270,9 +266,10 @@ const SettingsPage = () => {
                 fill: "currentColor"
               }
             ) }),
-            children: isLoadingToken ? "Generating..." : tokenValue ? "New access key" : "Create access key"
+            children: isLoadingToken ? "Generating..." : "Generate new access key"
           }
         ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { overflow: "hidden" }, children: tokenValue ? tokenValue : hasToken ? "Your existing access token will remain a secret" : "Generate an access key to validate incoming requests" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "5em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Customization" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "charlie", children: "You will not need these settings, but you might want to customize your translationstudio instance." }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/_chunks/{App-CUYIBOWI.mjs → App-CpTByl7h.mjs}

@@ -1,18 +1,18 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getFetchClient, Page } from "@strapi/strapi/admin";
 import { Routes, Route } from "react-router-dom";
-import { Main, Box, Alert, Grid, Typography, TextInput, Switch, Button } from "@strapi/design-system";
+import { Main, Box, Alert, Grid, Typography, Badge, TextInput, Switch, Button } from "@strapi/design-system";
 import { useState, useCallback, useEffect } from "react";
-import { T as TranslationstudioLogo } from "./index-Csx0xlBL.mjs";
+import { T as TranslationstudioLogo } from "./index-DZinmQcT.mjs";
 const apiService = {
   async loadLicense(get) {
     try {
       const response = await get("/translationstudio/getLicense");
-      return response.data?.license || "";
+      return response.status === 204;
     } catch (err) {
       console.error(err);
-      return "";
     }
+    return false;
   },
   async loadDevUrl(get) {
     try {
@@ -77,6 +77,8 @@ const SettingsPage = () => {
   const [showAlert, setShowAlert] = useState(false);
   const [alertType, setAlertType] = useState("success");
   const [alertMessage, setAlertMessage] = useState("");
+  const [originalLicense, setOriginalLicense] = useState(false);
+  const [hasToken, setHasToken] = useState(false);
   const { get, post } = getFetchClient();
   const displayAlert = useCallback((variant, message) => {
     const defaultMessage = variant === "success" ? "License saved" : "Error saving license";
@@ -93,7 +95,8 @@ const SettingsPage = () => {
           apiService.loadLicense(get),
           apiService.loadDevUrl(get)
         ]);
-        if (license) setLicenseValue(license);
+        if (license)
+          setOriginalLicense(license);
         if (devUrlData) {
           setDevUrl(devUrlData);
           setShowDevOptions(true);
@@ -105,13 +108,13 @@ const SettingsPage = () => {
       }
     };
     loadInitialData();
-  }, [setIsLoading, setDevUrl, setLicenseValue, setShowDevOptions]);
+  }, [setIsLoading, setDevUrl, setShowDevOptions, setOriginalLicense]);
   useEffect(() => {
     const fetchToken = async () => {
       setIsLoadingToken(true);
       try {
         const response = await get("/translationstudio/getToken");
-        setTokenValue(response.data?.token || "");
+        setHasToken(response.data?.token ? true : false);
       } catch (err) {
         console.error(err);
       } finally {
@@ -119,7 +122,7 @@ const SettingsPage = () => {
       }
     };
     fetchToken();
-  }, []);
+  }, [setIsLoadingToken, setHasToken]);
   const handleLicenseChange = useCallback((e) => {
     setLicenseValue(e.target.value.trim());
   }, []);
@@ -127,11 +130,12 @@ const SettingsPage = () => {
     try {
       await post("/translationstudio/setLicense", { license: licenseValue });
       displayAlert("success");
+      setOriginalLicense(true);
     } catch (err) {
       console.error(err);
       displayAlert("danger");
     }
-  }, [post, licenseValue, displayAlert]);
+  }, [post, licenseValue, setOriginalLicense, displayAlert]);
   const handleGenerateToken = useCallback(async () => {
     setIsLoadingToken(true);
     try {
@@ -176,7 +180,6 @@ const SettingsPage = () => {
       onClick,
       disabled,
       loading,
-      style: styles.button,
       size: "L",
       startIcon: icon,
       children
@@ -213,6 +216,7 @@ const SettingsPage = () => {
           " ",
           /* @__PURE__ */ jsx(LinkText, { href: "https://account.translationstudio.tech/", children: "account.translationstudio.tech" })
         ] }) }),
+        originalLicense && /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingBottom: "2em" }, children: /* @__PURE__ */ jsx(Badge, { children: "License is available." }) }),
         /* @__PURE__ */ jsx(Grid.Item, { xs: 10, children: /* @__PURE__ */ jsx("div", { style: { display: "block", width: "95%" }, children: /* @__PURE__ */ jsx(
           TextInput,
           {
@@ -225,11 +229,11 @@ const SettingsPage = () => {
             style: styles.textInput
           }
         ) }) }),
-        /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxs(
           ActionButton,
           {
             onClick: handleSaveLicense,
-            disabled: isLoading,
+            disabled: isLoading || licenseValue.length < 30,
             icon: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
               "path",
               {
@@ -237,25 +241,17 @@ const SettingsPage = () => {
                 fill: "currentColor"
               }
             ) }),
-            children: "Save license"
+            children: [
+              originalLicense ? "Update" : "Save",
+              " license"
+            ]
           }
         ) }),
-        /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "3em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Authorize translationstudio requests" }) }),
-        /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "charlie", children: "When translationstudio connects with this plugin it will use the following access key to authorize itself." }) }),
-        /* @__PURE__ */ jsx(Grid.Item, { xs: 10, children: /* @__PURE__ */ jsx("div", { style: { display: "block", width: "95%" }, children: /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            name: "access-token",
-            label: "Access Key",
-            placeholder: "Generate an access key to validate incoming requests",
-            value: tokenValue,
-            onChange: () => {
-            },
-            disabled: true,
-            style: styles.textInput
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid.Item, { xs: 10, style: { paddingTop: "5em" }, children: /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx("h2", { children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Authorize translationstudio requests" }) }),
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(Typography, { variant: "charlie", style: { paddingBottom: "1em" }, children: "When translationstudio connects with this plugin it will use the following access key to authorize itself." }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Grid.Item, { xs: 2, style: { textAlign: "right", paddingTop: "5em" }, children: /* @__PURE__ */ jsx(
           ActionButton,
           {
             onClick: handleGenerateToken,
@@ -268,9 +264,10 @@ const SettingsPage = () => {
                 fill: "currentColor"
               }
             ) }),
-            children: isLoadingToken ? "Generating..." : tokenValue ? "New access key" : "Create access key"
+            children: isLoadingToken ? "Generating..." : "Generate new access key"
           }
         ) }),
+        /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsx(Badge, { style: { overflow: "hidden" }, children: tokenValue ? tokenValue : hasToken ? "Your existing access token will remain a secret" : "Generate an access key to validate incoming requests" }) }),
         /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "5em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Customization" }) }),
         /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "charlie", children: "You will not need these settings, but you might want to customize your translationstudio instance." }) }),
         /* @__PURE__ */ jsx(Grid.Item, { xs: 12, children: /* @__PURE__ */ jsx(