@paykka/card-checkout-ui 0.13.8 → 0.13.13

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

@@ -6,7 +6,6 @@ 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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("button");
 function Button(props) {

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

@@ -3,5 +3,4 @@ import "./button2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";

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

@@ -5,7 +5,6 @@ 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 "../../../api/http.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import "../../../out/worldpay-jsc-origin.js";
 import { IconChecked } from "../icons/iconChecked.js";

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

@@ -3,5 +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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";

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

@@ -3,7 +3,6 @@ import "../../../core.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 const formItemBEM = useBEM("form-item");
 const formItemLabelClassName = formItemBEM.bem("label");

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

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

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

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

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

@@ -63,10 +63,10 @@ const Input = w((props, ref) => {
     }
     if (isComposing)
       return;
-    const { value } = event.target;
     if (event instanceof InputEvent && event.inputType === "insertCompositionText")
       return;
     (_a = props.onInput) == null ? void 0 : _a.call(props, event);
+    const { value } = event.target;
     formItemContext == null ? void 0 : formItemContext.setValue(value);
     formItemContext == null ? void 0 : formItemContext.validateChange(value);
   }

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

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

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

@@ -7,7 +7,6 @@ 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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 const SIZE = 40;
 const SVG_VIEW_BOX = `0 0 ${SIZE} ${SIZE}`;

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

@@ -3,5 +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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";

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

@@ -3,7 +3,7 @@ import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../api/http.js";
+import "../../../core/context.js";
 import "../../../out/worldpay-jsc-origin.js";
 import "./modal2.js";
 const { bem } = useBEM("modal");

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

@@ -4,7 +4,6 @@ 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 "../../../api/http.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import "../../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("qr-code");

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

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

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

@@ -4,7 +4,6 @@ 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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
@@ -18,7 +17,9 @@ import { SelectMenuItem } from "./SelectMenuItem.js";
 const { bem } = useBEM("select");
 const Select = w((props, ref) => {
   const formItemContext = x(FormItemContext);
-  props.status ?? (formItemContext == null ? void 0 : formItemContext.validationResult.status);
+  let status = props.status ?? (formItemContext == null ? void 0 : formItemContext.validationResult.status);
+  if (status === "unValidate")
+    status = void 0;
   const [isFocus, setIsFocus] = h(false);
   const [isInputChange, setIsInputChange] = h(false);
   const [selectOptions, setSelectOptions] = h([]);
@@ -83,30 +84,24 @@ const Select = w((props, ref) => {
     var _a;
     setIsFocus(false);
     (_a = props.onBlur) == null ? void 0 : _a.call(props, event);
-    if (isNil(inputValue) || inputValue === "") {
-      setIsInputChange(false);
-    }
-    if (!selectOptions.length && props.options.length) {
-      setInputValue("");
-      setIsInputChange(false);
-    } else {
-      const { value: value2 } = event.currentTarget;
-      formItemContext == null ? void 0 : formItemContext.validateBlur(value2);
-    }
+    setInputValue("");
+    setIsInputChange(false);
+    formItemContext == null ? void 0 : formItemContext.validateBlur(isNil(value) ? "" : String(value));
   }
   function onInput(event) {
     setIsInputChange(true);
     setInputValue(event.currentTarget.value);
   }
   function onSelect(option, callCallBack = true) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { value: selectedValue, label } = option;
     setInputValue("");
     setValue(selectedValue);
     setDisplay(((_a = props.renderLabel) == null ? void 0 : _a.call(props, option)) || label);
     setDropMenuVisible(false);
     setIsInputChange(false);
-    callCallBack && ((_b = props == null ? void 0 : props.onSelect) == null ? void 0 : _b.call(props, selectedValue, option));
+    (_c = (_b = inputRef.current) == null ? void 0 : _b.input) == null ? void 0 : _c.blur();
+    callCallBack && ((_d = props == null ? void 0 : props.onSelect) == null ? void 0 : _d.call(props, selectedValue, option));
   }
   function onInputChange(event) {
     setIsInputChange(true);
@@ -153,11 +148,12 @@ const Select = w((props, ref) => {
     var _a, _b;
     return (_b = (_a = inputRef.current) == null ? void 0 : _a.input) == null ? void 0 : _b.focus();
   }, children: [
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ u(FormItemContext.Provider, { value: null, children: /* @__PURE__ */ u(
       Input,
       {
         ref: inputRef,
         value: inputValue,
+        status,
         readOnly: !props.filterable,
         onInput,
         onFocus,
@@ -168,7 +164,7 @@ const Select = w((props, ref) => {
         rightIcon: props.rightIcon || defRightIcon,
         inputClassName: props.inputClassName
       }
-    ),
+    ) }),
     /* @__PURE__ */ u(
       "div",
       {
@@ -199,7 +195,8 @@ const Select = w((props, ref) => {
                 var _a;
                 return (_a = props.renderLabel) == null ? void 0 : _a.call(props, item);
               } : item.label
-            }
+            },
+            item.value
           )),
           props.action
         ]

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

@@ -4,12 +4,11 @@ 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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("select");
 const SelectMenu = (props) => {
-  const { style, children } = props;
-  return /* @__PURE__ */ u("div", { style, class: bem("menu"), children });
+  const { style, children, ...rest } = props;
+  return /* @__PURE__ */ u("div", { style, class: bem("menu"), onMouseDown: (e) => e.preventDefault(), ...rest, children });
 };
 export {
   SelectMenu

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

@@ -5,7 +5,6 @@ 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 "../../../api/http.js";
 import "../../../out/worldpay-jsc-origin.js";
 import { IconTick } from "../icons/IconTick.js";
 const { bem } = useBEM("select");

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

@@ -78,7 +78,7 @@ const GCash = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const { setErrorMsg, fraudDetection, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({
@@ -177,7 +177,9 @@ const GCash = w((props, ref) => {
         state: form.address.province ? addressCore.getLabel(form.address.province, addressCore.getProvinceOption()) ?? form.address.province : void 0,
         city: form.address.city ? addressCore.getLabel(form.address.city, addressCore.getCityOptions()) ?? form.address.city : void 0
       },
-      browser: await getBrowserParams()
+      browser: await getBrowserParams({
+        fraudDetectionId: await (fraudDetection == null ? void 0 : fraudDetection.getFraudDetectionId())
+      })
     };
   };
   const pay = async (search = false, timeout) => {

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

@@ -73,7 +73,7 @@ const OpayWallet = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const { setErrorMsg, fraudDetection, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({
@@ -165,7 +165,9 @@ const OpayWallet = w((props, ref) => {
         state: form.address.province ? addressCore.getLabel(form.address.province, addressCore.getProvinceOption()) ?? form.address.province : void 0,
         city: form.address.city ? addressCore.getLabel(form.address.city, addressCore.getCityOptions()) ?? form.address.city : void 0
       },
-      browser: await getBrowserParams()
+      browser: await getBrowserParams({
+        fraudDetectionId: await (fraudDetection == null ? void 0 : fraudDetection.getFraudDetectionId())
+      })
     };
   };
   const pay = async (search = false, timeout) => {
@@ -204,14 +206,11 @@ const OpayWallet = w((props, ref) => {
           processOnError(new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
           return { end: true };
         } else if (orderStatus === "PROCESSING") {
-          if (!search) {
-            if (redirectMode === "auto" && payInfo) {
-              redirectToPayment(payInfo);
-              return { end: true };
-            } else {
-              startReFetchPayInfo();
-            }
+          if (redirectMode === "auto" && (payInfo == null ? void 0 : payInfo.targetUrl)) {
+            redirectToPayment(payInfo);
+            return { end: true };
           }
+          !search && startReFetchPayInfo();
           return { end: false };
         } else if (orderStatus === "CANCELED") {
           setSubmitButtonStatus("unSubmit");

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

@@ -73,7 +73,7 @@ const PagaWallet = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const { setErrorMsg, fraudDetection, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({
@@ -165,7 +165,9 @@ const PagaWallet = w((props, ref) => {
         state: form.address.province ? addressCore.getLabel(form.address.province, addressCore.getProvinceOption()) ?? form.address.province : void 0,
         city: form.address.city ? addressCore.getLabel(form.address.city, addressCore.getCityOptions()) ?? form.address.city : void 0
       },
-      browser: await getBrowserParams()
+      browser: await getBrowserParams({
+        fraudDetectionId: await (fraudDetection == null ? void 0 : fraudDetection.getFraudDetectionId())
+      })
     };
   };
   const pay = async (search = false, timeout) => {
@@ -204,14 +206,11 @@ const PagaWallet = w((props, ref) => {
           processOnError(new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
           return { end: true };
         } else if (orderStatus === "PROCESSING") {
-          if (!search) {
-            if (redirectMode === "auto" && payInfo) {
-              redirectToPayment(payInfo);
-              return { end: true };
-            } else {
-              startReFetchPayInfo();
-            }
+          if (redirectMode === "auto" && (payInfo == null ? void 0 : payInfo.targetUrl)) {
+            redirectToPayment(payInfo);
+            return { end: true };
           }
+          !search && startReFetchPayInfo();
           return { end: false };
         } else if (orderStatus === "CANCELED") {
           setSubmitButtonStatus("unSubmit");

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

@@ -73,7 +73,7 @@ const Paymaya = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
+  const { setErrorMsg, fraudDetection, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({
@@ -165,7 +165,9 @@ const Paymaya = w((props, ref) => {
         state: form.address.province ? addressCore.getLabel(form.address.province, addressCore.getProvinceOption()) ?? form.address.province : void 0,
         city: form.address.city ? addressCore.getLabel(form.address.city, addressCore.getCityOptions()) ?? form.address.city : void 0
       },
-      browser: await getBrowserParams()
+      browser: await getBrowserParams({
+        fraudDetectionId: await (fraudDetection == null ? void 0 : fraudDetection.getFraudDetectionId())
+      })
     };
   };
   const pay = async (search = false, timeout) => {