@akinon/pz-apple-pay 2.0.0-beta.1 → 2.0.0-beta.11

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @akinon/pz-apple-pay
 
+## 2.0.0-beta.11
+
+### Minor Changes
+
+- ac783d6: ZERO-3482: Update tailwindcss to version 4.1.11 and enhance button cursor styles
+
+## 2.0.0-beta.10
+
+### Minor Changes
+
+- 2806320: ZERO-3390: Update version tailwindcss, autoprefixer, tailwind-merge, postcss
+
+## 2.0.0-beta.9
+
+### Minor Changes
+
+- 0fe7711: ZERO-3387: Upgrade nextjs, eslint-config-next
+
+## 2.0.0-beta.8
+
+## 2.0.0-beta.7
+
+## 2.0.0-beta.6
+
+### Minor Changes
+
+- 8f05f9b: ZERO-3250: Beta branch synchronized with Main branch
+
+## 2.0.0-beta.5
+
+## 2.0.0-beta.4
+
+## 2.0.0-beta.3
+
+## 2.0.0-beta.2
+
+### Minor Changes
+
+- a006015: ZERO-3116: Add not-found page and update default middleware.
+- 1eeb3d8: ZERO-3116: Add not found page
+
 ## 2.0.0-beta.1
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-apple-pay",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/readme.md

@@ -2,20 +2,10 @@
 
 ## Installation
 
-There are two ways to install the Apple Pay plugin:
-
-### 1. Install the npm package using Yarn
-
-For the latest version, you can install the package using Yarn:
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
-yarn add @akinon/pz-apple-pay
-```
-
-### 2. Preferred installation method
 
-You can also use the following command to install the extension with the latest plugins:
-
-```bash
 npx @akinon/projectzero@latest --plugins
+
 ```

package/src/views/index.tsx

@@ -3,8 +3,16 @@
 import { useAppSelector } from '@akinon/next/redux/hooks';
 import { RootState } from '@theme/redux/store';
 import useApplePay from '../hooks/use-apple-pay';
+import { JSX } from 'react';
 
-export default function ApplePay() {
+export interface ApplePayProps {
+  customUIRender?: (props: {
+    initPaymentRequest?: () => void;
+    paymentErrors?: string | null;
+  }) => JSX.Element | null;
+}
+
+export default function ApplePay({ customUIRender }: ApplePayProps) {
   const { walletPaymentData } = useAppSelector(
     (state: RootState) => state.checkout
   );
@@ -14,6 +22,13 @@ export default function ApplePay() {
     return null;
   }
 
+  if (customUIRender) {
+    return customUIRender({
+      initPaymentRequest,
+      paymentErrors
+    });
+  }
+
   return (
     <div>
       <button onClick={initPaymentRequest}>Pay with Apple Pay</button>