@localazy/strapi-plugin 1.3.0 → 1.6.0

package/dist/_chunks/{LocalazyApp-CJRpsTKr.mjs → LocalazyApp-C4kbsnQh.mjs}

@@ -1,16 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useNavigate, useLocation, NavLink, useParams, Routes, Route } from "react-router-dom";
-import { o as ForwardRef$2H, p as ForwardRef$d, q as ForwardRef$3P, r as ForwardRef$4j, c as Flex, L as Loader, e as Button, B as Box, T as Typography, g as Link, s as SubNav, t as SubNavHeader, u as SubNavSections, v as SubNavSection, w as SubNavLink, x as ForwardRef$L, G as Grid, j as Divider, f as ForwardRef$3, A as Alert, D as Dialog, y as ForwardRef$4L, z as ForwardRef$4N, P as Pagination, E as PreviousLink, H as PageLink, I as Dots, N as NextLink, J as lodashExports, K as ForwardRef$j, i as ForwardRef$2x, F as Field, O as DatePicker$1, Q as Tabs, R as ForwardRef$57, l as DesignSystemProvider } from "./index-CHjIMO9T.mjs";
+import { o as ForwardRef$2H, p as ForwardRef$d, q as ForwardRef$3P, r as ForwardRef$4j, e as Button, s as TooltipImpl, B as Box, T as Typography, g as Link, t as SubNav, u as SubNavHeader, v as SubNavSections, w as SubNavSection, x as SubNavLink, y as ForwardRef$L, G as Grid, j as Divider, c as Flex, f as ForwardRef$3, A as Alert, D as Dialog, z as ForwardRef$4L, E as ForwardRef$4N, P as Pagination, H as PreviousLink, I as PageLink, J as Dots, N as NextLink, K as lodashExports, O as ForwardRef$j, i as ForwardRef$2x, F as Field, Q as DatePicker$1, R as Tabs, U as ForwardRef$57, l as DesignSystemProvider } from "./index-shryj0jT.mjs";
 import React__default, { useState, useEffect, useCallback, useMemo, useRef } from "react";
