[PM-22179] Redirect user to /setup-extension (#15375)

* add end user feature flag * add initial setup extension component and route * redirect users from registration completion to the setup extension page * add `hideIcon` to anon layout for web - matches implementation on the browser. * integrate with anon layout for extension wrapper * add initial loading state * conditionally redirect the user upon initialization * redirect the user to the vault if the extension is installed * add initial copy for setup-extension page * add confirmation dialog for skipping the extension installation * add success state for setup extension page * only show loggedin toast when end user activation is not enabled. * add image alt * lower threshold for polling extension * close the dialog when linking to the vault * update party colors * use the platform specific registration service to to only forward the web registrations to `/setup-extension` * call `super` rather than `/vault` directly, it could change in the future
2025-12-10 05:13:29 +00:00 · 2025-07-03 06:14:25 -05:00
parent cef6a5e8d0
commit ab4af7deed
23 changed files with 603 additions and 14 deletions
--- a/libs/auth/src/angular/registration/registration-finish/default-registration-finish.service.ts
+++ b/libs/auth/src/angular/registration/registration-finish/default-registration-finish.service.ts
@@ -25,6 +25,10 @@ export class DefaultRegistrationFinishService implements RegistrationFinishServi
    return null;
  }

+  determineLoginSuccessRoute(): Promise<string> {
+    return Promise.resolve("/vault");
+  }
+
  async finishRegistration(
    email: string,
    passwordInputResult: PasswordInputResult,
--- a/libs/auth/src/angular/registration/registration-finish/registration-finish.component.ts
+++ b/libs/auth/src/angular/registration/registration-finish/registration-finish.component.ts
@@ -10,7 +10,9 @@ import { MasterPasswordPolicyOptions } from "@bitwarden/common/admin-console/mod
 import { AccountApiService } from "@bitwarden/common/auth/abstractions/account-api.service";
 import { RegisterVerificationEmailClickedRequest } from "@bitwarden/common/auth/models/request/registration/register-verification-email-clicked.request";
 import { HttpStatusCode } from "@bitwarden/common/enums";
+import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { ErrorResponse } from "@bitwarden/common/models/response/error.response";
+import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
 import { ValidationService } from "@bitwarden/common/platform/abstractions/validation.service";
@@ -77,6 +79,7 @@ export class RegistrationFinishComponent implements OnInit, OnDestroy {
    private logService: LogService,
    private anonLayoutWrapperDataService: AnonLayoutWrapperDataService,
    private loginSuccessHandlerService: LoginSuccessHandlerService,
+    private configService: ConfigService,
  ) {}

  async ngOnInit() {
@@ -186,15 +189,23 @@ export class RegistrationFinishComponent implements OnInit, OnDestroy {
        return;
      }

-      this.toastService.showToast({
-        variant: "success",
-        title: null,
-        message: this.i18nService.t("youHaveBeenLoggedIn"),
-      });
+      const endUserActivationFlagEnabled = await this.configService.getFeatureFlag(
+        FeatureFlag.PM19315EndUserActivationMvp,
+      );
+
+      if (!endUserActivationFlagEnabled) {
+        // Only show the toast when the end user activation feature flag is _not_ enabled
+        this.toastService.showToast({
+          variant: "success",
+          title: null,
+          message: this.i18nService.t("youHaveBeenLoggedIn"),
+        });
+      }

      await this.loginSuccessHandlerService.run(authenticationResult.userId);

-      await this.router.navigate(["/vault"]);
+      const successRoute = await this.registrationFinishService.determineLoginSuccessRoute();
+      await this.router.navigate([successRoute]);
    } catch (e) {
      // If login errors, redirect to login page per product. Don't show error
      this.logService.error("Error logging in after registration: ", e.message);
--- a/libs/auth/src/angular/registration/registration-finish/registration-finish.service.ts
+++ b/libs/auth/src/angular/registration/registration-finish/registration-finish.service.ts
@@ -16,6 +16,11 @@ export abstract class RegistrationFinishService {
   */
  abstract getMasterPasswordPolicyOptsFromOrgInvite(): Promise<MasterPasswordPolicyOptions | null>;

+  /**
+   * Returns the route the user is redirected to after a successful login.
+   */
+  abstract determineLoginSuccessRoute(): Promise<string>;
+
  /**
   * Finishes the registration process by creating a new user account.
   *
--- a/libs/common/src/enums/feature-flag.enum.ts
+++ b/libs/common/src/enums/feature-flag.enum.ts
@@ -55,6 +55,7 @@ export enum FeatureFlag {
  PM18520_UpdateDesktopCipherForm = "pm-18520-desktop-cipher-forms",
  EndUserNotifications = "pm-10609-end-user-notifications",
  RemoveCardItemTypePolicy = "pm-16442-remove-card-item-type-policy",
+  PM19315EndUserActivationMvp = "pm-19315-end-user-activation-mvp",

  /* Platform */
  IpcChannelFramework = "ipc-channel-framework",
@@ -99,6 +100,7 @@ export const DefaultFeatureFlagValue = {
  [FeatureFlag.EndUserNotifications]: FALSE,
  [FeatureFlag.PM19941MigrateCipherDomainToSdk]: FALSE,
  [FeatureFlag.RemoveCardItemTypePolicy]: FALSE,
+  [FeatureFlag.PM19315EndUserActivationMvp]: FALSE,

  /* Auth */
  [FeatureFlag.PM16117_SetInitialPasswordRefactor]: FALSE,
--- a/libs/common/src/vault/utils/get-web-store-url.ts
+++ b/libs/common/src/vault/utils/get-web-store-url.ts
@@ -0,0 +1,22 @@
+import { DeviceType } from "@bitwarden/common/enums";
+
+/**
+ *  Returns the web store URL for the Bitwarden browser extension based on the device type.
+ *  @defaults Bitwarden download page
+ */
+export const getWebStoreUrl = (deviceType: DeviceType): string => {
+  switch (deviceType) {
+    case DeviceType.ChromeBrowser:
+      return "https://chromewebstore.google.com/detail/bitwarden-password-manage/nngceckbapebfimnlniiiahkandclblb";
+    case DeviceType.FirefoxBrowser:
+      return "https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/";
+    case DeviceType.SafariBrowser:
+      return "https://apps.apple.com/us/app/bitwarden/id1352778147?mt=12";
+    case DeviceType.OperaBrowser:
+      return "https://addons.opera.com/extensions/details/bitwarden-free-password-manager/";
+    case DeviceType.EdgeBrowser:
+      return "https://microsoftedge.microsoft.com/addons/detail/jbkfoedolllekgbhcbcoahefnbanhhlh";
+    default:
+      return "https://bitwarden.com/download/#downloads-web-browser";
+  }
+};
--- a/libs/components/src/anon-layout/anon-layout-wrapper.component.html
+++ b/libs/components/src/anon-layout/anon-layout-wrapper.component.html
@@ -5,6 +5,7 @@
  [showReadonlyHostname]="showReadonlyHostname"
  [maxWidth]="maxWidth"
  [hideCardWrapper]="hideCardWrapper"
+  [hideIcon]="hideIcon"
 >
  <router-outlet></router-outlet>
  <router-outlet slot="secondary" name="secondary"></router-outlet>
--- a/libs/components/src/anon-layout/anon-layout-wrapper.component.ts
+++ b/libs/components/src/anon-layout/anon-layout-wrapper.component.ts
@@ -29,6 +29,10 @@ export interface AnonLayoutWrapperData {
   * The optional icon to display on the page.
   */
  pageIcon?: Icon | null;
+  /**
+   * Hides the default Bitwarden shield icon.
+   */
+  hideIcon?: boolean;
  /**
   * Optional flag to either show the optional environment selector (false) or just a readonly hostname (true).
   */
@@ -56,6 +60,7 @@ export class AnonLayoutWrapperComponent implements OnInit, OnDestroy {
  protected showReadonlyHostname: boolean;
  protected maxWidth: AnonLayoutMaxWidth;
  protected hideCardWrapper: boolean;
+  protected hideIcon: boolean = false;

  constructor(
    private router: Router,
@@ -104,6 +109,10 @@ export class AnonLayoutWrapperComponent implements OnInit, OnDestroy {
      this.pageIcon = firstChildRouteData["pageIcon"];
    }

+    if (firstChildRouteData["hideIcon"] !== undefined) {
+      this.hideIcon = firstChildRouteData["hideIcon"];
+    }
+
    this.showReadonlyHostname = Boolean(firstChildRouteData["showReadonlyHostname"]);
    this.maxWidth = firstChildRouteData["maxWidth"];
    this.hideCardWrapper = Boolean(firstChildRouteData["hideCardWrapper"]);
--- a/libs/vault/src/icons/index.ts
+++ b/libs/vault/src/icons/index.ts
@@ -8,3 +8,4 @@ export * from "./security-handshake";
 export * from "./login-cards";
 export * from "./secure-user";
 export * from "./secure-devices";
+export * from "./party";
--- a/libs/vault/src/icons/party.ts
+++ b/libs/vault/src/icons/party.ts
@@ -0,0 +1,30 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const Party = svgIcon`
+  <svg width="90" height="89" viewBox="0 0 90 89" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path class="tw-fill-illustration-tertiary" d="M58.4596 65.7743L7.72887 86.9121C6.14906 87.5704 4.32819 87.2102 3.11801 86C1.90783 84.7898 1.54761 82.9689 2.20587 81.3891L23.3437 30.6584C24.9201 26.8749 29.1011 24.8949 33.0271 26.0727L34.4564 26.5015C47.9795 30.5585 58.5595 41.1384 62.6165 54.6616L63.0453 56.0909C64.2231 60.0169 62.2431 64.1979 58.4596 65.7743Z" />
+    <path class="tw-fill-illustration-bg-tertiary" fill-rule="evenodd" clip-rule="evenodd" d="M26.7218 78.9986C23.7051 76.7004 20.7338 74.1105 17.8708 71.2476C15.0079 68.3846 12.418 65.4133 10.1198 62.3967L11.0125 60.2543C13.421 63.5125 16.1857 66.734 19.2851 69.8334C22.3844 72.9327 25.6059 75.6974 28.8641 78.106L26.7218 78.9986ZM18.2831 82.5147C16.2281 80.7619 14.1998 78.8905 12.2139 76.9046C10.2279 74.9186 8.35655 72.8904 6.60371 70.8354L5.74316 72.9007C7.3385 74.7346 9.02504 76.5442 10.7996 78.3188C12.5742 80.0934 14.3838 81.7799 16.2178 83.3753L18.2831 82.5147ZM38.0519 74.2777C33.6361 71.6409 29.2069 68.2051 25.0601 64.0583C20.9133 59.9115 17.4775 55.4823 14.8407 51.0666L15.8077 48.7457C18.4319 53.4237 22.0191 58.1889 26.4743 62.6441C30.9295 67.0993 35.6947 70.6865 40.3728 73.3107L38.0519 74.2777ZM20.1695 38.2775C21.8284 44.3268 25.9054 51.1409 31.9414 57.177C37.9775 63.213 44.7916 67.2901 50.8409 68.9489L54.0834 67.5979C53.0546 67.4469 51.9666 67.2041 50.8243 66.8641C45.3003 65.2204 39.0089 61.416 33.3557 55.7627C27.7024 50.1095 23.898 43.8181 22.2543 38.2941C21.9144 37.1519 21.6715 36.0638 21.5205 35.035L20.1695 38.2775Z"/>
+    <path class="tw-fill-illustration-bg-secondary" d="M49.7753 39.3432C57.9763 47.5442 62.0918 56.7251 58.9676 59.8492C55.8434 62.9734 46.6626 58.8579 38.4615 50.6569C30.2605 42.4558 26.145 33.275 29.2692 30.1508C32.3934 27.0266 41.5742 31.1421 49.7753 39.3432Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M56.7934 52.3181C55.2526 48.881 52.3347 44.731 48.361 40.7574C44.3874 36.7837 40.2374 33.8658 36.8003 32.325C35.0749 31.5516 33.6291 31.1703 32.5336 31.1131C31.4375 31.0558 30.9236 31.3248 30.6834 31.565C30.4432 31.8052 30.1742 32.3191 30.2315 33.4152C30.2887 34.5107 30.67 35.9565 31.4434 37.6819C32.9842 41.119 35.9021 45.269 39.8758 49.2426C43.8494 53.2163 47.9994 56.1342 51.4365 57.675C53.1619 58.4484 54.6077 58.8297 55.7032 58.8869C56.7993 58.9442 57.3132 58.6752 57.5534 58.435C57.7936 58.1948 58.0626 57.6809 58.0053 56.5848C57.9481 55.4893 57.5668 54.0435 56.7934 52.3181ZM58.9676 59.8492C62.0918 56.7251 57.9763 47.5442 49.7753 39.3432C41.5742 31.1421 32.3934 27.0266 29.2692 30.1508C26.145 33.275 30.2605 42.4558 38.4615 50.6569C46.6626 58.8579 55.8434 62.9734 58.9676 59.8492Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M32.7398 27.0305C29.3046 26 25.6462 27.7324 24.2668 31.043L3.12897 81.7738C2.62658 82.9795 2.9015 84.3692 3.82515 85.2929C4.74879 86.2165 6.13853 86.4915 7.34428 85.9891L58.075 64.8512C61.3856 63.4718 63.118 59.8135 62.0875 56.3783L61.6587 54.9489C57.6983 41.7478 47.3703 31.4197 34.1691 27.4593L32.7398 27.0305ZM22.4206 30.2738C24.1941 26.0173 28.8978 23.7899 33.3144 25.1149L34.7438 25.5437C48.5889 29.6972 59.4208 40.5291 63.5743 54.3742L64.0031 55.8036C65.3281 60.2202 63.1007 64.9239 58.8442 66.6974L8.11351 87.8352C6.15966 88.6493 3.90765 88.2038 2.41093 86.7071C0.914216 85.2104 0.468712 82.9584 1.28282 81.0045L22.4206 30.2738Z" />
+    <path class="tw-fill-illustration-outline" d="M44.382 0.584344C44.4617 0.242133 44.7668 0 45.1182 0C45.4695 0 45.7746 0.242133 45.8543 0.584344L45.8917 0.744718C46.4103 2.97018 48.148 4.70786 50.3734 5.22646L50.5338 5.26383C50.876 5.34358 51.1182 5.64862 51.1182 6C51.1182 6.35138 50.876 6.65642 50.5338 6.73617L50.3734 6.77354C48.148 7.29214 46.4103 9.02982 45.8917 11.2553L45.8543 11.4157C45.7746 11.7579 45.4695 12 45.1182 12C44.7668 12 44.4617 11.7579 44.382 11.4157L44.3446 11.2553C43.826 9.02982 42.0883 7.29214 39.8629 6.77354L39.7025 6.73617C39.3603 6.65642 39.1182 6.35138 39.1182 6C39.1182 5.64862 39.3603 5.34358 39.7025 5.26383L39.8629 5.22646C42.0883 4.70786 43.826 2.97018 44.3446 0.744717L44.382 0.584344Z" />
+    <path class="tw-fill-illustration-outline" d="M82.382 15.5843C82.4617 15.2421 82.7668 15 83.1182 15C83.4695 15 83.7746 15.2421 83.8543 15.5843L83.8917 15.7447C84.4103 17.9702 86.148 19.7079 88.3734 20.2265L88.5338 20.2638C88.876 20.3436 89.1182 20.6486 89.1182 21C89.1182 21.3514 88.876 21.6564 88.5338 21.7362L88.3734 21.7735C86.148 22.2921 84.4103 24.0298 83.8917 26.2553L83.8543 26.4157C83.7746 26.7579 83.4695 27 83.1182 27C82.7668 27 82.4617 26.7579 82.382 26.4157L82.3446 26.2553C81.826 24.0298 80.0883 22.2921 77.8629 21.7735L77.7025 21.7362C77.3603 21.6564 77.1182 21.3514 77.1182 21C77.1182 20.6486 77.3603 20.3436 77.7025 20.2638L77.8629 20.2265C80.0883 19.7079 81.826 17.9702 82.3446 15.7447L82.382 15.5843Z" />
+    <path class="tw-fill-illustration-outline" d="M69.382 76.5843C69.4617 76.2421 69.7668 76 70.1182 76C70.4695 76 70.7746 76.2421 70.8543 76.5843L70.8917 76.7447C71.4103 78.9702 73.148 80.7079 75.3734 81.2265L75.5338 81.2638C75.876 81.3436 76.1182 81.6486 76.1182 82C76.1182 82.3514 75.876 82.6564 75.5338 82.7362L75.3734 82.7735C73.148 83.2921 71.4103 85.0298 70.8917 87.2553L70.8543 87.4157C70.7746 87.7579 70.4695 88 70.1182 88C69.7668 88 69.4617 87.7579 69.382 87.4157L69.3446 87.2553C68.826 85.0298 67.0883 83.2921 64.8629 82.7735L64.7025 82.7362C64.3603 82.6564 64.1182 82.3514 64.1182 82C64.1182 81.6486 64.3603 81.3436 64.7025 81.2638L64.8629 81.2265C67.0883 80.7079 68.826 78.9702 69.3446 76.7447L69.382 76.5843Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M77.7251 48.364C74.9915 45.6303 70.5593 45.6303 67.8256 48.364C67.4351 48.7545 66.802 48.7545 66.4114 48.364C66.0209 47.9735 66.0209 47.3403 66.4114 46.9498C69.9261 43.4351 75.6246 43.4351 79.1394 46.9498C79.5299 47.3403 79.5299 47.9735 79.1394 48.364C78.7488 48.7545 78.1157 48.7545 77.7251 48.364Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M82.243 38.3173C76.5502 35.0305 69.2707 36.981 65.9839 42.6739C65.7078 43.1522 65.0962 43.316 64.6179 43.0399C64.1396 42.7637 63.9757 42.1522 64.2519 41.6739C68.091 35.0244 76.5936 32.7461 83.243 36.5852C83.7213 36.8614 83.8852 37.4729 83.609 37.9512C83.3329 38.4295 82.7213 38.5934 82.243 38.3173Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M21.1182 14C24.9842 14 28.1182 17.134 28.1182 21C28.1182 21.5523 28.5659 22 29.1182 22C29.6704 22 30.1182 21.5523 30.1182 21C30.1182 16.0294 26.0887 12 21.1182 12C20.5659 12 20.1182 12.4477 20.1182 13C20.1182 13.5523 20.5659 14 21.1182 14Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M26.5636 5.93701C30.1861 7.2874 32.028 11.3187 30.6776 14.9412C30.4847 15.4587 30.7478 16.0346 31.2653 16.2275C31.7828 16.4204 32.3587 16.1573 32.5516 15.6398C34.2878 10.9823 31.9197 5.79919 27.2622 4.06299C26.7447 3.87008 26.1688 4.13321 25.9759 4.65071C25.783 5.1682 26.0461 5.7441 26.5636 5.93701Z" />
+    <path class="tw-fill-illustration-bg-secondary" d="M62.1182 17C62.1182 19.2091 60.3273 21 58.1182 21C55.909 21 54.1182 19.2091 54.1182 17C54.1182 14.7909 55.909 13 58.1182 13C60.3273 13 62.1182 14.7909 62.1182 17Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M58.1182 19C59.2227 19 60.1182 18.1046 60.1182 17C60.1182 15.8954 59.2227 15 58.1182 15C57.0136 15 56.1182 15.8954 56.1182 17C56.1182 18.1046 57.0136 19 58.1182 19ZM58.1182 21C60.3273 21 62.1182 19.2091 62.1182 17C62.1182 14.7909 60.3273 13 58.1182 13C55.909 13 54.1182 14.7909 54.1182 17C54.1182 19.2091 55.909 21 58.1182 21Z" />
+    <path class="tw-fill-illustration-bg-secondary" d="M68.1182 29C68.1182 30.6569 66.775 32 65.1182 32C63.4613 32 62.1182 30.6569 62.1182 29C62.1182 27.3431 63.4613 26 65.1182 26C66.775 26 68.1182 27.3431 68.1182 29Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M65.1182 30C65.6704 30 66.1182 29.5523 66.1182 29C66.1182 28.4477 65.6704 28 65.1182 28C64.5659 28 64.1182 28.4477 64.1182 29C64.1182 29.5523 64.5659 30 65.1182 30ZM65.1182 32C66.775 32 68.1182 30.6569 68.1182 29C68.1182 27.3431 66.775 26 65.1182 26C63.4613 26 62.1182 27.3431 62.1182 29C62.1182 30.6569 63.4613 32 65.1182 32Z" />
+    <path class="tw-fill-illustration-bg-secondary" d="M57.1182 78C57.1182 79.6569 55.775 81 54.1182 81C52.4613 81 51.1182 79.6569 51.1182 78C51.1182 76.3431 52.4613 75 54.1182 75C55.775 75 57.1182 76.3431 57.1182 78Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M54.1182 79C54.6704 79 55.1182 78.5523 55.1182 78C55.1182 77.4477 54.6704 77 54.1182 77C53.5659 77 53.1182 77.4477 53.1182 78C53.1182 78.5523 53.5659 79 54.1182 79ZM54.1182 81C55.775 81 57.1182 79.6569 57.1182 78C57.1182 76.3431 55.775 75 54.1182 75C52.4613 75 51.1182 76.3431 51.1182 78C51.1182 79.6569 52.4613 81 54.1182 81Z" />
+    <path class="tw-fill-illustration-tertiary" d="M85.1182 60C85.1182 62.7614 82.8796 65 80.1182 65C77.3567 65 75.1182 62.7614 75.1182 60C75.1182 57.2386 77.3567 55 80.1182 55C82.8796 55 85.1182 57.2386 85.1182 60Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M80.1182 63C81.775 63 83.1182 61.6569 83.1182 60C83.1182 58.3431 81.775 57 80.1182 57C78.4613 57 77.1182 58.3431 77.1182 60C77.1182 61.6569 78.4613 63 80.1182 63ZM80.1182 65C82.8796 65 85.1182 62.7614 85.1182 60C85.1182 57.2386 82.8796 55 80.1182 55C77.3567 55 75.1182 57.2386 75.1182 60C75.1182 62.7614 77.3567 65 80.1182 65Z" />
+    <path class="tw-fill-illustration-tertiary" d="M52.1182 23.5C52.1182 25.433 50.5512 27 48.6182 27C46.6852 27 45.1182 25.433 45.1182 23.5C45.1182 21.567 46.6852 20 48.6182 20C50.5512 20 52.1182 21.567 52.1182 23.5Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M48.6182 25C49.4466 25 50.1182 24.3284 50.1182 23.5C50.1182 22.6716 49.4466 22 48.6182 22C47.7897 22 47.1182 22.6716 47.1182 23.5C47.1182 24.3284 47.7897 25 48.6182 25ZM48.6182 27C50.5512 27 52.1182 25.433 52.1182 23.5C52.1182 21.567 50.5512 20 48.6182 20C46.6852 20 45.1182 21.567 45.1182 23.5C45.1182 25.433 46.6852 27 48.6182 27Z" />
+    <path class="tw-fill-illustration-bg-tertiary" d="M81.1182 7C81.1182 10.866 77.9842 14 74.1182 14C70.2522 14 67.1182 10.866 67.1182 7C67.1182 3.13401 70.2522 0 74.1182 0C77.9842 0 81.1182 3.13401 81.1182 7Z" />
+    <path class="tw-fill-illustration-outline" fill-rule="evenodd" clip-rule="evenodd" d="M74.1182 12C76.8796 12 79.1182 9.76142 79.1182 7C79.1182 4.23858 76.8796 2 74.1182 2C71.3567 2 69.1182 4.23858 69.1182 7C69.1182 9.76142 71.3567 12 74.1182 12ZM74.1182 14C77.9842 14 81.1182 10.866 81.1182 7C81.1182 3.13401 77.9842 0 74.1182 0C70.2522 0 67.1182 3.13401 67.1182 7C67.1182 10.866 70.2522 14 74.1182 14Z" />
+  </svg>
+`;