From 570c3c4172f903c062de48c3a59156b436f90af1 Mon Sep 17 00:00:00 2001
From: Majid Abbasi <majid.abbasi@mediaopt.de>
Date: Tue, 16 Apr 2024 11:39:47 +0200
Subject: [PATCH] #36076 added a button as wrapper to apple-pay-button to
 simulate onclick event

---
 package-lock.json                        |  4 ++--
 package.json                             |  2 +-
 src/components/ApplePay/ApplePayMask.tsx | 10 ++++++----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 83a9ffa..b544414 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "paypal-commercetools-client",
-  "version": "0.0.99-alpha",
+  "version": "0.1.01-alpha",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "paypal-commercetools-client",
-      "version": "0.0.99-alpha",
+      "version": "0.1.01-alpha",
       "license": "MIT",
       "dependencies": {
         "@heroicons/react": "^1.0.6",
diff --git a/package.json b/package.json
index 2d7a22a..2136fd3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "paypal-commercetools-client",
-  "version": "0.0.99-alpha",
+  "version": "0.1.01-alpha",
   "private": false,
   "type": "module",
   "license": "MIT",
diff --git a/src/components/ApplePay/ApplePayMask.tsx b/src/components/ApplePay/ApplePayMask.tsx
index 9986fb0..52f3465 100644
--- a/src/components/ApplePay/ApplePayMask.tsx
+++ b/src/components/ApplePay/ApplePayMask.tsx
@@ -14,7 +14,6 @@ declare global {
         buttonstyle: string;
         type: string;
         locale: string;
-        onclick: () => void;
       };
     }
   }
@@ -57,19 +56,22 @@ export const ApplePayMask: React.FC<CustomPayPalButtonsComponentProps> = (
     );
   }, [props]);
 
+  const onApplePayButtonClicked = () => {
+    console.log("Apple Pay button clicked");
+  };
+
   return (
     <>
       <div id="applepay-container">
         {isEligible ? (
-          <>
+          <button className="bg-none" onClick={onApplePayButtonClicked}>
             <apple-pay-button
               id="btn-appl"
               buttonstyle="black"
               type="buy"
               locale="en"
-              onclick={() => console.log("Apple Pay button clicked")}
             ></apple-pay-button>
-          </>
+          </button>
         ) : (
           <>{error}</>
         )}