Withdrawals

dapp/src/acre-react/contexts/AcreSdkContext.tsx

@@ -8,7 +8,10 @@ const ETH_RPC_URL = import.meta.env.VITE_ETH_HOSTNAME_HTTP
 
 type AcreSdkContextValue = {
   acre?: Acre
-  init: (bitcoinProvider: BitcoinProvider) => Promise<void>
+  init: (
+    bitcoinProvider: BitcoinProvider,
+    gelatoApiKey: string,
+  ) => Promise<void>
   isInitialized: boolean
 }
 
@@ -23,12 +26,13 @@ export function AcreSdkProvider({ children }: { children: React.ReactNode }) {
   const [isInitialized, setIsInitialized] = useState<boolean>(false)
 
   const init = useCallback<AcreSdkContextValue["init"]>(
-    async (bitcoinProvider: BitcoinProvider) => {
+    async (bitcoinProvider: BitcoinProvider, gelatoApiKey: string) => {
       const sdk: Acre = await Acre.initialize(
         BITCOIN_NETWORK,
         bitcoinProvider,
         TBTC_API_ENDPOINT,
         ETH_RPC_URL,
+        gelatoApiKey,
       )
 
       setAcre(sdk)

dapp/src/acre-react/hooks/index.ts

@@ -1,2 +1,3 @@
 export * from "./useAcreContext"
 export * from "./useStakeFlow"
+export { default as useInitializeWithdraw } from "./useInitializeWithdraw"

dapp/src/acre-react/hooks/useInitializeWithdraw.ts

@@ -0,0 +1,15 @@
+import { useCallback } from "react"
+import { useAcreContext } from "./useAcreContext"
+
+export default function useInitializeWithdraw() {
+  const { acre } = useAcreContext()
+
+  return useCallback(
+    async (amount: bigint) => {
+      if (!acre) return
+
+      await acre.account.initializeWithdrawal(amount)
+    },
+    [acre],
+  )
+}

dapp/src/components/TransactionModal/ActionFormModal.tsx

@@ -5,6 +5,7 @@ import { ACTION_FLOW_TYPES, ActionFlowType, BaseFormProps } from "#/types"
 import { TokenAmountFormValues } from "#/components/shared/TokenAmountForm/TokenAmountFormBase"
 import { logPromiseFailure } from "#/utils"
 import { setTokenAmount } from "#/store/action-flow"
+import { useInitializeWithdraw } from "#/acre-react/hooks"
 import StakeFormModal from "./ActiveStakingStep/StakeFormModal"
 import UnstakeFormModal from "./ActiveUnstakingStep/UnstakeFormModal"
 
@@ -27,6 +28,7 @@ const FORM_DATA: Record<
 
 function ActionFormModal({ type }: { type: ActionFlowType }) {
   const { initStake } = useStakeFlowContext()
+  const initializeWithdraw = useInitializeWithdraw()
   const dispatch = useAppDispatch()
 
   const [isLoading, setIsLoading] = useState(false)
@@ -43,17 +45,19 @@ function ActionFormModal({ type }: { type: ActionFlowType }) {
 
       try {
         setIsLoading(true)
-        // TODO: Init unstake flow
         if (type === ACTION_FLOW_TYPES.STAKE) await handleInitStake()
 
+        if (type === ACTION_FLOW_TYPES.UNSTAKE)
+          await initializeWithdraw(values.amount)
+
         dispatch(setTokenAmount({ amount: values.amount, currency: "bitcoin" }))
       } catch (error) {
         console.error(error)
       } finally {
         setIsLoading(false)
       }
     },
-    [dispatch, handleInitStake, type],
+    [dispatch, handleInitStake, type, initializeWithdraw],
   )
 
   const handleSubmitFormWrapper = useCallback(

dapp/src/hooks/sdk/useInitializeAcreSdk.ts

@@ -4,6 +4,8 @@ import { useAcreContext } from "#/acre-react/hooks"
 import { BitcoinProvider } from "@acre-btc/sdk"
 import { useBitcoinProvider } from "../orangeKit/useBitcoinProvider"
 
+const { VITE_GELATO_RELAY_API_KEY } = import.meta.env
+
 export function useInitializeAcreSdk() {
   const { init } = useAcreContext()
   const bitcoinProvider = useBitcoinProvider()
@@ -12,7 +14,7 @@ export function useInitializeAcreSdk() {
     if (!bitcoinProvider) return
 
     const initSDK = async (provider: BitcoinProvider) => {
-      await init(provider)
+      await init(provider, VITE_GELATO_RELAY_API_KEY)
     }
 
     logPromiseFailure(initSDK(bitcoinProvider))