add account stories

.storybook/main.ts

@@ -9,6 +9,8 @@ const config: StorybookConfig = {
     "../libs/components/src/**/*.stories.@(js|jsx|ts|tsx)",
     "../apps/web/src/**/*.mdx",
     "../apps/web/src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../apps/browser/src/**/*.mdx",
+    "../apps/browser/src/**/*.stories.@(js|jsx|ts|tsx)",
     "../bitwarden_license/bit-web/src/**/*.mdx",
     "../bitwarden_license/bit-web/src/**/*.stories.@(js|jsx|ts|tsx)",
   ],

apps/browser/src/auth/popup/account-switching/account.skip-stories.ts

@@ -0,0 +1,100 @@
+// import { Injectable } from "@angular/core";
+// import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
+
+// import { AuthenticationStatus } from "@bitwarden/common/auth/enums/authentication-status";
+// import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+// import { I18nMockService } from "@bitwarden/components/src/utils/i18n-mock.service";
+
+// import { AccountComponent } from "./account.component";
+// import { AccountSwitcherService } from "./services/account-switcher.service";
+
+// @Injectable({
+//   providedIn: "root",
+// })
+// class MockAccountSwitcherService {
+//   SPECIAL_ADD_ACCOUNT_ID = "addAccount";
+
+//   get specialAccountAddId() {
+//     return this.SPECIAL_ADD_ACCOUNT_ID;
+//   }
+
+//   async selectAccount(id: string) {
+//     return;
+//   }
+// }
+
+// export default {
+//   title: "Auth/Account",
+//   component: AccountComponent,
+//   decorators: [
+//     moduleMetadata({
+//       providers: [
+//         { provide: AccountSwitcherService, useClass: MockAccountSwitcherService },
+//         {
+//           provide: I18nService,
+//           useFactory: () => {
+//             return new I18nMockService({
+//               switchToAccount: "switchToAccount",
+//               activeAccount: "activeAccount",
+//               active: "active",
+//               unlocked: "unlocked",
+//               locked: "locked",
+//             });
+//           },
+//         },
+//       ],
+//     }),
+//   ],
+// } as Meta;
+
+// type Story = StoryObj<AccountComponent>;
+
+// export const Unlocked: Story = {
+//   render: (args) => ({
+//     props: args,
+//     template: `
+//       <div class="tw-py-16 tw-px-8 -tw-my-10 -tw-mx-5 tw-bg-background-alt">
+//         <auth-account [account]="account"></auth-account>
+//       </div>
+//     `,
+//   }),
+//   args: {
+//     account: {
+//       name: "John Doe",
+//       id: "John Doe",
+//       isActive: false,
+//       status: AuthenticationStatus.Unlocked,
+//     },
+//   },
+// };
+
+// export const Locked: Story = {
+//   ...Unlocked,
+//   args: {
+//     account: {
+//       ...Unlocked.args.account,
+//       status: AuthenticationStatus.Locked,
+//     },
+//   },
+// };
+
+// export const Active: Story = {
+//   ...Unlocked,
+//   args: {
+//     account: {
+//       ...Unlocked.args.account,
+//       isActive: true,
+//     },
+//   },
+// };
+
+// export const AddAccount: Story = {
+//   ...Unlocked,
+//   args: {
+//     account: {
+//       name: "Add Account",
+//       id: "addAccount",
+//       isActive: false,
+//     },
+//   },
+// };