npm - @plutonhq/core-frontend - Versions diffs - 0.1.23 → 0.1.25 - Mend

@plutonhq/core-frontend 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/dist-lib/components/Plan/PlanSettings/PlanNotificationSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanNotificationSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanNotificationSettings.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 Toggle from '../../common/form/Toggle/Toggle';\r\nimport { PlanNotification, PlanNotificationCase } from '../../../@types/plans';\r\nimport { NavLink } from 'react-router';\r\nimport PlanNotificationSettingsTester from './PlanNotificationSettingsTester';\r\nimport { Icon } from '../..';\r\n\r\ninterface PlanNotificationSettingsProps {\r\n types: string[];\r\n isSync: boolean;\r\n notificationType?: 'backup' \| 'integrity';\r\n admin_email?: string;\r\n planID?: string;\r\n notificationSettings: PlanNotification;\r\n onUpdate: (notificationSettings: PlanNotification) => void;\r\n}\r\n\r\nconst PlanNotificationSettings = ({\r\n planID,\r\n isSync,\r\n types = [],\r\n admin_email = '',\r\n notificationSettings,\r\n notificationType = 'backup',\r\n onUpdate,\r\n}: PlanNotificationSettingsProps) => {\r\n const hasConnectedIntegrations = types.length > 0;\r\n const defaultEmail = !hasConnectedIntegrations && admin_email ? admin_email : '';\r\n\r\n const updateNotificationEmails = (emails: string) => {\r\n onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, emails } });\r\n };\r\n\r\n const caseOptions = [\r\n { label: 'On Start', value: 'start' },\r\n { label: 'On End', value: 'end' },\r\n { label: 'On Both Start & End', value: 'both' },\r\n { label: 'On Success Only', value: 'success' },\r\n { label: 'On Failure Only', value: 'failure' },\r\n ];\r\n\r\n return (\r\n <>\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"email\" size={14} />\r\n <Toggle\r\n label=\"Enable Email Notifications\"\r\n fieldValue={notificationSettings?.email?.enabled \|\| false}\r\n onUpdate={(val: boolean) => onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, enabled: val } })}\r\n hint={'Notify me via email when Backup fails or succeeds'}\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.email?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Notification\"\r\n fieldValue={notificationSettings?.email?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Email Addresses\"\r\n fieldValue={notificationSettings?.email?.emails \|\| defaultEmail}\r\n onUpdate={(val) => updateNotificationEmails(val)}\r\n placeholder=\"john@gmail.com, chris@icloud.com\"\r\n full={true}\r\n inline={true}\r\n required={true}\r\n disabled={!hasConnectedIntegrations}\r\n error={!notificationSettings?.email?.emails ? 'Required' : undefined}\r\n />\r\n {!hasConnectedIntegrations && (\r\n <div className={classes.fieldNotice}>\r\n ⚠️ SMTP has not been setup yet. Set it up in <NavLink to={`/settings?t=integration`}>Settings</NavLink> to enable Email\r\n Notification.\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Slack Notification /}\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"slack\" size={14} />\r\n <Toggle\r\n label=\"Enable Slack Notifications\"\r\n fieldValue={notificationSettings?.slack?.enabled \|\| false}\r\n onUpdate={(val: boolean) =>\r\n onUpdate({\r\n ...notificationSettings,\r\n slack: { ...notificationSettings.slack, enabled: val, url: notificationSettings.slack?.url \|\| '' },\r\n })\r\n }\r\n hint=\"Send notifications to a Slack channel via webhook\"\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.slack?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Slack Notification\"\r\n fieldValue={notificationSettings?.slack?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, slack: { ...notificationSettings.slack, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Slack Webhook URL\"\r\n fieldValue={notificationSettings?.slack?.url \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, slack: { ...notificationSettings.slack, url: val } })}\r\n placeholder=\"https://hooks.slack.com/services/T00/B00/xxxx\"\r\n required={true}\r\n inline={true}\r\n full={true}\r\n error={notificationSettings?.slack?.enabled && !notificationSettings?.slack?.url ? 'Required' : undefined}\r\n />\r\n </div>\r\n <div className={`${classes.field} ${classes.notificationTestField}`}>\r\n <PlanNotificationSettingsTester\r\n planId={planID \|\| ''}\r\n notificationChannel=\"slack\"\r\n notificationSettings={notificationSettings}\r\n notificationType={notificationType}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Discord Notification */}\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"discord\" size={14} />\r\n <Toggle\r\n label=\"Send Discord Notifications\"\r\n fieldValue={notificationSettings?.discord?.enabled \|\| false}\r\n onUpdate={(val: boolean) =>\r\n onUpdate({\r\n ...notificationSettings,\r\n discord: { ...notificationSettings.discord, enabled: val, url: notificationSettings.discord?.url \|\| '' },\r\n })\r\n }\r\n hint=\"Send notifications to a Discord channel via webhook\"\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.discord?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Discord Notification\"\r\n fieldValue={notificationSettings?.discord?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, discord: { ...notificationSettings.discord, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Discord Webhook URL\"\r\n fieldValue={notificationSettings?.discord?.url \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, discord: { ...notificationSettings.discord, url: val } })}\r\n placeholder=\"https://discord.com/api/webhooks/xxxx/xxxx\"\r\n required={true}\r\n inline={true}\r\n full={true}\r\n error={notificationSettings?.discord?.enabled && !notificationSettings?.discord?.url ? 'Required' : undefined}\r\n />\r\n </div>\r\n <div className={`${classes.field} ${classes.notificationTestField}`}>\r\n <PlanNotificationSettingsTester\r\n planId={planID \|\| ''}\r\n notificationChannel=\"discord\"\r\n notificationType={notificationType}\r\n notificationSettings={notificationSettings}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default PlanNotificationSettings;\r\n"],"names":["PlanNotificationSettings","planID","isSync","types","admin_email","notificationSettings","notificationType","onUpdate","hasConnectedIntegrations","defaultEmail","updateNotificationEmails","emails","caseOptions","jsxs","Fragment","classes","jsx","Icon","Toggle","_a","val","_b","Select","_c","Input","_d","_e","NavLink","_f","_g","_h","_i","_j","_k","PlanNotificationSettingsTester","_l","_m","_n","_o","_p","_q"],"mappings":"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"}
1	+ {"version":3,"file":"PlanNotificationSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanNotificationSettings.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 Toggle from '../../common/form/Toggle/Toggle';\r\nimport { PlanNotification, PlanNotificationCase } from '../../../@types/plans';\r\nimport { NavLink } from 'react-router';\r\nimport PlanNotificationSettingsTester from './PlanNotificationSettingsTester';\r\nimport { Icon } from '../..';\r\n\r\ninterface PlanNotificationSettingsProps {\r\n types: string[];\r\n isSync: boolean;\r\n notificationType?: 'backup' \| 'integrity';\r\n admin_email?: string;\r\n planID?: string;\r\n notificationSettings: PlanNotification;\r\n onUpdate: (notificationSettings: PlanNotification) => void;\r\n}\r\n\r\nconst PlanNotificationSettings = ({\r\n planID,\r\n isSync,\r\n types = [],\r\n admin_email = '',\r\n notificationSettings,\r\n notificationType = 'backup',\r\n onUpdate,\r\n}: PlanNotificationSettingsProps) => {\r\n const hasConnectedIntegrations = types.length > 0;\r\n const defaultEmail = !hasConnectedIntegrations && admin_email ? admin_email : '';\r\n const hasNtfyConnected = types.includes('ntfy');\r\n\r\n const updateNotificationEmails = (emails: string) => {\r\n onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, emails } });\r\n };\r\n\r\n const caseOptions = [\r\n { label: 'On Start', value: 'start' },\r\n { label: 'On End', value: 'end' },\r\n { label: 'On Both Start & End', value: 'both' },\r\n { label: 'On Success Only', value: 'success' },\r\n { label: 'On Failure Only', value: 'failure' },\r\n ];\r\n\r\n return (\r\n <>\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"email\" size={14} />\r\n <Toggle\r\n label=\"Enable Email Notifications\"\r\n fieldValue={notificationSettings?.email?.enabled \|\| false}\r\n onUpdate={(val: boolean) => onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, enabled: val } })}\r\n hint={'Notify me via email when Backup fails or succeeds'}\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.email?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Notification\"\r\n fieldValue={notificationSettings?.email?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, email: { ...notificationSettings.email, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Email Addresses\"\r\n fieldValue={notificationSettings?.email?.emails \|\| defaultEmail}\r\n onUpdate={(val) => updateNotificationEmails(val)}\r\n placeholder=\"john@gmail.com, chris@icloud.com\"\r\n full={true}\r\n inline={true}\r\n required={true}\r\n disabled={!hasConnectedIntegrations}\r\n error={!notificationSettings?.email?.emails ? 'Required' : undefined}\r\n />\r\n {!hasConnectedIntegrations && (\r\n <div className={classes.fieldNotice}>\r\n ⚠️ SMTP has not been setup yet. Set it up in <NavLink to={`/settings?t=integration`}>Settings</NavLink> to enable Email\r\n Notification.\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Slack Notification /}\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"slack\" size={14} />\r\n <Toggle\r\n label=\"Enable Slack Notifications\"\r\n fieldValue={notificationSettings?.slack?.enabled \|\| false}\r\n onUpdate={(val: boolean) =>\r\n onUpdate({\r\n ...notificationSettings,\r\n slack: { ...notificationSettings.slack, enabled: val, url: notificationSettings.slack?.url \|\| '' },\r\n })\r\n }\r\n hint=\"Send notifications to a Slack channel via webhook\"\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.slack?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Slack Notification\"\r\n fieldValue={notificationSettings?.slack?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, slack: { ...notificationSettings.slack, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Slack Webhook URL\"\r\n fieldValue={notificationSettings?.slack?.url \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, slack: { ...notificationSettings.slack, url: val } })}\r\n placeholder=\"https://hooks.slack.com/services/T00/B00/xxxx\"\r\n required={true}\r\n inline={true}\r\n full={true}\r\n error={notificationSettings?.slack?.enabled && !notificationSettings?.slack?.url ? 'Required' : undefined}\r\n />\r\n </div>\r\n <div className={`${classes.field} ${classes.notificationTestField}`}>\r\n <PlanNotificationSettingsTester\r\n planId={planID \|\| ''}\r\n notificationChannel=\"slack\"\r\n notificationSettings={notificationSettings}\r\n notificationType={notificationType}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Discord Notification /}\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"discord\" size={14} />\r\n <Toggle\r\n label=\"Send Discord Notifications\"\r\n fieldValue={notificationSettings?.discord?.enabled \|\| false}\r\n onUpdate={(val: boolean) =>\r\n onUpdate({\r\n ...notificationSettings,\r\n discord: { ...notificationSettings.discord, enabled: val, url: notificationSettings.discord?.url \|\| '' },\r\n })\r\n }\r\n hint=\"Send notifications to a Discord channel via webhook\"\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings?.discord?.enabled && (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Discord Notification\"\r\n fieldValue={notificationSettings?.discord?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({ ...notificationSettings, discord: { ...notificationSettings.discord, case: val as PlanNotificationCase } })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Discord Webhook URL\"\r\n fieldValue={notificationSettings?.discord?.url \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, discord: { ...notificationSettings.discord, url: val } })}\r\n placeholder=\"https://discord.com/api/webhooks/xxxx/xxxx\"\r\n required={true}\r\n inline={true}\r\n full={true}\r\n error={notificationSettings?.discord?.enabled && !notificationSettings?.discord?.url ? 'Required' : undefined}\r\n />\r\n </div>\r\n <div className={`${classes.field} ${classes.notificationTestField}`}>\r\n <PlanNotificationSettingsTester\r\n planId={planID \|\| ''}\r\n notificationChannel=\"discord\"\r\n notificationType={notificationType}\r\n notificationSettings={notificationSettings}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Ntfy Push Notification */}\r\n <div className={classes.notificationSettingsSection}>\r\n <div className={`${classes.field} ${classes.notificationToggle}`}>\r\n <Icon type=\"ntfy\" size={14} />\r\n <Toggle\r\n label=\"Enable Ntfy Push Notifications\"\r\n fieldValue={notificationSettings?.push?.enabled \|\| false}\r\n onUpdate={(val: boolean) => onUpdate({ ...notificationSettings, push: { ...notificationSettings.push, enabled: val } })}\r\n hint={`Send me Push Notifications on Backup failure or success.`}\r\n inline={true}\r\n />\r\n </div>\r\n {notificationSettings.push?.enabled &&\r\n (hasNtfyConnected ? (\r\n <div className={classes.notificationSettings}>\r\n {!isSync && (\r\n <div className={classes.field}>\r\n <Select\r\n label=\"Send Notification On\"\r\n fieldValue={notificationSettings?.push?.case \|\| 'failure'}\r\n options={caseOptions}\r\n onUpdate={(val: string) =>\r\n onUpdate({\r\n ...notificationSettings,\r\n push: { ...notificationSettings.push, case: val as PlanNotification['push']['case'] },\r\n })\r\n }\r\n inline={true}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Ntfy Push URL\"\r\n fieldValue={notificationSettings?.push?.url \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, push: { ...notificationSettings.push, url: val } })}\r\n placeholder=\"https://ntfy.sh/mytopic\"\r\n inline={true}\r\n required={true}\r\n full={true}\r\n error={!notificationSettings?.push?.url ? 'Required' : undefined}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Tags\"\r\n fieldValue={notificationSettings?.push?.tags \|\| ''}\r\n onUpdate={(val) => onUpdate({ ...notificationSettings, push: { ...notificationSettings.push, tags: val } })}\r\n placeholder=\"warning, daily-backup\"\r\n inline={true}\r\n full={true}\r\n />\r\n </div>\r\n </div>\r\n ) : (\r\n <div className={classes.notificationSettings}>\r\n <div className={classes.fieldNotice}>\r\n ⚠️ Ntfy Auth Token is not configured. Set it up in <NavLink to={`/settings?t=integration`}>Settings</NavLink> to enable Ntfy\r\n Push Notifications.\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default PlanNotificationSettings;\r\n"],"names":["PlanNotificationSettings","planID","isSync","types","admin_email","notificationSettings","notificationType","onUpdate","hasConnectedIntegrations","defaultEmail","hasNtfyConnected","updateNotificationEmails","emails","caseOptions","jsxs","Fragment","classes","jsx","Icon","Toggle","_a","val","_b","Select","_c","Input","_d","_e","NavLink","_f","_g","_h","_i","_j","_k","PlanNotificationSettingsTester","_l","_m","_n","_o","_p","_q","_r","_s","_t","_u","_v","_w"],"mappings":"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"}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewerFile.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SnapshotViewerFile.js","sources":["../../../../src/components/Plan/SnapshotViewer/SnapshotViewerFile.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport FileIcon from '../../common/FileIcon/FileIcon';\r\nimport { formatBytes, formatDateTime, timeAgo } from '../../../utils/helpers';\r\nimport { FileItem } from '../../../@types/system';\r\nimport classes from '../../common/SnapshotBrowser/SnapshotBrowser.module.scss';\r\n\r\ninterface SnapshotViewerFileProps {\r\n style: React.CSSProperties;\r\n file: FileItem | { isGoUp: true; path: string; name: string; isDirectory: true };\r\n isSync?: boolean;\r\n gridColumns: string;\r\n onGoUp: () => void;\r\n onDirectoryClick: (path: string) => void;\r\n onRestore: (file: FileItem) => void;\r\n renderFileActions?: (file: FileItem, meta: { fileExtension: string; isDirectory: boolean }) => ReactNode;\r\n}\r\n\r\nconst SnapshotViewerFile = ({\r\n style,\r\n file,\r\n isSync,\r\n gridColumns,\r\n onGoUp,\r\n onDirectoryClick,\r\n onRestore,\r\n renderFileActions,\r\n}: SnapshotViewerFileProps) => {\r\n if (!file) return null;\r\n\r\n if ('isGoUp' in file && file.isGoUp) {\r\n return (\r\n <div\r\n style={{ ...style, gridTemplateColumns: gridColumns }}\r\n className={`${classes.snapshotFile} ${classes.fileIsDir} ${classes.goUpButton}`}\r\n onClick={onGoUp}\r\n >\r\n <div className={classes.fileName}>...</div>\r\n <div></div>\r\n <div></div>\r\n {!isSync && <div></div>}\r\n </div>\r\n );\r\n }\r\n\r\n const typedFile = file as FileItem;\r\n const fileName = typedFile.name || typedFile.path.split('/').pop() || '';\r\n const isDirectory = typedFile.isDirectory;\r\n const fileExtension = fileName.split('.').pop() || '';\r\n\r\n return (\r\n <div\r\n style={{ ...style, gridTemplateColumns: gridColumns }}\r\n className={`${classes.snapshotFile} ${isDirectory ? classes.fileIsDir : ''}`}\r\n onClick={() => {\r\n if (isDirectory) {\r\n onDirectoryClick(typedFile.path);\r\n }\r\n }}\r\n >\r\n <div className={classes.fileName}>\r\n {isDirectory ? <Icon type={'fm-directory'} size={16} /> : <FileIcon filename={fileName} />} {fileName}\r\n </div>\r\n <div className={classes.fileModifiedAt} title={formatDateTime(typedFile.modifiedAt)}>\r\n <i>{timeAgo(new Date(typedFile.modifiedAt))}</i>\r\n </div>\r\n <div className={classes.fileSize}>{!isDirectory ? formatBytes(typedFile.size || 0) : ''}</div>\r\n {!isSync && (\r\n <div className={classes.fileActions}>\r\n {renderFileActions?.(typedFile, { fileExtension, isDirectory })}\r\n <button\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-delay-show={500}\r\n data-tooltip-html=\"Restore\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n onRestore(typedFile);\r\n }}\r\n >\r\n <Icon type={'restore'} size={16} />\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default SnapshotViewerFile;\r\n"],"names":["SnapshotViewerFile","style","file","isSync","gridColumns","onGoUp","onDirectoryClick","onRestore","renderFileActions","jsxs","classes","jsx","typedFile","fileName","isDirectory","fileExtension","Icon","FileIcon","formatDateTime","formatBytes","e"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AACH,MAA+B;AAC5B,MAAI,CAACN,EAAM,QAAO;AAElB,MAAI,YAAYA,KAAQA,EAAK;AAC1B,WACG,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,OAAO,EAAE,GAAGR,GAAO,qBAAqBG,EAAA;AAAA,QACxC,WAAW,GAAGM,EAAQ,YAAY,IAAIA,EAAQ,SAAS,IAAIA,EAAQ,UAAU;AAAA,QAC7E,SAASL;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAQ,UAAU,UAAA,OAAG;AAAA,4BACpC,OAAA,EAAI;AAAA,4BACJ,OAAA,EAAI;AAAA,UACJ,CAACP,KAAU,gBAAAQ,EAAC,OAAA,CAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAK1B,QAAMC,IAAYV,GACZW,IAAWD,EAAU,QAAQA,EAAU,KAAK,MAAM,GAAG,EAAE,IAAA,KAAS,IAChEE,IAAcF,EAAU,aACxBG,IAAgBF,EAAS,MAAM,GAAG,EAAE,SAAS;AAEnD,SACG,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,OAAO,EAAE,GAAGR,GAAO,qBAAqBG,EAAA;AAAA,MACxC,WAAW,GAAGM,EAAQ,YAAY,IAAII,IAAcJ,EAAQ,YAAY,EAAE;AAAA,MAC1E,SAAS,MAAM;AACZ,QAAII,KACDR,EAAiBM,EAAU,IAAI;AAAA,MAErC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,UACpB,UAAA;AAAA,UAAAI,IAAc,gBAAAH,EAACK,GAAA,EAAK,MAAM,gBAAgB,MAAM,IAAI,IAAK,gBAAAL,EAACM,GAAA,EAAS,UAAUJ,EAAA,CAAU;AAAA,UAAG;AAAA,UAAEA;AAAA,QAAA,GAChG;AAAA,0BACC,OAAA,EAAI,WAAWH,EAAQ,gBAAgB,OAAOQ,EAAeN,EAAU,UAAU,GAC/E,UAAA,gBAAAD,EAAC,KAAA,EAAG,YAAQ,IAAI,KAAKC,EAAU,UAAU,CAAC,GAAE,GAC/C;AAAA,QACA,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAQ,UAAW,UAACI,IAAiD,KAAnCK,EAAYP,EAAU,QAAQ,CAAC,EAAI,CAAG;AAAA,QACvF,CAACT,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACpB,UAAA;AAAA,UAAAF,KAAA,gBAAAA,EAAoBI,GAAW,EAAE,eAAAG,GAAe,aAAAD,EAAA;AAAA,UACjD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,mBAAgB;AAAA,cAChB,sBAAmB;AAAA,cACnB,2BAAyB;AAAA,cACzB,qBAAkB;AAAA,cAClB,SAAS,CAACS,MAAM;AACb,gBAAAA,EAAE,gBAAA,GACFb,EAAUK,CAAS;AAAA,cACtB;AAAA,cAEA,UAAA,gBAAAD,EAACK,GAAA,EAAK,MAAM,WAAW,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIZ;"}

package/dist-lib/components/Restore/RestoreFileSelector/RestoreFileSelector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestoreFileSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreFileSelector/RestoreFileSelector.tsx"],"names":[],"mappings":"~~AAGA~~,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;~~AAM3D~~,UAAU,wBAAwB;IAC/B,QAAQ,EAAE;QACP,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;~~AAKD~~,QAAA,MAAM,mBAAmB,GAAI,0FAA0F,wBAAwB,~~4CAye9I~~,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"RestoreFileSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreFileSelector/RestoreFileSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAS3D,UAAU,wBAAwB;IAC/B,QAAQ,EAAE;QACP,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAMD,QAAA,MAAM,mBAAmB,GAAI,0FAA0F,wBAAwB,4CAua9I,CAAC;AAEF,eAAe,mBAAmB,CAAC"}