@paykka/card-checkout-ui 0.17.0 → 0.21.0

package/dist/es/components/business/QRCodeContent/index.js

@@ -0,0 +1,8 @@
+import "../../../core.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import "../../../core/context.js";
+import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
+import "../../internal/Loading/loading.js";
+import "./qr-code-content.js";

package/dist/es/components/business/QRCodeModal/QRCodeModal.js

@@ -1,60 +1,22 @@
-import { u, b } from "../../../core.js";
-import { useBEM } from "../../../hooks/useBEM.js";
-import { useI18n } from "../../../hooks/useI18n.js";
-import "../../../out/fraud-detection.js";
+import { u } from "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import { formatAmount } from "../../../utils/format.js";
-import { formatTime } from "../../../utils/date.js";
 import "../../../core/context.js";
+import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
 import { Modal } from "../../internal/Modal/Modal.js";
-import "./qr-code-modal.js";
-import { QRCode } from "../../internal/QRCode/QRCode.js";
-const { bem } = useBEM("qr-code-modal");
+import { QRCodeContent } from "../QRCodeContent/QRCodeContent.js";
 const QRCodeModal = (props) => {
-  const {
-    title,
-    bgColor = "#FFFFFF",
-    textColor = "#1F1F1F",
-    borderColor = "#000000",
-    expiredTime,
-    amount,
-    icon,
-    qrCode,
-    onClose
-  } = props;
-  const { i18n } = useI18n();
+  const { onClose } = props;
   const breakpoints = useBreakpoints();
-  const useRoundBorder = !bgColor || ["transparent", "white", "#FFFFFF"].includes(bgColor);
-  const RoundBorder = () => {
-    return /* @__PURE__ */ u("div", {
-      className: bem("round-border"),
-      // 表示4个边角
-      children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ u("div", { className: bem("round-border-item"), style: { borderColor } }, index))
-    });
-  };
   return /* @__PURE__ */ u(
     Modal,
     {
       show: true,
       width: breakpoints.smaller("xs") ? "90vw" : "340px",
       onChange: (status) => !status && (onClose == null ? void 0 : onClose()),
-      children: /* @__PURE__ */ u("div", { className: bem(), children: [
-        /* @__PURE__ */ u("div", { className: bem("title"), children: title }),
-        /* @__PURE__ */ u("div", { className: bem("container"), children: /* @__PURE__ */ u("div", { className: bem("body"), style: { backgroundColor: bgColor }, children: [
-          icon && /* @__PURE__ */ u("div", { className: bem("icon"), children: icon }),
-          /* @__PURE__ */ u("div", { className: bem("qr-code-container"), children: [
-            useRoundBorder && /* @__PURE__ */ u(RoundBorder, {}),
-            /* @__PURE__ */ u("div", { className: bem("qr-code"), children: /* @__PURE__ */ u(QRCode, { size: 160, value: qrCode }) })
-          ] }),
-          expiredTime && /* @__PURE__ */ u(b, { children: [
-            /* @__PURE__ */ u("div", { style: { color: textColor }, className: bem("expired-time"), children: formatTime(expiredTime) }),
-            /* @__PURE__ */ u("div", { style: { color: textColor }, className: bem("expired-time-text"), children: i18n.get("qrCode.expired") })
-          ] })
-        ] }) }),
-        amount && /* @__PURE__ */ u("div", { className: bem("amount"), children: formatAmount(amount).jointSymbolAndCurrency() })
-      ] })
+      children: /* @__PURE__ */ u(QRCodeContent, { ...props, mode: "image" })
     }
   );
 };

package/dist/es/components/business/QRCodeModal/index.js

@@ -3,5 +3,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../internal/Modal/Modal.js";
-import "./qr-code-modal.js";
+import "../../internal/Loading/loading.js";
+import "../QRCodeContent/qr-code-content.js";

package/dist/es/components/business/SegmentedDigitInput/format.js

@@ -4,6 +4,7 @@ import { limitedToNumber } from "../../../utils/format.js";
 import "../../../core.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 function formatDigitsByGroups(rawDigits, groups, maxDigits, separator = " ") {
   const d = limitedToNumber(rawDigits).slice(0, maxDigits);
   if (!d)

package/dist/es/components/business/SegmentedDigitInput/index.js

@@ -3,5 +3,6 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../internal/Input/Input.js";
 import "../../internal/Input/type.js";

package/dist/es/components/business/Tooltip/{Tooltip.js → Tooltip2.js}

