@localazy/strapi-plugin 1.3.0 → 1.6.0

package/dist/_chunks/{LocalazyApp-B1qCCEPe.js → LocalazyApp-jPO7Yr1S.js}

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const reactRouterDom = require("react-router-dom");
-const index$1 = require("./index-BK7lmZSN.js");
+const index$1 = require("./index-CTkxoioB.js");
 const React = require("react");
-const FetchIdentity = require("./FetchIdentity-CtBRO-Cn.js");
-const index = require("./index-BmxGKspv.js");
+const FetchIdentity = require("./FetchIdentity-CcEjakiz.js");
+const index = require("./index-CEGaWWh3.js");
 const useTranslation = require("./useTranslation-BdIl-aLe.js");
 const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
-const strapiApiBase = require("./strapi-api-base-CT9lknwW.js");
-const LanguagesSelector = require("./LanguagesSelector-CNaKrS-m.js");
 const admin = require("@strapi/strapi/admin");
-require("./i18n-CAsbU4pi.js");
-const hasModelChanged = require("./has-model-changed-BR53L6pA.js");
+const strapiApiBase = require("./strapi-api-base-CCUuu7EY.js");
+const LanguagesSelector = require("./LanguagesSelector-DejYCwBl.js");
+require("./i18n-C5ucROBh.js");
+const hasModelChanged = require("./has-model-changed-DdYbyv0v.js");
 const styled = require("styled-components");
 const _interopDefault = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
 const React__default = /* @__PURE__ */ _interopDefault(React);
@@ -102,10 +102,6 @@ const useHeaderSubtitle = () => {
   const currentNavItem = navigation.find((navItem) => pluginSegment.includes(navItem.id));
   return currentNavItem?.description || "";
 };
-function PluginPageLoader() {
-  const { t: t2 } = useTranslation.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Flex, { marginTop: 10, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Loader, { children: t2("common.loading_content") }) });
-}
 var propTypes = { exports: {} };
 var reactIs = { exports: {} };
 var reactIs_production_min = {};
@@ -1262,6 +1258,8 @@ if (process.env.STRAPI_ADMIN_LOCALAZY_ENV === "development") {
 }
 const LoginButton = (props) => {
   const { t: t2 } = useTranslation.useTranslation();
+  const { allowedActions } = admin.useRBAC(index.PERMISSIONS.SETTINGS_UPDATE);
+  const canConnect = !!allowedActions.canUpdate;
   const [isLoading, setIsLoading] = React.useState(false);
   const login = async () => {
     setIsLoading(true);
@@ -1282,7 +1280,8 @@ const LoginButton = (props) => {
     setIsLoading(false);
     props.onResultFetched(pollResult);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { variant: "default", size: "L", loading: isLoading, onClick: login, children: t2("login.login_with_localazy") }) });
+  const button = /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { variant: "default", size: "L", loading: isLoading, onClick: login, disabled: !canConnect, children: t2("login.login_with_localazy") });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: canConnect ? button : /* @__PURE__ */ jsxRuntime.jsx(index$1.TooltipImpl, { label: t2("login.requires_settings_update_permission"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: button }) }) });
 };
 LoginButton.propTypes = {
   onResultFetched: PropTypes.func.isRequired
@@ -1396,7 +1395,7 @@ const Login = ({ title, subtitle, isLoading = false }) => {
   }, [isLoggedIn, identity]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Header, { title, subtitle, as: "h1" }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(
       index$1.Box,
       {
@@ -1440,6 +1439,8 @@ const LogoutButton = (props) => {
   const { t: t2 } = useTranslation.useTranslation();
   const [isLoading, setIsLoading] = React.useState(false);
   const { setIdentity } = FetchIdentity.useLocalazyIdentity();
+  const { allowedActions } = admin.useRBAC(index.PERMISSIONS.SETTINGS_UPDATE);
+  const canDisconnect = !!allowedActions.canUpdate;
   const logout = async () => {
     setIsLoading(true);
     void FetchIdentity.LocalazyUserService.deleteIdentity();
@@ -1447,7 +1448,8 @@ const LogoutButton = (props) => {
     setIsLoading(false);
     props.onResultFetched();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$L, {}), variant: "secondary", loading: isLoading, onClick: logout, children: t2("login.logout_from_localazy") }) });
+  const button = /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$L, {}), variant: "secondary", loading: isLoading, onClick: logout, disabled: !canDisconnect, children: t2("login.logout_from_localazy") });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: canDisconnect ? button : /* @__PURE__ */ jsxRuntime.jsx(index$1.TooltipImpl, { label: t2("login.requires_settings_update_permission"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: button }) }) });
 };
 const OverviewItem = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Grid.Root, { padding: 1, col: 6, s: 12, children: [
@@ -1478,7 +1480,7 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
       setIsLoading(true);
       const project = await LanguagesSelector.ProjectService.getConnectedProject();
       setConnectedProject(project);
-      void FetchIdentity.PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
+      void FetchIdentity.PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
       setIsLoading(false);
     }
     void initComponent();
@@ -1496,7 +1498,7 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
         primaryAction: /* @__PURE__ */ jsxRuntime.jsx(LogoutButton, { onResultFetched: onLoggedOut })
       }
     ),
