fix: clear Monetization state after success payment

Author: N3TC4T

src/components/Modules/MonetizationElement/MonetizationElement.tsx

@@ -89,22 +89,12 @@ class MonetizationElement extends PureComponent<Props, State> {
         });
     };
 
-    onSuccessPurchase = () => {
-        // purchase was successful clear the monetization status
-        ProfileRepository.saveProfile({
-            monetization: {
-                monetizationStatus: MonetizationStatus.NONE,
-            },
-        });
-    };
-
     purchaseProduct = () => {
         const { productForPurchase, monetizationType } = this.state;
 
         Navigator.showModal<PurchaseProductModalProps>(AppScreens.Modal.PurchaseProduct, {
             productId: productForPurchase!,
             productDescription: monetizationType!,
-            onSuccessPurchase: this.onSuccessPurchase,
         });
     };
 

src/screens/Modal/PurchaseProduct/PurchaseProductModal.tsx

@@ -19,6 +19,9 @@ import { ComplianceLinks } from '@common/constants/endpoints';
 import { Spacer, CountDown, Button, Icon, Footer } from '@components/General';
 import { ProductDetailsElement } from '@components/Modules/ProductDetailsElement';
 
+import { ProfileRepository } from '@store/repositories';
+import { MonetizationStatus } from '@store/types';
+
 import { Images } from '@common/helpers/images';
 
 import Localize from '@locale';
@@ -32,7 +35,6 @@ import styles from './styles';
 export interface Props {
     productId: string;
     productDescription: string;
-    onSuccessPurchase?: () => void;
     onClose?: (successPayment: boolean) => void;
 }
 
@@ -89,12 +91,16 @@ class PurchaseProductModal extends Component<Props, State> {
     };
 
     onSuccessPurchase = async () => {
-        const { onSuccessPurchase } = this.props;
-
-        if (typeof onSuccessPurchase === 'function') {
-            onSuccessPurchase();
-        }
+        // purchase was successful clear the monetization status
+        ProfileRepository.saveProfile({
+            monetization: {
+                monetizationStatus: MonetizationStatus.NONE,
+                productForPurchase: '',
+                monetizationType: '',
+            },
+        });
 
+        // set the state
         this.setState({
             purchaseSuccess: true,
         });

src/screens/Modal/XAppBrowser/XAppBrowserModal.tsx

@@ -871,7 +871,11 @@ class XAppBrowserModal extends Component<Props, State> {
         Navigator.showModal<PurchaseProductModalProps>(AppScreens.Modal.PurchaseProduct, {
             productId: monetization.productForPurchase!,
             productDescription: monetization.monetizationType!,
-            onSuccessPurchase: this.lunchApp,
+            onClose: (successPayment: boolean) => {
+                if (successPayment) {
+                    this.lunchApp();
+                }
+            },
         });
     };