From aa83da1cbabf894cef53e35bc26e6fb0b548de35 Mon Sep 17 00:00:00 2001 From: Shuchang Zheng Date: Mon, 10 Mar 2025 11:56:37 -0700 Subject: [PATCH] Add credential input parameter options in login block dropdown (#1916) --- .../LoginBlockCredentialSelector.tsx | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx index 79b3e823..297465da 100644 --- a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx @@ -22,6 +22,11 @@ function LoginBlockCredentialSelector({ value, onChange }: Props) { const credentialParameters = workflowParameters.filter( (parameter) => parameter.parameterType === "credential", ); + const credentialInputParameters = workflowParameters.filter( + (parameter) => + parameter.parameterType === "workflow" && + parameter.dataType === "credential_id", + ); const isCloud = useContext(CloudContext); const { data: credentials = [], isLoading } = useCredentialsQuery({ enabled: isCloud, @@ -44,6 +49,14 @@ function LoginBlockCredentialSelector({ value, onChange }: Props) { type: "parameter", })); + const credentialInputParameterOptions = credentialInputParameters.map( + (parameter) => ({ + label: parameter.key, + value: parameter.key, + type: "parameter", + }), + ); + const filteredCredentialParameterOptions = credentialParameterOptions.filter( (option) => !credentialOptions.some( @@ -51,7 +64,11 @@ function LoginBlockCredentialSelector({ value, onChange }: Props) { ), ); - const options = [...credentialOptions, ...filteredCredentialParameterOptions]; + const options = [ + ...credentialOptions, + ...filteredCredentialParameterOptions, + ...credentialInputParameterOptions, + ]; return (