From 605212b5580736df06a9d2d62d88064bd85c18d8 Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Tue, 6 May 2025 15:18:28 -0700
Subject: [PATCH] [PM-18721] update Stories and enum comment

---
 .../input-password.component.ts               |  3 +++
 .../input-password/input-password.stories.ts  | 23 ++++++++++---------
 2 files changed, 15 insertions(+), 11 deletions(-)

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<InputPasswordComponent>;
 
-export const ChangePasswordDelegation: Story = {
-  render: (args) => ({
-    props: args,
-    template: `
-      <auth-input-password [flow]="InputPasswordFlow.ChangePasswordDelegation"></auth-input-password>
-    `,
-  }),
-};
-
 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: `
+      <auth-input-password [flow]="InputPasswordFlow.ChangePasswordDelegation"></auth-input-password>
+      <br />
+      <div>Note: no buttons here as this flow is expected to be used in a dialog, which will have its own buttons</div>
+    `,
+  }),
+};
+
 export const WithPolicies: Story = {
   render: (args) => ({
     props: args,
     template: `
       <auth-input-password
-        [flow]="InputPasswordFlow.SetInitialPasswordAuthedUser"
+        [flow]="InputPasswordFlow.SetInitialPasswordAccountRegistration"
         [email]="email"
-        [userId]="userId"
         [masterPasswordPolicyOptions]="masterPasswordPolicyOptions"
       ></auth-input-password>
     `,