wip

apps/console/app/root.tsx

@@ -81,6 +81,7 @@ export type LoaderData = {
   ENV: {
     INTERNAL_GOOGLE_ANALYTICS_TAG: string
     REMIX_DEV_SERVER_WS_PORT?: number
+    WALLET_CONNECT_PROJECT_ID: string
   }
 }
 
@@ -127,6 +128,7 @@ export const loader: LoaderFunction = async ({ request, context }) => {
       avatarUrl,
       PASSPORT_URL,
       ENV: {
+        WALLET_CONNECT_PROJECT_ID,
         INTERNAL_GOOGLE_ANALYTICS_TAG,
         REMIX_DEV_SERVER_WS_PORT:
           process.env.NODE_ENV === 'development'

apps/console/app/routes/apps/$clientId/designer.beta.tsx

@@ -54,6 +54,7 @@ const client = createClient(
   // @ts-ignore
   getDefaultClient({
     appName: 'Rollup',
+    walletConnectProjectId: typeof window !== 'undefined' && window.ENV.WALLET_CONNECT_PROJECT_ID,
   })
 )
 
@@ -77,9 +78,8 @@ const DesignerTab = ({
   selected: boolean
 }) => (
   <div
-    className={`box-border -mb-0.5 mr-8 pb-4 px-1 flex flex-row items-center gap-2 border-b-2 ${
-      selected ? 'border-indigo-600' : 'border-transparent'
-    }`}
+    className={`box-border -mb-0.5 mr-8 pb-4 px-1 flex flex-row items-center gap-2 border-b-2 ${selected ? 'border-indigo-600' : 'border-transparent'
+      }`}
   >
     <Icon
       className={`w-5 h-5 ${selected ? 'text-indigo-600' : 'text-gray-500'}`}
@@ -169,9 +169,8 @@ const RadiusButton = ({
   return (
     <button
       type="button"
-      className={`w-full py-1.5 px-2.5 rounded-md ${
-        selected ? 'bg-indigo-500' : ''
-      }`}
+      className={`w-full py-1.5 px-2.5 rounded-md ${selected ? 'bg-indigo-500' : ''
+        }`}
       onClick={(e) => {
         e.preventDefault()
         setRadius(radius)
@@ -403,10 +402,10 @@ export default () => {
     }[]
   >(
     appTheme?.providers ??
-      AuthenticationScreenDefaults.knownKeys.map((k) => ({
-        key: k,
-        enabled: true,
-      }))
+    AuthenticationScreenDefaults.knownKeys.map((k) => ({
+      key: k,
+      enabled: true,
+    }))
   )
   const [providerModalOpen, setProviderModalOpen] = useState<boolean>(false)
 
@@ -689,7 +688,7 @@ export default () => {
                       minWidth={720}
                       minHeight={1080}
                       id="image"
-                      setIsFormChanged={(val) => {}}
+                      setIsFormChanged={(val) => { }}
                       setIsImgUploading={(val) => {
                         setLoading(val)
                       }}
@@ -855,8 +854,8 @@ export default () => {
                                 'urn:rollupid:address/0xc2b930f1fc2a55ddc1bf99e8844ca0479567ac44f3e2eea58216660e26947686',
                             },
                           ]}
-                          selectEmailCallback={() => {}}
-                          addNewEmailCallback={() => {}}
+                          selectEmailCallback={() => { }}
+                          addNewEmailCallback={() => { }}
                           connectedAccounts={[
                             {
                               address: 'email@example.com',
@@ -889,14 +888,14 @@ export default () => {
                             },
                           ]}
                           connectedSmartContractWallets={[]}
-                          addNewAccountCallback={() => {}}
-                          addNewSmartWalletCallback={() => {}}
-                          selectSmartWalletCallback={() => {}}
-                          selectAccountsCallback={() => {}}
+                          addNewAccountCallback={() => { }}
+                          addNewSmartWalletCallback={() => { }}
+                          selectSmartWalletCallback={() => { }}
+                          selectAccountsCallback={() => { }}
                           // disableAuthorize={true}
                           transitionState={'idle'}
-                          cancelCallback={() => {}}
-                          authorizeCallback={() => {}}
+                          cancelCallback={() => { }}
+                          authorizeCallback={() => { }}
                           radius={radius}
                         />
                       </Tab.Panel>

apps/console/bindings.d.ts

@@ -15,4 +15,5 @@ declare global {
 
   const INTERNAL_CLOUDFLARE_ZONE_ID: string
   const TOKEN_CLOUDFLARE_API: string
+  const WALLET_CONNECT_PROJECT_ID: string
 }

apps/console/package.json

@@ -32,7 +32,7 @@
     "@remix-run/react": "1.14.0",
     "@tailwindcss/forms": "0.5.3",
     "bcryptjs": "2.4.3",
-    "connectkit": "1.2.0",
+    "connectkit": "1.3.0",
     "cross-env": "7.0.3",
     "ethers": "5.7.2",
     "flowbite": "1.6.5",
@@ -44,7 +44,7 @@
     "react-helmet": "6.1.0",
     "react-icons": "4.8.0",
     "tiny-invariant": "1.3.1",
-    "wagmi": "0.11.7"
+    "wagmi": "0.12.0"
   },
   "devDependencies": {
     "@babel/core": "7.20.2",

apps/passport/app/root.tsx

@@ -102,6 +102,7 @@ export const loader: LoaderFunction = async ({ request, context, params }) => {
       flashes,
       ENV: {
         PROFILE_APP_URL: context.env.PROFILE_APP_URL,
+        WALLET_CONNECT_PROJECT_ID: context.env.WALLET_CONNECT_PROJECT_ID,
         INTERNAL_GOOGLE_ANALYTICS_TAG:
           context.env.INTERNAL_GOOGLE_ANALYTICS_TAG,
         APIKEY_ALCHEMY_PUBLIC: context.env.APIKEY_ALCHEMY_PUBLIC,

apps/passport/bindings.d.ts

@@ -19,6 +19,7 @@ declare global {
     PASSPORT_REDIRECT_URL: string
     APIKEY_ALCHEMY_PUBLIC: string
     REMIX_DEV_SERVER_WS_PORT: number
+    WALLET_CONNECT_PROJECT_ID: string
 
     INTERNAL_GOOGLE_ANALYTICS_TAG: string
 

apps/passport/package.json

@@ -30,7 +30,8 @@
     "@remix-run/cloudflare-workers": "1.14.0",
     "@remix-run/react": "1.14.0",
     "@tailwindcss/forms": "0.5.3",
-    "connectkit": "1.2.0",
+    "@web3modal/standalone": "2.4.1",
+    "connectkit": "1.3.0",
     "csp-header": "5.1.0",
     "flowbite": "1.6.5",
     "flowbite-react": "0.4.3",
@@ -47,7 +48,7 @@
     "remix-auth-oauth2": "1.5.0",
     "remix-auth-twitter": "1.0.0",
     "remix-utils": "6.3.0",
-    "wagmi": "0.11.7"
+    "wagmi": "0.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.2",

apps/profile/package.json

@@ -57,7 +57,7 @@
     "remix-auth-oauth2": "1.5.0",
     "tw-elements": "1.0.0-alpha12",
     "urns": "0.6.0",
-    "wagmi": "0.10.8"
+    "wagmi": "0.12.0"
   },
   "devDependencies": {
     "@babel/core": "7.20.2",