Display payment method details in order transactions

.changeset/itchy-queens-build.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Order Transaction will now display payment method details, like card brand or type.

src/fragments/orders.ts

@@ -629,11 +629,44 @@ export const transactionBaseItemFragment = gql`
 `;
 
 export const transactionItemFragment = gql`
+  fragment OtherPaymentMethodDetails on OtherPaymentMethodDetails {
+    name
+  }
+
+  fragment CardPaymentMethodDetails on CardPaymentMethodDetails {
+    name
+    brand
+    expMonth
+    expYear
+    firstDigits
+    lastDigits
+  }
+
   fragment TransactionItem on TransactionItem {
     ...TransactionBaseItem
     pspReference
     externalUrl
     createdAt
+    createdBy {
+      ... on App {
+        name
+        brand {
+          logo {
+            default(size: 64)
+          }
+        }
+      }
+    }
+    paymentMethodDetails {
+      name
+      __typename
+      ... on CardPaymentMethodDetails {
+        ...CardPaymentMethodDetails
+      }
+      ... on OtherPaymentMethodDetails {
+        ...OtherPaymentMethodDetails
+      }
+    }
     events {
       ...TransactionEvent
     }

src/graphql/hooks.generated.ts

@@ -1795,6 +1795,21 @@ export const TransactionBaseItemFragmentDoc = gql`
   }
 }
     ${TransactionBaseEventFragmentDoc}`;
+export const CardPaymentMethodDetailsFragmentDoc = gql`
+    fragment CardPaymentMethodDetails on CardPaymentMethodDetails {
+  name
+  brand
+  expMonth
+  expYear
+  firstDigits
+  lastDigits
+}
+    `;
+export const OtherPaymentMethodDetailsFragmentDoc = gql`
+    fragment OtherPaymentMethodDetails on OtherPaymentMethodDetails {
+  name
+}
+    `;
 export const StaffMemberFragmentDoc = gql`
     fragment StaffMember on User {
   id
@@ -1845,6 +1860,26 @@ export const TransactionItemFragmentDoc = gql`
   pspReference
   externalUrl
   createdAt
+  createdBy {
+    ... on App {
+      name
+      brand {
+        logo {
+          default(size: 64)
+        }
+      }
+    }
+  }
+  paymentMethodDetails {
+    name
+    __typename
+    ... on CardPaymentMethodDetails {
+      ...CardPaymentMethodDetails
+    }
+    ... on OtherPaymentMethodDetails {
+      ...OtherPaymentMethodDetails
+    }
+  }
   events {
     ...TransactionEvent
   }
@@ -1874,6 +1909,8 @@ export const TransactionItemFragmentDoc = gql`
   }
 }
     ${TransactionBaseItemFragmentDoc}
+${CardPaymentMethodDetailsFragmentDoc}
+${OtherPaymentMethodDetailsFragmentDoc}
 ${TransactionEventFragmentDoc}
 ${MoneyFragmentDoc}`;
 export const OrderPaymentFragmentDoc = gql`