@plutonhq/core-frontend 0.1.24 → 0.1.26

package/dist-lib/components/Plan/PlanSettings/PlanPruneSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanPruneSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanPruneSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport Select from '../../common/form/Select/Select';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\n\r\ninterface PlanPruneSettingsProps {\r\n   plan: NewPlanSettings;\r\n   onUpdate: (pruneSettings: NewPlanSettings['settings']['prune']) => void;\r\n}\r\n\r\nconst PlanPruneSettings = ({ plan, onUpdate }: PlanPruneSettingsProps) => {\r\n   const pruneSettings = plan.settings?.prune;\r\n\r\n   return (\r\n      <>\r\n         <div className={classes.field}>\r\n            <label className={classes.label}>Backup Retention Policy</label>\r\n            <Select\r\n               options={[\r\n                  { label: 'Remove by Age', value: 'forgetByAge' },\r\n                  { label: 'Remove by Date', value: 'forgetByDate' },\r\n                  { label: 'Custom Prune Policy', value: 'custom' },\r\n               ]}\r\n               fieldValue={pruneSettings.policy}\r\n               onUpdate={(val: string) => onUpdate({ ...pruneSettings, policy: val })}\r\n            />\r\n         </div>\r\n         {pruneSettings.policy === 'forgetByAge' && (\r\n            <div className={classes.field}>\r\n               <label className={classes.label}>Remove Backups Older Than</label>\r\n               <div className={classes.forgetByAgeField}>\r\n                  <NumberInput\r\n                     fieldValue={pruneSettings.forgetAge ? parseInt(pruneSettings.forgetAge.replace(/\\D/g, ''), 10) : 3}\r\n                     onUpdate={(val) =>\r\n                        onUpdate({\r\n                           ...pruneSettings,\r\n                           forgetAge: (pruneSettings.forgetAge || '3m').replace(/\\d+/g, val.toString()),\r\n                        })\r\n                     }\r\n                     placeholder=\"5\"\r\n                     min={1}\r\n                     full={true}\r\n                  />\r\n                  <Tristate\r\n                     fieldValue={(pruneSettings.forgetAge || '3m').replace(/\\d/g, '')}\r\n                     options={[\r\n                        { label: 'Days', value: 'd' },\r\n                        { label: 'Weeks', value: 'w' },\r\n                        { label: 'Months', value: 'm' },\r\n                     ]}\r\n                     onUpdate={(val: string) =>\r\n                        onUpdate({\r\n                           ...pruneSettings,\r\n                           forgetAge: (pruneSettings.forgetAge || '3m').replace(/\\D/g, val),\r\n                        })\r\n                     }\r\n                  />\r\n               </div>\r\n            </div>\r\n         )}\r\n         {pruneSettings.policy === 'forgetByDate' && (\r\n            <div className={classes.field} style={{ width: '200px' }}>\r\n               <label className={classes.label}>Remove Backups Older Than</label>\r\n               <Input type=\"date\" fieldValue={pruneSettings.forgetDate || ''} onUpdate={(val) => onUpdate({ ...pruneSettings, forgetDate: val })} />\r\n            </div>\r\n         )}\r\n         {pruneSettings.policy === 'custom' && (\r\n            <>\r\n               <div className={classes.field}>\r\n                  <label className={classes.label}>Custom Policy Settings</label>\r\n                  <div className={classes.customPolicyOption}>\r\n                     <span>Keep Daily Backups for </span>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.keepDailySnaps || ''}\r\n                        onUpdate={(val) => onUpdate({ ...pruneSettings, keepDailySnaps: val })}\r\n                     />\r\n                     <span>Days</span>\r\n                  </div>\r\n                  <div className={classes.customPolicyOption}>\r\n                     <span>Keep Weekly Backups for </span>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.keepWeeklySnaps || ''}\r\n                        onUpdate={(val) => onUpdate({ ...pruneSettings, keepWeeklySnaps: val })}\r\n                     />\r\n                     <span>Weeks</span>\r\n                  </div>\r\n                  <div className={classes.customPolicyOption}>\r\n                     <span>Keep Monthly Backups for </span>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.keepMonthlySnaps || ''}\r\n                        onUpdate={(val) => onUpdate({ ...pruneSettings, keepMonthlySnaps: val })}\r\n                     />\r\n                     <span>Months</span>\r\n                  </div>\r\n               </div>\r\n            </>\r\n         )}\r\n      </>\r\n   );\r\n};\r\n\r\nexport default PlanPruneSettings;\r\n"],"names":["PlanPruneSettings","plan","onUpdate","pruneSettings","_a","jsxs","Fragment","classes","jsx","Select","val","NumberInput","Tristate","Input"],"mappings":"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"}
+{"version":3,"file":"PlanPruneSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanPruneSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport Select from '../../common/form/Select/Select';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\n\r\ninterface PlanPruneSettingsProps {\r\n   plan: NewPlanSettings;\r\n   onUpdate: (pruneSettings: NewPlanSettings['settings']['prune']) => void;\r\n}\r\n\r\nconst PlanPruneSettings = ({ plan, onUpdate }: PlanPruneSettingsProps) => {\r\n   const pruneSettings = plan.settings?.prune || {};\r\n\r\n   return (\r\n      <>\r\n         <div className={classes.field}>\r\n            <label className={classes.label}>Backup Retention Policy</label>\r\n            <Select\r\n               options={[\r\n                  { label: 'Keep Number of Backups', value: 'keepLast' },\r\n                  { label: 'Remove Backups By Age', value: 'forgetByAge' },\r\n                  { label: 'Advanced Policy', value: 'custom' },\r\n                  { label: 'Keep All Backups (Disable Pruning)', value: 'disable' },\r\n               ]}\r\n               fieldValue={pruneSettings.policy || 'keepLast'}\r\n               onUpdate={(val: string) => {\r\n                  // Reset snapCount to a default safe value if switching contexts, or retain if preferred\r\n                  onUpdate({ ...pruneSettings, policy: val, snapCount: val === 'keepLast' ? 5 : pruneSettings.snapCount });\r\n               }}\r\n            />\r\n         </div>\r\n\r\n         {/* OPTION 1: KEEP LAST N */}\r\n         {pruneSettings.policy === 'keepLast' && (\r\n            <div className={classes.field}>\r\n               <NumberInput\r\n                  label=\"Number of Backups to Keep\"\r\n                  fieldValue={pruneSettings.snapCount || 5}\r\n                  onUpdate={(val) => onUpdate({ ...pruneSettings, snapCount: val })}\r\n                  placeholder=\"5\"\r\n                  min={1}\r\n                  hint=\"Only the most recent 5 backups will be kept.\"\r\n                  inline={false}\r\n               />\r\n            </div>\r\n         )}\r\n\r\n         {/* OPTION 2: REMOVE BY AGE */}\r\n         {pruneSettings.policy === 'forgetByAge' && (\r\n            <>\r\n               <div className={classes.field}>\r\n                  <label className={classes.label}>Remove Backups Older Than</label>\r\n                  <div className={classes.forgetByAgeField}>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.forgetAge ? parseInt(pruneSettings.forgetAge.replace(/\\D/g, ''), 10) : 3}\r\n                        onUpdate={(val) =>\r\n                           onUpdate({\r\n                              ...pruneSettings,\r\n                              forgetAge: (pruneSettings.forgetAge || '3m').replace(/\\d+/g, val.toString()),\r\n                           })\r\n                        }\r\n                        placeholder=\"3\"\r\n                        min={1}\r\n                        full={true}\r\n                     />\r\n                     <Tristate\r\n                        fieldValue={(pruneSettings.forgetAge || '3m').replace(/\\d/g, '')}\r\n                        options={[\r\n                           { label: 'Days', value: 'd' },\r\n                           { label: 'Weeks', value: 'w' },\r\n                           { label: 'Months', value: 'm' },\r\n                           { label: 'Years', value: 'y' },\r\n                        ]}\r\n                        onUpdate={(val: string) =>\r\n                           onUpdate({\r\n                              ...pruneSettings,\r\n                              forgetAge: (pruneSettings.forgetAge || '3m').replace(/\\D/g, val),\r\n                           })\r\n                        }\r\n                     />\r\n                  </div>\r\n               </div>\r\n\r\n               {/* Fail-safe keeping minimum N backups so they aren't left with 0 backups if backups fail for a month */}\r\n               <div className={classes.field}>\r\n                  <label className={classes.label}>Minimum numbers of backups to keep</label>\r\n                  <div>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.snapCount || 1}\r\n                        onUpdate={(val) => onUpdate({ ...pruneSettings, snapCount: val })}\r\n                        min={1}\r\n                        placeholder=\"3\"\r\n                        full={true}\r\n                     />\r\n                  </div>\r\n               </div>\r\n            </>\r\n         )}\r\n\r\n         {/* OPTION 3: ADVANCED */}\r\n         {pruneSettings.policy === 'custom' && (\r\n            <div className={classes.field}>\r\n               <label className={classes.label}>Advanced Policy Settings</label>\r\n               <small className={classes.helperText} style={{ marginBottom: '15px', display: 'block', color: 'var(--text-muted)' }}>\r\n                  A backup is kept if it matches <strong>ANY</strong> of the checked rules below.\r\n               </small>\r\n\r\n               {/* Keep Daily */}\r\n               <div className={classes.customPolicyOption}>\r\n                  <Toggle\r\n                     fieldValue={!!pruneSettings.keepDailySnaps}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepDailySnaps: val ? 7 : undefined })}\r\n                     customClasses={classes.removeRemoteToggle}\r\n                     inline={true}\r\n                  />\r\n                  <span>Keep the latest daily backup for</span>\r\n                  <NumberInput\r\n                     fieldValue={pruneSettings.keepDailySnaps || ''}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepDailySnaps: val })}\r\n                     min={1}\r\n                  />\r\n                  <span>Days</span>\r\n               </div>\r\n\r\n               {/* Keep Weekly */}\r\n               <div className={classes.customPolicyOption}>\r\n                  <Toggle\r\n                     fieldValue={!!pruneSettings.keepWeeklySnaps}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepWeeklySnaps: val ? 4 : undefined })}\r\n                     customClasses={classes.removeRemoteToggle}\r\n                     inline={true}\r\n                  />\r\n                  <span>Keep the latest weekly backup for</span>\r\n                  <NumberInput\r\n                     fieldValue={pruneSettings.keepWeeklySnaps || ''}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepWeeklySnaps: val })}\r\n                     min={1}\r\n                  />\r\n                  <span>Weeks</span>\r\n               </div>\r\n\r\n               {/* Keep Monthly */}\r\n               <div className={classes.customPolicyOption}>\r\n                  <Toggle\r\n                     fieldValue={!!pruneSettings.keepMonthlySnaps}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepMonthlySnaps: val ? 12 : undefined })}\r\n                     customClasses={classes.removeRemoteToggle}\r\n                     inline={true}\r\n                  />\r\n                  <span>Keep the latest monthly backup for</span>\r\n                  <NumberInput\r\n                     fieldValue={pruneSettings.keepMonthlySnaps || ''}\r\n                     onUpdate={(val) => onUpdate({ ...pruneSettings, keepMonthlySnaps: val })}\r\n                     min={1}\r\n                  />\r\n                  <span>Months</span>\r\n               </div>\r\n               {/* Fail-safe keeping minimum N backups so they aren't left with 0 backups if backups fail for a month */}\r\n               <div className={classes.field} style={{ marginTop: '15px' }}>\r\n                  <label className={classes.label}>Minimum numbers of backups to keep</label>\r\n                  <div>\r\n                     <NumberInput\r\n                        fieldValue={pruneSettings.snapCount || 1}\r\n                        onUpdate={(val) => onUpdate({ ...pruneSettings, snapCount: val })}\r\n                        min={1}\r\n                        placeholder=\"3\"\r\n                        full={true}\r\n                     />\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         )}\r\n\r\n         {/* OPTION 4: DISABLE */}\r\n         {pruneSettings.policy === 'disable' && (\r\n            <div className={classes.field}>\r\n               <small className={classes.helperText}>\r\n                  Pruning is disabled. Old backups will never be deleted. Make sure you have enough storage!\r\n               </small>\r\n            </div>\r\n         )}\r\n      </>\r\n   );\r\n};\r\n\r\nexport default PlanPruneSettings;\r\n"],"names":["PlanPruneSettings","plan","onUpdate","pruneSettings","_a","jsxs","Fragment","classes","jsx","Select","val","NumberInput","Tristate","Toggle"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-const t = "_field_mtlh9", i = "_fieldErrorLabel_Ydo80", e = "_fieldNotice_Gi8t0", n = "_label_ZF458", o = "_forgetByAgeField_FPhtE", c = "_customPolicyOption_XnYTh", s = "_advancedTabContent_lZsCo", a = "_advancedTabs_64uJh", _ = "_advancedTabActive_7Gdt2", d = "_advancedSettingsSelect_iG976", r = "_eventTabs_jx9ex", p = "_eventTab_pqCBd", l = "_eventTabHead_WfRJc", T = "_eventTabHeadTitle_Pxkrl", b = "_eventTabContent_5EcLX", f = "_addScriptButton_sngQZ", v = "_scriptItem_uike9", u = "_scriptHeader_Zr6xK", S = "_scriptTitle_je8nA", g = "_scriptPositionControls_wx8qF", O = "_scriptPathInput_FRbYR", m = "_scriptFooter_t9nVP", C = "_scriptOptions_yahN5", h = "_scriptOptionCheckbox_Xqn00", F = "_removeScriptButton_iTup8", B = "_scriptOptionTimeout_jRU1W", N = "_hasTimeOutSettings_7Vr2y", x = "_timeoutSettings_xbX9o", P = "_notificationTestField_7IXSB", H = "_notificationSettingsSection_Hf62u", y = "_notificationToggle_4xt2e", A = "_notificationSettings_X8F8e", I = "_testNotificationContainer_hS6w0", X = "_testNotificationButton_9tOKN", k = "_disabled_k7FZh", Z = "_testNotificationOptions_OX0Zx", E = {
+const t = "_field_9carP", i = "_fieldErrorLabel_xGxve", e = "_fieldNotice_QxZ4n", n = "_label_xwNgM", o = "_forgetByAgeField_e2RLj", c = "_customPolicyOption_fSJHz", s = "_advancedTabContent_kLrNt", a = "_advancedTabs_muCSl", _ = "_advancedTabActive_nnoTr", r = "_advancedSettingsSelect_pUFko", d = "_eventTabs_n0umQ", p = "_eventTab_yzXfs", l = "_eventTabHead_6UQ2q", T = "_eventTabHeadTitle_Qxkiy", f = "_eventTabContent_E6x5i", b = "_addScriptButton_lkWxx", v = "_scriptItem_GNGoc", g = "_scriptHeader_shIgU", S = "_scriptTitle_RQ4O3", u = "_scriptPositionControls_f9kOj", m = "_scriptPathInput_JcKQN", O = "_scriptFooter_8jm3T", C = "_scriptOptions_xGU10", N = "_scriptOptionCheckbox_4qqu1", x = "_removeScriptButton_t4MgA", h = "_scriptOptionTimeout_YdnK6", B = "_hasTimeOutSettings_V94p5", y = "_timeoutSettings_LhUOR", F = "_notificationTestField_5mlYR", H = "_notificationSettingsSection_pJymd", P = "_notificationToggle_Xl9Ui", k = "_notificationSettings_IMmAg", A = "_testNotificationContainer_WRyXt", I = "_testNotificationButton_Ghxzv", L = "_disabled_DTMsr", Q = "_testNotificationOptions_XZww9", U = {
   field: t,
   fieldErrorLabel: i,
   fieldNotice: e,
@@ -8,71 +8,71 @@ const t = "_field_mtlh9", i = "_fieldErrorLabel_Ydo80", e = "_fieldNotice_Gi8t0"
   advancedTabContent: s,
   advancedTabs: a,
   advancedTabActive: _,
-  advancedSettingsSelect: d,
-  eventTabs: r,
+  advancedSettingsSelect: r,
+  eventTabs: d,
   eventTab: p,
   eventTabHead: l,
   eventTabHeadTitle: T,
-  eventTabContent: b,
-  addScriptButton: f,
+  eventTabContent: f,
+  addScriptButton: b,
   scriptItem: v,
-  scriptHeader: u,
+  scriptHeader: g,
   scriptTitle: S,
-  scriptPositionControls: g,
-  scriptPathInput: O,
-  scriptFooter: m,
+  scriptPositionControls: u,
+  scriptPathInput: m,
+  scriptFooter: O,
   scriptOptions: C,
-  scriptOptionCheckbox: h,
-  removeScriptButton: F,
-  scriptOptionTimeout: B,
-  hasTimeOutSettings: N,
-  timeoutSettings: x,
-  notificationTestField: P,
+  scriptOptionCheckbox: N,
+  removeScriptButton: x,
+  scriptOptionTimeout: h,
+  hasTimeOutSettings: B,
+  timeoutSettings: y,
+  notificationTestField: F,
   notificationSettingsSection: H,
-  notificationToggle: y,
-  notificationSettings: A,
-  testNotificationContainer: I,
-  testNotificationButton: X,
-  disabled: k,
-  testNotificationOptions: Z
+  notificationToggle: P,
+  notificationSettings: k,
+  testNotificationContainer: A,
+  testNotificationButton: I,
+  disabled: L,
+  testNotificationOptions: Q
 };
 export {
-  f as addScriptButton,
-  d as advancedSettingsSelect,
+  b as addScriptButton,
+  r as advancedSettingsSelect,
   _ as advancedTabActive,
   s as advancedTabContent,
   a as advancedTabs,
   c as customPolicyOption,
-  E as default,
-  k as disabled,
+  U as default,
+  L as disabled,
   p as eventTab,
-  b as eventTabContent,
+  f as eventTabContent,
   l as eventTabHead,
   T as eventTabHeadTitle,
-  r as eventTabs,
+  d as eventTabs,
   t as field,
   i as fieldErrorLabel,
   e as fieldNotice,
   o as forgetByAgeField,
-  N as hasTimeOutSettings,
+  B as hasTimeOutSettings,
   n as label,
-  A as notificationSettings,
+  k as notificationSettings,
   H as notificationSettingsSection,
-  P as notificationTestField,
-  y as notificationToggle,
-  F as removeScriptButton,
-  m as scriptFooter,
-  u as scriptHeader,
+  F as notificationTestField,
+  P as notificationToggle,
+  x as removeScriptButton,
+  O as scriptFooter,
+  g as scriptHeader,
   v as scriptItem,
-  h as scriptOptionCheckbox,
-  B as scriptOptionTimeout,
+  N as scriptOptionCheckbox,
+  h as scriptOptionTimeout,
   C as scriptOptions,
-  O as scriptPathInput,
-  g as scriptPositionControls,
+  m as scriptPathInput,
+  u as scriptPositionControls,
   S as scriptTitle,
-  X as testNotificationButton,
-  I as testNotificationContainer,
-  Z as testNotificationOptions,
-  x as timeoutSettings
+  I as testNotificationButton,
+  A as testNotificationContainer,
+  Q as testNotificationOptions,
+  y as timeoutSettings
 };
 //# sourceMappingURL=PlanSettings.module.scss.js.map

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewer.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { Backup, BackupMirror } from '../../../@types/backups';
+import { FileItem } from '../../../@types/system';
+interface SnapshotViewerProps {
+    files: FileItem[];
+    backup: Backup;
+    planId: string;
+    isSync?: boolean;
+    mirrors?: BackupMirror[];
+    onClose: () => void;
+    replicationId?: string;
+    toolbarLeftContent?: ReactNode;
+    toolbarRightContent?: ReactNode;
+    isExternalLoading?: boolean;
+    /** Render additional action buttons per file row (e.g. View, Download, Compare in Pro). */
+    renderFileActions?: (file: FileItem, meta: {
+        fileExtension: string;
+        isDirectory: boolean;
+    }) => ReactNode;
+    /** Extra elements rendered at the end (e.g. BackupFileLoader modal in Pro). */
+    children?: ReactNode;
+    primaryStorage?: {
+        id: string;
+        type: string;
+        name: string;
+    };
+    /** Called when the user selects a different storage mirror. Receives the replicationId (or undefined for primary). */
+    onStorageChange?: (replicationId: string | undefined) => void;
+}
+declare const SnapshotViewer: ({ files, backup, planId, isSync, mirrors, onClose, replicationId, toolbarLeftContent, toolbarRightContent, isExternalLoading, renderFileActions, children, primaryStorage, onStorageChange, }: SnapshotViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default SnapshotViewer;
+//# sourceMappingURL=SnapshotViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/SnapshotViewer/SnapshotViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAWlD,UAAU,mBAAmB;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IACzG,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,sHAAsH;IACtH,eAAe,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE;AAMD,QAAA,MAAM,cAAc,GAAI,+LAerB,mBAAmB,4CAwRrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,252 @@
+import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { useState as w, useRef as he, useCallback as H } from "react";
+import { useQuery as ue } from "@tanstack/react-query";
+import { useNavigate as fe } from "react-router";
+import { toast as Q } from "react-toastify";
+import h from "../../common/Icon/Icon.js";
+import ge from "../../common/FileIcon/FileIcon.js";
+import ye from "../../common/form/Select/Select.js";
+import we from "../../common/ActionModal/ActionModal.js";
+import { useRestoreBackup as Se } from "../../../services/restores.js";
+import { useBrowseSnapshot as ve } from "../../../services/backups.js";
+import { formatBytes as De, timeAgo as Ce, isMobile as Ne } from "../../../utils/helpers.js";
+import Fe from "../../common/SnapshotBrowser/SnapshotBrowserToolbar.js";
+import be from "../../common/SnapshotBrowser/SnapshotBrowserDirectories.js";
+import Re from "../../common/SnapshotBrowser/SnapshotBrowserFileList.js";
+import xe from "./SnapshotViewerFile.js";
+import { useSnapshotDatabase as Me } from "../../common/SnapshotBrowser/hooks/useSnapshotDatabase.js";
+import { useSnapshotNavigation as ze } from "../../common/SnapshotBrowser/hooks/useSnapshotNavigation.js";
+import { useSnapshotSort as Ie } from "../../common/SnapshotBrowser/hooks/useSnapshotSort.js";
+import r from "../../common/SnapshotBrowser/SnapshotBrowser.module.scss.js";
+const Le = Ne(), Pe = "1fr 120px minmax(100px, auto) 120px", Be = "1fr 120px minmax(100px, auto)", tt = ({
+  files: u,
+  backup: l,
+  planId: Y,
+  isSync: f = !1,
+  mirrors: S,
+  onClose: K,
+  replicationId: V,
+  toolbarLeftContent: J,
+  toolbarRightContent: W,
+  isExternalLoading: P,
+  renderFileActions: B,
+  children: X,
+  primaryStorage: v,
+  onStorageChange: g
+}) => {
+  var E;
+  const [D, Z] = w(""), [s, C] = w(!1), [$, ee] = w(V), [k, A] = w(u), N = he(null), te = fe(), F = l.id, T = Se(), d = ve(), b = k.length > 1e3, { db: m, initError: R, discoveredDirectories: U, expandedFolders: _, setExpandedFolders: oe, addDirectoriesSorted: re } = Me(
+    k,
+    F,
+    b
+  ), { selectedFolder: n, handleGoUp: G, handleDirectoryClick: x, toggleFolder: ie, isVisible: se, hasSubdirectories: ne } = ze(
+    U,
+    _,
+    oe
+  ), { sortField: a, sortDirection: p, handleSort: M } = Ie(), ae = H(
+    (t) => {
+      ee(t), g == null || g(t), t ? d.mutate(
+        { backupId: l.id, replicationId: t },
+        {
+          onSuccess: (i) => {
+            i != null && i.result && A(i.result);
+          }
+        }
+      ) : A(u);
+    },
+    [l.id, u, d, g]
+  ), O = (S == null ? void 0 : S.filter((t) => t.status === "completed")) || [], le = v && O.length > 0 ? /* @__PURE__ */ e(
+    ye,
+    {
+      customClasses: r.storageSelect,
+      options: [
+        { label: v.name + " (Primary)", value: "primary", image: /* @__PURE__ */ e("img", { src: `/providers/${v.type}.png` }) },
+        ...O.map((t) => ({
+          label: t.storageName + " (Mirror)",
+          value: t.replicationId,
+          image: /* @__PURE__ */ e("img", { src: `/providers/${t.storageType}.png` })
+        }))
+      ],
+      fieldValue: $ || "primary",
+      onUpdate: (t) => ae(t === "primary" ? void 0 : t),
+      disabled: d.isPending
+    }
+  ) : void 0, j = ue({
+    queryKey: ["directoryContents", n, a, p, D, F],
+    queryFn: async () => {
+      if (!m || n === null) return [];
+      const t = await m.getDirectoryContents(n, a, p, D);
+      if (b) {
+        const i = await m.getSubdirectories(n);
+        i.length > 0 && re(i);
+      }
+      return n ? [{ isGoUp: !0, path: "..", name: "..", isDirectory: !0 }, ...t] : t;
+    },
+    enabled: !!m && n !== null,
+    staleTime: 3e4,
+    retry: 1
+  }), z = j.data || [], ce = !m && !R, q = j.isPending, de = (t) => {
+    T.mutate(
+      {
+        backupId: F,
+        planId: Y,
+        target: "",
+        includes: [t],
+        overwrite: "always",
+        deleteOption: !1,
+        replicationId: $
+      },
+      {
+        onSuccess: (i, c) => {
+          Q.success("Restoration Process Started..", { autoClose: 5e3 });
+          const y = c == null ? void 0 : c.planId;
+          y && te(`/plan/${y}?pendingrestore=1`), K();
+        },
+        onError: (i) => {
+          console.error("Restore error:", i), Q.error(`Restore failed. ${i.message || "Unknown error"}`);
+        },
+        onSettled: () => {
+          C(!1);
+        }
+      }
+    );
+  }, I = f ? Be : Pe, me = H(
+    ({ index: t, style: i }) => {
+      const c = z[t];
+      return c ? /* @__PURE__ */ e(
+        xe,
+        {
+          style: i,
+          file: c,
+          isSync: f,
+          gridColumns: I,
+          onGoUp: G,
+          onDirectoryClick: x,
+          onRestore: (y) => C(y),
+          renderFileActions: B
+        }
+      ) : null;
+    },
+    [z, f, I, G, x, B]
+  );
+  if (R)
+    return /* @__PURE__ */ e("div", { className: r.snapshotBrowser, children: /* @__PURE__ */ o("div", { className: r.errorState, children: [
+      /* @__PURE__ */ e(h, { type: "error", size: 24 }),
+      /* @__PURE__ */ e("p", { children: "Failed to initialize database" }),
+      /* @__PURE__ */ e("small", { children: R }),
+      /* @__PURE__ */ e("button", { onClick: () => window.location.reload(), children: "Reload Page" })
+    ] }) });
+  if (ce)
+    return /* @__PURE__ */ e("div", { className: r.snapshotBrowser, children: /* @__PURE__ */ o("div", { className: r.loadingState, children: [
+      /* @__PURE__ */ e(h, { type: "loading", size: 24 }),
+      /* @__PURE__ */ e("p", { children: "Indexing snapshot data..." }),
+      /* @__PURE__ */ o("small", { children: [
+        "Building efficient database for ",
+        u.length.toLocaleString(),
+        " files"
+      ] })
+    ] }) });
+  const pe = /* @__PURE__ */ o("div", { className: r.stats, children: [
+    /* @__PURE__ */ e(h, { type: "box" }),
+    /* @__PURE__ */ o("strong", { children: [
+      "backup-",
+      l.id
+    ] }),
+    " • ",
+    De(l.totalSize),
+    " • ",
+    Ce(new Date(l.ended))
+  ] });
+  return /* @__PURE__ */ o("div", { className: r.snapshotBrowser, children: [
+    /* @__PURE__ */ e(
+      Fe,
+      {
+        search: D,
+        onSearchChange: Z,
+        isLoading: q || P || d.isPending,
+        leftContent: J || pe,
+        rightContent: /* @__PURE__ */ o(L, { children: [
+          le,
+          W
+        ] })
+      }
+    ),
+    P || d.isPending ? /* @__PURE__ */ e("div", { className: `${r.browserContent} ${r.loadingState}`, children: /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e(h, { type: "loading", size: 16 }),
+      " Loading..."
+    ] }) }) : /* @__PURE__ */ o("div", { className: r.browserContent, children: [
+      /* @__PURE__ */ e(
+        be,
+        {
+          directories: U,
+          selectedFolder: n,
+          expandedFolders: _,
+          useProgressiveLoading: b,
+          onDirectoryClick: x,
+          onToggleFolder: ie,
+          isVisible: se,
+          hasSubdirectories: ne
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: `${r.content} styled__scrollbar`, ref: N, children: /* @__PURE__ */ e(
+        Re,
+        {
+          files: z,
+          height: (E = N.current) != null && E.clientHeight ? N.current.clientHeight - 45 : 520,
+          itemSize: Le ? 65 : 46,
+          headerContent: /* @__PURE__ */ o(L, { children: [
+            /* @__PURE__ */ o("div", { onClick: () => M("name"), className: a === "name" ? r.activeSort : "", children: [
+              "Name ",
+              a === "name" && (p === "asc" ? "↑" : "↓")
+            ] }),
+            /* @__PURE__ */ o("div", { onClick: () => M("modifiedAt"), className: a === "modifiedAt" ? r.activeSort : "", children: [
+              "Last Modified ",
+              a === "modifiedAt" && (p === "asc" ? "↑" : "↓")
+            ] }),
+            /* @__PURE__ */ o("div", { onClick: () => M("size"), className: a === "size" ? r.activeSort : "", children: [
+              "Size ",
+              a === "size" && (p === "asc" ? "↑" : "↓")
+            ] }),
+            !f && /* @__PURE__ */ e("div", { className: r.headerActions, children: "Actions" })
+          ] }),
+          renderRow: me,
+          selectedFolder: n,
+          isLoading: q,
+          gridTemplateColumns: I
+        }
+      ) })
+    ] }),
+    s && /* @__PURE__ */ e(
+      we,
+      {
+        title: `Restore ${s.isDirectory ? "Directory" : "File"}`,
+        message: /* @__PURE__ */ o(L, { children: [
+          /* @__PURE__ */ o("p", { children: [
+            "Are you sure you want to restore this ",
+            s.isDirectory ? "Directory" : "File",
+            "?"
+          ] }),
+          /* @__PURE__ */ o("p", { className: r.restoreModalFile, children: [
+            s.isDirectory ? /* @__PURE__ */ e(h, { type: "fm-directory", size: 16 }) : /* @__PURE__ */ e(ge, { filename: s.path }),
+            " ",
+            s.path
+          ] }),
+          /* @__PURE__ */ e("p", { children: "This action will overwrite the existing file/directory with the same name in the source." })
+        ] }),
+        closeModal: () => C(!1),
+        width: "600px",
+        primaryAction: {
+          title: `Yes, Restore ${s.isDirectory ? "Directory" : "File"}`,
+          type: "default",
+          isPending: T.isPending,
+          action: () => de(s.path)
+        }
+      }
+    ),
+    X
+  ] });
+};
+export {
+  tt as default
+};
+//# sourceMappingURL=SnapshotViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotViewer.js","sources":["../../../../src/components/Plan/SnapshotViewer/SnapshotViewer.tsx"],"sourcesContent":["import { useState, useCallback, useRef, ReactNode } from 'react';\r\nimport { useQuery } from '@tanstack/react-query';\r\nimport { useNavigate } from 'react-router';\r\nimport { toast } from 'react-toastify';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport FileIcon from '../../common/FileIcon/FileIcon';\r\nimport Select from '../../common/form/Select/Select';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { Backup, BackupMirror } from '../../../@types/backups';\r\nimport { useRestoreBackup } from '../../../services/restores';\r\nimport { useBrowseSnapshot } from '../../../services/backups';\r\nimport { FileItem } from '../../../@types/system';\r\nimport { isMobile, formatBytes, timeAgo } from '../../../utils/helpers';\r\nimport SnapshotBrowserToolbar from '../../common/SnapshotBrowser/SnapshotBrowserToolbar';\r\nimport SnapshotBrowserDirectories from '../../common/SnapshotBrowser/SnapshotBrowserDirectories';\r\nimport SnapshotBrowserFileList from '../../common/SnapshotBrowser/SnapshotBrowserFileList';\r\nimport SnapshotViewerFile from './SnapshotViewerFile';\r\nimport { useSnapshotDatabase } from '../../common/SnapshotBrowser/hooks/useSnapshotDatabase';\r\nimport { useSnapshotNavigation } from '../../common/SnapshotBrowser/hooks/useSnapshotNavigation';\r\nimport { useSnapshotSort } from '../../common/SnapshotBrowser/hooks/useSnapshotSort';\r\nimport classes from '../../common/SnapshotBrowser/SnapshotBrowser.module.scss';\r\n\r\ninterface SnapshotViewerProps {\r\n   files: FileItem[];\r\n   backup: Backup;\r\n   planId: string;\r\n   isSync?: boolean;\r\n   mirrors?: BackupMirror[];\r\n   onClose: () => void;\r\n   replicationId?: string;\r\n   toolbarLeftContent?: ReactNode;\r\n   toolbarRightContent?: ReactNode;\r\n   isExternalLoading?: boolean;\r\n   /** Render additional action buttons per file row (e.g. View, Download, Compare in Pro). */\r\n   renderFileActions?: (file: FileItem, meta: { fileExtension: string; isDirectory: boolean }) => ReactNode;\r\n   /** Extra elements rendered at the end (e.g. BackupFileLoader modal in Pro). */\r\n   children?: ReactNode;\r\n   primaryStorage?: { id: string; type: string; name: string };\r\n   /** Called when the user selects a different storage mirror. Receives the replicationId (or undefined for primary). */\r\n   onStorageChange?: (replicationId: string | undefined) => void;\r\n}\r\n\r\nconst isMobileDevice = isMobile();\r\nconst GRID_COLUMNS = '1fr 120px minmax(100px, auto) 120px';\r\nconst GRID_COLUMNS_SYNC = '1fr 120px minmax(100px, auto)';\r\n\r\nconst SnapshotViewer = ({\r\n   files,\r\n   backup,\r\n   planId,\r\n   isSync = false,\r\n   mirrors,\r\n   onClose,\r\n   replicationId,\r\n   toolbarLeftContent,\r\n   toolbarRightContent,\r\n   isExternalLoading,\r\n   renderFileActions,\r\n   children,\r\n   primaryStorage,\r\n   onStorageChange,\r\n}: SnapshotViewerProps) => {\r\n   const [search, setSearch] = useState('');\r\n   const [showRestoreModal, setShowRestoreModal] = useState<FileItem | false>(false);\r\n   const [selectedReplicationId, setSelectedReplicationId] = useState<string | undefined>(replicationId);\r\n   const [currentFiles, setCurrentFiles] = useState<FileItem[]>(files);\r\n   const fileListRef = useRef<HTMLDivElement | null>(null);\r\n   const navigate = useNavigate();\r\n\r\n   const backupId = backup.id;\r\n   const restoreMutation = useRestoreBackup();\r\n   const browseSnapshotMutation = useBrowseSnapshot();\r\n   const useProgressiveLoading = currentFiles.length > 1000;\r\n\r\n   const { db, initError, discoveredDirectories, expandedFolders, setExpandedFolders, addDirectoriesSorted } = useSnapshotDatabase(\r\n      currentFiles,\r\n      backupId,\r\n      useProgressiveLoading,\r\n   );\r\n\r\n   const { selectedFolder, handleGoUp, handleDirectoryClick, toggleFolder, isVisible, hasSubdirectories } = useSnapshotNavigation(\r\n      discoveredDirectories,\r\n      expandedFolders,\r\n      setExpandedFolders,\r\n   );\r\n\r\n   const { sortField, sortDirection, handleSort } = useSnapshotSort();\r\n\r\n   // Handle storage change - re-browse from selected mirror\r\n   const handleStorageChange = useCallback(\r\n      (replicationIdValue?: string) => {\r\n         setSelectedReplicationId(replicationIdValue);\r\n         onStorageChange?.(replicationIdValue);\r\n         if (replicationIdValue) {\r\n            browseSnapshotMutation.mutate(\r\n               { backupId: backup.id, replicationId: replicationIdValue },\r\n               {\r\n                  onSuccess: (data: any) => {\r\n                     if (data?.result) {\r\n                        setCurrentFiles(data.result);\r\n                     }\r\n                  },\r\n               },\r\n            );\r\n         } else {\r\n            setCurrentFiles(files);\r\n         }\r\n      },\r\n      [backup.id, files, browseSnapshotMutation, onStorageChange],\r\n   );\r\n\r\n   // Build storage selector for toolbar\r\n   const completedMirrors = mirrors?.filter((m) => m.status === 'completed') || [];\r\n   const showStorageDropdown = primaryStorage && completedMirrors.length > 0;\r\n\r\n   const storageSelector = showStorageDropdown ? (\r\n      <Select\r\n         customClasses={classes.storageSelect}\r\n         options={[\r\n            { label: primaryStorage!.name + ' (Primary)', value: 'primary', image: <img src={`/providers/${primaryStorage.type}.png`} /> },\r\n            ...completedMirrors.map((m) => ({\r\n               label: m.storageName + ' (Mirror)',\r\n               value: m.replicationId,\r\n               image: <img src={`/providers/${m.storageType}.png`} />,\r\n            })),\r\n         ]}\r\n         fieldValue={selectedReplicationId || 'primary'}\r\n         onUpdate={(value) => handleStorageChange(value === 'primary' ? undefined : value)}\r\n         disabled={browseSnapshotMutation.isPending}\r\n      />\r\n   ) : undefined;\r\n\r\n   // Directory contents query\r\n   const directoryContentsQuery = useQuery({\r\n      queryKey: ['directoryContents', selectedFolder, sortField, sortDirection, search, backupId],\r\n      queryFn: async () => {\r\n         if (!db || selectedFolder === null) return [];\r\n\r\n         const contents = await db.getDirectoryContents(selectedFolder, sortField, sortDirection, search);\r\n\r\n         if (useProgressiveLoading) {\r\n            const subdirs = await db.getSubdirectories(selectedFolder);\r\n            if (subdirs.length > 0) {\r\n               addDirectoriesSorted(subdirs);\r\n            }\r\n         }\r\n\r\n         if (selectedFolder) {\r\n            return [{ isGoUp: true, path: '..', name: '..', isDirectory: true } as any, ...contents];\r\n         }\r\n\r\n         return contents;\r\n      },\r\n      enabled: !!db && selectedFolder !== null,\r\n      staleTime: 30000,\r\n      retry: 1,\r\n   });\r\n\r\n   const currentDirectoryFiles = directoryContentsQuery.data || [];\r\n   const isInitializing = !db && !initError;\r\n   const isDirectoryLoading = directoryContentsQuery.isPending;\r\n\r\n   // Restore handler\r\n   const restoreFile = (path: string) => {\r\n      restoreMutation.mutate(\r\n         {\r\n            backupId,\r\n            planId,\r\n            target: '',\r\n            includes: [path],\r\n            overwrite: 'always',\r\n            deleteOption: false,\r\n            replicationId: selectedReplicationId,\r\n         },\r\n         {\r\n            onSuccess: (_: any, variables) => {\r\n               toast.success('Restoration Process Started..', { autoClose: 5000 });\r\n               const targetPlanId = variables?.planId;\r\n               if (targetPlanId) {\r\n                  navigate(`/plan/${targetPlanId}?pendingrestore=1`);\r\n               }\r\n               onClose();\r\n            },\r\n            onError: (error) => {\r\n               console.error('Restore error:', error);\r\n               toast.error(`Restore failed. ${error.message || 'Unknown error'}`);\r\n            },\r\n            onSettled: () => {\r\n               setShowRestoreModal(false);\r\n            },\r\n         },\r\n      );\r\n   };\r\n\r\n   // File row renderer\r\n   const gridColumns = isSync ? GRID_COLUMNS_SYNC : GRID_COLUMNS;\r\n\r\n   const renderFileRow = useCallback(\r\n      ({ index, style }: { index: number; style: React.CSSProperties }) => {\r\n         const file = currentDirectoryFiles[index];\r\n         if (!file) return null;\r\n\r\n         return (\r\n            <SnapshotViewerFile\r\n               style={style}\r\n               file={file}\r\n               isSync={isSync}\r\n               gridColumns={gridColumns}\r\n               onGoUp={handleGoUp}\r\n               onDirectoryClick={handleDirectoryClick}\r\n               onRestore={(file) => setShowRestoreModal(file)}\r\n               renderFileActions={renderFileActions}\r\n            />\r\n         );\r\n      },\r\n      [currentDirectoryFiles, isSync, gridColumns, handleGoUp, handleDirectoryClick, renderFileActions],\r\n   );\r\n\r\n   // Error state\r\n   if (initError) {\r\n      return (\r\n         <div className={classes.snapshotBrowser}>\r\n            <div className={classes.errorState}>\r\n               <Icon type=\"error\" size={24} />\r\n               <p>Failed to initialize database</p>\r\n               <small>{initError}</small>\r\n               <button onClick={() => window.location.reload()}>Reload Page</button>\r\n            </div>\r\n         </div>\r\n      );\r\n   }\r\n\r\n   // Loading state\r\n   if (isInitializing) {\r\n      return (\r\n         <div className={classes.snapshotBrowser}>\r\n            <div className={classes.loadingState}>\r\n               <Icon type=\"loading\" size={24} />\r\n               <p>Indexing snapshot data...</p>\r\n               <small>Building efficient database for {files.length.toLocaleString()} files</small>\r\n            </div>\r\n         </div>\r\n      );\r\n   }\r\n\r\n   const defaultToolbarLeft = (\r\n      <div className={classes.stats}>\r\n         <Icon type=\"box\" />\r\n         <strong>backup-{backup.id}</strong> • {formatBytes(backup.totalSize)} • {timeAgo(new Date(backup.ended))}\r\n      </div>\r\n   );\r\n\r\n   return (\r\n      <div className={classes.snapshotBrowser}>\r\n         <SnapshotBrowserToolbar\r\n            search={search}\r\n            onSearchChange={setSearch}\r\n            isLoading={isDirectoryLoading || isExternalLoading || browseSnapshotMutation.isPending}\r\n            leftContent={toolbarLeftContent || defaultToolbarLeft}\r\n            rightContent={\r\n               <>\r\n                  {storageSelector}\r\n                  {toolbarRightContent}\r\n               </>\r\n            }\r\n         />\r\n\r\n         {isExternalLoading || browseSnapshotMutation.isPending ? (\r\n            <div className={`${classes.browserContent} ${classes.loadingState}`}>\r\n               <div>\r\n                  <Icon type=\"loading\" size={16} /> Loading...\r\n               </div>\r\n            </div>\r\n         ) : (\r\n            <div className={classes.browserContent}>\r\n               <SnapshotBrowserDirectories\r\n                  directories={discoveredDirectories}\r\n                  selectedFolder={selectedFolder}\r\n                  expandedFolders={expandedFolders}\r\n                  useProgressiveLoading={useProgressiveLoading}\r\n                  onDirectoryClick={handleDirectoryClick}\r\n                  onToggleFolder={toggleFolder}\r\n                  isVisible={isVisible}\r\n                  hasSubdirectories={hasSubdirectories}\r\n               />\r\n\r\n               <div className={`${classes.content} styled__scrollbar`} ref={fileListRef}>\r\n                  <SnapshotBrowserFileList\r\n                     files={currentDirectoryFiles}\r\n                     height={fileListRef.current?.clientHeight ? fileListRef.current.clientHeight - 45 : 520}\r\n                     itemSize={isMobileDevice ? 65 : 46}\r\n                     headerContent={\r\n                        <>\r\n                           <div onClick={() => handleSort('name')} className={sortField === 'name' ? classes.activeSort : ''}>\r\n                              Name {sortField === 'name' && (sortDirection === 'asc' ? '↑' : '↓')}\r\n                           </div>\r\n                           <div onClick={() => handleSort('modifiedAt')} className={sortField === 'modifiedAt' ? classes.activeSort : ''}>\r\n                              Last Modified {sortField === 'modifiedAt' && (sortDirection === 'asc' ? '↑' : '↓')}\r\n                           </div>\r\n                           <div onClick={() => handleSort('size')} className={sortField === 'size' ? classes.activeSort : ''}>\r\n                              Size {sortField === 'size' && (sortDirection === 'asc' ? '↑' : '↓')}\r\n                           </div>\r\n                           {!isSync && <div className={classes.headerActions}>Actions</div>}\r\n                        </>\r\n                     }\r\n                     renderRow={renderFileRow}\r\n                     selectedFolder={selectedFolder}\r\n                     isLoading={isDirectoryLoading}\r\n                     gridTemplateColumns={gridColumns}\r\n                  />\r\n               </div>\r\n            </div>\r\n         )}\r\n\r\n         {showRestoreModal && (\r\n            <ActionModal\r\n               title={`Restore ${showRestoreModal.isDirectory ? 'Directory' : 'File'}`}\r\n               message={\r\n                  <>\r\n                     <p>Are you sure you want to restore this {showRestoreModal.isDirectory ? 'Directory' : 'File'}?</p>\r\n                     <p className={classes.restoreModalFile}>\r\n                        {showRestoreModal.isDirectory ? <Icon type={'fm-directory'} size={16} /> : <FileIcon filename={showRestoreModal.path} />}{' '}\r\n                        {showRestoreModal.path}\r\n                     </p>\r\n                     <p>This action will overwrite the existing file/directory with the same name in the source.</p>\r\n                  </>\r\n               }\r\n               closeModal={() => setShowRestoreModal(false)}\r\n               width=\"600px\"\r\n               primaryAction={{\r\n                  title: `Yes, Restore ${showRestoreModal.isDirectory ? 'Directory' : 'File'}`,\r\n                  type: 'default',\r\n                  isPending: restoreMutation.isPending,\r\n                  action: () => restoreFile(showRestoreModal.path),\r\n               }}\r\n            />\r\n         )}\r\n\r\n         {children}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SnapshotViewer;\r\n"],"names":["isMobileDevice","isMobile","GRID_COLUMNS","GRID_COLUMNS_SYNC","SnapshotViewer","files","backup","planId","isSync","mirrors","onClose","replicationId","toolbarLeftContent","toolbarRightContent","isExternalLoading","renderFileActions","children","primaryStorage","onStorageChange","search","setSearch","useState","showRestoreModal","setShowRestoreModal","selectedReplicationId","setSelectedReplicationId","currentFiles","setCurrentFiles","fileListRef","useRef","navigate","useNavigate","backupId","restoreMutation","useRestoreBackup","browseSnapshotMutation","useBrowseSnapshot","useProgressiveLoading","db","initError","discoveredDirectories","expandedFolders","setExpandedFolders","addDirectoriesSorted","useSnapshotDatabase","selectedFolder","handleGoUp","handleDirectoryClick","toggleFolder","isVisible","hasSubdirectories","useSnapshotNavigation","sortField","sortDirection","handleSort","useSnapshotSort","handleStorageChange","useCallback","replicationIdValue","data","completedMirrors","m","storageSelector","jsx","Select","classes","value","directoryContentsQuery","useQuery","contents","subdirs","currentDirectoryFiles","isInitializing","isDirectoryLoading","restoreFile","path","_","variables","toast","targetPlanId","error","gridColumns","renderFileRow","index","style","file","SnapshotViewerFile","jsxs","Icon","defaultToolbarLeft","formatBytes","timeAgo","SnapshotBrowserToolbar","Fragment","SnapshotBrowserDirectories","SnapshotBrowserFileList","_a","ActionModal","FileIcon"],"mappings":"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"}

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewerFile.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { FileItem } from '../../../@types/system';
+interface SnapshotViewerFileProps {
+    style: React.CSSProperties;
+    file: FileItem | {
+        isGoUp: true;
+        path: string;
+        name: string;
+        isDirectory: true;
+    };
+    isSync?: boolean;
+    gridColumns: string;
+    onGoUp: () => void;
+    onDirectoryClick: (path: string) => void;
+    onRestore: (file: FileItem) => void;
+    renderFileActions?: (file: FileItem, meta: {
+        fileExtension: string;
+        isDirectory: boolean;
+    }) => ReactNode;
+}
+declare const SnapshotViewerFile: ({ style, file, isSync, gridColumns, onGoUp, onDirectoryClick, onRestore, renderFileActions, }: SnapshotViewerFileProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SnapshotViewerFile;
+//# sourceMappingURL=SnapshotViewerFile.d.ts.map

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewerFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotViewerFile.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/SnapshotViewer/SnapshotViewerFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,UAAU,uBAAuB;IAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,IAAI,EAAE,QAAQ,GAAG;QAAE,MAAM,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,IAAI,CAAA;KAAE,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3G;AAED,QAAA,MAAM,kBAAkB,GAAI,+FASzB,uBAAuB,mDA2DzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewerFile.js

@@ -0,0 +1,72 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import n from "../../common/Icon/Icon.js";
+import u from "../../common/FileIcon/FileIcon.js";
+import { formatDateTime as y, timeAgo as D, formatBytes as C } from "../../../utils/helpers.js";
+import t from "../../common/SnapshotBrowser/SnapshotBrowser.module.scss.js";
+const I = ({
+  style: p,
+  file: l,
+  isSync: r,
+  gridColumns: d,
+  onGoUp: c,
+  onDirectoryClick: f,
+  onRestore: h,
+  renderFileActions: a
+}) => {
+  if (!l) return null;
+  if ("isGoUp" in l && l.isGoUp)
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        style: { ...p, gridTemplateColumns: d },
+        className: `${t.snapshotFile} ${t.fileIsDir} ${t.goUpButton}`,
+        onClick: c,
+        children: [
+          /* @__PURE__ */ i("div", { className: t.fileName, children: "..." }),
+          /* @__PURE__ */ i("div", {}),
+          /* @__PURE__ */ i("div", {}),
+          !r && /* @__PURE__ */ i("div", {})
+        ]
+      }
+    );
+  const e = l, m = e.name || e.path.split("/").pop() || "", o = e.isDirectory, v = m.split(".").pop() || "";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: { ...p, gridTemplateColumns: d },
+      className: `${t.snapshotFile} ${o ? t.fileIsDir : ""}`,
+      onClick: () => {
+        o && f(e.path);
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: t.fileName, children: [
+          o ? /* @__PURE__ */ i(n, { type: "fm-directory", size: 16 }) : /* @__PURE__ */ i(u, { filename: m }),
+          " ",
+          m
+        ] }),
+        /* @__PURE__ */ i("div", { className: t.fileModifiedAt, title: y(e.modifiedAt), children: /* @__PURE__ */ i("i", { children: D(new Date(e.modifiedAt)) }) }),
+        /* @__PURE__ */ i("div", { className: t.fileSize, children: o ? "" : C(e.size || 0) }),
+        !r && /* @__PURE__ */ s("div", { className: t.fileActions, children: [
+          a == null ? void 0 : a(e, { fileExtension: v, isDirectory: o }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              "data-tooltip-id": "htmlToolTip",
+              "data-tooltip-place": "top",
+              "data-tooltip-delay-show": 500,
+              "data-tooltip-html": "Restore",
+              onClick: (N) => {
+                N.stopPropagation(), h(e);
+              },
+              children: /* @__PURE__ */ i(n, { type: "restore", size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  I as default
+};
+//# sourceMappingURL=SnapshotViewerFile.js.map