Merge pull request #38 from mediaopt/feature/35190-integrate-vaulting…

…-settings Feature/35190 integrate vaulting settings
mediaopt · Nov 22, 2023 · 360360a · 360360a
2 parents d636843 + 9af5fb2
commit 360360a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "paypal-commercetools-client",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "private": false,
   "type": "module",
   "license": "MIT",

diff --git a/src/components/HostedFields/SubmitPayment.tsx b/src/components/HostedFields/SubmitPayment.tsx
@@ -28,6 +28,7 @@ export const SubmitPayment: React.FC<SubmitPaymentProps> = ({
   const [paying, setPaying] = useState(false);
   const cardHolderName = useRef<HTMLInputElement>(null);
 
+  const storeInVaultOnSuccess = settings?.storeInVaultOnSuccess;
   const save = useRef<HTMLInputElement>(null);
   const hostedField = usePayPalHostedFields();
   const threeDSAuth = settings?.threeDSOption;
@@ -113,7 +114,7 @@ export const SubmitPayment: React.FC<SubmitPaymentProps> = ({
           placeholder="Full name"
         />
       </label>
-      {enableVaulting && (
+      {(enableVaulting || storeInVaultOnSuccess) && (
         <label>
           <input
             type="checkbox"

diff --git a/src/components/PayPal/PayPalMask.tsx b/src/components/PayPal/PayPalMask.tsx
@@ -23,6 +23,8 @@ export const PayPalMask: React.FC<CustomPayPalButtonsComponentProps> = (
   const { enableVaulting, paypalMessages, ...restprops } = props;
   const save = useRef<HTMLInputElement>(null);
 
+  const storeInVaultOnSuccess = settings?.storeInVaultOnSuccess;
+
   const style = useMemo(() => {
     if (restprops.style || !settings) {
       return restprops.style;
@@ -74,7 +76,7 @@ export const PayPalMask: React.FC<CustomPayPalButtonsComponentProps> = (
         {...actions}
         onError={errorFunc}
       />
-      {enableVaulting && (
+      {(enableVaulting || storeInVaultOnSuccess) && (
         <label>
           <input
             type="checkbox"