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

@plutonhq/core-frontend 0.1.23 → 0.1.25

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

Files changed (143) hide show

package/dist-lib/components/Plan/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/PlanSettings/PlanNotificationSettings.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanNotificationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanNotificationSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAwB,MAAM,uBAAuB,CAAC;AAK/E,UAAU,6BAA6B;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,QAAQ,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7D;AAED,QAAA,MAAM,wBAAwB,GAAI,2FAQ/B,6BAA6B,~~4CAoL~~/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
1	+ {"version":3,"file":"PlanNotificationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanNotificationSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAwB,MAAM,uBAAuB,CAAC;AAK/E,UAAU,6BAA6B;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,QAAQ,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7D;AAED,QAAA,MAAM,wBAAwB,GAAI,2FAQ/B,6BAA6B,4CAqP/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -1,92 +1,92 @@
-import { jsxs as a, Fragment as G, jsx as d } from "react/jsx-runtime";
-import e from "./PlanSettings.module.scss.js";
-import c from "../../common/form/Select/Select.js";
-import v from "../../common/form/Input/Input.js";
-import N from "../../common/form/Toggle/Toggle.js";
-import { NavLink as H } from "react-router";
-import U from "./PlanNotificationSettingsTester.js";
-import k from "../../common/Icon/Icon.js";
-const o = ({
-  planID: p,
-  isSync: h,
-  types: W = [],
-  admin_email: x = "",
+import { jsxs as u, Fragment as _, jsx as e } from "react/jsx-runtime";
+import d from "./PlanSettings.module.scss.js";
+import N from "../../common/form/Select/Select.js";
+import m from "../../common/form/Input/Input.js";
+import b from "../../common/form/Toggle/Toggle.js";
+import { NavLink as K } from "react-router";
+import Q from "./PlanNotificationSettingsTester.js";
+import v from "../../common/Icon/Icon.js";
+const el = ({
+  planID: k,
+  isSync: s,
+  types: x = [],
+  admin_email: y = "",
   notificationSettings: l,
-  notificationType: $ = "backup",
-  onUpdate: u
+  notificationType: V = "backup",
+  onUpdate: a
 }) => {
-  var E, V, O, T, q, R, w, y, F, I, j, z, B, C, D, L, P;
-  const s = W.length > 0, A = !s && x ? x : "", M = (r) => {
-    u({ ...l, email: { ...l.email, emails: r } });
-  }, b = [
+  var $, T, E, O, q, P, R, w, z, B, C, F, I, L, U, j, D, A, W, M, G, H, J;
+  const c = x.length > 0, X = !c && y ? y : "", Y = x.includes("ntfy"), Z = (r) => {
+    a({ ...l, email: { ...l.email, emails: r } });
+  }, p = [
     { label: "On Start", value: "start" },
     { label: "On End", value: "end" },
     { label: "On Both Start & End", value: "both" },
     { label: "On Success Only", value: "success" },
     { label: "On Failure Only", value: "failure" }
   ];
-  return /* @__PURE__ */ a(G, { children: [
-    /* @__PURE__ */ a("div", { className: e.notificationSettingsSection, children: [
-      /* @__PURE__ */ a("div", { className: `${e.field} ${e.notificationToggle}`, children: [
-        /* @__PURE__ */ d(k, { type: "email", size: 14 }),
-        /* @__PURE__ */ d(
-          N,
+  return /* @__PURE__ */ u(_, { children: [
+    /* @__PURE__ */ u("div", { className: d.notificationSettingsSection, children: [
+      /* @__PURE__ */ u("div", { className: `${d.field} ${d.notificationToggle}`, children: [
+        /* @__PURE__ */ e(v, { type: "email", size: 14 }),
+        /* @__PURE__ */ e(
+          b,
           {
             label: "Enable Email Notifications",
-            fieldValue: ((E = l == null ? void 0 : l.email) == null ? void 0 : E.enabled) || !1,
-            onUpdate: (r) => u({ ...l, email: { ...l.email, enabled: r } }),
+            fieldValue: (($ = l == null ? void 0 : l.email) == null ? void 0 : $.enabled) || !1,
+            onUpdate: (r) => a({ ...l, email: { ...l.email, enabled: r } }),
             hint: "Notify me via email when Backup fails or succeeds",
             inline: !0
           }
         )
       ] }),
-      ((V = l == null ? void 0 : l.email) == null ? void 0 : V.enabled) && /* @__PURE__ */ a("div", { className: e.notificationSettings, children: [
-        !h && /* @__PURE__ */ d("div", { className: e.field, children: /* @__PURE__ */ d(
-          c,
+      ((T = l == null ? void 0 : l.email) == null ? void 0 : T.enabled) && /* @__PURE__ */ u("div", { className: d.notificationSettings, children: [
+        !s && /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          N,
           {
             label: "Send Notification",
-            fieldValue: ((O = l == null ? void 0 : l.email) == null ? void 0 : O.case) || "failure",
-            options: b,
-            onUpdate: (r) => u({ ...l, email: { ...l.email, case: r } }),
+            fieldValue: ((E = l == null ? void 0 : l.email) == null ? void 0 : E.case) || "failure",
+            options: p,
+            onUpdate: (r) => a({ ...l, email: { ...l.email, case: r } }),
             inline: !0
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: e.field, children: [
-          /* @__PURE__ */ d(
-            v,
+        /* @__PURE__ */ u("div", { className: d.field, children: [
+          /* @__PURE__ */ e(
+            m,
             {
               label: "Email Addresses",
-              fieldValue: ((T = l == null ? void 0 : l.email) == null ? void 0 : T.emails) || A,
-              onUpdate: (r) => M(r),
+              fieldValue: ((O = l == null ? void 0 : l.email) == null ? void 0 : O.emails) || X,
+              onUpdate: (r) => Z(r),
               placeholder: "john@gmail.com, chris@icloud.com",
               full: !0,
               inline: !0,
               required: !0,
-              disabled: !s,
+              disabled: !c,
               error: (q = l == null ? void 0 : l.email) != null && q.emails ? void 0 : "Required"
             }
           ),
-          !s && /* @__PURE__ */ a("div", { className: e.fieldNotice, children: [
+          !c && /* @__PURE__ */ u("div", { className: d.fieldNotice, children: [
             "⚠️ SMTP has not been setup yet. Set it up in ",
-            /* @__PURE__ */ d(H, { to: "/settings?t=integration", children: "Settings" }),
+            /* @__PURE__ */ e(K, { to: "/settings?t=integration", children: "Settings" }),
             " to enable Email Notification."
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: e.notificationSettingsSection, children: [
-      /* @__PURE__ */ a("div", { className: `${e.field} ${e.notificationToggle}`, children: [
-        /* @__PURE__ */ d(k, { type: "slack", size: 14 }),
-        /* @__PURE__ */ d(
-          N,
+    /* @__PURE__ */ u("div", { className: d.notificationSettingsSection, children: [
+      /* @__PURE__ */ u("div", { className: `${d.field} ${d.notificationToggle}`, children: [
+        /* @__PURE__ */ e(v, { type: "slack", size: 14 }),
+        /* @__PURE__ */ e(
+          b,
           {
             label: "Enable Slack Notifications",
-            fieldValue: ((R = l == null ? void 0 : l.slack) == null ? void 0 : R.enabled) || !1,
+            fieldValue: ((P = l == null ? void 0 : l.slack) == null ? void 0 : P.enabled) || !1,
             onUpdate: (r) => {
-              var m;
-              return u({
+              var h;
+              return a({
                 ...l,
-                slack: { ...l.slack, enabled: r, url: ((m = l.slack) == null ? void 0 : m.url) || "" }
+                slack: { ...l.slack, enabled: r, url: ((h = l.slack) == null ? void 0 : h.url) || "" }
               });
             },
             hint: "Send notifications to a Slack channel via webhook",
@@ -94,54 +94,54 @@ const o = ({
           }
         )
       ] }),
-      ((w = l == null ? void 0 : l.slack) == null ? void 0 : w.enabled) && /* @__PURE__ */ a("div", { className: e.notificationSettings, children: [
-        !h && /* @__PURE__ */ d("div", { className: e.field, children: /* @__PURE__ */ d(
-          c,
+      ((R = l == null ? void 0 : l.slack) == null ? void 0 : R.enabled) && /* @__PURE__ */ u("div", { className: d.notificationSettings, children: [
+        !s && /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          N,
           {
             label: "Send Slack Notification",
-            fieldValue: ((y = l == null ? void 0 : l.slack) == null ? void 0 : y.case) || "failure",
-            options: b,
-            onUpdate: (r) => u({ ...l, slack: { ...l.slack, case: r } }),
+            fieldValue: ((w = l == null ? void 0 : l.slack) == null ? void 0 : w.case) || "failure",
+            options: p,
+            onUpdate: (r) => a({ ...l, slack: { ...l.slack, case: r } }),
             inline: !0
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: e.field, children: /* @__PURE__ */ d(
-          v,
+        /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          m,
           {
             label: "Slack Webhook URL",
-            fieldValue: ((F = l == null ? void 0 : l.slack) == null ? void 0 : F.url) || "",
-            onUpdate: (r) => u({ ...l, slack: { ...l.slack, url: r } }),
+            fieldValue: ((z = l == null ? void 0 : l.slack) == null ? void 0 : z.url) || "",
+            onUpdate: (r) => a({ ...l, slack: { ...l.slack, url: r } }),
             placeholder: "https://hooks.slack.com/services/T00/B00/xxxx",
             required: !0,
             inline: !0,
             full: !0,
-            error: (I = l == null ? void 0 : l.slack) != null && I.enabled && !((j = l == null ? void 0 : l.slack) != null && j.url) ? "Required" : void 0
+            error: (B = l == null ? void 0 : l.slack) != null && B.enabled && !((C = l == null ? void 0 : l.slack) != null && C.url) ? "Required" : void 0
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: `${e.field} ${e.notificationTestField}`, children: /* @__PURE__ */ d(
-          U,
+        /* @__PURE__ */ e("div", { className: `${d.field} ${d.notificationTestField}`, children: /* @__PURE__ */ e(
+          Q,
           {
-            planId: p || "",
+            planId: k || "",
             notificationChannel: "slack",
             notificationSettings: l,
-            notificationType: $
+            notificationType: V
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: e.notificationSettingsSection, children: [
-      /* @__PURE__ */ a("div", { className: `${e.field} ${e.notificationToggle}`, children: [
-        /* @__PURE__ */ d(k, { type: "discord", size: 14 }),
-        /* @__PURE__ */ d(
-          N,
+    /* @__PURE__ */ u("div", { className: d.notificationSettingsSection, children: [
+      /* @__PURE__ */ u("div", { className: `${d.field} ${d.notificationToggle}`, children: [
+        /* @__PURE__ */ e(v, { type: "discord", size: 14 }),
+        /* @__PURE__ */ e(
+          b,
           {
             label: "Send Discord Notifications",
-            fieldValue: ((z = l == null ? void 0 : l.discord) == null ? void 0 : z.enabled) || !1,
+            fieldValue: ((F = l == null ? void 0 : l.discord) == null ? void 0 : F.enabled) || !1,
             onUpdate: (r) => {
-              var m;
-              return u({
+              var h;
+              return a({
                 ...l,
-                discord: { ...l.discord, enabled: r, url: ((m = l.discord) == null ? void 0 : m.url) || "" }
+                discord: { ...l.discord, enabled: r, url: ((h = l.discord) == null ? void 0 : h.url) || "" }
               });
             },
             hint: "Send notifications to a Discord channel via webhook",
@@ -149,44 +149,102 @@ const o = ({
           }
         )
       ] }),
-      ((B = l == null ? void 0 : l.discord) == null ? void 0 : B.enabled) && /* @__PURE__ */ a("div", { className: e.notificationSettings, children: [
-        !h && /* @__PURE__ */ d("div", { className: e.field, children: /* @__PURE__ */ d(
-          c,
+      ((I = l == null ? void 0 : l.discord) == null ? void 0 : I.enabled) && /* @__PURE__ */ u("div", { className: d.notificationSettings, children: [
+        !s && /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          N,
           {
             label: "Send Discord Notification",
-            fieldValue: ((C = l == null ? void 0 : l.discord) == null ? void 0 : C.case) || "failure",
-            options: b,
-            onUpdate: (r) => u({ ...l, discord: { ...l.discord, case: r } }),
+            fieldValue: ((L = l == null ? void 0 : l.discord) == null ? void 0 : L.case) || "failure",
+            options: p,
+            onUpdate: (r) => a({ ...l, discord: { ...l.discord, case: r } }),
             inline: !0
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: e.field, children: /* @__PURE__ */ d(
-          v,
+        /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          m,
           {
             label: "Discord Webhook URL",
-            fieldValue: ((D = l == null ? void 0 : l.discord) == null ? void 0 : D.url) || "",
-            onUpdate: (r) => u({ ...l, discord: { ...l.discord, url: r } }),
+            fieldValue: ((U = l == null ? void 0 : l.discord) == null ? void 0 : U.url) || "",
+            onUpdate: (r) => a({ ...l, discord: { ...l.discord, url: r } }),
             placeholder: "https://discord.com/api/webhooks/xxxx/xxxx",
             required: !0,
             inline: !0,
             full: !0,
-            error: (L = l == null ? void 0 : l.discord) != null && L.enabled && !((P = l == null ? void 0 : l.discord) != null && P.url) ? "Required" : void 0
+            error: (j = l == null ? void 0 : l.discord) != null && j.enabled && !((D = l == null ? void 0 : l.discord) != null && D.url) ? "Required" : void 0
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: `${e.field} ${e.notificationTestField}`, children: /* @__PURE__ */ d(
-          U,
+        /* @__PURE__ */ e("div", { className: `${d.field} ${d.notificationTestField}`, children: /* @__PURE__ */ e(
+          Q,
           {
-            planId: p || "",
+            planId: k || "",
             notificationChannel: "discord",
-            notificationType: $,
+            notificationType: V,
             notificationSettings: l
           }
         ) })
       ] })
+    ] }),
+    /* @__PURE__ */ u("div", { className: d.notificationSettingsSection, children: [
+      /* @__PURE__ */ u("div", { className: `${d.field} ${d.notificationToggle}`, children: [
+        /* @__PURE__ */ e(v, { type: "ntfy", size: 14 }),
+        /* @__PURE__ */ e(
+          b,
+          {
+            label: "Enable Ntfy Push Notifications",
+            fieldValue: ((A = l == null ? void 0 : l.push) == null ? void 0 : A.enabled) || !1,
+            onUpdate: (r) => a({ ...l, push: { ...l.push, enabled: r } }),
+            hint: "Send me Push Notifications on Backup failure or success.",
+            inline: !0
+          }
+        )
+      ] }),
+      ((W = l.push) == null ? void 0 : W.enabled) && (Y ? /* @__PURE__ */ u("div", { className: d.notificationSettings, children: [
+        !s && /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          N,
+          {
+            label: "Send Notification On",
+            fieldValue: ((M = l == null ? void 0 : l.push) == null ? void 0 : M.case) || "failure",
+            options: p,
+            onUpdate: (r) => a({
+              ...l,
+              push: { ...l.push, case: r }
+            }),
+            inline: !0
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          m,
+          {
+            label: "Ntfy Push URL",
+            fieldValue: ((G = l == null ? void 0 : l.push) == null ? void 0 : G.url) || "",
+            onUpdate: (r) => a({ ...l, push: { ...l.push, url: r } }),
+            placeholder: "https://ntfy.sh/mytopic",
+            inline: !0,
+            required: !0,
+            full: !0,
+            error: (H = l == null ? void 0 : l.push) != null && H.url ? void 0 : "Required"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+          m,
+          {
+            label: "Tags",
+            fieldValue: ((J = l == null ? void 0 : l.push) == null ? void 0 : J.tags) || "",
+            onUpdate: (r) => a({ ...l, push: { ...l.push, tags: r } }),
+            placeholder: "warning, daily-backup",
+            inline: !0,
+            full: !0
+          }
+        ) })
+      ] }) : /* @__PURE__ */ e("div", { className: d.notificationSettings, children: /* @__PURE__ */ u("div", { className: d.fieldNotice, children: [
+        "⚠️ Ntfy Auth Token is not configured. Set it up in ",
+        /* @__PURE__ */ e(K, { to: "/settings?t=integration", children: "Settings" }),
+        " to enable Ntfy Push Notifications."
+      ] }) }))
     ] })
   ] });
 };
 export {
-  o as default
+  el as default
 };
 //# sourceMappingURL=PlanNotificationSettings.js.map