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

@plutonhq/core-frontend 0.1.24 → 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 (97) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Backups.js","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Backups.module.scss';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useCancelBackupDownload, useDeleteBackup, useDownloadBackup, useGetBackupDownload, useUpdateBackup } from '../../../services/backups';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport Input from '../../common/form/Input/Input';\r\nimport MirrorStatusBadge from '../Mirrors/MirrorStatusBadge';\r\nimport MirrorStorageSelectorModal from '../Mirrors/MirrorStorageSelectorModal';\r\n\r\nconst DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {\r\n if (download?.status === 'started') {\r\n return (\r\n <span\r\n className={classes.downloadLabel}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div>Generating Download...</div>`}\r\n >\r\n <Icon type=\"downloading\" size={14} />\r\n </span>\r\n );\r\n } else if (download?.status === 'failed') {\r\n return (\r\n <span\r\n className={`${classes.downloadLabelFailed} ${classes.downloadLabel}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generation Failed!</div>${download.error ? `<div>${download.error}<div>` : ''}</div>`}\r\n >\r\n <Icon type=\"error\" size={12} />\r\n </span>\r\n );\r\n } else if (download?.status === 'complete') {\r\n let remainingHours;\r\n if (download?.ended) {\r\n const endTime = download.ended * 1000;\r\n const validUntil = endTime + 24 * 60 * 60 * 1000;\r\n const now = Date.now();\r\n remainingHours = Math.max(0, Math.floor((validUntil - now) / (60 * 60 * 1000)));\r\n }\r\n\r\n return remainingHours ? (\r\n <span\r\n className={`${classes.downloadLabelDone} ${classes.downloadLabel}`}\r\n onClick={downloadBackup}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generated. Click to Download. ${remainingHours ? `Valid for the next ${remainingHours} hours.` : '⚠ Download Expired!'} </div>`}\r\n >\r\n <Icon type=\"download\" size={12} />\r\n </span>\r\n ) : null;\r\n } else {\r\n return;\r\n }\r\n};\r\n\r\nconst Backups = ({\r\n planId,\r\n method,\r\n backups = [],\r\n sourceId,\r\n sourceType,\r\n replicationSettings,\r\n storage,\r\n deviceId,\r\n // snapLimit,\r\n}: {\r\n planId: string;\r\n method: string;\r\n backups: Plan['backups'];\r\n sourceId: string;\r\n sourceType: string;\r\n snapLimit: number;\r\n deviceId: string;\r\n storage: {\r\n id: string;\r\n type: string;\r\n name: string;\r\n };\r\n replicationSettings: Plan['settings']['replication'];\r\n}) => {\r\n const [showSnapOptions, setShowSnapOptions] = useState<false \| string>(false);\r\n const [showDeleteModal, setShowDeleteModal] = useState<Backup \| false>(false);\r\n const [showRestoreModal, setShowRestoreModal] = useState<Backup \| false>(false);\r\n const [showBackupEvents, setShowBackupEvents] = useState<false \| string>(false);\r\n const [showEditModal, setShowEditModal] = useState<Backup \| false>(false);\r\n const [showStorageSelector, setShowStorageSelector] = useState<Backup \| false>(false);\r\n const queryClient = useQueryClient();\r\n const deleteBackupMutation = useDeleteBackup();\r\n const updateBackupMutation = useUpdateBackup();\r\n const downloadBackupMutation = useDownloadBackup();\r\n const cancelDownloadMutation = useCancelBackupDownload();\r\n const getDownloadMutation = useGetBackupDownload();\r\n const isSync = method === 'sync';\r\n\r\n console.log('backups :', backups);\r\n\r\n const removeBackup = (backup: Backup) => {\r\n console.log('remove :', backup.id);\r\n deleteBackupMutation.mutate(backup.id, {\r\n onError: () => {\r\n toast.error(`Failed to Remove \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Removed Successfully.`);\r\n setShowDeleteModal(false);\r\n },\r\n });\r\n };\r\n\r\n const updateBackup = (backup: Backup) => {\r\n const payload = {\r\n title: backup.title,\r\n description: backup.description,\r\n };\r\n console.log('update :', backup.id, payload);\r\n if (!payload.title && !payload.description) {\r\n return;\r\n }\r\n updateBackupMutation.mutate(\r\n { backupId: backup.id, updatePayload: payload },\r\n {\r\n onError: () => {\r\n toast.error(`Failed to Update \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Updated Successfully.`);\r\n setShowEditModal(false);\r\n },\r\n },\r\n );\r\n };\r\n\r\n const handleDownloadClick = (backup: Backup) => {\r\n if (replicationSettings?.enabled && backup.mirrors && backup.mirrors.some((m) => m.status === 'completed')) {\r\n setShowStorageSelector(backup);\r\n } else {\r\n downloadBackup(backup.id);\r\n }\r\n };\r\n\r\n const downloadBackup = (backupId: string, replicationId?: string) => {\r\n toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId, replicationId }), {\r\n pending: 'Sending Download Request...',\r\n success: 'Generating Download. This might take a while..',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Generate Download. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n const cancelDownload = (backupId: string) => {\r\n toast.promise(cancelDownloadMutation.mutateAsync({ backupId, planId }), {\r\n pending: 'Cancelling Download...',\r\n success: 'Download Cancelled',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Cancel Download. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <div className={classes.backupsTable}>\r\n <div className={classes.backupsTableHead}>\r\n <div>{isSync ? 'Sync' : 'Backup'} ID</div>\r\n <div>Status</div>\r\n <div>Duration</div>\r\n <div>Changes</div>\r\n <div>Size</div>\r\n <div>Date</div>\r\n <div></div>\r\n </div>\r\n <div className={classes.backupsTableContent}>\r\n {backups\r\n .filter((s) => !s.inProgress)\r\n .map((snapshot) => {\r\n const { id, title, description, started, ended, download, status, errorMsg, duration, totalFiles, totalSize, changes, active } =\r\n snapshot;\r\n const isDownloading = download && download.status === 'started';\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n >\r\n <div>\r\n <span\r\n className={classes.editIcon}\r\n onClick={() => setShowEditModal(snapshot)}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`Edit Title & Description`}\r\n >\r\n <Icon type=\"edit\" size={12} />\r\n </span>\r\n <span className={classes.backupTitle} onClick={() => !isSync && setShowBackupEvents(id)}>\r\n <Icon type={isSync ? 'sync' : 'box'} size={14} /> {title ? title : isSync ? `sync-${id}` : `backup-${id}`}{' '}\r\n </span>\r\n {description && (\r\n <span className={classes.backupDescription} data-tooltip-id=\"htmlToolTip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isSync && active && (\r\n <span className={classes.activeBackup} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`Active Snapshot`}>\r\n <Icon type=\"bolt\" size={14} />\r\n </span>\r\n )}\r\n {replicationSettings?.enabled && snapshot.mirrors && snapshot.mirrors.length > 0 && (\r\n <MirrorStatusBadge mirrors={snapshot.mirrors} planId={planId} backupId={id} replicationSettings={replicationSettings} />\r\n )}\r\n {download && <DownloadLabel download={download} downloadBackup={() => getDownloadMutation.mutate(id)} />}\r\n </div>\r\n <div\r\n className={`${classes.status} ${errorMsg ? classes.statusHasError : ''}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`<div><string>Error</string>: ${errorMsg}</div>`}\r\n data-tooltip-hidden={!errorMsg}\r\n >\r\n <StatusLabel status={status} hasError={!!errorMsg} />\r\n </div>\r\n <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n <div\r\n className={classes.changes}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>New Items</b>: ${changes.new}</div>\r\n <div><b>Modified Items</b>: ${changes.modified}</div>\r\n <div><b>Deleted Items</b>: ${changes.removed \|\| 0}</div>\r\n `}\r\n >\r\n <span className={classes.changesNew}>\r\n <Icon type=\"file-new\" size={12} /> {changes.new}\r\n </span>{' '}\r\n <span className={classes.changesModified}>\r\n <Icon type=\"file-modified\" size={12} /> {changes.modified}\r\n </span>{' '}\r\n <span className={classes.changesRemoved}>\r\n <Icon type=\"file-removed\" size={12} /> {changes.removed \|\| 0}\r\n </span>\r\n </div>\r\n <div data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${formatNumberToK(totalFiles)} Files `}>\r\n {formatBytes(totalSize)}\r\n </div>\r\n <div\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>Started</b>: ${formatDateTime(started)}</div>\r\n <div><b>Ended</b>: ${ended ? formatDateTime(ended) : ''}</div>\r\n `}\r\n title={formatDateTime(ended \|\| started)}\r\n >\r\n {ended ? timeAgo(new Date(ended)) : timeAgo(started ? new Date(started) : new Date())}\r\n </div>\r\n <div className={classes.snapOptsBtn}>\r\n <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n <Icon type=\"dots-vertical\" size={12} />\r\n </button>\r\n </div>\r\n {showSnapOptions === id && (\r\n <div className={classes.settings}>\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n className={downloadBackupMutation.isPending \|\| cancelDownloadMutation.isPending ? 'notAllowed' : ''}\r\n disabled={downloadBackupMutation.isPending \|\| cancelDownloadMutation.isPending}\r\n onClick={() => {\r\n if (isDownloading) {\r\n cancelDownload(id);\r\n } else {\r\n handleDownloadClick(snapshot);\r\n }\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}\r\n </button>\r\n )}\r\n {status === 'completed' && active && (\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowRestoreModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"restore\" size={14} /> Restore\r\n </button>\r\n )}\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowDeleteModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"trash\" size={14} /> Remove\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n {backups.length === 0 && <div className={classes.noBackups}>Hasn't been backed up yet.</div>}\r\n </div>\r\n {showDeleteModal && (\r\n <ActionModal\r\n title=\"Remove Backup\"\r\n message={\r\n <>\r\n Are you sure you want to remove the Backup <strong>\"backup-{showDeleteModal.id}\"</strong>?\r\n </>\r\n }\r\n closeModal={() => !deleteBackupMutation.isPending && setShowDeleteModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Backup',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deleteBackupMutation.isPending,\r\n action: () => removeBackup(showDeleteModal),\r\n }}\r\n />\r\n )}\r\n {showRestoreModal && (\r\n <RestoreWizard\r\n close={() => setShowRestoreModal(false)}\r\n planId={planId}\r\n backupId={showRestoreModal.id}\r\n deviceId={deviceId}\r\n planStorage={storage}\r\n mirrors={\r\n replicationSettings?.enabled && showRestoreModal.mirrors && showRestoreModal.mirrors.some((m) => m.status === 'completed')\r\n ? showRestoreModal.mirrors\r\n : []\r\n }\r\n />\r\n )}\r\n {showBackupEvents && (\r\n <BackupEvents\r\n id={showBackupEvents}\r\n planId={planId}\r\n sourceId={sourceId}\r\n sourceType={sourceType}\r\n close={() => setShowBackupEvents(false)}\r\n />\r\n )}\r\n {showEditModal && (\r\n <ActionModal\r\n title=\"Edit Backup Title & Description\"\r\n message={\r\n <div className={classes.updateModalContent}>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Title\"\r\n fieldValue={showEditModal.title \|\| ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, title: val })}\r\n placeholder=\"Enter Backup Title\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Description\"\r\n fieldValue={showEditModal.description \|\| ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, description: val })}\r\n placeholder=\"Enter Backup Description\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n </div>\r\n }\r\n closeModal={() => !updateBackupMutation.isPending && setShowEditModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Update Backup',\r\n type: 'default',\r\n isPending: updateBackupMutation.isPending,\r\n action: () => updateBackup(showEditModal),\r\n }}\r\n />\r\n )}\r\n {showStorageSelector && (\r\n <MirrorStorageSelectorModal\r\n mirrors={showStorageSelector.mirrors \|\| []}\r\n primaryStorage={storage}\r\n onSelect={(replicationId) => {\r\n downloadBackup(showStorageSelector.id, replicationId);\r\n setShowStorageSelector(false);\r\n }}\r\n onClose={() => setShowStorageSelector(false)}\r\n />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Backups;\r\n"],"names":["DownloadLabel","download","downloadBackup","jsx","classes","Icon","remainingHours","validUntil","now","Backups","planId","method","backups","sourceId","sourceType","replicationSettings","storage","deviceId","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","showEditModal","setShowEditModal","showStorageSelector","setShowStorageSelector","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","updateBackupMutation","useUpdateBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","isSync","removeBackup","backup","toast","updateBackup","payload","handleDownloadClick","m","backupId","replicationId","data","cancelDownload","jsxs","s","snapshot","id","title","description","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","MirrorStatusBadge","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents","Input","val","MirrorStorageSelectorModal"],"mappings":"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"}
1	+ {"version":3,"file":"Backups.js","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Backups.module.scss';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport {\r\n useCancelBackupDownload,\r\n useDeleteBackup,\r\n useDownloadBackup,\r\n useGetBackupDownload,\r\n useUpdateBackup,\r\n useBrowseSnapshot,\r\n} from '../../../services/backups';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport Input from '../../common/form/Input/Input';\r\nimport MirrorStatusBadge from '../Mirrors/MirrorStatusBadge';\r\nimport MirrorStorageSelectorModal from '../Mirrors/MirrorStorageSelectorModal';\r\nimport { SidePanel, SnapshotViewer } from '../..';\r\n\r\nconst DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {\r\n if (download?.status === 'started') {\r\n return (\r\n <span\r\n className={classes.downloadLabel}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div>Generating Download...</div>`}\r\n >\r\n <Icon type=\"downloading\" size={14} />\r\n </span>\r\n );\r\n } else if (download?.status === 'failed') {\r\n return (\r\n <span\r\n className={`${classes.downloadLabelFailed} ${classes.downloadLabel}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generation Failed!</div>${download.error ? `<div>${download.error}<div>` : ''}</div>`}\r\n >\r\n <Icon type=\"error\" size={12} />\r\n </span>\r\n );\r\n } else if (download?.status === 'complete') {\r\n let remainingHours;\r\n if (download?.ended) {\r\n const endTime = download.ended * 1000;\r\n const validUntil = endTime + 24 * 60 * 60 * 1000;\r\n const now = Date.now();\r\n remainingHours = Math.max(0, Math.floor((validUntil - now) / (60 * 60 * 1000)));\r\n }\r\n\r\n return remainingHours ? (\r\n <span\r\n className={`${classes.downloadLabelDone} ${classes.downloadLabel}`}\r\n onClick={downloadBackup}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generated. Click to Download. ${remainingHours ? `Valid for the next ${remainingHours} hours.` : '⚠ Download Expired!'} </div>`}\r\n >\r\n <Icon type=\"download\" size={12} />\r\n </span>\r\n ) : null;\r\n } else {\r\n return;\r\n }\r\n};\r\n\r\nconst Backups = ({\r\n planId,\r\n method,\r\n backups = [],\r\n sourceId,\r\n sourceType,\r\n replicationSettings,\r\n storage,\r\n deviceId,\r\n // snapLimit,\r\n}: {\r\n planId: string;\r\n method: string;\r\n backups: Plan['backups'];\r\n sourceId: string;\r\n sourceType: string;\r\n snapLimit: number;\r\n deviceId: string;\r\n storage: {\r\n id: string;\r\n type: string;\r\n name: string;\r\n };\r\n replicationSettings: Plan['settings']['replication'];\r\n}) => {\r\n const [showSnapOptions, setShowSnapOptions] = useState<false \| string>(false);\r\n const [showDeleteModal, setShowDeleteModal] = useState<Backup \| false>(false);\r\n const [showRestoreModal, setShowRestoreModal] = useState<Backup \| false>(false);\r\n const [showBackupEvents, setShowBackupEvents] = useState<false \| string>(false);\r\n const [showSnapshotViewer, setShowSnapshotViewer] = useState<Backup \| false>(false);\r\n const [showEditModal, setShowEditModal] = useState<Backup \| false>(false);\r\n const [showStorageSelector, setShowStorageSelector] = useState<Backup \| false>(false);\r\n const queryClient = useQueryClient();\r\n const deleteBackupMutation = useDeleteBackup();\r\n const updateBackupMutation = useUpdateBackup();\r\n const downloadBackupMutation = useDownloadBackup();\r\n const cancelDownloadMutation = useCancelBackupDownload();\r\n const getDownloadMutation = useGetBackupDownload();\r\n const browseSnapshotMutation = useBrowseSnapshot();\r\n const isSync = method === 'sync';\r\n\r\n const snapshotFiles = browseSnapshotMutation.data?.result;\r\n\r\n console.log('backups :', backups);\r\n\r\n const removeBackup = (backup: Backup) => {\r\n console.log('remove :', backup.id);\r\n deleteBackupMutation.mutate(backup.id, {\r\n onError: () => {\r\n toast.error(`Failed to Remove \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Removed Successfully.`);\r\n setShowDeleteModal(false);\r\n },\r\n });\r\n };\r\n\r\n const updateBackup = (backup: Backup) => {\r\n const payload = {\r\n title: backup.title,\r\n description: backup.description,\r\n };\r\n console.log('update :', backup.id, payload);\r\n if (!payload.title && !payload.description) {\r\n return;\r\n }\r\n updateBackupMutation.mutate(\r\n { backupId: backup.id, updatePayload: payload },\r\n {\r\n onError: () => {\r\n toast.error(`Failed to Update \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Updated Successfully.`);\r\n setShowEditModal(false);\r\n },\r\n },\r\n );\r\n };\r\n\r\n const handleDownloadClick = (backup: Backup) => {\r\n if (replicationSettings?.enabled && backup.mirrors && backup.mirrors.some((m) => m.status === 'completed')) {\r\n setShowStorageSelector(backup);\r\n } else {\r\n downloadBackup(backup.id);\r\n }\r\n };\r\n\r\n const downloadBackup = (backupId: string, replicationId?: string) => {\r\n toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId, replicationId }), {\r\n pending: 'Sending Download Request...',\r\n success: 'Generating Download. This might take a while..',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Generate Download. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n const cancelDownload = (backupId: string) => {\r\n toast.promise(cancelDownloadMutation.mutateAsync({ backupId, planId }), {\r\n pending: 'Cancelling Download...',\r\n success: 'Download Cancelled',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Cancel Download. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <div className={classes.backupsTable}>\r\n <div className={classes.backupsTableHead}>\r\n <div>{isSync ? 'Sync' : 'Backup'} ID</div>\r\n <div>Status</div>\r\n <div>Duration</div>\r\n <div>Changes</div>\r\n <div>Size</div>\r\n <div>Date</div>\r\n <div></div>\r\n </div>\r\n <div className={classes.backupsTableContent}>\r\n {backups\r\n .filter((s) => !s.inProgress)\r\n .map((snapshot) => {\r\n const { id, title, description, started, ended, download, status, errorMsg, duration, totalFiles, totalSize, changes, active } =\r\n snapshot;\r\n const isDownloading = download && download.status === 'started';\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n >\r\n <div>\r\n <span\r\n className={classes.editIcon}\r\n onClick={() => setShowEditModal(snapshot)}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`Edit Title & Description`}\r\n >\r\n <Icon type=\"edit\" size={12} />\r\n </span>\r\n <span className={classes.backupTitle} onClick={() => !isSync && setShowBackupEvents(id)}>\r\n <Icon type={isSync ? 'sync' : 'box'} size={14} /> {title ? title : isSync ? `sync-${id}` : `backup-${id}`}{' '}\r\n </span>\r\n {description && (\r\n <span className={classes.backupDescription} data-tooltip-id=\"htmlToolTip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isSync && active && (\r\n <span className={classes.activeBackup} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`Active Snapshot`}>\r\n <Icon type=\"bolt\" size={14} />\r\n </span>\r\n )}\r\n {replicationSettings?.enabled && snapshot.mirrors && snapshot.mirrors.length > 0 && (\r\n <MirrorStatusBadge mirrors={snapshot.mirrors} planId={planId} backupId={id} replicationSettings={replicationSettings} />\r\n )}\r\n {download && <DownloadLabel download={download} downloadBackup={() => getDownloadMutation.mutate(id)} />}\r\n </div>\r\n <div\r\n className={`${classes.status} ${errorMsg ? classes.statusHasError : ''}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`<div><string>Error</string>: ${errorMsg}</div>`}\r\n data-tooltip-hidden={!errorMsg}\r\n >\r\n <StatusLabel status={status} hasError={!!errorMsg} />\r\n </div>\r\n <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n <div\r\n className={classes.changes}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>New Items</b>: ${changes.new}</div>\r\n <div><b>Modified Items</b>: ${changes.modified}</div>\r\n <div><b>Deleted Items</b>: ${changes.removed \|\| 0}</div>\r\n `}\r\n >\r\n <span className={classes.changesNew}>\r\n <Icon type=\"file-new\" size={12} /> {changes.new}\r\n </span>{' '}\r\n <span className={classes.changesModified}>\r\n <Icon type=\"file-modified\" size={12} /> {changes.modified}\r\n </span>{' '}\r\n <span className={classes.changesRemoved}>\r\n <Icon type=\"file-removed\" size={12} /> {changes.removed \|\| 0}\r\n </span>\r\n </div>\r\n <div data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${formatNumberToK(totalFiles)} Files `}>\r\n {formatBytes(totalSize)}\r\n </div>\r\n <div\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>Started</b>: ${formatDateTime(started)}</div>\r\n <div><b>Ended</b>: ${ended ? formatDateTime(ended) : ''}</div>\r\n `}\r\n title={formatDateTime(ended \|\| started)}\r\n >\r\n {ended ? timeAgo(new Date(ended)) : timeAgo(started ? new Date(started) : new Date())}\r\n </div>\r\n <div className={classes.snapOptsBtn}>\r\n <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n <Icon type=\"dots-vertical\" size={12} />\r\n </button>\r\n </div>\r\n {showSnapOptions === id && (\r\n <div className={classes.settings}>\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n className={downloadBackupMutation.isPending \|\| cancelDownloadMutation.isPending ? 'notAllowed' : ''}\r\n disabled={downloadBackupMutation.isPending \|\| cancelDownloadMutation.isPending}\r\n onClick={() => {\r\n if (isDownloading) {\r\n cancelDownload(id);\r\n } else {\r\n handleDownloadClick(snapshot);\r\n }\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}\r\n </button>\r\n )}\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n onClick={() => {\r\n toast.promise(browseSnapshotMutation.mutateAsync({ backupId: id }), {\r\n pending: 'Getting Snapshot Data...',\r\n error: 'Failed to Get Snapshot Data.',\r\n });\r\n setShowSnapOptions(false);\r\n setShowSnapshotViewer(snapshot);\r\n }}\r\n >\r\n <Icon type=\"folders\" size={14} /> Browse\r\n </button>\r\n )}\r\n {status === 'completed' && active && (\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowRestoreModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"restore\" size={14} /> Restore\r\n </button>\r\n )}\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowDeleteModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"trash\" size={14} /> Remove\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n {backups.length === 0 && <div className={classes.noBackups}>Hasn't been backed up yet.</div>}\r\n </div>\r\n {showDeleteModal && (\r\n <ActionModal\r\n title=\"Remove Backup\"\r\n message={\r\n <>\r\n Are you sure you want to remove the Backup <strong>\"backup-{showDeleteModal.id}\"</strong>?\r\n </>\r\n }\r\n closeModal={() => !deleteBackupMutation.isPending && setShowDeleteModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Backup',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deleteBackupMutation.isPending,\r\n action: () => removeBackup(showDeleteModal),\r\n }}\r\n />\r\n )}\r\n {showRestoreModal && (\r\n <RestoreWizard\r\n close={() => setShowRestoreModal(false)}\r\n planId={planId}\r\n backupId={showRestoreModal.id}\r\n deviceId={deviceId}\r\n planStorage={storage}\r\n mirrors={\r\n replicationSettings?.enabled && showRestoreModal.mirrors && showRestoreModal.mirrors.some((m) => m.status === 'completed')\r\n ? showRestoreModal.mirrors\r\n : []\r\n }\r\n />\r\n )}\r\n {showBackupEvents && (\r\n <BackupEvents\r\n id={showBackupEvents}\r\n planId={planId}\r\n sourceId={sourceId}\r\n sourceType={sourceType}\r\n close={() => setShowBackupEvents(false)}\r\n />\r\n )}\r\n {showEditModal && (\r\n <ActionModal\r\n title=\"Edit Backup Title & Description\"\r\n message={\r\n <div className={classes.updateModalContent}>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Title\"\r\n fieldValue={showEditModal.title \|\| ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, title: val })}\r\n placeholder=\"Enter Backup Title\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Description\"\r\n fieldValue={showEditModal.description \|\| ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, description: val })}\r\n placeholder=\"Enter Backup Description\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n </div>\r\n }\r\n closeModal={() => !updateBackupMutation.isPending && setShowEditModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Update Backup',\r\n type: 'default',\r\n isPending: updateBackupMutation.isPending,\r\n action: () => updateBackup(showEditModal),\r\n }}\r\n />\r\n )}\r\n {showStorageSelector && (\r\n <MirrorStorageSelectorModal\r\n mirrors={showStorageSelector.mirrors \|\| []}\r\n primaryStorage={storage}\r\n onSelect={(replicationId) => {\r\n downloadBackup(showStorageSelector.id, replicationId);\r\n setShowStorageSelector(false);\r\n }}\r\n onClose={() => setShowStorageSelector(false)}\r\n />\r\n )}\r\n {showSnapshotViewer && showSnapshotViewer.id && browseSnapshotMutation.isSuccess && (\r\n <SidePanel width=\"100%\" title=\"Browse Snapshot\" icon={<Icon type={'folders'} size={20} />} close={() => setShowSnapshotViewer(false)}>\r\n <SnapshotViewer\r\n files={snapshotFiles \|\| []}\r\n backup={showSnapshotViewer}\r\n planId={planId}\r\n isSync={isSync}\r\n onClose={() => setShowSnapshotViewer(false)}\r\n mirrors={replicationSettings?.enabled ? showSnapshotViewer.mirrors : undefined}\r\n primaryStorage={replicationSettings?.enabled ? storage : undefined}\r\n />\r\n </SidePanel>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Backups;\r\n"],"names":["DownloadLabel","download","downloadBackup","jsx","classes","Icon","remainingHours","validUntil","now","Backups","planId","method","backups","sourceId","sourceType","replicationSettings","storage","deviceId","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","showSnapshotViewer","setShowSnapshotViewer","showEditModal","setShowEditModal","showStorageSelector","setShowStorageSelector","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","updateBackupMutation","useUpdateBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","browseSnapshotMutation","useBrowseSnapshot","isSync","snapshotFiles","_a","removeBackup","backup","toast","updateBackup","payload","handleDownloadClick","m","backupId","replicationId","data","cancelDownload","jsxs","s","snapshot","id","title","description","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","MirrorStatusBadge","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents","Input","val","MirrorStorageSelectorModal","SidePanel","SnapshotViewer"],"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