@paykka/card-checkout-ui 0.8.0 → 0.11.2

package/dist/es/components/wallets/Paymaya/Paymaya.js

@@ -0,0 +1,325 @@
+import { w, F, A, h, y, q, u, b } from "../../../core.js";
+import { useBEM } from "../../../hooks/useBEM.js";
+import { CoreContext } from "../../../core/context.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { cssVarPrefix, normalizedClass, formatAmount } from "../../../utils/format.js";
+import { redirectToPayment } from "../../../utils/redirect.js";
+import { isTimeoutError } from "../../../api/http.js";
+import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../../constant.js";
+import { getBrowserParams } from "../../../api/modules/get-browser-params.js";
+import { getPaymayaPayInfo, paymayaPay } from "../../../api/modules/paymaya/index.js";
+import { PayKKaError } from "../../../core/error.js";
+import { hidePaymentButton } from "../../../config.js";
+import { usePayState } from "../../../hooks/usePayState.js";
+import { useRetry } from "../../../hooks/useRetry.js";
+import { createAddressCore } from "../../../core/Address.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
+import { SubmitButton } from "../../SubmitButton/index.js";
+import { GuideCard } from "../../GuideCard/index.js";
+import { AddressField } from "../../AddressField/index.js";
+import { Info } from "../../internal/Info/Info.js";
+import "../../internal/Form/type.js";
+import "../../internal/Form/context.js";
+import "../../internal/Form/FormItem.js";
+import { Form } from "../../internal/Form/Form.js";
+import "./paymaya2.js";
+const { bem } = useBEM("paymaya");
+const fieldClassNames = bem("field");
+const Paymaya = w((props, ref) => {
+  var _a, _b, _c, _d, _e, _f;
+  const {
+    session,
+    showEmail = false,
+    showAddress = false,
+    core,
+    redirectMode = "auto",
+    autoQuery = true,
+    showGuideCard = true
+  } = props;
+  F(ref, () => ({
+    stopRetry: () => {
+      setSubmitButtonStatus("unSubmit");
+      stopReFetchPayInfo();
+    },
+    startRetry: (timeout) => {
+      setSubmitButtonStatus("loading");
+      startReFetchPayInfo({ timeout });
+    },
+    updateAddress: () => {
+      var _a2;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.address.show))
+        return;
+      setForm(Object.assign(form, { address: addressState.getAddressState() }));
+      (_a2 = addressFieldRef.current) == null ? void 0 : _a2.update(addressState.getAddressState());
+    },
+    updateEmail: () => {
+      var _a2;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
+        return;
+      setForm(Object.assign(form, { email: emailState.email }));
+      form.email = emailState.email;
+      (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      validateForm();
+    },
+    payment: () => {
+      hidePaymentButton && onSubmit();
+    }
+  }));
+  const addressState = createAddressCore();
+  const emailState = createEmailCore();
+  const addressFieldRef = A(null);
+  const emailFieldRef = A(null);
+  const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
+  const formRef = A(null);
+  const [form, setForm] = h({
+    email: "",
+    address: {
+      country: "",
+      province: "",
+      city: "",
+      area: "",
+      postCode: "",
+      address1: "",
+      address2: ""
+    }
+  });
+  const [validated, setValidated] = h(false);
+  const [fieldStatus, setFieldStatus] = h();
+  const initFieldStatus = () => {
+    const { field, sessionMode } = session.checkout;
+    const { email, address } = field;
+    if (sessionMode === SessionMode.COMPONENT) {
+      if (email.disabled) {
+        email.show = showEmail;
+      }
+      if (showAddress && !(address == null ? void 0 : address.show)) {
+        address.show = true;
+      }
+    }
+    setFieldStatus({ ...field });
+  };
+  y(() => {
+    if (!sessionReady) {
+      return;
+    }
+    const { bill = {}, paymentMethod = [] } = (session == null ? void 0 : session.checkout) || {};
+    if (!paymentMethod.includes(PaymentMethod.PAYMAYA)) {
+      return;
+    }
+    initFieldStatus();
+    setIsCheckoutEnabled(true);
+    form.email = bill.email ?? "";
+    if (autoQuery && core.processingPaymentMethod === PaymentMethod.PAYMAYA) {
+      setSubmitButtonStatus("loading");
+      startReFetchPayInfo();
+    }
+  }, [sessionReady]);
+  const processOnError = (error) => {
+    var _a2;
+    (_a2 = props.onError) == null ? void 0 : _a2.call(props, error);
+    core.resetEnablePaymentMethod();
+  };
+  const onTimeout = q(
+    (message) => {
+      var _a2;
+      setErrorMsg(message || i18n.get("common.payTimeout"));
+      setSubmitButtonStatus("unSubmit");
+      (_a2 = props.onTimeout) == null ? void 0 : _a2.call(props);
+      core.resetEnablePaymentMethod();
+    },
+    [i18n, props.onTimeout]
+  );
+  const { start: startReFetchPayInfo, stop: stopReFetchPayInfo } = useRetry(
+    (timeout) => pay(true, timeout),
+    { onTimeout: () => onTimeout(i18n.get("common.queryTimeout")) }
+  );
+  const getPaymentParams = async () => {
+    return {
+      sessionId: session.sessionId,
+      clientKey: session.clientKey,
+      payment: {
+        paymentMethod: PaymentMethod.PAYMAYA
+      },
+      bill: {
+        email: form.email,
+        ...form.address,
+        province: addressState.getLabel(form.address.province, addressState.getProvinceOption()) ?? form.address.province,
+        city: addressState.getLabel(form.address.city, addressState.getCityOptions()) ?? form.address.city
+      },
+      browser: await getBrowserParams()
+    };
+  };
+  const pay = async (search = false, timeout) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    try {
+      const paymentParams = await getPaymentParams();
+      const requestOptions = { locale: i18n.locale, timeout };
+      const res = search ? await getPaymayaPayInfo(
+        { sessionId: session.sessionId, clientKey: session.clientKey },
+        requestOptions
+      ) : await paymayaPay(paymentParams, props.core, requestOptions);
+      !search && ((_a2 = props.onSubmitResponse) == null ? void 0 : _a2.call(props, res));
+      const { status, orderStatus, errorMessage, errorCode, payInfo } = res;
+      if (status === "PROCESSING") {
+        if (!orderStatus) {
+          setSubmitButtonStatus("unSubmit");
+          return { end: true };
+        } else if (orderStatus === "SUCCESS") {
+          setSubmitButtonStatus("success");
+          (_b2 = props.onSuccess) == null ? void 0 : _b2.call(props);
+          return { end: true };
+        } else if (orderStatus === "FAILURE") {
+          setErrorMsg(errorMessage);
+          setSubmitButtonStatus("unSubmit");
+          processOnError(new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
+          return { end: true };
+        } else if (orderStatus === "PROCESSING") {
+          if (!search) {
+            if (redirectMode === "auto" && payInfo) {
+              redirectToPayment(payInfo);
+              return { end: true };
+            } else {
+              startReFetchPayInfo();
+            }
+          }
+          return { end: false };
+        } else if (orderStatus === "CANCELED") {
+          setSubmitButtonStatus("unSubmit");
+          (_c2 = props.onTimeout) == null ? void 0 : _c2.call(props);
+          core.resetEnablePaymentMethod();
+          return { end: true };
+        }
+      } else if (status === "SUCCESS") {
+        setSubmitButtonStatus("success");
+        (_d2 = props.onSuccess) == null ? void 0 : _d2.call(props);
+        return { end: true };
+      } else if (status === "EXPIRED") {
+        setSubmitButtonStatus("unSubmit");
+        (_e2 = props.onExpired) == null ? void 0 : _e2.call(props);
+        return { end: true };
+      }
+      setSubmitButtonStatus("unSubmit");
+      return { end: true };
+    } catch (error) {
+      if (isTimeoutError(error)) {
+        if (search) {
+          return { end: false };
+        } else {
+          onTimeout();
+          return { end: true };
+        }
+      } else {
+        const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
+        setErrorMsg(message);
+        processOnError(new PayKKaError("API_ERROR", message, { code: error.code, cause: error }));
+        setSubmitButtonStatus("unSubmit");
+        return { end: true };
+      }
+    }
+  };
+  const validateForm = () => {
+    var _a2;
+    (_a2 = formRef.current) == null ? void 0 : _a2.validate(void 0, false).then(() => {
+      setValidated(true);
+    }).catch(() => {
+      setValidated(false);
+    });
+  };
+  y(() => {
+    validateForm();
+  }, [form]);
+  const onSubmit = async () => {
+    var _a2;
+    setErrorMsg("");
+    (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
+      var _a3;
+      (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressState.setValidateAllFields(true);
+      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors);
+      if (errors) {
+        setSubmitButtonStatus("unSubmit");
+        return;
+      }
+      setErrorMsg("");
+      setSubmitButtonStatus("loading");
+      await pay();
+    });
+  };
+  const setFormRef = (dom) => {
+    formRef.current = dom;
+    dom && validateForm();
+  };
+  const Button = () => {
+    var _a2;
+    const transAmount = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.transAmount;
+    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
+    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
+    return /* @__PURE__ */ u(
+      SubmitButton,
+      {
+        className: bem("button"),
+        status: submitButtonStatus,
+        text,
+        loadingText: i18n.get("common.payProcessing"),
+        successText: i18n.get("common.paySuccess"),
+        onClick: onSubmit,
+        verified: validated
+      }
+    );
+  };
+  const Email = () => {
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+      EmailField,
+      {
+        ref: emailFieldRef,
+        value: form.email,
+        disabled: fieldStatus == null ? void 0 : fieldStatus.email.disabled
+      }
+    ) }) });
+  };
+  const formStyle = {
+    [cssVarPrefix("button-bg-color")]: (_a = session == null ? void 0 : session.colors) == null ? void 0 : _a.primary,
+    [cssVarPrefix("button-bg-color-hover")]: (_b = session == null ? void 0 : session.colors) == null ? void 0 : _b.primaryHover,
+    [cssVarPrefix("button-bg-color-active")]: (_c = session == null ? void 0 : session.colors) == null ? void 0 : _c.primaryActive,
+    [cssVarPrefix("button-text-color")]: (_e = (_d = session == null ? void 0 : session.checkout) == null ? void 0 : _d.theme) == null ? void 0 : _e.payButtonTextColor,
+    [cssVarPrefix("input-color")]: (_f = session == null ? void 0 : session.colors) == null ? void 0 : _f.primary
+  };
+  const ErrorMessage = () => {
+    return /* @__PURE__ */ u(b, { children: !!errorMsg && /* @__PURE__ */ u(Info, { content: errorMsg, style: { marginTop: "12px" } }) });
+  };
+  const Address = () => {
+    var _a2, _b2;
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+      AddressField,
+      {
+        ref: addressFieldRef,
+        value: form.address,
+        country: ((_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.country) || ((_b2 = session == null ? void 0 : session.checkout) == null ? void 0 : _b2.bill.country),
+        onAddressChange: (value) => setForm(Object.assign(form, { address: value }))
+      }
+    ) }) });
+  };
+  return /* @__PURE__ */ u(
+    CoreContext.Provider,
+    {
+      value: {
+        i18n,
+        session
+      },
+      children: isCheckoutEnabled && i18n.ready.value && /* @__PURE__ */ u(b, { children: [
+        showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PAYMAYA }),
+        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), style: formStyle, children: [
+          Email(),
+          Address(),
+          ErrorMessage(),
+          !hidePaymentButton && Button()
+        ] }) })
+      ] })
+    }
+  );
+});
+export {
+  Paymaya
+};