@@ -4,7 +4,8 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
-import "./tooltip2.js";
+import "../../../core/logger.js";
+import "./tooltip.js";
 const Tooltip = (props) => {
   const { content, children } = props;
   const { bem } = useBEM("tooltip");

package/dist/es/components/business/Tooltip/index.js

@@ -3,4 +3,5 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
-import "./tooltip2.js";
+import "../../../core/logger.js";
+import "./tooltip.js";

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

@@ -3,8 +3,10 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import "../internal/Modal/Modal.js";
-import "./QRCodeModal/qr-code-modal.js";
+import "../internal/Loading/loading.js";
+import "./QRCodeContent/qr-code-content.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import "../internal/Form/FormItem.js";
@@ -14,8 +16,8 @@ import "../internal/Input/type.js";
 import "../internal/Select/Select.js";
 import "./PhoneField/config.js";
 import "./PhoneField/phone-field.js";
-import "./Tooltip/tooltip2.js";
+import "./Tooltip/tooltip.js";
 import "./BlikCodeField/blik-code-field.js";
 import "../internal/Button/button.js";
-import "./BlikConfirmModal/blik-confirm-modal.js";
+import "./PaymentConfirmModal/payment-confirm-modal.js";
 import "../internal/LoadingCheck/loading-check.js";

package/dist/es/components/index.js

@@ -6,6 +6,7 @@ import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core/context.js";
 import "../out/fraud-detection.js";
+import "../core/logger.js";
 import "./CardExpireDateField/index.js";
 import "./internal/Form/type.js";
 import "./internal/Form/context.js";
@@ -57,7 +58,9 @@ import "./wallets/MbWay/MbWay.js";
 import "./wallets/Multibanco/Multibanco.js";
 import "./wallets/PayU/PayU.js";
 import "./wallets/Satispay/Satispay.js";
-import "./wallets/AliPay/AliPay.js";
+import "./wallets/AlipayPlus/AlipayPlus.js";
+import "./wallets/Alipay/Alipay.js";
+import "./wallets/AlipayHK/AlipayHK.js";
 import "./wallets/WechatPay/WechatPay.js";
 import "./wallets/PayByBank/PayByBank.js";
 import "./wallets/Fpx/Fpx.js";
@@ -69,3 +72,10 @@ import "./wallets/OnlineBankingLatvia/OnlineBankingLatvia.js";
 import "./wallets/OnlineBankingLithuania/OnlineBankingLithuania.js";
 import "./wallets/OnlineBankingIndonesia/OnlineBankingIndonesia.js";
 import "./wallets/OnlineBankingThailand/OnlineBankingThailand.js";
+import "./wallets/Swish/Swish.js";
+import "./wallets/Twint/Twint.js";
+import "./wallets/Doku/Doku.js";
+import "./wallets/GoPay/GoPay.js";
+import "./wallets/Jenius/Jenius.js";
+import "./wallets/LinkAja/LinkAja.js";
+import "./wallets/NuPay/NuPay.js";

package/dist/es/components/internal/Accordion/accordionTransition.js

@@ -4,6 +4,7 @@ import { isEventSupported } from "../../../utils/detect.js";
 import "../../../core.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const accordionTransition = (item, unfold, enable = true) => {
   const paddingBottom = 16;
   const child = item.firstElementChild;

package/dist/es/components/internal/Accordion/index.js

@@ -5,4 +5,5 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../AccordionItem/AccordionItem.js";

package/dist/es/components/internal/Button/Button2.js

@@ -7,9 +7,10 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const { bem } = useBEM("button");
 function Button(props) {
-  const { style, className, children, icon, loading, disabled, dashed } = props;
+  const { style, className, children, icon, loading, disabled, dashed, ghost } = props;
   function onClick(event) {
     var _a;
     if (loading || disabled)
@@ -19,7 +20,7 @@ function Button(props) {
   return /* @__PURE__ */ u(
     "button",
     {
-      className: normalizedClass(COMMON_CLASS_NAME, bem({ loading, disabled, dashed }), className),
+      className: normalizedClass(COMMON_CLASS_NAME, bem({ loading, disabled, dashed, ghost }), className),
       style,
       onClick,
       children: [

package/dist/es/components/internal/Button/index.js

@@ -4,3 +4,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

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

@@ -7,6 +7,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { IconChecked } from "../icons/iconChecked.js";
 const { bem } = useBEM("check-box");
 const CheckBox = (props) => {

package/dist/es/components/internal/CheckBox/index.js

@@ -4,3 +4,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

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

@@ -4,6 +4,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { FormContext } from "./context.js";
 import { collectErrors } from "./util.js";
 const Form = w((props, ref) => {

package/dist/es/components/internal/Form/FormItem.js

@@ -8,6 +8,7 @@ import { normalizedClass } from "../../../utils/format.js";
 import { set } from "../../../utils/object.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { FormItemContext, FormContext } from "./context.js";
 import { formItemBEM, formItemLabelClassName, formItemErrorMessageClassName } from "./type.js";
 import { getActiveRules } from "./util.js";

package/dist/es/components/internal/Form/type.js

@@ -4,6 +4,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const formItemBEM = useBEM("form-item");
 const formItemLabelClassName = formItemBEM.bem("label");
 const formItemErrorMessageClassName = formItemBEM.bem("error-text");

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

@@ -7,6 +7,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { IconError } from "../icons/IconError.js";
 const { bem } = useBEM("info");
 const iconMap = {

package/dist/es/components/internal/Info/index.js

@@ -4,3 +4,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

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

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
 import "../Form/FormItem.js";

package/dist/es/components/internal/Input/type.js

@@ -4,6 +4,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const inputBEM = useBEM("input");
 const inputWrapperClassName = inputBEM.bem("input-wrapper");
 export {

package/dist/es/components/internal/Loading/Loading2.js

@@ -4,6 +4,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "./loading.js";
 const { bem } = useBEM("loading");
 const Loading = (props) => {

package/dist/es/components/internal/Loading/index.js

@@ -3,4 +3,5 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "./loading.js";

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

@@ -8,6 +8,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, normalizedStyle } from "../../../utils/format.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const SIZE = 40;
 const SVG_VIEW_BOX = `0 0 ${SIZE} ${SIZE}`;
 const CIRCLE_STROKE_WIDTH = 3.3;

package/dist/es/components/internal/LoadingCheck/index.js

@@ -4,3 +4,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

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

@@ -5,6 +5,7 @@ import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../core/logger.js";
 import "./modal2.js";
 const { bem } = useBEM("modal");
 const Modal = w((props) => {

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

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const { bem } = useBEM("qr-code");
 const QRCode = ({ value, size, className, style }) => {
   const [url, setUrl] = h("");

package/dist/es/components/internal/QRCode/index.js

@@ -3,3 +3,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

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

@@ -5,6 +5,7 @@ import { isNil } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
 import "../Form/FormItem.js";

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

@@ -5,6 +5,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const { bem } = useBEM("select");
 const SelectMenu = (props) => {
   const { style, children, ...rest } = props;

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

@@ -6,6 +6,7 @@ import { isFunction } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { IconTick } from "../icons/IconTick.js";
 const { bem } = useBEM("select");
 function SelectMenuItem(props) {

package/dist/es/components/internal/icons/Icon3DSFail.js

@@ -3,3 +3,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

package/dist/es/components/internal/icons/Icon3DSInfo.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 function Icon3DSInfo({ size, style, className }) {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(

package/dist/es/components/internal/icons/Icon3DSSuccess.js

@@ -3,3 +3,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";

package/dist/es/components/internal/icons/IconAdd.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 function IconAdd({ size, style, className }) {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(

package/dist/es/components/internal/icons/IconAlipay.js

@@ -0,0 +1,43 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+import "../../../core/context.js";
+import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
+const IconAlipay = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            d: "M20.9984 18.0073V18.1189C20.9984 18.8826 20.695 19.615 20.155 20.155C19.615 20.695 18.8826 20.9984 18.1189 20.9984H5.88139C5.50326 20.9984 5.12883 20.9239 4.77948 20.7792C4.43013 20.6345 4.1127 20.4224 3.84532 20.155C3.57794 19.8876 3.36584 19.5702 3.22114 19.2208C3.07643 18.8715 3.00195 18.4971 3.00195 18.1189L3.00195 5.88139C3.00195 5.50326 3.07643 5.12883 3.22113 4.77948C3.36583 4.43013 3.57793 4.1127 3.84531 3.84532C4.11269 3.57794 4.43011 3.36584 4.77946 3.22114C5.12881 3.07643 5.50324 3.00195 5.88137 3.00195H18.1189C18.8826 3.00195 19.615 3.30532 20.155 3.84532C20.695 4.38531 20.9984 5.1177 20.9984 5.88137V18.0073Z",
+            fill: "#009FE9"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            d: "M17.8525 14.3973C17.1326 14.1454 16.1716 13.7855 15.0954 13.3931C15.7868 12.1613 16.319 10.8466 16.6791 9.48071H13.0798V8.40096H17.399V7.63789L13.0799 7.6811V5.52148H11.3018C10.9814 5.52148 10.9203 5.88141 10.9203 5.88141V7.68106H6.60113V8.40092H10.9203V9.48069H7.32101V10.2006H14.5196C14.2277 11.1053 13.8454 11.9783 13.3786 12.8064C11.1218 12.0542 8.69954 11.4423 7.15184 11.8382C6.39686 11.9978 5.7094 12.3861 5.18304 12.9504C3.50577 15.0056 4.72231 18.119 8.26402 18.119C10.3732 18.119 12.414 16.9348 13.9905 14.9948C16.3516 16.1538 20.9983 18.0938 20.9983 18.0938V15.3295C20.9983 15.3295 20.4296 15.2576 17.8525 14.3973ZM7.94366 16.9456C5.15062 16.9456 4.34438 14.7537 5.72291 13.5335C6.17244 13.1231 6.72465 12.842 7.32099 12.7201C8.96587 12.5401 10.6575 13.3464 12.4824 14.2426C11.165 15.9054 9.55254 16.9456 7.94368 16.9456H7.94366Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  IconAlipay
+};

package/dist/es/components/internal/icons/IconAlipayHK.js

@@ -0,0 +1,66 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+import "../../../core/context.js";
+import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
+const IconAlipayHK = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16.7106 3C19.3121 3 20.9996 4.68746 20.9996 7.28897V16.7106C20.9996 19.3121 19.3121 20.9996 16.7106 20.9996H7.28897C4.68746 20.9996 3 19.3121 3 16.7106V7.28897C3 4.68746 4.68746 3 7.28897 3H16.7106Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16.7106 3C19.3121 3 20.9996 4.68746 20.9996 7.28897L21 15.0149C20.8311 14.9718 19.7477 14.7303 17.5907 14.0064C16.9167 13.7893 16.0365 13.4596 15.0725 13.1024C15.6453 12.1021 16.1148 10.9386 16.4284 9.68038H13.1678V8.51817H17.1387V7.8725H13.1678V5.93548H11.5536C11.282 5.93548 11.265 6.17409 11.2633 6.19303L11.2631 7.8725H7.2599V8.51817H11.2954V9.68038H7.97014V10.3261H14.3946C14.1588 11.1132 13.8458 11.8694 13.4584 12.5536C11.3813 11.8888 9.15142 11.3265 7.74416 11.682C6.84335 11.8888 6.27611 12.2767 5.93627 12.6828C4.35924 14.5649 5.47415 17.3962 8.77723 17.3962C10.7162 17.3962 12.594 16.3296 14.0395 14.5552C16.0448 15.5126 20.2966 17.2587 20.941 17.5277C20.621 19.6598 19.0287 20.9996 16.7106 20.9996H7.28897C4.68746 20.9996 3 19.3121 3 16.7106V11.5714L11.5472 3H16.7106Z",
+            fill: "#00A0E9"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.45332 16.3347C5.90095 16.3347 5.13721 14.3372 6.41945 13.2594C6.84093 12.8828 7.60467 12.7083 8.00135 12.6767C9.54338 12.5143 10.9534 13.0961 12.6179 13.9068C11.4625 15.3844 9.95462 16.3347 8.45332 16.3347Z",
+            fill: "#00A0E9"
+          }
+        ),
+        /* @__PURE__ */ u("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6312 3L3 11.6312L3 7.30065C3 4.69206 4.68746 3 7.28897 3L11.6312 3Z", fill: "#F8F8F8" }),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6.54827 6.84334L6.35164 7.03998L5.63055 6.3189L4.76536 7.1841L5.48644 7.90518L5.2898 8.10181L3.70605 6.51807L3.90269 6.32143L4.58755 7.00629L5.45275 6.1411L4.76789 5.45623L4.96453 5.2596L6.54827 6.84334ZM6.95135 6.44026C6.95135 6.44026 6.94152 6.4501 6.92186 6.46976C6.90219 6.48942 6.87925 6.51236 6.85303 6.53858C6.82682 6.5648 6.80387 6.58774 6.78421 6.6074C6.76455 6.62707 6.75472 6.6369 6.75472 6.6369L5.17097 5.05315L5.3676 4.85652L6.14027 5.62918L6.1512 5.61826L6.0744 4.14972L6.32238 3.90174L6.3759 5.25087L7.96403 5.42759L7.71277 5.67885L6.37983 5.52791L6.39819 5.8871L6.95135 6.44026Z",
+            fill: "#00A0E9"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  IconAlipayHK
+};

package/dist/es/components/internal/icons/IconAlipayPlus.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const IconAlipayPlus = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(

package/dist/es/components/internal/icons/IconAmex.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 function IconAmex({ size, style, className }) {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(

package/dist/es/components/internal/icons/IconArrowDown.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const IconArrowDown = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(

package/dist/es/components/internal/icons/IconBancomatPay.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 const IconBancomatPay = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(