🩹 server: update card art

Author: aguxez

.changeset/curvy-cards.md

@@ -0,0 +1,5 @@
+---
+"@exactly/server": patch
+---
+
+🩹 update card art

server/api/card.ts

@@ -597,12 +597,8 @@ This endpoint only accepts Wallet Extension bearer access. It does not accept \`
             if (kyc.applicationStatus !== "approved") {
               return c.json({ code: "kyc not approved" }, 403);
             }
-            const productId =
-              chain.id === base.id
-                ? credential.source === "5lu2sNu0v0ZElC2m77QR3rAZBHLr8PoG" // cspell:ignore azbh
-                  ? SIGNATURE_PRODUCT_ID
-                  : BASE_PRODUCT_ID
-                : SIGNATURE_PRODUCT_ID;
+            const isCardArtOverride = credential.source === "5lu2sNu0v0ZElC2m77QR3rAZBHLr8PoG"; // cspell:ignore azbh
+            const productId = chain.id === base.id && !isCardArtOverride ? BASE_PRODUCT_ID : SIGNATURE_PRODUCT_ID;
             const card = await getCards(pandaId)
               .then((pandaCards) => pandaCards.find(({ status }) => status === "active"))
               .then(async (orphan) => {
@@ -633,6 +629,7 @@ This endpoint only accepts Wallet Extension bearer access. It does not accept \`
                           contexts: { details: { credentialId, scope: "cardLimit" } },
                         });
                       }),
+                    isCardArtOverride ? "c4c03256d6764a8390f41b60561d27af" : undefined,
                   );
                 }
               });

server/test/api/card.test.ts

@@ -1005,7 +1005,7 @@ describe("authenticated", () => {
       const response = await appClient.index.$post({ header: { "test-credential-id": "base-default" } });
 
       expect(response.status).toBe(200);
-      expect(createCard).toHaveBeenCalledWith("base-default-panda", BASE_PRODUCT_ID, undefined);
+      expect(createCard).toHaveBeenCalledWith("base-default-panda", BASE_PRODUCT_ID, undefined, undefined);
       await expect(response.json()).resolves.toStrictEqual({
         status: "ACTIVE",
         lastFour: "4081",
@@ -1033,7 +1033,12 @@ describe("authenticated", () => {
       const response = await appClient.index.$post({ header: { "test-credential-id": "base-signature" } });
 
       expect(response.status).toBe(200);
-      expect(createCard).toHaveBeenCalledWith("base-signature-panda", SIGNATURE_PRODUCT_ID, undefined);
+      expect(createCard).toHaveBeenCalledWith(
+        "base-signature-panda",
+        SIGNATURE_PRODUCT_ID,
+        undefined,
+        "c4c03256d6764a8390f41b60561d27af",
+      );
       await expect(response.json()).resolves.toStrictEqual({
         status: "ACTIVE",
         lastFour: "4242",
@@ -1061,7 +1066,7 @@ describe("authenticated", () => {
       const response = await appClient.index.$post({ header: { "test-credential-id": "optimism-credential" } });
 
       expect(response.status).toBe(200);
-      expect(createCard).toHaveBeenCalledWith("optimism-panda", SIGNATURE_PRODUCT_ID, undefined);
+      expect(createCard).toHaveBeenCalledWith("optimism-panda", SIGNATURE_PRODUCT_ID, undefined, undefined);
       await expect(response.json()).resolves.toStrictEqual({
         status: "ACTIVE",
         lastFour: "1010",

server/test/utils/panda.test.ts

@@ -66,6 +66,7 @@ describe("panda request", () => {
 });
 
 describe("create card", () => {
+  const customVirtualCardArt = "c4c03256d6764a8390f41b60561d27af";
   const card = {
     id: "card-id",
     userId: "user-id",
@@ -164,6 +165,30 @@ describe("create card", () => {
       }),
     );
   });
+
+  it("sends an explicit card art override", async () => {
+    chainMock.id = base.id;
+    const fetchSpy = vi.spyOn(globalThis, "fetch").mockResolvedValueOnce({
+      ok: true,
+      arrayBuffer: () => Promise.resolve(new TextEncoder().encode(JSON.stringify(card)).buffer),
+    } as Response);
+
+    await expect(
+      panda.createCard("user-id", SIGNATURE_PRODUCT_ID, 1_000_000, customVirtualCardArt),
+    ).resolves.toStrictEqual(card);
+    expect(fetchSpy).toHaveBeenLastCalledWith(
+      expect.stringContaining("/issuing/users/user-id/cards"),
+      expect.objectContaining({
+        method: "POST",
+        body: JSON.stringify({
+          type: "virtual",
+          status: "active",
+          limit: { amount: 1_000_000, frequency: "per7DayPeriod" },
+          configuration: { productId: SIGNATURE_PRODUCT_ID, virtualCardArt: customVirtualCardArt },
+        }),
+      }),
+    );
+  });
 });
 
 describe("siwe", () => {

server/utils/panda.ts

@@ -68,6 +68,7 @@ export async function createCard(
   userId: string,
   productId: typeof BASE_PRODUCT_ID | typeof PLATINUM_PRODUCT_ID | typeof SIGNATURE_PRODUCT_ID,
   amount = 1_000_000,
+  virtualCardArt?: string,
 ) {
   return await request(
     CardResponse,
@@ -80,13 +81,14 @@ export async function createCard(
       configuration: {
         productId,
         virtualCardArt:
-          chain.id === baseSepolia.id || chain.id === optimismSepolia.id
+          virtualCardArt ??
+          (chain.id === baseSepolia.id || chain.id === optimismSepolia.id
             ? "0c515d7eb0a140fa8f938f8242b0780a"
             : {
                 [PLATINUM_PRODUCT_ID]: "81e42f27affd4e328f19651d4f2b438e",
                 [SIGNATURE_PRODUCT_ID]: "398c4919514b4ec4927e6a9114a4c816",
                 [BASE_PRODUCT_ID]: "79c1c868c3ae4b4dae2564295e75c357",
-              }[productId],
+              }[productId]),
       },
     }),
     "POST",