-    (isLoadingProp || isLoading) && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    (isLoadingProp || isLoading) && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !(isLoadingProp || isLoading) && /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: /* @__PURE__ */ jsxRuntime.jsxs(
       index$1.Box,
       {
@@ -5065,7 +5067,7 @@ const Upload = (props) => {
       setLocalazySourceLanguage(sourceLanguage);
       setModelChanged(modelChangedResult);
       setLocalesIncompatible(!localesCompatibleResult);
-      void FetchIdentity.PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
+      void FetchIdentity.PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
       setIsLoading(false);
     }
     void initComponent();
@@ -5088,7 +5090,7 @@ const Upload = (props) => {
         )
       }
     ),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         index$1.Box,
@@ -5198,16 +5200,9 @@ const Download = (props) => {
     window.open(identity.project.url, "_blank");
   };
   const [projectLanguages, setProjectLanguages] = React.useState([]);
-  const [formModel, setFormModel] = React.useState({});
+  const [uiLanguages, setUiLanguages] = React.useState([]);
   const onDownloadLanguagesChange = (languages) => {
-    const newFormModel = FetchIdentity.cloneDeep(formModel);
-    FetchIdentity.set(newFormModel, "download.uiLanguages", languages);
-    setFormModel(newFormModel);
-    try {
-      void FetchIdentity.PluginSettingsService.updatePluginSettings(newFormModel);
-    } catch (e2) {
-      console.error(e2.message);
-    }
+    setUiLanguages(languages);
   };
   const onDownloadClick = async (fullSync = false) => {
     setIsDownloading(true);
@@ -5216,7 +5211,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) => {
@@ -5257,8 +5252,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 FetchIdentity.PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
+      setUiLanguages(Array.isArray(globalSettings?.download?.uiLanguages) ? globalSettings.download.uiLanguages : []);
+      void FetchIdentity.PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
       setIsLoading(false);
     }
     void initComponent();
@@ -5293,7 +5288,7 @@ const Download = (props) => {
         ] })
       }
     ),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         index$1.Box,
