Merge pull request #68 from reservoirprotocol/ted/grwth-4324-add-usee…

…xactinput-parameter-to-bridge-action

Sync api types + add useExactInput parameter to demo

.changeset/moody-frogs-exist.md

@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-sdk': patch
+---
+
+Sync api types + add useExactInput parameter to demo

demo/pages/sdk/actions/bridge.tsx

@@ -12,6 +12,7 @@ const BridgeActionPage: NextPage = () => {
   const [currency, setCurrency] =useState<BridgeActionParameters['currency']>('eth')
   const [usePermit, setUsePermit] = useState(false)
   const [canonical, setCanonical] = useState(false)
+  const [useExactInput, setUseExactInput] = useState(false)
   const [toChainId, setToChainId] = useState<number>(zora.id)
   const [fromChainId, setFromChainId] = useState<number>(base.id)
   const [depositGasLimit, setDepositGasLimit] = useState("")
@@ -91,6 +92,17 @@ const BridgeActionPage: NextPage = () => {
         />
       </div>
 
+      <div>
+        <label>Use Exact Input: </label>
+        <input
+          type="checkbox"
+          checked={useExactInput}
+          onChange={(e) => {
+            setUseExactInput(e.target.checked)
+          }}
+        />
+      </div>
+
       <div>
         <label>Recipient: </label>
         <input placeholder='Who is the receiver?' value={recipient} onChange={(e) => setRecipient(e.target.value)} />
@@ -132,7 +144,8 @@ const BridgeActionPage: NextPage = () => {
             depositGasLimit,
             options: {
               usePermit: usePermit,
-              useExternalLiquidity: canonical
+              useExternalLiquidity: canonical,
+              useExactInput: useExactInput
             },
             onProgress: (steps, fees, currentStep, currentStepItem, txHashes) => {
               console.log(steps, fees, currentStep, currentStepItem, txHashes)

demo/pages/sdk/methods/getBridgeQuote.tsx

@@ -12,6 +12,7 @@ const GetBridgeQuotePage: NextPage = () => {
   const [currency, setCurrency] =useState<BridgeActionParameters['currency']>('eth')
   const [toChainId, setToChainId] = useState<number>(zora.id)
   const [fromChainId, setFromChainId] = useState<number>(base.id)
+  const [useExactInput, setUseExactInput] = useState(false)
   const { data: wallet } = useWalletClient()
   const [response, setResponse] = useState<Execute |null>(null)
 
@@ -68,6 +69,18 @@ const GetBridgeQuotePage: NextPage = () => {
         <label>To: </label>
         <input placeholder='Who is the receiver?' value={recipient} onChange={(e) => setRecipient(e.target.value)} />
       </div>
+
+      <div>
+        <label>Use Exact Input: </label>
+        <input
+          type="checkbox"
+          checked={useExactInput}
+          onChange={(e) => {
+            setUseExactInput(e.target.checked)
+          }}
+        />
+      </div>
+
       <button 
         style={{
           marginTop: 50,
@@ -95,6 +108,9 @@ const GetBridgeQuotePage: NextPage = () => {
             amount,
             currency,
             recipient: recipient ? recipient as Address : undefined,
+            options:{
+              useExactInput: useExactInput
+            }
           })
           setResponse(quote as Execute)
         }}>

packages/sdk/src/routes/index.ts

@@ -14,5 +14,6 @@ export const routes = [
   "/transactions/index",
   "/transactions/status",
   "/users/balance",
+  "/conduit/install",
   "/prices/rates"
 ];