@plutonhq/core-frontend 0.1.31 → 0.1.32

package/dist-lib/components/Plan/BackupEvents/BackupEvents.js

@@ -1,15 +1,15 @@
 import { jsxs as n, jsx as i, Fragment as P } from "react/jsx-runtime";
-import h from "../../common/Icon/Icon.js";
+import p from "../../common/Icon/Icon.js";
 import S from "../../common/SidePanel/SidePanel.js";
-import { getBackupEventActionMessage as _, getRestoreEventActionMessage as T } from "../../../utils/progressHelpers.js";
+import { getBackupEventActionMessage as L, getRestoreEventActionMessage as T } from "../../../utils/progressHelpers.js";
 import e from "./BackupEvents.module.scss.js";
 import { useGetBackupProgressOnce as w } from "../../../services/backups.js";
 import { useGetRestoreProgressOnce as R } from "../../../services/restores.js";
 import { useState as O, useMemo as F } from "react";
 import M from "../../common/Modal/Modal.js";
 import { formatDuration as D } from "../../../utils/helpers.js";
-const U = ({ id: f, type: E = "backup", sourceId: $, sourceType: A, planId: L, inProgress: d, progressData: g, close: C }) => {
-  const [m, u] = O(!1), { data: k, isLoading: v } = E === "backup" ? w({ id: f, sourceId: $, sourceType: A, planId: L }) : R({ id: f, sourceId: $, sourceType: A, planId: L }), s = g || k;
+const U = ({ id: f, type: E = "backup", sourceId: $, sourceType: A, planId: g, inProgress: m, progressData: _, close: C }) => {
+  const [o, u] = O(!1), { data: k, isLoading: v } = E === "backup" ? w({ id: f, sourceId: $, sourceType: A, planId: g }) : R({ id: f, sourceId: $, sourceType: A, planId: g }), s = _ || k;
   console.log("progressDataToUse :", s);
   const N = F(() => {
     if (!s || !s.events) return "";
@@ -18,44 +18,44 @@ const U = ({ id: f, type: E = "backup", sourceId: $, sourceType: A, planId: L, i
       a.action === "TASK_COMPLETED" ? r = "Completed" : a.action === "TASK_CANCELLED" ? r = "Cancelled" : a.action === "FAILED_PERMANENTLY" && (r = "Failed");
     }), r;
   }, [s]);
-  return /* @__PURE__ */ n(S, { title: `${E}-${f} Events`, width: "1000px", icon: /* @__PURE__ */ i(h, { type: "logs", size: 18 }), footer: /* @__PURE__ */ i(P, {}), close: C, children: [
+  return /* @__PURE__ */ n(S, { title: `${E}-${f} Events`, width: "1000px", icon: /* @__PURE__ */ i(p, { type: "logs", size: 18 }), footer: /* @__PURE__ */ i(P, {}), close: C, children: [
     /* @__PURE__ */ n("div", { className: e.backupEventsContainer, children: [
       /* @__PURE__ */ n("div", { className: e.header, children: [
         /* @__PURE__ */ n(
           "div",
           {
             title: "Status",
-            className: `${e.status} ${d ? e.inProgress : ""} 
-               ${!d && N === "Completed" ? e.hasCompleted : ""} ${!d && N === "Failed" ? e.hasFailed : ""}`,
+            className: `${e.status} ${m ? e.inProgress : ""} 
+               ${!m && N === "Completed" ? e.hasCompleted : ""} ${!m && N === "Failed" ? e.hasFailed : ""}`,
             children: [
-              /* @__PURE__ */ i(h, { type: d ? "loading" : N === "Completed" ? "check-circle-filled" : "error-circle-filled", size: 14 }),
+              /* @__PURE__ */ i(p, { type: m ? "loading" : N === "Completed" ? "check-circle-filled" : "error-circle-filled", size: 14 }),
               " ",
-              d ? `${E} In Progress` : `${E} ${N}` || "Unknown"
+              m ? `${E} In Progress` : `${E} ${N}` || "Unknown"
             ]
           }
         ),
-        !d && N && /* @__PURE__ */ n("div", { title: "Duration", className: e.duration, children: [
-          /* @__PURE__ */ i(h, { type: "clock", size: 14 }),
+        !m && N && /* @__PURE__ */ n("div", { title: "Duration", className: e.duration, children: [
+          /* @__PURE__ */ i(p, { type: "clock", size: 14 }),
           " ",
           (s == null ? void 0 : s.duration) && D(s.duration / 1e3) || "N/A"
         ] })
       ] }),
-      v && /* @__PURE__ */ i("div", { className: e.loading, children: /* @__PURE__ */ i(h, { type: "loading", size: 30 }) }),
+      v && /* @__PURE__ */ i("div", { className: e.loading, children: /* @__PURE__ */ i(p, { type: "loading", size: 30 }) }),
       s && s.events && s.events.length > 0 ? /* @__PURE__ */ i("ul", { className: e.eventList, children: s.events.map((r, a) => {
-        const c = r.phase === "finished" && r.action === "TASK_COMPLETED", o = r.phase === "finished" && r.action === "FAILED_PERMANENTLY", l = r.action.includes("RETRY_ATTEMPT_"), t = r.action === "TASK_FAILED", p = r.action === "BACKUP_WARNING" || r.action === "RESTORE_WARNING" || r.action === "POST_BACKUP_PRUNE_FAILED" || r.action === "POST_BACKUP_REPO_STATS_FAILED";
+        const c = r.phase === "finished" && r.action === "TASK_COMPLETED", l = r.phase === "finished" && r.action === "FAILED_PERMANENTLY", d = r.action.includes("RETRY_ATTEMPT_"), t = r.action === "TASK_FAILED", h = r.action === "BACKUP_WARNING" || r.action === "RESTORE_WARNING" || r.action === "POST_BACKUP_PRUNE_FAILED" || r.action === "POST_BACKUP_REPO_STATS_FAILED";
         return /* @__PURE__ */ n(
           "li",
           {
             className: `${e.eventItem} ${r.error ? e.error : ""} 
-                           ${c ? e.completed : ""} ${o ? e.failed : ""} 
-                           ${l ? e.retrying : ""} ${t ? e.isError : ""} 
-                           ${p ? e.isWarning : ""}`,
+                           ${c ? e.completed : ""} ${l ? e.failed : ""} 
+                           ${d ? e.retrying : ""} ${t ? e.isError : ""} 
+                           ${h ? e.isWarning : ""}`,
             children: [
-              /* @__PURE__ */ i("span", { className: e.icon, children: /* @__PURE__ */ i(h, { type: r.error || p ? "error-circle-filled" : "check-circle-filled", size: 16 }) }),
+              /* @__PURE__ */ i("span", { className: e.icon, children: /* @__PURE__ */ i(p, { type: r.error || h ? "error-circle-filled" : "check-circle-filled", size: 16 }) }),
               /* @__PURE__ */ i("span", { className: e.time, children: new Date(r.timestamp).toLocaleTimeString() }),
               /* @__PURE__ */ i("span", { className: e.phase, children: r.phase }),
               /* @__PURE__ */ n("span", { className: e.action, children: [
-                E === "backup" ? _(r.action) : T(r.action),
+                E === "backup" ? L(r.action) : T(r.action),
                 r.error && /* @__PURE__ */ i("span", { className: e.viewError, onClick: () => u(`main-${a}`), children: "View Error" })
               ] })
             ]
@@ -69,37 +69,37 @@ const U = ({ id: f, type: E = "backup", sourceId: $, sourceType: A, planId: L, i
           /* @__PURE__ */ i("span", { className: e.mirrorEventsName, children: a.storageName }),
           /* @__PURE__ */ i("span", { className: `${e.mirrorEventsStatus} ${e[`mirror_${a.status}`] || ""}`, children: a.status })
         ] }),
-        a.events && a.events.length > 0 ? /* @__PURE__ */ i("ul", { className: e.eventList, children: a.events.map((c, o) => {
-          const l = c.error, t = c.action === "REPLICATION_COMPLETE", p = c.action === "REPLICATION_FAILED";
+        a.events && a.events.length > 0 ? /* @__PURE__ */ i("ul", { className: e.eventList, children: a.events.map((c, l) => {
+          const d = c.error, t = c.action === "REPLICATION_COMPLETE", h = c.action === "REPLICATION_FAILED";
           return /* @__PURE__ */ n(
             "li",
             {
-              className: `${e.eventItem} ${l ? e.error : ""} ${t ? e.completed : ""} ${p ? e.failed : ""}`,
+              className: `${e.eventItem} ${d ? e.error : ""} ${t ? e.completed : ""} ${h ? e.failed : ""}`,
               children: [
-                /* @__PURE__ */ i("span", { className: e.icon, children: /* @__PURE__ */ i(h, { type: l ? "error-circle-filled" : "check-circle-filled", size: 16 }) }),
+                /* @__PURE__ */ i("span", { className: e.icon, children: /* @__PURE__ */ i(p, { type: d ? "error-circle-filled" : "check-circle-filled", size: 16 }) }),
                 /* @__PURE__ */ i("span", { className: e.time, children: new Date(c.timestamp).toLocaleTimeString() }),
                 /* @__PURE__ */ i("span", { className: e.phase, children: c.phase }),
                 /* @__PURE__ */ n("span", { className: e.action, children: [
-                  _(c.action, a.storageName),
-                  c.error && /* @__PURE__ */ i("span", { className: e.viewError, onClick: () => u(`mirror-${r}-${o}`), children: "View Error" })
+                  L(c.action, a.storageName),
+                  c.error && /* @__PURE__ */ i("span", { className: e.viewError, onClick: () => u(`mirror-${r}-${l}`), children: "View Error" })
                 ] })
               ]
             },
-            o
+            l
           );
         }) }) : /* @__PURE__ */ i("div", { className: e.noEvents, children: "No events recorded" })
       ] }, r)) })
     ] }),
-    m && /* @__PURE__ */ i(M, { title: "Error Details", closeModal: () => u(!1), width: "400px", children: /* @__PURE__ */ i("div", { className: e.errorDetails, children: (() => {
-      var r, a, c, o, l;
-      if (typeof m == "string") {
-        if (m.startsWith("main-")) {
-          const t = parseInt(m.replace("main-", ""));
+    o && /* @__PURE__ */ i(M, { title: "Error Details", closeModal: () => u(!1), width: "400px", children: /* @__PURE__ */ i("div", { className: e.errorDetails, "data-length": o.length, children: (() => {
+      var r, a, c, l, d;
+      if (typeof o == "string") {
+        if (o.startsWith("main-")) {
+          const t = parseInt(o.replace("main-", ""));
           return ((r = s == null ? void 0 : s.events[t]) == null ? void 0 : r.error) || "Unknown error occurred.";
         }
-        if (m.startsWith("mirror-")) {
-          const t = m.replace("mirror-", "").split("-"), p = parseInt(t.pop()), I = t.join("-");
-          return ((l = (o = (c = (a = s == null ? void 0 : s.mirrors) == null ? void 0 : a[I]) == null ? void 0 : c.events) == null ? void 0 : o[p]) == null ? void 0 : l.error) || "Unknown error occurred.";
+        if (o.startsWith("mirror-")) {
+          const t = o.replace("mirror-", "").split("-"), h = parseInt(t.pop()), I = t.join("-");
+          return ((d = (l = (c = (a = s == null ? void 0 : s.mirrors) == null ? void 0 : a[I]) == null ? void 0 : c.events) == null ? void 0 : l[h]) == null ? void 0 : d.error) || "Unknown error occurred.";
         }
       }
       return "Unknown error occurred.";

package/dist-lib/components/Plan/BackupEvents/BackupEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackupEvents.js","sources":["../../../../src/components/Plan/BackupEvents/BackupEvents.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport { getBackupEventActionMessage, getRestoreEventActionMessage } from '../../../utils/progressHelpers';\r\nimport classes from './BackupEvents.module.scss';\r\nimport { BackupProgressData, ReplicationProgressData } from '../../../@types/backups';\r\nimport { useGetBackupProgressOnce } from '../../../services/backups';\r\nimport { useGetRestoreProgressOnce } from '../../../services/restores';\r\nimport { useMemo, useState } from 'react';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport { formatDuration } from '../../../utils/helpers';\r\n\r\ninterface BackupEventsProps {\r\n   id: string;\r\n   planId: string;\r\n   sourceId: string;\r\n   sourceType: string;\r\n   type?: 'backup' | 'restore';\r\n   inProgress?: boolean;\r\n   progressData?: BackupProgressData | null;\r\n   close: () => void;\r\n}\r\n\r\nconst BackupEvents = ({ id, type = 'backup', sourceId, sourceType, planId, inProgress, progressData, close }: BackupEventsProps) => {\r\n   const [showError, setShowError] = useState<false | string>(false);\r\n   const { data: fetchedProgressData, isLoading } =\r\n      type === 'backup'\r\n         ? useGetBackupProgressOnce({ id, sourceId, sourceType, planId })\r\n         : useGetRestoreProgressOnce({ id, sourceId, sourceType, planId });\r\n\r\n   const progressDataToUse: BackupProgressData | null = progressData || fetchedProgressData;\r\n\r\n   console.log('progressDataToUse :', progressDataToUse);\r\n   const hasFinished = useMemo(() => {\r\n      if (!progressDataToUse || !progressDataToUse.events) return '';\r\n      let finishedEvent = '';\r\n      progressDataToUse.events.forEach((event) => {\r\n         if (event.action === 'TASK_COMPLETED') {\r\n            finishedEvent = 'Completed';\r\n         } else if (event.action === 'TASK_CANCELLED') {\r\n            finishedEvent = 'Cancelled';\r\n         } else if (event.action === 'FAILED_PERMANENTLY') {\r\n            finishedEvent = 'Failed';\r\n         }\r\n      });\r\n      return finishedEvent;\r\n   }, [progressDataToUse]);\r\n\r\n   return (\r\n      <SidePanel title={`${type}-${id} Events`} width=\"1000px\" icon={<Icon type={'logs'} size={18} />} footer={<></>} close={close}>\r\n         <div className={classes.backupEventsContainer}>\r\n            <div className={classes.header}>\r\n               <div\r\n                  title=\"Status\"\r\n                  className={`${classes.status} ${inProgress ? classes.inProgress : ''} \r\n               ${!inProgress && hasFinished === 'Completed' ? classes.hasCompleted : ''} ${!inProgress && hasFinished === 'Failed' ? classes.hasFailed : ''}`}\r\n               >\r\n                  <Icon type={inProgress ? 'loading' : hasFinished === 'Completed' ? 'check-circle-filled' : 'error-circle-filled'} size={14} />{' '}\r\n                  {inProgress ? `${type} In Progress` : `${type} ${hasFinished}` || 'Unknown'}\r\n               </div>\r\n               {!inProgress && hasFinished && (\r\n                  <div title=\"Duration\" className={classes.duration}>\r\n                     <Icon type=\"clock\" size={14} /> {(progressDataToUse?.duration && formatDuration(progressDataToUse.duration / 1000)) || 'N/A'}\r\n                  </div>\r\n               )}\r\n            </div>\r\n            {isLoading && (\r\n               <div className={classes.loading}>\r\n                  <Icon type={'loading'} size={30} />\r\n               </div>\r\n            )}\r\n            {progressDataToUse && progressDataToUse.events && progressDataToUse.events.length > 0 ? (\r\n               <ul className={classes.eventList}>\r\n                  {progressDataToUse.events.map((event: any, index: number) => {\r\n                     const completed = event.phase === 'finished' && event.action === 'TASK_COMPLETED';\r\n                     const failed = event.phase === 'finished' && event.action === 'FAILED_PERMANENTLY';\r\n                     const retrying = event.action.includes('RETRY_ATTEMPT_');\r\n                     const isError = event.action === 'TASK_FAILED';\r\n                     const isWarning =\r\n                        event.action === 'BACKUP_WARNING' ||\r\n                        event.action === 'RESTORE_WARNING' ||\r\n                        event.action === 'POST_BACKUP_PRUNE_FAILED' ||\r\n                        event.action === 'POST_BACKUP_REPO_STATS_FAILED';\r\n                     return (\r\n                        <li\r\n                           key={index}\r\n                           className={`${classes.eventItem} ${event.error ? classes.error : ''} \r\n                           ${completed ? classes.completed : ''} ${failed ? classes.failed : ''} \r\n                           ${retrying ? classes.retrying : ''} ${isError ? classes.isError : ''} \r\n                           ${isWarning ? classes.isWarning : ''}`}\r\n                        >\r\n                           <span className={classes.icon}>\r\n                              <Icon type={event.error || isWarning ? 'error-circle-filled' : 'check-circle-filled'} size={16} />\r\n                           </span>\r\n                           {/* Timestamp should be converted to time only eg: 10:20:23 AM */}\r\n                           <span className={classes.time}>{new Date(event.timestamp).toLocaleTimeString()}</span>\r\n                           <span className={classes.phase}>{event.phase}</span>\r\n                           <span className={classes.action}>\r\n                              {type === 'backup' ? getBackupEventActionMessage(event.action) : getRestoreEventActionMessage(event.action)}\r\n                              {event.error && (\r\n                                 <span className={classes.viewError} onClick={() => setShowError(`main-${index}`)}>\r\n                                    View Error\r\n                                 </span>\r\n                              )}\r\n                           </span>\r\n                        </li>\r\n                     );\r\n                  })}\r\n               </ul>\r\n            ) : null}\r\n            {/* Mirror Events */}\r\n            {progressDataToUse?.mirrors && Object.keys(progressDataToUse.mirrors).length > 0 && (\r\n               <div className={classes.mirrorsEventsSection}>\r\n                  {Object.entries(progressDataToUse.mirrors as Record<string, ReplicationProgressData>).map(([storageId, mirror]) => (\r\n                     <div key={storageId} className={classes.mirrorEventsGroup}>\r\n                        <div className={classes.mirrorEventsHeader}>\r\n                           <img src={`/providers/${mirror.storageType}.png`} className={classes.mirrorProviderIcon} />\r\n                           <span className={classes.mirrorEventsName}>{mirror.storageName}</span>\r\n                           <span className={`${classes.mirrorEventsStatus} ${classes[`mirror_${mirror.status}`] || ''}`}>{mirror.status}</span>\r\n                        </div>\r\n                        {mirror.events && mirror.events.length > 0 ? (\r\n                           <ul className={classes.eventList}>\r\n                              {mirror.events.map((event: any, index: number) => {\r\n                                 const isError = event.error;\r\n                                 const isCompleted = event.action === 'REPLICATION_COMPLETE';\r\n                                 const isFailed = event.action === 'REPLICATION_FAILED';\r\n                                 return (\r\n                                    <li\r\n                                       key={index}\r\n                                       className={`${classes.eventItem} ${isError ? classes.error : ''} ${isCompleted ? classes.completed : ''} ${isFailed ? classes.failed : ''}`}\r\n                                    >\r\n                                       <span className={classes.icon}>\r\n                                          <Icon type={isError ? 'error-circle-filled' : 'check-circle-filled'} size={16} />\r\n                                       </span>\r\n                                       <span className={classes.time}>{new Date(event.timestamp).toLocaleTimeString()}</span>\r\n                                       <span className={classes.phase}>{event.phase}</span>\r\n                                       <span className={classes.action}>\r\n                                          {getBackupEventActionMessage(event.action, mirror.storageName)}\r\n                                          {event.error && (\r\n                                             <span className={classes.viewError} onClick={() => setShowError(`mirror-${storageId}-${index}`)}>\r\n                                                View Error\r\n                                             </span>\r\n                                          )}\r\n                                       </span>\r\n                                    </li>\r\n                                 );\r\n                              })}\r\n                           </ul>\r\n                        ) : (\r\n                           <div className={classes.noEvents}>No events recorded</div>\r\n                        )}\r\n                     </div>\r\n                  ))}\r\n               </div>\r\n            )}\r\n         </div>\r\n         {showError && (\r\n            <Modal title=\"Error Details\" closeModal={() => setShowError(false)} width=\"400px\">\r\n               <div className={classes.errorDetails}>\r\n                  {(() => {\r\n                     if (typeof showError === 'string') {\r\n                        if (showError.startsWith('main-')) {\r\n                           const idx = parseInt(showError.replace('main-', ''));\r\n                           return progressDataToUse?.events[idx]?.error || 'Unknown error occurred.';\r\n                        }\r\n                        if (showError.startsWith('mirror-')) {\r\n                           const parts = showError.replace('mirror-', '').split('-');\r\n                           const eventIdx = parseInt(parts.pop()!);\r\n                           const sId = parts.join('-');\r\n                           return (progressDataToUse?.mirrors as any)?.[sId]?.events?.[eventIdx]?.error || 'Unknown error occurred.';\r\n                        }\r\n                     }\r\n                     return 'Unknown error occurred.';\r\n                  })()}\r\n               </div>\r\n            </Modal>\r\n         )}\r\n      </SidePanel>\r\n   );\r\n};\r\n\r\nexport default BackupEvents;\r\n"],"names":["BackupEvents","id","type","sourceId","sourceType","planId","inProgress","progressData","close","showError","setShowError","useState","fetchedProgressData","isLoading","useGetBackupProgressOnce","useGetRestoreProgressOnce","progressDataToUse","hasFinished","useMemo","finishedEvent","event","jsxs","SidePanel","jsx","Icon","Fragment","classes","formatDuration","index","completed","failed","retrying","isError","isWarning","getBackupEventActionMessage","getRestoreEventActionMessage","storageId","mirror","isCompleted","isFailed","Modal","idx","_a","parts","eventIdx","sId","_e","_d","_c","_b"],"mappings":"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"}
+{"version":3,"file":"BackupEvents.js","sources":["../../../../src/components/Plan/BackupEvents/BackupEvents.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport { getBackupEventActionMessage, getRestoreEventActionMessage } from '../../../utils/progressHelpers';\r\nimport classes from './BackupEvents.module.scss';\r\nimport { BackupProgressData, ReplicationProgressData } from '../../../@types/backups';\r\nimport { useGetBackupProgressOnce } from '../../../services/backups';\r\nimport { useGetRestoreProgressOnce } from '../../../services/restores';\r\nimport { useMemo, useState } from 'react';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport { formatDuration } from '../../../utils/helpers';\r\n\r\ninterface BackupEventsProps {\r\n   id: string;\r\n   planId: string;\r\n   sourceId: string;\r\n   sourceType: string;\r\n   type?: 'backup' | 'restore';\r\n   inProgress?: boolean;\r\n   progressData?: BackupProgressData | null;\r\n   close: () => void;\r\n}\r\n\r\nconst BackupEvents = ({ id, type = 'backup', sourceId, sourceType, planId, inProgress, progressData, close }: BackupEventsProps) => {\r\n   const [showError, setShowError] = useState<false | string>(false);\r\n   const { data: fetchedProgressData, isLoading } =\r\n      type === 'backup'\r\n         ? useGetBackupProgressOnce({ id, sourceId, sourceType, planId })\r\n         : useGetRestoreProgressOnce({ id, sourceId, sourceType, planId });\r\n\r\n   const progressDataToUse: BackupProgressData | null = progressData || fetchedProgressData;\r\n\r\n   console.log('progressDataToUse :', progressDataToUse);\r\n   const hasFinished = useMemo(() => {\r\n      if (!progressDataToUse || !progressDataToUse.events) return '';\r\n      let finishedEvent = '';\r\n      progressDataToUse.events.forEach((event) => {\r\n         if (event.action === 'TASK_COMPLETED') {\r\n            finishedEvent = 'Completed';\r\n         } else if (event.action === 'TASK_CANCELLED') {\r\n            finishedEvent = 'Cancelled';\r\n         } else if (event.action === 'FAILED_PERMANENTLY') {\r\n            finishedEvent = 'Failed';\r\n         }\r\n      });\r\n      return finishedEvent;\r\n   }, [progressDataToUse]);\r\n\r\n   return (\r\n      <SidePanel title={`${type}-${id} Events`} width=\"1000px\" icon={<Icon type={'logs'} size={18} />} footer={<></>} close={close}>\r\n         <div className={classes.backupEventsContainer}>\r\n            <div className={classes.header}>\r\n               <div\r\n                  title=\"Status\"\r\n                  className={`${classes.status} ${inProgress ? classes.inProgress : ''} \r\n               ${!inProgress && hasFinished === 'Completed' ? classes.hasCompleted : ''} ${!inProgress && hasFinished === 'Failed' ? classes.hasFailed : ''}`}\r\n               >\r\n                  <Icon type={inProgress ? 'loading' : hasFinished === 'Completed' ? 'check-circle-filled' : 'error-circle-filled'} size={14} />{' '}\r\n                  {inProgress ? `${type} In Progress` : `${type} ${hasFinished}` || 'Unknown'}\r\n               </div>\r\n               {!inProgress && hasFinished && (\r\n                  <div title=\"Duration\" className={classes.duration}>\r\n                     <Icon type=\"clock\" size={14} /> {(progressDataToUse?.duration && formatDuration(progressDataToUse.duration / 1000)) || 'N/A'}\r\n                  </div>\r\n               )}\r\n            </div>\r\n            {isLoading && (\r\n               <div className={classes.loading}>\r\n                  <Icon type={'loading'} size={30} />\r\n               </div>\r\n            )}\r\n            {progressDataToUse && progressDataToUse.events && progressDataToUse.events.length > 0 ? (\r\n               <ul className={classes.eventList}>\r\n                  {progressDataToUse.events.map((event: any, index: number) => {\r\n                     const completed = event.phase === 'finished' && event.action === 'TASK_COMPLETED';\r\n                     const failed = event.phase === 'finished' && event.action === 'FAILED_PERMANENTLY';\r\n                     const retrying = event.action.includes('RETRY_ATTEMPT_');\r\n                     const isError = event.action === 'TASK_FAILED';\r\n                     const isWarning =\r\n                        event.action === 'BACKUP_WARNING' ||\r\n                        event.action === 'RESTORE_WARNING' ||\r\n                        event.action === 'POST_BACKUP_PRUNE_FAILED' ||\r\n                        event.action === 'POST_BACKUP_REPO_STATS_FAILED';\r\n                     return (\r\n                        <li\r\n                           key={index}\r\n                           className={`${classes.eventItem} ${event.error ? classes.error : ''} \r\n                           ${completed ? classes.completed : ''} ${failed ? classes.failed : ''} \r\n                           ${retrying ? classes.retrying : ''} ${isError ? classes.isError : ''} \r\n                           ${isWarning ? classes.isWarning : ''}`}\r\n                        >\r\n                           <span className={classes.icon}>\r\n                              <Icon type={event.error || isWarning ? 'error-circle-filled' : 'check-circle-filled'} size={16} />\r\n                           </span>\r\n                           {/* Timestamp should be converted to time only eg: 10:20:23 AM */}\r\n                           <span className={classes.time}>{new Date(event.timestamp).toLocaleTimeString()}</span>\r\n                           <span className={classes.phase}>{event.phase}</span>\r\n                           <span className={classes.action}>\r\n                              {type === 'backup' ? getBackupEventActionMessage(event.action) : getRestoreEventActionMessage(event.action)}\r\n                              {event.error && (\r\n                                 <span className={classes.viewError} onClick={() => setShowError(`main-${index}`)}>\r\n                                    View Error\r\n                                 </span>\r\n                              )}\r\n                           </span>\r\n                        </li>\r\n                     );\r\n                  })}\r\n               </ul>\r\n            ) : null}\r\n            {/* Mirror Events */}\r\n            {progressDataToUse?.mirrors && Object.keys(progressDataToUse.mirrors).length > 0 && (\r\n               <div className={classes.mirrorsEventsSection}>\r\n                  {Object.entries(progressDataToUse.mirrors as Record<string, ReplicationProgressData>).map(([storageId, mirror]) => (\r\n                     <div key={storageId} className={classes.mirrorEventsGroup}>\r\n                        <div className={classes.mirrorEventsHeader}>\r\n                           <img src={`/providers/${mirror.storageType}.png`} className={classes.mirrorProviderIcon} />\r\n                           <span className={classes.mirrorEventsName}>{mirror.storageName}</span>\r\n                           <span className={`${classes.mirrorEventsStatus} ${classes[`mirror_${mirror.status}`] || ''}`}>{mirror.status}</span>\r\n                        </div>\r\n                        {mirror.events && mirror.events.length > 0 ? (\r\n                           <ul className={classes.eventList}>\r\n                              {mirror.events.map((event: any, index: number) => {\r\n                                 const isError = event.error;\r\n                                 const isCompleted = event.action === 'REPLICATION_COMPLETE';\r\n                                 const isFailed = event.action === 'REPLICATION_FAILED';\r\n                                 return (\r\n                                    <li\r\n                                       key={index}\r\n                                       className={`${classes.eventItem} ${isError ? classes.error : ''} ${isCompleted ? classes.completed : ''} ${isFailed ? classes.failed : ''}`}\r\n                                    >\r\n                                       <span className={classes.icon}>\r\n                                          <Icon type={isError ? 'error-circle-filled' : 'check-circle-filled'} size={16} />\r\n                                       </span>\r\n                                       <span className={classes.time}>{new Date(event.timestamp).toLocaleTimeString()}</span>\r\n                                       <span className={classes.phase}>{event.phase}</span>\r\n                                       <span className={classes.action}>\r\n                                          {getBackupEventActionMessage(event.action, mirror.storageName)}\r\n                                          {event.error && (\r\n                                             <span className={classes.viewError} onClick={() => setShowError(`mirror-${storageId}-${index}`)}>\r\n                                                View Error\r\n                                             </span>\r\n                                          )}\r\n                                       </span>\r\n                                    </li>\r\n                                 );\r\n                              })}\r\n                           </ul>\r\n                        ) : (\r\n                           <div className={classes.noEvents}>No events recorded</div>\r\n                        )}\r\n                     </div>\r\n                  ))}\r\n               </div>\r\n            )}\r\n         </div>\r\n         {showError && (\r\n            <Modal title=\"Error Details\" closeModal={() => setShowError(false)} width={'400px'}>\r\n               <div className={classes.errorDetails} data-length={showError.length}>\r\n                  {(() => {\r\n                     if (typeof showError === 'string') {\r\n                        if (showError.startsWith('main-')) {\r\n                           const idx = parseInt(showError.replace('main-', ''));\r\n                           return progressDataToUse?.events[idx]?.error || 'Unknown error occurred.';\r\n                        }\r\n                        if (showError.startsWith('mirror-')) {\r\n                           const parts = showError.replace('mirror-', '').split('-');\r\n                           const eventIdx = parseInt(parts.pop()!);\r\n                           const sId = parts.join('-');\r\n                           return (progressDataToUse?.mirrors as any)?.[sId]?.events?.[eventIdx]?.error || 'Unknown error occurred.';\r\n                        }\r\n                     }\r\n                     return 'Unknown error occurred.';\r\n                  })()}\r\n               </div>\r\n            </Modal>\r\n         )}\r\n      </SidePanel>\r\n   );\r\n};\r\n\r\nexport default BackupEvents;\r\n"],"names":["BackupEvents","id","type","sourceId","sourceType","planId","inProgress","progressData","close","showError","setShowError","useState","fetchedProgressData","isLoading","useGetBackupProgressOnce","useGetRestoreProgressOnce","progressDataToUse","hasFinished","useMemo","finishedEvent","event","jsxs","SidePanel","jsx","Icon","Fragment","classes","formatDuration","index","completed","failed","retrying","isError","isWarning","getBackupEventActionMessage","getRestoreEventActionMessage","storageId","mirror","isCompleted","isFailed","Modal","idx","_a","parts","eventIdx","sId","_e","_d","_c","_b"],"mappings":"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"}

package/dist-lib/components/Plan/BackupEvents/BackupEvents.module.scss.js

@@ -1,4 +1,4 @@
-const r = "_backupEventsContainer_n4dRx", o = "_header_gwZmX", n = "_duration_g6SJ5", e = "_status_KCVYI", t = "_inProgress_xqRZ6", i = "_hasCompleted_l14Zh", s = "_hasFailed_8Em4T", _ = "_loading_G2evI", m = "_eventList_i0U7P", a = "_eventItem_QNqCj", c = "_time_B3ExX", d = "_phase_39yB7", l = "_action_2yQJt", v = "_viewError_yTsK2", E = "_icon_BkVDZ", p = "_error_DGh2a", g = "_completed_XASOL", u = "_failed_zC3W6", h = "_retrying_ICrjq", C = "_isError_tkQGd", I = "_isWarning_yUW3h", P = "_mirrorsEventsSection_wafxu", f = "_mirrorEventsGroup_IQEqQ", y = "_mirrorEventsHeader_ltIUG", Q = "_mirrorProviderIcon_Uk5Aj", S = "_mirrorEventsName_lHe4o", x = "_mirrorEventsStatus_Lj60w", G = "_mirror_pending_5MiPJ", W = "_mirror_pending_5MiPJ", k = "_mirror_running_QXWpO", w = "_mirror_running_QXWpO", F = "_mirror_completed_n0Hum", H = "_mirror_completed_n0Hum", N = "_mirror_failed_6xzTN", D = "_mirror_failed_6xzTN", L = "_noEvents_UyosQ", U = "_errorDetails_4Yb0F", X = {
+const r = "_backupEventsContainer_9dH1T", o = "_header_Kxhdm", n = "_duration_1aCfh", e = "_status_yfu37", t = "_inProgress_jxlZv", i = "_hasCompleted_M9PAG", s = "_hasFailed_6WjH2", _ = "_loading_YMZCQ", m = "_eventList_ybfpu", a = "_eventItem_btgx0", c = "_time_ydcC7", d = "_phase_XEe5Q", l = "_action_vUkfm", v = "_viewError_RyzV5", E = "_icon_qbCwk", p = "_error_l3WwG", g = "_completed_WSzoQ", u = "_failed_CwSxD", h = "_retrying_KEtnS", f = "_isError_KroqN", C = "_isWarning_5xegh", w = "_mirrorsEventsSection_EoE5l", x = "_mirrorEventsGroup_IFWxA", I = "_mirrorEventsHeader_La9MM", F = "_mirrorProviderIcon_hE4ok", P = "_mirrorEventsName_Z129E", S = "_mirrorEventsStatus_FKJEw", k = "_mirror_pending_dnxIF", y = "_mirror_pending_dnxIF", W = "_mirror_running_MAIOw", b = "_mirror_running_MAIOw", A = "_mirror_completed_UAaNT", M = "_mirror_completed_UAaNT", N = "_mirror_failed_zOixw", G = "_mirror_failed_zOixw", H = "_noEvents_1fkoX", z = "_errorDetails_qRpc4", D = {
   backupEventsContainer: r,
   header: o,
   duration: n,
@@ -18,33 +18,33 @@ const r = "_backupEventsContainer_n4dRx", o = "_header_gwZmX", n = "_duration_g6
   completed: g,
   failed: u,
   retrying: h,
-  isError: C,
-  isWarning: I,
-  mirrorsEventsSection: P,
-  mirrorEventsGroup: f,
-  mirrorEventsHeader: y,
-  mirrorProviderIcon: Q,
-  mirrorEventsName: S,
-  mirrorEventsStatus: x,
-  mirror_pending: G,
-  mirrorPending: W,
-  mirror_running: k,
-  mirrorRunning: w,
-  mirror_completed: F,
-  mirrorCompleted: H,
+  isError: f,
+  isWarning: C,
+  mirrorsEventsSection: w,
+  mirrorEventsGroup: x,
+  mirrorEventsHeader: I,
+  mirrorProviderIcon: F,
+  mirrorEventsName: P,
+  mirrorEventsStatus: S,
+  mirror_pending: k,
+  mirrorPending: y,
+  mirror_running: W,
+  mirrorRunning: b,
+  mirror_completed: A,
+  mirrorCompleted: M,
   mirror_failed: N,
-  mirrorFailed: D,
-  noEvents: L,
-  errorDetails: U
+  mirrorFailed: G,
+  noEvents: H,
+  errorDetails: z
 };
 export {
   l as action,
   r as backupEventsContainer,
   g as completed,
-  X as default,
+  D as default,
   n as duration,
   p as error,
-  U as errorDetails,
+  z as errorDetails,
   a as eventItem,
   m as eventList,
   u as failed,
@@ -53,24 +53,24 @@ export {
   o as header,
   E as icon,
   t as inProgress,
-  C as isError,
-  I as isWarning,
+  f as isError,
+  C as isWarning,
   _ as loading,
-  H as mirrorCompleted,
-  f as mirrorEventsGroup,
-  y as mirrorEventsHeader,
-  S as mirrorEventsName,
-  x as mirrorEventsStatus,
-  D as mirrorFailed,
-  W as mirrorPending,
-  Q as mirrorProviderIcon,
-  w as mirrorRunning,
-  F as mirror_completed,
+  M as mirrorCompleted,
+  x as mirrorEventsGroup,
+  I as mirrorEventsHeader,
+  P as mirrorEventsName,
+  S as mirrorEventsStatus,
+  G as mirrorFailed,
+  y as mirrorPending,
+  F as mirrorProviderIcon,
+  b as mirrorRunning,
+  A as mirror_completed,
   N as mirror_failed,
-  G as mirror_pending,
-  k as mirror_running,
-  P as mirrorsEventsSection,
-  L as noEvents,
+  k as mirror_pending,
+  W as mirror_running,
+  w as mirrorsEventsSection,
+  H as noEvents,
   d as phase,
   h as retrying,
   e as status,

package/dist-lib/components/Plan/BackupProgress/BackupProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackupProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/BackupProgress/BackupProgress.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,UAAU,mBAAmB;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,GAAI,8CAAyD,mBAAmB,4CAsQnG,CAAC;AACF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BackupProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/BackupProgress/BackupProgress.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,UAAU,mBAAmB;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,GAAI,8CAAyD,mBAAmB,4CA2QnG,CAAC;AACF,eAAe,cAAc,CAAC"}

package/dist-lib/components/Plan/BackupProgress/BackupProgress.js

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { jsxs as r, jsx as t, Fragment as R } from "react/jsx-runtime";
 import { useState as x } from "react";
 import { useQueryClient as W } from "@tanstack/react-query";
 import { toast as O } from "react-toastify";
@@ -11,24 +11,24 @@ import oe from "../../common/ActionModal/ActionModal.js";
 import { useCancelRestore as ae, useGetRestoreProgress as le } from "../../../services/restores.js";
 import ce from "../BackupEvents/BackupEvents.js";
 const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup" }) => {
-  const [I, M] = x(!1), [K, S] = x(!1), B = W(), $ = ae(), w = X(), { id: g, started: y } = l, { data: o } = i === "backup" ? Z({ id: g, sourceId: b, sourceType: v, planId: c }) : le({ id: g, sourceId: b, sourceType: v, planId: c }), s = re(o), L = i === "backup" ? te(o) : ne(o), Q = o == null ? void 0 : o.events.find((a) => a.action === "BACKUP_OPERATION_START" && a.resticData), U = i === "backup" && !Q, {
+  const [I, S] = x(!1), [K, y] = x(!1), $ = W(), B = ae(), w = X(), { id: g, started: N } = l, { data: o } = i === "backup" ? Z({ id: g, sourceId: b, sourceType: v, planId: c }) : le({ id: g, sourceId: b, sourceType: v, planId: c }), s = re(o), L = i === "backup" ? te(o) : ne(o), Q = o == null ? void 0 : o.events.find((a) => a.action === "BACKUP_OPERATION_START" && a.resticData), U = i === "backup" && !Q, {
     total_files_processed: G = (s == null ? void 0 : s.total_files) || 0,
     files_done: Y = 0,
-    total_bytes_processed: N = (s == null ? void 0 : s.total_bytes_processed) || (s == null ? void 0 : s.total_bytes) || 0,
+    total_bytes_processed: _ = (s == null ? void 0 : s.total_bytes_processed) || (s == null ? void 0 : s.total_bytes) || 0,
     bytes_done: F = 0,
     bytes_restored: A = 0,
     files_restored: T = 0,
     seconds_remaining: H = 0,
-    percent_done: _ = 0
+    percent_done: P = 0
   } = s || {};
-  let h = Y, f = F, P = N, z = G, m = N ? Math.round(F / N * 100) : 0;
-  i === "restore" && (m = Math.round(_ * 100), s != null && s.total_bytes && (P = s.total_bytes), A ? f = A : s != null && s.total_bytes && (f = Math.round(_ * s.total_bytes)), T ? h = T : s != null && s.total_files && (h = Math.round(_ * s.total_files))), (s == null ? void 0 : s.message_type) === "summary" && (m = 100, h = z, f = P);
+  let h = Y, f = F, C = _, z = G, m = _ ? Math.round(F / _ * 100) : 0;
+  i === "restore" && (m = Math.round(P * 100), s != null && s.total_bytes && (C = s.total_bytes), A ? f = A : s != null && s.total_bytes && (f = Math.round(P * s.total_bytes)), T ? h = T : s != null && s.total_files && (h = Math.round(P * s.total_files))), (s == null ? void 0 : s.message_type) === "summary" && (m = 100, h = z, f = C);
   const J = () => {
     console.log("cancel :", i, l), i === "backup" ? O.promise(
       w.mutateAsync(
         { planId: c, backupId: l.id },
         {
-          onSuccess: () => B.invalidateQueries({ queryKey: ["plan", c] })
+          onSuccess: () => $.invalidateQueries({ queryKey: ["plan", c] })
         }
       ),
       {
@@ -41,10 +41,10 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
         }
       }
     ) : O.promise(
-      $.mutateAsync(
+      B.mutateAsync(
         { planId: c, restoreId: l.id },
         {
-          onSuccess: () => B.invalidateQueries({ queryKey: ["plan", c] })
+          onSuccess: () => $.invalidateQueries({ queryKey: ["plan", c] })
         }
       ),
       {
@@ -66,25 +66,34 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
           i === "restore" ? "Restoring " : "",
           "backup-",
           g,
-          /* @__PURE__ */ r("span", { className: e.backupTime, title: ee(y), children: [
+          /* @__PURE__ */ r("span", { className: e.backupTime, title: ee(N), children: [
             /* @__PURE__ */ t(d, { type: "clock", size: 12 }),
             " Started ",
-            y ? D(new Date(y)) : "a few seconds ago"
+            N ? D(new Date(N)) : "a few seconds ago"
           ] }),
           l.errorMsg && /* @__PURE__ */ r("span", { className: e.backupError, children: [
             /* @__PURE__ */ t(d, { type: "error-circle-filled", size: 13 }),
             " ",
-            /* @__PURE__ */ r("i", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": l.errorMsg, children: [
-              /* @__PURE__ */ t("u", { children: "Error" }),
-              " Occurred."
-            ] }),
+            /* @__PURE__ */ r(
+              "i",
+              {
+                "data-tooltip-id": "htmlToolTip",
+                "data-tooltip-place": "top",
+                "data-tooltip-html": `<div class="linebreak-tooltip-content">${l.errorMsg.slice(0, 120) + (l.errorMsg.length > 120 ? "..." : "")}</div>`,
+                onClick: () => y(!0),
+                children: [
+                  /* @__PURE__ */ t("u", { children: "Error" }),
+                  " Occurred."
+                ]
+              }
+            ),
             " ",
             "Retrying..."
           ] })
         ] }),
         /* @__PURE__ */ r("div", { className: e.backupStart, children: [
-          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: e.progressMessage, onClick: () => S(!0), children: L }) }),
-          /* @__PURE__ */ r("button", { onClick: () => M(!0), title: `Cancel ${i}`, children: [
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: e.progressMessage, onClick: () => y(!0), children: L }) }),
+          /* @__PURE__ */ r("button", { onClick: () => S(!0), title: `Cancel ${i}`, children: [
             /* @__PURE__ */ t(d, { type: "close", size: 12 }),
             " Cancel"
           ] })
@@ -103,10 +112,10 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
             /* @__PURE__ */ r("span", { children: [
               j(f),
               " / ",
-              j(P)
+              j(C)
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: e.ProgressStatsRight, children: i !== "restore" && /* @__PURE__ */ r(C, { children: [
+          /* @__PURE__ */ t("div", { className: e.ProgressStatsRight, children: i !== "restore" && /* @__PURE__ */ r(R, { children: [
             "Remaining: ",
             se(H)
           ] }) })
@@ -127,13 +136,13 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
         oe,
         {
           title: `Cancel ${i}`,
-          message: /* @__PURE__ */ t(C, { children: `Are you sure you want to cancel the ${i} process?` }),
-          closeModal: () => M(!1),
+          message: /* @__PURE__ */ t(R, { children: `Are you sure you want to cancel the ${i} process?` }),
+          closeModal: () => S(!1),
           width: "400px",
           primaryAction: {
             title: `Yes, Cancel ${i}`,
             type: "danger",
-            isPending: i === "restore" ? $.isPending : w.isPending,
+            isPending: i === "restore" ? B.isPending : w.isPending,
             action: () => J()
           }
         }
@@ -148,7 +157,7 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
           sourceType: v,
           progressData: o,
           inProgress: !0,
-          close: () => S(!1)
+          close: () => y(!1)
         }
       )
     ] }, l.id),
@@ -156,7 +165,7 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
       /* @__PURE__ */ t("div", { className: e.mirrorsTitle, children: "Replicating" }),
       /* @__PURE__ */ t("div", { className: e.mirrorsList, children: Object.entries(o.mirrors).map(([a, n]) => {
         var E, q;
-        const k = (q = (E = n.events) == null ? void 0 : E.slice().reverse().find((V) => V.resticData)) == null ? void 0 : q.resticData, p = k != null && k.percent_done ? Math.round(k.percent_done * 100) : 0, R = ie(n);
+        const k = (q = (E = n.events) == null ? void 0 : E.slice().reverse().find((V) => V.resticData)) == null ? void 0 : q.resticData, p = k != null && k.percent_done ? Math.round(k.percent_done * 100) : 0, M = ie(n);
         let u = e.mirrorPending;
         return n.status === "running" && (u = p > 0 ? e.mirrorRunning : e.mirrorRunningIndeterminate), n.status === "completed" && (u = e.mirrorCompleted), n.status === "failed" && (u = e.mirrorFailed), n.status === "retrying" && (u = e.mirrorRunningIndeterminate), /* @__PURE__ */ r("div", { className: e.mirrorItem, children: [
           /* @__PURE__ */ r("div", { className: e.mirrorStorageIcon, children: [
@@ -168,8 +177,8 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
               /* @__PURE__ */ t("span", { className: e.mirrorName, children: n.storageName }),
               /* @__PURE__ */ r("span", { className: `${e.mirrorStatus} ${u}`, children: [
                 n.status === "pending" && "Pending",
-                n.status === "running" && (p > 0 ? `${p}% — ${R}` : R),
-                n.status === "completed" && /* @__PURE__ */ r(C, { children: [
+                n.status === "running" && (p > 0 ? `${p}% — ${M}` : M),
+                n.status === "completed" && /* @__PURE__ */ r(R, { children: [
                   /* @__PURE__ */ t(d, { type: "check", size: 10 }),
                   " Completed"
                 ] }),
@@ -177,7 +186,7 @@ const _e = ({ item: l, sourceId: b, sourceType: v, planId: c, type: i = "backup"
                   /* @__PURE__ */ t(d, { type: "error", size: 12 }),
                   " Failed"
                 ] }),
-                n.status === "retrying" && R
+                n.status === "retrying" && M
               ] })
             ] }),
             /* @__PURE__ */ t("div", { className: e.mirrorBar, children: /* @__PURE__ */ t(