feat: show app update label

Author: PatrickDinh

src/features/transactions-graph/components/horizontal.tsx

@@ -63,6 +63,7 @@ function VectorLabelText({ type }: { type: LabelType }) {
   if (type === LabelType.PaymentTransferRemainder || type === LabelType.AssetTransferRemainder) return <span>Remainder</span>
   if (type === LabelType.AppCall) return <span>App Call</span>
   if (type === LabelType.AppCreate) return <span>App Create</span>
+  if (type === LabelType.AppUpdate) return <span>App Update</span>
   if (type === LabelType.AssetCreate) return <span>Asset Create</span>
   if (type === LabelType.AssetReconfigure)
     return (

src/features/transactions-graph/mappers/horizontals.ts

@@ -114,7 +114,12 @@ const getAppCallTransactionRepresentations = (
         verticalId: verticals.find((c) => c.type === 'Application' && transaction.applicationId === c.applicationId)?.id ?? -1,
       }
 
-  const type = transaction.subType === AppCallTransactionSubType.Create ? LabelType.AppCreate : LabelType.AppCall
+  const type =
+    transaction.subType === AppCallTransactionSubType.Create
+      ? LabelType.AppCreate
+      : transaction.subType === AppCallTransactionSubType.Update
+        ? LabelType.AppUpdate
+        : LabelType.AppCall
   return [asTransactionGraphRepresentation(from, to, { type })]
 }
 

src/features/transactions-graph/models/index.ts

@@ -36,6 +36,7 @@ export enum LabelType {
   AssetTransferRemainder = 'AssetTransferRemainder',
   AppCall = 'AppCall',
   AppCreate = 'AppCreate',
+  AppUpdate = 'AppUpdate',
   AssetCreate = 'AssetCreate',
   AssetReconfigure = 'AssetReconfigure',
   AssetDestroy = 'AssetDestroy',
@@ -68,6 +69,7 @@ export type Label =
   | { type: LabelType.Clawback; asset: AsyncMaybeAtom<AssetSummary>; amount: number | bigint }
   | { type: LabelType.AppCall }
   | { type: LabelType.AppCreate }
+  | { type: LabelType.AppUpdate }
   | { type: LabelType.AssetCreate }
   | { type: LabelType.AssetReconfigure }
   | { type: LabelType.AssetDestroy }

src/features/transactions/mappers/app-call-transaction-mappers.ts

@@ -54,6 +54,7 @@ const mapCommonAppCallTransactionProperties = (
   indexPrefix?: string
 ) => {
   invariant(transactionResult.applicationTransaction, 'application-transaction is not set')
+
   const isCreate = !transactionResult.applicationTransaction.applicationId
   const onCompletion = asAppCallOnComplete(transactionResult.applicationTransaction.onCompletion)
   const isOpUp =
@@ -68,7 +69,11 @@ const mapCommonAppCallTransactionProperties = (
   return {
     ...mapCommonTransactionProperties(transactionResult),
     type: TransactionType.AppCall,
-    subType: isCreate ? AppCallTransactionSubType.Create : undefined,
+    subType: isCreate
+      ? AppCallTransactionSubType.Create
+      : onCompletion === AppCallOnComplete.Update
+        ? AppCallTransactionSubType.Update
+        : undefined,
     isOpUp,
     applicationId: transactionResult.applicationTransaction.applicationId
       ? transactionResult.applicationTransaction.applicationId

src/features/transactions/models/index.ts

@@ -160,6 +160,7 @@ export type LocalStateDelta = RawLocalStateDelta | DecodedLocalStateDelta
 
 export enum AppCallTransactionSubType {
   Create = 'Create',
+  Update = 'Update',
 }
 
 export type BaseAppCallTransaction = CommonTransactionProperties & {