@translationstudio/translationstudio-strapi-extension 2.1.0 → 4.0.0

package/dist/_chunks/App-Hb9oaG2M.mjs

@@ -1,337 +0,0 @@
-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, Button, Switch } from "@strapi/design-system";
-import { useState, useEffect } from "react";
-import { ArrowClockwise, Play } from "@strapi/icons";
-import { T as TSlogoFarbig, a as TSlogoWhite } from "./index-BgsAgrFL.mjs";
-async function loadLicense(fnGet) {
-  try {
-    const response = await fnGet("/translationstudio/getLicense");
-    if (typeof response.data?.license === "string")
-      return response.data.license;
-  } catch (err) {
-    console.error(err);
-  }
-  return "";
-}
-async function loadDevUrl(fnGet) {
-  try {
-    const response = await fnGet("/translationstudio/devurl");
-    if (typeof response.data?.url === "string")
-      return response.data.url;
-  } catch (err) {
-    console.error(err);
-  }
-  return "";
-}
-async function updateDevlUrl(fnPost, url) {
-  try {
-    const response = await fnPost("/translationstudio/devurl", { url });
-    if (typeof response.data?.success === "boolean")
-      return response.data.success;
-  } catch (err) {
-    console.error(err);
-  }
-  return false;
-}
-const TextareaStyle = {
-  color: "grey",
-  width: "100%",
-  display: "block",
-  backgroundColor: "#f6f6f6",
-  cursor: "default"
-};
-const BUttonStyle = { backgroundColor: "#e94642", border: "none", paddingTop: "0.6em", paddingBottom: "0.6em" };
-const SettingsPage = () => {
-  const [licenseValue, setLicenseValue] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
-  const [tokenValue, setTokenValue] = useState("");
-  const [isLoadingToken, setIsLoadingToken] = useState(false);
-  const [showDevOptions, setShowDevOptions] = useState(false);
-  const [showAlert, setShowAlert] = useState(false);
-  const [alertType, setAlertType] = useState("success");
-  const [alertMessage, setAlertMessage] = useState("");
-  const [devUrl, setDevUrl] = useState("");
-  const { get, post } = getFetchClient();
-  useEffect(() => {
-    const getLicense = async () => {
-      setIsLoading(true);
-      const license = await loadLicense(get);
-      if (license)
-        setLicenseValue(license);
-      const dUrl = await loadDevUrl(get);
-      if (dUrl) {
-        console.log(dUrl);
-        setDevUrl(dUrl);
-        setShowDevOptions(true);
-      }
-      setIsLoading(false);
-    };
-    getLicense();
-  }, [setLicenseValue, setDevUrl, setIsLoading, setShowDevOptions]);
-  useEffect(() => {
-    const fetchToken = async () => {
-      setIsLoadingToken(true);
-      try {
-        const response = await get("/translationstudio/getToken");
-        if (response.data.token) {
-          setTokenValue(response.data.token);
-        } else {
-          setTokenValue("");
-        }
-      } catch (err) {
-        console.error(err);
-      } finally {
-        setIsLoadingToken(false);
-      }
-    };
-    fetchToken();
-  }, []);
-  const handleLicenseChange = (e) => {
-    setLicenseValue(e.target.value.trim());
-  };
-  const handleUpdateUrl = async function() {
-    setIsLoading(true);
-    updateDevlUrl(post, devUrl).then(() => {
-      if (devUrl === "")
-        setShowDevOptions(false);
-    }).finally(() => setIsLoading(false));
-  };
-  const handleSaveLicense = async () => {
-    try {
-      const response = await post("/translationstudio/setLicense", { license: licenseValue });
-      if (response) {
-        displayAlert("success");
-        return;
-      }
-    } catch (err) {
-      console.error(err);
-    }
-    displayAlert("danger");
-  };
-  const displayAlert = (variant) => {
-    let message = variant === "success" ? "License saved" : "Error saving license";
-    setAlertType(variant);
-    setAlertMessage(message);
-    setShowAlert(true);
-    setTimeout(() => {
-      setShowAlert(false);
-    }, 5e3);
-  };
-  const handleGenerateToken = async () => {
-    setIsLoadingToken(true);
-    try {
-      const response = await post("/translationstudio/generateToken");
-      if (response.data?.token) {
-        setTokenValue(response.data.token);
-      }
-    } catch (err) {
-      console.error(err);
-    } finally {
-      setIsLoadingToken(false);
-    }
-  };
-  const onChangeDevOptions = function(val) {
-    if (val)
-      setShowDevOptions(val);
-    else
-      updateDevlUrl(post, "").finally(() => setShowDevOptions(val));
-  };
-  return /* @__PURE__ */ jsxs(Main, { children: [
-    showAlert && /* @__PURE__ */ jsx(
-      Box,
-      {
-        style: {
-          position: "fixed",
-          top: "10%",
-          left: "50%",
-          transform: "translate(-50%, -50%)",
-          zIndex: 10,
-          minWidth: "400px",
-          maxWidth: "90%"
-        },
-        children: /* @__PURE__ */ jsx(Alert, { closeLabel: "Close", variant: alertType, onClose: () => setShowAlert(false), children: alertMessage })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        padding: 10,
-        style: {
-          minHeight: "90vh",
-          marginTop: "5vh"
-        },
-        children: /* @__PURE__ */ jsxs(Grid.Root, { children: [
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, children: /* @__PURE__ */ jsx(Box, { style: { textAlign: "right", width: "100%" }, children: /* @__PURE__ */ jsxs("picture", { style: {
-            width: "300px",
-            height: "auto",
-            display: "inline-block"
-          }, children: [
-            /* @__PURE__ */ jsx("source", { srcSet: TSlogoFarbig, media: "(prefers-color-scheme: light)" }),
-            /* @__PURE__ */ jsx("source", { srcSet: TSlogoWhite, media: "(prefers-color-scheme: dark)" }),
-            /* @__PURE__ */ jsx("img", { src: TSlogoFarbig })
-          ] }) }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { width: "100%" }, children: "translationstudio License" }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "charlie", style: { width: "100%" }, children: [
-            "You can create or revoke a license at",
-            " ",
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "https://account.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "account.translationstudio.tech"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 10, children: /* @__PURE__ */ jsx(Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              name: "jwt-token",
-              label: "JWT Token",
-              placeholder: "Paste your Strapi translationstudio license into this field and click save to apply it to this project",
-              "aria-label": "Strapi license Input",
-              value: licenseValue,
-              onChange: handleLicenseChange,
-              disabled: isLoading,
-              style: TextareaStyle
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: handleSaveLicense,
-              disabled: isLoading,
-              style: BUttonStyle,
-              size: "L",
-              startIcon: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "20",
-                  height: "20",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M21,20V8.414a1,1,0,0,0-.293-.707L16.293,3.293A1,1,0,0,0,15.586,3H4A1,1,0,0,0,3,4V20a1,1,0,0,0,1,1H20A1,1,0,0,0,21,20ZM9,8h6V6h1v3H8V6H9ZM8,18V14h8v4Z",
-                      fill: "currentColor"
-                    }
-                  )
-                }
-              ),
-              children: "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", style: { width: "100%" }, 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(Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              name: "access-token",
-              label: "Access Key",
-              placeholder: "Generate an access key to validate incoming requests",
-              "aria-label": "Access Key Input",
-              value: tokenValue,
-              onChange: () => {
-              },
-              disabled: true,
-              style: TextareaStyle
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: handleGenerateToken,
-              style: BUttonStyle,
-              disabled: isLoadingToken,
-              loading: isLoadingToken,
-              size: "L",
-              startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
-              children: isLoadingToken ? "Generating..." : tokenValue ? "New access key" : "Create access key"
-            }
-          ) }),
-          /* @__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", style: { width: "100%" }, 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(
-            Switch,
-            {
-              checked: showDevOptions,
-              onCheckedChange: () => onChangeDevOptions(!showDevOptions),
-              onLabel: "Use custom translationstudio URL",
-              offLabel: "Custom translationstudio URL is currently disabled (default)",
-              visibleLabels: true
-            }
-          ) }),
-          showDevOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", children: "Use custom translationstudio URL." }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: "This is usually only necessary for development purposes." }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 10, children: /* @__PURE__ */ jsx(Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-              TextInput,
-              {
-                onChange: (e) => setDevUrl(e.target.value.trim()),
-                name: "devurl",
-                label: "Custom translationstudio url",
-                placeholder: "Paste your custom translationstudio url here",
-                "aria-label": "translationstudio custom url",
-                value: devUrl,
-                style: TextareaStyle
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 2, children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: handleUpdateUrl,
-                style: BUttonStyle,
-                disabled: isLoadingToken,
-                loading: isLoadingToken,
-                startIcon: /* @__PURE__ */ jsx(Play, {}),
-                size: "L",
-                children: "Update URL"
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, style: { paddingTop: "4em" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", style: { width: "100%", textAlign: "right" }, children: [
-            "If you do not have a translationstudio account, please create one at",
-            " ",
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "https://account.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "account.translationstudio.tech"
-              }
-            ),
-            ". You can find further information at ",
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "https://www.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "translationstudio.tech"
-              }
-            ),
-            " "
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-};
-const App = () => {
-  return /* @__PURE__ */ jsxs(Routes, { children: [
-    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(SettingsPage, {}) }),
-    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-  ] });
-};
-export {
-  App
-};