@@ -5316,7 +5311,7 @@ const Download = (props) => {
             /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { paddingTop: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
               LanguagesSelector.LanguagesSelector,
               {
-                preselectedLanguages: formModel?.download?.uiLanguages || [],
+                preselectedLanguages: uiLanguages,
                 projectLanguages,
                 onChange: (languages) => onDownloadLanguagesChange(languages),
                 label: t2("download.ui_languages"),
@@ -5693,6 +5688,9 @@ const useDebouncedSearch = () => {
 const ActivityLogs = (props) => {
   const { t: t2 } = useTranslation.useTranslation();
   const navigate = reactRouterDom.useNavigate();
+  const {
+    allowedActions: { canTransfer }
+  } = admin.useRBAC(index.PERMISSIONS.TRANSFER);
   const [isLoading, setIsLoading] = React.useState(true);
   const [sessions, setSessions] = React.useState([]);
   const [activeTab, setActiveTab] = React.useState("upload");
@@ -5706,7 +5704,7 @@ const ActivityLogs = (props) => {
   const debouncedSaveSortPrefs = React.useCallback((prefs) => {
     if (saveSortTimerRef.current) clearTimeout(saveSortTimerRef.current);
     saveSortTimerRef.current = setTimeout(() => {
-      void FetchIdentity.PluginSettingsService.updatePluginSettings({ activityLogsSort: prefs });
+      void FetchIdentity.PluginSettingsService.updatePluginSettingsUiPrefs({ activityLogsSort: prefs });
     }, 1e3);
   }, []);
   const onSortChange = (eventType, key, direction) => {
@@ -5762,7 +5760,7 @@ const ActivityLogs = (props) => {
       void fetchSessions("upload");
     };
     void init();
-    void FetchIdentity.PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.ACTIVITY_LOGS });
+    void FetchIdentity.PluginSettingsService.updatePluginSettingsUiPrefs({ defaultRoute: PLUGIN_ROUTES.ACTIVITY_LOGS });
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5772,7 +5770,16 @@ const ActivityLogs = (props) => {
         subtitle: props.subtitle,
         primaryAction: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$3P, {}), onClick: onExportLogs, children: t2("activity_logs.export_logs") }),
-          /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { variant: "danger-light", startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$j, {}), onClick: () => setShowClearConfirm(true), children: t2("activity_logs.clear_logs") })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            index$1.Button,
+            {
+              variant: "danger-light",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$j, {}),
+              disabled: !canTransfer,
+              onClick: () => setShowClearConfirm(true),
+              children: t2("activity_logs.clear_logs")
+            }
+          )
         ] })
       }
     ),
@@ -5780,7 +5787,7 @@ const ActivityLogs = (props) => {
       /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$2x, { width: 14, height: 14, fill: "neutral500" }),
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Typography, { variant: "pi", textColor: "neutral500", children: t2("activity_logs.retention_info") })
     ] }) }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: [
       clearSuccess && /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Alert, { onClose: () => setClearSuccess(false), closeLabel: t2("activity_logs.close"), variant: "success", children: t2("activity_logs.clear_logs_success") }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5901,6 +5908,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}/${index.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.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Flex, { gap: 6, wrap: "wrap", children: [
@@ -5935,8 +5981,11 @@ const ActivityLogDetail = (props) => {
   const { t: t2 } = useTranslation.useTranslation();
   const theme = styled.useTheme();
   const { sessionId } = reactRouterDom.useParams();
+  const token = admin.useAuth("ActivityLogDetail", (state) => state.token);
+  const { toggleNotification } = admin.useNotification();
   const [isLoading, setIsLoading] = React.useState(true);
   const [session, setSession] = React.useState(null);
+  const [isBuildingBundle, setIsBuildingBundle] = React.useState(false);
   const { searchInput, searchQuery, onSearchChange } = useDebouncedSearch();
   React.useEffect(() => {
     const fetchSession = async () => {
@@ -5952,6 +6001,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();
@@ -5963,10 +6036,21 @@ const ActivityLogDetail = (props) => {
       {
         title: props.title,
         subtitle: props.subtitle,
-        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(index$1.Link, { tag: reactRouterDom.NavLink, to: `/plugins/${index.PLUGIN_ID}/activity-logs`, startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$57, {}), children: t2("activity_logs.back_to_list") })
+        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(index$1.Link, { tag: reactRouterDom.NavLink, to: `/plugins/${index.PLUGIN_ID}/activity-logs`, startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$57, {}), children: t2("activity_logs.back_to_list") }),
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(index$1.TooltipImpl, { label: t2("activity_logs.download_bundle_warning"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          index$1.Button,
+          {
+            variant: "secondary",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(index$1.ForwardRef$3P, {}),
+            onClick: onDownloadBundle,
+            loading: isBuildingBundle,
+            disabled: !session || isBuildingBundle,
+            children: t2("activity_logs.download_bundle")
+          }
+        ) })
       }
     ),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
     !isLoading && !session && /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Typography, { variant: "omega", children: t2("activity_logs.no_sessions") }) }),
     !isLoading && session && /* @__PURE__ */ jsxRuntime.jsxs(index$1.Box, { paddingRight: 10, paddingLeft: 10, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6063,6 +6147,10 @@ const App = () => {
   const { isLoggedIn, isFetchingIdentity } = FetchIdentity.useLocalazyIdentity();
   const headerTitle = useHeaderTitle();
   const headerSubtitle = useHeaderSubtitle();
+  const {
+    allowedActions: { canRead, canTransfer },
+    isLoading: isLoadingPermissions
+  } = admin.useRBAC([...index.PERMISSIONS.READ, ...index.PERMISSIONS.TRANSFER]);
   const normalizedPath = location2.pathname.replace(/\/+$/, "");
   const pluginRoot = `/plugins/${index.PLUGIN_ID}`;
   const isAtPluginRoot = normalizedPath === pluginRoot;
@@ -6084,10 +6172,23 @@ const App = () => {
     };
     void fetchData();
   }, [isLoggedIn, isFetchingIdentity, normalizedPath]);
+  if (isLoadingPermissions) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index$1.DesignSystemProvider, { theme: FetchIdentity.getDefaultTheme(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.HeadingFixGlobalStyle, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}) }) })
+    ] });
+  }
+  if (!canRead) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index$1.DesignSystemProvider, { theme: FetchIdentity.getDefaultTheme(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.HeadingFixGlobalStyle, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.NoPermissions, {}) }) })
+    ] });
+  }
+  const transferElement = (page) => canTransfer ? page : /* @__PURE__ */ jsxRuntime.jsx(admin.Page.NoPermissions, {});
   return /* @__PURE__ */ jsxRuntime.jsxs(index$1.DesignSystemProvider, { theme: FetchIdentity.getDefaultTheme(), children: [
     /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.HeadingFixGlobalStyle, {}),
     /* @__PURE__ */ jsxRuntime.jsx(PluginErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Box, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { sideNav: isLoggedIn && /* @__PURE__ */ jsxRuntime.jsx(SideNav, {}), children: [
-      isFetchingIdentity && /* @__PURE__ */ jsxRuntime.jsx(PluginPageLoader, {}),
+      isFetchingIdentity && /* @__PURE__ */ jsxRuntime.jsx(FetchIdentity.PluginPageLoader, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           reactRouterDom.Route,
@@ -6103,8 +6204,20 @@ const App = () => {
             element: /* @__PURE__ */ jsxRuntime.jsx(Overview, { title: headerTitle, subtitle: headerSubtitle, isLoadingProp: false })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: `upload`, element: /* @__PURE__ */ jsxRuntime.jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: `download`, element: /* @__PURE__ */ jsxRuntime.jsx(Download, { title: headerTitle, subtitle: headerSubtitle }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactRouterDom.Route,
+          {
+            path: `upload`,
+            element: transferElement(/* @__PURE__ */ jsxRuntime.jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactRouterDom.Route,
+          {
+            path: `download`,
+            element: transferElement(/* @__PURE__ */ jsxRuntime.jsx(Download, { title: headerTitle, subtitle: headerSubtitle }))
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: `activity-logs`, element: /* @__PURE__ */ jsxRuntime.jsx(ActivityLogs, { title: headerTitle, subtitle: headerSubtitle }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           reactRouterDom.Route,

package/dist/_chunks/{LocalazyContentTransferSetup-CLAWn95U.mjs → LocalazyContentTransferSetup-C1wDD9hA.mjs}

@@ -1,14 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { C as CheckboxImpl, B as Box, m as Accordion, c as Flex, n as SwitchImpl, T as Typography, e as Button, d as ForwardRef$4z, A as Alert, j as Divider, l as DesignSystemProvider } from "./index-CHjIMO9T.mjs";
+import { C as CheckboxImpl, B as Box, m as Accordion, c as Flex, n as SwitchImpl, T as Typography, e as Button, d as ForwardRef$4z, A as Alert, j as Divider, l as DesignSystemProvider } from "./index-shryj0jT.mjs";
+import { useRBAC, Layouts, Page } from "@strapi/strapi/admin";
 import { forwardRef, useState, useEffect } from "react";
-import { i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-Dzsu6UNS.mjs";
-import { s as set, n as keys, o as isArrayLike, p as arrayEach, l as isArray, q as isObject, P as PluginSettingsService, c as cloneDeep, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-BJGoZPpM.mjs";
-import { Layouts } from "@strapi/strapi/admin";
-import { S as SUPPORTED_CONTENT_TYPE_FIELDS, a as SUPPORTED_CUSTOM_FIELD_PLUGINS, g as getContentTransferSetupKeysSets, b as get, f as findModelValueByKey, c as StrapiModelService, d as getModelsTree, h as hasModelChanged } from "./has-model-changed-FMGVcFHU.mjs";
+import { s as set, i as isEqual, R as RequireLocalazyAuth } from "./RequireLocalazyAuth-DNhTZZ_6.mjs";
+import { r as keys, v as isArrayLike, w as arrayEach, l as isArray, n as isObject, P as PluginSettingsService, c as cloneDeep, g as getDefaultTheme, H as HeadingFixGlobalStyle, a as PluginPageLoader, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-Bm7bc5bS.mjs";
+import { S as SUPPORTED_CONTENT_TYPE_FIELDS, a as SUPPORTED_CUSTOM_FIELD_PLUGINS, g as getContentTransferSetupKeysSets, b as get, f as findModelValueByKey, c as StrapiModelService, d as getModelsTree, h as hasModelChanged } from "./has-model-changed-CVJEuGxM.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 import styled from "styled-components";
 import { Trans } from "./index-BIbKC7-V.mjs";
-import "./i18n-QelOdIB2.mjs";
+import { P as PERMISSIONS } from "./index-DP2ugzc_.mjs";
+import "./i18n-76ox2llT.mjs";
 const getFilteredModelsSchemas = (models) => {
   if (!models) {
     return [];
@@ -763,12 +764,19 @@ const SvgX = (props, ref) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.
   )
 ] }) });
 forwardRef(SvgX);
-const TreeItem = ({ label, value, children, passedKey = "", onTreeItemClick }) => {
+const TreeItem = ({
+  label,
+  value,
+  children,
+  passedKey = "",
+  onTreeItemClick,
+  disabled = false
+}) => {
   const onChange = (key, currentValue) => {
     onTreeItemClick(key, currentValue);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    typeof value === "boolean" && /* @__PURE__ */ jsx(CheckboxImpl, { checked: value, onCheckedChange: () => onChange([passedKey], value), children: label || "-" }),
+    typeof value === "boolean" && /* @__PURE__ */ jsx(CheckboxImpl, { checked: value, disabled, onCheckedChange: () => onChange([passedKey], value), children: label || "-" }),
     value === null && /* @__PURE__ */ jsx(CheckboxImpl, { checked: false, disabled: true, children: label || "-" }),
     children && /* @__PURE__ */ jsx("div", { children }, passedKey)
   ] });
@@ -831,7 +839,7 @@ function flattenObject(obj, delimiter = ".") {
   });
   return nobj;
 }
-const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false }) => {
+const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false, disabled = false }) => {
   const { t } = useTranslation();
   const [, setIsExpanded] = useState(initiallyExpanded);
   useEffect(() => {
@@ -884,7 +892,7 @@ const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false }) => {
           isSubbranchObject && /* @__PURE__ */ jsx(
             CheckboxImpl,
             {
-              disabled: hasAllNullValue,
+              disabled: disabled || hasAllNullValue,
               checked: getCheckedState(hasTruthyValue, hasFalsyValue),
               onCheckedChange: () => onTreeItemClick(flattenedKeys, hasTruthyValue),
               children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", children: [
@@ -893,11 +901,21 @@ const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false }) => {
               ] })
             }
           ),
-          /* @__PURE__ */ jsx(TreeItem, { onTreeItemClick, passedKey, children: createTree(key, value, passedKey) })
+          /* @__PURE__ */ jsx(TreeItem, { onTreeItemClick, passedKey, disabled, children: createTree(key, value, passedKey) })
         ] }, passedKey);
       }) });
     }
-    return /* @__PURE__ */ jsx(TreeItem, { onTreeItemClick, passedKey: path, label: name, value: branch }, path);
+    return /* @__PURE__ */ jsx(
+      TreeItem,
+      {
+        onTreeItemClick,
+        passedKey: path,
+        label: name,
+        value: branch,
+        disabled
+      },
+      path
+    );
   };
   return /* @__PURE__ */ jsx(Box, { children: Object.entries(objects).map(([key, value]) => {
     return value.__model__ !== void 0 && /* @__PURE__ */ jsx(Box, { borderColor: "neutral200", hasRadius: true, children: /* @__PURE__ */ jsx(Accordion.Root, { size: "S", children: /* @__PURE__ */ jsxs(Accordion.Item, { value: key, children: [
@@ -913,6 +931,7 @@ const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false }) => {
             label: `switch_tree_${key}`,
             onCheckedChange: () => onTreeItemClick([`${key}.__model__`], value.__model__),
             checked: !!value.__model__,
+            disabled,
             style: { marginRight: "1rem" }
           }
         )
@@ -990,6 +1009,9 @@ function ContentTransferSetupEmpty() {
 }
 const ContentTransferSetup = () => {
   const { t } = useTranslation();
+  const {
+    allowedActions: { canUpdate: canUpdateSettings }
+  } = useRBAC(PERMISSIONS.SETTINGS_UPDATE);
   const [isLoading, setIsLoading] = useState(true);
   const [showAlert, setShowAlert] = useState(false);
   const [showModalChangedAlert, setShowModalChangedAlert] = useState(false);
@@ -1087,12 +1109,12 @@ const ContentTransferSetup = () => {
         title: t("plugin_settings.content_transfer_setup"),
         subtitle: t("plugin_settings.content_transfer_setup_description"),
         primaryAction: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: !hasUnsavedChanges, onClick: onCancelClick, children: t("plugin_settings.cancel") }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: !canUpdateSettings || !hasUnsavedChanges, onClick: onCancelClick, children: t("plugin_settings.cancel") }),
           /* @__PURE__ */ jsx(
             Button,
             {
               startIcon: /* @__PURE__ */ jsx(ForwardRef$4z, {}),
-              disabled: !hasUnsavedChanges,
+              disabled: !canUpdateSettings || !hasUnsavedChanges,
               onClick: () => {
                 void saveContentTransferSetup(formModel);
               },
@@ -1128,7 +1150,15 @@ const ContentTransferSetup = () => {
         !formModel.length && // empty state
         /* @__PURE__ */ jsx(ContentTransferSetupEmpty, {}),
         formModel.map((tree, index) => {
-          return /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(Tree, { onTreeItemClick, objects: tree, initiallyExpanded: index === 0 }) }, `box_tree_${index}`);
+          return /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(
+            Tree,
+            {
+              onTreeItemClick,
+              objects: tree,
+              initiallyExpanded: index === 0,
+              disabled: !canUpdateSettings
+            }
+          ) }, `box_tree_${index}`);
         }),
         !!formModel.length && /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsx(Divider, {}) }),
@@ -1153,13 +1183,19 @@ const ContentTransferSetup = () => {
     ] })
   ] });
 };
-const LocalazyContentTransferSetup = () => /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
-  /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
-  /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
-    /* @__PURE__ */ jsx(FetchIdentity, {}),
-    /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(ContentTransferSetup, {}) })
-  ] })
-] });
+const LocalazyContentTransferSetup = () => {
+  const {
+    allowedActions: { canRead: canReadSettings },
+    isLoading: isLoadingPermissions
+  } = useRBAC(PERMISSIONS.SETTINGS_READ);
+  return /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+    /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+    isLoadingPermissions ? /* @__PURE__ */ jsx(PluginPageLoader, {}) : !canReadSettings ? /* @__PURE__ */ jsx(Page.NoPermissions, {}) : /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
+      /* @__PURE__ */ jsx(FetchIdentity, {}),
+      /* @__PURE__ */ jsx(RequireLocalazyAuth, { children: /* @__PURE__ */ jsx(ContentTransferSetup, {}) })
+    ] })
+  ] });
+};
 export {
   LocalazyContentTransferSetup as default
 };