Add unit tests for getCreator method and fix static asset import

- Add comprehensive test coverage for getCreator method with 8 test cases covering app creators (with/without logos), user creators (with/without avatars), and edge cases (null values, empty names)
- Fix static asset import in OrderRefunds.stories.tsx to use default import instead of wildcard import, following Vite best practices and Copilot recommendation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: kzuraw

src/ordersV2/OrderRefunds/OrderRefundsViewModel.test.ts

@@ -470,6 +470,177 @@ Array [
     });
   });
 
+  describe("getCreator", () => {
+    it("should return app creator with initials and logo", () => {
+      // Arrange
+      const appCreator = {
+        __typename: "App" as const,
+        id: "app-1",
+        name: "Payment App",
+        brand: {
+          __typename: "AppBrand" as const,
+          logo: {
+            __typename: "AppBrandLogo" as const,
+            default: "https://example.com/app-logo.webp",
+          },
+        },
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](appCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "PA",
+        logoUrl: "https://example.com/app-logo.webp",
+      });
+    });
+
+    it("should return app creator with initials when logo is missing", () => {
+      // Arrange
+      const appCreator = {
+        __typename: "App" as const,
+        id: "app-2",
+        name: "Another App",
+        brand: null,
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](appCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "AN",
+        logoUrl: null,
+      });
+    });
+
+    it("should return app creator with empty initials when name is null", () => {
+      // Arrange
+      const appCreator = {
+        __typename: "App" as const,
+        id: "app-3",
+        name: null,
+        brand: null,
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](appCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "",
+        logoUrl: null,
+      });
+    });
+
+    it("should return app creator with initials and handle nested null logo", () => {
+      // Arrange
+      const appCreator = {
+        __typename: "App" as const,
+        id: "app-4",
+        name: "Test App",
+        brand: {
+          __typename: "AppBrand" as const,
+          logo: {
+            __typename: "AppBrandLogo" as const,
+            default: null as any,
+          },
+        },
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](appCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "TE",
+        logoUrl: null,
+      });
+    });
+
+    it("should return user creator with initials and avatar", () => {
+      // Arrange
+      const userCreator = {
+        __typename: "User" as const,
+        id: "user-1",
+        email: "john.doe@example.com",
+        firstName: "John",
+        lastName: "Doe",
+        isActive: true,
+        avatar: {
+          __typename: "Image" as const,
+          url: "https://example.com/user-avatar.jpg",
+        },
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](userCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "JD",
+        logoUrl: "https://example.com/user-avatar.jpg",
+      });
+    });
+
+    it("should return user creator with initials when avatar is missing", () => {
+      // Arrange
+      const userCreator = {
+        __typename: "User" as const,
+        id: "user-2",
+        email: "jane.smith@example.com",
+        firstName: "Jane",
+        lastName: "Smith",
+        isActive: true,
+        avatar: null,
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](userCreator);
+
+      // Assert
+      expect(result).toStrictEqual({
+        initials: "JS",
+        logoUrl: null,
+      });
+    });
+
+    it("should handle user with empty name by using email for initials", () => {
+      // Arrange
+      const userCreator = {
+        __typename: "User" as const,
+        id: "user-3",
+        email: "user@example.com",
+        firstName: "",
+        lastName: "",
+        isActive: true,
+        avatar: null,
+      };
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](userCreator);
+
+      // Assert
+      // getUserInitials falls back to email when name is empty, generating "US" from "user@example.com"
+      expect(result).toStrictEqual({
+        initials: "US",
+        logoUrl: null,
+      });
+    });
+
+    it("should handle null creator", () => {
+      // Arrange
+      const creator = null;
+
+      // Act
+      const result = OrderRefundsViewModel["getCreator"](creator);
+
+      // Assert
+      expect(result).toBeNull();
+    });
+  });
+
   describe("groupEventsByPspReference", () => {
     it.each([
       [

src/ordersV2/storybook/OrderRefunds.stories.tsx

@@ -2,7 +2,7 @@ import { OrderGrantedRefundStatusEnum } from "@dashboard/graphql";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 
 import { OrderRefunds } from "../OrderRefunds/OrderRefunds";
-import * as testLogo from "./testLogo.webp";
+import testLogo from "./testLogo.webp";
 
 const meta = {
   title: "Order Detail Page / Content / Refunds",
@@ -69,7 +69,7 @@ export const Failure: Story = {
         },
         creator: {
           initials: "AD",
-          logoUrl: testLogo.default,
+          logoUrl: testLogo,
         },
       },
     ],