feat: siwx cloud auth config flag

apps/laboratory/src/pages/library/wagmi.tsx

@@ -21,7 +21,8 @@ const modal = createAppKit({
   networks: ConstantsUtil.EvmNetworks,
   projectId: ConstantsUtil.ProjectId,
   features: {
-    analytics: true
+    analytics: true,
+    auth: true
   },
   customWallets: ConstantsUtil.CustomWallets
 })

packages/appkit/package.json

@@ -102,6 +102,7 @@
     "@reown/appkit-polyfills": "workspace:*",
     "@reown/appkit-scaffold-ui": "workspace:*",
     "@reown/appkit-siwe": "workspace:*",
+    "@reown/appkit-siwx": "workspace:*",
     "@reown/appkit-ui": "workspace:*",
     "@reown/appkit-utils": "workspace:*",
     "@reown/appkit-wallet": "workspace:*",

packages/appkit/src/client.ts

@@ -680,7 +680,6 @@ export class AppKit {
     OptionsController.setTermsConditionsUrl(options.termsConditionsUrl)
     OptionsController.setPrivacyPolicyUrl(options.privacyPolicyUrl)
     OptionsController.setCustomWallets(options.customWallets)
-    OptionsController.setFeatures(options.features)
     OptionsController.setEnableWalletConnect(options.enableWalletConnect !== false)
     OptionsController.setEnableWallets(options.enableWallets !== false)
     OptionsController.setEIP6963Enabled(options.enableEIP6963 !== false)
@@ -724,6 +723,20 @@ export class AppKit {
         OptionsController.setSIWX(siwe.mapToSIWX(options.siweConfig))
       }
     }
+
+    OptionsController.subscribeKey('features', async features => {
+      if (features?.auth) {
+        if (OptionsController.state.siwx) {
+          console.warn("SIWX config already enabled, 'auth' feature will not be enabled")
+
+          return
+        }
+
+        const siwx = await import('@reown/appkit-siwx')
+        OptionsController.setSIWX(new siwx.CloudAuthSIWX())
+      }
+    })
+    OptionsController.setFeatures(options.features)
   }
 
   private getDefaultMetaData() {

packages/core/src/controllers/ApiController.ts

@@ -5,6 +5,7 @@ import { FetchUtil } from '../utils/FetchUtil.js'
 import { StorageUtil } from '../utils/StorageUtil.js'
 import type {
   ApiGetAnalyticsConfigResponse,
+  ApiGetProjectConfigResponse,
   ApiGetWalletsRequest,
   ApiGetWalletsResponse,
   WcWallet
@@ -276,7 +277,8 @@ export const ApiController = {
       ApiController.fetchFeaturedWallets(),
       ApiController.fetchRecommendedWallets(),
       ApiController.fetchNetworkImages(),
-      ApiController.fetchConnectorImages()
+      ApiController.fetchConnectorImages(),
+      ApiController.fetchProjectConfig()
     ]
     if (OptionsController.state.features?.analytics) {
       promises.push(ApiController.fetchAnalyticsConfig())
@@ -290,5 +292,14 @@ export const ApiController = {
       params: ApiController._getSdkProperties()
     })
     OptionsController.setFeatures({ analytics: isAnalyticsEnabled })
+  },
+
+  async fetchProjectConfig() {
+    const { isAnalyticsEnabled, isAppKitAuthEnabled } = await api.get<ApiGetProjectConfigResponse>({
+      path: '/getProjectConfig',
+      params: ApiController._getSdkProperties()
+    })
+    console.log({ isAnalyticsEnabled, isAppKitAuthEnabled })
+    OptionsController.setFeatures({ analytics: isAnalyticsEnabled, auth: isAppKitAuthEnabled })
   }
 }

packages/core/src/utils/ConstantsUtil.ts

@@ -237,6 +237,7 @@ export const ConstantsUtil = {
     smartSessions: false,
     collapseWallets: false,
     connectMethodsOrder: ['email', 'social', 'wallet'],
-    walletFeaturesOrder: ['onramp', 'swaps', 'receive', 'send']
+    walletFeaturesOrder: ['onramp', 'swaps', 'receive', 'send'],
+    auth: false
   } satisfies Features
 }

packages/core/src/utils/TypeUtil.ts

@@ -169,8 +169,9 @@ export interface ApiGetWalletsResponse {
   count: number
 }
 
-export interface ApiGetAnalyticsConfigResponse {
+export interface ApiGetProjectConfigResponse {
   isAnalyticsEnabled: boolean
+  isAppKitAuthEnabled: boolean
 }
 
 export type ThemeMode = 'dark' | 'light'
@@ -1068,6 +1069,12 @@ export type Features = {
    * @default false
    */
   collapseWallets?: boolean
+  /**
+   * @description Enable or disable the AppKit Auth feature. Disabled by default.
+   * This will enable SIWX configuration using Cloud Auth. You can configure this flag through the Project Cloud dashboard.
+   * @default false
+   */
+  auth?: boolean
 }
 
 export type FeaturesKeys = keyof Features