From c9ad2ce5e4166af718e79680781499a64585001b Mon Sep 17 00:00:00 2001
From: liudmyla <liudmyla.masliuk@mediaopt.de>
Date: Tue, 27 Feb 2024 13:33:08 +0100
Subject: [PATCH] removed show checkmark if a person already has a paypal
 account

---
 src/components/PayPal/PayPalMask.tsx | 37 ++++++++++++++++++----------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/components/PayPal/PayPalMask.tsx b/src/components/PayPal/PayPalMask.tsx
index 4c5e64f..cf5ba73 100644
--- a/src/components/PayPal/PayPalMask.tsx
+++ b/src/components/PayPal/PayPalMask.tsx
@@ -19,7 +19,7 @@ export const PayPalMask: React.FC<CustomPayPalButtonsComponentProps> = (
     handleCreateVaultSetupToken,
     handleApproveVaultSetupToken,
   } = usePayment();
-  const { settings } = useSettings();
+  const { settings, paymentTokens } = useSettings();
   const { isLoading } = useLoader();
   const { notify } = useNotifications();
   const { t } = useTranslation();
@@ -28,6 +28,15 @@ export const PayPalMask: React.FC<CustomPayPalButtonsComponentProps> = (
 
   const storeInVaultOnSuccess = settings?.storeInVaultOnSuccess;
 
+  const hasPaypalToken = useMemo(() => {
+    if (paymentTokens?.payment_tokens) {
+      return paymentTokens.payment_tokens.some(
+        (token) => token.payment_source.paypal,
+      );
+    }
+    return false;
+  }, [paymentTokens]);
+
   const style = useMemo(() => {
     if (restprops.style || !settings) {
       return restprops.style;
@@ -76,18 +85,20 @@ export const PayPalMask: React.FC<CustomPayPalButtonsComponentProps> = (
         {...actions}
         onError={(err) => errorFunc(err, isLoading, notify, t)}
       />
-      {(enableVaulting || storeInVaultOnSuccess) && (
-        <label>
-          <input
-            type="checkbox"
-            id="save"
-            name="save"
-            ref={save}
-            className="mr-1"
-          />
-          Save for future purchases
-        </label>
-      )}
+      {!vaultOnly &&
+        !hasPaypalToken &&
+        (enableVaulting || storeInVaultOnSuccess) && (
+          <label>
+            <input
+              type="checkbox"
+              id="save"
+              name="save"
+              ref={save}
+              className="mr-1"
+            />
+            Save for future purchases
+          </label>
+        )}
 
       {paypalMessages && <PayPalMessages {...paypalMessages} />}
     </>