npm - @plutonhq/core-frontend - Versions diffs - 0.1.13 → 0.1.14 - Mend

@plutonhq/core-frontend 0.1.13 → 0.1.14

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 (186) 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\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 // 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}) => {\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 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 downloadBackup = (backupId: string) => {\r\n toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId }), {\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 {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 downloadBackup(id);\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 && <RestoreWizard close={() => setShowRestoreModal(false)} planId={planId} backupId={showRestoreModal.id} />}\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 </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","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","showEditModal","setShowEditModal","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","updateBackupMutation","useUpdateBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","isSync","removeBackup","backup","toast","updateBackup","payload","backupId","data","cancelDownload","jsxs","s","snapshot","id","title","description","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents","Input","val"],"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 { 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":";;;;;;;;;;;;;;;AAiBA,MAAMA,KAAgB,CAAC,EAAE,UAAAC,GAAU,gBAAAC,QAAmF;AACnH,OAAID,KAAA,gBAAAA,EAAU,YAAW;AACtB,WACG,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWC,EAAQ;AAAA,QACnB,mBAAgB;AAAA,QAChB,sBAAmB;AAAA,QACnB,qBAAmB;AAAA,QAEnB,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,eAAc,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAG5C,OAAWJ,KAAA,gBAAAA,EAAU,YAAW;AAC7B,WACG,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAW,GAAGC,EAAQ,mBAAmB,IAAIA,EAAQ,aAAa;AAAA,QAClE,mBAAgB;AAAA,QAChB,sBAAmB;AAAA,QACnB,qBAAmB,8CAA8CH,EAAS,QAAQ,QAAQA,EAAS,KAAK,UAAU,EAAE;AAAA,QAEpH,UAAA,gBAAAE,EAACE,GAAA,EAAK,MAAK,SAAQ,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAGtC,OAAWJ,KAAA,gBAAAA,EAAU,YAAW,YAAY;AACzC,QAAIK;AACJ,QAAIL,KAAA,QAAAA,EAAU,OAAO;AAElB,YAAMM,IADUN,EAAS,QAAQ,MACJ,OAAU,KAAK,KACtCO,IAAM,KAAK,IAAA;AACjB,MAAAF,IAAiB,KAAK,IAAI,GAAG,KAAK,OAAOC,IAAaC,MAAQ,OAAU,IAAK,CAAC;AAAA,IACjF;AAEA,WAAOF,IACJ,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAW,GAAGC,EAAQ,iBAAiB,IAAIA,EAAQ,aAAa;AAAA,QAChE,SAASF;AAAA,QACT,mBAAgB;AAAA,QAChB,sBAAmB;AAAA,QACnB,qBAAmB,oDAAoDI,IAAiB,sBAAsBA,CAAc,YAAY,qBAAqB;AAAA,QAE7J,UAAA,gBAAAH,EAACE,GAAA,EAAK,MAAK,YAAW,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA,IAElC;AAAA,EACP;AACG;AAEN,GAEMI,KAAU,CAAC;AAAA,EACd,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA;AAEH,MAcM;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAyB,EAAK,GACtE,CAACC,GAAiBC,CAAkB,IAAIF,EAAyB,EAAK,GACtE,CAACG,GAAkBC,CAAmB,IAAIJ,EAAyB,EAAK,GACxE,CAACK,GAAkBC,CAAmB,IAAIN,EAAyB,EAAK,GACxE,CAACO,GAAeC,CAAgB,IAAIR,EAAyB,EAAK,GAClE,CAACS,GAAqBC,CAAsB,IAAIV,EAAyB,EAAK,GAC9EW,IAAcC,GAAA,GACdC,IAAuBC,GAAA,GACvBC,IAAuBC,GAAA,GACvBC,IAAyBC,GAAA,GACzBC,IAAyBC,GAAA,GACzBC,IAAsBC,GAAA,GACtBC,IAAShC,MAAW;AAE1B,UAAQ,IAAI,aAAaC,CAAO;AAEhC,QAAMgC,IAAe,CAACC,MAAmB;AACtC,YAAQ,IAAI,YAAYA,EAAO,EAAE,GACjCZ,EAAqB,OAAOY,EAAO,IAAI;AAAA,MACpC,SAAS,MAAM;AACZ,QAAAC,EAAM,MAAM,4BAA4BD,EAAO,EAAE,GAAG;AAAA,MACvD;AAAA,MACA,WAAW,MAAM;AACd,QAAAd,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQrB,CAAM,GAAG,GAC5DoC,EAAM,QAAQ,kBAAkBD,EAAO,EAAE,yBAAyB,GAClEvB,EAAmB,EAAK;AAAA,MAC3B;AAAA,IAAA,CACF;AAAA,EACJ,GAEMyB,IAAe,CAACF,MAAmB;AACtC,UAAMG,IAAU;AAAA,MACb,OAAOH,EAAO;AAAA,MACd,aAAaA,EAAO;AAAA,IAAA;AAGvB,IADA,QAAQ,IAAI,YAAYA,EAAO,IAAIG,CAAO,GACtC,GAACA,EAAQ,SAAS,CAACA,EAAQ,gBAG/Bb,EAAqB;AAAA,MAClB,EAAE,UAAUU,EAAO,IAAI,eAAeG,EAAA;AAAA,MACtC;AAAA,QACG,SAAS,MAAM;AACZ,UAAAF,EAAM,MAAM,4BAA4BD,EAAO,EAAE,GAAG;AAAA,QACvD;AAAA,QACA,WAAW,MAAM;AACd,UAAAd,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQrB,CAAM,GAAG,GAC5DoC,EAAM,QAAQ,kBAAkBD,EAAO,EAAE,yBAAyB,GAClEjB,EAAiB,EAAK;AAAA,QACzB;AAAA,MAAA;AAAA,IACH;AAAA,EAEN,GAEMqB,IAAsB,CAACJ,MAAmB;AAC7C,IAAI9B,KAAA,QAAAA,EAAqB,WAAW8B,EAAO,WAAWA,EAAO,QAAQ,KAAK,CAACK,MAAMA,EAAE,WAAW,WAAW,IACtGpB,EAAuBe,CAAM,IAE7B3C,EAAe2C,EAAO,EAAE;AAAA,EAE9B,GAEM3C,IAAiB,CAACiD,GAAkBC,MAA2B;AAClE,IAAAN,EAAM,QAAQT,EAAuB,YAAY,EAAE,UAAAc,GAAU,QAAAzC,GAAQ,eAAA0C,EAAA,CAAe,GAAG;AAAA,MACpF,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,QACJ,OAAO,EAAE,MAAAC,KAAa;AACnB,iBAAO,iCAAgCA,KAAA,gBAAAA,EAAM,YAAW,gBAAgB;AAAA,QAC3E;AAAA,MAAA;AAAA,IACH,CACF;AAAA,EACJ,GAEMC,KAAiB,CAACH,MAAqB;AAC1C,IAAAL,EAAM,QAAQP,EAAuB,YAAY,EAAE,UAAAY,GAAU,QAAAzC,EAAA,CAAQ,GAAG;AAAA,MACrE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,QACJ,OAAO,EAAE,MAAA2C,KAAa;AACnB,iBAAO,+BAA8BA,KAAA,gBAAAA,EAAM,YAAW,gBAAgB;AAAA,QACzE;AAAA,MAAA;AAAA,IACH,CACF;AAAA,EACJ;AAEA,SACG,gBAAAE,EAAC,OAAA,EAAI,WAAWnD,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAmD,EAAC,OAAA,EAAI,WAAWnD,EAAQ,kBACrB,UAAA;AAAA,MAAA,gBAAAmD,EAAC,OAAA,EAAK,UAAA;AAAA,QAAAZ,IAAS,SAAS;AAAA,QAAS;AAAA,MAAA,GAAG;AAAA,MACpC,gBAAAxC,EAAC,SAAI,UAAA,SAAA,CAAM;AAAA,MACX,gBAAAA,EAAC,SAAI,UAAA,WAAA,CAAQ;AAAA,MACb,gBAAAA,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,MACZ,gBAAAA,EAAC,SAAI,UAAA,OAAA,CAAI;AAAA,MACT,gBAAAA,EAAC,SAAI,UAAA,OAAA,CAAI;AAAA,wBACR,OAAA,CAAA,CAAI;AAAA,IAAA,GACR;AAAA,IACA,gBAAAoD,EAAC,OAAA,EAAI,WAAWnD,EAAQ,qBACpB,UAAA;AAAA,MAAAQ,EACG,OAAO,CAAC4C,MAAM,CAACA,EAAE,UAAU,EAC3B,IAAI,CAACC,MAAa;AAChB,cAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,OAAAC,GAAO,UAAA7D,GAAU,QAAA8D,GAAQ,UAAAC,GAAU,UAAAC,GAAU,YAAAC,IAAY,WAAAC,IAAW,SAAAC,GAAS,QAAAC,MACnHZ,GACGa,IAAgBrE,KAAYA,EAAS,WAAW;AAEtD,eACG,gBAAAsD;AAAA,UAAC;AAAA,UAAA;AAAA,YAEE,WAAW,GAAGnD,EAAQ,eAAe,IAAIc,KAAmBA,MAAoBwC,IAAKtD,EAAQ,wBAAwB,EAAE;AAAA,YAEvH,UAAA;AAAA,cAAA,gBAAAmD,EAAC,OAAA,EACE,UAAA;AAAA,gBAAA,gBAAApD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,WAAWC,EAAQ;AAAA,oBACnB,SAAS,MAAMwB,EAAiB6B,CAAQ;AAAA,oBACxC,mBAAgB;AAAA,oBAChB,qBAAmB;AAAA,oBAEnB,UAAA,gBAAAtD,EAACE,GAAA,EAAK,MAAK,QAAO,MAAM,GAAA,CAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE/B,gBAAAkD,EAAC,QAAA,EAAK,WAAWnD,EAAQ,aAAa,SAAS,MAAM,CAACuC,KAAUjB,EAAoBgC,CAAE,GACnF,UAAA;AAAA,kBAAA,gBAAAvD,EAACE,KAAK,MAAMsC,IAAS,SAAS,OAAO,MAAM,IAAI;AAAA,kBAAE;AAAA,kBAAEgB,MAAgBhB,IAAS,QAAQe,CAAE,KAAK,UAAUA,CAAE;AAAA,kBAAI;AAAA,gBAAA,GAC9G;AAAA,gBACCE,KACE,gBAAAzD,EAAC,QAAA,EAAK,WAAWC,EAAQ,mBAAmB,mBAAgB,eAAc,wBAAsBwD,GAC7F,4BAACvD,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI,GAC/B;AAAA,gBAEF,CAACsC,KAAU0B,uBACR,QAAA,EAAK,WAAWjE,EAAQ,cAAc,mBAAgB,eAAc,qBAAmB,mBACrF,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI,GAC/B;AAAA,iBAEFU,KAAA,gBAAAA,EAAqB,YAAW0C,EAAS,WAAWA,EAAS,QAAQ,SAAS,KAC5E,gBAAAtD,EAACoE,IAAA,EAAkB,SAASd,EAAS,SAAS,QAAA/C,GAAgB,UAAUgD,GAAI,qBAAA3C,GAA0C;AAAA,gBAExHd,uBAAaD,IAAA,EAAc,UAAAC,GAAoB,gBAAgB,MAAMwC,EAAoB,OAAOiB,CAAE,EAAA,CAAG;AAAA,cAAA,GACzG;AAAA,cACA,gBAAAvD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAW,GAAGC,EAAQ,MAAM,IAAI4D,IAAW5D,EAAQ,iBAAiB,EAAE;AAAA,kBACtE,mBAAgB;AAAA,kBAChB,qBAAmB,gCAAgC4D,CAAQ;AAAA,kBAC3D,uBAAqB,CAACA;AAAA,kBAEtB,4BAACQ,IAAA,EAAY,QAAAT,GAAgB,UAAU,CAAC,CAACC,EAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAErD,OAAA,EAAI,OAAOC,IAAW,KAAM,UAAAQ,GAAeR,CAAQ,GAAE;AAAA,cACtD,gBAAAV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAWnD,EAAQ;AAAA,kBACnB,mBAAgB;AAAA,kBAChB,qBAAmB;AAAA,mEACqBgE,EAAQ,GAAG;AAAA,wEACNA,EAAQ,QAAQ;AAAA,uEACjBA,EAAQ,WAAW,CAAC;AAAA;AAAA,kBAGhE,UAAA;AAAA,oBAAA,gBAAAb,EAAC,QAAA,EAAK,WAAWnD,EAAQ,YACtB,UAAA;AAAA,sBAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,sBAAE;AAAA,sBAAE+D,EAAQ;AAAA,oBAAA,GAC/C;AAAA,oBAAQ;AAAA,oBACR,gBAAAb,EAAC,QAAA,EAAK,WAAWnD,EAAQ,iBACtB,UAAA;AAAA,sBAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI;AAAA,sBAAE;AAAA,sBAAE+D,EAAQ;AAAA,oBAAA,GACpD;AAAA,oBAAQ;AAAA,oBACR,gBAAAb,EAAC,QAAA,EAAK,WAAWnD,EAAQ,gBACtB,UAAA;AAAA,sBAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,sBAAE;AAAA,sBAAE+D,EAAQ,WAAW;AAAA,oBAAA,EAAA,CAC9D;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEH,gBAAAjE,EAAC,OAAA,EAAI,mBAAgB,eAAc,qBAAmB,GAAGuE,GAAgBR,EAAU,CAAC,WAChF,UAAAS,GAAYR,EAAS,EAAA,CACzB;AAAA,cACA,gBAAAhE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,mBAAgB;AAAA,kBAChB,qBAAmB;AAAA,iEACmByE,EAAef,CAAO,CAAC;AAAA,+DACzBC,IAAQc,EAAed,CAAK,IAAI,EAAE;AAAA;AAAA,kBAEtE,OAAOc,EAAed,KAASD,CAAO;AAAA,kBAErC,UAAAC,IAAQe,EAAQ,IAAI,KAAKf,CAAK,CAAC,IAAIe,EAAQhB,IAAU,IAAI,KAAKA,CAAO,IAAI,oBAAI,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEvF,gBAAA1D,EAAC,SAAI,WAAWC,EAAQ,aACrB,UAAA,gBAAAD,EAAC,UAAA,EAAO,SAAS,MAAMgB,EAAmBD,KAAmBA,MAAoBwC,IAAK,KAAQA,CAAE,GAC7F,UAAA,gBAAAvD,EAACE,GAAA,EAAK,MAAK,iBAAgB,MAAM,GAAA,CAAI,EAAA,CACxC,EAAA,CACH;AAAA,cACCa,MAAoBwC,KAClB,gBAAAH,EAAC,OAAA,EAAI,WAAWnD,EAAQ,UACpB,UAAA;AAAA,gBAAA,CAACuC,KAAUoB,MAAW,eAAeM,KACnC,gBAAAd;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,WAAWlB,EAAuB,aAAaE,EAAuB,YAAY,eAAe;AAAA,oBACjG,UAAUF,EAAuB,aAAaE,EAAuB;AAAA,oBACrE,SAAS,MAAM;AACZ,sBAAI+B,IACDhB,GAAeI,CAAE,IAEjBT,EAAoBQ,CAAQ,GAE/BtC,EAAmB,EAAK;AAAA,oBAC3B;AAAA,oBAEA,UAAA;AAAA,sBAAA,gBAAAhB,EAACE,KAAK,MAAMiE,IAAgB,UAAU,YAAY,MAAM,IAAI;AAAA,sBAAE;AAAA,sBAAEA,IAAgB,oBAAoB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGzGP,MAAW,eAAeM,KACxB,gBAAAd;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,WAAWe,IAAgB,eAAe;AAAA,oBAC1C,UAAUA;AAAA,oBACV,SAAS,MAAM;AACZ,sBAAIA,MAGJ9C,EAAoBiC,CAAQ,GAC5BtC,EAAmB,EAAK;AAAA,oBAC3B;AAAA,oBAEA,UAAA;AAAA,sBAAA,gBAAAhB,EAACE,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,sBAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGvC,gBAAAkD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,WAAWe,IAAgB,eAAe;AAAA,oBAC1C,UAAUA;AAAA,oBACV,SAAS,MAAM;AACZ,sBAAIA,MAGJhD,EAAmBmC,CAAQ,GAC3BtC,EAAmB,EAAK;AAAA,oBAC3B;AAAA,oBAEA,UAAA;AAAA,sBAAA,gBAAAhB,EAACE,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,sBAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAClC,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UA1HEqD;AAAA,QAAA;AAAA,MA8Hd,CAAC;AAAA,MACH9C,EAAQ,WAAW,KAAK,gBAAAT,EAAC,SAAI,WAAWC,EAAQ,WAAW,UAAA,6BAAA,CAA0B;AAAA,IAAA,GACzF;AAAA,IACCiB,KACE,gBAAAlB;AAAA,MAAC2E;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,SACG,gBAAAvB,EAAAwB,IAAA,EAAE,UAAA;AAAA,UAAA;AAAA,4BAC6C,UAAA,EAAO,UAAA;AAAA,YAAA;AAAA,YAAS1D,EAAgB;AAAA,YAAG;AAAA,UAAA,GAAC;AAAA,UAAS;AAAA,QAAA,GAC5F;AAAA,QAEH,YAAY,MAAM,CAACY,EAAqB,aAAaX,EAAmB,EAAK;AAAA,QAC7E,OAAM;AAAA,QACN,eAAe;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAWW,EAAqB;AAAA,UAChC,QAAQ,MAAMW,EAAavB,CAAe;AAAA,QAAA;AAAA,MAC7C;AAAA,IAAA;AAAA,IAGLE,KACE,gBAAApB;AAAA,MAAC6E;AAAA,MAAA;AAAA,QACE,OAAO,MAAMxD,EAAoB,EAAK;AAAA,QACtC,QAAAd;AAAA,QACA,UAAUa,EAAiB;AAAA,QAC3B,UAAAN;AAAA,QACA,aAAaD;AAAA,QACb,SACGD,KAAA,QAAAA,EAAqB,WAAWQ,EAAiB,WAAWA,EAAiB,QAAQ,KAAK,CAAC2B,MAAMA,EAAE,WAAW,WAAW,IACpH3B,EAAiB,UACjB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAIdE,KACE,gBAAAtB;AAAA,MAAC8E;AAAA,MAAA;AAAA,QACE,IAAIxD;AAAA,QACJ,QAAAf;AAAA,QACA,UAAAG;AAAA,QACA,YAAAC;AAAA,QACA,OAAO,MAAMY,EAAoB,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3CC,KACE,gBAAAxB;AAAA,MAAC2E;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,SACG,gBAAAvB,EAAC,OAAA,EAAI,WAAWnD,EAAQ,oBACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,YAAC+E;AAAA,YAAA;AAAA,cACE,OAAM;AAAA,cACN,YAAYvD,EAAc,SAAS;AAAA,cACnC,UAAU,CAACwD,MAAQvD,EAAiB,EAAE,GAAGD,GAAe,OAAOwD,GAAK;AAAA,cACpE,aAAY;AAAA,cACZ,MAAM;AAAA,cACN,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACA,gBAAAhF,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,YAAC+E;AAAA,YAAA;AAAA,cACE,OAAM;AAAA,cACN,YAAYvD,EAAc,eAAe;AAAA,cACzC,UAAU,CAACwD,MAAQvD,EAAiB,EAAE,GAAGD,GAAe,aAAawD,GAAK;AAAA,cAC1E,aAAY;AAAA,cACZ,MAAM;AAAA,cACN,QAAQ;AAAA,YAAA;AAAA,UAAA,EACX,CACH;AAAA,QAAA,GACH;AAAA,QAEH,YAAY,MAAM,CAAChD,EAAqB,aAAaP,EAAiB,EAAK;AAAA,QAC3E,OAAM;AAAA,QACN,eAAe;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,WAAWO,EAAqB;AAAA,UAChC,QAAQ,MAAMY,EAAapB,CAAa;AAAA,QAAA;AAAA,MAC3C;AAAA,IAAA;AAAA,IAGLE,KACE,gBAAA1B;AAAA,MAACiF;AAAA,MAAA;AAAA,QACE,SAASvD,EAAoB,WAAW,CAAA;AAAA,QACxC,gBAAgBb;AAAA,QAChB,UAAU,CAACoC,MAAkB;AAC1B,UAAAlD,EAAe2B,EAAoB,IAAIuB,CAAa,GACpDtB,EAAuB,EAAK;AAAA,QAC/B;AAAA,QACA,SAAS,MAAMA,EAAuB,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9C,GAEN;AAEN;"}

