@dubsdotapp/expo 0.5.18 → 0.5.20

package/dist/index.mjs

@@ -3356,7 +3356,7 @@ function AuthGate({
   appName = "Dubs",
   accentColor
 }) {
-  const { client, pushEnabled } = useDubs();
+  const { client, pushEnabled, uiConfig } = useDubs();
   const auth = useAuth();
   const [phase, setPhase] = useState26("init");
   const [registrationPhase, setRegistrationPhase] = useState26(false);
@@ -3393,10 +3393,10 @@ function AuthGate({
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
   useEffect17(() => {
-    if (pushEnabled && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
+    if (pushEnabled && uiConfig.pushConfigured?.android && auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
       setShowPushSetup(true);
     }
-  }, [pushEnabled, auth.status, registrationPhase, isRestoredSession]);
+  }, [pushEnabled, uiConfig.pushConfigured?.android, auth.status, registrationPhase, isRestoredSession]);
   useEffect17(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
@@ -3415,23 +3415,14 @@ function AuthGate({
     if (renderLoading) return /* @__PURE__ */ jsx4(Fragment2, { children: renderLoading("authenticating") });
     return /* @__PURE__ */ jsx4(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
   }
-  if (auth.status === "authenticated") {
-    if (showPushSetup) {
-      return /* @__PURE__ */ jsx4(
-        PushSetupScreen,
-        {
-          accentColor,
-          appName,
-          onComplete: () => setShowPushSetup(false)
-        }
-      );
-    }
+  const inRegistrationFlow = registrationPhase && (auth.status === "needsRegistration" || auth.status === "registering" || auth.status === "authenticated" && showPushSetup);
+  if (auth.status === "authenticated" && !inRegistrationFlow) {
     return /* @__PURE__ */ jsxs3(AuthContext.Provider, { value: auth, children: [
       pushEnabled && /* @__PURE__ */ jsx4(PushTokenRestorer, {}),
       children
     ] });
   }
-  if (registrationPhase) {
+  if (inRegistrationFlow) {
     const isRegistering = auth.status === "registering";
     const regError = auth.status === "error" ? auth.error : null;
     if (renderRegistration) {
@@ -3445,7 +3436,9 @@ function AuthGate({
         error: regError,
         client,
         appName,
-        accentColor
+        accentColor,
+        pushStepActive: showPushSetup,
+        onPushComplete: () => setShowPushSetup(false)
       }
     );
   }
@@ -3525,10 +3518,13 @@ function DefaultRegistrationScreen({
   error,
   client,
   appName,
-  accentColor
+  accentColor,
+  pushStepActive,
+  onPushComplete
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
+  const push = usePushNotifications();
   const [step, setStep] = useState26(0);
   const [avatarSeed, setAvatarSeed] = useState26(generateSeed);
   const [avatarStyle, setAvatarStyle] = useState26("adventurer");
@@ -3764,6 +3760,58 @@ function DefaultRegistrationScreen({
       )
     ] })
   ] });
+  useEffect17(() => {
+    if (pushStepActive && step !== 3) {
+      animateToStep(3);
+    }
+  }, [pushStepActive]);
+  const handleEnablePush = async () => {
+    try {
+      await push.register();
+    } catch {
+    }
+    onPushComplete?.();
+  };
+  const renderPushStep = () => /* @__PURE__ */ jsxs3(View3, { style: s.stepContainer, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
+      /* @__PURE__ */ jsx4(Text3, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
+      /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
+      /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 3 }),
+      /* @__PURE__ */ jsx4(View3, { style: pushStyles.iconContainer, children: /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
+      /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitsList, children: [
+        /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
+        [
+          "A fight you picked on goes LIVE",
+          "Your pick wins or loses",
+          "Final results and rankings"
+        ].map((item, i) => /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitRow, children: [
+          /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
+          /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
+        ] }, i))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3(View3, { style: s.bottomRow, children: [
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
+        {
+          style: [s.secondaryBtn, { borderColor: t.border }],
+          onPress: onPushComplete,
+          activeOpacity: 0.7,
+          children: /* @__PURE__ */ jsx4(Text3, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
+        {
+          style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: push.loading ? 0.7 : 1 }],
+          onPress: handleEnablePush,
+          disabled: push.loading,
+          activeOpacity: 0.8,
+          children: push.loading ? /* @__PURE__ */ jsx4(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Enable Notifications" })
+        }
+      )
+    ] })
+  ] });
   const renderStep = () => {
     switch (step) {
       case 0:
@@ -3772,6 +3820,8 @@ function DefaultRegistrationScreen({
         return renderUsernameStep();
       case 2:
         return renderReferralStep();
+      case 3:
+        return renderPushStep();
       default:
         return null;
     }
@@ -3812,77 +3862,6 @@ function PushTokenRestorer() {
   }, []);
   return null;
 }
-function PushSetupScreen({
-  accentColor,
-  appName,
-  onComplete
-}) {
-  const t = useDubsTheme();
-  const accent = accentColor || t.accent;
-  const push = usePushNotifications();
-  const fadeAnim = useRef6(new Animated.Value(0)).current;
-  const slideAnim = useRef6(new Animated.Value(30)).current;
-  useEffect17(() => {
-    Animated.parallel([
-      Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
-      Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
-    ]).start();
-  }, [fadeAnim, slideAnim]);
-  const handleEnable = async () => {
-    await push.register();
-    onComplete();
-  };
-  const benefits = [
-    "A fight you picked on goes LIVE",
-    "Your pick wins or loses",
-    "Final results and rankings"
-  ];
-  return /* @__PURE__ */ jsx4(View3, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs3(
-    Animated.View,
-    {
-      style: [
-        s.stepContainer,
-        { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
-      ],
-      children: [
-        /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
-          /* @__PURE__ */ jsx4(Text3, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
-          /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
-          /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 3 }),
-          /* @__PURE__ */ jsx4(View3, { style: pushStyles.iconContainer, children: /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
-          /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitsList, children: [
-            /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
-            benefits.map((item, i) => /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitRow, children: [
-              /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
-              /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
-            ] }, i))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs3(View3, { style: s.bottomRow, children: [
-          /* @__PURE__ */ jsx4(
-            TouchableOpacity3,
-            {
-              style: [s.secondaryBtn, { borderColor: t.border }],
-              onPress: onComplete,
-              activeOpacity: 0.7,
-              children: /* @__PURE__ */ jsx4(Text3, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            TouchableOpacity3,
-            {
-              style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: push.loading ? 0.7 : 1 }],
-              onPress: handleEnable,
-              disabled: push.loading,
-              activeOpacity: 0.8,
-              children: push.loading ? /* @__PURE__ */ jsx4(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Enable Notifications" })
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}
 var pushStyles = StyleSheet3.create({
   iconContainer: { alignItems: "center", marginVertical: 24 },
   bellCircle: { width: 100, height: 100, borderRadius: 50, justifyContent: "center", alignItems: "center" },