-import { u as useLocalazyIdentity, w as LocalazyUserService, x as emptyIdentity, P as PluginSettingsService, c as cloneDeep, s as set, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-BJGoZPpM.mjs";
-import { P as PLUGIN_ID } from "./index-toauQlIK.mjs";
+import { u as useLocalazyIdentity, a as PluginPageLoader, y as LocalazyUserService, z as emptyIdentity, P as PluginSettingsService, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-Bm7bc5bS.mjs";
+import { a as PLUGIN_ID, P as PERMISSIONS } from "./index-DP2ugzc_.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
-import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-BflplVsH.mjs";
-import { P as ProjectService, L as LanguagesSelector } from "./LanguagesSelector-DJxgCwgM.mjs";
-import { Layouts, Page } from "@strapi/strapi/admin";
-import "./i18n-QelOdIB2.mjs";
-import { h as hasModelChanged } from "./has-model-changed-FMGVcFHU.mjs";
+import { useRBAC, Layouts, useAuth, useNotification, Page } from "@strapi/strapi/admin";
+import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-IiMEtDoH.mjs";
+import { P as ProjectService, L as LanguagesSelector } from "./LanguagesSelector-B1rwN7-Y.mjs";
+import "./i18n-76ox2llT.mjs";
+import { h as hasModelChanged } from "./has-model-changed-CVJEuGxM.mjs";
 import { useTheme } from "styled-components";
 var PLUGIN_ROUTES = /* @__PURE__ */ ((PLUGIN_ROUTES2) => {
   PLUGIN_ROUTES2["ROOT"] = "";
@@ -98,10 +98,6 @@ const useHeaderSubtitle = () => {
   const currentNavItem = navigation.find((navItem) => pluginSegment.includes(navItem.id));
   return currentNavItem?.description || "";
 };
-function PluginPageLoader() {
-  const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ jsx(Flex, { marginTop: 10, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children: t2("common.loading_content") }) });
-}
 var propTypes = { exports: {} };
 var reactIs = { exports: {} };
 var reactIs_production_min = {};
@@ -1258,6 +1254,8 @@ if (process.env.STRAPI_ADMIN_LOCALAZY_ENV === "development") {
 }
 const LoginButton = (props) => {
   const { t: t2 } = useTranslation();
+  const { allowedActions } = useRBAC(PERMISSIONS.SETTINGS_UPDATE);
+  const canConnect = !!allowedActions.canUpdate;
   const [isLoading, setIsLoading] = useState(false);
   const login = async () => {
     setIsLoading(true);
@@ -1278,7 +1276,8 @@ const LoginButton = (props) => {
     setIsLoading(false);
     props.onResultFetched(pollResult);
   };
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: "default", size: "L", loading: isLoading, onClick: login, children: t2("login.login_with_localazy") }) });
+  const button = /* @__PURE__ */ jsx(Button, { variant: "default", size: "L", loading: isLoading, onClick: login, disabled: !canConnect, children: t2("login.login_with_localazy") });
+  return /* @__PURE__ */ jsx("div", { children: canConnect ? button : /* @__PURE__ */ jsx(TooltipImpl, { label: t2("login.requires_settings_update_permission"), children: /* @__PURE__ */ jsx("span", { children: button }) }) });
 };
 LoginButton.propTypes = {
   onResultFetched: PropTypes.func.isRequired
@@ -1436,6 +1435,8 @@ const LogoutButton = (props) => {
   const { t: t2 } = useTranslation();
   const [isLoading, setIsLoading] = useState(false);
   const { setIdentity } = useLocalazyIdentity();
+  const { allowedActions } = useRBAC(PERMISSIONS.SETTINGS_UPDATE);
+  const canDisconnect = !!allowedActions.canUpdate;
   const logout = async () => {
     setIsLoading(true);
     void LocalazyUserService.deleteIdentity();
@@ -1443,7 +1444,8 @@ const LogoutButton = (props) => {
     setIsLoading(false);
     props.onResultFetched();
   };
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(ForwardRef$L, {}), variant: "secondary", loading: isLoading, onClick: logout, children: t2("login.logout_from_localazy") }) });
+  const button = /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(ForwardRef$L, {}), variant: "secondary", loading: isLoading, onClick: logout, disabled: !canDisconnect, children: t2("login.logout_from_localazy") });
+  return /* @__PURE__ */ jsx("div", { children: canDisconnect ? button : /* @__PURE__ */ jsx(TooltipImpl, { label: t2("login.requires_settings_update_permission"), children: /* @__PURE__ */ jsx("span", { children: button }) }) });
 };
 const OverviewItem = (props) => {
   return /* @__PURE__ */ jsxs(Grid.Root, { padding: 1, col: 6, s: 12, children: [
@@ -1474,7 +1476,7 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
       setIsLoading(true);
       const project = await ProjectService.getConnectedProject();
       setConnectedProject(project);
-      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
+      void PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
       setIsLoading(false);
     }
     void initComponent();
@@ -5061,7 +5063,7 @@ const Upload = (props) => {
       setLocalazySourceLanguage(sourceLanguage);
       setModelChanged(modelChangedResult);
       setLocalesIncompatible(!localesCompatibleResult);
-      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
+      void PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
       setIsLoading(false);
     }
     void initComponent();
@@ -5194,16 +5196,9 @@ const Download = (props) => {
     window.open(identity.project.url, "_blank");
   };
   const [projectLanguages, setProjectLanguages] = useState([]);
-  const [formModel, setFormModel] = useState({});
+  const [uiLanguages, setUiLanguages] = useState([]);
   const onDownloadLanguagesChange = (languages) => {
-    const newFormModel = cloneDeep(formModel);
-    set(newFormModel, "download.uiLanguages", languages);
-    setFormModel(newFormModel);
-    try {
-      void PluginSettingsService.updatePluginSettings(newFormModel);
-    } catch (e2) {
-      console.error(e2.message);
-    }
+    setUiLanguages(languages);
   };
   const onDownloadClick = async (fullSync = false) => {
     setIsDownloading(true);
@@ -5212,7 +5207,7 @@ const Download = (props) => {
       success: false,
       report: []
     });
-    const result = await LocalazyDownloadService.download({ fullSync });
+    const result = await LocalazyDownloadService.download({ fullSync, uiLanguages });
     const { streamIdentifier } = result;
     downloadAlertsService.setStreamIdentifier(streamIdentifier);
     downloadAlertsService.onDownload((data) => {
@@ -5253,8 +5248,8 @@ const Download = (props) => {
       setHasSyncCursor(syncCursor?.processedKeys !== void 0 && Object.keys(syncCursor.processedKeys).length > 0);
       const projectLanguagesWithoutDefaultLanguage = project?.languages?.filter((language) => language.id !== project.sourceLanguage) || [];
       setProjectLanguages(projectLanguagesWithoutDefaultLanguage);
-      setFormModel(globalSettings);
-      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
+      setUiLanguages(Array.isArray(globalSettings?.download?.uiLanguages) ? globalSettings.download.uiLanguages : []);
+      void PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
       setIsLoading(false);
     }
     void initComponent();
@@ -5312,7 +5307,7 @@ const Download = (props) => {
             /* @__PURE__ */ jsx(Box, { paddingTop: 6, children: /* @__PURE__ */ jsx(
               LanguagesSelector,
               {
-                preselectedLanguages: formModel?.download?.uiLanguages || [],
+                preselectedLanguages: uiLanguages,
                 projectLanguages,
                 onChange: (languages) => onDownloadLanguagesChange(languages),
                 label: t2("download.ui_languages"),
@@ -5689,6 +5684,9 @@ const useDebouncedSearch = () => {
 const ActivityLogs = (props) => {
   const { t: t2 } = useTranslation();
   const navigate = useNavigate();
+  const {
+    allowedActions: { canTransfer }
+  } = useRBAC(PERMISSIONS.TRANSFER);
   const [isLoading, setIsLoading] = useState(true);
   const [sessions, setSessions] = useState([]);
   const [activeTab, setActiveTab] = useState("upload");
@@ -5702,7 +5700,7 @@ const ActivityLogs = (props) => {
   const debouncedSaveSortPrefs = useCallback((prefs) => {
     if (saveSortTimerRef.current) clearTimeout(saveSortTimerRef.current);
     saveSortTimerRef.current = setTimeout(() => {
-      void PluginSettingsService.updatePluginSettings({ activityLogsSort: prefs });
+      void PluginSettingsService.updatePluginSettingsUiPrefs({ activityLogsSort: prefs });
     }, 1e3);
   }, []);
   const onSortChange = (eventType, key, direction) => {
@@ -5758,7 +5756,7 @@ const ActivityLogs = (props) => {
       void fetchSessions("upload");
     };
     void init();
-    void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.ACTIVITY_LOGS });
+    void PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.ACTIVITY_LOGS });
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -5768,7 +5766,16 @@ const ActivityLogs = (props) => {
         subtitle: props.subtitle,
         primaryAction: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
           /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(ForwardRef$3P, {}), onClick: onExportLogs, children: t2("activity_logs.export_logs") }),
-          /* @__PURE__ */ jsx(Button, { variant: "danger-light", startIcon: /* @__PURE__ */ jsx(ForwardRef$j, {}), onClick: () => setShowClearConfirm(true), children: t2("activity_logs.clear_logs") })
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "danger-light",
+              startIcon: /* @__PURE__ */ jsx(ForwardRef$j, {}),
+              disabled: !canTransfer,
+              onClick: () => setShowClearConfirm(true),
+              children: t2("activity_logs.clear_logs")
+            }
+          )
         ] })
       }
     ),
@@ -5897,6 +5904,45 @@ const ActivityLogs = (props) => {
     ] }) })
   ] });
 };
