@paykka/card-checkout-ui 0.13.13 → 0.13.15

package/dist/es/api/modules/get-browser-params.js

@@ -39,7 +39,7 @@ const getBaseBrowserParams = async (params = {}) => {
     terminal_type: terminalType,
     fraud_detection_id: fraudDetectionId,
     // 当前组件库版本（构建时由 define 注入）
-    app_version: "0.13.13"
+    app_version: "0.13.15"
   };
 };
 const getBrowserParams = async (params = {}) => {

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

@@ -3,6 +3,7 @@ import { isTimeoutError } from "../../api/http.js";
 import "../../utils/card-brand/brands.js";
 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 { getBrowserParams } from "../../api/modules/get-browser-params.js";
@@ -17,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";
-function createGooglePay(checkout, googlePayConfig, pay, onClick, onCanUse) {
+function createGooglePay(core, checkout, googlePayConfig, pay, onClick, onCanUse) {
   const {
     transAmount,
     theme: { merchantName }
@@ -96,9 +97,10 @@ function createGooglePay(checkout, googlePayConfig, pay, onClick, onCanUse) {
   }
   function onPaymentAuthorized(paymentData) {
     return new Promise(function(resolve) {
-      var _a, _b;
+      var _a, _b, _c, _d;
+      (_b = (_a = core.config).onEvent) == null ? void 0 : _b.call(_a, GooglePayEventType.GOOGLE_PAY_AUTHORIZED);
       console.log("google pay token", paymentData.paymentMethodData.tokenizationData.token);
-      console.log("google pay billingAddress", (_a = paymentData.paymentMethodData.info) == null ? void 0 : _a.billingAddress);
+      console.log("google pay billingAddress", (_c = paymentData.paymentMethodData.info) == null ? void 0 : _c.billingAddress);
       const {
         name,
         address1,
@@ -109,7 +111,7 @@ function createGooglePay(checkout, googlePayConfig, pay, onClick, onCanUse) {
         locality,
         postalCode,
         phoneNumber
-      } = ((_b = paymentData.paymentMethodData.info) == null ? void 0 : _b.billingAddress) ?? {};
+      } = ((_d = paymentData.paymentMethodData.info) == null ? void 0 : _d.billingAddress) ?? {};
       console.warn("GooglePay Res", paymentData.paymentMethodData);
       pay(paymentData.paymentMethodData.tokenizationData.token, {
         email: paymentData.email,
@@ -130,11 +132,13 @@ function createGooglePay(checkout, googlePayConfig, pay, onClick, onCanUse) {
   function onGooglePayLoaded(container) {
     const paymentsClient2 = getGooglePaymentsClient();
     paymentsClient2.isReadyToPay(getGoogleIsReadyToPayRequest()).then(function(response) {
+      var _a, _b;
       if (response.result) {
         addGooglePayButton(container);
         onCanUse == null ? void 0 : onCanUse(true);
       } else {
         onCanUse == null ? void 0 : onCanUse(false);
+        (_b = (_a = core.config).onEvent) == null ? void 0 : _b.call(_a, GooglePayEventType.GOOGLE_PAY_CAN_NOT_USE);
       }
     }).catch(function(err) {
       console.error(err);
@@ -150,12 +154,19 @@ function createGooglePay(checkout, googlePayConfig, pay, onClick, onCanUse) {
     container == null ? void 0 : container.appendChild(button);
   }
   function onGooglePaymentButtonClicked() {
+    var _a, _b;
+    (_b = (_a = core.config).onEvent) == null ? void 0 : _b.call(_a, GooglePayEventType.GOOGLE_PAY_BUTTON_CLICKED);
     onClick == null ? void 0 : onClick();
     const paymentDataRequest = getGooglePaymentDataRequest();
     paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
     const paymentsClient2 = getGooglePaymentsClient();
     console.log("paymentDataRequest", paymentDataRequest);
-    paymentsClient2.loadPaymentData(paymentDataRequest);
+    paymentsClient2.loadPaymentData(paymentDataRequest).catch((err) => {
+      var _a2, _b2;
+      if ((err == null ? void 0 : err.statusCode) === "CANCELED") {
+        (_b2 = (_a2 = core.config).onEvent) == null ? void 0 : _b2.call(_a2, GooglePayEventType.GOOGLE_PAY_CANCELLED);
+      }
+    });
   }
   return {
     onGooglePayLoaded
@@ -237,9 +248,10 @@ const GooglePay = w((props, ref) => {
         (_a3 = props.onLoad) == null ? void 0 : _a3.call(props, true);
       },
       () => {
-        var _a3;
+        var _a3, _b2, _c;
         setShowGooglePay(false);
-        (_a3 = props.onLoad) == null ? void 0 : _a3.call(props, false);
+        (_b2 = (_a3 = core.config).onEvent) == null ? void 0 : _b2.call(_a3, GooglePayEventType.GOOGLE_PAY_LOAD_ERROR);
+        (_c = props.onLoad) == null ? void 0 : _c.call(props, false);
       }
     );
     setHosted(sessionMode === SessionMode.HOSTED);
@@ -508,6 +520,7 @@ const GooglePay = w((props, ref) => {
   y(() => {
     if (containRef && (session == null ? void 0 : session.checkout) && showGooglePay) {
       const { onGooglePayLoaded } = createGooglePay(
+        core,
         session == null ? void 0 : session.checkout,
         googlePayConfig,
         pay,

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

@@ -1,7 +1,7 @@
-import { h, A, T, y, u } from "../../core.js";
+import { h, A, x, T, y, u } from "../../core.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
-import "../../core/context.js";
+import { CoreContext } from "../../core/context.js";
 import "../../out/worldpay-jsc-origin.js";
 import { Modal } from "../internal/Modal/Modal.js";
 import "../internal/Button/button2.js";
@@ -10,6 +10,7 @@ import { useI18n } from "../../hooks/useI18n.js";
 import { safeParse } from "../../utils/index.js";
 import { cdnOrigin } from "../../config.js";
 import { MessageAction } from "../../types/message.js";
+import { ThreeDSEventType } from "../../types/event.js";
 import { useBreakpoints } from "../../hooks/useBreakpoints.js";
 import { Icon3DSInfo } from "../internal/icons/Icon3DSInfo.js";
 import { Button } from "../internal/Button/Button.js";
@@ -32,11 +33,16 @@ const ThreeDSAuth = (props) => {
   const iframeRef = A(null);
   const [iframeName] = h(`${THREE_DS_IFRAME_NAME}-${checkoutId}-${Date.now()}`);
   const { i18n } = useI18n();
+  const { core } = x(CoreContext) ?? {};
   const handleLastThreeDs = () => {
     setContinueThreeDs(true);
   };
   const onChange = (status) => {
-    !status && (onClose == null ? void 0 : onClose());
+    var _a, _b;
+    if (!status) {
+      (_b = (_a = core == null ? void 0 : core.config) == null ? void 0 : _a.onEvent) == null ? void 0 : _b.call(_a, ThreeDSEventType.THREE_DS_CANCELLED);
+      onClose == null ? void 0 : onClose();
+    }
   };
   const modalWidth = T(() => {
     if (!show) {
@@ -45,11 +51,16 @@ const ThreeDSAuth = (props) => {
     return width || (breakpoints.smaller("sm") ? "90vw" : "600px");
   }, [show, width, breakpoints.matches]);
   y(() => {
+    var _a, _b;
     if (show) {
+      if (incomplete) {
+        (_b = (_a = core == null ? void 0 : core.config) == null ? void 0 : _a.onEvent) == null ? void 0 : _b.call(_a, ThreeDSEventType.THREE_DS_CONTINUE);
+      }
       if (messageHandler.current) {
         window.removeEventListener("message", messageHandler.current);
       }
       messageHandler.current = (event) => {
+        var _a2, _b2, _c, _d;
         const { data, origin } = event;
         if (origin !== cdnOrigin) {
           return;
@@ -62,6 +73,11 @@ const ThreeDSAuth = (props) => {
         switch (feedbackData.action) {
           case MessageAction.CHECK_THREE_DS: {
             onChange(false);
+            (_b2 = (_a2 = core == null ? void 0 : core.config) == null ? void 0 : _a2.onEvent) == null ? void 0 : _b2.call(_a2, ThreeDSEventType.THREE_DS_END);
+            break;
+          }
+          case MessageAction.THREE_DS_AUTH_LOADED: {
+            (_d = (_c = core == null ? void 0 : core.config) == null ? void 0 : _c.onEvent) == null ? void 0 : _d.call(_c, ThreeDSEventType.THREE_DS_AUTH);
             break;
           }
         }

package/dist/es/components/internal/Select/Select.js

@@ -34,7 +34,13 @@ const Select = w((props, ref) => {
       return;
     }
     setSelectOptions(props.options ?? []);
-    if (!isNil(props.value) && props.options.length > 0) {
+    if (isNil(props.value) || props.value === "") {
+      setValue(void 0);
+      setDisplay(void 0);
+      setInputValue("");
+      return;
+    }
+    if (props.options.length) {
       const item = findItemByValue(props.value, props.options);
       item && onSelect(item, false);
     }
@@ -185,7 +191,7 @@ const Select = w((props, ref) => {
           display: dropMenuVisible ? "block" : "none"
         },
         children: [
-          doFilter && selectOptions.length === 0 ? /* @__PURE__ */ u("div", { class: bem("menu-no-data"), children: props.noDataTip }) : selectOptions.map((item) => /* @__PURE__ */ u(
+          doFilter && !selectOptions.length ? /* @__PURE__ */ u("div", { class: bem("menu-no-data"), children: props.noDataTip }) : selectOptions.map((item) => /* @__PURE__ */ u(
             SelectMenuItem,
             {
               onSelect,

package/dist/es/config.js

@@ -1,10 +1,10 @@
 import "./utils/card-brand/brands.js";
 import "./utils/system-info/get-browser-info.js";
 import "./core.js";
-let apiUrl = "https://checkout.aq.paykka.com";
-let cdnOrigin = "https://checkout.aq.paykka.com";
-let cdnDir = "/cp";
-let cdnUrl = `${cdnOrigin}${cdnDir}`;
+let apiUrl = "";
+let cdnOrigin = "";
+let cdnDir = "";
+let cdnUrl = "";
 let fraudDetectionEnv = void 0;
 let customReqHeaders = {};
 let customLocale = void 0;

package/dist/es/core/environment.js

@@ -1,20 +1,19 @@
+const SANDBOX_ORIGIN = "https://checkout-sandbox.aq.paykka.com";
+const HK_ORIGIN = "https://checkout.aq.paykka.com";
+const EU_ORIGIN = "https://checkout.eu.paykka.com";
 const apiEnv = {
-  eu: "https://checkout.eu.paykka.com",
-  hk: "https://checkout.aq.paykka.com",
-  sandbox: "https://checkout-sandbox.aq.paykka.com",
-  ...{
-    fat: "",
-    dev: ""
-  }
+  dev: "",
+  fat: "",
+  sandbox: SANDBOX_ORIGIN,
+  hk: HK_ORIGIN,
+  eu: EU_ORIGIN
 };
 const cdnEnv = {
-  eu: "https://checkout.eu.paykka.com/cp",
-  hk: "https://checkout.aq.paykka.com/cp",
-  sandbox: "https://checkout-sandbox.aq.paykka.com/cp",
-  ...{
-    fat: "",
-    dev: ""
-  }
+  dev: "",
+  fat: "",
+  sandbox: `${SANDBOX_ORIGIN}/cp`,
+  hk: `${HK_ORIGIN}/cp`,
+  eu: `${EU_ORIGIN}/cp`
 };
 export {
   apiEnv,

package/dist/es/core.js

@@ -701,36 +701,6 @@ l$3.diffed = function(n2) {
   var t2 = n2.props, e2 = n2.__e;
   null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value);
 };
-function e$1(e2, n2) {
-  return n2 = n2 || {}, new Promise(function(t2, r2) {
-    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
-      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
-        return Promise.resolve(s2.responseText);
-      }, json: function() {
-        return Promise.resolve(s2.responseText).then(JSON.parse);
-      }, blob: function() {
-        return Promise.resolve(new Blob([s2.response]));
-      }, clone: e3, headers: { keys: function() {
-        return o2;
-      }, entries: function() {
-        return o2.map(function(e4) {
-          return [e4, s2.getResponseHeader(e4)];
-        });
-      }, get: function(e4) {
-        return s2.getResponseHeader(e4);
-      }, has: function(e4) {
-        return null != s2.getResponseHeader(e4);
-      } } };
-    };
-    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
-      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
-        u2[n3] || o2.push(u2[n3] = n3);
-      }), t2(a2());
-    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
-      s2.setRequestHeader(i2, n2.headers[i2]);
-    s2.send(n2.body || null);
-  });
-}
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
@@ -3943,7 +3913,7 @@ function t() {
 }
 var o = void 0;
 var h = void 0, s$1 = 0, f = 0, v = 0;
-function e(i2) {
+function e$1(i2) {
   if (void 0 !== o) {
     var t2 = i2.n;
     if (void 0 === t2 || t2.t !== o) {
@@ -4034,7 +4004,7 @@ u.prototype.peek = function() {
   }
 };
 Object.defineProperty(u.prototype, "value", { get: function() {
-  var i2 = e(this);
+  var i2 = e$1(this);
   if (void 0 !== i2)
     i2.i = this.i;
   return this.v;
@@ -4165,7 +4135,7 @@ y.prototype.N = function() {
 Object.defineProperty(y.prototype, "value", { get: function() {
   if (1 & this.f)
     throw new Error("Cycle detected");
-  var i2 = e(this);
+  var i2 = e$1(this);
   this.h();
   if (void 0 !== i2)
     i2.i = this.i;
@@ -4448,6 +4418,36 @@ function useSignal(n2) {
     return d$1(n2);
   }, []);
 }
+function e(e2, n2) {
+  return n2 = n2 || {}, new Promise(function(t2, r2) {
+    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
+      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
+        return Promise.resolve(s2.responseText);
+      }, json: function() {
+        return Promise.resolve(s2.responseText).then(JSON.parse);
+      }, blob: function() {
+        return Promise.resolve(new Blob([s2.response]));
+      }, clone: e3, headers: { keys: function() {
+        return o2;
+      }, entries: function() {
+        return o2.map(function(e4) {
+          return [e4, s2.getResponseHeader(e4)];
+        });
+      }, get: function(e4) {
+        return s2.getResponseHeader(e4);
+      }, has: function(e4) {
+        return null != s2.getResponseHeader(e4);
+      } } };
+    };
+    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
+      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
+        u2[n3] || o2.push(u2[n3] = n3);
+      }), t2(a2());
+    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
+      s2.setRequestHeader(i2, n2.headers[i2]);
+    s2.send(n2.body || null);
+  });
+}
 /*! noble-ciphers - MIT License (c) 2023 Paul Miller (paulmillr.com) */
 function isBytes(a2) {
   return a2 instanceof Uint8Array || ArrayBuffer.isView(a2) && a2.constructor.name === "Uint8Array";
@@ -7019,7 +7019,7 @@ export {
   b$1 as b,
   browser,
   d$1 as d,
-  e$1 as e,
+  e,
   gcm,
   h$1 as h,
   index,

package/dist/es/hooks/usePayState.js

@@ -13,19 +13,22 @@ function usePayState(session, core) {
   const { i18n } = useI18n();
   y(() => {
     session.ready().then(() => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       setSessionReady(true);
       const locale = getRealLocale(
         customLocale || ((_a = session.checkout) == null ? void 0 : _a.locale) || getBrowserInfo().language
       );
       i18n.load(locale);
+      if (!((_c = (_b = session.checkout) == null ? void 0 : _b.supportMethods) == null ? void 0 : _c.length)) {
+        return;
+      }
       const fraudDetection2 = getFraudDetectionInstance(
         {
           clientKey: session.paykkaDetectionKey,
           env: fraudDetectionEnv
         },
         {
-          sessionMode: (_b = session.checkout) == null ? void 0 : _b.sessionMode,
+          sessionMode: (_d = session.checkout) == null ? void 0 : _d.sessionMode,
           onEvent: (type, data) => {
             var _a2, _b2;
             (_b2 = core == null ? void 0 : (_a2 = core.config).onEvent) == null ? void 0 : _b2.call(_a2, type, data);

package/dist/es/index.js

@@ -49,7 +49,7 @@ import "./core.js";
 import { I18n } from "./i18n/I18n.js";
 import { LocaleKey } from "./i18n/locales/index.js";
 import { setApiUrl, setCDNUrl, setCustomLocale, setCustomReqHeaders, setFraudDetectionEnv } from "./config.js";
-import { ApplePayEventType, FraudDetectionEventType, GooglePayEventType, PaymentEventType } from "./types/event.js";
+import { ApplePayEventType, FraudDetectionEventType, GooglePayEventType, PaymentEventType, SecurityIframeEventType, ThreeDSEventType } from "./types/event.js";
 import "./out/worldpay-jsc-origin.js";
 import { ECollMode } from "./types/fraud-detection.js";
 import { MessageAction } from "./types/message.js";
@@ -100,11 +100,13 @@ export {
   PicPay,
   Pix,
   SecuredIframe,
+  SecurityIframeEventType,
   Sepa,
   Session,
   ShopeePay,
   SubmitButton,
   TNGWallet,
+  ThreeDSEventType,
   Vietqr,
   WechatPay,
   Zalopay,

package/dist/es/types/event.js

@@ -22,18 +22,36 @@ var GooglePayEventType = /* @__PURE__ */ ((GooglePayEventType2) => {
   GooglePayEventType2["GOOGLE_PAY_LOAD_ERROR"] = "googlePay:loadError";
   GooglePayEventType2["GOOGLE_PAY_CAN_NOT_USE"] = "googlePay:canNotUse";
   GooglePayEventType2["GOOGLE_PAY_BUTTON_CLICKED"] = "googlePay:buttonClicked";
+  GooglePayEventType2["GOOGLE_PAY_AUTHORIZED"] = "googlePay:authorized";
+  GooglePayEventType2["GOOGLE_PAY_CANCELLED"] = "googlePay:cancelled";
   return GooglePayEventType2;
 })(GooglePayEventType || {});
 var PaymentEventType = /* @__PURE__ */ ((PaymentEventType2) => {
+  PaymentEventType2["PAYMENT_START"] = "payment:start";
   PaymentEventType2["PAYMENT_SUCCESS"] = "payment:success";
   PaymentEventType2["PAYMENT_FAILURE"] = "payment:failure";
   PaymentEventType2["PAYMENT_TIMEOUT"] = "payment:timeout";
   PaymentEventType2["PAYMENT_EXPIRED"] = "payment:expired";
   return PaymentEventType2;
 })(PaymentEventType || {});
+var ThreeDSEventType = /* @__PURE__ */ ((ThreeDSEventType2) => {
+  ThreeDSEventType2["THREE_DS_CANCELLED"] = "threeDS:cancelled";
+  ThreeDSEventType2["THREE_DS_CONTINUE"] = "threeDS:continue";
+  ThreeDSEventType2["THREE_DS_END"] = "threeDS:end";
+  ThreeDSEventType2["THREE_DS_AUTH"] = "threeDS:auth";
+  return ThreeDSEventType2;
+})(ThreeDSEventType || {});
+var SecurityIframeEventType = /* @__PURE__ */ ((SecurityIframeEventType2) => {
+  SecurityIframeEventType2["SECURITY_IFRAME_INIT"] = "securityIframe:init";
+  SecurityIframeEventType2["SECURITY_IFRAME_INIT_SUCCESS"] = "securityIframe:initSuccess";
+  SecurityIframeEventType2["SECURITY_IFRAME_INIT_ERROR"] = "securityIframe:initError";
+  return SecurityIframeEventType2;
+})(SecurityIframeEventType || {});
 export {
   ApplePayEventType,
   FraudDetectionEventType,
   GooglePayEventType,
-  PaymentEventType
+  PaymentEventType,
+  SecurityIframeEventType,
+  ThreeDSEventType
 };

package/dist/es/types/message.js

@@ -21,6 +21,7 @@ var MessageAction = /* @__PURE__ */ ((MessageAction2) => {
   MessageAction2["CHECK_THREE_DS"] = "checkThreeDS";
   MessageAction2["THREE_DS_STATUS_INIT"] = "threeDSStatusInit";
   MessageAction2["THREE_DS_STATUS_CONFIG"] = "threeDSStatusConfig";
+  MessageAction2["THREE_DS_AUTH_LOADED"] = "threeDSAuthLoaded";
   MessageAction2["DEBUG_MODE"] = "debugMode";
   MessageAction2["DDC_RESULT"] = "ddcResult";
   MessageAction2["DDC_JWT_BIN"] = "ddcJwtBin";

package/dist/es/utils/index.js

@@ -1,10 +1,10 @@
 import { isUndefined } from "./is.js";
 import "./card-brand/brands.js";
 import "./system-info/get-browser-info.js";
-function getIf(value, condition) {
+const getIf = (value, condition) => {
   return condition ? value : void 0;
-}
-function clamp(value, min, max) {
+};
+const clamp = (value, min, max) => {
   if (!isUndefined(min)) {
     value = Math.max(value, min);
   }
@@ -12,7 +12,7 @@ function clamp(value, min, max) {
     value = Math.min(value, max);
   }
   return value;
-}
+};
 const safeParse = (dataStr, defaultValue = {}) => {
   try {
     return JSON.parse(dataStr);
@@ -27,14 +27,14 @@ const safeStringify = (data, defaultValue = "") => {
     return defaultValue;
   }
 };
-function isExpired(expireDate) {
+const isExpired = (expireDate) => {
   const [month, year] = expireDate.split("/").map(Number);
-  const expiryDate = new Date(+`20${year}`, month - 1);
+  const expiryDate = new Date(+`20${year}`, month);
   const currentDate = /* @__PURE__ */ new Date();
   return expiryDate < currentDate;
-}
+};
 const intersection = (...arrays) => {
-  if (arrays.length === 0)
+  if (!arrays.length)
     return [];
   let result = arrays[0];
   for (let i = 1; i < arrays.length; i++) {

package/dist/types/api/modules/threeDS/index.d.ts

@@ -1,3 +1,8 @@
 import { type RequestOptions } from '../../http';
 /** 通知后端服务商 3ds 页面已加载 */
 export declare const noticeThreeDSLoaded: (sessionId: string, options?: RequestOptions) => Promise<any>;
+/** 获取 3ds 渠道参数 */
+export declare const getThreeDSChannelParams: (orderId: string) => Promise<{
+    actionUrl: any;
+    channelParams: any;
+}>;

package/dist/types/components/GooglePay/createGooglePay.d.ts

@@ -1,6 +1,7 @@
 import type { CheckoutRes } from '../../api';
+import type { PayKKaCheckout } from '../../core';
 import type { GooglePayProps } from './type';
-export declare function createGooglePay(checkout: CheckoutRes, googlePayConfig: GooglePayProps['config'], pay: (token?: string, billAddress?: {
+export declare function createGooglePay(core: PayKKaCheckout, checkout: CheckoutRes, googlePayConfig: GooglePayProps['config'], pay: (token?: string, billAddress?: {
     email?: string;
 } & google.payments.api.Address, search?: boolean, timeout?: number) => Promise<{
     res?: google.payments.api.PaymentAuthorizationResult;

package/dist/types/components/ThreeDS/components/ThreeDSIframe/output.d.ts

@@ -1 +1,4 @@
+/**
+ * WorldPay 和 ECP 的 3DS 授权页，内部加载 iframe 并提交表单
+ */
 import './three-ds-iframe.scss';

package/dist/types/config.d.ts

@@ -1,8 +1,8 @@
 import { type LocaleKeyType } from './i18n';
 import { type FraudDetectionEnv } from './types';
 export declare let apiUrl: string;
-export declare let cdnOrigin: any;
-export declare let cdnDir: any;
+export declare let cdnOrigin: string;
+export declare let cdnDir: string;
 export declare let cdnUrl: string;
 export declare let fraudDetectionEnv: FraudDetectionEnv | undefined;
 export declare let customReqHeaders: Recordable;

package/dist/types/core/environment.d.ts

@@ -1,8 +1,10 @@
 /**
  * 环境配置
- * 打正式包时，fat/dev 环境会被剔除
+ * 打正式包时，fat/dev 环境的配置会被剔除
+ * 为什么不用环境变量？因为需要打包成 NPM 包，环境由用户传入
  */
 import type { PayKKaEnvType } from '../types';
+export declare const origin2Env: Record<string, PayKKaEnvType>;
 export declare const apiEnv: Record<PayKKaEnvType, string>;
 export declare const cdnEnv: Record<PayKKaEnvType, string>;
 /**
@@ -12,4 +14,11 @@ export declare const cdnEnv: Record<PayKKaEnvType, string>;
  * 2. 之所以直接用域名映射，是因为一些特殊的 CDN 文件，如 3DS iframe 需要进行一些请求，但是又没法拿到商户传给 SDK 的 env，所以直接用域名映射
  * 3. 一定要保证映射正确，如果之后新增了域名，一定要在这里添加映射
  */
-export declare const cdn2ApiMap: Record<string, string>;
+export declare const cdn2ApiMap: Record<PayKKaEnvType, string>;
+interface LoggerEnvInfo {
+    env?: string;
+    imgUrl?: string;
+    postUrl?: string;
+}
+export declare const loggerEnvInfoMap: Record<PayKKaEnvType, LoggerEnvInfo>;
+export {};

package/dist/types/types/event.d.ts

@@ -4,7 +4,7 @@ import type { PaymentMethod } from '../constant';
  * 事件类型
  * 适用于埋点上报
  */
-export type EventType = FraudDetectionEventType | ApplePayEventType | GooglePayEventType | PaymentEventType;
+export type EventType = FraudDetectionEventType | ApplePayEventType | GooglePayEventType | PaymentEventType | ThreeDSEventType;
 export type EventData<T extends EventType> = EventDataMapping[T];
 /** fraud detection 事件类型 */
 export declare enum FraudDetectionEventType {
@@ -45,18 +45,42 @@ export declare enum GooglePayEventType {
     /** 当前环境不支持 Google Pay */
     GOOGLE_PAY_CAN_NOT_USE = "googlePay:canNotUse",
     /** 点击 Google Pay 按钮 */
-    GOOGLE_PAY_BUTTON_CLICKED = "googlePay:buttonClicked"
+    GOOGLE_PAY_BUTTON_CLICKED = "googlePay:buttonClicked",
+    /** Google Pay 支付授权成功 */
+    GOOGLE_PAY_AUTHORIZED = "googlePay:authorized",
+    /** Google Pay 取消支付 */
+    GOOGLE_PAY_CANCELLED = "googlePay:cancelled"
 }
 export declare enum PaymentEventType {
+    /** 支付 */
+    PAYMENT_START = "payment:start",
     /** 支付成功 */
     PAYMENT_SUCCESS = "payment:success",
     /** 支付失败 */
     PAYMENT_FAILURE = "payment:failure",
-    /** 支付超时 */
+    /** 支付超时，超时并不代表支付失败，只是没有及时获取到结果 */
     PAYMENT_TIMEOUT = "payment:timeout",
     /** 支付过期 */
     PAYMENT_EXPIRED = "payment:expired"
 }
+export declare enum ThreeDSEventType {
+    /** 3DS 取消(一般由用户主动关闭弹窗触发，但并不代表 3DS 流程没走完) */
+    THREE_DS_CANCELLED = "threeDS:cancelled",
+    /** 3DS 继续认证(展示继续认证页面时触发) */
+    THREE_DS_CONTINUE = "threeDS:continue",
+    /** 3DS 结束(并不代表成功) */
+    THREE_DS_END = "threeDS:end",
+    /** 3DS 认证(认证页面加载，可能是渠道的，也可能是我们自己的，依赖设计) */
+    THREE_DS_AUTH = "threeDS:auth"
+}
+export declare enum SecurityIframeEventType {
+    /** 安全 iframe 初始化 */
+    SECURITY_IFRAME_INIT = "securityIframe:init",
+    /** 安全 iframe 初始化成功 */
+    SECURITY_IFRAME_INIT_SUCCESS = "securityIframe:initSuccess",
+    /** 安全 iframe 初始化失败 */
+    SECURITY_IFRAME_INIT_ERROR = "securityIframe:initError"
+}
 export interface EventDataMapping {
     [FraudDetectionEventType.FRAUD_DETECTION_TRANSFORM_ERROR]: undefined;
     [FraudDetectionEventType.FRAUD_DETECTION_CHANNEL_CONFIG_ERROR]: FraudDetectionBaseData;
@@ -75,10 +99,20 @@ export interface EventDataMapping {
     [GooglePayEventType.GOOGLE_PAY_LOAD_ERROR]: undefined;
     [GooglePayEventType.GOOGLE_PAY_CAN_NOT_USE]: undefined;
     [GooglePayEventType.GOOGLE_PAY_BUTTON_CLICKED]: undefined;
+    [GooglePayEventType.GOOGLE_PAY_AUTHORIZED]: undefined;
+    [GooglePayEventType.GOOGLE_PAY_CANCELLED]: undefined;
+    [PaymentEventType.PAYMENT_START]: PaymentBaseData;
     [PaymentEventType.PAYMENT_SUCCESS]: PaymentBaseData;
     [PaymentEventType.PAYMENT_FAILURE]: PaymentFailureEventData;
     [PaymentEventType.PAYMENT_TIMEOUT]: PaymentBaseData;
     [PaymentEventType.PAYMENT_EXPIRED]: PaymentBaseData;
+    [ThreeDSEventType.THREE_DS_CANCELLED]: undefined;
+    [ThreeDSEventType.THREE_DS_CONTINUE]: undefined;
+    [ThreeDSEventType.THREE_DS_END]: undefined;
+    [ThreeDSEventType.THREE_DS_AUTH]: undefined;
+    [SecurityIframeEventType.SECURITY_IFRAME_INIT]: undefined;
+    [SecurityIframeEventType.SECURITY_IFRAME_INIT_SUCCESS]: undefined;
+    [SecurityIframeEventType.SECURITY_IFRAME_INIT_ERROR]: undefined;
 }
 export interface CommonEventData {
     message?: string;

package/dist/types/types/message.d.ts

@@ -55,6 +55,8 @@ export declare const enum MessageAction {
     THREE_DS_STATUS_INIT = "threeDSStatusInit",
     /** 向 3DS 状态页传递配置 */
     THREE_DS_STATUS_CONFIG = "threeDSStatusConfig",
+    /** 通知 3DS 认证页面加载 */
+    THREE_DS_AUTH_LOADED = "threeDSAuthLoaded",
     /** 开启测试模式 */
     DEBUG_MODE = "debugMode",
     /**
@@ -91,6 +93,7 @@ type MessageMapping = {
     [MessageAction.CHECK_THREE_DS]: CheckThreeDSMessage;
     [MessageAction.THREE_DS_STATUS_INIT]: {};
     [MessageAction.THREE_DS_STATUS_CONFIG]: ThreeDSStatusConfigMessage;
+    [MessageAction.THREE_DS_AUTH_LOADED]: BaseMessage;
     [MessageAction.DEBUG_MODE]: {};
     [MessageAction.DDC_RESULT]: DDCResultMessage;
     [MessageAction.DDC_JWT_BIN]: DDCJwtBinMessage;

package/dist/types/utils/app-payment.d.ts

@@ -1,2 +1,12 @@
+/**
+ * 封装与 app 交互相关的工具函数
+ */
+/** 是否为 app 3ds webview 环境 */
 export declare const isApp3DSWebView: boolean;
+/** 通知 app 3ds 完成 */
 export declare const report3DSFinished2App: () => void;
+/** 获取 app 日志 id */
+export declare const getAppLoggerId: () => {
+    sid: string | undefined;
+    pid: string | undefined;
+};