@dubsdotapp/expo 0.2.0 → 0.2.1

package/dist/index.d.mts

@@ -286,6 +286,12 @@ interface LiveScore {
         statusDetail: string;
     };
 }
+interface UiConfig {
+    accentColor?: string;
+    appIcon?: string;
+    appName?: string;
+    tagline?: string;
+}
 
 interface DubsClientConfig {
     apiKey: string;
@@ -347,6 +353,8 @@ declare class DubsClient {
     parseErrorLocal(error: unknown): ParsedError;
     /** Get the full local error code map */
     getErrorCodesLocal(): Record<number, SolanaErrorCode>;
+    /** Fetch the app's UI customization config (accent color, icon, tagline) */
+    getAppConfig(): Promise<UiConfig>;
 }
 
 declare class DubsApiError extends Error {
@@ -430,8 +438,10 @@ interface AuthGateProps {
     renderError?: (error: Error, retry: () => void) => React$1.ReactNode;
     renderRegistration?: (props: RegistrationScreenProps) => React$1.ReactNode;
     appName?: string;
+    /** Override accent color for registration screens (from developer UI config) */
+    accentColor?: string;
 }
-declare function AuthGate({ children, onSaveToken, onLoadToken, renderLoading, renderError, renderRegistration, appName, }: AuthGateProps): react_jsx_runtime.JSX.Element;
+declare function AuthGate({ children, onSaveToken, onLoadToken, renderLoading, renderError, renderRegistration, appName, accentColor, }: AuthGateProps): react_jsx_runtime.JSX.Element;
 
 interface ConnectWalletScreenProps {
     /** Called when the user taps Connect Wallet */
@@ -442,8 +452,14 @@ interface ConnectWalletScreenProps {
     error?: string | null;
     /** App name shown in the header. Defaults to "Dubs" */
     appName?: string;
-}
-declare function ConnectWalletScreen({ onConnect, connecting, error, appName, }: ConnectWalletScreenProps): react_jsx_runtime.JSX.Element;
+    /** Override accent color (e.g. from developer UI config) */
+    accentColor?: string;
+    /** URL to app icon — renders as Image instead of the default letter circle */
+    appIcon?: string;
+    /** Override subtitle text below app name */
+    tagline?: string;
+}
+declare function ConnectWalletScreen({ onConnect, connecting, error, appName, accentColor, appIcon, tagline, }: ConnectWalletScreenProps): react_jsx_runtime.JSX.Element;
 
 interface DubsContextValue {
     client: DubsClient;
@@ -658,6 +674,8 @@ interface DubsTheme {
     errorBorder: string;
 }
 declare function useDubsTheme(): DubsTheme;
+/** Merge overrides into a base theme (e.g. custom accent color from developer config) */
+declare function mergeTheme(base: DubsTheme, overrides: Partial<DubsTheme>): DubsTheme;
 
 interface GamePosterProps {
     game: GameDetail;
@@ -735,4 +753,4 @@ declare function JoinGameButton({ game, walletAddress, selectedTeam, status, onJ
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, parseSolanaError, signAndSendBase64Transaction, useAuth, useClaim, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAuth, useClaim, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.d.ts

@@ -286,6 +286,12 @@ interface LiveScore {
         statusDetail: string;
     };
 }
+interface UiConfig {
+    accentColor?: string;
+    appIcon?: string;
+    appName?: string;
+    tagline?: string;
+}
 
 interface DubsClientConfig {
     apiKey: string;
@@ -347,6 +353,8 @@ declare class DubsClient {
     parseErrorLocal(error: unknown): ParsedError;
     /** Get the full local error code map */
     getErrorCodesLocal(): Record<number, SolanaErrorCode>;
+    /** Fetch the app's UI customization config (accent color, icon, tagline) */
+    getAppConfig(): Promise<UiConfig>;
 }
 
 declare class DubsApiError extends Error {
@@ -430,8 +438,10 @@ interface AuthGateProps {
     renderError?: (error: Error, retry: () => void) => React$1.ReactNode;
     renderRegistration?: (props: RegistrationScreenProps) => React$1.ReactNode;
     appName?: string;
+    /** Override accent color for registration screens (from developer UI config) */
+    accentColor?: string;
 }
-declare function AuthGate({ children, onSaveToken, onLoadToken, renderLoading, renderError, renderRegistration, appName, }: AuthGateProps): react_jsx_runtime.JSX.Element;
+declare function AuthGate({ children, onSaveToken, onLoadToken, renderLoading, renderError, renderRegistration, appName, accentColor, }: AuthGateProps): react_jsx_runtime.JSX.Element;
 
 interface ConnectWalletScreenProps {
     /** Called when the user taps Connect Wallet */
@@ -442,8 +452,14 @@ interface ConnectWalletScreenProps {
     error?: string | null;
     /** App name shown in the header. Defaults to "Dubs" */
     appName?: string;
-}
-declare function ConnectWalletScreen({ onConnect, connecting, error, appName, }: ConnectWalletScreenProps): react_jsx_runtime.JSX.Element;
+    /** Override accent color (e.g. from developer UI config) */
+    accentColor?: string;
+    /** URL to app icon — renders as Image instead of the default letter circle */
+    appIcon?: string;
+    /** Override subtitle text below app name */
+    tagline?: string;
+}
+declare function ConnectWalletScreen({ onConnect, connecting, error, appName, accentColor, appIcon, tagline, }: ConnectWalletScreenProps): react_jsx_runtime.JSX.Element;
 
 interface DubsContextValue {
     client: DubsClient;
@@ -658,6 +674,8 @@ interface DubsTheme {
     errorBorder: string;
 }
 declare function useDubsTheme(): DubsTheme;
+/** Merge overrides into a base theme (e.g. custom accent color from developer config) */
+declare function mergeTheme(base: DubsTheme, overrides: Partial<DubsTheme>): DubsTheme;
 
 interface GamePosterProps {
     game: GameDetail;
@@ -735,4 +753,4 @@ declare function JoinGameButton({ game, walletAddress, selectedTeam, status, onJ
  */
 declare function signAndSendBase64Transaction(base64Tx: string, wallet: WalletAdapter): Promise<string>;
 
-export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, parseSolanaError, signAndSendBase64Transaction, useAuth, useClaim, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };
+export { AuthGate, type AuthGateProps, type AuthStatus, type AuthenticateParams, type AuthenticateResult, type Bettor, type BuildClaimParams, type BuildClaimResult, type CheckUsernameResult, type ClaimMutationResult, type ConfirmGameParams, type ConfirmGameResult, ConnectWalletScreen, type ConnectWalletScreenProps, type CreateGameMutationResult, type CreateGameParams, type CreateGameResult, DEFAULT_BASE_URL, DEFAULT_RPC_URL, DubsApiError, type DubsAppUser, DubsClient, type DubsClientConfig, type DubsContextValue, type DubsNetwork, DubsProvider, type DubsProviderProps, type DubsPublicUser, type DubsTheme, type DubsUser, type EsportsMatchDetail, type EsportsMatchOpponent, type EsportsMatchResult, type EventMedia, type EventMeta, type EventStream, type GameDetail, type GameListItem, type GameListOpponent, type GameMedia, GamePoster, type GamePosterProps, type GetGamesParams, type GetNetworkGamesParams, type GetUpcomingEventsParams, JoinGameButton, type JoinGameButtonProps, type JoinGameMutationResult, type JoinGameParams, type JoinGameResult, LivePoolsCard, type LivePoolsCardProps, type LiveScore, type LiveScoreCompetitor, type MutationResult, type MutationStatus, type MwaAdapterConfig, type MwaTransactFn, MwaWalletAdapter, NETWORK_CONFIG, type NonceResult, type Opponent, type Pagination, type ParsedError, PickWinnerCard, type PickWinnerCardProps, PlayersCard, type PlayersCardProps, type QueryResult, type RegisterParams, type RegisterResult, type RegistrationScreenProps, SOLANA_PROGRAM_ERRORS, STORAGE_KEYS, SettingsSheet, type SettingsSheetProps, type SolanaErrorCode, type TokenStorage, type UiConfig, type UnifiedEvent, type UseAuthResult, UserProfileCard, type UserProfileCardProps, type ValidateEventResult, type WalletAdapter, createSecureStoreStorage, mergeTheme, parseSolanaError, signAndSendBase64Transaction, useAuth, useClaim, useCreateGame, useDubs, useDubsTheme, useEvents, useGame, useGames, useJoinGame, useNetworkGames };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(index_exports, {
   SettingsSheet: () => SettingsSheet,
   UserProfileCard: () => UserProfileCard,
   createSecureStoreStorage: () => createSecureStoreStorage,
+  mergeTheme: () => mergeTheme,
   parseSolanaError: () => parseSolanaError,
   signAndSendBase64Transaction: () => signAndSendBase64Transaction,
   useAuth: () => useAuth,
@@ -476,6 +477,12 @@ var DubsClient = class {
   getErrorCodesLocal() {
     return { ...SOLANA_PROGRAM_ERRORS };
   }
+  // ── App Config ──
+  /** Fetch the app's UI customization config (accent color, icon, tagline) */
+  async getAppConfig() {
+    const res = await this.request("GET", "/apps/config");
+    return res.uiConfig || {};
+  }
 };
 
 // src/storage.ts
@@ -659,6 +666,9 @@ function useDubsTheme() {
   const scheme = (0, import_react_native.useColorScheme)();
   return scheme === "light" ? light : dark;
 }
+function mergeTheme(base, overrides) {
+  return { ...base, ...overrides };
+}
 
 // src/ui/ConnectWalletScreen.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -666,14 +676,24 @@ function ConnectWalletScreen({
   onConnect,
   connecting = false,
   error = null,
-  appName = "Dubs"
+  appName = "Dubs",
+  accentColor,
+  appIcon,
+  tagline
 }) {
   const t = useDubsTheme();
+  const accent = accentColor || t.accent;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.content, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.logoText, children: "D" }) }),
+      appIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native2.Image,
+        {
+          source: { uri: appIcon },
+          style: styles.logoImage
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.logoText, children: appName.charAt(0).toUpperCase() }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.appName, { color: t.text }], children: appName }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [styles.subtitle, { color: t.textMuted }], children: tagline || "Connect your Solana wallet to get started" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.actionSection, children: [
       error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -689,7 +709,7 @@ function ConnectWalletScreen({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_react_native2.TouchableOpacity,
         {
-          style: [styles.connectButton, { backgroundColor: t.accent }],
+          style: [styles.connectButton, { backgroundColor: accent }],
           onPress: onConnect,
           disabled: connecting,
           activeOpacity: 0.8,
@@ -724,6 +744,12 @@ var styles = import_react_native2.StyleSheet.create({
     alignItems: "center",
     marginBottom: 8
   },
+  logoImage: {
+    width: 80,
+    height: 80,
+    borderRadius: 16,
+    marginBottom: 8
+  },
   logoText: {
     fontSize: 36,
     fontWeight: "800",
@@ -779,6 +805,9 @@ function ManagedWalletProvider({
   cluster,
   storage,
   renderConnectScreen,
+  accentColor,
+  appIcon,
+  tagline,
   children
 }) {
   const [connected, setConnected] = (0, import_react.useState)(false);
@@ -866,7 +895,10 @@ function ManagedWalletProvider({
       onConnect: handleConnect,
       connecting,
       error,
-      appName
+      appName,
+      accentColor,
+      appIcon,
+      tagline
     };
     if (renderConnectScreen) {
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderConnectScreen(connectProps) });
@@ -1320,7 +1352,8 @@ function AuthGate({
   renderLoading,
   renderError,
   renderRegistration,
-  appName = "Dubs"
+  appName = "Dubs",
+  accentColor
 }) {
   const { client } = useDubs();
   const auth = useAuth();
@@ -1389,7 +1422,8 @@ function AuthGate({
         registering: isRegistering,
         error: regError,
         client,
-        appName
+        appName,
+        accentColor
       }
     );
   }
@@ -1458,9 +1492,11 @@ function DefaultRegistrationScreen({
   registering,
   error,
   client,
-  appName
+  appName,
+  accentColor
 }) {
   const t = useDubsTheme();
+  const accent = accentColor || t.accent;
   const [step, setStep] = (0, import_react11.useState)(0);
   const [avatarSeed, setAvatarSeed] = (0, import_react11.useState)(generateSeed);
   const [avatarStyle, setAvatarStyle] = (0, import_react11.useState)("adventurer");
@@ -1521,7 +1557,7 @@ function DefaultRegistrationScreen({
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrame, { borderColor: t.accent }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrame, { borderColor: accent }], children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: avatarUrl }, style: s.avatarLarge }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.checkBadgeText, children: "\u2713" }) })
       ] }) }),
@@ -1538,10 +1574,10 @@ function DefaultRegistrationScreen({
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_react_native3.TouchableOpacity,
           {
-            style: [s.outlineBtn, { borderColor: t.accent, backgroundColor: t.accent + "15" }],
+            style: [s.outlineBtn, { borderColor: accent, backgroundColor: accent + "15" }],
             onPress: () => setShowStyles(!showStyles),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineBtnText, { color: t.accent }], children: "\u263A  Customize" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineBtnText, { color: accent }], children: "\u263A  Customize" })
           }
         )
       ] }),
