Merge pull request #82093 from shubham1206agra/fix-82085

[CP Staging] Fix workspace owner transfer flow not opening

(cherry picked from commit 55b28ef)

(cherry-picked to staging by lakchote)

Author: lakchote

src/pages/workspace/members/WorkspaceOwnerChangeWrapperPage.tsx

@@ -25,7 +25,7 @@ import WorkspaceOwnerPaymentCardForm from './WorkspaceOwnerPaymentCardForm';
 
 type WorkspaceOwnerChangeWrapperPageProps = WithPolicyOnyxProps & PlatformStackScreenProps<SettingsNavigatorParamList, typeof SCREENS.WORKSPACE.OWNER_CHANGE_CHECK>;
 
-function WorkspaceOwnerChangeWrapperPage({route, policy}: WorkspaceOwnerChangeWrapperPageProps) {
+function WorkspaceOwnerChangeWrapperPage({route, policy, isLoadingPolicy}: WorkspaceOwnerChangeWrapperPageProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const [privateStripeCustomerID] = useOnyx(ONYXKEYS.NVP_PRIVATE_STRIPE_CUSTOMER_ID, {canBeMissing: true});
@@ -39,12 +39,12 @@ function WorkspaceOwnerChangeWrapperPage({route, policy}: WorkspaceOwnerChangeWr
     const shouldShowPaymentCardForm = error === CONST.POLICY.OWNERSHIP_ERRORS.NO_BILLING_CARD || isAuthRequired;
 
     useEffect(() => {
-        if (policy?.isChangeOwnerFailed || policy?.isChangeOwnerSuccessful) {
+        if (isLoadingPolicy || policy?.isChangeOwnerFailed || policy?.isChangeOwnerSuccessful) {
             return;
         }
         requestWorkspaceOwnerChange(policy, currentUserPersonalDetails.accountID, currentUserPersonalDetails.login ?? '');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [policyID]);
+    }, [policyID, isLoadingPolicy]);
 
     useEffect(() => {
         if (!policy || policy?.isLoading) {
@@ -72,6 +72,8 @@ function WorkspaceOwnerChangeWrapperPage({route, policy}: WorkspaceOwnerChangeWr
         }
     }, [accountID, backTo, policy, policy?.errorFields?.changeOwner, policyID]);
 
+    const isLoading = isLoadingPolicy || !!policy?.isLoading;
+
     return (
         <AccessOrNotFoundWrapper
             accessVariants={[CONST.POLICY.ACCESS_VARIANTS.ADMIN, CONST.POLICY.ACCESS_VARIANTS.PAID]}
@@ -92,9 +94,9 @@ function WorkspaceOwnerChangeWrapperPage({route, policy}: WorkspaceOwnerChangeWr
                     }}
                 />
                 <View style={[styles.containerWithSpaceBetween, error !== CONST.POLICY.OWNERSHIP_ERRORS.NO_BILLING_CARD ? styles.ph5 : styles.ph0, styles.pb0]}>
-                    {!!policy?.isLoading && <FullScreenLoadingIndicator />}
+                    {isLoading && <FullScreenLoadingIndicator />}
                     {shouldShowPaymentCardForm && <WorkspaceOwnerPaymentCardForm policy={policy} />}
-                    {!policy?.isLoading && !shouldShowPaymentCardForm && (
+                    {!isLoading && !shouldShowPaymentCardForm && (
                         <WorkspaceOwnerChangeCheck
                             policy={policy}
                             accountID={accountID}