Feat: Streaming payments (UI)

amplify/backend/api/colonycdapp/schema/schema.graphql

@@ -4324,4 +4324,4 @@ type UserStake @model {
   Only applicable for expenditure stakes, indicates if the creator's stake was forfeited when expenditure was cancelled
   """
   isForfeited: Boolean
-}
+}

amplify/backend/backend-config.json

@@ -281,263 +281,5 @@
       "providerPlugin": "awscloudformation",
       "service": "Lambda"
     }
-  },
-  "parameters": {
-    "AMPLIFY_function_colonycdappSSMAccess_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "colonycdappSSMAccess"
-        }
-      ]
-    },
-    "AMPLIFY_function_colonycdappSSMAccess_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "colonycdappSSMAccess"
-        }
-      ]
-    },
-    "AMPLIFY_function_createColonyEtherealMetadata_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createColonyEtherealMetadata"
-        }
-      ]
-    },
-    "AMPLIFY_function_createColonyEtherealMetadata_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createColonyEtherealMetadata"
-        }
-      ]
-    },
-    "AMPLIFY_function_createPrivateBetaInvite_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createPrivateBetaInvite"
-        }
-      ]
-    },
-    "AMPLIFY_function_createPrivateBetaInvite_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createPrivateBetaInvite"
-        }
-      ]
-    },
-    "AMPLIFY_function_createUniqueUser_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createUniqueUser"
-        }
-      ]
-    },
-    "AMPLIFY_function_createUniqueUser_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "createUniqueUser"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchColonyBalances_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchColonyBalances"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchColonyBalances_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchColonyBalances"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchColonyNativeFundsClaim_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchColonyNativeFundsClaim"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchColonyNativeFundsClaim_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchColonyNativeFundsClaim"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchMotionState_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchMotionState"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchMotionState_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchMotionState"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchMotionTimeoutPeriods_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchMotionTimeoutPeriods"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchMotionTimeoutPeriods_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchMotionTimeoutPeriods"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchTokenFromChain_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchTokenFromChain"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchTokenFromChain_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchTokenFromChain"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchVoterRewards_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchVoterRewards"
-        }
-      ]
-    },
-    "AMPLIFY_function_fetchVoterRewards_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "fetchVoterRewards"
-        }
-      ]
-    },
-    "AMPLIFY_function_getSafeTransactionStatus_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getSafeTransactionStatus"
-        }
-      ]
-    },
-    "AMPLIFY_function_getSafeTransactionStatus_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getSafeTransactionStatus"
-        }
-      ]
-    },
-    "AMPLIFY_function_getUserReputation_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getUserReputation"
-        }
-      ]
-    },
-    "AMPLIFY_function_getUserReputation_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getUserReputation"
-        }
-      ]
-    },
-    "AMPLIFY_function_getUserTokenBalance_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getUserTokenBalance"
-        }
-      ]
-    },
-    "AMPLIFY_function_getUserTokenBalance_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "getUserTokenBalance"
-        }
-      ]
-    },
-    "AMPLIFY_function_qaSSMtest_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "qaSSMtest"
-        }
-      ]
-    },
-    "AMPLIFY_function_qaSSMtest_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "qaSSMtest"
-        }
-      ]
-    },
-    "AMPLIFY_function_updateContributorsWithReputation_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "updateContributorsWithReputation"
-        }
-      ]
-    },
-    "AMPLIFY_function_updateContributorsWithReputation_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "updateContributorsWithReputation"
-        }
-      ]
-    },
-    "AMPLIFY_function_validateUserInvite_deploymentBucketName": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "validateUserInvite"
-        }
-      ]
-    },
-    "AMPLIFY_function_validateUserInvite_s3Key": {
-      "usedBy": [
-        {
-          "category": "function",
-          "resourceName": "validateUserInvite"
-        }
-      ]
-    }
   }
 }

src/apollo/cache/index.ts

@@ -151,6 +151,29 @@ const cache = new InMemoryCache({
             };
           },
         },
+        getStreamingPaymentsByColony: {
+          keyArgs: ['$domainId', '$recipientAddress'],
+          merge(existing = {}, incoming, { args }) {
+            // remove duplicates from incoming data
+            const uniqueIncomingItems = Array.from(
+              new Map(
+                // eslint-disable-next-line no-underscore-dangle
+                incoming.items.map((item) => [item.__ref, item]),
+              ).values(),
+            );
+
+            if (!args?.nextToken) {
+              return {
+                ...incoming,
+                items: uniqueIncomingItems,
+              };
+            }
+            return {
+              ...incoming,
+              items: [...existing.items, ...uniqueIncomingItems],
+            };
+          },
+        },
       },
     },
     ...cacheUpdates,

src/components/common/ColonyActions/helpers/getActionTitleValues.ts

@@ -7,6 +7,7 @@ import {
   ColonyActionType,
   type Colony,
   type Expenditure,
+  type StreamingPayment,
 } from '~types/graphql.ts';
 import {
   getExtendedActionType,
@@ -43,11 +44,38 @@ export enum ActionTitleMessageKeys {
   StagedAmount = 'stagedAmount',
   ArbitraryTransactionsLength = 'arbitraryTransactionsLength',
   ArbitraryMethod = 'arbitraryMethod',
+  Period = 'period',
 }
 
 /* Maps actionTypes to message values as found in en-actions.ts */
+/**
+ * @TODO: Refactor to use comparison instead of includes which is just a partial match on the string
+ */
 const getMessageDescriptorKeys = (actionType: AnyActionType) => {
   switch (true) {
+    case actionType === ColonyActionType.Payment:
+      return [
+        ActionTitleMessageKeys.Recipient,
+        ActionTitleMessageKeys.Amount,
+        ActionTitleMessageKeys.TokenSymbol,
+        ActionTitleMessageKeys.Initiator,
+      ];
+    case actionType.includes(ColonyActionType.CreateStreamingPayment):
+      return [
+        ActionTitleMessageKeys.Recipient,
+        ActionTitleMessageKeys.Amount,
+        ActionTitleMessageKeys.TokenSymbol,
+        ActionTitleMessageKeys.Initiator,
+        ActionTitleMessageKeys.Period,
+      ];
+    case actionType.includes(ColonyActionType.Payment) &&
+      !actionType.includes(ExtendedColonyActionType.SplitPayment):
+      return [
+        ActionTitleMessageKeys.Recipient,
+        ActionTitleMessageKeys.Amount,
+        ActionTitleMessageKeys.TokenSymbol,
+        ActionTitleMessageKeys.Initiator,
+      ];
     case actionType.includes(ColonyActionType.MoveFunds):
       return [
         ActionTitleMessageKeys.Amount,
@@ -181,12 +209,14 @@ const useGetActionTitleValues = ({
   keyFallbackValues,
   expenditureData,
   networkInverseFee,
+  streamingPaymentData,
 }: {
   actionData: ColonyAction | null | undefined;
   colony: Pick<Colony, 'metadata' | 'nativeToken'> | undefined;
   keyFallbackValues?: Partial<Record<ActionTitleMessageKeys, React.ReactNode>>;
   expenditureData?: Expenditure;
   networkInverseFee?: string;
+  streamingPaymentData?: StreamingPayment;
 }) => {
   const { isMotion, pendingColonyMetadata } = actionData || {};
 
@@ -196,6 +226,7 @@ const useGetActionTitleValues = ({
     keyFallbackValues,
     expenditureData,
     networkInverseFee,
+    streamingPaymentData,
   });
 
   if (!actionData || !colony) {