refactor(payment): centralize route lifecycle

src/app/subscription/use-subscription-payment-flow.ts

@@ -2,12 +2,8 @@
 
 import { useEffect, useRef, useState } from "react";
 
-import { usePaymentOrderLifecycle } from "@/app/_hooks/use-payment-order-lifecycle";
+import { usePaymentRouteFlow } from "@/app/_hooks/use-payment-route-flow";
 import { useAppNavigator } from "@/router/use-app-navigator";
-import {
-  usePaymentDispatch,
-  usePaymentState,
-} from "@/stores/payment/payment-context";
 import type { PayChannel } from "@/data/dto/payment";
 
 import type { SubscriptionType } from "./subscription-screen.helpers";
@@ -26,47 +22,14 @@ export function useSubscriptionPaymentFlow({
   initialPayChannel,
 }: UseSubscriptionPaymentFlowInput) {
   const navigator = useAppNavigator();
-  const payment = usePaymentState();
-  const paymentDispatch = usePaymentDispatch();
-  const successDialogShownOrderRef = useRef<string | null>(null);
-  const initialPayChannelAppliedRef = useRef(false);
-  const [showPaymentSuccessDialog, setShowPaymentSuccessDialog] =
-    useState(false);
-
-  usePaymentOrderLifecycle({
-    payment,
-    paymentDispatch,
+  const { payment, paymentDispatch } = usePaymentRouteFlow({
+    initialPayChannel,
     paymentType: subscriptionType,
     shouldResumePendingOrder,
   });
-
-  useEffect(() => {
-    if (payment.status === "idle") {
-      initialPayChannelAppliedRef.current = true;
-      paymentDispatch({
-        type: "PaymentInit",
-        payChannel: initialPayChannel,
-      });
-      return;
-    }
-
-    if (
-      !initialPayChannelAppliedRef.current &&
-      payment.status === "ready"
-    ) {
-      initialPayChannelAppliedRef.current = true;
-      if (payment.payChannel === initialPayChannel) return;
-      paymentDispatch({
-        type: "PaymentPayChannelChanged",
-        payChannel: initialPayChannel,
-      });
-    }
-  }, [
-    initialPayChannel,
-    payment.payChannel,
-    payment.status,
-    paymentDispatch,
-  ]);
+  const successDialogShownOrderRef = useRef<string | null>(null);
+  const [showPaymentSuccessDialog, setShowPaymentSuccessDialog] =
+    useState(false);
 
   useEffect(() => {
     if (!payment.isPaid || !payment.currentOrderId) return;