@elementor/editor-audits 4.4.0-1075 → 4.4.0-1076

package/dist/index.js

@@ -51,10 +51,10 @@ var import_i18n22 = require("@wordpress/i18n");
 var import_editor_floating_panels2 = require("@elementor/editor-floating-panels");
 
 // src/components/audit-panel.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_floating_panels = require("@elementor/editor-floating-panels");
-var import_ui21 = require("@elementor/ui");
+var import_ui22 = require("@elementor/ui");
 var import_i18n21 = require("@wordpress/i18n");
 
 // src/hooks/use-audit-report.ts
@@ -749,14 +749,14 @@ function WelcomePage() {
 }
 
 // src/components/report-shell.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_react5 = require("react");
-var import_ui20 = require("@elementor/ui");
+var import_ui21 = require("@elementor/ui");
 var import_i18n20 = require("@wordpress/i18n");
 
 // src/components/pages/all-audits-page.tsx
-var React11 = __toESM(require("react"));
-var import_ui10 = require("@elementor/ui");
+var React12 = __toESM(require("react"));
+var import_ui11 = require("@elementor/ui");
 var import_i18n12 = require("@wordpress/i18n");
 
 // src/components/status-section.tsx
@@ -808,11 +808,11 @@ function SubpageHeader({ title, onBack, backLabel, icon }) {
 }
 
 // src/components/violation-row.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_react4 = require("react");
 var import_editor_elements4 = require("@elementor/editor-elements");
 var import_icons7 = require("@elementor/icons");
-var import_ui9 = require("@elementor/ui");
+var import_ui10 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/hooks/focus-violation.ts
@@ -925,14 +925,26 @@ function SeverityIcon({ severity }) {
   return /* @__PURE__ */ React8.createElement(Icon, { fontSize: "small", color });
 }
 
-// src/components/violation-icons.tsx
+// src/components/violation-cta-button.tsx
 var React9 = __toESM(require("react"));