package/dist-lib/components/Plan/EditPlan/EditPlan.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditPlan.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI9D,KAAK,aAAa,GAAG;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,iBAAiB,aAAa,~~4CA0C~~/C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"EditPlan.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI9D,KAAK,aAAa,GAAG;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CA2C/C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist-lib/components/Plan/EditPlan/EditPlan.js CHANGED Viewed

@@ -3,20 +3,20 @@ import { useState as u } from "react";
 import { toast as n } from "react-toastify";
 import { useUpdatePlan as P } from "../../../services/plans.js";
 import p from "../PlanForm/PlanForm.js";
-const k = ({ close: r, plan: e }) => {
-  const [o, i] = u(() => e), c = e.backups.some((s) => s.inProgress), a = P(), l = () => {
+const k = ({ close: r, plan: t }) => {
+  const [o, i] = u(() => t), c = t.backups.some((s) => s.inProgress), a = P(), l = () => {
     if (c)
       return n.error("Can't Update Plan Settings while a Backup is in progress.");
     console.log("newPlan :", o);
-    const s = ["title", "description", "isActive", "storagePath", "sourceConfig", "tags", "settings"], d = Object.fromEntries(Object.entries(o).filter(([t]) => s.includes(t)));
+    const s = ["title", "description", "isActive", "storagePath", "sourceConfig", "tags", "settings"], d = Object.fromEntries(Object.entries(o).filter(([e]) => s.includes(e)));
     a.mutate(
-      { id: e.id, data: d },
+      { id: t.id, data: d },
       {
-        onError: (t) => {
-          console.log("error :", t), n.error(t.message || "Error Updating Backup Plan.");
+        onError: (e) => {
+          console.log("error :", e), n.error(e.message || "Error Updating Backup Plan.");
         },
-        onSuccess: (t) => {
-          console.log("Success :", t), n.success("Backup Plan Updated!", { autoClose: 5e3 });
+        onSuccess: (e) => {
+          console.log("Success :", e), n.success("Backup Plan Updated!", { autoClose: 5e3 });
         }
       }
     );
@@ -26,10 +26,11 @@ const k = ({ close: r, plan: e }) => {
     {
       title: "Edit Plan",
       type: "edit",
+      planId: t.id,
       planSettings: o,
       isSubmitting: a.isPending,
-      storagePath: e.storagePath,
-      storageId: e.storage.id,
+      storagePath: t.storagePath,
+      storageId: t.storage.id,
       onPlanSettingsChange: i,
       onSubmit: l,
       close: r

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditPlan.js","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { NewPlanSettings, Plan } from '../../../@types/plans';\r\nimport { useUpdatePlan } from '../../../services/plans';\r\nimport PlanForm from '../PlanForm/PlanForm';\r\n\r\ntype EditPlanProps = {\r\n plan: Plan;\r\n close: () => void;\r\n};\r\n\r\nconst EditPlan = ({ close, plan }: EditPlanProps) => {\r\n const [newPlan, setNewPlan] = useState<NewPlanSettings>(() => plan);\r\n const backingUp = plan.backups.some((s) => s.inProgress);\r\n const updatePlanMutation = useUpdatePlan();\r\n\r\n const updatePlan = () => {\r\n if (backingUp) {\r\n return toast.error(`Can't Update Plan Settings while a Backup is in progress.`);\r\n }\r\n console.log('newPlan :', newPlan);\r\n\r\n const allowedFields = ['title', 'description', 'isActive', 'storagePath', 'sourceConfig', 'tags', 'settings'] as const;\r\n const updatedPlan = Object.fromEntries(Object.entries(newPlan).filter(([key]) => allowedFields.includes(key as any)));\r\n\r\n updatePlanMutation.mutate(\r\n { id: plan.id, data: updatedPlan },\r\n {\r\n onError: (error: any) => {\r\n console.log('error :', error);\r\n toast.error(error.message \|\| `Error Updating Backup Plan.`);\r\n },\r\n onSuccess: (data: any) => {\r\n console.log('Success :', data);\r\n toast.success(`Backup Plan Updated!`, { autoClose: 5000 });\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <PlanForm\r\n title=\"Edit Plan\"\r\n type=\"edit\"\r\n planSettings={newPlan}\r\n isSubmitting={updatePlanMutation.isPending}\r\n storagePath={plan.storagePath}\r\n storageId={plan.storage.id}\r\n onPlanSettingsChange={setNewPlan}\r\n onSubmit={updatePlan}\r\n close={close}\r\n />\r\n );\r\n};\r\n\r\nexport default EditPlan;\r\n"],"names":["EditPlan","close","plan","newPlan","setNewPlan","useState","backingUp","updatePlanMutation","useUpdatePlan","updatePlan","toast","allowedFields","updatedPlan","key","error","data","jsx","PlanForm"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAA0B;AAClD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAA0B,MAAMH,CAAI,GAC5DI,IAAYJ,EAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,GACjDK,IAAqBC,EAAA,GAErBC,IAAa,MAAM;AACtB,QAAIH;AACD,aAAOI,EAAM,MAAM,2DAA2D;AAEjF,YAAQ,IAAI,aAAaP,CAAO;AAEhC,UAAMQ,IAAgB,CAAC,SAAS,eAAe,YAAY,eAAe,gBAAgB,QAAQ,UAAU,GACtGC,IAAc,OAAO,YAAY,OAAO,QAAQT,CAAO,EAAE,OAAO,CAAC,CAACU,CAAG,MAAMF,EAAc,SAASE,CAAU,CAAC,CAAC;AAEpH,IAAAN,EAAmB;AAAA,MAChB,EAAE,IAAIL,EAAK,IAAI,MAAMU,EAAA;AAAA,MACrB;AAAA,QACG,SAAS,CAACE,MAAe;AACtB,kBAAQ,IAAI,WAAWA,CAAK,GAC5BJ,EAAM,MAAMI,EAAM,WAAW,6BAA6B;AAAA,QAC7D;AAAA,QACA,WAAW,CAACC,MAAc;AACvB,kBAAQ,IAAI,aAAaA,CAAI,GAC7BL,EAAM,QAAQ,wBAAwB,EAAE,WAAW,KAAM;AAAA,QAC5D;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,~~cAAcd~~;AAAA,MACd,cAAcI,EAAmB;AAAA,MACjC,aAAaL,EAAK;AAAA,MAClB,WAAWA,EAAK,QAAQ;AAAA,MACxB,sBAAsBE;AAAA,MACtB,UAAUK;AAAA,MACV,OAAAR;AAAA,IAAA;AAAA,EAAA;AAGT;"}
1	+ {"version":3,"file":"EditPlan.js","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { NewPlanSettings, Plan } from '../../../@types/plans';\r\nimport { useUpdatePlan } from '../../../services/plans';\r\nimport PlanForm from '../PlanForm/PlanForm';\r\n\r\ntype EditPlanProps = {\r\n plan: Plan;\r\n close: () => void;\r\n};\r\n\r\nconst EditPlan = ({ close, plan }: EditPlanProps) => {\r\n const [newPlan, setNewPlan] = useState<NewPlanSettings>(() => plan);\r\n const backingUp = plan.backups.some((s) => s.inProgress);\r\n const updatePlanMutation = useUpdatePlan();\r\n\r\n const updatePlan = () => {\r\n if (backingUp) {\r\n return toast.error(`Can't Update Plan Settings while a Backup is in progress.`);\r\n }\r\n console.log('newPlan :', newPlan);\r\n\r\n const allowedFields = ['title', 'description', 'isActive', 'storagePath', 'sourceConfig', 'tags', 'settings'] as const;\r\n const updatedPlan = Object.fromEntries(Object.entries(newPlan).filter(([key]) => allowedFields.includes(key as any)));\r\n\r\n updatePlanMutation.mutate(\r\n { id: plan.id, data: updatedPlan },\r\n {\r\n onError: (error: any) => {\r\n console.log('error :', error);\r\n toast.error(error.message \|\| `Error Updating Backup Plan.`);\r\n },\r\n onSuccess: (data: any) => {\r\n console.log('Success :', data);\r\n toast.success(`Backup Plan Updated!`, { autoClose: 5000 });\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <PlanForm\r\n title=\"Edit Plan\"\r\n type=\"edit\"\r\n planId={plan.id}\r\n planSettings={newPlan}\r\n isSubmitting={updatePlanMutation.isPending}\r\n storagePath={plan.storagePath}\r\n storageId={plan.storage.id}\r\n onPlanSettingsChange={setNewPlan}\r\n onSubmit={updatePlan}\r\n close={close}\r\n />\r\n );\r\n};\r\n\r\nexport default EditPlan;\r\n"],"names":["EditPlan","close","plan","newPlan","setNewPlan","useState","backingUp","updatePlanMutation","useUpdatePlan","updatePlan","toast","allowedFields","updatedPlan","key","error","data","jsx","PlanForm"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAA0B;AAClD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAA0B,MAAMH,CAAI,GAC5DI,IAAYJ,EAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,GACjDK,IAAqBC,EAAA,GAErBC,IAAa,MAAM;AACtB,QAAIH;AACD,aAAOI,EAAM,MAAM,2DAA2D;AAEjF,YAAQ,IAAI,aAAaP,CAAO;AAEhC,UAAMQ,IAAgB,CAAC,SAAS,eAAe,YAAY,eAAe,gBAAgB,QAAQ,UAAU,GACtGC,IAAc,OAAO,YAAY,OAAO,QAAQT,CAAO,EAAE,OAAO,CAAC,CAACU,CAAG,MAAMF,EAAc,SAASE,CAAU,CAAC,CAAC;AAEpH,IAAAN,EAAmB;AAAA,MAChB,EAAE,IAAIL,EAAK,IAAI,MAAMU,EAAA;AAAA,MACrB;AAAA,QACG,SAAS,CAACE,MAAe;AACtB,kBAAQ,IAAI,WAAWA,CAAK,GAC5BJ,EAAM,MAAMI,EAAM,WAAW,6BAA6B;AAAA,QAC7D;AAAA,QACA,WAAW,CAACC,MAAc;AACvB,kBAAQ,IAAI,aAAaA,CAAI,GAC7BL,EAAM,QAAQ,wBAAwB,EAAE,WAAW,KAAM;AAAA,QAC5D;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,QAAQf,EAAK;AAAA,MACb,cAAcC;AAAA,MACd,cAAcI,EAAmB;AAAA,MACjC,aAAaL,EAAK;AAAA,MAClB,WAAWA,EAAK,QAAQ;AAAA,MACxB,sBAAsBE;AAAA,MACtB,UAAUK;AAAA,MACV,OAAAR;AAAA,IAAA;AAAA,EAAA;AAGT;"}

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

@@ -0,0 +1,12 @@
+import { Backup, PlanReplicationSettings } from '../../../@types';
+interface MirrorDetailsProps {
+    mirrors: Backup['mirrors'];
+    replicationSettings?: PlanReplicationSettings;
+    backupId: string;
+    backupTitle?: string;
+    planId: string;
+    close: () => void;
+}
+declare const MirrorDetails: ({ mirrors, backupId, backupTitle, planId, close }: MirrorDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export default MirrorDetails;
+//# sourceMappingURL=MirrorDetails.d.ts.map

package/dist-lib/components/Plan/Mirrors/MirrorDetails.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Mirrors/MirrorDetails.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAOlE,UAAU,kBAAkB;IACzB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,mDAAwD,kBAAkB,4CAgFhG,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist-lib/components/Plan/Mirrors/MirrorDetails.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { jsx as t, jsxs as s, Fragment as g } from "react/jsx-runtime";
+import { toast as v } from "react-toastify";
+import { useRetryFailedReplications as N } from "../../../services/backups.js";
+import { formatDuration as I, formatBytes as z } from "../../../utils/helpers.js";
+import n from "../../common/Icon/Icon.js";
+import R from "../../common/Modal/Modal.js";
+import i from "./MirrorDetails.module.scss.js";
+const P = ({ mirrors: o = [], backupId: l, backupTitle: c, planId: m, close: u }) => {
+  const d = N(), h = (e, r) => {
+    v.promise(d.mutateAsync({ backupId: e, planId: m, replicationId: r }), {
+      pending: "Retrying failed replication...",
+      success: "Replication retry queued!",
+      error: {
+        render({ data: a }) {
+          return `Failed to retry replication. ${(a == null ? void 0 : a.message) || "Unknown Error."}`;
+        }
+      }
+    });
+  };
+  return /* @__PURE__ */ t(R, { title: `Mirrors for ${c || "backup-" + l}`, closeModal: u, width: "560px", children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: i.mirrorList, children: o && o.length > 0 ? o.map((e, r) => {
+    const a = e.ended && e.started ? I((e.ended - e.started) / 1e3) : "N/A", p = e.size ? z(e.size) : "", y = e.status === "completed" ? "Completed" : e.status === "failed" ? "Failed" : e.status === "started" ? "In Progress" : "Pending", f = e.status === "completed" ? "check" : e.status === "failed" ? "error" : e.status === "started" ? "loading" : "clock";
+    return /* @__PURE__ */ s("div", { className: i.mirrorItem, children: [
+      /* @__PURE__ */ s("div", { className: i.mirrorItemContent, children: [
+        /* @__PURE__ */ s("div", { className: i.mirrorItemLabel, children: [
+          /* @__PURE__ */ t("img", { src: `/providers/${e.storageType}.png` }),
+          " ",
+          e.storageName,
+          " ",
+          e.status === "completed" && /* @__PURE__ */ s(g, { children: [
+            p && /* @__PURE__ */ s("i", { children: [
+              /* @__PURE__ */ t(n, { type: "disk", size: 12 }),
+              " ",
+              p
+            ] }),
+            " ",
+            /* @__PURE__ */ s("i", { children: [
+              /* @__PURE__ */ t(n, { type: "clock", size: 12 }),
+              " ",
+              a
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ s("div", { className: `${i.mirrorItemStatus} ${i[e.status]}`, children: [
+          e.status === "failed" && /* @__PURE__ */ s(
+            "button",
+            {
+              className: i.retryButton,
+              onClick: () => !d.isPending && h(l, e.replicationId),
+              children: [
+                /* @__PURE__ */ t(n, { type: "reload", size: 14 }),
+                " Retry"
+              ]
+            }
+          ),
+          " ",
+          /* @__PURE__ */ t(n, { type: f, size: 12 }),
+          " ",
+          y
+        ] })
+      ] }),
+      e.error && /* @__PURE__ */ t("div", { className: i.mirrorItemError, children: e.error })
+    ] }, r);
+  }) : /* @__PURE__ */ t("div", { children: "No mirrors available." }) }) }) });
+};
+export {
+  P as default
+};
+//# sourceMappingURL=MirrorDetails.js.map

package/dist-lib/components/Plan/Mirrors/MirrorDetails.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorDetails.js","sources":["../../../../src/components/Plan/Mirrors/MirrorDetails.tsx"],"sourcesContent":["import { toast } from 'react-toastify';\r\nimport { Backup, PlanReplicationSettings } from '../../../@types';\r\nimport { useRetryFailedReplications } from '../../../services';\r\nimport { formatBytes, formatDuration } from '../../../utils';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport classes from './MirrorDetails.module.scss';\r\n\r\ninterface MirrorDetailsProps {\r\n mirrors: Backup['mirrors'];\r\n replicationSettings?: PlanReplicationSettings;\r\n backupId: string;\r\n backupTitle?: string;\r\n planId: string;\r\n close: () => void;\r\n}\r\n\r\nconst MirrorDetails = ({ mirrors = [], backupId, backupTitle, planId, close }: MirrorDetailsProps) => {\r\n const retryReplicationsMutation = useRetryFailedReplications();\r\n\r\n const retryReplication = (backupId: string, replicationId: string) => {\r\n toast.promise(retryReplicationsMutation.mutateAsync({ backupId, planId, replicationId }), {\r\n pending: 'Retrying failed replication...',\r\n success: 'Replication retry queued!',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to retry replication. ${data?.message || 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <Modal title={`Mirrors for ${backupTitle ? backupTitle : 'backup-' + backupId}`} closeModal={close} width=\"560px\">\r\n <div>\r\n <div className={classes.mirrorList}>\r\n {mirrors && mirrors.length > 0 ? (\r\n mirrors.map((mirror, index) => {\r\n const duration = mirror.ended && mirror.started ? formatDuration((mirror.ended - mirror.started) / 1000) : 'N/A';\r\n const mirrorSize = mirror.size ? formatBytes(mirror.size) : '';\r\n const label =\r\n mirror.status === 'completed'\r\n ? 'Completed'\r\n : mirror.status === 'failed'\r\n ? 'Failed'\r\n : mirror.status === 'started'\r\n ? 'In Progress'\r\n : 'Pending';\r\n const iconType =\r\n mirror.status === 'completed'\r\n ? 'check'\r\n : mirror.status === 'failed'\r\n ? 'error'\r\n : mirror.status === 'started'\r\n ? 'loading'\r\n : 'clock';\r\n return (\r\n <div key={index} className={classes.mirrorItem}>\r\n <div className={classes.mirrorItemContent}>\r\n <div className={classes.mirrorItemLabel}>\r\n <img src={`/providers/${mirror.storageType}.png`} /> {mirror.storageName}{' '}\r\n {mirror.status === 'completed' && (\r\n <>\r\n {mirrorSize && (\r\n <i>\r\n <Icon type=\"disk\" size={12} /> {mirrorSize}\r\n </i>\r\n )}{' '}\r\n <i>\r\n <Icon type=\"clock\" size={12} /> {duration}\r\n </i>\r\n </>\r\n )}\r\n </div>\r\n <div className={`${classes.mirrorItemStatus} ${classes[mirror.status]}`}>\r\n {mirror.status === 'failed' && (\r\n <button\r\n className={classes.retryButton}\r\n onClick={() => !retryReplicationsMutation.isPending && retryReplication(backupId, mirror.replicationId)}\r\n >\r\n <Icon type={'reload'} size={14} /> Retry\r\n </button>\r\n )}{' '}\r\n <Icon type={iconType} size={12} /> {label}\r\n </div>\r\n </div>\r\n {mirror.error && <div className={classes.mirrorItemError}>{mirror.error}</div>}\r\n </div>\r\n );\r\n })\r\n ) : (\r\n <div>No mirrors available.</div>\r\n )}\r\n </div>\r\n </div>\r\n </Modal>\r\n );\r\n};\r\n\r\nexport default MirrorDetails;\r\n"],"names":["MirrorDetails","mirrors","backupId","backupTitle","planId","close","retryReplicationsMutation","useRetryFailedReplications","retryReplication","replicationId","toast","data","jsx","Modal","classes","mirror","index","duration","formatDuration","mirrorSize","formatBytes","label","iconType","jsxs","Fragment","Icon"],"mappings":"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"}

package/dist-lib/components/Plan/Mirrors/MirrorDetails.module.scss.js ADDED Viewed

@@ -0,0 +1,26 @@
+const r = "_mirrorStats_JajMt", t = "_mirrorList_dCuxC", o = "_mirrorItem_zhMdp", m = "_mirrorItemContent_TDhKm", e = "_mirrorItemLabel_rz7W2", i = "_mirrorItemStatus_hUqt8", s = "_retryButton_ev3G2", n = "_completed_tiETB", _ = "_failed_uDaJM", a = "_mirrorItemError_JRaxv", c = {
+  mirrorStats: r,
+  mirrorList: t,
+  mirrorItem: o,
+  mirrorItemContent: m,
+  mirrorItemLabel: e,
+  mirrorItemStatus: i,
+  retryButton: s,
+  completed: n,
+  failed: _,
+  mirrorItemError: a
+};
+export {
+  n as completed,
+  c as default,
+  _ as failed,
+  o as mirrorItem,
+  m as mirrorItemContent,
+  a as mirrorItemError,
+  e as mirrorItemLabel,
+  i as mirrorItemStatus,
+  t as mirrorList,
+  r as mirrorStats,
+  s as retryButton
+};
+//# sourceMappingURL=MirrorDetails.module.scss.js.map

package/dist-lib/components/Plan/Mirrors/MirrorDetails.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MirrorDetails.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,11 @@
+import { BackupMirror } from '../../../@types/backups';
+import { PlanReplicationSettings } from '../../../@types';
+interface MirrorStatusBadgeProps {
+    mirrors: BackupMirror[];
+    planId: string;
+    backupId: string;
+    replicationSettings?: PlanReplicationSettings;
+}
+declare const MirrorStatusBadge: ({ mirrors, planId, backupId, replicationSettings }: MirrorStatusBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MirrorStatusBadge;
+//# sourceMappingURL=MirrorStatusBadge.d.ts.map

package/dist-lib/components/Plan/Mirrors/MirrorStatusBadge.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Mirrors/MirrorStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,sBAAsB;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAChD;AAED,QAAA,MAAM,iBAAiB,GAAI,oDAAoD,sBAAsB,mDAgDpG,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist-lib/components/Plan/Mirrors/MirrorStatusBadge.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { jsxs as u, Fragment as h, jsx as o } from "react/jsx-runtime";
+import { useState as $ } from "react";
+import b from "../../common/Icon/Icon.js";
+import s from "./MirrorStatusBadge.module.scss.js";
+import M from "./MirrorDetails.js";
+const v = ({ mirrors: t, planId: d, backupId: c, replicationSettings: p }) => {
+  const [f, r] = $(!1);
+  if (!t || t.length === 0) return null;
+  const g = t.filter((e) => e.status === "completed").length, n = t.filter((e) => e.status === "failed").length, m = t.filter((e) => e.status === "started" || e.status === "pending").length, i = t.length;
+  let l = s.badge, a;
+  return m > 0 ? (l += ` ${s.badgeProgress}`, a = "Replicating...") : n === i ? (l += ` ${s.badgeFailed}`, a = "Replication failed") : n > 0 ? (l += ` ${s.badgePartial}`, a = `${g}/${i} mirrors`) : (l += ` ${s.badgeSuccess}`, a = `${i} mirror${i > 1 ? "s" : ""}`), /* @__PURE__ */ u(h, { children: [
+    /* @__PURE__ */ o(
+      "span",
+      {
+        className: l,
+        "data-tooltip-id": "htmlToolTip",
+        "data-tooltip-place": "top",
+        "data-tooltip-html": `<div>${a}</div>`,
+        onClick: () => r(!0),
+        children: /* @__PURE__ */ o(b, { type: "mirrors", size: 13 })
+      }
+    ),
+    f && /* @__PURE__ */ o(
+      M,
+      {
+        mirrors: t,
+        planId: d,
+        backupId: c,
+        replicationSettings: p,
+        close: () => r(!1)
+      }
+    )
+  ] });
+};
+export {
+  v as default
+};
+//# sourceMappingURL=MirrorStatusBadge.js.map

package/dist-lib/components/Plan/Mirrors/MirrorStatusBadge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStatusBadge.js","sources":["../../../../src/components/Plan/Mirrors/MirrorStatusBadge.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { BackupMirror } from '../../../@types/backups';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './MirrorStatusBadge.module.scss';\r\nimport MirrorDetails from './MirrorDetails';\r\nimport { PlanReplicationSettings } from '../../../@types';\r\n\r\ninterface MirrorStatusBadgeProps {\r\n mirrors: BackupMirror[];\r\n planId: string;\r\n backupId: string;\r\n replicationSettings?: PlanReplicationSettings;\r\n}\r\n\r\nconst MirrorStatusBadge = ({ mirrors, planId, backupId, replicationSettings }: MirrorStatusBadgeProps) => {\r\n const [showMirrorDetails, setShowMirrorDetails] = useState(false);\r\n if (!mirrors || mirrors.length === 0) return null;\r\n\r\n const completed = mirrors.filter((m) => m.status === 'completed').length;\r\n const failed = mirrors.filter((m) => m.status === 'failed').length;\r\n const inProgress = mirrors.filter((m) => m.status === 'started' || m.status === 'pending').length;\r\n const total = mirrors.length;\r\n\r\n let badgeClass = classes.badge;\r\n let label: string;\r\n\r\n if (inProgress > 0) {\r\n badgeClass += ` ${classes.badgeProgress}`;\r\n label = 'Replicating...';\r\n } else if (failed === total) {\r\n badgeClass += ` ${classes.badgeFailed}`;\r\n label = 'Replication failed';\r\n } else if (failed > 0) {\r\n badgeClass += ` ${classes.badgePartial}`;\r\n label = `${completed}/${total} mirrors`;\r\n } else {\r\n badgeClass += ` ${classes.badgeSuccess}`;\r\n label = `${total} mirror${total > 1 ? 's' : ''}`;\r\n }\r\n\r\n return (\r\n <>\r\n <span\r\n className={badgeClass}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div>${label}</div>`}\r\n onClick={() => setShowMirrorDetails(true)}\r\n >\r\n <Icon type={'mirrors'} size={13} />\r\n </span>\r\n {showMirrorDetails && (\r\n <MirrorDetails\r\n mirrors={mirrors}\r\n planId={planId}\r\n backupId={backupId}\r\n replicationSettings={replicationSettings}\r\n close={() => setShowMirrorDetails(false)}\r\n />\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport default MirrorStatusBadge;\r\n"],"names":["MirrorStatusBadge","mirrors","planId","backupId","replicationSettings","showMirrorDetails","setShowMirrorDetails","useState","completed","m","failed","inProgress","total","badgeClass","classes","label","jsxs","Fragment","jsx","Icon","MirrorDetails"],"mappings":";;;;;AAcA,MAAMA,IAAoB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,GAAU,qBAAAC,QAAkD;AACvG,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK;AAChE,MAAI,CAACN,KAAWA,EAAQ,WAAW,EAAG,QAAO;AAE7C,QAAMO,IAAYP,EAAQ,OAAO,CAACQ,MAAMA,EAAE,WAAW,WAAW,EAAE,QAC5DC,IAAST,EAAQ,OAAO,CAACQ,MAAMA,EAAE,WAAW,QAAQ,EAAE,QACtDE,IAAaV,EAAQ,OAAO,CAACQ,MAAMA,EAAE,WAAW,aAAaA,EAAE,WAAW,SAAS,EAAE,QACrFG,IAAQX,EAAQ;AAEtB,MAAIY,IAAaC,EAAQ,OACrBC;AAEJ,SAAIJ,IAAa,KACdE,KAAc,IAAIC,EAAQ,aAAa,IACvCC,IAAQ,oBACAL,MAAWE,KACnBC,KAAc,IAAIC,EAAQ,WAAW,IACrCC,IAAQ,wBACAL,IAAS,KACjBG,KAAc,IAAIC,EAAQ,YAAY,IACtCC,IAAQ,GAAGP,CAAS,IAAII,CAAK,eAE7BC,KAAc,IAAIC,EAAQ,YAAY,IACtCC,IAAQ,GAAGH,CAAK,UAAUA,IAAQ,IAAI,MAAM,EAAE,KAI9C,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWL;AAAA,QACX,mBAAgB;AAAA,QAChB,sBAAmB;AAAA,QACnB,qBAAmB,QAAQE,CAAK;AAAA,QAChC,SAAS,MAAMT,EAAqB,EAAI;AAAA,QAExC,UAAA,gBAAAY,EAACC,GAAA,EAAK,MAAM,WAAW,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnCd,KACE,gBAAAa;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,SAAAnB;AAAA,QACA,QAAAC;AAAA,QACA,UAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,OAAO,MAAME,EAAqB,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1C,GAEN;AAEN;"}

package/dist-lib/components/Plan/Mirrors/MirrorStatusBadge.module.scss.js ADDED Viewed

@@ -0,0 +1,16 @@
+const a = "_badge_SCAkD", e = "_badgeSuccess_5S0v2", s = "_badgePartial_sImxO", d = "_badgeFailed_T70Tk", g = "_badgeProgress_cuxYi", b = {
+  badge: a,
+  badgeSuccess: e,
+  badgePartial: s,
+  badgeFailed: d,
+  badgeProgress: g
+};
+export {
+  a as badge,
+  d as badgeFailed,
+  s as badgePartial,
+  g as badgeProgress,
+  e as badgeSuccess,
+  b as default
+};
+//# sourceMappingURL=MirrorStatusBadge.module.scss.js.map

package/dist-lib/components/Plan/Mirrors/MirrorStatusBadge.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MirrorStatusBadge.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,14 @@
+import { BackupMirror } from '../../../@types/backups';
+interface MirrorStorageSelectorProps {
+    mirrors: BackupMirror[];
+    primaryStorage: {
+        id: string;
+        type: string;
+        name: string;
+    };
+    onChange: (replicationId?: string) => void;
+    selectedReplicationId?: string;
+}
+declare const MirrorStorageSelector: ({ mirrors, primaryStorage, onChange, selectedReplicationId }: MirrorStorageSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default MirrorStorageSelector;
+//# sourceMappingURL=MirrorStorageSelector.d.ts.map

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelector.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStorageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Mirrors/MirrorStorageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,UAAU,0BAA0B;IACjC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,qBAAqB,GAAI,8DAA8D,0BAA0B,4CAuDtH,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelector.js ADDED Viewed

@@ -0,0 +1,54 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useState as N } from "react";
+import p from "../../common/Icon/Icon.js";
+import e from "./MirrorStorageSelector.module.scss.js";
+const $ = ({ mirrors: i, primaryStorage: r, onChange: o, selectedReplicationId: m }) => {
+  const [l, d] = N(m), h = i.filter((a) => a.status === "completed");
+  return /* @__PURE__ */ s("div", { className: e.mirrorSelector, children: /* @__PURE__ */ c("div", { className: e.selectorContent, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: e.storageOption,
+        onClick: () => {
+          d(void 0), o(void 0);
+        },
+        children: [
+          /* @__PURE__ */ s("span", { className: `${e.radio} ${l === void 0 ? e.radioSelected : ""}`, children: /* @__PURE__ */ s(p, { type: l === void 0 ? "check-circle-filled" : "check-circle", size: 16 }) }),
+          /* @__PURE__ */ c("span", { className: e.storageName, children: [
+            /* @__PURE__ */ s("img", { src: `/providers/${r.type}.png` }),
+            r.name,
+            /* @__PURE__ */ s("span", { className: e.storageLabel, children: "Primary" })
+          ] })
+        ]
+      }
+    ),
+    i.map((a) => {
+      const t = a.status === "completed", n = l === a.replicationId;
+      return /* @__PURE__ */ c(
+        "div",
+        {
+          className: `${e.storageOption} ${t ? "" : e.storageDisabled}`,
+          onClick: () => {
+            t && (d(a.replicationId), o(a.replicationId));
+          },
+          children: [
+            /* @__PURE__ */ s("span", { className: `${e.radio} ${n ? e.radioSelected : ""}`, children: /* @__PURE__ */ s(p, { type: n ? "check-circle-filled" : "check-circle", size: 16 }) }),
+            /* @__PURE__ */ c("span", { className: e.storageName, children: [
+              /* @__PURE__ */ s("img", { src: `/providers/${a.storageType}.png` }),
+              " ",
+              a.storageName,
+              /* @__PURE__ */ s("span", { className: e.storageLabel, children: "Mirror" })
+            ] }),
+            !t && /* @__PURE__ */ s("span", { className: e.statusLabel, children: a.status })
+          ]
+        },
+        a.replicationId
+      );
+    }),
+    h.length === 0 && /* @__PURE__ */ s("div", { className: e.noMirrors, children: "No completed mirrors available. Only the primary storage can be used." })
+  ] }) });
+};
+export {
+  $ as default
+};
+//# sourceMappingURL=MirrorStorageSelector.js.map

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStorageSelector.js","sources":["../../../../src/components/Plan/Mirrors/MirrorStorageSelector.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { BackupMirror } from '../../../@types/backups';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './MirrorStorageSelector.module.scss';\r\n\r\ninterface MirrorStorageSelectorProps {\r\n mirrors: BackupMirror[];\r\n primaryStorage: { id: string; type: string; name: string };\r\n onChange: (replicationId?: string) => void;\r\n selectedReplicationId?: string;\r\n}\r\n\r\nconst MirrorStorageSelector = ({ mirrors, primaryStorage, onChange, selectedReplicationId }: MirrorStorageSelectorProps) => {\r\n const [selected, setSelected] = useState<string | undefined>(selectedReplicationId);\r\n const completedMirrors = mirrors.filter((m) => m.status === 'completed');\r\n\r\n return (\r\n <div className={classes.mirrorSelector}>\r\n <div className={classes.selectorContent}>\r\n <div\r\n className={classes.storageOption}\r\n onClick={() => {\r\n setSelected(undefined);\r\n onChange(undefined);\r\n }}\r\n >\r\n <span className={`${classes.radio} ${selected === undefined ? classes.radioSelected : ''}`}>\r\n <Icon type={selected === undefined ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n </span>\r\n <span className={classes.storageName}>\r\n <img src={`/providers/${primaryStorage.type}.png`} />\r\n {primaryStorage.name}\r\n <span className={classes.storageLabel}>Primary</span>\r\n </span>\r\n </div>\r\n {mirrors.map((mirror) => {\r\n const isCompleted = mirror.status === 'completed';\r\n const isSelected = selected === mirror.replicationId;\r\n return (\r\n <div\r\n key={mirror.replicationId}\r\n className={`${classes.storageOption} ${!isCompleted ? classes.storageDisabled : ''}`}\r\n onClick={() => {\r\n if (isCompleted) {\r\n setSelected(mirror.replicationId);\r\n onChange(mirror.replicationId);\r\n }\r\n }}\r\n >\r\n <span className={`${classes.radio} ${isSelected ? classes.radioSelected : ''}`}>\r\n <Icon type={isSelected ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n </span>\r\n\r\n <span className={classes.storageName}>\r\n <img src={`/providers/${mirror.storageType}.png`} /> {mirror.storageName}\r\n <span className={classes.storageLabel}>Mirror</span>\r\n </span>\r\n {!isCompleted && <span className={classes.statusLabel}>{mirror.status}</span>}\r\n </div>\r\n );\r\n })}\r\n {completedMirrors.length === 0 && (\r\n <div className={classes.noMirrors}>No completed mirrors available. Only the primary storage can be used.</div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default MirrorStorageSelector;\r\n"],"names":["MirrorStorageSelector","mirrors","primaryStorage","onChange","selectedReplicationId","selected","setSelected","useState","completedMirrors","m","jsx","classes","jsxs","Icon","mirror","isCompleted","isSelected"],"mappings":";;;;AAYA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,UAAAC,GAAU,uBAAAC,QAAwD;AACzH,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA6BH,CAAqB,GAC5EI,IAAmBP,EAAQ,OAAO,CAACQ,MAAMA,EAAE,WAAW,WAAW;AAEvE,SACG,gBAAAC,EAAC,SAAI,WAAWC,EAAQ,gBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,iBACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWD,EAAQ;AAAA,QACnB,SAAS,MAAM;AACZ,UAAAL,EAAY,MAAS,GACrBH,EAAS,MAAS;AAAA,QACrB;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAW,GAAGC,EAAQ,KAAK,IAAIN,MAAa,SAAYM,EAAQ,gBAAgB,EAAE,IACrF,UAAA,gBAAAD,EAACG,KAAK,MAAMR,MAAa,SAAY,wBAAwB,gBAAgB,MAAM,GAAA,CAAI,EAAA,CAC1F;AAAA,UACA,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAQ,aACtB,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,KAAK,cAAcR,EAAe,IAAI,QAAQ;AAAA,YAClDA,EAAe;AAAA,YAChB,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAQ,cAAc,UAAA,UAAA,CAAO;AAAA,UAAA,EAAA,CACjD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFV,EAAQ,IAAI,CAACa,MAAW;AACtB,YAAMC,IAAcD,EAAO,WAAW,aAChCE,IAAaX,MAAaS,EAAO;AACvC,aACG,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UAEE,WAAW,GAAGD,EAAQ,aAAa,IAAKI,IAAwC,KAA1BJ,EAAQ,eAAoB;AAAA,UAClF,SAAS,MAAM;AACZ,YAAII,MACDT,EAAYQ,EAAO,aAAa,GAChCX,EAASW,EAAO,aAAa;AAAA,UAEnC;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAJ,EAAC,UAAK,WAAW,GAAGC,EAAQ,KAAK,IAAIK,IAAaL,EAAQ,gBAAgB,EAAE,IACzE,UAAA,gBAAAD,EAACG,KAAK,MAAMG,IAAa,wBAAwB,gBAAgB,MAAM,IAAI,EAAA,CAC9E;AAAA,YAEA,gBAAAJ,EAAC,QAAA,EAAK,WAAWD,EAAQ,aACtB,UAAA;AAAA,cAAA,gBAAAD,EAAC,OAAA,EAAI,KAAK,cAAcI,EAAO,WAAW,QAAQ;AAAA,cAAE;AAAA,cAAEA,EAAO;AAAA,cAC7D,gBAAAJ,EAAC,QAAA,EAAK,WAAWC,EAAQ,cAAc,UAAA,SAAA,CAAM;AAAA,YAAA,GAChD;AAAA,YACC,CAACI,KAAe,gBAAAL,EAAC,QAAA,EAAK,WAAWC,EAAQ,aAAc,YAAO,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBjEG,EAAO;AAAA,MAAA;AAAA,IAoBrB,CAAC;AAAA,IACAN,EAAiB,WAAW,KAC1B,gBAAAE,EAAC,SAAI,WAAWC,EAAQ,WAAW,UAAA,wEAAA,CAAqE;AAAA,EAAA,EAAA,CAE9G,EAAA,CACH;AAEN;"}

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelector.module.scss.js ADDED Viewed

@@ -0,0 +1,26 @@
+const e = "_mirrorSelector_y0ECo", o = "_selectorContent_cgIRF", t = "_storageOption_tiSyM", r = "_storageDisabled_bPY9v", s = "_radio_nZrxw", a = "_radioSelected_LIr94", n = "_storageName_6lkh6", c = "_storageLabel_5O9xC", l = "_statusLabel_eT2WS", _ = "_noMirrors_VlmK6", i = {
+  mirrorSelector: e,
+  selectorContent: o,
+  storageOption: t,
+  storageDisabled: r,
+  radio: s,
+  radioSelected: a,
+  storageName: n,
+  storageLabel: c,
+  statusLabel: l,
+  noMirrors: _
+};
+export {
+  i as default,
+  e as mirrorSelector,
+  _ as noMirrors,
+  s as radio,
+  a as radioSelected,
+  o as selectorContent,
+  l as statusLabel,
+  r as storageDisabled,
+  c as storageLabel,
+  n as storageName,
+  t as storageOption
+};
+//# sourceMappingURL=MirrorStorageSelector.module.scss.js.map

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelector.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MirrorStorageSelector.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+import { BackupMirror } from '../../../@types/backups';
+interface MirrorStorageSelectorProps {
+    mirrors: BackupMirror[];
+    primaryStorage: {
+        id: string;
+        type: string;
+        name: string;
+    };
+    onSelect: (replicationId?: string) => void;
+    onClose: () => void;
+    actionLabel?: string;
+}
+declare const MirrorStorageSelectorModal: ({ mirrors, primaryStorage, onSelect, onClose, actionLabel }: MirrorStorageSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default MirrorStorageSelectorModal;
+//# sourceMappingURL=MirrorStorageSelectorModal.d.ts.map

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelectorModal.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStorageSelectorModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Mirrors/MirrorStorageSelectorModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,UAAU,0BAA0B;IACjC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,0BAA0B,GAAI,6DAA0E,0BAA0B,4CAwBvI,CAAC;AAEF,eAAe,0BAA0B,CAAC"}