mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-26 14:19:24 +00:00
Use new tool workflow for Remove Password
This commit is contained in:
parent
a3e52ca90b
commit
245da1a31d
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user