Updated modal titles and button names in Authentication flows (#37558)

* Updated modal titles and button names

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

* Updated modal titles and button names

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

* Adjusted test

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

* Adjusted test

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

* Adjusted test

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

* Improved delete dialog

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

---------

Signed-off-by: Agnieszka Gancarczyk <[email protected]>

Author: agagancarczyk

js/apps/admin-ui/cypress/support/pages/admin-ui/manage/authentication/FlowDetail.ts

@@ -60,7 +60,7 @@ export default class FlowDetails {
   }
 
   addExecution(subFlowName: string, executionTestId: string) {
-    this.#clickEditDropdownForFlow(subFlowName, "Add step");
+    this.#clickEditDropdownForFlow(subFlowName, "Add execution");
 
     cy.get(".pf-v5-c-pagination").should("exist");
     cy.findByTestId(executionTestId).click();
@@ -93,7 +93,7 @@ export default class FlowDetails {
 
   #fillSubFlowModal(subFlowName: string, name: string) {
     cy.get(".pf-v5-c-modal-box__title-text").contains(
-      "Add step to " + subFlowName,
+      "Add sub-flow to " + subFlowName,
     );
     cy.findByTestId("name").type(name);
     cy.findByTestId("modal-add").click();

js/apps/admin-ui/maven-resources/theme/keycloak.v2/admin/messages/messages_en.properties

@@ -2000,7 +2000,7 @@ principalAttributeHelp=Name or Friendly Name of the attribute used to identify e
 nameIdPolicyFormat=NameID policy format
 idpInitiatedSsoUrlName=IDP-Initiated SSO URL name
 selectMethod=Select method
-deleteConfirmExecution=Delete execution?
+deleteConfirmExecution=Delete flow {{name}}?
 eventTypes.VALIDATE_ACCESS_TOKEN_ERROR.name=Validate access token error
 xFrameOptions=X-Frame-Options
 scopeDescriptionHelp=Description of the client scope
@@ -3418,4 +3418,7 @@ usersResources=Users
 clientsResources=Clients
 groupsResources=Groups
 resourceTypeHelpText=Specifies which {{ resourceType }} are allowed by this permission.
-evaluation=Evaluation
+evaluation=Evaluation
+addSubFlowTo=Add sub-flow to {{name}}
+addExecutionTo=Add execution to {{name}}
+addConditionTo=Add condition to {{name}}

js/apps/admin-ui/src/authentication/FlowDetails.tsx

@@ -222,7 +222,9 @@ export default function FlowDetails() {
   };
 
   const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({
-    titleKey: "deleteConfirmExecution",
+    titleKey: t("deleteConfirmExecution", {
+      name: selectedExecution?.displayName,
+    }),
     children: (
       <Trans i18nKey="deleteConfirmExecutionMessage">
         {" "}
@@ -386,7 +388,7 @@ export default function FlowDetails() {
                     variant="secondary"
                     onClick={() => setShowAddExecutionDialog(true)}
                   >
-                    {t("addStep")}
+                    {t("addExecution")}
                   </Button>
                 </ToolbarItem>
                 <ToolbarItem>

js/apps/admin-ui/src/authentication/components/AddFlowDropdown.tsx

@@ -75,7 +75,7 @@ export const AddFlowDropdown = ({
                 setType(providerId === "form-flow" ? "form" : "basic")
               }
             >
-              {t("addStep")}
+              {t("addExecution")}
             </DropdownItem>
             <DropdownItem
               key="addCondition"

js/apps/admin-ui/src/authentication/components/modals/AddStepModal.tsx

@@ -105,7 +105,11 @@ export const AddStepModal = ({ name, type, onSelect }: AddStepModalProps) => {
     <Modal
       variant={ModalVariant.medium}
       isOpen={true}
-      title={t("addStepTo", { name })}
+      title={
+        type == "condition"
+          ? t("addConditionTo", { name })
+          : t("addExecutionTo", { name })
+      }
       onClose={() => onSelect()}
       actions={[
         <Button

js/apps/admin-ui/src/authentication/components/modals/AddSubFlowModal.tsx

@@ -58,7 +58,7 @@ export const AddSubFlowModal = ({
   return (
     <Modal
       variant={ModalVariant.medium}
-      title={t("addStepTo", { name })}
+      title={t("addSubFlowTo", { name })}
       onClose={onCancel}
       actions={[
         <Button