@dubsdotapp/expo 0.2.3 → 0.2.5

package/dist/index.mjs

@@ -421,7 +421,7 @@ var DubsClient = class {
   /** Fetch the app's UI customization config (accent color, icon, tagline) */
   async getAppConfig() {
     const res = await this.request("GET", "/apps/config");
-    return res.uiConfig || {};
+    return res.data?.uiConfig || {};
   }
 };
 
@@ -1364,7 +1364,7 @@ function AuthGate({
   );
   if (phase === "init") {
     if (renderLoading) return /* @__PURE__ */ jsx3(Fragment2, { children: renderLoading("authenticating") });
-    return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: "authenticating", appName });
+    return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
   }
   if (auth.status === "authenticated") {
     return /* @__PURE__ */ jsx3(AuthContext.Provider, { value: auth, children });
@@ -1389,13 +1389,14 @@ function AuthGate({
   }
   if (auth.status === "error" && auth.error) {
     if (renderError) return /* @__PURE__ */ jsx3(Fragment2, { children: renderError(auth.error, retry) });
-    return /* @__PURE__ */ jsx3(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName });
+    return /* @__PURE__ */ jsx3(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName, accentColor });
   }
   if (renderLoading) return /* @__PURE__ */ jsx3(Fragment2, { children: renderLoading(auth.status) });
-  return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: auth.status, appName });
+  return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: auth.status, appName, accentColor });
 }
-function DefaultLoadingScreen({ status, appName }) {
+function DefaultLoadingScreen({ status, appName, accentColor }) {
   const t = useDubsTheme();
+  const accent = accentColor || t.accent;
   const statusText = {
     idle: "Initializing...",
     authenticating: "Connecting...",
@@ -1408,25 +1409,26 @@ function DefaultLoadingScreen({ status, appName }) {
   };
   return /* @__PURE__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(View2, { style: s.centerContent, children: [
     /* @__PURE__ */ jsxs2(View2, { style: s.brandingSection, children: [
-      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
       /* @__PURE__ */ jsx3(Text2, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
     /* @__PURE__ */ jsxs2(View2, { style: s.loadingSection, children: [
-      /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "large", color: t.accent }),
+      /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "large", color: accent }),
       /* @__PURE__ */ jsx3(Text2, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
     ] })
   ] }) });
 }
-function DefaultErrorScreen({ error, onRetry, appName }) {
+function DefaultErrorScreen({ error, onRetry, appName, accentColor }) {
   const t = useDubsTheme();
+  const accent = accentColor || t.accent;
   return /* @__PURE__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(View2, { style: s.spreadContent, children: [
     /* @__PURE__ */ jsxs2(View2, { style: s.brandingSection, children: [
-      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
       /* @__PURE__ */ jsx3(Text2, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
     /* @__PURE__ */ jsxs2(View2, { style: { gap: 16 }, children: [
       /* @__PURE__ */ jsx3(View2, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx3(Text2, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
-      /* @__PURE__ */ jsx3(TouchableOpacity2, { style: [s.primaryBtn, { backgroundColor: t.accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Try Again" }) })
+      /* @__PURE__ */ jsx3(TouchableOpacity2, { style: [s.primaryBtn, { backgroundColor: accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Try Again" }) })
     ] })
   ] }) });
 }
@@ -1816,7 +1818,13 @@ function DubsProvider({
   const storage = useMemo(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
   const [uiConfig, setUiConfig] = useState11(null);
   useEffect7(() => {
-    client.getAppConfig().then(setUiConfig).catch(() => setUiConfig({}));
+    client.getAppConfig().then((config2) => {
+      console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
+      setUiConfig(config2);
+    }).catch((err) => {
+      console.log("[DubsProvider] UI config fetch failed, using defaults:", err?.message);
+      setUiConfig({});
+    });
   }, [client]);
   if (uiConfig === null) return null;
   if (externalWallet) {
@@ -1834,6 +1842,7 @@ function DubsProvider({
         renderError,
         renderRegistration,
         accentColor: uiConfig.accentColor,
+        uiConfig,
         children
       }
     );
@@ -1861,6 +1870,7 @@ function DubsProvider({
           renderError,
           renderRegistration,
           accentColor: uiConfig.accentColor,
+          uiConfig,
           children
         }
       )
@@ -1878,6 +1888,7 @@ function ManagedInner({
   renderError,
   renderRegistration,
   accentColor,
+  uiConfig,
   children
 }) {
   const managedDisconnect = useDisconnect();
@@ -1886,8 +1897,8 @@ function ManagedInner({
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
   const value = useMemo(
-    () => ({ client, wallet, connection, appName, network, disconnect }),
-    [client, wallet, connection, appName, network, disconnect]
+    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
+    [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
   return /* @__PURE__ */ jsx4(DubsContext.Provider, { value, children: /* @__PURE__ */ jsx4(
     AuthGate,
@@ -1918,6 +1929,7 @@ function ExternalWalletProvider({
   renderError,
   renderRegistration,
   accentColor,
+  uiConfig,
   children
 }) {
   const disconnect = useCallback11(async () => {
@@ -1927,8 +1939,8 @@ function ExternalWalletProvider({
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
   const value = useMemo(
-    () => ({ client, wallet, connection, appName, network, disconnect }),
-    [client, wallet, connection, appName, network, disconnect]
+    () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
+    [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
   if (!managed) {
     return /* @__PURE__ */ jsx4(DubsContext.Provider, { value, children });
@@ -1957,6 +1969,10 @@ function useDubs() {
   }
   return ctx;
 }
+function useAppConfig() {
+  const ctx = useContext3(DubsContext);
+  return ctx?.uiConfig || {};
+}
 
 // src/ui/UserProfileCard.tsx
 import { useMemo as useMemo2 } from "react";
@@ -2670,6 +2686,7 @@ export {
   mergeTheme,
   parseSolanaError,
   signAndSendBase64Transaction,
+  useAppConfig,
   useAuth,
   useClaim,
   useCreateGame,