package/dist/_chunks/App-v67y1hUs.js

@@ -1,337 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const admin = require("@strapi/strapi/admin");
-const reactRouterDom = require("react-router-dom");
-const designSystem = require("@strapi/design-system");
-const react = require("react");
-const icons = require("@strapi/icons");
-const index = require("./index-ehPijnQ-.js");
-async function loadLicense(fnGet) {
-  try {
-    const response = await fnGet("/translationstudio/getLicense");
-    if (typeof response.data?.license === "string")
-      return response.data.license;
-  } catch (err) {
-    console.error(err);
-  }
-  return "";
-}
-async function loadDevUrl(fnGet) {
-  try {
-    const response = await fnGet("/translationstudio/devurl");
-    if (typeof response.data?.url === "string")
-      return response.data.url;
-  } catch (err) {
-    console.error(err);
-  }
-  return "";
-}
-async function updateDevlUrl(fnPost, url) {
-  try {
-    const response = await fnPost("/translationstudio/devurl", { url });
-    if (typeof response.data?.success === "boolean")
-      return response.data.success;
-  } catch (err) {
-    console.error(err);
-  }
-  return false;
-}
-const TextareaStyle = {
-  color: "grey",
-  width: "100%",
-  display: "block",
-  backgroundColor: "#f6f6f6",
-  cursor: "default"
-};
-const BUttonStyle = { backgroundColor: "#e94642", border: "none", paddingTop: "0.6em", paddingBottom: "0.6em" };
-const SettingsPage = () => {
-  const [licenseValue, setLicenseValue] = react.useState("");
-  const [isLoading, setIsLoading] = react.useState(true);
-  const [tokenValue, setTokenValue] = react.useState("");
-  const [isLoadingToken, setIsLoadingToken] = react.useState(false);
-  const [showDevOptions, setShowDevOptions] = react.useState(false);
-  const [showAlert, setShowAlert] = react.useState(false);
-  const [alertType, setAlertType] = react.useState("success");
-  const [alertMessage, setAlertMessage] = react.useState("");
-  const [devUrl, setDevUrl] = react.useState("");
-  const { get, post } = admin.getFetchClient();
-  react.useEffect(() => {
-    const getLicense = async () => {
-      setIsLoading(true);
-      const license = await loadLicense(get);
-      if (license)
-        setLicenseValue(license);
-      const dUrl = await loadDevUrl(get);
-      if (dUrl) {
-        console.log(dUrl);
-        setDevUrl(dUrl);
-        setShowDevOptions(true);
-      }
-      setIsLoading(false);
-    };
-    getLicense();
-  }, [setLicenseValue, setDevUrl, setIsLoading, setShowDevOptions]);
-  react.useEffect(() => {
-    const fetchToken = async () => {
-      setIsLoadingToken(true);
-      try {
-        const response = await get("/translationstudio/getToken");
-        if (response.data.token) {
-          setTokenValue(response.data.token);
-        } else {
-          setTokenValue("");
-        }
-      } catch (err) {
-        console.error(err);
-      } finally {
-        setIsLoadingToken(false);
-      }
-    };
-    fetchToken();
-  }, []);
-  const handleLicenseChange = (e) => {
-    setLicenseValue(e.target.value.trim());
-  };
-  const handleUpdateUrl = async function() {
-    setIsLoading(true);
-    updateDevlUrl(post, devUrl).then(() => {
-      if (devUrl === "")
-        setShowDevOptions(false);
-    }).finally(() => setIsLoading(false));
-  };
-  const handleSaveLicense = async () => {
-    try {
-      const response = await post("/translationstudio/setLicense", { license: licenseValue });
-      if (response) {
-        displayAlert("success");
-        return;
-      }
-    } catch (err) {
-      console.error(err);
-    }
-    displayAlert("danger");
-  };
-  const displayAlert = (variant) => {
-    let message = variant === "success" ? "License saved" : "Error saving license";
-    setAlertType(variant);
-    setAlertMessage(message);
-    setShowAlert(true);
-    setTimeout(() => {
-      setShowAlert(false);
-    }, 5e3);
-  };
-  const handleGenerateToken = async () => {
-    setIsLoadingToken(true);
-    try {
-      const response = await post("/translationstudio/generateToken");
-      if (response.data?.token) {
-        setTokenValue(response.data.token);
-      }
-    } catch (err) {
-      console.error(err);
-    } finally {
-      setIsLoadingToken(false);
-    }
-  };
-  const onChangeDevOptions = function(val) {
-    if (val)
-      setShowDevOptions(val);
-    else
-      updateDevlUrl(post, "").finally(() => setShowDevOptions(val));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
-    showAlert && /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        style: {
-          position: "fixed",
-          top: "10%",
-          left: "50%",
-          transform: "translate(-50%, -50%)",
-          zIndex: 10,
-          minWidth: "400px",
-          maxWidth: "90%"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { closeLabel: "Close", variant: alertType, onClose: () => setShowAlert(false), children: alertMessage })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        padding: 10,
-        style: {
-          minHeight: "90vh",
-          marginTop: "5vh"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { textAlign: "right", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs("picture", { style: {
-            width: "300px",
-            height: "auto",
-            display: "inline-block"
-          }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: index.TSlogoFarbig, media: "(prefers-color-scheme: light)" }),
-            /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: index.TSlogoWhite, media: "(prefers-color-scheme: dark)" }),
-            /* @__PURE__ */ jsxRuntime.jsx("img", { src: index.TSlogoFarbig })
-          ] }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { width: "100%" }, children: "translationstudio License" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "charlie", style: { width: "100%" }, children: [
-            "You can create or revoke a license at",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "a",
-              {
-                href: "https://account.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "account.translationstudio.tech"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 10, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.TextInput,
-            {
-              name: "jwt-token",
-              label: "JWT Token",
-              placeholder: "Paste your Strapi translationstudio license into this field and click save to apply it to this project",
-              "aria-label": "Strapi license Input",
-              value: licenseValue,
-              onChange: handleLicenseChange,
-              disabled: isLoading,
-              style: TextareaStyle
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
-            {
-              onClick: handleSaveLicense,
-              disabled: isLoading,
-              style: BUttonStyle,
-              size: "L",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(
-                "svg",
-                {
-                  width: "20",
-                  height: "20",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "path",
-                    {
-                      d: "M21,20V8.414a1,1,0,0,0-.293-.707L16.293,3.293A1,1,0,0,0,15.586,3H4A1,1,0,0,0,3,4V20a1,1,0,0,0,1,1H20A1,1,0,0,0,21,20ZM9,8h6V6h1v3H8V6H9ZM8,18V14h8v4Z",
-                      fill: "currentColor"
-                    }
-                  )
-                }
-              ),
-              children: "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", style: { width: "100%" }, 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(designSystem.Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.TextInput,
-            {
-              name: "access-token",
-              label: "Access Key",
-              placeholder: "Generate an access key to validate incoming requests",
-              "aria-label": "Access Key Input",
-              value: tokenValue,
-              onChange: () => {
-              },
-              disabled: true,
-              style: TextareaStyle
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
-            {
-              onClick: handleGenerateToken,
-              style: BUttonStyle,
-              disabled: isLoadingToken,
-              loading: isLoadingToken,
-              size: "L",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}),
-              children: isLoadingToken ? "Generating..." : tokenValue ? "New access key" : "Create access key"
-            }
-          ) }),
-          /* @__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", style: { width: "100%" }, 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(
-            designSystem.Switch,
-            {
-              checked: showDevOptions,
-              onCheckedChange: () => onChangeDevOptions(!showDevOptions),
-              onLabel: "Use custom translationstudio URL",
-              offLabel: "Custom translationstudio URL is currently disabled (default)",
-              visibleLabels: true
-            }
-          ) }),
-          showDevOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "2em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", children: "Use custom translationstudio URL." }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingBottom: "1em" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "This is usually only necessary for development purposes." }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 10, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.TextInput,
-              {
-                onChange: (e) => setDevUrl(e.target.value.trim()),
-                name: "devurl",
-                label: "Custom translationstudio url",
-                placeholder: "Paste your custom translationstudio url here",
-                "aria-label": "translationstudio custom url",
-                value: devUrl,
-                style: TextareaStyle
-              }
-            ) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
-              {
-                onClick: handleUpdateUrl,
-                style: BUttonStyle,
-                disabled: isLoadingToken,
-                loading: isLoadingToken,
-                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, {}),
-                size: "L",
-                children: "Update URL"
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, style: { paddingTop: "4em" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", style: { width: "100%", textAlign: "right" }, children: [
-            "If you do not have a translationstudio account, please create one at",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "a",
-              {
-                href: "https://account.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "account.translationstudio.tech"
-              }
-            ),
-            ". You can find further information at ",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "a",
-              {
-                href: "https://www.translationstudio.tech/",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: { textDecoration: "none", color: "#e94642" },
-                children: "translationstudio.tech"
-              }
-            ),
-            " "
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-};
-const App = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(SettingsPage, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
-  ] });
-};
-exports.App = App;