+const LOCALAZY_HEADER = { "X-Localazy-Initiated-By": "strapi-plugin-localazy" };
+const fallbackFilename = (sessionId) => `localazy-debug-bundle-${sessionId.slice(0, 8)}-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.zip`;
+const parseFilenameFromContentDisposition = (header) => {
+  if (!header) return null;
+  const match = /filename="?([^";]+)"?/i.exec(header);
+  return match ? match[1] : null;
+};
+const triggerBrowserDownload = (blob, filename) => {
+  const url2 = URL.createObjectURL(blob);
+  const a2 = document.createElement("a");
+  a2.href = url2;
+  a2.download = filename;
+  document.body.appendChild(a2);
+  a2.click();
+  document.body.removeChild(a2);
+  setTimeout(() => URL.revokeObjectURL(url2), 3e4);
+};
+const downloadDebugBundle = async (sessionId, token, browserInfo) => {
+  const backendURL = window.strapi?.backendURL ?? "";
+  const encodedBrowser = btoa(unescape(encodeURIComponent(JSON.stringify(browserInfo))));
+  const url2 = `${backendURL}/${PLUGIN_ID}/activity-logs/${encodeURIComponent(sessionId)}/bundle?browser=${encodeURIComponent(encodedBrowser)}`;
+  const headers = { ...LOCALAZY_HEADER };
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  const response = await fetch(url2, { method: "GET", headers });
+  if (!response.ok) {
+    let detail = `${response.status} ${response.statusText}`;
+    try {
+      const text = await response.text();
+      if (text) detail = `${detail} — ${text.slice(0, 200)}`;
+    } catch {
+    }
+    throw new Error(`Failed to download debug bundle: ${detail}`);
+  }
+  const blob = await response.blob();
+  const filename = parseFilenameFromContentDisposition(response.headers.get("content-disposition")) ?? fallbackFilename(sessionId);
+  triggerBrowserDownload(blob, filename);
+};
 const SessionMetadata = ({ session, showEntryCount }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ jsxs(Flex, { gap: 6, wrap: "wrap", children: [
@@ -5931,8 +5977,11 @@ const ActivityLogDetail = (props) => {
   const { t: t2 } = useTranslation();
   const theme = useTheme();
   const { sessionId } = useParams();
+  const token = useAuth("ActivityLogDetail", (state) => state.token);
+  const { toggleNotification } = useNotification();
   const [isLoading, setIsLoading] = useState(true);
   const [session, setSession] = useState(null);
+  const [isBuildingBundle, setIsBuildingBundle] = useState(false);
   const { searchInput, searchQuery, onSearchChange } = useDebouncedSearch();
   useEffect(() => {
     const fetchSession = async () => {
@@ -5948,6 +5997,30 @@ const ActivityLogDetail = (props) => {
     };
     void fetchSession();
   }, [sessionId]);
+  const onDownloadBundle = async () => {
+    if (!sessionId || isBuildingBundle) return;
+    setIsBuildingBundle(true);
+    try {
+      await downloadDebugBundle(sessionId, token, {
+        userAgent: navigator.userAgent,
+        language: navigator.language,
+        viewport: { width: window.innerWidth, height: window.innerHeight }
+      });
+      toggleNotification({
+        type: "success",
+        message: t2("activity_logs.download_bundle_success"),
+        timeout: 5e3
+      });
+    } catch (e2) {
+      console.error("Failed to build debug bundle:", e2);
+      toggleNotification({
+        type: "danger",
+        message: t2("activity_logs.download_bundle_error")
+      });
+    } finally {
+      setIsBuildingBundle(false);
+    }
+  };
   const filteredEntries = (session?.entries || []).filter((entry) => {
     if (!searchQuery) return true;
     const query = searchQuery.toLowerCase();
@@ -5959,7 +6032,18 @@ const ActivityLogDetail = (props) => {
       {
         title: props.title,
         subtitle: props.subtitle,
-        navigationAction: /* @__PURE__ */ jsx(Link, { tag: NavLink, to: `/plugins/${PLUGIN_ID}/activity-logs`, startIcon: /* @__PURE__ */ jsx(ForwardRef$57, {}), children: t2("activity_logs.back_to_list") })
+        navigationAction: /* @__PURE__ */ jsx(Link, { tag: NavLink, to: `/plugins/${PLUGIN_ID}/activity-logs`, startIcon: /* @__PURE__ */ jsx(ForwardRef$57, {}), children: t2("activity_logs.back_to_list") }),
+        primaryAction: /* @__PURE__ */ jsx(TooltipImpl, { label: t2("activity_logs.download_bundle_warning"), children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsx(ForwardRef$3P, {}),
+            onClick: onDownloadBundle,
+            loading: isBuildingBundle,
+            disabled: !session || isBuildingBundle,
+            children: t2("activity_logs.download_bundle")
+          }
+        ) })
       }
     ),
     isLoading && /* @__PURE__ */ jsx(PluginPageLoader, {}),
@@ -6059,6 +6143,10 @@ const App = () => {
   const { isLoggedIn, isFetchingIdentity } = useLocalazyIdentity();
   const headerTitle = useHeaderTitle();
   const headerSubtitle = useHeaderSubtitle();
+  const {
+    allowedActions: { canRead, canTransfer },
+    isLoading: isLoadingPermissions
+  } = useRBAC([...PERMISSIONS.READ, ...PERMISSIONS.TRANSFER]);
   const normalizedPath = location2.pathname.replace(/\/+$/, "");
   const pluginRoot = `/plugins/${PLUGIN_ID}`;
   const isAtPluginRoot = normalizedPath === pluginRoot;
@@ -6080,6 +6168,19 @@ const App = () => {
     };
     void fetchData();
   }, [isLoggedIn, isFetchingIdentity, normalizedPath]);
+  if (isLoadingPermissions) {
+    return /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+      /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+      /* @__PURE__ */ jsx(Box, { background: "neutral100", children: /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsx(PluginPageLoader, {}) }) })
+    ] });
+  }
+  if (!canRead) {
+    return /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+      /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+      /* @__PURE__ */ jsx(Box, { background: "neutral100", children: /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsx(Page.NoPermissions, {}) }) })
+    ] });
+  }
+  const transferElement = (page) => canTransfer ? page : /* @__PURE__ */ jsx(Page.NoPermissions, {});
   return /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
     /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
     /* @__PURE__ */ jsx(PluginErrorBoundary, { children: /* @__PURE__ */ jsx(Box, { background: "neutral100", children: /* @__PURE__ */ jsxs(Layouts.Root, { sideNav: isLoggedIn && /* @__PURE__ */ jsx(SideNav, {}), children: [
@@ -6099,8 +6200,20 @@ const App = () => {
             element: /* @__PURE__ */ jsx(Overview, { title: headerTitle, subtitle: headerSubtitle, isLoadingProp: false })
           }
         ),
-        /* @__PURE__ */ jsx(Route, { path: `upload`, element: /* @__PURE__ */ jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }) }),
-        /* @__PURE__ */ jsx(Route, { path: `download`, element: /* @__PURE__ */ jsx(Download, { title: headerTitle, subtitle: headerSubtitle }) }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: `upload`,
+            element: transferElement(/* @__PURE__ */ jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: `download`,
+            element: transferElement(/* @__PURE__ */ jsx(Download, { title: headerTitle, subtitle: headerSubtitle }))
+          }
+        ),
         /* @__PURE__ */ jsx(Route, { path: `activity-logs`, element: /* @__PURE__ */ jsx(ActivityLogs, { title: headerTitle, subtitle: headerSubtitle }) }),
         /* @__PURE__ */ jsx(
           Route,