diff --git a/libs/auth/src/angular/input-password/input-password.component.ts b/libs/auth/src/angular/input-password/input-password.component.ts index 5d20fcf4d35..3998995f11f 100644 --- a/libs/auth/src/angular/input-password/input-password.component.ts +++ b/libs/auth/src/angular/input-password/input-password.component.ts @@ -75,6 +75,9 @@ export enum InputPasswordFlow { * - Emergency Access Takeover * - Account Recovery * + * Since both of those processes use a dialog, the `InputPasswordComponent` will not display + * buttons for `ChangePasswordDelegation` because the dialog will have its own buttons. + * * Form Fields: `[newPassword, newPasswordConfirm]` * * Note: this flow does not involve an active account `email` diff --git a/libs/auth/src/angular/input-password/input-password.stories.ts b/libs/auth/src/angular/input-password/input-password.stories.ts index 60a0ee5685a..0f14bcdde25 100644 --- a/libs/auth/src/angular/input-password/input-password.stories.ts +++ b/libs/auth/src/angular/input-password/input-password.stories.ts @@ -156,15 +156,6 @@ export default { type Story = StoryObj; -export const ChangePasswordDelegation: Story = { - render: (args) => ({ - props: args, - template: ` - - `, - }), -}; - export const SetInitialPasswordAccountRegistration: Story = { render: (args) => ({ props: args, @@ -216,14 +207,24 @@ export const ChangePasswordWithOptionalUserKeyRotation: Story = { }), }; +export const ChangePasswordDelegation: Story = { + render: (args) => ({ + props: args, + template: ` + +
+
Note: no buttons here as this flow is expected to be used in a dialog, which will have its own buttons
+ `, + }), +}; + export const WithPolicies: Story = { render: (args) => ({ props: args, template: ` `,