[PB-5465] Implement file version history actions

package.json

@@ -8,7 +8,7 @@
     "@iconscout/react-unicons": "^1.1.6",
     "@internxt/css-config": "1.1.0",
     "@internxt/lib": "1.4.1",
-    "@internxt/sdk": "=1.11.17",
+    "@internxt/sdk": "=1.11.24",
     "@internxt/ui": "0.1.1",
     "@phosphor-icons/react": "^2.1.7",
     "@popperjs/core": "^2.11.6",

src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx

@@ -58,7 +58,9 @@ export default function HeaderAndSidenavLayout(props: HeaderAndSidenavLayoutProp
 
             <VersionHistorySidebar />
           </div>
-          <TaskLogger />
+          <div className="absolute bottom-0 right-0 z-50 w-80">
+            <TaskLogger />
+          </div>
         </div>
       </div>
     </div>

src/app/drive/components/NameCollisionDialog/NameCollisionContainer.tsx

@@ -12,6 +12,10 @@ import { DriveItemData } from 'app/drive/types';
 import { IRoot } from 'app/store/slices/storage/types';
 import workspacesSelectors from 'app/store/slices/workspaces/workspaces.selectors';
 import { uploadFoldersWithManager } from 'app/network/UploadFolderManager';
+import replaceFileService from 'views/Drive/services/replaceFile.service';
+import { Network, getEnvironmentConfig } from 'app/drive/services/network.service';
+import { fileVersionsActions, fileVersionsSelectors } from 'app/store/slices/fileVersions';
+import { isVersioningExtensionAllowed } from 'views/Drive/components/VersionHistory/utils';
 
 type NameCollisionContainerProps = {
   currentFolderId: string;
@@ -43,6 +47,8 @@ const NameCollisionContainer: FC<NameCollisionContainerProps> = ({
     () => moveDestinationFolderId ?? currentFolderId,
     [moveDestinationFolderId, currentFolderId],
   );
+  const limits = useAppSelector(fileVersionsSelectors.getLimits);
+  const isVersioningEnabled = limits?.versioning?.enabled ?? false;
 
   const handleNewItems = (files: (File | DriveItemData)[], folders: (IRoot | DriveItemData)[]) => [
     ...files,
@@ -122,18 +128,61 @@ const NameCollisionContainer: FC<NameCollisionContainerProps> = ({
     );
   };
 
+  const uploadFileAndGetFileId = async (file: File, itemToReplace: DriveItemData) => {
+    const { bridgeUser, bridgePass, encryptionKey, bucketId } = getEnvironmentConfig(!!selectedWorkspace);
+    const network = new Network(bridgeUser, bridgePass, encryptionKey);
+
+    const taskId = `replace-${itemToReplace.uuid}-${Date.now()}`;
+
+    const [uploadPromise] = network.uploadFile(
+      bucketId,
+      {
+        filecontent: file,
+        filesize: file.size,
+        progressCallback: () => {},
+      },
+      { taskId },
+    );
+
+    return await uploadPromise;
+  };
+
+  const replaceFileVersion = async (file: File, itemToReplace: DriveItemData) => {
+    const newFileId = await uploadFileAndGetFileId(file, itemToReplace);
+    await replaceFileService.replaceFile(itemToReplace.uuid, {
+      fileId: newFileId,
+      size: file.size,
+    });
+    dispatch(fileVersionsActions.invalidateCache(itemToReplace.uuid));
+  };
+
+  const trashAndUpload = async (file: File, itemToReplace: DriveItemData) => {
+    await moveItemsToTrash([itemToReplace]);
+    await dispatch(
+      storageThunks.uploadItemsThunk({
+        files: [file],
+        parentFolderId: folderId,
+        options: {
+          disableDuplicatedNamesCheck: true,
+        },
+      }),
+    );
+  };
+
   const replaceAndUploadItem = async ({
     itemsToReplace,
     itemsToUpload,
   }: {
     itemsToReplace: DriveItemData[];
     itemsToUpload: (IRoot | File)[];
   }) => {
-    await moveItemsToTrash(itemsToReplace);
+    for (let i = 0; i < itemsToUpload.length; i++) {
+      const itemToUpload = itemsToUpload[i];
+      const itemToReplace = itemsToReplace[i];
 
-    itemsToUpload.forEach((itemToUpload) => {
       if ((itemToUpload as IRoot).fullPathEdited) {
-        uploadFoldersWithManager({
+        await moveItemsToTrash([itemToReplace]);
+        await uploadFoldersWithManager({
           payload: [
             {
               root: { ...(itemToUpload as IRoot) },
@@ -142,23 +191,15 @@ const NameCollisionContainer: FC<NameCollisionContainerProps> = ({
           ],
           selectedWorkspace,
           dispatch,
-        }).then(() => {
-          dispatch(fetchSortedFolderContentThunk(folderId));
         });
       } else {
-        dispatch(
-          storageThunks.uploadItemsThunk({
-            files: [itemToUpload] as File[],
-            parentFolderId: folderId,
-            options: {
-              disableDuplicatedNamesCheck: true,
-            },
-          }),
-        ).then(() => {
-          dispatch(fetchSortedFolderContentThunk(folderId));
-        });
+        const file = itemToUpload as File;
+        const canReplaceVersion = isVersioningEnabled && isVersioningExtensionAllowed(itemToReplace);
+        canReplaceVersion ? await replaceFileVersion(file, itemToReplace) : await trashAndUpload(file, itemToReplace);
       }
-    });
+
+      dispatch(fetchSortedFolderContentThunk(folderId));
+    }
   };
 
   const keepAndUploadItem = async (itemsToUpload: (IRoot | File)[]) => {

src/app/i18n/locales/de.json

@@ -795,7 +795,20 @@
       "autosaveVersions": "{{count}}/{{total}} automatisch gespeicherte Versionen",
       "restoreVersion": "Version wiederherstellen",
       "downloadVersion": "Version herunterladen",
-      "deleteVersion": "Version löschen"
+      "deleteVersion": "Version löschen",
+      "deleteVersionTitle": "Version löschen",
+      "deleteButton": "Löschen",
+      "restoreButton": "Wiederherstellen",
+      "downloadError": "Fehler beim Herunterladen der Version",
+      "deleteVersionAdvice": "Diese Version wird dauerhaft gelöscht. \nDiese Aktion kann nicht rückgängig gemacht werden.",
+      "deletingVersion": "Lösche",
+      "restoreVersionTitle": "Version wiederherstellen",
+      "restoreVersionAdvice": "Das Wiederherstellen dieser Version ersetzt die aktuelle Datei und entfernt alle neueren Versionen. \nSobald wiederhergestellt, kann diese Aktion nicht rückgängig gemacht werden.\n\nSie können eine Kopie neuerer Versionen herunterladen, bevor Sie wiederherstellen.",
+      "restoringVersion": "Wiederherstellung",
+      "restoreSuccess": "Version erfolgreich wiederhergestellt",
+      "restoreError": "Fehler beim Wiederherstellen der Version",
+      "deleteSuccess": "Version erfolgreich gelöscht",
+      "deleteError": "Fehler beim Löschen der Version"
     },
     "shareModal": {
       "title": "Aktie \"{{name}}\"",

src/app/i18n/locales/en.json

@@ -892,7 +892,20 @@
       "autosaveVersions": "{{count}}/{{total}} autosave versions",
       "restoreVersion": "Restore version",
       "downloadVersion": "Download version",
-      "deleteVersion": "Delete version"
+      "deleteVersion": "Delete version",
+      "deleteVersionTitle": "Delete version",
+      "deleteButton": "Delete",
+      "restoreButton": "Restore",
+      "downloadError": "Failed to download version",
+      "deleteVersionAdvice": "This version will be permanently deleted. \nThis action cannot be undone.",
+      "deletingVersion": "Deleting",
+      "restoreVersionTitle": "Restore version",
+      "restoreVersionAdvice": "Restoring this version will replace the current file and remove all newer versions. \nOnce restored, this action cannot be undone.\n\nYou can download a copy of newer versions before restoring.",
+      "restoringVersion": "Restoring",
+      "restoreSuccess": "Version restored successfully",
+      "restoreError": "Failed to restore version",
+      "deleteSuccess": "Version deleted successfully",
+      "deleteError": "Failed to delete version"
     },
     "shareModal": {
       "title": "Share \"{{name}}\"",

src/app/i18n/locales/es.json

@@ -874,7 +874,20 @@
       "autosaveVersions": "{{count}}/{{total}} versiones de autoguardado",
       "restoreVersion": "Restaurar versión",
       "downloadVersion": "Descargar versión",
-      "deleteVersion": "Eliminar versión"
+      "deleteVersion": "Eliminar versión",
+      "deleteVersionTitle": "Eliminar versión",
+      "deleteButton": "Eliminar",
+      "restoreButton": "Restaurar",
+      "downloadError": "Error al descargar la versión",
+      "deleteVersionAdvice": "Esta versión será eliminada permanentemente. \nEsta acción no se puede deshacer.",
+      "deletingVersion": "Eliminando",
+      "restoreVersionTitle": "Restaurar versión",
+      "restoreVersionAdvice": "Restaurar esta versión reemplazará el archivo actual y eliminará todas las versiones más recientes. \nUna vez restaurada, esta acción no se puede deshacer.\n\nPuedes descargar una copia de las versiones más recientes antes de restaurar.",
+      "restoringVersion": "Restaurando",
+      "restoreSuccess": "Versión restaurada exitosamente",
+      "restoreError": "Error al restaurar la versión",
+      "deleteSuccess": "Versión eliminada exitosamente",
+      "deleteError": "Error al eliminar la versión"
     },
     "shareModal": {
       "title": "Compartir \"{{name}}\"",

src/app/i18n/locales/fr.json

@@ -816,7 +816,20 @@
       "autosaveVersions": "{{count}}/{{total}} versions de sauvegarde automatique",
       "restoreVersion": "Restaurer la version",
       "downloadVersion": "Télécharger la version",
-      "deleteVersion": "Supprimer la version"
+      "deleteVersion": "Supprimer la version",
+      "deleteVersionTitle": "Supprimer la version",
+      "deleteButton": "Supprimer",
+      "restoreButton": "Restaurer",
+      "downloadError": "Échec du téléchargement de la version",
+      "deleteVersionAdvice": "Cette version sera définitivement supprimée. \nCette action ne peut pas être annulée.",
+      "deletingVersion": "Suppression",
+      "restoreVersionTitle": "Restaurer la version",
+      "restoreVersionAdvice": "La restauration de cette version remplacera le fichier actuel et supprimera toutes les versions plus récentes. \nUne fois restaurée, cette action ne peut pas être annulée.\n\nVous pouvez télécharger une copie des versions plus récentes avant de restaurer.",
+      "restoringVersion": "Restauration",
+      "restoreSuccess": "Version restaurée avec succès",
+      "restoreError": "Échec de la restauration de la version",
+      "deleteSuccess": "Version supprimée avec succès",
+      "deleteError": "Échec de la suppression de la version"
     },
     "newFolderModal": {
       "title": "Nouveau dossier",

src/app/i18n/locales/it.json

@@ -928,7 +928,20 @@
       "autosaveVersions": "{{count}}/{{total}} versioni di salvataggio automatico",
       "restoreVersion": "Ripristina versione",
       "downloadVersion": "Scarica versione",
-      "deleteVersion": "Elimina versione"
+      "deleteVersion": "Elimina versione",
+      "deleteVersionTitle": "Elimina versione",
+      "deleteButton": "Elimina",
+      "restoreButton": "Ripristina",
+      "downloadError": "Impossibile scaricare la versione",
+      "deleteVersionAdvice": "Questa versione sarà eliminata in modo permanente. \nQuesta azione non può essere annullata.",
+      "deletingVersion": "Eliminazione",
+      "restoreVersionTitle": "Ripristina versione",
+      "restoreVersionAdvice": "Il ripristino di questa versione sostituirà il file corrente e rimuoverà tutte le versioni più recenti. \nUna volta ripristinata, questa azione non può essere annullata.\n\nPuoi scaricare una copia delle versioni più recenti prima del ripristino.",
+      "restoringVersion": "Ripristino",
+      "restoreSuccess": "Versione ripristinata con successo",
+      "restoreError": "Impossibile ripristinare la versione",
+      "deleteSuccess": "Versione eliminata con successo",
+      "deleteError": "Impossibile eliminare la versione"
     },
     "shareModal": {
       "title": "Condividi \"{{name}}\"",

src/app/i18n/locales/ru.json

@@ -835,7 +835,20 @@
       "autosaveVersions": "{{count}}/{{total}} версий автосохранения",
       "restoreVersion": "Восстановить версию",
       "downloadVersion": "Скачать версию",
-      "deleteVersion": "Удалить версию"
+      "deleteVersion": "Удалить версию",
+      "deleteVersionTitle": "Удалить версию",
+      "deleteButton": "Удалить",
+      "restoreButton": "Восстановить",
+      "downloadError": "Не удалось загрузить версию",
+      "deleteVersionAdvice": "Эта версия будет удалена навсегда. \nЭто действие нельзя отменить.",
+      "deletingVersion": "Удаление",
+      "restoreVersionTitle": "Восстановить версию",
+      "restoreVersionAdvice": "Восстановление этой версии заменит текущий файл и удалит все более новые версии. \nПосле восстановления это действие нельзя отменить.\n\nВы можете скачать копию более новых версий перед восстановлением.",
+      "restoringVersion": "Восстановление",
+      "restoreSuccess": "Версия успешно восстановлена",
+      "restoreError": "Не удалось восстановить версию",
+      "deleteSuccess": "Версия успешно удалена",
+      "deleteError": "Не удалось удалить версию"
     },
     "shareModal": {
       "title": "Поделиться \"{{name}}\"",

src/app/i18n/locales/tw.json

@@ -822,7 +822,20 @@
       "autosaveVersions": "{{count}}/{{total}} 自動儲存版本",
       "restoreVersion": "復原版本",
       "downloadVersion": "下載版本",
-      "deleteVersion": "刪除版本"
+      "deleteVersion": "刪除版本",
+      "deleteVersionTitle": "刪除版本",
+      "deleteButton": "刪除",
+      "restoreButton": "復原",
+      "downloadError": "下載版本失敗",
+      "deleteVersionAdvice": "此版本將被永久刪除。\n此操作無法復原。",
+      "deletingVersion": "刪除中",
+      "restoreVersionTitle": "復原版本",
+      "restoreVersionAdvice": "復原此版本將取代目前檔案並刪除所有較新的版本。\n一旦復原，此操作無法撤銷。\n\n您可以在復原之前下載較新版本的副本。",
+      "restoringVersion": "復原中",
+      "restoreSuccess": "版本復原成功",
+      "restoreError": "復原版本失敗",
+      "deleteSuccess": "版本刪除成功",
+      "deleteError": "刪除版本失敗"
     },
     "shareModal": {
       "title": "分享“{{name}}”",

src/app/i18n/locales/zh.json

@@ -858,7 +858,20 @@
       "autosaveVersions": "{{count}}/{{total}} 自动保存版本",
       "restoreVersion": "恢复版本",
       "downloadVersion": "下载版本",
-      "deleteVersion": "删除版本"
+      "deleteVersion": "删除版本",
+      "deleteVersionTitle": "删除版本",
+      "deleteButton": "删除",
+      "restoreButton": "恢复",
+      "downloadError": "下载版本失败",
+      "deleteVersionAdvice": "此版本将被永久删除。\n此操作无法撤销。",
+      "deletingVersion": "删除中",
+      "restoreVersionTitle": "恢复版本",
+      "restoreVersionAdvice": "恢复此版本将替换当前文件并删除所有较新的版本。\n一旦恢复，此操作无法撤销。\n\n您可以在恢复之前下载较新版本的副本。",
+      "restoringVersion": "恢复中",
+      "restoreSuccess": "版本恢复成功",
+      "restoreError": "恢复版本失败",
+      "deleteSuccess": "版本删除成功",
+      "deleteError": "删除版本失败"
     },
     "shareModal": {
       "title": "分享 \"{{name}}\"",

src/app/store/index.ts

@@ -11,6 +11,7 @@ import taskManagerReducer from './slices/taskManager';
 import uiReducer from './slices/ui';
 import userReducer from './slices/user';
 import workspacesReducer from './slices/workspaces/workspacesStore';
+import { fileVersionsReducer } from './slices/fileVersions';
 
 export const store = configureStore({
   reducer: {
@@ -25,6 +26,7 @@ export const store = configureStore({
     referrals: referralsReducer,
     shared: sharedReducer,
     workspaces: workspacesReducer,
+    fileVersions: fileVersionsReducer,
   },
 });
 

src/app/store/slices/fileVersions/fileVersions.selectors.ts

@@ -0,0 +1,16 @@
+import { FileVersion, FileLimitsResponse } from '@internxt/sdk/dist/drive/storage/types';
+import { RootState } from '../..';
+
+const fileVersionsSelectors = {
+  getLimits(state: RootState): FileLimitsResponse | null {
+    return state.fileVersions.limits;
+  },
+  getVersionsByFileId(state: RootState, fileId: NonNullable<FileVersion['fileId']>): FileVersion[] {
+    return state.fileVersions.versionsByFileId[fileId] ?? [];
+  },
+  isLoadingByFileId(state: RootState, fileId: NonNullable<FileVersion['fileId']>): boolean {
+    return state.fileVersions.isLoadingByFileId[fileId] ?? false;
+  },
+};
+
+export default fileVersionsSelectors;