@@ -1549,7 +1585,7 @@ function DefaultRegistrationScreen({
         import_react_native3.TouchableOpacity,
         {
           onPress: () => setAvatarStyle(st),
-          style: [s.styleThumbWrap, { borderColor: st === avatarStyle ? t.accent : t.border }],
+          style: [s.styleThumbWrap, { borderColor: st === avatarStyle ? accent : t.border }],
           children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
         },
         st
@@ -1558,7 +1594,7 @@ function DefaultRegistrationScreen({
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.bottomRow, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react_native3.TouchableOpacity,
       {
-        style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1 }],
+        style: [s.primaryBtn, { backgroundColor: accent, flex: 1 }],
         onPress: () => animateToStep(1),
         activeOpacity: 0.8,
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
@@ -1573,7 +1609,7 @@ function DefaultRegistrationScreen({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrameSmall, { borderColor: t.accent }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.avatarFrameSmall, { borderColor: accent }], children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: avatarUrl }, style: s.avatarSmall }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.checkBadgeTextSm, children: "\u2713" }) })
       ] }) }),
@@ -1585,7 +1621,7 @@ function DefaultRegistrationScreen({
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_react_native3.TextInput,
           {
-            style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
+            style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: accent }],
             placeholder: "Enter username",
             placeholderTextColor: t.textDim,
             value: username,
@@ -1611,7 +1647,7 @@ function DefaultRegistrationScreen({
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_react_native3.TouchableOpacity,
         {
-          style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1, opacity: canContinueUsername ? 1 : 0.4 }],
+          style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: canContinueUsername ? 1 : 0.4 }],
           onPress: () => animateToStep(2),
           disabled: !canContinueUsername,
           activeOpacity: 0.8,