-var import_icons6 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
+function ViolationCtaButton({ ctaLabel, externalUrl }) {
+  const handleClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    window.open(externalUrl, "_blank", "noopener");
+  };
+  return /* @__PURE__ */ React9.createElement(import_ui8.Button, { variant: "outlined", color: "secondary", size: "small", onClick: handleClick }, ctaLabel);
+}
+
+// src/components/violation-icons.tsx
+var React10 = __toESM(require("react"));
+var import_icons6 = require("@elementor/icons");
+var import_ui9 = require("@elementor/ui");
 function ViolationIcon({ violation, widgetIcon }) {
   if (widgetIcon) {
-    return /* @__PURE__ */ React9.createElement(
-      import_ui8.Box,
+    return /* @__PURE__ */ React10.createElement(
+      import_ui9.Box,
       {
         component: "i",
         className: widgetIcon,
@@ -942,29 +954,29 @@ function ViolationIcon({ violation, widgetIcon }) {
     );
   }
   if (violation.targetHint === "page-settings") {
-    return /* @__PURE__ */ React9.createElement(import_icons6.FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React10.createElement(import_icons6.FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
   if (violation.targetHint === "site-settings" || violation.targetHint === "site-identity-settings") {
-    return /* @__PURE__ */ React9.createElement(import_icons6.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React10.createElement(import_icons6.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
-  return /* @__PURE__ */ React9.createElement(import_icons6.ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
+  return /* @__PURE__ */ React10.createElement(import_icons6.ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
 }
 
 // src/components/violation-row.tsx
 function SkipReasonTooltip({ reason }) {
-  return /* @__PURE__ */ React10.createElement(import_ui9.Tooltip, { title: reason, placement: "top" }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React10.createElement(import_icons7.HelpIcon, { fontSize: "small", color: "action" })));
+  return /* @__PURE__ */ React11.createElement(import_ui10.Tooltip, { title: reason, placement: "top" }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React11.createElement(import_icons7.HelpIcon, { fontSize: "small", color: "action" })));
 }
 function StatusIndicator({ audit: audit21, violations }) {
   if (violations) {
-    return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React10.createElement(SeverityIcon, { severity: audit21.severity }));
+    return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React11.createElement(SeverityIcon, { severity: audit21.severity }));
   }
-  return /* @__PURE__ */ React10.createElement(import_icons7.CheckIcon, { fontSize: "small", color: "success" });
+  return /* @__PURE__ */ React11.createElement(import_icons7.CheckIcon, { fontSize: "small", color: "success" });
 }
 function ViolationRow({ audit: audit21, skipReason, violations }) {
   const [expanded, setExpanded] = (0, import_react4.useState)(false);
   const toggleExpanded = () => setExpanded((value) => !value);
-  return /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React10.createElement(
-    import_ui9.Box,
+  return /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React11.createElement(
+    import_ui10.Box,
     {
       sx: {
         alignItems: "center",
@@ -976,16 +988,16 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
       },
       onClick: toggleExpanded
     },
-    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "body2", sx: { flex: 1 } }, audit21.title),
-    !skipReason && /* @__PURE__ */ React10.createElement(StatusIndicator, { audit: audit21, violations })
-  ), skipReason && /* @__PURE__ */ React10.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React10.createElement(
-    import_ui9.IconButton,
+    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "body2", sx: { flex: 1 } }, audit21.title),
+    !skipReason && /* @__PURE__ */ React11.createElement(StatusIndicator, { audit: audit21, violations })
+  ), skipReason && /* @__PURE__ */ React11.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React11.createElement(
+    import_ui10.IconButton,
     {
       size: "small",
       "aria-label": expanded ? (0, import_i18n11.__)("Collapse", "elementor") : (0, import_i18n11.__)("Expand", "elementor"),
       onClick: toggleExpanded
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       import_icons7.ChevronDownIcon,
       {
         fontSize: "small",
@@ -995,30 +1007,30 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
         }
       }
     )
-  )), /* @__PURE__ */ React10.createElement(import_ui9.Collapse, { in: expanded }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React10.createElement(
-    import_ui9.Alert,
+  )), /* @__PURE__ */ React11.createElement(import_ui10.Collapse, { in: expanded }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React11.createElement(
+    import_ui10.Alert,
     {
       severity: "secondary",
       sx: { p: 1 },
-      icon: /* @__PURE__ */ React10.createElement(import_icons7.AlertCircleIcon, { fontSize: "small", color: "secondary", "aria-hidden": true })
+      icon: /* @__PURE__ */ React11.createElement(import_icons7.AlertCircleIcon, { fontSize: "small", color: "secondary", "aria-hidden": true })
     },
-    /* @__PURE__ */ React10.createElement(import_ui9.AlertTitle, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("What's the issue", "elementor"))),
-    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.description)
-  ), /* @__PURE__ */ React10.createElement(
-    import_ui9.Alert,
+    /* @__PURE__ */ React11.createElement(import_ui10.AlertTitle, null, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("What's the issue", "elementor"))),
+    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.description)
+  ), /* @__PURE__ */ React11.createElement(
+    import_ui10.Alert,
     {
       severity: "info",
       sx: { p: 1 },
-      icon: /* @__PURE__ */ React10.createElement(import_icons7.BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
+      icon: /* @__PURE__ */ React11.createElement(import_icons7.BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
     },
-    /* @__PURE__ */ React10.createElement(import_ui9.AlertTitle, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("How to resolve", "elementor"))),
-    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.fixHint)
-  )), violations && violations.length > 0 && /* @__PURE__ */ React10.createElement(import_ui9.Box, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
+    /* @__PURE__ */ React11.createElement(import_ui10.AlertTitle, null, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("How to resolve", "elementor"))),
+    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.fixHint)
+  )), violations && violations.length > 0 && /* @__PURE__ */ React11.createElement(import_ui10.Box, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
     const widgetIcon = violation.elementId ? (0, import_editor_elements4.getElementIcon)(violation.elementId) : null;
     const elementTitle = violation.elementId ? (0, import_editor_elements4.getElementTitle)(violation.elementId) : null;
     const rowLabel = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
-    return /* @__PURE__ */ React10.createElement(
-      import_ui9.Box,
+    return /* @__PURE__ */ React11.createElement(
+      import_ui10.Box,
       {
         key: idx,
         role: "button",
@@ -1040,10 +1052,23 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
           }
         }
       },
-      /* @__PURE__ */ React10.createElement(ViolationIcon, { violation, widgetIcon }),
-      /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { flex: 1 } }, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", color: "text.secondary" }, violation.detail)),
-      violation.angieFix && /* @__PURE__ */ React10.createElement(FixViolationWithAngie, { prompt: buildAngiePrompt(rowLabel) }),
-      /* @__PURE__ */ React10.createElement(import_icons7.EyeIcon, { className: "violation-hover-icon", fontSize: "tiny", "aria-hidden": true })
+      /* @__PURE__ */ React11.createElement(ViolationIcon, { violation, widgetIcon }),
+      /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { flex: 1 } }, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", color: "text.secondary" }, violation.detail)),
+      violation.angieFix && /* @__PURE__ */ React11.createElement(FixViolationWithAngie, { prompt: buildAngiePrompt(rowLabel) }),
+      violation.ctaLabel && violation.externalUrl ? /* @__PURE__ */ React11.createElement(
+        ViolationCtaButton,
+        {
+          ctaLabel: violation.ctaLabel,
+          externalUrl: violation.externalUrl
+        }
+      ) : /* @__PURE__ */ React11.createElement(
+        import_icons7.EyeIcon,
+        {
+          className: "violation-hover-icon",
+          fontSize: "tiny",
+          "aria-hidden": true
+        }
+      )
     );
   }))));
 }
