@paykka/card-checkout-ui 0.13.16 → 0.14.0

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

@@ -6,12 +6,14 @@ 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";
+import { SecurityIframeEventType } from "../../types/event.js";
 import { createIframe, postMessageToIframe } from "../../utils/iframe.js";
 import { safeParse } from "../../utils/index.js";
+import { PayKKaError, EPayKKaError } from "../../core/error.js";
 var EFieldType = /* @__PURE__ */ ((EFieldType2) => {
   EFieldType2["CARD_NUMBER"] = "CARD_NUMBER";
   EFieldType2["CVV"] = "CVV";
@@ -57,6 +59,11 @@ class SecuredField {
   }
   /** 表单区域iframe加载回调 */
   onFieldIframeLoad() {
+    var _a, _b;
+    (_b = (_a = this.config).onEvent) == null ? void 0 : _b.call(_a, SecurityIframeEventType.SECURITY_IFRAME_LOADED, {
+      fieldType: this.config.fieldType,
+      url: this.iframe.src
+    });
     this.iframeWindow = this.iframe.contentWindow;
     const { fieldType, placeholder, style, hiddenIframeName, supportedCardBrands, checkoutId } = this.config;
     const data = {
@@ -77,7 +84,7 @@ class SecuredField {
   }
 }
 const SecuredFieldsProvider = w((props, ref) => {
-  const { sessionMode, i18n, targetElement, checkoutId } = props;
+  const { sessionMode, i18n, targetElement, checkoutId, onEvent, core, disabled = false } = props;
   const rootNodeRef = A(null);
   const hiddenIframe = A(null);
   const payment = (formData, extraParams) => {
@@ -90,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: () => {
@@ -147,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";
@@ -161,6 +186,10 @@ const SecuredFieldsProvider = w((props, ref) => {
       apiPrefix
     };
     iframeEl.addEventListener("load", () => {
+      onEvent == null ? void 0 : onEvent(SecurityIframeEventType.SECURITY_IFRAME_LOADED, {
+        hidden: true,
+        url: iframeEl.src
+      });
       postMessageToIframe(data, hiddenIframe.current.contentWindow, cdnOrigin);
     });
     window.document.body.appendChild(iframeEl);
@@ -186,7 +215,8 @@ const SecuredFieldsProvider = w((props, ref) => {
         onPaymentError: props.onPaymentError,
         onPaymentTimeout: props.onPaymentTimeout,
         onValidStatusChanged: props.onValidStatusChanged,
-        checkoutId
+        checkoutId,
+        onEvent: props.onEvent
       });
     });
   };
@@ -199,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;
+    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;
@@ -225,33 +255,67 @@ const SecuredFieldsProvider = w((props, ref) => {
       case MessageAction.BRAND:
         (_c = props.onBrand) == null ? void 0 : _c.call(props, feedbackData);
         break;
-      case MessageAction.AFTER_PAYMENT:
-        (_d = props.onAfterPayment) == null ? void 0 : _d.call(props, feedbackData);
+      case MessageAction.AFTER_PAYMENT: {
+        const data2 = feedbackData;
+        (_d = core == null ? void 0 : core.logger) == null ? void 0 : _d.reportRequestEvent({
+          api: data2.api,
+          time: data2.time,
+          success: true
+        });
+        (_e = props.onAfterPayment) == null ? void 0 : _e.call(props, data2);
         break;
-      case MessageAction.PAYMENT_ERROR:
-        (_e = props.onPaymentError) == null ? void 0 : _e.call(props, feedbackData);
+      }
+      case MessageAction.PAYMENT_ERROR: {
+        const data2 = feedbackData;
+        (_f = core == null ? void 0 : core.logger) == null ? void 0 : _f.reportRequestEvent({
+          api: data2.api,
+          time: data2.time,
+          success: false,
+          code: data2.error.code,
+          msg: data2.error.message
+        });
+        (_g = props.onPaymentError) == null ? void 0 : _g.call(props, data2);
         break;
-      case MessageAction.PAYMENT_TIMEOUT:
-        (_f = props.onPaymentTimeout) == null ? void 0 : _f.call(props, feedbackData);
+      }
+      case MessageAction.PAYMENT_TIMEOUT: {
+        const data2 = feedbackData;
+        (_h = core == null ? void 0 : core.logger) == null ? void 0 : _h.reportRequestEvent({
+          api: data2.api,
+          time: data2.time,
+          success: false
+        });
+        (_i = props.onPaymentTimeout) == null ? void 0 : _i.call(props, feedbackData);
         break;
+      }
       case MessageAction.VALID_STATUS_CHANGED:
-        (_g = props.onValidStatusChanged) == null ? void 0 : _g.call(props, feedbackData);
+        (_j = props.onValidStatusChanged) == null ? void 0 : _j.call(props, feedbackData);
         break;
       case MessageAction.AUTHORIZED:
-        (_h = props.onAuthorized) == null ? void 0 : _h.call(props, feedbackData);
+        (_k = props.onAuthorized) == null ? void 0 : _k.call(props, feedbackData);
         break;
       case MessageAction.ACTIVATED:
-        (_i = props.onActivated) == null ? void 0 : _i.call(props, feedbackData);
+        (_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:
-        (_j = props.onCardEncrypted) == null ? void 0 : _j.call(props, feedbackData);
+        (_n = props.onCardEncrypted) == null ? void 0 : _n.call(props, feedbackData);
         break;
       case MessageAction.CARD_ENCRYPTION_FAILED:
-        (_k = props.onCardEncryptionFailed) == null ? void 0 : _k.call(props, feedbackData);
+        (_o = props.onCardEncryptionFailed) == null ? void 0 : _o.call(props, feedbackData);
         break;
       case MessageAction.VALIDATED:
-        (_l = props.onValidated) == null ? void 0 : _l.call(props, feedbackData);
+        (_p = props.onValidated) == null ? void 0 : _p.call(props, feedbackData);
         break;
+      case MessageAction.IFRAME_ERROR: {
+        const data2 = feedbackData;
+        (_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;
+      }
     }
   }, []);
   return /* @__PURE__ */ u("div", { ref: rootNodeRef, children: !targetElement && props.children });

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

@@ -6,7 +6,7 @@ import { CNPJ_FULL_LENGTH, formatCPFOnInsert, CPF_FULL_LENGTH } from "../../util
 import { getSupportedCardBrands, getSupportedCardBrandsLengths, findCardBrand } from "../../utils/card-brand/index.js";
 import { limitedToNumber, trimAll } from "../../utils/format.js";
 import { isUndefined, isNil } from "../../utils/is.js";
-import { cdnOrigin, setApiUrl, setCDNUrl, setApiPrefix } from "../../config.js";
+import { cdnOrigin, apiUrl, apiPrefix, setApiUrl, setCDNUrl, setApiPrefix } from "../../config.js";
 import { MessageAction } from "../../types/message.js";
 import { generateClassNameMap, style2String, createPlaceholderStyle, loadStyle } from "../../utils/style.js";
 import { postMessageToIframe } from "../../utils/iframe.js";
@@ -199,6 +199,7 @@ const FieldIframe = (props) => {
   const inputRef = A(null);
   const { initSecuredInput, getConfigByFieldType, getCurrCardBrand, cardBin, value, brand } = useSecuredInput();
   const [hasInit, setHasInit] = h(false);
+  const [disabled, setDisabled] = h(false);
   const inputId = "securedInput";
   const initInput = () => {
     initSecuredInput({
@@ -281,7 +282,6 @@ const FieldIframe = (props) => {
     if (!Reflect.has(feedbackData, "action")) {
       return;
     }
-    console.log(feedbackData, checkoutId);
     if (feedbackData.checkoutId !== checkoutId) {
       return;
     }
@@ -295,6 +295,11 @@ const FieldIframe = (props) => {
         processValidStatusChanged("error", error);
         sendValidateMessage("error");
       }
+    } else if (feedbackData.action === MessageAction.SET_CONFIG) {
+      const data2 = feedbackData;
+      if (data2.disabled !== void 0) {
+        setDisabled(data2.disabled);
+      }
     }
   };
   y(() => {
@@ -368,9 +373,8 @@ const FieldIframe = (props) => {
       checkoutId
     };
     postMessageToIframe(validData, window.parent);
-    if (status !== "success") {
+    if (status !== "success")
       return;
-    }
     sendValidWithValueMessage();
   };
   const sendValidWithValueMessage = () => {
@@ -406,10 +410,11 @@ const FieldIframe = (props) => {
       ref: inputRef,
       placeholder: props.placeholder,
       autocomplete: "off",
-      disabled: !hasInit
+      disabled: !hasInit || disabled
     }
   );
 };
+const bkApi = (path) => `${apiUrl}/bk${path}`;
 const HiddenIframe = ({ checkoutId }) => {
   const formData = {
     expYear: "",
@@ -419,115 +424,140 @@ const HiddenIframe = ({ checkoutId }) => {
     cpf: void 0
   };
   const onReceiveMessage = async (event) => {
-    const { data } = event;
-    const parsedData = safeParse(data);
-    if (!Reflect.has(parsedData, "action")) {
+    const { data, origin } = event;
+    const feedbackData = safeParse(data);
+    if (!Reflect.has(feedbackData, "action"))
       return;
-    }
-    console.log(parsedData, checkoutId);
-    if (parsedData.checkoutId !== checkoutId) {
+    if (feedbackData.checkoutId !== checkoutId)
       return;
-    }
-    if (parsedData.action === MessageAction.VALID_WITH_VALUE) {
-      const feedbackData = parsedData;
-      switch (feedbackData.fieldType) {
+    if (feedbackData.action === MessageAction.VALID_WITH_VALUE) {
+      const data2 = feedbackData;
+      switch (data2.fieldType) {
         case EFieldType.CVV: {
-          formData.cvv = feedbackData.value;
+          formData.cvv = data2.value;
           break;
         }
         case EFieldType.CARD_NUMBER: {
-          formData.cardNo = trimAll(feedbackData.value);
+          formData.cardNo = trimAll(data2.value);
           break;
         }
         case EFieldType.EXPIRE_DATE: {
-          const [expMonth, expYear] = feedbackData.value.split("/");
+          const [expMonth, expYear] = data2.value.split("/");
           formData.expMonth = expMonth;
           formData.expYear = `20${expYear}`;
           break;
         }
         case EInternalFieldType.CPF: {
-          formData.cpf = limitedToNumber(trimAll(feedbackData.value));
+          formData.cpf = limitedToNumber(trimAll(data2.value));
           break;
         }
       }
-    } else if (parsedData.action === MessageAction.PAYMENT) {
-      const feedbackData = parsedData;
-      pay(feedbackData.formData, feedbackData.locale, feedbackData.extraParams);
-    } else if (parsedData.action === MessageAction.ENCRYPT_CARD) {
-      const feedbackData = parsedData;
+    } else if (feedbackData.action === MessageAction.PAYMENT) {
+      const data2 = feedbackData;
+      pay(data2.formData, data2.locale, data2.extraParams);
+    } else if (feedbackData.action === MessageAction.ENCRYPT_CARD) {
+      const data2 = feedbackData;
       try {
-        const res = await encryptCard({ ...feedbackData, ...formData });
+        const res = await encryptCard({ ...data2, ...formData });
         sendCardEncryptedMessage(res);
       } catch (error) {
         console.log("error", error);
         sendCardEncryptionFailedMessage(error);
       }
-    }
+    } else if (feedbackData.action === MessageAction.DDC_CARD_BIN) {
+      if (origin !== cdnOrigin)
+        return;
+      sendDDCCardBinMessage(event.source);
+    } else
+      ;
   };
   y(() => {
-    console.log("hidden iframe 加载完成");
     window.addEventListener("message", onReceiveMessage);
   }, []);
   const pay = (params, locale, extraParams) => {
+    const requestInfo = {
+      api: bkApi(`${apiPrefix}/payments`),
+      startTime: performance.now()
+    };
     const paymentMethod = params.payment.paymentMethod;
     const payMap = {
       [PaymentMethod.PIX]: pixPay,
       [PaymentMethod.PIC_PAY]: picPay
     };
     const payFn = payMap[paymentMethod] || cardPay;
-    payFn(
-      {
-        ...params,
-        payment: {
-          ...params.payment,
-          cvv: formData.cvv,
-          cardNo: formData.cardNo,
-          expYear: formData.expYear,
-          expMonth: formData.expMonth
-        },
-        customer: {
-          document: formData.cpf
-        }
+    const data = {
+      ...params,
+      payment: {
+        ...params.payment,
+        cvv: formData.cvv,
+        cardNo: formData.cardNo,
+        expYear: formData.expYear,
+        expMonth: formData.expMonth
       },
-      extraParams,
-      { locale }
-    ).then(sendAfterPaymentMessage).catch((error) => {
+      customer: {
+        document: formData.cpf
+      }
+    };
+    payFn(data, extraParams, { locale }).then((res) => {
+      sendAfterPaymentMessage(res, requestInfo);
+    }).catch((error) => {
       if (isTimeoutError(error)) {
-        sendPaymentTimeoutMessage();
+        sendPaymentTimeoutMessage(requestInfo);
       } else {
-        sendPaymentErrorMessage(error);
+        sendPaymentErrorMessage(error, requestInfo);
       }
     });
   };
-  const sendAfterPaymentMessage = (response) => {
+  const sendDDCCardBinMessage = (target) => {
+    const data = {
+      action: MessageAction.DDC_CARD_BIN,
+      checkoutId,
+      bin: limitedToNumber(formData.cardNo).slice(0, 9)
+    };
+    postMessageToIframe(data, target);
+  };
+  const sendAfterPaymentMessage = (response, requestInfo) => {
     const data = {
       action: MessageAction.AFTER_PAYMENT,
       checkoutId,
-      response
+      response,
+      api: requestInfo.api,
+      code: "200",
+      success: true,
+      time: Math.round(performance.now() - requestInfo.startTime)
     };
     postMessageToIframe(data, window.parent);
   };
-  const sendPaymentErrorMessage = (error) => {
+  const sendPaymentErrorMessage = (error, requestInfo) => {
     const data = {
       action: MessageAction.PAYMENT_ERROR,
       checkoutId,
       error: {
         message: error.message,
         code: error.code
-      }
+      },
+      code: error.code,
+      api: requestInfo.api,
+      success: false,
+      time: Math.round(performance.now() - requestInfo.startTime)
     };
     postMessageToIframe(data, window.parent);
   };
-  const sendPaymentTimeoutMessage = () => {
+  const sendPaymentTimeoutMessage = (requestInfo) => {
     const data = {
       action: MessageAction.PAYMENT_TIMEOUT,
-      checkoutId
+      checkoutId,
+      api: requestInfo.api,
+      message: "timeout",
+      success: false,
+      time: Math.round(performance.now() - requestInfo.startTime)
     };
     postMessageToIframe(data, window.parent);
   };
   const sendHiddenIframeReadyMessage = () => {
     const data = {
       action: MessageAction.HIDDEN_IFRAME_READY,
+      name: window.name,
       checkoutId
     };
     postMessageToIframe(data, window.parent);
@@ -564,7 +594,6 @@ const SecuredIframe = () => {
     if (!Reflect.has(feedbackData, "action")) {
       return;
     }
-    console.log(feedbackData, checkoutId.current);
     if (feedbackData.action === MessageAction.INIT) {
       checkoutId.current = feedbackData.checkoutId;
       setHidden(feedbackData.hidden);
@@ -584,6 +613,45 @@ const SecuredIframe = () => {
     return;
   };
   window.addEventListener("message", onReceiveMessage);
+  const sendIframeErrorMessage = (error) => {
+    const data = {
+      fieldType: fieldIframeConfig == null ? void 0 : fieldIframeConfig.fieldType,
+      action: MessageAction.IFRAME_ERROR,
+      checkoutId: checkoutId.current,
+      error: {
+        message: error.message,
+        code: error.code,
+        stack: error.stack
+      }
+    };
+    postMessageToIframe(data, window.parent);
+  };
+  y(() => {
+    const onError = (event) => {
+      var _a;
+      sendIframeErrorMessage({
+        message: event.message,
+        stack: (_a = event.error) == null ? void 0 : _a.stack
+      });
+    };
+    const onRejection = (event) => {
+      const r = event.reason;
+      const message = r instanceof Error ? r.message : typeof r === "object" && r && "message" in r ? String(r == null ? void 0 : r.message) : String(r);
+      const code = typeof r === "object" && r && "code" in r ? String(r.code) : void 0;
+      const stack = r instanceof Error ? r.stack : void 0;
+      sendIframeErrorMessage({
+        message,
+        code,
+        stack
+      });
+    };
+    window.addEventListener("error", onError);
+    window.addEventListener("unhandledrejection", onRejection);
+    return () => {
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onRejection);
+    };
+  }, []);
   return /* @__PURE__ */ u(b, { children: hasInit && (hidden ? /* @__PURE__ */ u(HiddenIframe, { checkoutId: checkoutId.current }) : /* @__PURE__ */ u(FieldIframe, { ...fieldIframeConfig, checkoutId: checkoutId.current })) });
 };
 export {

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

@@ -26,7 +26,6 @@ import { AccountNameField } from "../AccountNameField/index.js";
 const { bem } = useBEM("sepa");
 const fieldClassNames = bem("field");
 const Sepa = w((props, ref) => {
-  var _a, _b;
   const { session, core } = props;
   const addressCore = core.getAddressCore();
   let emailState = createEmailCore();
@@ -56,28 +55,28 @@ const Sepa = w((props, ref) => {
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
   F(ref, () => ({
     updateAddress: () => {
-      var _a2;
+      var _a;
       if (!requiredBill)
         return;
       setForm(Object.assign(form, { address: addressCore.getAddressState() }));
-      (_a2 = addressFieldRef.current) == null ? void 0 : _a2.update(addressCore.getAddressState());
+      (_a = addressFieldRef.current) == null ? void 0 : _a.update(addressCore.getAddressState());
     },
     updateEmail: () => {
-      var _a2;
+      var _a;
       setForm(Object.assign(form, { email: emailState.email }));
       form.email = emailState.email;
-      (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      (_a = emailFieldRef.current) == null ? void 0 : _a.update(emailState.email);
       validateForm();
     }
   }));
   const processOnSuccess = (res) => {
-    var _a2, _b2;
+    var _a, _b;
     setSubmitButtonStatus("success");
-    (_b2 = props.onSuccess) == null ? void 0 : _b2.call(
+    (_b = props.onSuccess) == null ? void 0 : _b.call(
       props,
       formatPaymentResult({
         ...res,
-        returnUrl: (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.returnUrl
+        returnUrl: (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.returnUrl
       })
     );
   };
@@ -96,8 +95,8 @@ const Sepa = w((props, ref) => {
     });
   }, []);
   const Button = () => {
-    var _a2;
-    const transAmount = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.transAmount;
+    var _a;
+    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
     const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
     const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
@@ -114,8 +113,8 @@ const Sepa = w((props, ref) => {
     );
   };
   const validateForm = () => {
-    var _a2;
-    (_a2 = formRef.current) == null ? void 0 : _a2.validate(void 0, false).then(() => {
+    var _a;
+    (_a = formRef.current) == null ? void 0 : _a.validate(void 0, false).then(() => {
       setValidated(true);
     }).catch(() => {
       setValidated(false);
@@ -129,12 +128,12 @@ const Sepa = w((props, ref) => {
     validateForm();
   }, [form]);
   async function onSubmit() {
-    var _a2;
+    var _a;
     setErrorMsg("");
-    (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
-      var _a3;
+    (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
+      var _a2;
       requiredBill && addressCore.setValidateAllFields(true);
-      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors);
+      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors);
       if (errors) {
         setSubmitButtonStatus("unSubmit");
         return;
@@ -146,10 +145,10 @@ const Sepa = w((props, ref) => {
   }
   const onTimeout = q(
     (message) => {
-      var _a2;
+      var _a;
       setErrorMsg(message || i18n.get("common.payTimeout"));
       setSubmitButtonStatus("unSubmit");
-      (_a2 = props.onTimeout) == null ? void 0 : _a2.call(props);
+      (_a = props.onTimeout) == null ? void 0 : _a.call(props);
     },
     [i18n, props.onTimeout]
   );
@@ -184,12 +183,12 @@ const Sepa = w((props, ref) => {
     };
   };
   async function pay(search = false, timeout) {
-    var _a2, _b2, _c, _d, _e;
+    var _a, _b, _c, _d, _e;
     try {
       const requestOptions = { locale: i18n.locale, timeout };
       let res = null;
       if (search) {
-        const extraParams = (_b2 = (_a2 = core.config)._getExtraParams) == null ? void 0 : _b2.call(_a2, "query", PaymentMethod.SEPA_DEBIT);
+        const extraParams = (_b = (_a = core.config)._getExtraParams) == null ? void 0 : _b.call(_a, "query", PaymentMethod.SEPA_DEBIT);
         res = await getSepaPayInfo(
           {
             sessionId: session.sessionId,
@@ -222,7 +221,7 @@ const Sepa = w((props, ref) => {
     }
   }
   const processAfterPayment = (res, search = false) => {
-    var _a2, _b2, _c;
+    var _a, _b, _c;
     const { status, orderStatus, errorMessage, errorCode, sessionId } = res;
     sessionId && (session.sessionId = sessionId);
     if (status === "PROCESSING") {
@@ -241,10 +240,10 @@ const Sepa = w((props, ref) => {
       } else if (orderStatus === "FAILURE") {
         errorMessage && setErrorMsg(errorMessage);
         setSubmitButtonStatus("unSubmit");
-        (_a2 = props.onError) == null ? void 0 : _a2.call(props, new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
+        (_a = props.onError) == null ? void 0 : _a.call(props, new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
       } else if (orderStatus === "AUTHORIZED") {
         setSubmitButtonStatus("unSubmit");
-        (_b2 = props.onAuthorized) == null ? void 0 : _b2.call(props);
+        (_b = props.onAuthorized) == null ? void 0 : _b.call(props);
       }
       return { end: true };
     } else if (status === "SUCCESS") {
@@ -282,8 +281,7 @@ const Sepa = w((props, ref) => {
           {
             ref: addressFieldRef,
             value: form.address,
-            country: ((_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.country) || ((_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.bill.country),
-            onAddressChange: (value) => setForm(Object.assign(form, { address: value }))
+            onChange: (value) => setForm(Object.assign(form, { address: value }))
           }
         ) }),
         !!errorMsg && /* @__PURE__ */ u(Info, { content: errorMsg, style: { marginTop: "12px" } }),

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

@@ -51,7 +51,7 @@ const SubmitButton = (props) => {
       className: normalizedClass(bem({ success: status === "success" }), className),
       style,
       loading: status === "loading",
-      disabled: props.disabled || status === "success",
+      disabled: (props.disabled || status === "success") && status !== "loading",
       children: /* @__PURE__ */ u("span", { class: bem("text", { "not-verified": !props.verified }), children: content })
     }
   );