From 665cad2ae94c7394073ca8f8d21d564969ed3d78 Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Tue, 15 Apr 2025 11:41:20 -0400
Subject: [PATCH 1/2] 4624-query-strings

---
 examples/react/src/components/Connected.tsx | 8 +++++---
 packages/connect/src/styles.ts              | 6 ++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/examples/react/src/components/Connected.tsx b/examples/react/src/components/Connected.tsx
index 8ecfde5a0..27b8a3bc7 100644
--- a/examples/react/src/components/Connected.tsx
+++ b/examples/react/src/components/Connected.tsx
@@ -33,6 +33,8 @@ import { delay, getCheckoutSettings, getOrderbookCalldata } from '../utils'
 // append ?debug to url to enable debug mode
 const searchParams = new URLSearchParams(location.search)
 const isDebugMode = searchParams.has('debug')
+const checkoutProvider = searchParams.get('checkoutProvider')
+const onRampProvider = searchParams.get('onRampProvider')
 
 export const Connected = () => {
   const { setOpenConnectModal } = useOpenConnectModal()
@@ -391,8 +393,8 @@ export const Connected = () => {
       recipientAddress: address,
       currencyAddress,
       collectionAddress,
-      creditCardProviders: ['sardine', 'transak'],
-      onRampProvider: TransactionOnRampProvider.sardine,
+      creditCardProviders: [checkoutProvider || 'transak'],
+      onRampProvider: onRampProvider ? (onRampProvider as TransactionOnRampProvider) : TransactionOnRampProvider.transak,
       transakConfig: {
         contractId,
         apiKey: '5911d9ec-46b5-48fa-a755-d59a715ff0cf'
@@ -444,7 +446,7 @@ export const Connected = () => {
   const onClickAddFunds = () => {
     triggerAddFunds({
       walletAddress: address || '',
-      provider: TransactionOnRampProvider.transak
+      provider: onRampProvider ? (onRampProvider as TransactionOnRampProvider) : TransactionOnRampProvider.transak
     })
   }
 
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index b8541913c..64853c22c 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -553,6 +553,12 @@ export const styles = String.raw`
   .w-screen {
     width: 100vw;
   }
+  .max-w-1 {
+    max-width: calc(var(--spacing) * 1);
+  }
+  .max-w-1\/2 {
+    max-width: calc(1/2 * 100%);
+  }
   .max-w-\[532px\] {
     max-width: 532px;
   }

From 94e5682670a8b59b26ffc29b9806cffa0fdd359c Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Wed, 23 Apr 2025 14:24:42 -0400
Subject: [PATCH 2/2] styles regen

---
 packages/connect/src/styles.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index 64853c22c..70baa624f 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -556,9 +556,6 @@ export const styles = String.raw`
   .max-w-1 {
     max-width: calc(var(--spacing) * 1);
   }
-  .max-w-1\/2 {
-    max-width: calc(1/2 * 100%);
-  }
   .max-w-\[532px\] {
     max-width: 532px;
   }