@paykka/card-checkout-ui 0.14.0 → 0.15.1

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

@@ -0,0 +1,116 @@
+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";
+const IconAlipayPlus = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      height: computedSize,
+      viewBox: "0 0 145 40",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { width: "145", height: "40", children: /* @__PURE__ */ u("g", { children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fill: "#06f",
+            d: "M105.2 36.5h-2.9c-.7 0-1.1-.7-.8-1.3l2.4-5.5c.1-.1.1-.3 0-.4l-7.1-17.2c-.3-.6.2-1.3.8-1.3h2.9c.7 0 1.4.4 1.7 1.1l4.3 10.9c.1.2.3.2.3 0l4.5-10.9c.3-.7.9-1.1 1.7-1.1h2.9c.7 0 1.1.7.8 1.3l-9.8 23.2c-.4.9-.7 1.2-1.7 1.2zM52.4 35.6V11.8c0-.5.4-.9.9-.9h3.1c.5 0 .9.4.9.9v1.8c0 .2.3.3.4.1 1.2-2.1 3.6-2.8 5.8-2.8 4.8 0 9.2 4.1 9.2 9.9 0 5.9-4.4 9.9-9.2 9.9-1.7 0-4.5-.5-5.9-2.4-.1-.1-.3-.1-.3.1v7.2c0 .5-.4.9-.9.9h-3.1c-.5 0-.9-.4-.9-.9zm10.2-9.3c3 0 5.3-2.1 5.3-5.6s-2.3-5.6-5.3-5.6c-2.7 0-5.3 2.2-5.3 5.6s2.6 5.6 5.3 5.6zM93.9 30.2h-3.1c-.5 0-.9-.4-.9-.9v-1.6c0-.2-.2-.3-.3-.1-1.2 2-3.4 3.1-5.9 3.1-4.8 0-9.3-4-9.3-9.9s4.5-10 9.3-10c2.3 0 4.7.8 5.9 2.8.1.2.4.1.4-.1v-1.7c0-.5.4-.9.9-.9H94c.5 0 .9.4.9.9v17.5c-.1.4-.5.9-1 .9zm-4-9.5c0-3.5-2.7-5.7-5.4-5.7-3 0-5.3 2.2-5.3 5.7s2.3 5.6 5.3 5.6c2.7.1 5.4-2.1 5.4-5.6zM38.7 30.1h-3.3c-.5 0-.9-.4-.9-.9v-24c0-.5.4-.9.9-.9h3.3c.5 0 .9.4.9.9v24.1c0 .4-.4.8-.9.8zM47.6 30.2h-3.3c-.5 0-.9-.4-.9-.9V11.8c0-.5.4-.9.9-.9h3.3c.5 0 .9.4.9.9v17.5c0 .4-.4.9-.9.9zM47.6 9.4h-3.3c-.5 0-.9-.4-.9-.9V5.2c0-.5.4-.9.9-.9h3.3c.5 0 .9.4.9.9v3.3c0 .4-.4.9-.9.9z"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fill: "#00b5ff",
+            d: "M138.5 10.9h-1.1c-.3 0-.4.1-.8.1-2 .4-3.6 1.5-4.8 4.6h5.2c.3 0 .6-.2.8-.5l1.4-3.2c.1-.5-.2-1-.7-1z"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fill: "#06f",
+            d: "M136.5 10.9c-5 .2-9.7 3.9-10.5 9.1l-.2 1.3c-.1.5.3 1 .8 1h3c.4 0 .8-.3.8-.7l.5-2.4c.2-1.4.5-2.5.9-3.5 1.1-3.1 2.7-4.2 4.8-4.6.4-.1.5-.1.8-.1 0-.1-.8-.1-.9-.1z"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fill: "#00b5ff",
+            d: "M119.9 15.6h1.1c.3 0 .4-.1.8-.1 2-.4 3.6-1.5 4.8-4.6h-5.2c-.3 0-.6.2-.8.5l-1.4 3.2c-.2.5.2 1 .7 1z"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            fill: "#06f",
+            d: "M121.9 15.6c5-.2 9.7-3.9 10.5-9.1l.2-1.3c.1-.5-.3-1-.8-1h-3c-.4 0-.8.3-.8.7l-.5 2.4c-.2 1.4-.5 2.5-.9 3.5-1.1 3.1-2.7 4.2-4.8 4.6-.4.1-.5.1-.8.1 0 .1.8.1.9.1zM17.2 11.7c.2-.4.7-.4.9 0 1.3 3.2 7 17.5 7 17.5.2.5.7.9 1.3.9H30c.5 0 .8-.5.6-.9C29 25.3 22.3 9.5 20.4 5c-.2-.5-.7-.8-1.2-.8h-3.1c-.5 0-1 .3-1.2.8-1.8 4.2-8.6 20.3-10.1 24.3-.2.4.2.9.6.9h3.4c.6 0 1.2-.3 1.4-.9l7-17.6z"
+          }
+        ),
+        /* @__PURE__ */ u(
+          "linearGradient",
+          {
+            id: "AlipayNormalAgg-SVGID_1_",
+            gradientUnits: "userSpaceOnUse",
+            x1: "8.52",
+            y1: "26.369",
+            x2: "27.728",
+            y2: "15.279",
+            children: [
+              /* @__PURE__ */ u("stop", { offset: "0", stopColor: "#0055ef" }),
+              /* @__PURE__ */ u("stop", { offset: "0.104", stopColor: "#0058f2" }),
+              /* @__PURE__ */ u("stop", { offset: "0.175", stopColor: "#0061fa" }),
+              /* @__PURE__ */ u("stop", { offset: "0.2", stopColor: "#06f" }),
+              /* @__PURE__ */ u("stop", { offset: "0.357", stopColor: "#006cff" }),
+              /* @__PURE__ */ u("stop", { offset: "0.564", stopColor: "#007cff" }),
+              /* @__PURE__ */ u("stop", { offset: "0.798", stopColor: "#0098ff" }),
+              /* @__PURE__ */ u("stop", { offset: "1", stopColor: "#00b5ff" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ u(
+          "path",
+          {
+            d: "M33.4 14.8c-.4-.9-1-2.1-1.5-2.8-.3-.4-.7-.5-1.2-.4-6.8 1.4-11.8 4.5-13.8 6.6-3.1 3.2-3.1 6.2-1.1 7.9-.7-1.3.3-3.1 3.1-5 5.3-3.6 14-5.2 14-5.2.4-.1.7-.7.5-1.1z",
+            fill: "url(#AlipayNormalAgg-SVGID_1_)"
+          }
+        ),
+        /* @__PURE__ */ u("g", { children: [
+          /* @__PURE__ */ u(
+            "linearGradient",
+            {
+              id: "AlipayNormalAgg-SVGID_00000142147938912688315580000006714253196792241286_",
+              gradientUnits: "userSpaceOnUse",
+              x1: "14.207",
+              y1: "23.792",
+              x2: "25.44",
+              y2: "27.88",
+              children: [
+                /* @__PURE__ */ u("stop", { offset: "0", stopColor: "#000abd" }),
+                /* @__PURE__ */ u("stop", { offset: "0.115", stopColor: "#0014c1" }),
+                /* @__PURE__ */ u("stop", { offset: "0.307", stopColor: "#002ecb" }),
+                /* @__PURE__ */ u("stop", { offset: "0.554", stopColor: "#0058db" }),
+                /* @__PURE__ */ u("stop", { offset: "0.843", stopColor: "#0092f2" }),
+                /* @__PURE__ */ u("stop", { offset: "1", stopColor: "#00b5ff" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              d: "M15.9 24.1c-.4.8-.4 1.5-.1 2 .8.7 3 1.9 8.8 1.7L23.5 25c-2.7.3-6.2.4-7.6-.9z",
+              fill: "url(#AlipayNormalAgg-SVGID_00000142147938912688315580000006714253196792241286_)"
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+export {
+  IconAlipayPlus
+};

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

@@ -4,7 +4,7 @@ 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";
-function IconError({ size, style, className }) {
+const IconError = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(
     "svg",
@@ -34,7 +34,7 @@ function IconError({ size, style, className }) {
       ]
     }
   );
-}
+};
 export {
   IconError
 };

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

@@ -4,7 +4,7 @@ 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";
-function IconSuccess({ size, style, className }) {
+const IconSuccess = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(
     "svg",
@@ -31,7 +31,7 @@ function IconSuccess({ size, style, className }) {
       ]
     }
   );
-}
+};
 export {
   IconSuccess
 };

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

@@ -0,0 +1,45 @@
+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";
+const IconWechatPayGlobal = ({ 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("g", { id: "icon-wechat", children: /* @__PURE__ */ u("g", { id: "Component 33", children: [
+          /* @__PURE__ */ u("rect", { x: "1", y: "3", width: "22", height: "17.2857", rx: "3.45714", fill: "white" }),
+          /* @__PURE__ */ u(
+            "g",
+            {
+              id: "_隔离模式",
+              "clip-path": "url(#clip0_3676_31540)",
+              children: /* @__PURE__ */ u(
+                "path",
+                {
+                  id: "Vector",
+                  d: "M9.40768 13.8658C9.32212 13.9095 9.22515 13.9342 9.12247 13.9342C8.88479 13.9342 8.67754 13.803 8.56915 13.611L8.52732 13.5197L6.79702 9.72066C6.77801 9.67883 6.7666 9.6332 6.7666 9.58756C6.7666 9.41263 6.90921 9.27003 7.08414 9.27003C7.15639 9.27003 7.22104 9.29284 7.27428 9.33277L9.31642 10.7874C9.46473 10.8843 9.64346 10.9414 9.83551 10.9414C9.94959 10.9414 10.058 10.9205 10.1607 10.8824L19.7667 6.60803C18.044 4.5811 15.207 3.25391 11.9993 3.25391C6.74759 3.25391 2.49219 6.80007 2.49219 11.1772C2.49219 13.5635 3.77185 15.714 5.77786 17.1667C5.93948 17.2807 6.04406 17.469 6.04406 17.6838C6.04406 17.7542 6.02885 17.8188 6.00983 17.8854C5.85011 18.4824 5.59342 19.4389 5.58201 19.4845C5.56109 19.5587 5.53067 19.6385 5.53067 19.7165C5.53067 19.8914 5.67328 20.034 5.84821 20.034C5.91666 20.034 5.9737 20.0093 6.03075 19.9751L8.11281 18.7734C8.26873 18.684 8.43415 18.627 8.61669 18.627C8.71366 18.627 8.80873 18.6422 8.8962 18.6688C9.86783 18.9483 10.9155 19.1023 11.9993 19.1023C17.2511 19.1023 21.5065 15.5561 21.5065 11.1791C21.5065 9.85377 21.1148 8.60643 20.4227 7.5074L9.47614 13.8278L9.40578 13.8677L9.40768 13.8658Z",
+                  fill: "#07C160"
+                }
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_3676_31540", children: /* @__PURE__ */ u("rect", { width: "19.0143", height: "16.7763", fill: "white", transform: "translate(2.49219 3.25391)" }) }) })
+      ]
+    }
+  );
+};
+export {
+  IconWechatPayGlobal
+};

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

@@ -0,0 +1,107 @@
+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";
+const IconWechatPayGlobalComplete = ({ size, style, className }) => {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      height: computedSize,
+      viewBox: "0 0 113 22",
+      fill: "none",
+      style,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: /* @__PURE__ */ u("g", { id: "Frame 427319256", children: /* @__PURE__ */ u("g", { id: "白色标志", children: [
+        /* @__PURE__ */ u(
+          "path",
+          {
+            id: "Vector",
+            d: "M9.53982 14.1044C9.43416 14.1584 9.31441 14.1889 9.18762 14.1889C8.89411 14.1889 8.63818 14.0269 8.50434 13.7898L8.45268 13.6771L6.31596 8.98569C6.29248 8.93403 6.2784 8.87768 6.2784 8.82132C6.2784 8.6053 6.4545 8.4292 6.67052 8.4292C6.75974 8.4292 6.83958 8.45738 6.90532 8.50669L9.42712 10.3029C9.61027 10.4227 9.83098 10.4931 10.0681 10.4931C10.209 10.4931 10.3429 10.4673 10.4696 10.4203L22.332 5.14194C20.2046 2.63893 16.7013 1 12.7402 1C6.25492 1 1 5.3791 1 10.7843C1 13.7311 2.58023 16.3867 5.05741 18.1806C5.257 18.3215 5.38614 18.554 5.38614 18.8193C5.38614 18.9062 5.36736 18.986 5.34388 19.0682C5.14664 19.8055 4.82965 20.9865 4.81557 21.0429C4.78974 21.1344 4.75217 21.2331 4.75217 21.3293C4.75217 21.5454 4.92827 21.7215 5.14429 21.7215C5.22882 21.7215 5.29926 21.6909 5.3697 21.6487L7.94081 20.1647C8.13335 20.0543 8.33763 19.9839 8.56304 19.9839C8.68279 19.9839 8.80019 20.0027 8.9082 20.0356C10.1081 20.3807 11.4018 20.5709 12.7402 20.5709C19.2255 20.5709 24.4804 16.1918 24.4804 10.7866C24.4804 9.15005 23.9967 7.60973 23.142 6.25257L9.62435 14.0575L9.53748 14.1068L9.53982 14.1044Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ u("g", { id: "Group", children: [
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_2",
+              d: "M34.474 16.9286L31.5859 5.54291H33.1403L34.4928 11.3027C34.8309 12.7397 35.1338 14.1414 35.3381 15.238H35.371C35.5565 14.1062 35.911 12.7537 36.3008 11.2862L37.82 5.54291H39.358L40.7433 11.3191C41.065 12.688 41.3679 14.0217 41.5369 15.2215H41.5698C41.807 13.9724 42.1263 12.7044 42.4808 11.2862L43.9836 5.54291H45.4863L42.2601 16.9286H40.7222L39.2852 11.0162C38.9306 9.54632 38.6935 8.431 38.5408 7.28281H38.508C38.3225 8.431 38.0524 9.52988 37.6298 10.9998L36.0073 16.9286H34.4693H34.474Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_3",
+              d: "M46.7784 13.1111C46.8113 15.1046 48.0792 15.9311 49.5655 15.9311C50.6292 15.9311 51.289 15.7456 51.829 15.5085L52.0991 16.5721C51.5755 16.8093 50.6621 17.0957 49.3636 17.0957C46.8629 17.0957 45.3438 15.4239 45.3438 12.9749C45.3438 10.5259 46.8136 8.56531 49.1945 8.56531C51.8643 8.56531 52.5569 10.9133 52.5569 12.4161C52.5569 12.719 52.5405 12.9397 52.5053 13.1088H46.7784V13.1111ZM51.1199 12.0475C51.1364 11.1012 50.7325 9.63132 49.0748 9.63132C47.5556 9.63132 46.9122 11.0167 46.7948 12.0475H51.1199Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_4",
+              d: "M62.5127 16.5415C61.9891 16.8116 60.8597 17.098 59.4743 17.098C56.2645 17.098 53.8672 15.0717 53.8672 11.3383C53.8672 7.60491 56.2833 5.37427 59.8124 5.37427C61.2142 5.37427 62.083 5.66308 62.4728 5.84857L62.144 7.08129C61.604 6.81127 60.8103 6.60934 59.8641 6.60934C57.1944 6.60934 55.4216 8.31636 55.4216 11.289C55.4216 14.0761 57.0253 15.8489 59.7796 15.8489C60.6906 15.8489 61.604 15.6634 62.1957 15.3769L62.515 16.5439L62.5127 16.5415Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_5",
+              d: "M63.9281 5.57141H65.4144V10.0374H65.4473C65.6845 9.61474 66.0554 9.22731 66.511 8.99016C66.9501 8.72013 67.4737 8.56751 68.0302 8.56751C69.129 8.56751 70.8854 9.24375 70.8854 12.0637V16.9289H69.3991V12.2164C69.3991 10.8991 68.9083 9.80023 67.5065 9.80023C66.5438 9.80023 65.7995 10.4765 65.5131 11.2865C65.4285 11.4885 65.4121 11.7092 65.4121 11.9957V16.9289H63.9258V5.57141H63.9281Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_6",
+              d: "M78.5226 14.9711C78.5226 15.6802 78.5555 16.3729 78.64 16.9317H77.3064L77.1702 15.9009H77.1185C76.6794 16.5419 75.7848 17.1172 74.6178 17.1172C72.9625 17.1172 72.1172 15.9526 72.1172 14.7692C72.1172 12.7921 73.8735 11.712 77.034 11.7285V11.5594C77.034 10.8832 76.8485 9.65044 75.1767 9.66688C74.3995 9.66688 73.6058 9.88759 73.0306 10.275L72.7488 9.24423C73.3781 8.84741 74.3666 8.56799 75.3974 8.56799C77.9145 8.56799 78.5226 10.275 78.5226 11.9116V14.9688V14.9711ZM77.0692 12.7569C75.4467 12.724 73.6058 13.0105 73.6058 14.5978C73.6058 15.5769 74.2469 16.016 74.9912 16.016C76.0713 16.016 76.764 15.3397 77.0011 14.6471C77.0528 14.4944 77.0692 14.3254 77.0692 14.1751V12.7569Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_7",
+              d: "M88.8281 5.61139C89.5443 5.4846 90.4788 5.38129 91.681 5.38129C93.1368 5.38129 94.2122 5.71706 94.8978 6.33459C95.52 6.88403 95.9075 7.71524 95.9075 8.73664C95.9075 9.75803 95.5975 10.5963 95.0152 11.1927C94.2239 12.0309 92.956 12.4489 91.5096 12.4489C91.0588 12.4489 90.6526 12.4325 90.3121 12.3432V16.9454H88.8305V5.61139H88.8281ZM90.3074 11.1363C90.6361 11.2326 91.0494 11.2655 91.5354 11.2655C93.3317 11.2655 94.4165 10.3826 94.4165 8.81647C94.4165 7.25033 93.3317 6.55531 91.7068 6.55531C91.0541 6.55531 90.5657 6.61636 90.305 6.67271V11.1387L90.3074 11.1363Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_8",
+              d: "M101.402 16.9454L101.27 15.9053H101.226C100.772 16.5486 99.8849 17.1333 98.7062 17.1333C97.0437 17.1333 96.1914 15.9522 96.1914 14.7711C96.1914 12.7777 97.9595 11.6811 101.139 11.7046V11.5309C101.139 10.8617 100.951 9.6219 99.265 9.63129C98.4995 9.63129 97.6988 9.85905 97.1212 10.2441L96.7808 9.24856C97.4617 8.80947 98.4596 8.52771 99.4975 8.52771C102.015 8.52771 102.627 10.2488 102.627 11.8971V14.9778C102.627 15.6798 102.66 16.3819 102.752 16.9478H101.402V16.9454ZM101.169 12.7401C99.5491 12.7049 97.6942 12.996 97.6942 14.588C97.6942 15.5695 98.3399 16.0203 99.0912 16.0203C100.176 16.0203 100.859 15.337 101.096 14.642C101.148 14.4823 101.167 14.3133 101.167 14.1701V12.7377L101.169 12.7401Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_9",
+              d: "M104.893 8.71289L106.691 13.578C106.884 14.1228 107.086 14.7685 107.22 15.2569H107.262C107.41 14.7732 107.591 14.1416 107.788 13.5428L109.417 8.71054H111.005L108.753 14.5736C107.687 17.4053 106.952 18.8447 105.933 19.7369C105.193 20.378 104.463 20.6315 104.097 20.6973L103.726 19.4458C104.102 19.3284 104.588 19.0936 105.038 18.7155C105.442 18.3892 105.942 17.8092 106.29 17.0484C106.365 16.8911 106.405 16.7808 106.405 16.6868C106.405 16.6023 106.381 16.4849 106.302 16.3018L103.266 8.70819H104.893V8.71289Z",
+              fill: "white"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_10",
+              d: "M82.0964 7.25043V8.75317H84.2237V9.88493H82.0964V14.2781C82.0964 15.2925 82.3828 15.8654 83.2117 15.8654C83.6179 15.8654 83.841 15.8302 83.9842 15.7903L84.2777 16.861C84.0006 16.9924 83.3972 17.1005 82.8219 17.1005C82.1293 17.1005 81.5728 16.8633 81.2182 16.4759C80.812 16.0204 80.6429 15.2925 80.6429 14.3298V9.88728H79.375V8.75552H80.6429V7.25277H82.0964V7.25043Z",
+              fill: "white"
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+export {
+  IconWechatPayGlobalComplete
+};

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

@@ -0,0 +1,186 @@
+import { w, A, h, F, y, u, b } from "../../../core.js";
+import "./ali-pay.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PaymentType } from "../../../constant.js";
+import { CoreContext } from "../../../core/context.js";
+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 { useBEM } from "../../../hooks/useBEM.js";
+import { usePayState } from "../../../hooks/usePayState.js";
+import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
+import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
+import "../../internal/Form/type.js";
+import "../../internal/Form/context.js";
+import "../../internal/Form/FormItem.js";
+import { Form } from "../../internal/Form/Form.js";
+import { Info } from "../../internal/Info/Info.js";
+import { RecurringTip } from "../../RecurringTip/index.js";
+import { PaymentButton } from "../../PaymentButton/index.js";
+import { calcAmountWithFee } from "../../../utils/business/amount.js";
+import { GuideCard } from "../../GuideCard/index.js";
+const { bem } = useBEM("ali-pay");
+const fieldClassNames = bem("field");
+const CURR_PAYMENT_METHOD = PaymentMethod.ALI_PAY;
+const AliPay = w((props, ref) => {
+  const {
+    session,
+    core,
+    showGuideCard = true,
+    hidePaymentButton = false
+  } = props;
+  const addressCore = core.getAddressCore();
+  const emailState = createEmailCore();
+  const { i18n, sessionReady, disabled } = usePayState(session, props.core);
+  const formRef = A(null);
+  const [form, setForm] = h({
+    email: "",
+    address: { ...DEFAULT_ADDRESS }
+  });
+  const [validated, setValidated] = h(false);
+  const addressFieldRef = A(null);
+  const emailFieldRef = A(null);
+  F(ref, () => ({
+    stopRetry: () => stopRetry(),
+    startRetry: (timeout) => startRetry(timeout),
+    updateAddress: () => {
+      var _a;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.address.show))
+        return;
+      const address = addressCore.getAddressState();
+      form.address = address;
+      setForm(form);
+      (_a = addressFieldRef.current) == null ? void 0 : _a.update(address);
+      validateFormSilently();
+    },
+    updateEmail: () => {
+      var _a;
+      if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
+        return;
+      form.email = emailState.email;
+      setForm(form);
+      (_a = emailFieldRef.current) == null ? void 0 : _a.update(emailState.email);
+      validateFormSilently();
+    },
+    payment: () => {
+      hidePaymentButton && onSubmit();
+    }
+  }));
+  const {
+    isEnabled,
+    fieldStatus,
+    paymentButtonStatus,
+    setPaymentButtonStatus,
+    errorMessage,
+    setErrorMessage,
+    payment,
+    startRetry,
+    stopRetry,
+    getPaymentMethodContext
+  } = useBaseWallet(CURR_PAYMENT_METHOD, props, {
+    getFormData: () => form
+  });
+  y(() => {
+    if (!sessionReady)
+      return;
+    const { bill = {}, country } = (session == null ? void 0 : session.checkout) || {};
+    country && addressCore.setCountry(country);
+    form.email = bill.email ?? "";
+    form.address.country = country;
+  }, [sessionReady]);
+  const validateFormSilently = () => {
+    var _a;
+    (_a = formRef.current) == null ? void 0 : _a.validate(void 0, false).then(() => setValidated(true)).catch(() => setValidated(false));
+  };
+  y(() => {
+    validateFormSilently();
+  }, [form]);
+  const onSubmit = async () => {
+    var _a;
+    setErrorMessage("");
+    (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
+      var _a2;
+      (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
+      if (errors) {
+        setPaymentButtonStatus("unSubmit");
+        return;
+      }
+      setPaymentButtonStatus("loading");
+      await payment();
+    });
+  };
+  const setFormRef = (dom) => {
+    formRef.current = dom;
+    dom && validateFormSilently();
+  };
+  const Button = () => {
+    var _a, _b;
+    const { channelParams = {} } = (session == null ? void 0 : session.checkout) ?? {};
+    const amount = (_b = (_a = core == null ? void 0 : core.payment) == null ? void 0 : _a.amount.value) == null ? void 0 : _b.amount;
+    const totalAmount = amount ? calcAmountWithFee(amount, channelParams.aliPay) : 0;
+    return /* @__PURE__ */ u(
+      PaymentButton,
+      {
+        className: bem("button"),
+        status: paymentButtonStatus,
+        disabled,
+        verified: validated,
+        onClick: onSubmit,
+        amount: totalAmount
+      }
+    );
+  };
+  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) || disabled
+      }
+    ) }) });
+  };
+  const Address = () => {
+    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,
+        disabled,
+        onChange: (value) => setForm(Object.assign(form, { address: value }))
+      }
+    ) }) });
+  };
+  const ErrorMessage = () => {
+    return /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { className: bem("error"), content: errorMessage }) });
+  };
+  return /* @__PURE__ */ u(
+    CoreContext.Provider,
+    {
+      value: {
+        i18n,
+        session,
+        core
+      },
+      children: isEnabled && i18n.ready.value && /* @__PURE__ */ u(b, { children: [
+        showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.ALI_PAY }),
+        /* @__PURE__ */ u("div", { className: core.theme.className, children: /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+          Email(),
+          Address(),
+          (session == null ? void 0 : session.checkout.paymentType) === PaymentType.RECURRING && RecurringTip(),
+          /* @__PURE__ */ u("div", { className: bem("footer-wrapper"), children: [
+            ErrorMessage(),
+            !hidePaymentButton && Button()
+          ] })
+        ] }) }) })
+      ] })
+    }
+  );
+});
+export {
+  AliPay
+};

