@paykka/card-checkout-ui 0.13.17 → 0.15.1

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

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

package/dist/es/components/internal/Button/{Button.js → Button2.js}

@@ -1,12 +1,12 @@
 import { u } from "../../../core.js";
-import "./button2.js";
+import "./button.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import "../../../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/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 const { bem } = useBEM("button");
 function Button(props) {
   const { style, className, children, icon, loading, disabled, dashed } = props;

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

@@ -1,6 +1,6 @@
 import "../../../core.js";
-import "./button2.js";
+import "./button.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";

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

@@ -6,18 +6,18 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { IconChecked } from "../icons/iconChecked.js";
 const { bem } = useBEM("check-box");
 const CheckBox = (props) => {
-  const { checked, onChange, label, style } = props;
+  const { checked, onChange, label, style, disabled } = props;
   const handleChange = () => {
     onChange == null ? void 0 : onChange(!checked);
   };
   return /* @__PURE__ */ u(
     "div",
     {
-      className: normalizedClass(COMMON_CLASS_NAME, bem({ checked })),
+      className: normalizedClass(COMMON_CLASS_NAME, bem({ checked, disabled })),
       onClick: handleChange,
       style,
       children: [

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

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

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

@@ -3,7 +3,7 @@ import "../../../core.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.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

@@ -6,7 +6,7 @@ import "../../../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/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { IconError } from "../icons/IconError.js";
 const { bem } = useBEM("info");
 const iconMap = {

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

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

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

@@ -108,7 +108,7 @@ const Input = w((props, ref) => {
         autocomplete: "off"
       }
     ),
-    !!rightIcon && /* @__PURE__ */ u("div", { class: inputBEM.bem("right-icon"), children: rightIcon })
+    !!rightIcon && /* @__PURE__ */ u("div", { class: inputBEM.bem("right-icon", { disabled }), children: rightIcon })
   ] }) });
 });
 export {

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

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

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

@@ -0,0 +1,20 @@
+import { u } from "../../../core.js";
+import { useBEM } from "../../../hooks/useBEM.js";
+import "../../../core/context.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import "../../../out/fraud-detection.js";
+import "./loading.js";
+const { bem } = useBEM("loading");
+const Loading = (props) => {
+  const { fixed = true, style } = props;
+  return /* @__PURE__ */ u("div", { className: bem("", { fixed }), style, children: /* @__PURE__ */ u("div", { className: bem("dots"), children: /* @__PURE__ */ u("span", { className: bem("dot"), children: [
+    /* @__PURE__ */ u("i", {}),
+    /* @__PURE__ */ u("i", {}),
+    /* @__PURE__ */ u("i", {}),
+    /* @__PURE__ */ u("i", {})
+  ] }) }) });
+};
+export {
+  Loading
+};

package/dist/es/{api/modules/vietqr → components/internal/Loading}/index.js

@@ -1,5 +1,6 @@
+import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../core.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
+import "./loading.js";

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

@@ -0,0 +1 @@
+

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

@@ -7,7 +7,7 @@ import { isUndefined } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, normalizedStyle } from "../../../utils/format.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.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

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

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

@@ -1,10 +1,10 @@
 import { w, h, T, u, b, P } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import "./modal2.js";
 const { bem } = useBEM("modal");
 const Modal = w((props) => {

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

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

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

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

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

@@ -4,7 +4,7 @@ import "../../../core/context.js";
 import { isNil } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
 import "../Form/FormItem.js";
@@ -16,6 +16,7 @@ import { SelectMenu } from "./SelectMenu.js";
 import { SelectMenuItem } from "./SelectMenuItem.js";
 const { bem } = useBEM("select");
 const Select = w((props, ref) => {
+  const { disabled } = props;
   const formItemContext = x(FormItemContext);
   let status = props.status ?? (formItemContext == null ? void 0 : formItemContext.validationResult.status);
   if (status === "unValidate")
@@ -160,6 +161,7 @@ const Select = w((props, ref) => {
     /* @__PURE__ */ u(FormItemContext.Provider, { value: null, children: /* @__PURE__ */ u(
       Input,
       {
+        disabled,
         ref: inputRef,
         value: inputValue,
         status,
@@ -180,7 +182,8 @@ const Select = w((props, ref) => {
         class: bem("render-label", [
           {
             placeholder: isFocus,
-            hidden: isInputChange
+            hidden: isInputChange,
+            disabled
           }
         ]),
         onClick: onClickDisplay,

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

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

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

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

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/IconArrowDown.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 IconArrowDown({ size, style, className }) {
+const IconArrowDown = ({ size, style, className }) => {
   const computedSize = !isUndefined(size) ? `${size}px` : "1em";
   return /* @__PURE__ */ u(
     "svg",
@@ -12,17 +12,17 @@ function IconArrowDown({ size, style, className }) {
       width: computedSize,
       height: computedSize,
       viewBox: "0 0 16 16",
-      fill: "none",
+      fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
       style,
       className: normalizedClass(COMMON_CLASS_NAME, className),
       children: [
-        /* @__PURE__ */ u("g", { id: "icon-wrapper", "clip-path": "url(#clip0_543_1600)", children: /* @__PURE__ */ u("g", { id: "direction/down", children: /* @__PURE__ */ u("path", { id: "Vector", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6719 6.28589L12.7291 5.34308L8.01502 10.0571L3.30098 5.34308L2.35817 6.28589L7.54358 11.4713C7.54358 11.4713 7.54362 11.4713 8.01502 10.9999L7.54358 11.4713L8.01502 11.9427L13.6719 6.28589Z", fill: "#1F1F1F" }) }) }),
+        /* @__PURE__ */ u("g", { id: "icon-wrapper", "clip-path": "url(#clip0_543_1600)", children: /* @__PURE__ */ u("g", { id: "direction/down", children: /* @__PURE__ */ u("path", { id: "Vector", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6719 6.28589L12.7291 5.34308L8.01502 10.0571L3.30098 5.34308L2.35817 6.28589L7.54358 11.4713C7.54358 11.4713 7.54362 11.4713 8.01502 10.9999L7.54358 11.4713L8.01502 11.9427L13.6719 6.28589Z", fill: "currentColor" }) }) }),
         /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_543_1600", children: /* @__PURE__ */ u("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     }
   );
-}
+};
 export {
   IconArrowDown
 };