Use new tool workflow for Remove Password

This commit is contained in:
James Brunton 2025-08-15 15:26:59 +01:00
parent a3e52ca90b
commit 245da1a31d

View File

@ -1,16 +1,10 @@
import { useEffect, useMemo } from "react"; import { useEffect } from "react";
import { Box, Button, Stack, Text } from "@mantine/core";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import DownloadIcon from "@mui/icons-material/Download";
import { useEndpointEnabled } from "../hooks/useEndpointConfig"; import { useEndpointEnabled } from "../hooks/useEndpointConfig";
import { useFileContext } from "../contexts/FileContext"; import { useFileContext } from "../contexts/FileContext";
import { useToolFileSelection } from "../contexts/FileSelectionContext"; import { useToolFileSelection } from "../contexts/FileSelectionContext";
import ToolStep, { ToolStepContainer } from "../components/tools/shared/ToolStep"; import { createToolFlow } from "../components/tools/shared/createToolFlow";
import OperationButton from "../components/tools/shared/OperationButton";
import ErrorNotification from "../components/tools/shared/ErrorNotification";
import FileStatusIndicator from "../components/tools/shared/FileStatusIndicator";
import ResultsPreview from "../components/tools/shared/ResultsPreview";
import RemovePasswordSettings from "../components/tools/removePassword/RemovePasswordSettings"; import RemovePasswordSettings from "../components/tools/removePassword/RemovePasswordSettings";
@ -34,137 +28,71 @@ const RemovePassword = ({ onPreviewFile, onComplete, onError }: BaseToolProps) =
useEffect(() => { useEffect(() => {
removePasswordOperation.resetResults(); removePasswordOperation.resetResults();
onPreviewFile?.(null); onPreviewFile?.(null);
}, [removePasswordParams.parameters, selectedFiles]); }, [removePasswordParams.parameters]);
const handleRemovePassword = async () => { const handleRemovePassword = async () => {
try { try {
await removePasswordOperation.executeOperation( await removePasswordOperation.executeOperation(removePasswordParams.parameters, selectedFiles);
removePasswordParams.parameters,
selectedFiles
);
if (removePasswordOperation.files && onComplete) { if (removePasswordOperation.files && onComplete) {
onComplete(removePasswordOperation.files); onComplete(removePasswordOperation.files);
} }
} catch (error) { } catch (error) {
if (onError) { if (onError) {
onError(error instanceof Error ? error.message : t('removePassword.error.failed', 'Remove password operation failed')); onError(error instanceof Error ? error.message : t("removePassword.error.failed", "Remove password operation failed"));
} }
} }
}; };
const handleThumbnailClick = (file: File) => { const handleThumbnailClick = (file: File) => {
onPreviewFile?.(file); onPreviewFile?.(file);
sessionStorage.setItem('previousMode', 'removePassword'); sessionStorage.setItem("previousMode", "removePassword");
setCurrentMode('viewer'); setCurrentMode("viewer");
}; };
const handleSettingsReset = () => { const handleSettingsReset = () => {
removePasswordOperation.resetResults(); removePasswordOperation.resetResults();
onPreviewFile?.(null); onPreviewFile?.(null);
setCurrentMode('removePassword'); setCurrentMode("removePassword");
}; };
const hasFiles = selectedFiles.length > 0; const hasFiles = selectedFiles.length > 0;
const hasResults = removePasswordOperation.files.length > 0 || removePasswordOperation.downloadUrl !== null; const hasResults = removePasswordOperation.files.length > 0 || removePasswordOperation.downloadUrl !== null;
const filesCollapsed = hasFiles; const passwordCollapsed = !hasFiles || hasResults;
const passwordCollapsed = hasResults;
const previewResults = useMemo(() => return createToolFlow({
removePasswordOperation.files?.map((file, index) => ({ files: {
file, selectedFiles,
thumbnail: removePasswordOperation.thumbnails[index] isCollapsed: hasFiles || hasResults,
})) || [], },
[removePasswordOperation.files, removePasswordOperation.thumbnails] steps: [
); {
title: t("removePassword.password.stepTitle", "Password"),
return ( isCollapsed: passwordCollapsed,
<ToolStepContainer> onCollapsedClick: hasResults ? handleSettingsReset : undefined,
<Stack gap="sm" h="94vh" p="sm" style={{ overflow: 'auto' }}> tooltip: removePasswordTips,
{/* Files Step */} content: (
<ToolStep
title={t('files.title', 'Files')}
isVisible={true}
isCollapsed={filesCollapsed}
isCompleted={filesCollapsed}
completedMessage={hasFiles ?
selectedFiles.length === 1
? t('files.selected.single', 'Selected: {{filename}}', { filename: selectedFiles[0].name })
: t('files.selected.multiple', 'Selected: {{count}} files', { count: selectedFiles.length })
: undefined}
>
<FileStatusIndicator
selectedFiles={selectedFiles}
placeholder={t('files.placeholder', 'Select a PDF file in the main view to get started')}
/>
</ToolStep>
{/* Password Step */}
<ToolStep
title={t('removePassword.title', 'Remove Password')}
isVisible={hasFiles}
isCollapsed={passwordCollapsed}
isCompleted={passwordCollapsed}
onCollapsedClick={hasResults ? handleSettingsReset : undefined}
completedMessage={passwordCollapsed ? t('removePassword.password.completed', 'Password configured') : undefined}
tooltip={removePasswordTips}
>
<RemovePasswordSettings <RemovePasswordSettings
parameters={removePasswordParams.parameters} parameters={removePasswordParams.parameters}
onParameterChange={removePasswordParams.updateParameter} onParameterChange={removePasswordParams.updateParameter}
disabled={endpointLoading} disabled={endpointLoading}
/> />
</ToolStep> ),
},
<Box mt="md"> ],
<OperationButton executeButton: {
onClick={handleRemovePassword} text: t("removePassword.submit", "Remove Password"),
isLoading={removePasswordOperation.isLoading} isVisible: !hasResults,
disabled={!removePasswordParams.validateParameters() || !hasFiles || !endpointEnabled} loadingText: t("loading"),
loadingText={t('loading')} onClick: handleRemovePassword,
submitText={t('removePassword.submit', 'Remove Password')} disabled: !removePasswordParams.validateParameters() || !hasFiles || !endpointEnabled,
/> },
</Box> review: {
isVisible: hasResults,
{/* Results Step */} operation: removePasswordOperation,
<ToolStep title: t("removePassword.results.title", "Decrypted PDFs"),
title={t('results.title', 'Results')} onFileClick: handleThumbnailClick,
isVisible={hasResults} },
> });
<Stack gap="sm"> };
{removePasswordOperation.status && (
<Text size="sm" c="dimmed">{removePasswordOperation.status}</Text>
)}
<ErrorNotification
error={removePasswordOperation.errorMessage}
onClose={removePasswordOperation.clearError}
/>
{removePasswordOperation.downloadUrl && (
<Button
component="a"
href={removePasswordOperation.downloadUrl}
download={removePasswordOperation.downloadFilename}
leftSection={<DownloadIcon />}
color="green"
fullWidth
mb="md"
>
{t("download", "Download")}
</Button>
)}
<ResultsPreview
files={previewResults}
onFileClick={handleThumbnailClick}
isGeneratingThumbnails={removePasswordOperation.isGeneratingThumbnails}
title={t('removePassword.results.title', 'Decrypted PDFs')}
/>
</Stack>
</ToolStep>
</Stack>
</ToolStepContainer>
);
}
export default RemovePassword; export default RemovePassword;