package/dist/es/components/wallets/AliPay/ali-pay.js

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PaymentType } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./bancontact2.js";
@@ -27,7 +27,7 @@ import "../../business/PhoneField/config.js";
 import "../../business/PhoneField/phone-field.js";
 import "../../business/Tooltip/tooltip2.js";
 import "../../business/BlikCodeField/blik-code-field.js";
-import "../../internal/Button/button2.js";
+import "../../internal/Button/button.js";
 import "../../business/BlikConfirmModal/blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
 import { RecurringTip } from "../../RecurringTip/index.js";
@@ -122,7 +122,9 @@ const Bancontact = w((props, ref) => {
     setErrorMessage("");
     (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
       var _a3;
-      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -153,10 +155,6 @@ const Bancontact = w((props, ref) => {
     ) }) });
   };
   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(
       PaymentButton,
       {
@@ -164,8 +162,7 @@ const Bancontact = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount, limitedToNumber } from "../../../utils/format.js";
+import { normalizedClass, limitedToNumber } from "../../../utils/format.js";
 import { PaymentMethod, COMMON_CLASS_NAME, PaymentType } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./blik2.js";
@@ -116,8 +116,14 @@ const Blik = w((props, ref) => {
       getFormData: () => {
         return {
           ...form,
-          firstName: form.name,
-          checkCode: limitedToNumber(form.checkCode)
+          firstName: form.name
+        };
+      },
+      getExtraPaymentParams: () => {
+        return {
+          payment: {
+            checkCode: limitedToNumber(form.checkCode)
+          }
         };
       },
       onProcessing: () => {
@@ -152,7 +158,9 @@ const Blik = w((props, ref) => {
     setErrorMessage("");
     (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
       var _a3;
-      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -183,10 +191,6 @@ const Blik = w((props, ref) => {
     ) }) });
   };
   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(
       PaymentButton,
       {
@@ -194,8 +198,7 @@ const Blik = w((props, ref) => {
         status: paymentButtonStatus,
         verified: validated,
         disabled,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };