@elementor/editor-controls 3.33.0-150 → 3.33.0-151

package/dist/index.js

@@ -3426,7 +3426,7 @@ var ConditionalControlInfotip = React63.forwardRef(
             sx: { width: 300, px: 1.5, py: 2 },
             ...alertProps
           },
-          /* @__PURE__ */ React63.createElement(import_ui48.Box, { sx: { flexDirection: "column", display: "flex" } }, /* @__PURE__ */ React63.createElement(import_ui48.AlertTitle, null, title), /* @__PURE__ */ React63.createElement(import_ui48.Box, null, description))
+          /* @__PURE__ */ React63.createElement(import_ui48.Box, { sx: { flexDirection: "column", display: "flex", gap: 0.5 } }, /* @__PURE__ */ React63.createElement(import_ui48.AlertTitle, null, title), /* @__PURE__ */ React63.createElement(import_ui48.Box, null, description))
         )
       },
       children
@@ -3653,6 +3653,7 @@ var AspectRatioControl = createControl(({ label }) => {
 // src/controls/svg-media-control.tsx
 var React68 = __toESM(require("react"));
 var import_react34 = require("react");
+var import_editor_current_user = require("@elementor/editor-current-user");
 var import_editor_props28 = require("@elementor/editor-props");
 var import_icons17 = require("@elementor/icons");
 var import_ui54 = require("@elementor/ui");
@@ -3662,7 +3663,6 @@ var import_i18n27 = require("@wordpress/i18n");
 // src/components/enable-unfiltered-modal.tsx
 var React67 = __toESM(require("react"));
 var import_react33 = require("react");
-var import_editor_current_user = require("@elementor/editor-current-user");
 var import_ui53 = require("@elementor/ui");
 var import_i18n26 = require("@wordpress/i18n");
 var ADMIN_TITLE_TEXT = (0, import_i18n26.__)("Enable Unfiltered Uploads", "elementor");
@@ -3670,11 +3670,6 @@ var ADMIN_CONTENT_TEXT = (0, import_i18n26.__)(
   "Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.",
   "elementor"
 );
-var NON_ADMIN_TITLE_TEXT = (0, import_i18n26.__)("Sorry, you can't upload that file yet", "elementor");
-var NON_ADMIN_CONTENT_TEXT = (0, import_i18n26.__)(
-  "This is because this file type may pose a security risk. To upload them anyway, ask the site administrator to enable unfiltered file uploads.",
-  "elementor"
-);
 var ADMIN_FAILED_CONTENT_TEXT_PT1 = (0, import_i18n26.__)("Failed to enable unfiltered files upload.", "elementor");
 var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0, import_i18n26.__)(
   "You can try again, if the problem persists, please contact support.",
@@ -3683,9 +3678,7 @@ var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0, import_i18n26.__)(
 var WAIT_FOR_CLOSE_TIMEOUT_MS = 300;
 var EnableUnfilteredModal = (props) => {
   const { mutateAsync, isPending } = useUpdateUnfilteredFilesUpload();
-  const { canUser } = (0, import_editor_current_user.useCurrentUserCapabilities)();
   const [isError, setIsError] = (0, import_react33.useState)(false);
-  const canManageOptions = canUser("manage_options");
   const onClose = (enabled) => {
     props.onClose(enabled);
     setTimeout(() => setIsError(false), WAIT_FOR_CLOSE_TIMEOUT_MS);
@@ -3703,7 +3696,7 @@ var EnableUnfilteredModal = (props) => {
     }
   };
   const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
-  return canManageOptions ? /* @__PURE__ */ React67.createElement(AdminDialog, { ...dialogProps }) : /* @__PURE__ */ React67.createElement(NonAdminDialog, { ...dialogProps });
+  return /* @__PURE__ */ React67.createElement(AdminDialog, { ...dialogProps });
 };
 var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React67.createElement(import_ui53.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React67.createElement(import_ui53.DialogHeader, { logo: false }, /* @__PURE__ */ React67.createElement(import_ui53.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.Divider, null), /* @__PURE__ */ React67.createElement(import_ui53.DialogContent, null, /* @__PURE__ */ React67.createElement(import_ui53.DialogContentText, null, isError ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React67.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.DialogActions, null, /* @__PURE__ */ React67.createElement(import_ui53.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0, import_i18n26.__)("Cancel", "elementor")), /* @__PURE__ */ React67.createElement(
   import_ui53.Button,
@@ -3716,7 +3709,6 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
   },
   isPending ? /* @__PURE__ */ React67.createElement(import_ui53.CircularProgress, { size: 24 }) : (0, import_i18n26.__)("Enable", "elementor")
 )));
-var NonAdminDialog = ({ open, onClose }) => /* @__PURE__ */ React67.createElement(import_ui53.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React67.createElement(import_ui53.DialogHeader, { logo: false }, /* @__PURE__ */ React67.createElement(import_ui53.DialogTitle, null, NON_ADMIN_TITLE_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.Divider, null), /* @__PURE__ */ React67.createElement(import_ui53.DialogContent, null, /* @__PURE__ */ React67.createElement(import_ui53.DialogContentText, null, NON_ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.DialogActions, null, /* @__PURE__ */ React67.createElement(import_ui53.Button, { size: "medium", onClick: () => onClose(false), variant: "contained", color: "primary" }, (0, import_i18n26.__)("Got it", "elementor"))));
 
 // src/controls/svg-media-control.tsx
 var TILE_SIZE = 8;
@@ -3750,6 +3742,8 @@ var SvgMediaControl = createControl(() => {
   const src = attachment?.url ?? url?.value ?? null;
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
   const [unfilteredModalOpenState, setUnfilteredModalOpenState] = (0, import_react34.useState)(false);
+  const { canUser } = (0, import_editor_current_user.useCurrentUserCapabilities)();
+  const canManageOptions = canUser("manage_options");
   const { open } = (0, import_wp_media2.useWpMediaFrame)({
     mediaTypes: ["svg"],
     multiple: false,
@@ -3777,6 +3771,11 @@ var SvgMediaControl = createControl(() => {
       open(openOptions);
     }
   };
+  const infotipProps = {
+    title: (0, import_i18n27.__)("Sorry, you can't upload that file yet.", "elementor"),
+    description: /* @__PURE__ */ React68.createElement(React68.Fragment, null, (0, import_i18n27.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React68.createElement("br", null), (0, import_i18n27.__)("file uploads.", "elementor")),
+    isEnabled: !canManageOptions
+  };
   return /* @__PURE__ */ React68.createElement(import_ui54.Stack, { gap: 1 }, /* @__PURE__ */ React68.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React68.createElement(ControlActions, null, /* @__PURE__ */ React68.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React68.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React68.createElement(import_ui54.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React68.createElement(
     import_ui54.CardMedia,
     {
@@ -3803,17 +3802,18 @@ var SvgMediaControl = createControl(() => {
         onClick: () => handleClick(MODE_BROWSE)
       },
       (0, import_i18n27.__)("Select SVG", "elementor")
-    ), /* @__PURE__ */ React68.createElement(
+    ), /* @__PURE__ */ React68.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React68.createElement("span", null, /* @__PURE__ */ React68.createElement(import_ui54.ThemeProvider, { colorScheme: canManageOptions ? "light" : "dark" }, /* @__PURE__ */ React68.createElement(
       import_ui54.Button,
       {
         size: "tiny",
         variant: "text",
         color: "inherit",
         startIcon: /* @__PURE__ */ React68.createElement(import_icons17.UploadIcon, null),
-        onClick: () => handleClick(MODE_UPLOAD)
+        disabled: canManageOptions ? false : true,
+        onClick: () => canManageOptions && handleClick(MODE_UPLOAD)
       },
       (0, import_i18n27.__)("Upload", "elementor")
-    ))
+    )))))
   ))));
 });