@@ -1054,7 +1079,7 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
   const expandFail = !initialExpandedStatus || initialExpandedStatus === "fail";
   const expandPass = initialExpandedStatus === "pass";
   const expandSkipped = initialExpandedStatus === "skipped";
-  return /* @__PURE__ */ React11.createElement(import_ui10.Box, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React11.createElement(SubpageHeader, { title: (0, import_i18n12.__)("All audits", "elementor"), onBack }), /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { p: 1 } }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(import_ui11.Box, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React12.createElement(SubpageHeader, { title: (0, import_i18n12.__)("All audits", "elementor"), onBack }), /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("fail"),
@@ -1062,8 +1087,8 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("fail"),
       defaultExpanded: expandFail
     },
-    failed.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React11.createElement(
+    failed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
+  ), /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("pass"),
@@ -1071,8 +1096,8 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("pass"),
       defaultExpanded: expandPass
     },
-    passed.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
-  ), /* @__PURE__ */ React11.createElement(
+    passed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
+  ), /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("skipped"),
@@ -1080,13 +1105,13 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("skipped"),
       defaultExpanded: expandSkipped
     },
-    skipped.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, skipReason: r.result.reason }))
+    skipped.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, skipReason: r.result.reason }))
   )));
 }
 
 // src/components/pages/category-page.tsx
-var React12 = __toESM(require("react"));
-var import_ui11 = require("@elementor/ui");
+var React13 = __toESM(require("react"));
+var import_ui12 = require("@elementor/ui");
 var import_i18n13 = require("@wordpress/i18n");
 
 // src/components/category-icons.ts
