Inital fix for showing min send amount based on currency

Author: kjmitchelljr

src/background/services/monetization.ts

@@ -434,11 +434,22 @@ export class MonetizationService {
 
     const { oneTimeGrant, recurringGrant, ...dataFromStorage } = storedData;
 
+    // #1071
+    let minSendAmount = '0';
+      if (tab.id) {
+        // If we have a payment manager for this tab, get the min send amount
+        const paymentManager = this.tabState.paymentManagers.get(tab.id);
+        if (paymentManager) {
+          minSendAmount = paymentManager.minSendAmount.toString();
+        }
+      }
+
     return {
       ...dataFromStorage,
       balance: balance.total.toString(),
       tab: this.tabState.getPopupTabData(tab),
       transientState: this.storage.getPopupTransientState(),
+      minSendAmount,
       grants: {
         oneTime: oneTimeGrant?.amount,
         recurring: recurringGrant?.amount,

src/background/services/paymentManager.ts

@@ -150,6 +150,18 @@ export class PaymentManager {
     return this.sessions.filter((s) => s.isUsable);
   }
 
+  // bugfix #1071
+  get minSendAmount(): bigint {
+    // Check to see if there are any payable sessions
+    if (!this.payableSessions.length) return 0n;
+
+    // NOTE: How is a payable session defined, i.e. are could the minSendAmount be different currencies?
+    return this.payableSessions.reduce(
+      (max, session) => session.minSendAmount > max ? session.minSendAmount : max,
+      0n
+    );
+  }
+
   private createStreamIfNotExists(frameId: FrameId) {
     let stream = this.streams.get(frameId);
     if (!stream) {

src/pages/popup/components/PayWebsiteForm.tsx

@@ -14,7 +14,7 @@ type Errors = Record<ErrorsParams, ErrorInfo | null>;
 export const PayWebsiteForm = () => {
   const t = useTranslation();
   const message = useMessage();
-  const { walletAddress, tab } = usePopupState();
+  const { walletAddress, tab, minSendAmount } = usePopupState();
 
   const toErrorInfo = React.useCallback(
     (err?: string | ErrorWithKeyLike | null): ErrorInfo | null => {
@@ -100,8 +100,9 @@ export const PayWebsiteForm = () => {
         walletAddress={walletAddress}
         amount={amount}
         placeholder="0.00"
+        // #1071
         min={roundWithPrecision(
-          2 / 10 ** walletAddress.assetScale,
+          Number(minSendAmount) / 10 ** walletAddress.assetScale,
           walletAddress.assetScale,
         )}
         errorMessage={errors.amount?.message}

src/shared/types.ts

@@ -140,6 +140,7 @@ export type PopupStore = Omit<
   balance: AmountValue;
   tab: PopupTabInfo;
   transientState: PopupTransientState;
+  minSendAmount: string; // # 1071
   grants?: Partial<{
     oneTime: OneTimeGrant['amount'];
     recurring: RecurringGrant['amount'];