@elementor/editor-variables 3.33.0-179 → 3.33.0-180

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
 } from "@elementor/editor-panels";
 import { SaveChangesDialog, SearchField, ThemeProvider, useDialog } from "@elementor/editor-ui";
 import { changeEditMode } from "@elementor/editor-v1-adapters";
-import { AlertTriangleFilledIcon, ColorFilterIcon, TrashIcon } from "@elementor/icons";
+import { AlertTriangleFilledIcon as AlertTriangleFilledIcon2, ColorFilterIcon, TrashIcon } from "@elementor/icons";
 import {
   Alert,
   AlertAction,
@@ -32,6 +32,7 @@ import {
 import { __ as __9 } from "@wordpress/i18n";
 
 // src/utils/validations.ts
+import { AlertTriangleFilledIcon, InfoCircleFilledIcon } from "@elementor/icons";
 import { __, sprintf } from "@wordpress/i18n";
 var ERROR_MESSAGES = {
   MISSING_VARIABLE_NAME: __("Give your variable a name.", "elementor"),
@@ -46,7 +47,7 @@ var ERROR_MESSAGES = {
       // eslint-disable-next-line @wordpress/i18n-translator-comments
       sprintf(__("We found %1$d duplicated %2$s.", "elementor"), count, name)
     ),
-    UNEXPECTED_ERROR: __("The save didn\u2019t go through.", "elementor"),
+    UNEXPECTED_ERROR: __("There was a glitch.", "elementor"),
     DUPLICATED_LABEL_ACTION: __("Take me there", "elementor"),
     DUPLICATED_LABEL_ACTION_MESSAGE: __("Please rename the variables.", "elementor"),
     UNEXPECTED_ERROR_ACTION_MESSAGE: __("Try saving your variables again.", "elementor")
@@ -68,6 +69,8 @@ var mapServerError = (error) => {
     return {
       field: "label",
       message: ERROR_MESSAGES.BATCH.DUPLICATED_LABELS(count, name),
+      severity: "error",
+      IconComponent: AlertTriangleFilledIcon,
       action: {
         label: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION,
         message: ERROR_MESSAGES.BATCH.DUPLICATED_LABEL_ACTION_MESSAGE,
@@ -80,7 +83,12 @@ var mapServerError = (error) => {
   if (error?.response?.data?.code === "batch_operation_failed") {
     return {
       field: "label",
-      message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR
+      message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR,
+      severity: "secondary",
+      IconComponent: InfoCircleFilledIcon,
+      action: {
+        message: ERROR_MESSAGES.BATCH.UNEXPECTED_ERROR_ACTION_MESSAGE
+      }
     };
   }
   return void 0;
@@ -1772,9 +1780,13 @@ function VariablesManagerPanel() {
       content: serverError ? /* @__PURE__ */ React12.createElement(
         Alert,
         {
-          severity: "error",
-          action: serverError.action ? /* @__PURE__ */ React12.createElement(AlertAction, { onClick: serverError.action.callback }, serverError.action.label) : void 0,
-          icon: /* @__PURE__ */ React12.createElement(AlertTriangleFilledIcon, null)
+          severity: serverError.severity ?? "error",
+          action: serverError.action?.label ? /* @__PURE__ */ React12.createElement(AlertAction, { onClick: serverError.action.callback }, serverError.action.label) : void 0,
+          onClose: !serverError.action?.label ? () => {
+            setServerError(null);
+            setIsSaveDisabled(false);
+          } : void 0,
+          icon: serverError.IconComponent ? /* @__PURE__ */ React12.createElement(serverError.IconComponent, null) : /* @__PURE__ */ React12.createElement(AlertTriangleFilledIcon2, null)
         },
         /* @__PURE__ */ React12.createElement(AlertTitle, null, serverError.message),
         serverError.action?.message
@@ -2104,7 +2116,7 @@ import { __ as __12 } from "@wordpress/i18n";
 // src/components/ui/edit-confirmation-dialog.tsx
 import * as React16 from "react";
 import { useState as useState8 } from "react";
-import { AlertTriangleFilledIcon as AlertTriangleFilledIcon2 } from "@elementor/icons";
+import { AlertTriangleFilledIcon as AlertTriangleFilledIcon3 } from "@elementor/icons";
 import {
   Button as Button5,
   Checkbox,
@@ -2130,7 +2142,7 @@ var EditConfirmationDialog = ({
     }
     onConfirm?.();
   };
-  return /* @__PURE__ */ React16.createElement(Dialog2, { open: true, onClose: closeDialog, maxWidth: "xs" }, /* @__PURE__ */ React16.createElement(DialogTitle2, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React16.createElement(AlertTriangleFilledIcon2, { color: "secondary" }), __11("Changes to variables go live right away.", "elementor")), /* @__PURE__ */ React16.createElement(DialogContent2, null, /* @__PURE__ */ React16.createElement(DialogContentText2, { variant: "body2", color: "textPrimary" }, __11(
+  return /* @__PURE__ */ React16.createElement(Dialog2, { open: true, onClose: closeDialog, maxWidth: "xs" }, /* @__PURE__ */ React16.createElement(DialogTitle2, { display: "flex", alignItems: "center", gap: 1 }, /* @__PURE__ */ React16.createElement(AlertTriangleFilledIcon3, { color: "secondary" }), __11("Changes to variables go live right away.", "elementor")), /* @__PURE__ */ React16.createElement(DialogContent2, null, /* @__PURE__ */ React16.createElement(DialogContentText2, { variant: "body2", color: "textPrimary" }, __11(
     "Don't worry - all other changes you make will wait until you publish your site.",
     "elementor"
   ))), /* @__PURE__ */ React16.createElement(DialogActions2, { sx: { justifyContent: "space-between", alignItems: "center" } }, /* @__PURE__ */ React16.createElement(
@@ -2851,7 +2863,7 @@ var DeletedVariableAlert = ({ onClose, onUnlink, onRestore, label }) => {
 
 // src/components/ui/tags/warning-variable-tag.tsx
 import * as React25 from "react";
-import { AlertTriangleFilledIcon as AlertTriangleFilledIcon3 } from "@elementor/icons";
+import { AlertTriangleFilledIcon as AlertTriangleFilledIcon4 } from "@elementor/icons";
 import { Box as Box5, Chip, Tooltip as Tooltip5, Typography as Typography13 } from "@elementor/ui";
 var WarningVariableTag = React25.forwardRef(
   ({ label, suffix, onClick, icon, ...props }, ref) => {
@@ -2865,7 +2877,7 @@ var WarningVariableTag = React25.forwardRef(
         shape: "rounded",
         variant: "standard",
         onClick,
-        icon: /* @__PURE__ */ React25.createElement(AlertTriangleFilledIcon3, null),
+        icon: /* @__PURE__ */ React25.createElement(AlertTriangleFilledIcon4, null),
         label: /* @__PURE__ */ React25.createElement(Tooltip5, { title: displayText, placement: "top" }, /* @__PURE__ */ React25.createElement(Box5, { sx: { display: "inline-grid", minWidth: 0 } }, /* @__PURE__ */ React25.createElement(Typography13, { variant: "caption", noWrap: true, sx: { lineHeight: 1.34 } }, displayText))),
         sx: {
           height: (theme) => theme.spacing(3.5),