From 0ffaba97b06a66815eb8cef22c17454009bbf86a Mon Sep 17 00:00:00 2001
From: selim <138768831+sprrwhwk@users.noreply.github.com>
Date: Fri, 2 Feb 2024 14:38:04 +0300
Subject: [PATCH] [retire] disable fiat payments for icr projects (#2178)

* disable fiat payments for icr projects

* rename prop

* remove logging statement

* use usdc as default for icr

* trigger rebuild

* trigger rebuild

* touch api module

* touch api module

* revert

* log current api url

* bump version

* change version

* revert unnecessary changes

* bump api version

* log timeout message

---------

Co-authored-by: Michael Collins <0xemc@protonmail.com>
---
 .../pages/Project/Retire/Pool/RetireForm.tsx       | 14 ++++++++++++--
 .../pages/Project/Retire/Pool/RetireInputs.tsx     |  3 ++-
 carbonmark/lib/getPaymentMethods.ts                |  2 +-
 carbonmark/lib/types/carbonmark.types.ts           |  7 ++++++-
 carbonmark/lib/waitForApi.ts                       |  1 +
 5 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/carbonmark/components/pages/Project/Retire/Pool/RetireForm.tsx b/carbonmark/components/pages/Project/Retire/Pool/RetireForm.tsx
index d0fbcc95ff..dfcf2e856d 100644
--- a/carbonmark/components/pages/Project/Retire/Pool/RetireForm.tsx
+++ b/carbonmark/components/pages/Project/Retire/Pool/RetireForm.tsx
@@ -21,6 +21,8 @@ import { getFiatInfo } from "lib/fiat/fiatInfo";
 import { getPoolApprovalValue } from "lib/getPoolData";
 import { TransactionStatusMessage, TxnStatus } from "lib/statusMessage";
 import {
+  CarbonmarkPaymentMethod,
+  CarbonmarkPaymentMethods,
   ListingProduct,
   PoolProduct,
   Product,
@@ -74,6 +76,8 @@ export const RetireForm: FC<Props> = (props) => {
   const [costs, setCosts] = useState("");
 
   const { product } = props;
+  const defaultPaymentMethod: CarbonmarkPaymentMethod =
+    props.project.registry.startsWith("ICR") ? "usdc" : "fiat";
 
   const methods = useForm<FormValues>({
     mode: "onChange",
@@ -81,7 +85,7 @@ export const RetireForm: FC<Props> = (props) => {
       projectTokenAddress: isPool(product)
         ? product?.projectTokenAddress
         : undefined,
-      paymentMethod: "fiat",
+      paymentMethod: defaultPaymentMethod,
       ...inputValues,
     },
   });
@@ -96,7 +100,7 @@ export const RetireForm: FC<Props> = (props) => {
     // for the usdc icons to be visible for the required transition
     // on first load the default paymentMethod is set as usdc & then
     // immediately set to fiat.
-    methods.setValue("paymentMethod", "fiat");
+    methods.setValue("paymentMethod", defaultPaymentMethod);
   }, []);
 
   useEffect(() => {
@@ -335,6 +339,11 @@ export const RetireForm: FC<Props> = (props) => {
     }
   }, [retirementBlockNumber]);
 
+  const permittedPaymentMethods: Array<CarbonmarkPaymentMethod> =
+    props.project.registry.startsWith("ICR")
+      ? CarbonmarkPaymentMethods.filter((method) => method !== "fiat")
+      : Array.from(CarbonmarkPaymentMethods);
+
   return (
     <FormProvider {...methods}>
       <TwoColLayout>
@@ -353,6 +362,7 @@ export const RetireForm: FC<Props> = (props) => {
                 address={address}
                 fiatAmountError={fiatAmountError}
                 approvalValue={getApprovalValue()}
+                enabledPaymentMethods={permittedPaymentMethods}
               />
               <SubmitButton
                 onSubmit={onContinue}
diff --git a/carbonmark/components/pages/Project/Retire/Pool/RetireInputs.tsx b/carbonmark/components/pages/Project/Retire/Pool/RetireInputs.tsx
index 1607370b30..59538e3d5d 100644
--- a/carbonmark/components/pages/Project/Retire/Pool/RetireInputs.tsx
+++ b/carbonmark/components/pages/Project/Retire/Pool/RetireInputs.tsx
@@ -38,6 +38,7 @@ type Props = {
   address?: string;
   fiatAmountError?: boolean;
   approvalValue: string;
+  enabledPaymentMethods: Array<CarbonmarkPaymentMethod>;
 };
 
 const validations = (
@@ -338,7 +339,7 @@ export const RetireInputs: FC<Props> = (props) => {
                 <>
                   <button
                     type="button"
-                    disabled={value.disabled}
+                    disabled={!props.enabledPaymentMethods.includes(value.id)}
                     aria-label="Payment Method"
                     onClick={() => {
                       if (value.id === "usdc" && !isConnected && !address) {
diff --git a/carbonmark/lib/getPaymentMethods.ts b/carbonmark/lib/getPaymentMethods.ts
index 65d6159682..209ae2cf6f 100644
--- a/carbonmark/lib/getPaymentMethods.ts
+++ b/carbonmark/lib/getPaymentMethods.ts
@@ -6,7 +6,7 @@ import USDC from "public/icons/USDC.png";
 
 export type CarbonmarkPaymentMethodMap = {
   [key in CarbonmarkPaymentMethod]: {
-    id: string;
+    id: CarbonmarkPaymentMethod;
     icon: StaticImageData;
     label: Uppercase<CarbonmarkPaymentMethod> | "Credit Card" | "Bank Transfer";
     disabled: boolean;
diff --git a/carbonmark/lib/types/carbonmark.types.ts b/carbonmark/lib/types/carbonmark.types.ts
index b170ea2500..5ebae08998 100644
--- a/carbonmark/lib/types/carbonmark.types.ts
+++ b/carbonmark/lib/types/carbonmark.types.ts
@@ -202,4 +202,9 @@ export type Balance = {
 };
 
 // add more methods here later
-export type CarbonmarkPaymentMethod = "usdc" | "fiat" | "bank-transfer";
+export const CarbonmarkPaymentMethods = [
+  "usdc",
+  "fiat",
+  "bank-transfer",
+] as const;
+export type CarbonmarkPaymentMethod = (typeof CarbonmarkPaymentMethods)[number];
diff --git a/carbonmark/lib/waitForApi.ts b/carbonmark/lib/waitForApi.ts
index 36bfb7bf8c..d0b75a00ac 100644
--- a/carbonmark/lib/waitForApi.ts
+++ b/carbonmark/lib/waitForApi.ts
@@ -9,6 +9,7 @@ export const waitForApi = async (): Promise<boolean> => {
       await getVintages();
       return true;
     } catch (e) {
+      console.debug(e.message);
       console.debug(
         `Waiting for API to come online at ${urls.api.base} (${counter})`
       );