@@ -1103,15 +1128,15 @@ var CATEGORY_ICONS = {
 function CategoryPage({ category, report, onBack }) {
   const Icon = CATEGORY_ICONS[category];
   const { failed, passed, totalViolations } = partitionAuditResults(report, { category });
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     SubpageHeader,
     {
       title: CATEGORY_LABELS[category],
       onBack,
       backLabel: (0, import_i18n13.__)("Back to all issues", "elementor"),
-      icon: /* @__PURE__ */ React12.createElement(Icon, { fontSize: "small", color: "action" })
+      icon: /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" })
     }
-  ), /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(import_ui12.Box, { sx: { p: 1 } }, /* @__PURE__ */ React13.createElement(
     StatusSection,
     {
       label: (0, import_i18n13.__)("Failed audits", "elementor"),
@@ -1119,13 +1144,13 @@ function CategoryPage({ category, report, onBack }) {
       color: "error",
       defaultExpanded: true
     },
-    failed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React12.createElement(StatusSection, { label: (0, import_i18n13.__)("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit })))));
+    failed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
+  ), /* @__PURE__ */ React13.createElement(StatusSection, { label: (0, import_i18n13.__)("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit })))));
 }
 
 // src/components/pages/issues-page.tsx
-var React16 = __toESM(require("react"));
-var import_ui15 = require("@elementor/ui");
+var React17 = __toESM(require("react"));
+var import_ui16 = require("@elementor/ui");
 var import_i18n17 = require("@wordpress/i18n");
 
 // src/utils/severity-counts.ts
@@ -1178,14 +1203,14 @@ function severityRemainingCountLabel(severity, count) {
 }
 
 // src/components/issues-category-row.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_icons9 = require("@elementor/icons");
-var import_ui12 = require("@elementor/ui");
+var import_ui13 = require("@elementor/ui");
 function IssuesCategoryRow({ category, label, counts, onClick }) {
-  const isRtl = "rtl" === (0, import_ui12.useTheme)().direction;
+  const isRtl = "rtl" === (0, import_ui13.useTheme)().direction;
   const Icon = CATEGORY_ICONS[category];
-  return /* @__PURE__ */ React13.createElement(
-    import_ui12.Box,
+  return /* @__PURE__ */ React14.createElement(
+    import_ui13.Box,
     {
       role: "button",
       tabIndex: 0,
@@ -1206,16 +1231,16 @@ function IssuesCategoryRow({ category, label, counts, onClick }) {
         "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main" }
       }
     },
-    /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React13.createElement(import_ui12.Typography, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
-    /* @__PURE__ */ React13.createElement(import_ui12.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React13.createElement(import_ui12.Box, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React13.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React13.createElement(import_ui12.Typography, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
-    /* @__PURE__ */ React13.createElement(import_ui12.Rotate, { in: isRtl }, /* @__PURE__ */ React13.createElement(import_icons9.ChevronRightIcon, { fontSize: "small", color: "action" }))
+    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
+    /* @__PURE__ */ React14.createElement(import_ui13.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React14.createElement(import_ui13.Box, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React14.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
+    /* @__PURE__ */ React14.createElement(import_ui13.Rotate, { in: isRtl }, /* @__PURE__ */ React14.createElement(import_icons9.ChevronRightIcon, { fontSize: "small", color: "action" }))
   );
 }
 
 // src/components/promotions.tsx
-var React15 = __toESM(require("react"));
-var import_ui14 = require("@elementor/ui");
+var React16 = __toESM(require("react"));
+var import_ui15 = require("@elementor/ui");
 var import_i18n16 = require("@wordpress/i18n");
 
 // src/register-promotions.ts
@@ -1280,11 +1305,11 @@ function findAuditRun(report, auditId) {
 }
 
 // src/components/promotion-card.tsx
-var React14 = __toESM(require("react"));
-var import_ui13 = require("@elementor/ui");
+var React15 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
 function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
-  return /* @__PURE__ */ React14.createElement(
-    import_ui13.Box,
+  return /* @__PURE__ */ React15.createElement(
+    import_ui14.Box,
     {
       sx: {
         alignItems: "center",
@@ -1297,9 +1322,9 @@ function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle
         py: 1.5
       }
     },
-    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React14.createElement(import_ui13.Box, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "caption", color: "text.secondary" }, subtitle)),
-    /* @__PURE__ */ React14.createElement(import_ui13.Button, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
+    /* @__PURE__ */ React15.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React15.createElement(import_ui14.Box, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "caption", color: "text.secondary" }, subtitle)),
+    /* @__PURE__ */ React15.createElement(import_ui14.Button, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
   );
 }
 
@@ -1328,7 +1353,7 @@ function Promotions({ report }) {
   if (cards.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n16.__)("Quick wins", "elementor")), /* @__PURE__ */ React15.createElement(import_ui14.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n16.__)("Quick wins", "elementor")), /* @__PURE__ */ React16.createElement(import_ui15.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React16.createElement(
     PromotionCard,
     {
       key,
@@ -1349,8 +1374,8 @@ function Promotions({ report }) {
 // src/components/pages/issues-page.tsx
 function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
   const populatedCategories = getPopulatedCategories(report.categories, ALL_CATEGORIES);
-  return /* @__PURE__ */ React16.createElement(import_ui15.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React16.createElement(
-    import_ui15.Link,
+  return /* @__PURE__ */ React17.createElement(import_ui16.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React17.createElement(
+    import_ui16.Link,
     {
       component: "button",
       underline: "none",
@@ -1358,8 +1383,8 @@ function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
       onClick: onAllAuditsClick,
       sx: { textAlign: "start" }
     },
-    /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "subtitle1", component: "h2" }, (0, import_i18n17.__)("All issues", "elementor"))
-  ), /* @__PURE__ */ React16.createElement(import_ui15.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, populatedCategories.map((category) => /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(import_ui16.Typography, { variant: "subtitle1", component: "h2" }, (0, import_i18n17.__)("All issues", "elementor"))
+  ), /* @__PURE__ */ React17.createElement(import_ui16.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, populatedCategories.map((category) => /* @__PURE__ */ React17.createElement(
     IssuesCategoryRow,
     {
       key: category,
@@ -1368,12 +1393,12 @@ function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
       counts: countSeverities(report, category),
       onClick: () => onCategoryClick(category)
     }
-  ))), /* @__PURE__ */ React16.createElement(Promotions, { report }));
+  ))), /* @__PURE__ */ React17.createElement(Promotions, { report }));
 }
 
 // src/components/pages/overview-page.tsx
-var React20 = __toESM(require("react"));
-var import_ui19 = require("@elementor/ui");
+var React21 = __toESM(require("react"));
+var import_ui20 = require("@elementor/ui");
 var import_i18n19 = require("@wordpress/i18n");
 
 // src/utils/score-thresholds.ts
@@ -1391,8 +1416,8 @@ function getScoreTier(score) {
 }
 
 // src/components/count-summary-circle.tsx
-var React17 = __toESM(require("react"));
-var import_ui16 = require("@elementor/ui");
+var React18 = __toESM(require("react"));
+var import_ui17 = require("@elementor/ui");
 var COUNT_SUMMARY_CIRCLE_SIZE = 64;
 var COUNT_SUMMARY_BORDER_WIDTH = 4;
 function chipBorderColor(theme, color) {
@@ -1402,8 +1427,8 @@ function chipBorderColor(theme, color) {
   return theme.palette[color].main;
 }
 function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
-  return /* @__PURE__ */ React17.createElement(
-    import_ui16.Box,
+  return /* @__PURE__ */ React18.createElement(
+    import_ui17.Box,
     {
       "aria-label": ariaLabel,
       component: "button",
@@ -1421,8 +1446,8 @@ function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
         padding: 0
       }
     },
-    /* @__PURE__ */ React17.createElement(
-      import_ui16.Chip,
+    /* @__PURE__ */ React18.createElement(
+      import_ui17.Chip,
       {
         color,
         label: count,
@@ -1443,18 +1468,18 @@ function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
         })
       }
     ),
-    /* @__PURE__ */ React17.createElement(import_ui16.Typography, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
+    /* @__PURE__ */ React18.createElement(import_ui17.Typography, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
   );
 }
 
 // src/components/score-bar.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_icons11 = require("@elementor/icons");
-var import_ui17 = require("@elementor/ui");
+var import_ui18 = require("@elementor/ui");
 function ScoreBar({ label, score, onClick }) {
-  const isRtl = "rtl" === (0, import_ui17.useTheme)().direction;
-  return /* @__PURE__ */ React18.createElement(
-    import_ui17.Box,
+  const isRtl = "rtl" === (0, import_ui18.useTheme)().direction;
+  return /* @__PURE__ */ React19.createElement(
+    import_ui18.Box,
     {
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
@@ -1470,9 +1495,9 @@ function ScoreBar({ label, score, onClick }) {
         py: 0.5
       }
     },
-    /* @__PURE__ */ React18.createElement(import_ui17.Typography, { variant: "body2", sx: { minWidth: 96 } }, label),
-    /* @__PURE__ */ React18.createElement(
-      import_ui17.LinearProgress,
+    /* @__PURE__ */ React19.createElement(import_ui18.Typography, { variant: "body2", sx: { minWidth: 96 } }, label),
+    /* @__PURE__ */ React19.createElement(
+      import_ui18.LinearProgress,
       {
         variant: "determinate",
         value: score,
@@ -1480,8 +1505,8 @@ function ScoreBar({ label, score, onClick }) {
         sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
       }
     ),
-    /* @__PURE__ */ React18.createElement(
-      import_ui17.Typography,
+    /* @__PURE__ */ React19.createElement(
+      import_ui18.Typography,
       {
         variant: "body2",
         color: "text.primary",
@@ -1489,19 +1514,19 @@ function ScoreBar({ label, score, onClick }) {
       },
       score
     ),
-    onClick && /* @__PURE__ */ React18.createElement(import_ui17.Rotate, { in: isRtl }, /* @__PURE__ */ React18.createElement(import_icons11.ChevronRightIcon, { fontSize: "small", color: "action" }))
+    onClick && /* @__PURE__ */ React19.createElement(import_ui18.Rotate, { in: isRtl }, /* @__PURE__ */ React19.createElement(import_icons11.ChevronRightIcon, { fontSize: "small", color: "action" }))
   );
 }
 
 // src/components/score-circle.tsx
-var React19 = __toESM(require("react"));
-var import_ui18 = require("@elementor/ui");
+var React20 = __toESM(require("react"));
+var import_ui19 = require("@elementor/ui");
 var SCORE_CIRCLE_SIZE = 88;
 var SCORE_CIRCLE_THICKNESS = 3;
 function ScoreCircle({ color, score }) {
   const progressColor = color ?? getScoreTier(score).color;
-  return /* @__PURE__ */ React19.createElement(
-    import_ui18.Box,
+  return /* @__PURE__ */ React20.createElement(
+    import_ui19.Box,
     {
       role: "progressbar",
       "aria-valuenow": score,
@@ -1509,8 +1534,8 @@ function ScoreCircle({ color, score }) {
       "aria-valuemax": 100,
       sx: { position: "relative", display: "inline-flex" }
     },
-    /* @__PURE__ */ React19.createElement(
-      import_ui18.CircularProgress,
+    /* @__PURE__ */ React20.createElement(
+      import_ui19.CircularProgress,
       {
         variant: "determinate",
         value: 100,
@@ -1519,8 +1544,8 @@ function ScoreCircle({ color, score }) {
         sx: { color: "action.disabledBackground" }
       }
     ),
-    /* @__PURE__ */ React19.createElement(
-      import_ui18.CircularProgress,
+    /* @__PURE__ */ React20.createElement(
+      import_ui19.CircularProgress,
       {
         variant: "determinate",
         value: score,
@@ -1530,8 +1555,8 @@ function ScoreCircle({ color, score }) {
         sx: { position: "absolute", left: 0 }
       }
     ),
-    /* @__PURE__ */ React19.createElement(
-      import_ui18.Box,
+    /* @__PURE__ */ React20.createElement(
+      import_ui19.Box,
       {
         sx: {
           position: "absolute",
@@ -1541,8 +1566,8 @@ function ScoreCircle({ color, score }) {
           justifyContent: "center"
         }
       },
-      /* @__PURE__ */ React19.createElement(
-        import_ui18.Typography,
+      /* @__PURE__ */ React20.createElement(
+        import_ui19.Typography,
         {
           variant: "h4",
           component: "span",
@@ -1579,8 +1604,8 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
   const severityCounts = countSeverities(report);
   const statusCounts = auditStatusDisplayCounts(report);
   const overallScore = getScoreTier(report.overall);
-  return /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React20.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React20.createElement(
-    import_ui19.Chip,
+  return /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React21.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React21.createElement(
+    import_ui20.Chip,
     {
       label: overallScore.label,
       color: overallScore.color,
@@ -1588,7 +1613,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       size: "small",
       sx: { fontWeight: 600, alignSelf: "flex-start" }
     }
-  ), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "body2", color: "text.secondary" }, (0, import_i18n19.__)("Overall score", "elementor")))), /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 } }, populatedCategories.map((category) => /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "body2", color: "text.secondary" }, (0, import_i18n19.__)("Overall score", "elementor")))), /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 } }, populatedCategories.map((category) => /* @__PURE__ */ React21.createElement(
     ScoreBar,
     {
       key: category,
@@ -1596,7 +1621,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       score: report.categories[category].score,
       onClick: () => onCategoryClick(category)
     }
-  ))), /* @__PURE__ */ React20.createElement(import_ui19.Divider, null), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Audit statuses", "elementor")), /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", justifyContent: "space-around", gap: 2 } }, STATUS_GROUPS.map((status) => /* @__PURE__ */ React20.createElement(
+  ))), /* @__PURE__ */ React21.createElement(import_ui20.Divider, null), /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Audit statuses", "elementor")), /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { display: "flex", justifyContent: "space-around", gap: 2 } }, STATUS_GROUPS.map((status) => /* @__PURE__ */ React21.createElement(
     CountSummaryCircle,
     {
       key: status,
@@ -1606,8 +1631,8 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       label: auditStatusLabel(status),
       onClick: () => onStatusClick(status)
     }
-  ))), /* @__PURE__ */ React20.createElement(import_ui19.Divider, null), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Remaining issues", "elementor")), /* @__PURE__ */ React20.createElement(
-    import_ui19.Box,
+  ))), /* @__PURE__ */ React21.createElement(import_ui20.Divider, null), /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Remaining issues", "elementor")), /* @__PURE__ */ React21.createElement(
+    import_ui20.Box,
     {
       component: "ul",
       sx: {
@@ -1621,17 +1646,17 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
     },
     ALL_SEVERITIES.map((severity) => {
       const count = severityCounts[severity];
-      return /* @__PURE__ */ React20.createElement(
-        import_ui19.Box,
+      return /* @__PURE__ */ React21.createElement(
+        import_ui20.Box,
         {
           "aria-label": severityRemainingCountLabel(severity, count),
           component: "li",
           key: severity,
           sx: { alignItems: "center", display: "flex", gap: 0.5 }
         },
-        /* @__PURE__ */ React20.createElement(SeverityIcon, { severity }),
-        /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "body2", fontWeight: "bold" }, count),
-        /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "body2" }, severityPluralLabel(severity))
+        /* @__PURE__ */ React21.createElement(SeverityIcon, { severity }),
+        /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "body2", fontWeight: "bold" }, count),
+        /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "body2" }, severityPluralLabel(severity))
       );
     })
   ));
@@ -1670,8 +1695,8 @@ function ReportShell({ report }) {
       setActivePage(activePage.backTo);
     }
   };
-  return /* @__PURE__ */ React21.createElement(import_ui20.Box, null, /* @__PURE__ */ React21.createElement(
-    import_ui20.Tabs,
+  return /* @__PURE__ */ React22.createElement(import_ui21.Box, null, /* @__PURE__ */ React22.createElement(
+    import_ui21.Tabs,
     {
       "aria-label": (0, import_i18n20.__)("Audit navigation", "elementor"),
       value: currentTab,
@@ -1682,30 +1707,30 @@ function ReportShell({ report }) {
       centered: true,
       variant: "fullWidth"
     },
-    /* @__PURE__ */ React21.createElement(import_ui20.Tab, { value: "overview", label: (0, import_i18n20.__)("Overview", "elementor") }),
-    /* @__PURE__ */ React21.createElement(import_ui20.Tab, { value: "issues", label: (0, import_i18n20.__)("Issues", "elementor") })
-  ), /* @__PURE__ */ React21.createElement(import_ui20.Divider, null), activePage === "overview" && /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(import_ui21.Tab, { value: "overview", label: (0, import_i18n20.__)("Overview", "elementor") }),
+    /* @__PURE__ */ React22.createElement(import_ui21.Tab, { value: "issues", label: (0, import_i18n20.__)("Issues", "elementor") })
+  ), /* @__PURE__ */ React22.createElement(import_ui21.Divider, null), activePage === "overview" && /* @__PURE__ */ React22.createElement(
     OverviewPage,
     {
       report,
       onCategoryClick: (category) => openCategory(category, "overview"),
       onStatusClick: (status) => openAllAudits(status, "overview")
     }
-  ), activePage === "issues" && /* @__PURE__ */ React21.createElement(
+  ), activePage === "issues" && /* @__PURE__ */ React22.createElement(
     IssuesPage,
     {
       report,
       onCategoryClick: (category) => openCategory(category, "issues"),
       onAllAuditsClick: () => openAllAudits()
     }
-  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React21.createElement(
+  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React22.createElement(
     AllAuditsPage,
     {
       report,
       initialExpandedStatus: activePage.expand,
       onBack: backFromSubPage
     }
-  ), isCategoryPage(activePage) && /* @__PURE__ */ React21.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage }));
+  ), isCategoryPage(activePage) && /* @__PURE__ */ React22.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage }));
 }
 
 // src/components/audit-panel.tsx
