diff --git a/src/utils/bannerUtils.ts b/src/utils/bannerUtils.ts
index a7712b4..e446ed3 100644
--- a/src/utils/bannerUtils.ts
+++ b/src/utils/bannerUtils.ts
@@ -1,17 +1,20 @@
const PARTNER_BANNER_STORAGE_KEY = "gp-ui.partner-banner-dismissed.v2";
const LEGACY_SAFE_RECOVERY_BANNER_STORAGE_KEY = "gp-ui.legacy-safe-recovery-banner-dismissed.v1";
+const INCIDENT_BANNER_STORAGE_KEY = "gp-ui.incident-banner-dismissed.v1";
export interface BannerDismissalData {
nextShowTimestamp: number;
count: number;
}
-export type BannerType = "partner" | "legacy-safe-recovery";
+export type BannerType = "partner" | "legacy-safe-recovery" | "incident";
function getBannerStorageKey(bannerType: BannerType): string {
switch (bannerType) {
case "legacy-safe-recovery":
return LEGACY_SAFE_RECOVERY_BANNER_STORAGE_KEY;
+ case "incident":
+ return INCIDENT_BANNER_STORAGE_KEY;
default:
return PARTNER_BANNER_STORAGE_KEY;
}
diff --git a/src/utils/legacyRecoverySafes.ts b/src/utils/legacyRecoverySafes.ts
deleted file mode 100644
index 201f544..0000000
--- a/src/utils/legacyRecoverySafes.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Loads the set of "old" Safe addresses that are eligible to see the legacy
- * recovery banner. The list can be large (15k+ entries), so it is shipped as a
- * static asset rather than bundled, and only fetched on demand (i.e. once we
- * already know the connected user has an old Safe to check).
- *
- * The resulting Set is cached at module scope and the in-flight request is
- * de-duplicated, so the asset is downloaded at most once per session and shared
- * across every component that needs it.
- */
-
-const ASSET_URL = "/legacy-recovery-safes.json";
-
-let cache: Set | null = null;
-let inflight: Promise> | null = null;
-
-export const loadLegacyRecoverySafes = (): Promise> => {
- if (cache) {
- return Promise.resolve(cache);
- }
-
- if (!inflight) {
- inflight = fetch(ASSET_URL)
- .then((response) => {
- if (!response.ok) {
- throw new Error(`Failed to load legacy recovery safes: ${response.status}`);
- }
- return response.json() as Promise;
- })
- .then((list) => {
- cache = new Set(list.map((address) => address.toLowerCase()));
- return cache;
- })
- .catch((error) => {
- // Allow a retry on the next call rather than caching the failure.
- inflight = null;
- throw error;
- });
- }
-
- return inflight;
-};
diff --git a/src/utils/safeRecoveryData.ts b/src/utils/safeRecoveryData.ts
new file mode 100644
index 0000000..3db0f17
--- /dev/null
+++ b/src/utils/safeRecoveryData.ts
@@ -0,0 +1,49 @@
+export interface SafeRecoveryEntry {
+ affected: boolean;
+ preHackBalanceUsd: number;
+}
+
+type SafeRecoveryData = Record;
+
+const ASSET_URL = "/safe-recovery-data.csv";
+
+let cache: SafeRecoveryData | null = null;
+let inflight: Promise | null = null;
+
+export const loadSafeRecoveryData = (): Promise => {
+ if (cache) {
+ return Promise.resolve(cache);
+ }
+
+ if (!inflight) {
+ inflight = fetch(ASSET_URL)
+ .then((response) => {
+ if (!response.ok) {
+ throw new Error(`Failed to load safe recovery data: ${response.status}`);
+ }
+ return response.text();
+ })
+ .then((csv) => {
+ const lines = csv.replace(/\r/g, "").trim().split("\n").slice(1); // skip header row
+ const data: SafeRecoveryData = {};
+ for (const line of lines) {
+ const [address, affected, preHackBalanceUsd] = line.split(",");
+ if (address && affected !== undefined && preHackBalanceUsd !== undefined) {
+ const parsedBalance = parseFloat(preHackBalanceUsd.trim());
+ data[address.trim().toLowerCase()] = {
+ affected: affected.trim().toLowerCase() === "true",
+ preHackBalanceUsd: Number.isFinite(parsedBalance) ? parsedBalance : 0,
+ };
+ }
+ }
+ cache = data;
+ return cache;
+ })
+ .catch((error) => {
+ inflight = null;
+ throw error;
+ });
+ }
+
+ return inflight;
+};
diff --git a/tests/banners.spec.ts b/tests/banners.spec.ts
index 9aba433..d0cdd5a 100644
--- a/tests/banners.spec.ts
+++ b/tests/banners.spec.ts
@@ -2,71 +2,162 @@ import { test, expect } from "@playwright/test";
import { BASE_USER } from "./utils/testUsers";
import { setupAllMocks } from "./utils/setupMocks";
import { setupMockWallet } from "./utils/mockWallet";
+import { mockSafeMigration } from "./utils/mockSafeMigration";
-test.describe("Home Page Banners", () => {
+const OLD_SAFE_NOT_AFFECTED_WITH_BALANCE = "0xaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
+const OLD_SAFE_NOT_AFFECTED_NO_BALANCE = "0xbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb";
+const OLD_SAFE_AFFECTED_WITH_BALANCE = "0xcccccccccccccccccccccccccccccccccccccccc";
+const OLD_SAFE_AFFECTED_NO_BALANCE = "0xdddddddddddddddddddddddddddddddddddddddd";
+
+const RECOVERY_CSV = [
+ "old_safe_address,affected,pre_hack_balance_usd",
+ `${OLD_SAFE_NOT_AFFECTED_WITH_BALANCE},FALSE,150.00`,
+ `${OLD_SAFE_NOT_AFFECTED_NO_BALANCE},FALSE,0`,
+ `${OLD_SAFE_AFFECTED_WITH_BALANCE},TRUE,75.50`,
+ `${OLD_SAFE_AFFECTED_NO_BALANCE},TRUE,0`,
+].join("\n");
+
+async function setupBannerTest(page: Parameters[0], oldSafeAddress: string) {
+ await setupAllMocks(page, BASE_USER);
+ await mockSafeMigration({
+ page,
+ data: { hasOldSafe: true, oldSafeAddress, newSafeAddress: BASE_USER.safeAddress },
+ });
+ await page.route("**/safe-recovery-data.csv", (route) =>
+ route.fulfill({ status: 200, contentType: "text/csv", body: RECOVERY_CSV }),
+ );
+ await page.goto("/");
+ await page.waitForLoadState("networkidle");
+}
+
+test.describe("Incident banner - 4 cases", () => {
test.beforeEach(async ({ page }) => {
await setupMockWallet(page);
});
- test("withdraw banner displays and has correct link", async ({ page }) => {
- await setupAllMocks(page, BASE_USER);
+ test("not affected, has balance - shows move funds CTA", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_WITH_BALANCE);
+ const banner = page.getByTestId("incident-notice-banner");
+ await expect(banner).toBeVisible();
+ await expect(banner).toContainText("Your Gnosis Pay card is back up and running.");
+ await expect(banner).toContainText("move them from your old Safe");
+ await expect(banner.getByRole("link", { name: "Move my funds" })).toHaveAttribute("href", "/withdraw-legacy");
+ });
+ test("not affected, no balance - shows new Safe address message", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_NO_BALANCE);
+ const banner = page.getByTestId("incident-notice-banner");
+ await expect(banner).toBeVisible();
+ await expect(banner).toContainText("Your Gnosis Pay card is back up and running.");
+ await expect(banner).toContainText("Please only use the new Safe address going forward.");
+ await expect(banner.getByRole("link", { name: "Move my funds" })).not.toBeVisible();
+ });
+
+ test("affected, has balance - shows restored balance message", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_AFFECTED_WITH_BALANCE);
+ const banner = page.getByTestId("incident-notice-banner");
+ await expect(banner).toBeVisible();
+ await expect(banner).toContainText("Your Gnosis Pay card is back up and running.");
+ await expect(banner).toContainText("We've restored your balance");
+ await expect(banner).toContainText("Do not use your old Safe address again");
+ });
+
+ test("affected, no balance - shows new Safe issued message", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_AFFECTED_NO_BALANCE);
+ const banner = page.getByTestId("incident-notice-banner");
+ await expect(banner).toBeVisible();
+ await expect(banner).toContainText("Your Gnosis Pay card is back up and running.");
+ await expect(banner).toContainText("We've issued you a new Gnosis Pay Safe");
+ await expect(banner).toContainText("Do not use your old Safe address again");
+ });
+
+ test("no old safe - banner not shown", async ({ page }) => {
+ await setupAllMocks(page, BASE_USER);
+ await mockSafeMigration({ page, data: { hasOldSafe: false } });
await page.goto("/");
await page.waitForLoadState("networkidle");
+ await expect(page.getByTestId("incident-notice-banner")).not.toBeVisible();
+ });
- await test.step("verify incident notice banner is visible", async () => {
- const incidentNoticeBanner = page.getByTestId("incident-notice-banner");
- await expect(incidentNoticeBanner).toBeVisible();
- await expect(incidentNoticeBanner).toContainText(
- "Normal operations have been suspended in response to a security incident. The issue has now been contained and we will be resuming operations over the coming days. User funds are not at risk.",
- );
- await expect(incidentNoticeBanner).toContainText("In the meantime:");
- await expect(incidentNoticeBanner).toContainText("do not send funds to your Card account");
- await expect(incidentNoticeBanner).toContainText("do not use IBAN");
- await expect(incidentNoticeBanner).toContainText("More information");
- });
+ test("dismisses and stays hidden after reload", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_WITH_BALANCE);
+ const banner = page.getByTestId("incident-notice-banner");
+ await expect(banner).toBeVisible();
- await test.step("withdraw banner has correct links", async () => {
- const withdrawLink = page.getByTestId("withdraw-banner-link");
- await expect(withdrawLink).toHaveAttribute("href", "/withdraw");
+ await page.getByTestId("incident-notice-banner-dismiss").click();
+ await expect(banner).not.toBeVisible();
- const moreInfoLink = page.getByTestId("withdraw-banner-more-info");
- await expect(moreInfoLink).toHaveAttribute("href", "https://x.com/gnosispay");
- });
+ await page.reload();
+ await page.waitForLoadState("networkidle");
+ await expect(banner).not.toBeVisible();
});
+});
- test("partner banner displays, has correct link, and dismisses correctly", async ({ page }) => {
- await setupAllMocks(page, BASE_USER);
+test.describe("Legacy safe recovery banner", () => {
+ test.beforeEach(async ({ page }) => {
+ await setupMockWallet(page);
+ });
- await page.goto("/");
- await page.waitForLoadState("networkidle");
+ test("not affected, has balance - shows legacy recovery banner", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_WITH_BALANCE);
+ const banner = page.getByTestId("legacy-safe-recovery-banner");
+ await expect(banner).toBeVisible();
+ await expect(banner).toContainText("recover funds from a previous Safe account");
+ await expect(banner.getByTestId("legacy-safe-recovery-banner-link")).toHaveAttribute("href", "/withdraw-legacy");
+ });
+
+ test("not affected, no balance - legacy recovery banner not shown", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_NO_BALANCE);
+ await expect(page.getByTestId("legacy-safe-recovery-banner")).not.toBeVisible();
+ });
+
+ test("affected, has balance - legacy recovery banner not shown", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_AFFECTED_WITH_BALANCE);
+ await expect(page.getByTestId("legacy-safe-recovery-banner")).not.toBeVisible();
+ });
+
+ test("affected, no balance - legacy recovery banner not shown", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_AFFECTED_NO_BALANCE);
+ await expect(page.getByTestId("legacy-safe-recovery-banner")).not.toBeVisible();
+ });
+
+ test("dismisses and stays hidden after reload", async ({ page }) => {
+ await setupBannerTest(page, OLD_SAFE_NOT_AFFECTED_WITH_BALANCE);
+ const banner = page.getByTestId("legacy-safe-recovery-banner");
+ await expect(banner).toBeVisible();
+
+ await page.getByTestId("legacy-safe-recovery-banner-dismiss").click();
+ await expect(banner).not.toBeVisible();
- await test.step("verify partner banner is visible", async () => {
- const partnerBanner = page.getByTestId("partner-banner");
- await expect(partnerBanner).toBeVisible();
- await expect(partnerBanner).toContainText("Discover partner apps");
- await expect(partnerBanner).toContainText("For the best Gnosis Pay experience");
- });
+ await page.reload();
+ await page.waitForLoadState("networkidle");
+ await expect(banner).not.toBeVisible();
+ });
+});
- await test.step("partner banner has correct link", async () => {
- const partnerBanner = page.getByTestId("partner-banner");
+test.describe("Partner banner", () => {
+ test.beforeEach(async ({ page }) => {
+ await setupMockWallet(page);
+ });
- const href = await partnerBanner.getAttribute("href");
- expect(href).toBe("https://gnosispay.com/apps");
- });
+ test("displays, has correct link, and dismisses correctly", async ({ page }) => {
+ await setupAllMocks(page, BASE_USER);
+ await mockSafeMigration({ page, data: { hasOldSafe: false } });
- await test.step("dismiss partner banner", async () => {
- const partnerBanner = page.getByTestId("partner-banner");
- await expect(partnerBanner).toBeVisible();
+ await page.goto("/");
+ await page.waitForLoadState("networkidle");
- const dismissButton = page.getByTestId("partner-banner-dismiss");
- await dismissButton.click();
+ const partnerBanner = page.getByTestId("partner-banner");
+ await expect(partnerBanner).toBeVisible();
+ await expect(partnerBanner).toContainText("Discover partner apps");
+ await expect(partnerBanner).toContainText("For the best Gnosis Pay experience");
+ await expect(partnerBanner).toHaveAttribute("href", "https://gnosispay.com/apps");
- await expect(partnerBanner).not.toBeVisible();
+ await page.getByTestId("partner-banner-dismiss").click();
+ await expect(partnerBanner).not.toBeVisible();
- await page.reload();
- await page.waitForLoadState("networkidle");
- await expect(partnerBanner).not.toBeVisible();
- });
+ await page.reload();
+ await page.waitForLoadState("networkidle");
+ await expect(partnerBanner).not.toBeVisible();
});
});
diff --git a/tests/utils/mockSafeMigration.ts b/tests/utils/mockSafeMigration.ts
new file mode 100644
index 0000000..f32c2cc
--- /dev/null
+++ b/tests/utils/mockSafeMigration.ts
@@ -0,0 +1,38 @@
+import type { Page } from "@playwright/test";
+import type { SafeMigrationInfo } from "../../src/client/types.gen";
+
+export interface SafeMigrationMockData {
+ hasOldSafe: boolean;
+ oldSafeAddress?: string;
+ newSafeAddress?: string;
+ status?: SafeMigrationInfo["status"];
+}
+
+export async function mockSafeMigration({ page, data }: { page: Page; data: SafeMigrationMockData }): Promise {
+ await page.route("**/api/v1/safe/migration", async (route) => {
+ if (route.request().method() === "GET") {
+ const body: SafeMigrationInfo = {
+ migrationId: "mock-migration-id",
+ hasOldSafe: data.hasOldSafe,
+ status: data.status ?? "COMPLETED",
+ ...(data.oldSafeAddress && {
+ oldSafe: {
+ address: data.oldSafeAddress,
+ chainId: "100",
+ recordedAt: new Date().toISOString(),
+ },
+ }),
+ ...(data.newSafeAddress && {
+ newSafe: {
+ address: data.newSafeAddress,
+ chainId: "100",
+ tokenSymbol: "EURe",
+ },
+ }),
+ };
+ await route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify(body) });
+ } else {
+ await route.continue();
+ }
+ });
+}