payment result callback with banking method

Zalo-MiniApp · Apr 12, 2024 · 511b98e · 511b98e
1 parent 13c4f26
commit 511b98e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "react-router-dom": "^6.8.2",
     "recoil": "^0.7.7",
     "swiper": "^9.1.0",
-    "zmp-sdk": "^2.35.3",
+    "zmp-sdk": "^2.37.1",
     "zmp-ui": "^1.6.0-rc.6"
   },
   "devDependencies": {

diff --git a/src/hooks.ts b/src/hooks.ts
@@ -44,10 +44,11 @@ export const useHandlePayment = () => {
       }
     });
 
-    events.on(EventName.OnDataCallback, (data) => {
-      if (data.appTransID) {
+    events.on(EventName.OnDataCallback, (resp) => {
+      const { appTransID, eventType } = resp;
+      if (appTransID || eventType === "PAY_BY_CUSTOM_METHOD") {
         navigate("/result", {
-          state: data,
+          state: resp,
         });
       }
     });

diff --git a/src/pages/result.tsx b/src/pages/result.tsx
@@ -25,7 +25,7 @@ const CheckoutResultPage: FC = () => {
 
     const check = () => {
       Payment.checkTransaction({
-        data: state && "path" in state ? state.path : state,
+        data: state && "path" in state ? state.path : state.data,
         success: (rs) => {
           // Kết quả giao dịch khi gọi api thành công
           setPaymentResult(rs);