feat: authorize webhooks

README.md

@@ -1,3 +1,5 @@
 Important:
 
-- Checkout UI relies on "Authorize transactions instead of charging" in the Saleor Dashboard -> Configuration -> Channels -> [channel] settings.
+- The `example` Checkout UI relies on the "Authorize transactions instead of charging" setting in the Saleor Dashboard -> Configuration -> Channels -> [channel] settings.
+
+- The Saleor transaction id is stored in Authorize transaction `order.description`. Ideally, we would store it in `refId` but that field is max. 20 characters long and the Saleor transaction id is longer than that.

example/package.json

@@ -3,7 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "next dev",
+		"dev": "next dev --port 8001",
 		"build": "next build",
 		"start": "next start",
 		"lint": "next lint --fix --dir src",

graphql/fragments/Transaction.graphql

@@ -0,0 +1,22 @@
+fragment Transaction on TransactionItem {
+  id
+  pspReference
+  sourceObject: order {
+    ... on Order {
+      total {
+        gross {
+          ...Money
+        }
+      }
+    }
+    ...OrderOrCheckoutLines
+  }
+  privateMetadata {
+    key
+    value
+  }
+  authorizedAmount {
+    amount
+    currency
+  }
+}

graphql/fragments/TransactionCancelationRequestedEvent.graphql

@@ -8,21 +8,6 @@ fragment TransactionCancelationRequestedEvent on TransactionCancelationRequested
     amount
   }
   transaction {
-    id
-    pspReference
-    sourceObject: order {
-      channel {
-        id
-        slug
-      }
-    }
-    privateMetadata {
-      key
-      value
-    }
-    authorizedAmount {
-      amount
-      currency
-    }
+    ...Transaction
   }
 }

graphql/fragments/TransactionChargeRequestedEvent.graphql

@@ -8,17 +8,6 @@ fragment TransactionChargeRequestedEvent on TransactionChargeRequested {
     actionType
   }
   transaction {
-    id
-    pspReference
-    sourceObject: order {
-      ... on Order {
-        total {
-          gross {
-            ...Money
-          }
-        }
-      }
-      ...OrderOrCheckoutLines
-    }
+    ...Transaction
   }
 }

graphql/fragments/TransactionInitializeSessionEvent.graphql

@@ -16,7 +16,7 @@ fragment TransactionInitializeSessionEvent on TransactionInitializeSession {
     }
   }
   transaction {
-    id
+    ...Transaction
   }
   sourceObject {
     __typename

graphql/fragments/TransactionProcessSessionEvent.graphql

@@ -11,7 +11,7 @@ fragment TransactionProcessSessionEvent on TransactionProcessSession {
     actionType
   }
   transaction {
-    id
+    ...Transaction
   }
   sourceObject {
     __typename

graphql/fragments/TransactionRefundRequestedEvent.graphql

@@ -8,21 +8,6 @@ fragment TransactionRefundRequestedEvent on TransactionRefundRequested {
     actionType
   }
   transaction {
-    id
-    pspReference
-    sourceObject: order {
-      ... on Order {
-        total {
-          gross {
-            ...Money
-          }
-        }
-      }
-      ...OrderOrCheckoutLines
-    }
-    privateMetadata {
-      key
-      value
-    }
+    ...Transaction
   }
 }

graphql/mutations/TransactionEventReport.graphql

@@ -2,10 +2,10 @@ mutation TransactionEventReport(
   $transactionId: ID!
   $amount: PositiveDecimal!
   $availableActions: [TransactionActionEnum!]!
-  $externalUrl: String!
+  $externalUrl: String
   $message: String
   $pspReference: String!
-  $time: DateTime!
+  $time: DateTime
   $type: TransactionEventTypeEnum!
 ) {
   transactionEventReport(

package.json

@@ -12,7 +12,7 @@
   },
   "type": "module",
   "scripts": {
-    "dev": "pnpm generate && next dev",
+    "dev": "pnpm generate && next dev --port 8000",
     "build": "pnpm generate && next build",
     "deploy": "tsx ./src/deploy.ts",
     "start": "next start",
@@ -108,7 +108,7 @@
     "@types/authorizenet": "1.0.1",
     "@types/bluebird": "3.5.38",
     "@types/lodash-es": "4.17.8",
-    "@types/node": "20.5.4",
+    "@types/node": "20.10.4",
     "@types/omit-deep-lodash": "1.1.1",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",