package/dist/es/components/wallets/Paymaya/index.js

@@ -0,0 +1 @@
+import "./Paymaya.js";

package/dist/es/components/wallets/Paymaya/paymaya2.js

@@ -0,0 +1 @@
+

package/dist/es/components/wallets/Paymaya/type.js

@@ -0,0 +1 @@
+

package/dist/es/config.js

@@ -9,27 +9,27 @@ let fraudDetectionEnv = void 0;
 let customReqHeaders = {};
 let customLocale = void 0;
 let hidePaymentButton = false;
-function setApiUrl(url) {
+const setApiUrl = (url) => {
   apiUrl = url;
-}
-function setCDNUrl(url) {
+};
+const setCDNUrl = (url) => {
   const urlInfo = new URL(url);
   cdnOrigin = urlInfo.origin;
   cdnDir = urlInfo.pathname;
   cdnUrl = `${cdnOrigin}${cdnDir === "/" ? "" : cdnDir}`;
-}
-function setFraudDetectionEnv(env) {
+};
+const setFraudDetectionEnv = (env) => {
   fraudDetectionEnv = env;
-}
-function setCustomReqHeaders(headers) {
+};
+const setCustomReqHeaders = (headers) => {
   customReqHeaders = headers;
-}
-function setCustomLocale(locale) {
+};
+const setCustomLocale = (locale) => {
   customLocale = locale;
-}
-function setCheckoutConfig(params) {
+};
+const setCheckoutConfig = (params) => {
   hidePaymentButton = params.hidePaymentButton || false;
-}
+};
 export {
   apiUrl,
   cdnOrigin,

package/dist/es/constant.js

@@ -2,8 +2,6 @@ const PREFIX = "paykka-card-checkout";
 const COMMON_CLASS_NAME = PREFIX;
 var PaymentMethod = /* @__PURE__ */ ((PaymentMethod2) => {
   PaymentMethod2["ALL"] = "ALL";
-  PaymentMethod2["ALI_PAY"] = "ALIPAY_PLUS";
-  PaymentMethod2["WECHAT_PAY"] = "WECHAT_PAY_GLOBAL";
   PaymentMethod2["APPLE_PAY"] = "APPLE_PAY";
   PaymentMethod2["GOOGLE_PAY"] = "GOOGLE_PAY";
   PaymentMethod2["BANKCARD"] = "BANKCARD";
@@ -14,6 +12,18 @@ var PaymentMethod = /* @__PURE__ */ ((PaymentMethod2) => {
   PaymentMethod2["DINERS_CLUB"] = "DINERS_CLUB";
   PaymentMethod2["DISCOVER"] = "DISCOVER";
   PaymentMethod2["BOC"] = "BOC";
+  PaymentMethod2["CHINA_UNION_PAY"] = "CHINA_UNION_PAY";
+  PaymentMethod2["ALI_PAY"] = "ALIPAY_PLUS";
+  PaymentMethod2["WECHAT_PAY"] = "WECHAT_PAY_GLOBAL";
+  PaymentMethod2["BOOST"] = "BOOST";
+  PaymentMethod2["GRAB_PAY"] = "GRABPAY";
+  PaymentMethod2["TNG_WALLET"] = "TNG_EWALLET";
+  PaymentMethod2["MAY_BANK_QR_PAY"] = "MAYBANK_QRPAY";
+  PaymentMethod2["SHOPEE_PAY"] = "SHOPEE_PAY";
+  PaymentMethod2["LINE_PAY"] = "LINE_PAY";
+  PaymentMethod2["NINE_PAY"] = "NINE_PAY";
+  PaymentMethod2["GCASH"] = "G_CASH";
+  PaymentMethod2["PAYMAYA"] = "PAYMAYA";
   PaymentMethod2["SEPA_DEBIT"] = "SEPA_DEBIT";
   return PaymentMethod2;
 })(PaymentMethod || {});
@@ -24,16 +34,85 @@ var PaymentCategory = /* @__PURE__ */ ((PaymentCategory2) => {
   PaymentCategory2["SEPA_DEBIT"] = "sepaDebit";
   PaymentCategory2["WECHAT_PAY"] = "wechatPay";
   PaymentCategory2["ALI_PAY"] = "aliPay";
+  PaymentCategory2["BOOST"] = "boost";
+  PaymentCategory2["GRAB_PAY"] = "grabPay";
+  PaymentCategory2["TNG_WALLET"] = "tngEWallet";
+  PaymentCategory2["MAY_BANK_QR_PAY"] = "mayBankQRPay";
+  PaymentCategory2["SHOPEE_PAY"] = "shopeePay";
+  PaymentCategory2["LINE_PAY"] = "linePay";
+  PaymentCategory2["NINE_PAY"] = "ninePay";
+  PaymentCategory2["GCASH"] = "gcash";
+  PaymentCategory2["PAYMAYA"] = "paymaya";
   return PaymentCategory2;
 })(PaymentCategory || {});
+const PaymentMethod2CategoryMap = {
+  [
+    "APPLE_PAY"
+    /* APPLE_PAY */
+  ]: "applePay",
+  [
+    "GOOGLE_PAY"
+    /* GOOGLE_PAY */
+  ]: "googlePay",
+  [
+    "SEPA_DEBIT"
+    /* SEPA_DEBIT */
+  ]: "sepaDebit",
+  [
+    "WECHAT_PAY_GLOBAL"
+    /* WECHAT_PAY */
+  ]: "wechatPay",
+  [
+    "ALIPAY_PLUS"
+    /* ALI_PAY */
+  ]: "aliPay",
+  [
+    "BOOST"
+    /* BOOST */
+  ]: "boost",
+  [
+    "GRABPAY"
+    /* GRAB_PAY */
+  ]: "grabPay",
+  [
+    "TNG_EWALLET"
+    /* TNG_WALLET */
+  ]: "tngEWallet",
+  [
+    "MAYBANK_QRPAY"
+    /* MAY_BANK_QR_PAY */
+  ]: "mayBankQRPay",
+  [
+    "SHOPEE_PAY"
+    /* SHOPEE_PAY */
+  ]: "shopeePay",
+  [
+    "LINE_PAY"
+    /* LINE_PAY */
+  ]: "linePay",
+  [
+    "NINE_PAY"
+    /* NINE_PAY */
+  ]: "ninePay",
+  [
+    "G_CASH"
+    /* GCASH */
+  ]: "gcash",
+  [
+    "PAYMAYA"
+    /* PAYMAYA */
+  ]: "paymaya"
+  /* PAYMAYA */
+};
 const CardPaymentMethods = [
   "VISA",
   "MASTER_CARD",
   "JCB",
   "AMEX",
   "DINERS_CLUB",
-  "DISCOVER"
-  /* DISCOVER */
+  "DISCOVER",
+  "CHINA_UNION_PAY"
+  /* CHINA_UNION_PAY */
 ];
 var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
   PaymentType2["PURCHASE"] = "PURCHASE";
@@ -64,6 +143,7 @@ export {
   PREFIX,
   PaymentCategory,
   PaymentMethod,
+  PaymentMethod2CategoryMap,
   PaymentType,
   SessionMode
 };

package/dist/es/core/PayKKaCheckout.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 var __accessCheck = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -22,15 +28,27 @@ import { Session } from "./Session.js";
 import { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCheckoutConfig, setCustomLocale } from "../config.js";
 import { PayKKaError } from "./error.js";
 import { apiEnv, cdnEnv, fraudDetectionEnv } from "./environment.js";
+import "../api/http.js";
 import { isEmptyObject } from "../utils/is.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import { getUrlParam } from "../utils/location.js";
+import { d } from "../core.js";
+const PROCESSING_PARAM_NAME = "m";
 class PayKKaCheckout {
   constructor(config) {
     __privateAdd(this, _config, void 0);
     __privateAdd(this, _envConfig, void 0);
     __privateAdd(this, _session, void 0);
     __privateAdd(this, _componentInsts, []);
+    // TODO: 这俩属性不应该放在这里，但他们是在 PayKKaCheckout 实例中保持唯一的数据，还没想好放哪里
+    /** 当前正在处理的支付方式，在第三方支付页面跳回收银台时，会通过 url 参数传递过来 */
+    __publicField(this, "processingPaymentMethod", null);
+    /**
+     * 当前启用的支付方式（禁用则展示禁用样式）
+     * 在 DropIn 且有正在处理的支付方式时，会设置为当前支付方式，并把其他支付方式设为禁用
+     */
+    __publicField(this, "enablePaymentMethod", d(null));
     __privateSet(this, _config, config);
     this.init();
   }
@@ -39,9 +57,10 @@ class PayKKaCheckout {
     this.initLocale();
     this.initExtraParams();
     this.initSession();
+    this.initOtherData();
   }
   initSession() {
-    const { sessionId, clientKey, onPaymentMethodsReady, onInitError } = __privateGet(this, _config);
+    const { sessionId, clientKey, onPaymentMethodsReady, onInitError, onSuccess } = __privateGet(this, _config);
     if (!sessionId) {
       onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "SessionId is required"));
       return;
@@ -53,7 +72,11 @@ class PayKKaCheckout {
         onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "Checkout is empty"));
         return;
       }
-      const { paymentMethod = [] } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
+      const { paymentMethod = [], status } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
+      if (status === "SUCCESS") {
+        onSuccess == null ? void 0 : onSuccess({});
+        return;
+      }
       onPaymentMethodsReady == null ? void 0 : onPaymentMethodsReady(paymentMethod);
     }).catch((error) => {
       onInitError == null ? void 0 : onInitError(error);
@@ -79,9 +102,13 @@ class PayKKaCheckout {
   }
   initExtraParams() {
     const { hidePaymentButton = false } = __privateGet(this, _config);
-    setCheckoutConfig({
-      hidePaymentButton
-    });
+    setCheckoutConfig({ hidePaymentButton });
+  }
+  initOtherData() {
+    const res = getUrlParam(PROCESSING_PARAM_NAME);
+    if (res) {
+      this.processingPaymentMethod = res;
+    }
   }
   get session() {
     return __privateGet(this, _session);
@@ -116,6 +143,9 @@ class PayKKaCheckout {
       threeDSFrame: __privateGet(this, _config).threeDSFrame
     };
   }
+  resetEnablePaymentMethod() {
+    this.enablePaymentMethod.value = null;
+  }
 }
 _config = new WeakMap();
 _envConfig = new WeakMap();

package/dist/es/core/Session.js

@@ -21,18 +21,17 @@ var __privateMethod = (obj, member, method) => {
   __accessCheck(obj, member, "access private method");
   return method;
 };
-var _readyPromise, _init, init_fn, _genColors, genColors_fn;
+var _readyPromise, _init, init_fn;
+import { isTimeoutError } from "../api/http.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { generateColors } from "../utils/colors.js";
 import { createPromise } from "../utils/create-promise.js";
-import "../core.js";
 import { PayKKaError } from "./error.js";
 import { querySession } from "./query.js";
 class Session {
   constructor(sessionId, clientKey) {
     __privateAdd(this, _init);
-    __privateAdd(this, _genColors);
     __publicField(this, "sessionId");
     __publicField(this, "clientKey");
     __publicField(this, "checkout");
@@ -41,11 +40,29 @@ class Session {
     this.sessionId = sessionId;
     this.clientKey = clientKey;
     __privateMethod(this, _init, init_fn).call(this).then(() => __privateGet(this, _readyPromise).resolve(true)).catch((err) => {
-      return __privateGet(this, _readyPromise).reject(
-        new PayKKaError("API_ERROR", err.message, { code: err.code })
-      );
+      if (isTimeoutError(err)) {
+        __privateGet(this, _readyPromise).reject(err);
+      } else {
+        __privateGet(this, _readyPromise).reject(new PayKKaError("API_ERROR", err.message, { code: err.code }));
+      }
     });
   }
+  /** 生成主题色 */
+  genColors() {
+    var _a;
+    const { payButtonBackgroundColor } = ((_a = this.checkout) == null ? void 0 : _a.theme) || {};
+    if (payButtonBackgroundColor) {
+      const colors = generateColors(payButtonBackgroundColor, {
+        theme: "default",
+        backgroundColor: "#fff"
+      });
+      this.colors = {
+        primary: colors[5],
+        primaryHover: colors[4],
+        primaryActive: colors[6]
+      };
+    }
+  }
   ready() {
     return __privateGet(this, _readyPromise);
   }
@@ -57,23 +74,7 @@ init_fn = async function() {
     sessionId: this.sessionId,
     clientKey: this.clientKey
   });
-  __privateMethod(this, _genColors, genColors_fn).call(this);
-};
-_genColors = new WeakSet();
-genColors_fn = function() {
-  var _a;
-  const { payButtonBackgroundColor } = ((_a = this.checkout) == null ? void 0 : _a.theme) || {};
-  if (payButtonBackgroundColor) {
-    const colors = generateColors(payButtonBackgroundColor, {
-      theme: "default",
-      backgroundColor: "#fff"
-    });
-    this.colors = {
-      primary: colors[5],
-      primaryHover: colors[4],
-      primaryActive: colors[6]
-    };
-  }
+  this.genColors();
 };
 export {
   Session

package/dist/es/core/error.js

@@ -4,6 +4,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+var EPayKKaError = /* @__PURE__ */ ((EPayKKaError2) => {
+  EPayKKaError2["ERROR"] = "ERROR";
+  EPayKKaError2["API_ERROR"] = "API_ERROR";
+  EPayKKaError2["TIMEOUT"] = "TIMEOUT";
+  return EPayKKaError2;
+})(EPayKKaError || {});
 class PayKKaError extends Error {
   constructor(type, message, info) {
     super(message);
@@ -17,5 +23,6 @@ class PayKKaError extends Error {
   }
 }
 export {
+  EPayKKaError,
   PayKKaError
 };

package/dist/es/core/index.js

@@ -2,3 +2,4 @@ import "./context.js";
 import "../core.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../api/http.js";