@akinon/pz-apple-pay 1.89.0-rc.2 → 1.89.0-rc.21

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @akinon/pz-apple-pay
 
+## 1.89.0-rc.21
+
+### Minor Changes
+
+- e974d8e: ZERO-3406: Fix rc build
+
+## 1.89.0-rc.20
+
+## 1.89.0-rc.19
+
+## 1.89.0-rc.18
+
+## 1.89.0-rc.17
+
+## 1.89.0-rc.16
+
+## 1.89.0-rc.15
+
+## 1.89.0-rc.14
+
+### Minor Changes
+
+- f2e9d1d: ZERO-3383: Add custom UI rendering option for apple pay
+
+## 1.89.0-rc.13
+
+## 1.89.0-rc.12
+
+## 1.89.0-rc.11
+
+## 1.89.0-rc.10
+
+### Minor Changes
+
+- 7727ae55: ZERO-3073: Refactor basket page to use server-side data fetching and simplify component structure
+- 33377cfd: ZERO-3267: Refactor import statement for ROUTES in error-page component
+
+## 1.89.0-rc.9
+
+### Minor Changes
+
+- 7727ae55: ZERO-3073: Refactor basket page to use server-side data fetching and simplify component structure
+- 33377cfd: ZERO-3267: Refactor import statement for ROUTES in error-page component
+
+## 1.89.0-rc.8
+
+## 1.89.0-rc.7
+
+## 1.89.0-rc.6
+
+## 1.89.0-rc.5
+
+## 1.89.0-rc.4
+
+## 1.89.0-rc.3
+
 ## 1.89.0-rc.2
 
 ## 1.89.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-apple-pay",
-  "version": "1.89.0-rc.2",
+  "version": "1.89.0-rc.21",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/src/views/index.tsx

@@ -4,7 +4,14 @@ import { useAppSelector } from '@akinon/next/redux/hooks';
 import { RootState } from '@theme/redux/store';
 import useApplePay from '../hooks/use-apple-pay';
 
-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 +21,13 @@ export default function ApplePay() {
     return null;
   }
 
+  if (customUIRender) {
+    return customUIRender({
+      initPaymentRequest,
+      paymentErrors
+    });
+  }
+
   return (
     <div>
       <button onClick={initPaymentRequest}>Pay with Apple Pay</button>