@plutonhq/core-frontend 0.0.1

package/dist/components/Restore/RestoredFileBrowser/RestoredFileBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoredFileBrowser.js","sources":["../../../../src/components/Restore/RestoredFileBrowser/RestoredFileBrowser.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\r\nimport { FixedSizeList as List } from 'react-window';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './RestoredFileBrowser.module.scss';\r\nimport { RestoredFileItem, RestoredItemsStats } from '../../../@types/restores';\r\nimport { formatBytes, formatNumberToK, isMobile } from '../../../utils/helpers';\r\nimport { getParentPath, getPathSeparator, normalizePath, splitPath } from '../../../utils/restore';\r\nimport FileIcon from '../../common/FileIcon/FileIcon';\r\n\r\ninterface RestoredFileBrowserProps {\r\n   files: RestoredFileItem[];\r\n   stats?: RestoredItemsStats;\r\n}\r\n\r\nconst isMobileDevice = isMobile();\r\nconst ITEM_HEIGHT = isMobileDevice ? 65 : 45;\r\n\r\nconst RestoredFileBrowser = ({ files, stats }: RestoredFileBrowserProps) => {\r\n   const [selectedFolder, setSelectedFolder] = useState<string>('');\r\n   const [search, setSearch] = useState('');\r\n   const [filters, setFilters] = useState({\r\n      unchanged: true,\r\n      restored: true,\r\n      updated: true,\r\n   });\r\n\r\n   const [expandedFolders, setExpandedFolders] = useState<Set<string>>(() => {\r\n      const allPaths = new Set<string>();\r\n      files.forEach((file) => {\r\n         const separator = getPathSeparator(file.path);\r\n         const parts = splitPath(file.path);\r\n         let currentPath = '';\r\n\r\n         parts.forEach((part, index) => {\r\n            currentPath = currentPath ? `${currentPath}${separator}${part}` : part;\r\n            // Only expand folders up to 5 levels deep (index < 5)\r\n            if (index < 3) {\r\n               allPaths.add(currentPath);\r\n            }\r\n         });\r\n      });\r\n      return allPaths;\r\n   });\r\n\r\n   const fileSystem = useMemo(() => {\r\n      const system: { [key: string]: RestoredFileItem[] } = {};\r\n\r\n      files\r\n         .filter((file) => {\r\n            const matchesSearch = file.path.toLowerCase().includes(search.toLowerCase());\r\n            const matchesFilter = filters[file.action];\r\n            return matchesSearch && matchesFilter;\r\n         })\r\n         .forEach((file) => {\r\n            const dirPath = getParentPath(file.path);\r\n            // Use the normalized path as key\r\n            const normalizedDirPath = normalizePath(dirPath);\r\n\r\n            if (normalizedDirPath) {\r\n               if (!system[normalizedDirPath]) {\r\n                  system[normalizedDirPath] = [];\r\n               }\r\n               system[normalizedDirPath].push(file);\r\n            }\r\n         });\r\n\r\n      return system;\r\n   }, [files, search, filters]);\r\n\r\n   const directories = useMemo(() => {\r\n      const dirs = new Set<string>();\r\n      Object.keys(fileSystem).forEach((path) => {\r\n         const separator = getPathSeparator(path);\r\n         const parts = splitPath(path);\r\n         let currentPath = '';\r\n\r\n         parts.forEach((part) => {\r\n            currentPath = currentPath ? `${currentPath}${separator}${part}` : part;\r\n            if (currentPath) {\r\n               dirs.add(currentPath);\r\n            }\r\n         });\r\n      });\r\n      const dirsArray = Array.from(dirs);\r\n\r\n      // Set the first directory as selected by default\r\n      console.log('SelectedFolder :', dirsArray[0]);\r\n      setSelectedFolder(dirsArray[0] || '');\r\n\r\n      return dirsArray;\r\n   }, [fileSystem]);\r\n\r\n   const hasSubdirectories = (dir: string) => {\r\n      const separator = getPathSeparator(dir);\r\n      return directories.some((d) => d !== dir && d.startsWith(dir + separator));\r\n   };\r\n\r\n   const hasUpdatedContent = (dir: string) => {\r\n      return Object.entries(fileSystem).some(([path, files]) => {\r\n         return path.startsWith(dir) && files.some((f) => f.action === 'restored' || f.action === 'updated');\r\n      });\r\n   };\r\n\r\n   const expandParentDirectories = (dir: string) => {\r\n      const newExpanded = new Set(expandedFolders);\r\n      const separator = getPathSeparator(dir);\r\n      const parts = splitPath(dir);\r\n      let currentPath = '';\r\n\r\n      // Expand all parent directories\r\n      parts.forEach((part, index) => {\r\n         currentPath = currentPath ? `${currentPath}${separator}${part}` : part;\r\n         if (index < parts.length - 1) {\r\n            // Don't expand the target directory itself\r\n            newExpanded.add(currentPath);\r\n         }\r\n      });\r\n\r\n      setExpandedFolders(newExpanded);\r\n   };\r\n\r\n   const toggleFolder = (dir: string) => {\r\n      const newExpanded = new Set(expandedFolders);\r\n      if (expandedFolders.has(dir)) {\r\n         newExpanded.delete(dir);\r\n      } else {\r\n         newExpanded.add(dir);\r\n      }\r\n      setExpandedFolders(newExpanded);\r\n   };\r\n\r\n   const isVisible = (dir: string) => {\r\n      const separator = getPathSeparator(dir);\r\n      const parts = splitPath(dir);\r\n      const parentParts = parts.slice(0, -1);\r\n      let parentPath = '';\r\n\r\n      // Check if all parent folders are expanded\r\n      return parentParts.every((part) => {\r\n         parentPath = parentPath ? `${parentPath}${separator}${part}` : part;\r\n         return expandedFolders.has(parentPath);\r\n      });\r\n   };\r\n\r\n   const sortedFiles = useMemo(() => {\r\n      if (!selectedFolder || !fileSystem[selectedFolder]) return [];\r\n\r\n      return fileSystem[selectedFolder].sort((a, b) => {\r\n         const normalizedPathA = normalizePath(a.path);\r\n         const normalizedPathB = normalizePath(b.path);\r\n         const isDirectoryA = directories.includes(normalizedPathA);\r\n         const isDirectoryB = directories.includes(normalizedPathB);\r\n\r\n         // First sort by type: directories first, then files\r\n         if (isDirectoryA && !isDirectoryB) return -1;\r\n         if (!isDirectoryA && isDirectoryB) return 1;\r\n\r\n         // If both are same type, sort by status priority\r\n         const priority = { restored: 0, updated: 1, unchanged: 2 };\r\n         return priority[a.action] - priority[b.action];\r\n      });\r\n   }, [selectedFolder, fileSystem, directories]);\r\n\r\n   const showGoUpButton = selectedFolder && getParentPath(selectedFolder) !== selectedFolder && selectedFolder !== '' && selectedFolder !== '/';\r\n   const totalItems = sortedFiles.length + (showGoUpButton ? 1 : 0);\r\n\r\n   const FileRow = ({ index, style }: { index: number; style: React.CSSProperties }) => {\r\n      // If showing go up button and this is the first item\r\n      if (showGoUpButton && index === 0) {\r\n         return (\r\n            <div\r\n               style={style}\r\n               className={`${classes.file} ${classes.fileIsDir} ${classes.goUpButton}`}\r\n               onClick={() => {\r\n                  const parentPath = getParentPath(selectedFolder);\r\n                  const normalizedParentPath = normalizePath(parentPath);\r\n                  console.log('normalizedParentPath :', normalizedParentPath);\r\n                  if (!normalizedParentPath || normalizedParentPath === '') return;\r\n                  expandParentDirectories(normalizedParentPath);\r\n                  setSelectedFolder(normalizedParentPath);\r\n               }}\r\n            >\r\n               <div className={classes.fileName}>...</div>\r\n               <div className={classes.status}></div>\r\n               <div></div>\r\n            </div>\r\n         );\r\n      }\r\n\r\n      const fileIndex = showGoUpButton ? index - 1 : index;\r\n      const file = sortedFiles[fileIndex];\r\n\r\n      if (!file) return null;\r\n\r\n      const parts = splitPath(file.path);\r\n      const fileName = parts[parts.length - 1];\r\n      const normalizedPath = normalizePath(file.path);\r\n      const isDirectory = directories.includes(normalizedPath);\r\n      const hasUpdates = hasUpdatedContent(normalizedPath);\r\n      const fileAction = file.action;\r\n      const isRestored = file.action === 'restored' ? true : false;\r\n      const fileActionLabel = isRestored ? 'New' : file.action;\r\n\r\n      return (\r\n         <div\r\n            style={style}\r\n            className={`${classes.file} ${isDirectory ? classes.fileIsDir : ''}`}\r\n            onClick={() => {\r\n               if (isDirectory) {\r\n                  setSelectedFolder(normalizedPath);\r\n                  expandParentDirectories(normalizedPath);\r\n               }\r\n            }}\r\n         >\r\n            <div className={classes.fileName}>\r\n               {isDirectory ? <Icon type={isDirectory ? 'fm-directory' : 'fm-file'} size={16} /> : <FileIcon filename={fileName || ''} />}{' '}\r\n               {isRestored && <span className={classes.newFileIndicator} />} {fileName}\r\n               {hasUpdates && <i />}\r\n            </div>\r\n            <div className={`${classes.status} ${classes[fileAction]}`}>\r\n               <i>{fileActionLabel}</i>\r\n            </div>\r\n            <div className={classes.fileSize}>{isDirectory ? '-' : formatBytes(file.size)}</div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   return (\r\n      <div className={classes.restoredFileBrowser}>\r\n         <div className={classes.toolbar}>\r\n            <div className={classes.toolbarLeft}>\r\n               {stats && (\r\n                  <div className={classes.stats}>\r\n                     <strong>Summary: </strong> {formatNumberToK(stats.total_files)} Items {' • '}\r\n                     {formatBytes(stats.bytes_restored)}/{formatBytes(stats.total_bytes)}\r\n                  </div>\r\n               )}\r\n            </div>\r\n            <div className={classes.toolbarRight}>\r\n               <div className={classes.filters}>\r\n                  {(Object.keys(filters) as Array<keyof typeof filters>).map((action) => (\r\n                     <label key={action}>\r\n                        <input type=\"checkbox\" checked={filters[action]} onChange={(e) => setFilters({ ...filters, [action]: e.target.checked })} />\r\n                        {action === 'restored' ? 'New' : action}\r\n                     </label>\r\n                  ))}\r\n               </div>\r\n               <div className={classes.search}>\r\n                  <Icon type=\"search\" size={16} />\r\n                  <input type=\"text\" placeholder=\"Search in current Directory...\" value={search} onChange={(e) => setSearch(e.target.value)} />\r\n               </div>\r\n            </div>\r\n         </div>\r\n\r\n         <div className={classes.browserContent}>\r\n            <div className={`${classes.sidebar} styled__scrollbar`}>\r\n               <div className={classes.sidebarHeader}>Directories</div>\r\n               {directories.map((dir) => {\r\n                  const parts = splitPath(dir);\r\n                  const dirName = parts[parts.length - 1];\r\n                  const depth = parts.length - 1;\r\n                  const isExpanded = expandedFolders.has(dir);\r\n                  const hasUpdates = hasUpdatedContent(dir);\r\n                  const hasChildren = hasSubdirectories(dir);\r\n\r\n                  // Only render if parent folders are expanded or if it's a root folder\r\n                  if (depth === 0 || isVisible(dir)) {\r\n                     return (\r\n                        <div\r\n                           key={dir}\r\n                           className={`${classes.directory} ${selectedFolder === dir ? classes.selected : ''} ${hasChildren ? '' : classes.directoryEmpty}`}\r\n                           style={{ paddingLeft: `${depth * 20}px` }}\r\n                           onClick={() => {\r\n                              setSelectedFolder(dir);\r\n                              expandParentDirectories(dir);\r\n                           }}\r\n                        >\r\n                           {hasChildren ? (\r\n                              <button\r\n                                 className={classes.toggleButton}\r\n                                 onClick={(e) => {\r\n                                    e.stopPropagation();\r\n                                    toggleFolder(dir);\r\n                                 }}\r\n                              >\r\n                                 {isExpanded ? '-' : '+'}\r\n                              </button>\r\n                           ) : (\r\n                              <span className={`${classes.togglePlaceholder}`} />\r\n                           )}\r\n                           <span className={classes.dirName}>\r\n                              <Icon type={'fm-directory'} size={14} /> {dirName}\r\n                              {hasUpdates && <span className={classes.notification} />}\r\n                           </span>\r\n                        </div>\r\n                     );\r\n                  }\r\n                  return null;\r\n               })}\r\n            </div>\r\n\r\n            <div className={classes.content}>\r\n               <div className={classes.fileList}>\r\n                  <div className={classes.header}>\r\n                     <div>Name</div>\r\n                     <div>Status</div>\r\n                     <div>Size</div>\r\n                  </div>\r\n                  {selectedFolder && totalItems > 0 ? (\r\n                     <List\r\n                        height={window.innerHeight - 250}\r\n                        itemCount={totalItems}\r\n                        itemSize={ITEM_HEIGHT}\r\n                        width=\"100%\"\r\n                        className={`${classes.fileListVirtualized} styled__scrollbar`}\r\n                     >\r\n                        {FileRow}\r\n                     </List>\r\n                  ) : (\r\n                     <div className={classes.fileListEmpty}>Select a folder from the left to browse it's content</div>\r\n                  )}\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default RestoredFileBrowser;\r\n"],"names":["isMobileDevice","isMobile","ITEM_HEIGHT","RestoredFileBrowser","files","stats","selectedFolder","setSelectedFolder","useState","search","setSearch","filters","setFilters","expandedFolders","setExpandedFolders","allPaths","file","separator","getPathSeparator","parts","splitPath","currentPath","part","index","fileSystem","useMemo","system","matchesSearch","matchesFilter","dirPath","getParentPath","normalizedDirPath","normalizePath","directories","dirs","path","dirsArray","hasSubdirectories","dir","d","hasUpdatedContent","f","expandParentDirectories","newExpanded","toggleFolder","isVisible","parentParts","parentPath","sortedFiles","a","b","normalizedPathA","normalizedPathB","isDirectoryA","isDirectoryB","priority","showGoUpButton","totalItems","FileRow","style","jsxs","classes","normalizedParentPath","jsx","fileIndex","fileName","normalizedPath","isDirectory","hasUpdates","fileAction","isRestored","fileActionLabel","Icon","FileIcon","formatBytes","formatNumberToK","action","e","dirName","depth","isExpanded","hasChildren","List"],"mappings":"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"}

package/dist/components/Restore/RestoredFileBrowser/RestoredFileBrowser.module.scss

@@ -0,0 +1,299 @@
+.restoredFileBrowser {
+   display: flex;
+   flex-direction: column;
+   height: 100%;
+   border: 1px solid var(--line-color);
+   border-radius: 8px;
+   overflow: hidden;
+}
+
+.toolbar {
+   display: flex;
+   padding: 10px;
+   border-bottom: 1px solid var(--line-color);
+   gap: 15px;
+   align-items: center;
+   justify-content: space-between;
+   .toolbarRight {
+      display: flex;
+      flex-direction: row;
+      gap: 15px;
+      justify-content: space-between;
+      .filters {
+         display: flex;
+         gap: 12px;
+         input {
+            accent-color: var(--primary-color);
+         }
+         label {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+            text-transform: capitalize;
+         }
+      }
+
+      .search {
+         display: flex;
+         align-items: center;
+         gap: 8px;
+         padding: 6px 12px;
+         border: 1px solid var(--line-color);
+         border-radius: 4px;
+         margin-left: auto;
+
+         input {
+            border: none;
+            outline: none;
+            font-size: 0.75rem;
+            min-width: 200px;
+            background-color: var(--content-background-color);
+         }
+      }
+   }
+
+   .toolbarLeft {
+      .stats {
+         display: flex;
+         flex-direction: row;
+         gap: 8px;
+      }
+   }
+}
+
+.browserContent {
+   display: flex;
+   flex: 1;
+   overflow: hidden;
+}
+
+.sidebar {
+   width: 300px;
+   border-right: 1px solid var(--line-color);
+   overflow-y: auto;
+
+   .sidebarHeader {
+      padding: 12px;
+      background: var(--background-color);
+      font-weight: 600;
+      position: sticky;
+      z-index: 2;
+      top: 0;
+   }
+}
+
+.directory {
+   display: flex;
+   align-items: center;
+   gap: 8px;
+   padding: 8px 16px;
+   cursor: pointer;
+   position: relative;
+   button {
+      width: 20px;
+   }
+   .toggleButton {
+      border: 1px solid var(--line-color);
+      width: auto;
+      padding: 0px 4px;
+      border-radius: 3px;
+   }
+   .togglePlaceholder {
+      width: 10px;
+      height: 10px;
+   }
+   .dirName {
+      position: relative;
+      .notification {
+         width: 7px;
+         height: 7px;
+         background: var(--primary-color);
+         border-radius: 50%;
+         margin-left: auto;
+         position: absolute;
+         left: -2px;
+         top: 8px;
+      }
+   }
+   &.directoryEmpty {
+      .dirName {
+         padding-left: 10px;
+         .notification {
+            left: 8px;
+         }
+      }
+   }
+
+   &:hover {
+      background: var(--background-color);
+   }
+}
+
+.selected {
+   background: var(--primary-color-light);
+}
+
+.content {
+   flex: 1;
+   overflow-y: auto;
+}
+
+.fileList {
+   .header {
+      display: grid;
+      grid-template-columns: 1fr 100px minmax(80px, auto);
+      padding: 12px;
+      background: var(--background-color);
+      font-weight: 600;
+      position: sticky;
+      z-index: 2;
+      top: 0;
+   }
+}
+.fileListEmpty {
+   height: calc(100vh - 400px);
+   width: 100%;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+}
+
+.file {
+   display: grid;
+   grid-template-columns: 1fr 100px minmax(80px, auto);
+   padding: 12px;
+   box-sizing: border-box;
+   border-bottom: 1px solid var(--line-color);
+
+   &.fileIsDir {
+      .fileName {
+         cursor: pointer;
+         i {
+            width: 8px;
+            height: 8px;
+            display: inline-block;
+            margin-left: 8px;
+            background: var(--primary-color);
+            border-radius: 50%;
+         }
+         &:hover {
+            color: var(--primary-color);
+         }
+      }
+   }
+   &:last-child {
+      border-bottom: none;
+   }
+}
+
+.status {
+   text-transform: capitalize;
+   i {
+      font-style: normal;
+      font-size: 0.8em;
+      background: var(--primary-color-light);
+      padding: 2px 10px;
+      border-radius: 12px;
+   }
+
+   &.restored {
+      color: var(--primary-color);
+   }
+
+   &.updated {
+      color: #b17010;
+      i {
+         background: #ffecd5;
+      }
+   }
+
+   &.unchanged {
+      color: var(--content-text-color);
+      i {
+         background: var(--line-color);
+      }
+   }
+}
+
+.goUpButton {
+   font-style: italic;
+   opacity: 0.8;
+   padding: 0px 12px;
+
+   &:hover {
+      background-color: var(--primary-color-light);
+   }
+
+   .fileName {
+      font-weight: normal;
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .toolbar {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 10px;
+      .toolbarLeft .stats strong {
+         display: none;
+      }
+   }
+   .sidebar {
+      width: 100px;
+      display: none;
+   }
+   .fileList {
+      .header {
+         display: none;
+      }
+      .file {
+         display: flex;
+         flex-direction: column;
+         justify-content: center;
+         .fileName {
+            width: 100%;
+            margin-bottom: 5px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            .newFileIndicator {
+               width: 8px;
+               height: 8px;
+               margin-right: 5px;
+               border-radius: 50%;
+               background-color: var(--primary-color);
+               display: inline-block;
+            }
+         }
+         .status {
+            display: none;
+         }
+         .fileSize {
+            display: inline-block;
+            color: var(--content-text-color-light);
+            margin-left: 25px;
+            font-size: 0.9em;
+         }
+         &.fileIsDir {
+            .fileSize {
+               display: none;
+            }
+            .fileName {
+               i {
+                  display: none;
+               }
+            }
+         }
+         &.goUpButton {
+            display: flex;
+            align-items: center;
+            .fileName::after {
+               content: ' Go Up ↑';
+               font-size: 12px;
+               font-style: normal;
+               font-weight: 500;
+            }
+         }
+      }
+   }
+}

package/dist/components/Restore/RestoredFileBrowser/RestoredFileBrowser.module.scss.js

@@ -0,0 +1,68 @@
+const e = "RestoredFileBrowser-module__restoredFileBrowser___uySxD", o = "RestoredFileBrowser-module__toolbar___lr39C", r = "RestoredFileBrowser-module__toolbarRight___CS77I", t = "RestoredFileBrowser-module__filters___LfvbK", _ = "RestoredFileBrowser-module__search___blkbR", s = "RestoredFileBrowser-module__toolbarLeft___bZ8yl", l = "RestoredFileBrowser-module__stats___XSlgc", d = "RestoredFileBrowser-module__browserContent___FkI9V", i = "RestoredFileBrowser-module__sidebar___pAJQ2", n = "RestoredFileBrowser-module__sidebarHeader___DLB32", c = "RestoredFileBrowser-module__directory___sOPZo", a = "RestoredFileBrowser-module__toggleButton___P-qP8", u = "RestoredFileBrowser-module__togglePlaceholder___-NCBY", m = "RestoredFileBrowser-module__dirName___ZdJZa", B = "RestoredFileBrowser-module__notification___ZCyrm", w = "RestoredFileBrowser-module__directoryEmpty___0VChM", F = "RestoredFileBrowser-module__selected___FiVD2", R = "RestoredFileBrowser-module__content___XutVq", f = "RestoredFileBrowser-module__fileList___CxOAt", b = "RestoredFileBrowser-module__header___uvs3M", g = "RestoredFileBrowser-module__fileListEmpty___D-Kdw", h = "RestoredFileBrowser-module__file___2l34o", y = "RestoredFileBrowser-module__fileIsDir___O-esL", p = "RestoredFileBrowser-module__fileName___WBN0T", L = "RestoredFileBrowser-module__status___LdJOF", C = "RestoredFileBrowser-module__restored___13n6R", I = "RestoredFileBrowser-module__updated___P8q3K", N = "RestoredFileBrowser-module__unchanged___eFBsJ", D = "RestoredFileBrowser-module__goUpButton___EuWAs", E = "RestoredFileBrowser-module__newFileIndicator___rRiHT", P = "RestoredFileBrowser-module__fileSize___G--kq", S = {
+  restoredFileBrowser: e,
+  toolbar: o,
+  toolbarRight: r,
+  filters: t,
+  search: _,
+  toolbarLeft: s,
+  stats: l,
+  browserContent: d,
+  sidebar: i,
+  sidebarHeader: n,
+  directory: c,
+  toggleButton: a,
+  togglePlaceholder: u,
+  dirName: m,
+  notification: B,
+  directoryEmpty: w,
+  selected: F,
+  content: R,
+  fileList: f,
+  header: b,
+  fileListEmpty: g,
+  file: h,
+  fileIsDir: y,
+  fileName: p,
+  status: L,
+  restored: C,
+  updated: I,
+  unchanged: N,
+  goUpButton: D,
+  newFileIndicator: E,
+  fileSize: P
+};
+export {
+  d as browserContent,
+  R as content,
+  S as default,
+  m as dirName,
+  c as directory,
+  w as directoryEmpty,
+  h as file,
+  y as fileIsDir,
+  f as fileList,
+  g as fileListEmpty,
+  p as fileName,
+  P as fileSize,
+  t as filters,
+  D as goUpButton,
+  b as header,
+  E as newFileIndicator,
+  B as notification,
+  C as restored,
+  e as restoredFileBrowser,
+  _ as search,
+  F as selected,
+  i as sidebar,
+  n as sidebarHeader,
+  l as stats,
+  L as status,
+  a as toggleButton,
+  u as togglePlaceholder,
+  o as toolbar,
+  s as toolbarLeft,
+  r as toolbarRight,
+  N as unchanged,
+  I as updated
+};
+//# sourceMappingURL=RestoredFileBrowser.module.scss.js.map

package/dist/components/Restore/RestoredFileBrowser/RestoredFileBrowser.module.scss.js.map

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

package/dist/components/Settings/AppLogs/AppLogs.d.ts

@@ -0,0 +1,6 @@
+interface AppLogsProps {
+    settingsID?: string;
+}
+declare const AppLogs: ({ settingsID }: AppLogsProps) => import("react/jsx-runtime").JSX.Element;
+export default AppLogs;
+//# sourceMappingURL=AppLogs.d.ts.map

package/dist/components/Settings/AppLogs/AppLogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLogs.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/AppLogs/AppLogs.tsx"],"names":[],"mappings":"AAKA,UAAU,YAAY;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,GAAI,gBAAsB,YAAY,4CAWlD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Settings/AppLogs/AppLogs.js

@@ -0,0 +1,14 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { useGetAppLogs as i } from "../../../services/settings.js";
+import l from "../../common/LogViewer/LogViewer.js";
+const f = ({ settingsID: t = "1" }) => {
+  const { data: o, isLoading: r } = i(t), e = (o == null ? void 0 : o.result) || [];
+  console.log("logs :", e), console.log("settingsID: ", t);
+  const s = g(() => e.sort((p, m) => m.time - p.time), [o]);
+  return /* @__PURE__ */ n(l, { type: "app", logs: s, settingsID: t, isLoading: r });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=AppLogs.js.map

package/dist/components/Settings/AppLogs/AppLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLogs.js","sources":["../../../../src/components/Settings/AppLogs/AppLogs.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\nimport { useGetAppLogs } from '../../../services/settings';\r\nimport LogViewer from '../../common/LogViewer/LogViewer';\r\nimport { LogItem } from '../../../@types/settings';\r\n\r\ninterface AppLogsProps {\r\n   settingsID?: string;\r\n}\r\n\r\nconst AppLogs = ({ settingsID = '1' }: AppLogsProps) => {\r\n   const { data: logs, isLoading } = useGetAppLogs(settingsID);\r\n   const planLogs = logs?.result || [];\r\n   console.log('logs :', planLogs);\r\n   console.log('settingsID: ', settingsID);\r\n\r\n   const theLogs = useMemo(() => {\r\n      return planLogs.sort((a: LogItem, b: LogItem) => b.time - a.time);\r\n   }, [logs]);\r\n\r\n   return <LogViewer type=\"app\" logs={theLogs} settingsID={settingsID} isLoading={isLoading} />;\r\n};\r\n\r\nexport default AppLogs;\r\n"],"names":["AppLogs","settingsID","logs","isLoading","useGetAppLogs","planLogs","theLogs","useMemo","a","b","LogViewer"],"mappings":";;;;AASA,MAAMA,IAAU,CAAC,EAAE,YAAAC,IAAa,UAAwB;AACrD,QAAM,EAAE,MAAMC,GAAM,WAAAC,EAAA,IAAcC,EAAcH,CAAU,GACpDI,KAAWH,KAAA,gBAAAA,EAAM,WAAU,CAAA;AACjC,UAAQ,IAAI,UAAUG,CAAQ,GAC9B,QAAQ,IAAI,gBAAgBJ,CAAU;AAEtC,QAAMK,IAAUC,EAAQ,MACdF,EAAS,KAAK,CAACG,GAAYC,MAAeA,EAAE,OAAOD,EAAE,IAAI,GAChE,CAACN,CAAI,CAAC;AAET,2BAAQQ,GAAA,EAAU,MAAK,OAAM,MAAMJ,GAAS,YAAAL,GAAwB,WAAAE,GAAsB;AAC7F;"}

package/dist/components/Settings/GeneralSettings/GeneralSettings.d.ts

@@ -0,0 +1,8 @@
+interface GeneralSettingsProps {
+    settingsID: number;
+    settings: Record<string, any>;
+    onUpdate: (settings: Record<string, any>) => void;
+}
+declare const GeneralSettings: ({ settings, onUpdate }: GeneralSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default GeneralSettings;
+//# sourceMappingURL=GeneralSettings.d.ts.map

package/dist/components/Settings/GeneralSettings/GeneralSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"names":[],"mappings":"AAKA,UAAU,oBAAoB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,eAAe,GAAI,wBAAwB,oBAAoB,4CAmDpE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Settings/GeneralSettings/GeneralSettings.js

@@ -0,0 +1,59 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useTheme as n } from "../../../context/ThemeContext.js";
+import m from "../../common/form/Input/Input.js";
+import p from "../../common/form/Tristate/Tristate.js";
+import d from "./GeneralSettings.module.scss.js";
+const t = ({ settings: e, onUpdate: i }) => {
+  const { setTheme: o } = n(), r = (l) => {
+    o(l), i({ ...e, theme: l });
+  };
+  return /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ a("div", { className: d.field, children: /* @__PURE__ */ a(
+      m,
+      {
+        label: "App Instance Title",
+        fieldValue: (e == null ? void 0 : e.title) || "",
+        onUpdate: (l) => i({ ...e, title: l }),
+        inline: !1
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: d.field, children: /* @__PURE__ */ a(
+      m,
+      {
+        label: "App Instance Description",
+        fieldValue: (e == null ? void 0 : e.description) || "",
+        onUpdate: (l) => i({ ...e, description: l }),
+        inline: !1
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: d.field, children: /* @__PURE__ */ a(
+      m,
+      {
+        label: "Admin Email",
+        fieldValue: e.admin_email || "",
+        onUpdate: (l) => i({ ...e, admin_email: l }),
+        type: "email",
+        placeholder: "johndoe@mail.com",
+        inline: !1
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: d.field, children: /* @__PURE__ */ a(
+      p,
+      {
+        label: "Color Scheme",
+        fieldValue: e.theme,
+        options: [
+          { label: "Auto", value: "auto" },
+          { label: "Dark", value: "dark" },
+          { label: "Light", value: "light" }
+        ],
+        onUpdate: (l) => r(l),
+        inline: !0
+      }
+    ) })
+  ] });
+};
+export {
+  t as default
+};
+//# sourceMappingURL=GeneralSettings.js.map

package/dist/components/Settings/GeneralSettings/GeneralSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSettings.js","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"sourcesContent":["import { useTheme } from '../../../context/ThemeContext';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport classes from './GeneralSettings.module.scss';\r\n\r\ninterface GeneralSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: Record<string, any>) => void;\r\n}\r\n\r\nconst GeneralSettings = ({ settings, onUpdate }: GeneralSettingsProps) => {\r\n   const { setTheme } = useTheme();\r\n\r\n   const handleThemeChange = (newThemeValue: 'auto' | 'light' | 'dark') => {\r\n      setTheme(newThemeValue);\r\n      onUpdate({ ...settings, theme: newThemeValue });\r\n   };\r\n\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Title\"\r\n               fieldValue={(settings?.title || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, title: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Description\"\r\n               fieldValue={(settings?.description || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, description: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Admin Email\"\r\n               fieldValue={settings.admin_email || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, admin_email: val })}\r\n               type=\"email\"\r\n               placeholder=\"johndoe@mail.com\"\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Tristate\r\n               label=\"Color Scheme\"\r\n               fieldValue={settings.theme as string}\r\n               options={[\r\n                  { label: 'Auto', value: 'auto' },\r\n                  { label: 'Dark', value: 'dark' },\r\n                  { label: 'Light', value: 'light' },\r\n               ]}\r\n               onUpdate={(val: string) => handleThemeChange(val as 'auto' | 'light' | 'dark')}\r\n               inline={true}\r\n            />\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default GeneralSettings;\r\n"],"names":["GeneralSettings","settings","onUpdate","setTheme","useTheme","handleThemeChange","newThemeValue","jsx","classes","Input","val","Tristate"],"mappings":";;;;;AAWA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAqC;AACvE,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAoB,CAACC,MAA6C;AACrE,IAAAH,EAASG,CAAa,GACtBJ,EAAS,EAAE,GAAGD,GAAU,OAAOK,GAAe;AAAA,EACjD;AAEA,2BACI,OAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaR,KAAA,gBAAAA,EAAU,UAAS;AAAA,QAChC,UAAU,CAACS,MAAQR,EAAS,EAAE,GAAGD,GAAU,OAAOS,GAAK;AAAA,QACvD,QAAQ;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaR,KAAA,gBAAAA,EAAU,gBAAe;AAAA,QACtC,UAAU,CAACS,MAAQR,EAAS,EAAE,GAAGD,GAAU,aAAaS,GAAK;AAAA,QAC7D,QAAQ;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,YAAYR,EAAS,eAAe;AAAA,QACpC,UAAU,CAACS,MAAQR,EAAS,EAAE,GAAGD,GAAU,aAAaS,GAAK;AAAA,QAC7D,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,YAAYV,EAAS;AAAA,QACrB,SAAS;AAAA,UACN,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,UACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,UACxB,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,QAAQ;AAAA,QAEpC,UAAU,CAACS,MAAgBL,EAAkBK,CAAgC;AAAA,QAC7E,QAAQ;AAAA,MAAA;AAAA,IAAA,EACX,CACH;AAAA,EAAA,GACH;AAEN;"}

package/dist/components/Settings/GeneralSettings/GeneralSettings.module.scss

@@ -0,0 +1,3 @@
+.field {
+   margin-bottom: 1rem;
+}

package/dist/components/Settings/GeneralSettings/GeneralSettings.module.scss.js

@@ -0,0 +1,8 @@
+const e = "GeneralSettings-module__field___gbwZl", l = {
+  field: e
+};
+export {
+  l as default,
+  e as field
+};
+//# sourceMappingURL=GeneralSettings.module.scss.js.map

package/dist/components/Settings/GeneralSettings/GeneralSettings.module.scss.js.map

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

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.d.ts

@@ -0,0 +1,8 @@
+interface IntegrationSettingsProps {
+    settingsID: number;
+    settings: Record<string, any>;
+    onUpdate: (settings: IntegrationSettingsProps['settings']) => void;
+}
+declare const IntegrationSettings: ({ settingsID, settings, onUpdate }: IntegrationSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default IntegrationSettings;
+//# sourceMappingURL=IntegrationSettings.d.ts.map

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"names":[],"mappings":"AAOA,UAAU,wBAAwB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,mBAAmB,GAAI,oCAAoC,wBAAwB,4CA8CxF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.js

@@ -0,0 +1,47 @@
+import { jsxs as g, jsx as t, Fragment as f } from "react/jsx-runtime";
+import { useState as n } from "react";
+import M from "./IntegrationSettings.module.scss.js";
+import S from "../../common/form/Input/Input.js";
+import T from "../../common/ActionModal/ActionModal.js";
+import { useValidateIntegration as h } from "../../../services/settings.js";
+import y from "./SMTPSettings.js";
+const j = ({ settingsID: r, settings: e, onUpdate: m }) => {
+  var l;
+  const [i, c] = n(""), [d, o] = n(""), p = (e == null ? void 0 : e.integration) || {}, { smtp: a } = p || {}, s = h();
+  return console.log("smtp :", a), /* @__PURE__ */ g("div", { className: M.integrations, children: [
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { settings: a, onUpdate: m, showTestModal: o }) }),
+    d && /* @__PURE__ */ t(
+      T,
+      {
+        title: "Test SMTP Integration",
+        message: /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+          S,
+          {
+            label: "Send Test Email to this email",
+            full: !0,
+            fieldValue: i,
+            onUpdate: (u) => c(u),
+            type: "email",
+            placeholder: "test@test.com"
+          }
+        ) }),
+        errorMessage: (l = s.error) == null ? void 0 : l.message,
+        successMessage: s.isSuccess ? "Test email sent. Integration validated successfully." : "",
+        closeModal: () => o(""),
+        width: "400px",
+        secondaryAction: { title: "Close", action: () => o("") },
+        primaryAction: {
+          title: "Send Test Email",
+          type: "default",
+          icon: "email",
+          isPending: s.isPending,
+          action: () => s.mutate({ settingsID: r, type: "smtp", settings: e, test: { email: i } })
+        }
+      }
+    )
+  ] });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=IntegrationSettings.js.map

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './IntegrationSettings.module.scss';\r\nimport Input from '../../common/form/Input/Input';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useValidateIntegration } from '../../../services/settings';\r\nimport SMTPSettings from './SMTPSettings';\r\n\r\ninterface IntegrationSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: IntegrationSettingsProps['settings']) => void;\r\n}\r\n\r\nconst IntegrationSettings = ({ settingsID, settings, onUpdate }: IntegrationSettingsProps) => {\r\n   const [testEmail, setTestEmail] = useState('');\r\n   const [showEmailTestModal, setShowEmailTestModal] = useState<'' | 'smtp'>('');\r\n   const integrationSettings = settings?.integration || {};\r\n   const { smtp } = integrationSettings || {};\r\n\r\n   const validationMutation = useValidateIntegration();\r\n\r\n   console.log('smtp :', smtp);\r\n\r\n   return (\r\n      <div className={classes.integrations}>\r\n         <div>\r\n            <SMTPSettings settings={smtp} onUpdate={onUpdate} showTestModal={setShowEmailTestModal} />\r\n         </div>\r\n         {showEmailTestModal && (\r\n            <ActionModal\r\n               title={`Test SMTP Integration`}\r\n               message={\r\n                  <>\r\n                     <Input\r\n                        label=\"Send Test Email to this email\"\r\n                        full={true}\r\n                        fieldValue={testEmail}\r\n                        onUpdate={(val) => setTestEmail(val)}\r\n                        type=\"email\"\r\n                        placeholder=\"test@test.com\"\r\n                     />\r\n                  </>\r\n               }\r\n               errorMessage={validationMutation.error?.message}\r\n               successMessage={validationMutation.isSuccess ? 'Test email sent. Integration validated successfully.' : ''}\r\n               closeModal={() => setShowEmailTestModal('')}\r\n               width=\"400px\"\r\n               secondaryAction={{ title: 'Close', action: () => setShowEmailTestModal('') }}\r\n               primaryAction={{\r\n                  title: `Send Test Email`,\r\n                  type: 'default',\r\n                  icon: 'email',\r\n                  isPending: validationMutation.isPending,\r\n                  action: () => validationMutation.mutate({ settingsID, type: 'smtp', settings: settings, test: { email: testEmail } }),\r\n               }}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default IntegrationSettings;\r\n"],"names":["IntegrationSettings","settingsID","settings","onUpdate","testEmail","setTestEmail","useState","showEmailTestModal","setShowEmailTestModal","integrationSettings","smtp","validationMutation","useValidateIntegration","jsxs","classes","jsx","SMTPSettings","ActionModal","Fragment","Input","val","_a"],"mappings":";;;;;;;AAaA,MAAMA,IAAsB,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,QAAyC;;AAC3F,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GACvC,CAACC,GAAoBC,CAAqB,IAAIF,EAAsB,EAAE,GACtEG,KAAsBP,KAAA,gBAAAA,EAAU,gBAAe,CAAA,GAC/C,EAAE,MAAAQ,MAASD,KAAuB,CAAA,GAElCE,IAAqBC,EAAA;AAE3B,iBAAQ,IAAI,UAAUF,CAAI,GAGvB,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACE,4BAACC,GAAA,EAAa,UAAUN,GAAM,UAAAP,GAAoB,eAAeK,GAAuB,EAAA,CAC3F;AAAA,IACCD,KACE,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,OAAO;AAAA,QACP,SACG,gBAAAF,EAAAG,GAAA,EACG,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACE,OAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAYf;AAAA,YACZ,UAAU,CAACgB,MAAQf,EAAae,CAAG;AAAA,YACnC,MAAK;AAAA,YACL,aAAY;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAEH,eAAcC,IAAAV,EAAmB,UAAnB,gBAAAU,EAA0B;AAAA,QACxC,gBAAgBV,EAAmB,YAAY,yDAAyD;AAAA,QACxG,YAAY,MAAMH,EAAsB,EAAE;AAAA,QAC1C,OAAM;AAAA,QACN,iBAAiB,EAAE,OAAO,SAAS,QAAQ,MAAMA,EAAsB,EAAE,EAAA;AAAA,QACzE,eAAe;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAWG,EAAmB;AAAA,UAC9B,QAAQ,MAAMA,EAAmB,OAAO,EAAE,YAAAV,GAAY,MAAM,QAAQ,UAAAC,GAAoB,MAAM,EAAE,OAAOE,EAAA,GAAa;AAAA,QAAA;AAAA,MACvH;AAAA,IAAA;AAAA,EACH,GAEN;AAEN;"}