@@ -1714,7 +1739,7 @@ function AuditPanel() {
   const currentDocumentId = (0, import_editor_elements5.getCurrentDocumentId)() ?? 0;
   const onRun = () => run(currentDocumentId);
   const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
-  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     import_editor_floating_panels.FloatingPanelHeader,
     {
       panelId: "audit-panel",
@@ -1722,8 +1747,8 @@ function AuditPanel() {
       badge: (0, import_i18n21.__)("Beta", "elementor"),
       titleVariant: "subtitle2"
     }
-  ), /* @__PURE__ */ React22.createElement(import_editor_floating_panels.FloatingPanelBody, null, status === "idle" && /* @__PURE__ */ React22.createElement(WelcomePage, null), status === "loading" && /* @__PURE__ */ React22.createElement(LoadingPage, null), status === "error" && /* @__PURE__ */ React22.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }), status === "ready" && report && /* @__PURE__ */ React22.createElement(ReportShell, { report })), /* @__PURE__ */ React22.createElement(import_editor_floating_panels.FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React22.createElement(import_ui21.Typography, { variant: "caption", sx: { flex: 1 } }, (0, import_i18n21.__)("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React22.createElement(import_ui21.Box, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React22.createElement(AuditFeedback, null), /* @__PURE__ */ React22.createElement(
-    import_ui21.Button,
+  ), /* @__PURE__ */ React23.createElement(import_editor_floating_panels.FloatingPanelBody, null, status === "idle" && /* @__PURE__ */ React23.createElement(WelcomePage, null), status === "loading" && /* @__PURE__ */ React23.createElement(LoadingPage, null), status === "error" && /* @__PURE__ */ React23.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }), status === "ready" && report && /* @__PURE__ */ React23.createElement(ReportShell, { report })), /* @__PURE__ */ React23.createElement(import_editor_floating_panels.FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React23.createElement(import_ui22.Typography, { variant: "caption", sx: { flex: 1 } }, (0, import_i18n21.__)("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React23.createElement(import_ui22.Box, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React23.createElement(AuditFeedback, null), /* @__PURE__ */ React23.createElement(
+    import_ui22.Button,
     {
       variant: "contained",
       size: "small",
@@ -2670,7 +2695,8 @@ var audit16 = {
         {
           auditId: audit16.id,
           label: (0, import_i18n38.__)("No privacy policy page is set.", "elementor"),
-          externalUrl: ctx.pageContext.privacy_settings_url
+          externalUrl: ctx.pageContext.privacy_settings_url,
+          ctaLabel: (0, import_i18n38.__)("Create", "elementor")
         }
       ]
     };