@paykka/card-checkout-ui 0.13.17 → 0.14.0

package/dist/es/components/CardSelector/index.js

@@ -16,7 +16,7 @@ import { IconCardNo } from "../internal/icons/IconCardNo.js";
 import { IconSwitch } from "../internal/icons/IconSwitch.js";
 import { IconAdd } from "../internal/icons/IconAdd.js";
 const CardSelector = (props) => {
-  const { cardList = [], onCardChange, onClickEdit, className, style, onClickChange, value } = props;
+  const { cardList = [], onCardChange, onClickEdit, className, style, onClickChange, value, disabled } = props;
   const { i18n } = useI18n();
   const { bem } = useBEM("card-selector");
   const selectRef = A(null);
@@ -55,7 +55,7 @@ const CardSelector = (props) => {
     ] });
   };
   const getChangeIcon = () => {
-    return /* @__PURE__ */ u("div", { className: bem("change"), onClick: onClickChange, children: [
+    return /* @__PURE__ */ u("div", { className: bem("change", { disabled }), onClick: onClickChange, children: [
       /* @__PURE__ */ u(IconSwitch, {}),
       /* @__PURE__ */ u("span", { style: { marginLeft: "4px" }, children: i18n.get("card.cardSelector.change") })
     ] });
@@ -91,6 +91,7 @@ const CardSelector = (props) => {
         {
           value: currToken,
           ref: selectRef,
+          disabled,
           options: formatCardOptions(),
           renderLabel,
           onSelect: onSelectCard,

package/dist/es/components/DropIn/index.js

@@ -7,13 +7,13 @@ import { CardPaymentMethods, PaymentMethod, PaymentCategory, SessionMode, Paymen
 import { Card } from "../Card/index.js";
 import { ApplePay } from "../ApplePay/index.js";
 import { GooglePay } from "../GooglePay/index.js";
-import { Boost } from "../Boost/index.js";
-import { NinePay } from "../NinePay/index.js";
-import { LinePay } from "../LinePay/index.js";
-import { TNGWallet } from "../TNGWallet/index.js";
-import { MayBankQRPay } from "../MayBankQRPay/index.js";
-import { ShopeePay } from "../ShopeePay/index.js";
-import { GrabPay } from "../GrabPay/index.js";
+import { Boost } from "../wallets/Boost/Boost.js";
+import { NinePay } from "../wallets/NinePay/NinePay.js";
+import { LinePay } from "../wallets/LinePay/LinePay.js";
+import { TNGWallet } from "../wallets/TNGWallet/TNGWallet.js";
+import { MayBankQRPay } from "../wallets/MayBankQRPay/MayBankQRPay.js";
+import { ShopeePay } from "../wallets/ShopeePay/ShopeePay.js";
+import { GrabPay } from "../wallets/GrabPay/GrabPay.js";
 import { GCash } from "../wallets/GCash/GCash.js";
 import { Paymaya } from "../wallets/Paymaya/Paymaya.js";
 import { Zalopay } from "../wallets/Zalopay/Zalopay.js";
@@ -243,6 +243,7 @@ const paymentCategoryOptionMap = {
 };
 const { bem } = useBEM("drop-in");
 const DropIn = w((props, ref) => {
+  var _a;
   const {
     paymentMethods: paymentMethodsConfig,
     layout = "accordion",
@@ -262,22 +263,22 @@ const DropIn = w((props, ref) => {
   const componentInstMap = A({});
   F(ref, () => ({
     payment: () => {
-      var _a, _b;
+      var _a2, _b;
       if (activePaymentCategory) {
-        const instRef = (_a = componentInstMap.current[activePaymentCategory]) == null ? void 0 : _a.ref;
+        const instRef = (_a2 = componentInstMap.current[activePaymentCategory]) == null ? void 0 : _a2.ref;
         (_b = instRef == null ? void 0 : instRef.payment) == null ? void 0 : _b.call(instRef);
       }
     }
   }));
   y(() => {
-    var _a, _b;
+    var _a2, _b;
     if (!activePaymentCategory) {
       return;
     }
     const currCompInst = componentInstMap.current[activePaymentCategory];
     if (currCompInst) {
       const ref2 = currCompInst.ref;
-      (_a = ref2.updateAddress) == null ? void 0 : _a.call(ref2);
+      (_a2 = ref2.updateAddress) == null ? void 0 : _a2.call(ref2);
       (_b = ref2.updateEmail) == null ? void 0 : _b.call(ref2);
     }
   }, [activePaymentCategory]);
@@ -295,7 +296,7 @@ const DropIn = w((props, ref) => {
     }
   }, [headerPaymentCategories]);
   const createComponent = (category) => {
-    const { onError, onSuccess, onTimeout, onExpired, onSubmit, onAuthorized } = props;
+    const { onError, onSuccess, onTimeout, onExpired, onSubmit, onAuthorized, onSubmitResponse } = props;
     return createCheckoutChild(
       props.core,
       PaymentComponentMap[category],
@@ -305,7 +306,8 @@ const DropIn = w((props, ref) => {
         onTimeout,
         onExpired,
         onSubmit,
-        onAuthorized
+        onAuthorized,
+        onSubmitResponse
       },
       {
         ...paymentMethodsConfig == null ? void 0 : paymentMethodsConfig[category],
@@ -373,11 +375,11 @@ const DropIn = w((props, ref) => {
     setActivePaymentCategory(newPaymentCategory);
   };
   y(() => {
-    var _a, _b, _c;
+    var _a2, _b, _c, _d;
     if (!sessionReady || !i18n.ready.value) {
       return;
     }
-    if (((_a = session.checkout) == null ? void 0 : _a.sessionMode) === SessionMode.COMPONENT) {
+    if (((_a2 = session.checkout) == null ? void 0 : _a2.sessionMode) === SessionMode.COMPONENT) {
       (_c = (_b = props.core.config).onInitError) == null ? void 0 : _c.call(
         _b,
         new PayKKaError("ERROR", "Please send the correct session when creating the checkout")
@@ -393,21 +395,22 @@ const DropIn = w((props, ref) => {
       return;
     }
     initPaymentCategories(enablePaymentMethods);
-    if (core.processingPaymentMethod) {
-      const category = PaymentMethod2CategoryMap[core.processingPaymentMethod];
+    const currPaymentMethod = (_d = core.payment) == null ? void 0 : _d.currPaymentMethod.value;
+    if (currPaymentMethod) {
+      const category = PaymentMethod2CategoryMap[currPaymentMethod];
       category && setActivePaymentCategory(category);
-      core.enablePaymentMethod.value = core.processingPaymentMethod;
     }
   }, [sessionReady, i18n.ready.value]);
   y(() => {
-    if (core.enablePaymentMethod.value) {
+    var _a2, _b;
+    if ((_a2 = core.payment) == null ? void 0 : _a2.currPaymentMethod.value) {
       setEnablePaymentMethod(
-        PaymentMethod2CategoryMap[core.enablePaymentMethod.value]
+        PaymentMethod2CategoryMap[(_b = core.payment) == null ? void 0 : _b.currPaymentMethod.value]
       );
     } else {
       setEnablePaymentMethod(void 0);
     }
-  }, [core.enablePaymentMethod.value]);
+  }, [(_a = core.payment) == null ? void 0 : _a.currPaymentMethod.value]);
   const HeaderField = () => {
     return /* @__PURE__ */ u(b, { children: headerPaymentCategories == null ? void 0 : headerPaymentCategories.map((category) => /* @__PURE__ */ u(
       "div",

package/dist/es/components/GooglePay/index.js

@@ -5,7 +5,7 @@ import "../../utils/system-info/get-browser-info.js";
 import { extractAreaCodeAndPhoneNumber } from "../../utils/format.js";
 import { GooglePayEventType } from "../../types/event.js";
 import { deepMerge } from "../../utils/object.js";
-import { formatPaymentResult } from "../../utils/payment.js";
+import { processPaymentStatus, formatPaymentResult } from "../../utils/payment.js";
 import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentMethod, SessionMode } from "../../constant.js";
 import { getGooglePayInfo, googlePay } from "../../api/modules/google-pay/index.js";
@@ -18,7 +18,7 @@ import { useRetry } from "../../hooks/useRetry.js";
 import { Info } from "../internal/Info/Info.js";
 import { loadScript } from "../../utils/load.js";
 import { ThreeDSAuth } from "../ThreeDS/index.js";
-const createGooglePay = (core, checkout, googlePayConfig, pay, onClick, onCanUse) => {
+const createGooglePay = (core, checkout, googlePayConfig, pay, onClick, onCanUse, onCancel) => {
   const {
     transAmount,
     theme: { merchantName }
@@ -163,8 +163,10 @@ const createGooglePay = (core, checkout, googlePayConfig, pay, onClick, onCanUse
     try {
       await paymentsClient2.loadPaymentData(paymentDataRequest);
     } catch (err) {
+      core.payment.resetCurrPaymentMethod();
       if ((err == null ? void 0 : err.statusCode) === "CANCELED") {
         (_b = (_a = core.config).onEvent) == null ? void 0 : _b.call(_a, GooglePayEventType.GOOGLE_PAY_CANCELLED);
+        onCancel == null ? void 0 : onCancel();
       } else {
         (_c = core.logger) == null ? void 0 : _c.reportErrorEvent(new PayKKaError(
           "ERROR",
@@ -211,7 +213,7 @@ const GooglePay = w((props, ref) => {
   F(ref, () => ({
     checkThreeDS
   }));
-  const { sessionReady, i18n, fraudDetection } = usePayState(session, props.core);
+  const { sessionReady, i18n, fraudDetection, disabled } = usePayState(session, props.core);
   const [errorMsg, setErrorMsg] = h("");
   const [showGooglePay, setShowGooglePay] = h(false);
   const [showThreeDSModal, setShowThreeDSModal] = h(false);
@@ -224,9 +226,10 @@ const GooglePay = w((props, ref) => {
   };
   const onTimeout = q(
     (message) => {
-      var _a2;
+      var _a2, _b;
+      (_a2 = core.payment) == null ? void 0 : _a2.resetCurrPaymentMethod();
       setErrorMsg(message || i18n.get("common.payTimeout"));
-      (_a2 = props.onTimeout) == null ? void 0 : _a2.call(props, "retry", getPaymentMethodContext());
+      (_b = props.onTimeout) == null ? void 0 : _b.call(props, "retry", getPaymentMethodContext());
     },
     [i18n, props.onTimeout]
   );
@@ -326,12 +329,13 @@ const GooglePay = w((props, ref) => {
     };
   };
   async function pay(token, billAddress, search = false, timeout) {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
     setErrorMsg("");
     if (!search) {
       (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, void 0, getPaymentMethodContext());
     }
     try {
+      core.payment.currPaymentMethod.value = CURR_PAYMENT_METHOD;
       const requestOptions = { locale: i18n.locale, timeout };
       let res = null;
       if (search) {
@@ -353,31 +357,36 @@ const GooglePay = w((props, ref) => {
           requestOptions
         );
       }
-      const { status, orderStatus, errorMessage, payInfo = {}, errorCode, sessionId } = res;
+      const { errorMessage, payInfo = {}, errorCode, sessionId } = res;
       const { threeDSUrl } = payInfo;
       sessionId && (session.sessionId = sessionId);
       !search && ((_f = props.onSubmitResponse) == null ? void 0 : _f.call(props, res, getPaymentMethodContext()));
-      if (status === "PROCESSING") {
-        if (orderStatus === "SUCCESS") {
-          processOnSuccess(res);
-          return {
-            end: true,
-            res: { transactionState: "SUCCESS" }
-          };
-        } else if (orderStatus === "PROCESSING") {
+      let result = {
+        end: true,
+        res: { transactionState: "SUCCESS" }
+      };
+      await processPaymentStatus(res, {
+        onProcessing: async () => {
           const res2 = await startReFetchPayInfo();
-          return (res2 == null ? void 0 : res2.end) === true ? {
-            end: true,
-            res: res2.res
-          } : await startReFetchPayInfo();
-        } else if (orderStatus === "FAILURE") {
+          if ((res2 == null ? void 0 : res2.end) === true) {
+            result = res2.res;
+          } else {
+            result = await startReFetchPayInfo();
+          }
+        },
+        onSuccess: () => {
+          processOnSuccess(res);
+        },
+        onFailure: () => {
+          var _a3, _b2;
           errorMessage && setErrorMsg(errorMessage);
-          (_g = props.onError) == null ? void 0 : _g.call(
+          (_a3 = core.payment) == null ? void 0 : _a3.resetCurrPaymentMethod();
+          (_b2 = props.onError) == null ? void 0 : _b2.call(
             props,
             new PayKKaError("API_ERROR", errorMessage, { code: errorCode }),
             getPaymentMethodContext()
           );
-          return {
+          result = {
             end: true,
             res: {
               transactionState: "ERROR",
@@ -388,48 +397,31 @@ const GooglePay = w((props, ref) => {
               }
             }
           };
-        } else if (orderStatus === "AUTHORIZED") {
-          (_h = props.onAuthorized) == null ? void 0 : _h.call(props, getPaymentMethodContext());
-          return {
-            end: true,
-            res: { transactionState: "SUCCESS" }
-          };
-        } else if (orderStatus === "IN_THREED") {
+        },
+        onAuthorized: () => {
+          var _a3;
+          (_a3 = props.onAuthorized) == null ? void 0 : _a3.call(props, getPaymentMethodContext());
+        },
+        onInThreeDS: () => {
           threeDSUrl && processThreeDS(threeDSUrl, false);
-          return {
-            end: true,
-            res: { transactionState: "SUCCESS" }
-          };
-        } else if (orderStatus === "IN_PREVIOUS_THREED") {
+        },
+        onInPreviousThreeDS: () => {
           threeDSUrl && processThreeDS(threeDSUrl, true);
-          return {
-            end: true,
-            res: { transactionState: "SUCCESS" }
-          };
-        } else if (!orderStatus) {
-          return {
+        },
+        onExpired: () => {
+          var _a3;
+          (_a3 = props.onExpired) == null ? void 0 : _a3.call(props, getPaymentMethodContext());
+        },
+        onDefault: () => {
+          var _a3;
+          (_a3 = core.payment) == null ? void 0 : _a3.resetCurrPaymentMethod();
+          result = {
             end: true,
-            res: { transactionState: "SUCCESS" }
+            res: { transactionState: "ERROR" }
           };
         }
-      } else if (status === "SUCCESS") {
-        processOnSuccess(res);
-        return {
-          end: true,
-          res: { transactionState: "SUCCESS" }
-        };
-      } else if (status === "EXPIRED") {
-        (_i = props.onExpired) == null ? void 0 : _i.call(props, getPaymentMethodContext());
-        return {
-          end: true,
-          res: { transactionState: "SUCCESS" }
-        };
-      }
-      processOnSuccess(res);
-      return {
-        end: false,
-        res: { transactionState: "SUCCESS" }
-      };
+      });
+      return result;
     } catch (error) {
       if (isTimeoutError(error)) {
         if (search) {
@@ -449,9 +441,10 @@ const GooglePay = w((props, ref) => {
           };
         }
       } else {
+        (_g = core.payment) == null ? void 0 : _g.resetCurrPaymentMethod();
         const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
         setErrorMsg(message);
-        (_j = props.onError) == null ? void 0 : _j.call(
+        (_h = props.onError) == null ? void 0 : _h.call(
           props,
           new PayKKaError("API_ERROR", message, { code: error.code, cause: error }),
           getPaymentMethodContext()
@@ -478,7 +471,7 @@ const GooglePay = w((props, ref) => {
     }
   );
   async function checkThreeDS(search = false) {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d;
     if (!session)
       return { end: true };
     try {
@@ -493,35 +486,48 @@ const GooglePay = w((props, ref) => {
           locale: i18n.locale
         }
       );
-      const { status, orderStatus, errorMessage } = res;
-      if (status === "PROCESSING") {
-        if (orderStatus === "PROCESSING") {
+      const { errorMessage } = res;
+      let end = true;
+      await processPaymentStatus(res, {
+        onProcessing: () => {
           startReFetchPayInfo();
-        } else if (orderStatus === "FAILURE") {
+          stopReFetchCardPay3DSInfo();
+        },
+        onSuccess: () => {
+          processOnSuccess(res);
+          stopReFetchCardPay3DSInfo();
+        },
+        onFailure: () => {
+          var _a3;
+          (_a3 = core.payment) == null ? void 0 : _a3.resetCurrPaymentMethod();
           errorMessage && setErrorMsg(errorMessage);
-        } else if (orderStatus === "AUTHORIZED") {
-          (_c = props.onAuthorized) == null ? void 0 : _c.call(props, getPaymentMethodContext());
-        } else if (orderStatus === "IN_THREED") {
+          stopReFetchCardPay3DSInfo();
+        },
+        onAuthorized: () => {
+          var _a3;
+          (_a3 = props.onAuthorized) == null ? void 0 : _a3.call(props, getPaymentMethodContext());
+          stopReFetchCardPay3DSInfo();
+        },
+        onInThreeDS: () => {
           !search && startReFetchCardPay3DSInfo();
-          return { end: false };
-        } else if (orderStatus === "IN_PREVIOUS_THREED") {
+          end = false;
+        },
+        onInPreviousThreeDS: () => {
           setErrorMsg(i18n.get("common.pay3DSIncomplete"));
-        } else if (!orderStatus) {
+          stopReFetchCardPay3DSInfo();
+        },
+        onExpired: () => {
+          var _a3;
+          stopReFetchCardPay3DSInfo();
+          (_a3 = props.onExpired) == null ? void 0 : _a3.call(props, getPaymentMethodContext());
+        },
+        onDefault: () => {
+          var _a3;
+          stopReFetchCardPay3DSInfo();
+          (_a3 = core.payment) == null ? void 0 : _a3.resetCurrPaymentMethod();
         }
-        stopReFetchCardPay3DSInfo();
-        return { end: true };
-      } else if (status === "SUCCESS") {
-        processOnSuccess(res);
-        stopReFetchCardPay3DSInfo();
-        return { end: true };
-      } else if (status === "EXPIRED") {
-        (_d = props.onExpired) == null ? void 0 : _d.call(props, getPaymentMethodContext());
-        stopReFetchCardPay3DSInfo();
-        return { end: true };
-      }
-      processOnSuccess(res);
-      stopReFetchCardPay3DSInfo();
-      return { end: true };
+      });
+      return { end };
     } catch (error) {
       if (isTimeoutError(error)) {
         if (search) {
@@ -533,11 +539,13 @@ const GooglePay = w((props, ref) => {
       } else {
         const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
         setErrorMsg(message);
-        (_e = props.onError) == null ? void 0 : _e.call(
+        (_c = props.onError) == null ? void 0 : _c.call(
           props,
           new PayKKaError("API_ERROR", message, { code: error.code, cause: error }),
           getPaymentMethodContext()
         );
+        (_d = core.payment) == null ? void 0 : _d.resetCurrPaymentMethod();
+        stopReFetchCardPay3DSInfo();
         return { end: true };
       }
     }
@@ -555,13 +563,14 @@ const GooglePay = w((props, ref) => {
           (_b = (_a2 = core.config).onEvent) == null ? void 0 : _b.call(_a2, GooglePayEventType.GOOGLE_PAY_BUTTON_CLICKED);
           (_c = props.onBtnClick) == null ? void 0 : _c.call(props);
         },
-        props.onCanUse
+        props.onCanUse,
+        props.onCancel
       );
       onGooglePayLoaded(containRef.current);
     }
   }, [sessionReady, containRef, i18n.ready.value, showGooglePay]);
   const Button = () => {
-    return /* @__PURE__ */ u("div", { style: "width: 100%; height: 44px", children: /* @__PURE__ */ u("div", { id: "container", style: "width:100%; height: 44px", ref: containRef }) });
+    return /* @__PURE__ */ u("div", { style: "width: 100%; height: 44px", className: bem("button", { disabled }), children: /* @__PURE__ */ u("div", { id: "container", style: "width:100%; height: 44px", ref: containRef }) });
   };
   return /* @__PURE__ */ u("div", { children: sessionReady && showGooglePay && i18n.ready.value && /* @__PURE__ */ u(b, { children: [
     !!errorMsg && /* @__PURE__ */ u(Info, { className: bem("error"), content: errorMsg }),

package/dist/es/components/PaymentButton/index.js

@@ -47,7 +47,7 @@ const PaymentButton = (props) => {
       style: props.style,
       icon: Icon(),
       loading: status === "loading",
-      disabled: props.disabled || status === "success",
+      disabled: (props.disabled || status === "success") && status !== "loading",
       onClick: props.onClick,
       children: /* @__PURE__ */ u("span", { className: bem("text", { "not-verified": !verified }), children: text || props.children })
     }

package/dist/es/components/SecuredFieldsProvider/index.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
-import { w, A, F, y, q, u } from "../../core.js";
+import { w, A, y, F, q, u } from "../../core.js";
 import { SessionMode } from "../../constant.js";
 import { cdnUrl, cdnOrigin, apiUrl, apiPrefix } from "../../config.js";
 import { MessageAction } from "../../types/message.js";
@@ -84,7 +84,7 @@ class SecuredField {
   }
 }
 const SecuredFieldsProvider = w((props, ref) => {
-  const { sessionMode, i18n, targetElement, checkoutId, onEvent, core } = props;
+  const { sessionMode, i18n, targetElement, checkoutId, onEvent, core, disabled = false } = props;
   const rootNodeRef = A(null);
   const hiddenIframe = A(null);
   const payment = (formData, extraParams) => {
@@ -97,6 +97,23 @@ const SecuredFieldsProvider = w((props, ref) => {
     };
     postMessageToIframe(data, hiddenIframe.current.contentWindow, cdnOrigin);
   };
+  const sendSetConfigMessage = (iframeWindow) => {
+    console.log("disabled", disabled, iframeWindow);
+    const data = {
+      action: MessageAction.SET_CONFIG,
+      checkoutId,
+      disabled
+    };
+    postMessageToIframe(data, iframeWindow, cdnOrigin);
+  };
+  y(() => {
+    Object.values(securedFieldMap.current).forEach((field) => {
+      var _a;
+      if ((_a = field == null ? void 0 : field.iframe) == null ? void 0 : _a.contentWindow) {
+        sendSetConfigMessage(field.iframe.contentWindow);
+      }
+    });
+  }, [disabled]);
   F(ref, () => ({
     payment,
     reload: () => {
@@ -154,7 +171,8 @@ const SecuredFieldsProvider = w((props, ref) => {
   };
   const initHiddenIframe = async () => {
     const iframeEl = createIframe(`${cdnUrl}/secured-iframe.html`);
-    iframeEl.name = `${HIDDEN_IFRAME_NAME}-${checkoutId}-${Date.now()}`;
+    const hiddenIframeName = `${HIDDEN_IFRAME_NAME}-${checkoutId}-${Date.now()}`;
+    iframeEl.name = hiddenIframeName;
     iframeEl.width = "0";
     iframeEl.height = "0";
     iframeEl.style.border = "none";
@@ -211,7 +229,7 @@ const SecuredFieldsProvider = w((props, ref) => {
     return isFieldIframe || isHiddenIframe;
   };
   const onReceiveMessage = q((event) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
     const { data, origin, source } = event;
     if (origin !== cdnOrigin) {
       return;
@@ -277,20 +295,24 @@ const SecuredFieldsProvider = w((props, ref) => {
         break;
       case MessageAction.ACTIVATED:
         (_l = props.onActivated) == null ? void 0 : _l.call(props, feedbackData);
+        sendSetConfigMessage(source);
+        break;
+      case MessageAction.HIDDEN_IFRAME_READY:
+        (_m = props.onHiddenIframeReady) == null ? void 0 : _m.call(props, feedbackData);
         break;
       case MessageAction.CARD_ENCRYPTED:
-        (_m = props.onCardEncrypted) == null ? void 0 : _m.call(props, feedbackData);
+        (_n = props.onCardEncrypted) == null ? void 0 : _n.call(props, feedbackData);
         break;
       case MessageAction.CARD_ENCRYPTION_FAILED:
-        (_n = props.onCardEncryptionFailed) == null ? void 0 : _n.call(props, feedbackData);
+        (_o = props.onCardEncryptionFailed) == null ? void 0 : _o.call(props, feedbackData);
         break;
       case MessageAction.VALIDATED:
-        (_o = props.onValidated) == null ? void 0 : _o.call(props, feedbackData);
+        (_p = props.onValidated) == null ? void 0 : _p.call(props, feedbackData);
         break;
       case MessageAction.IFRAME_ERROR: {
         const data2 = feedbackData;
-        (_r = core == null ? void 0 : core.logger) == null ? void 0 : _r.reportErrorEvent(
-          new PayKKaError(EPayKKaError.ERROR, (_p = data2.error) == null ? void 0 : _p.message, { cause: (_q = data2.error) == null ? void 0 : _q.stack })
+        (_s = core == null ? void 0 : core.logger) == null ? void 0 : _s.reportErrorEvent(
+          new PayKKaError(EPayKKaError.ERROR, (_q = data2.error) == null ? void 0 : _q.message, { cause: (_r = data2.error) == null ? void 0 : _r.stack })
         );
         break;
       }