@@ -1683,7 +1719,7 @@ function DefaultRegistrationScreen({
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_react_native3.TouchableOpacity,
         {
-          style: [s.primaryBtn, { backgroundColor: t.accent, flex: 1, opacity: registering ? 0.7 : 1 }],
+          style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: registering ? 0.7 : 1 }],
           onPress: handleSubmit,
           disabled: registering,
           activeOpacity: 0.8,
@@ -1818,6 +1854,11 @@ function DubsProvider({
   const client = (0, import_react12.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
   const connection = (0, import_react12.useMemo)(() => new import_web33.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
   const storage = (0, import_react12.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react12.useState)({});
+  (0, import_react12.useEffect)(() => {
+    client.getAppConfig().then(setUiConfig).catch(() => {
+    });
+  }, [client]);
   if (externalWallet) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       ExternalWalletProvider,
@@ -1825,13 +1866,14 @@ function DubsProvider({
         client,
         connection,
         wallet: externalWallet,
-        appName,
+        appName: uiConfig.appName || appName,
         network,
         storage,
         managed,
         renderLoading,
         renderError,
         renderRegistration,
+        accentColor: uiConfig.accentColor,
         children
       }
     );
@@ -1839,22 +1881,26 @@ function DubsProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ManagedWalletProvider,
     {
-      appName,
+      appName: uiConfig.appName || appName,
       cluster,
       storage,
       renderConnectScreen,
+      accentColor: uiConfig.accentColor,
+      appIcon: uiConfig.appIcon,
+      tagline: uiConfig.tagline,
       children: (adapter) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         ManagedInner,
         {
           client,
           connection,
           wallet: adapter,
-          appName,
+          appName: uiConfig.appName || appName,
           network,
           storage,
           renderLoading,
           renderError,
           renderRegistration,
+          accentColor: uiConfig.accentColor,
           children
         }
       )
@@ -1871,6 +1917,7 @@ function ManagedInner({
   renderLoading,
   renderError,
   renderRegistration,
+  accentColor,
   children
 }) {
   const managedDisconnect = useDisconnect();
@@ -1894,6 +1941,7 @@ function ManagedInner({
       renderError,
       renderRegistration,
       appName,
+      accentColor,
       children
     }
   ) });
@@ -1909,6 +1957,7 @@ function ExternalWalletProvider({
   renderLoading,
   renderError,
   renderRegistration,
+  accentColor,
   children
 }) {
   const disconnect = (0, import_react12.useCallback)(async () => {
@@ -1936,6 +1985,7 @@ function ExternalWalletProvider({
       renderError,
       renderRegistration,
       appName,
+      accentColor,
       children
     }
   ) });
@@ -2651,6 +2701,7 @@ var styles8 = import_react_native10.StyleSheet.create({
   SettingsSheet,
   UserProfileCard,
   createSecureStoreStorage,
+  mergeTheme,
   parseSolanaError,
   signAndSendBase64Transaction,
   useAuth,