@miden-npm/react 0.0.12 → 0.0.14

package/dist/index.cjs

@@ -1660,6 +1660,7 @@ var BaseInput = ({
   disabled = false,
   loading = false,
   showCopyIcon = false,
+  preventPaste = false,
   value,
   defaultValue,
   onChange,
@@ -1687,17 +1688,18 @@ var BaseInput = ({
       el.selectionStart = el.selectionEnd = el.value.length;
     });
   };
-  const handleStringChange = (e) => {
-    const incoming = e.replace(/,/g, "");
-    if (!isControlled) setRawValue(incoming);
-    onChange?.(incoming);
-  };
   const handleBlur = () => {
     onBlur?.(rawValue);
   };
   const handleKeyDown = (e) => {
     if (rules.includes("numeric")) restrictToNumericKeys(e);
   };
+  const handlePaste = (e) => {
+    if (preventPaste) {
+      e.preventDefault();
+      setLocalError("Pasting is disabled for this input");
+    }
+  };
   const containerBg = disabled ? "bg-grey-50 cursor-not-allowed" : "bg-white";
   const containerBorder = validationError || localError ? "border-red-300 bg-red-50" : "border-grey-100";
   const copyToClipboard = (text) => {
@@ -1706,7 +1708,7 @@ var BaseInput = ({
   const copyHandler = () => {
     copyToClipboard(rawValue).then(() => {
       setLocalHint("Text copied to clipboard");
-    }).catch((err) => {
+    }).catch(() => {
       setLocalError("Failed to copy text to clipboard");
     });
   };
@@ -1730,6 +1732,7 @@ var BaseInput = ({
               onChange: handleChange,
               onBlur: handleBlur,
               onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
               disabled,
               placeholder: placeholder ?? (label ? `Enter ${label.toLowerCase()}` : void 0),
               inputMode: isAmountInput ? "decimal" : void 0,
@@ -1749,10 +1752,7 @@ var BaseInput = ({
                 onClick: copyHandler
               }
             )
-          ] }) : (
-            // Simple loader placeholder; swap for your icon component if desired
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full" })
-          )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full" })
         ]
       }
     ),
@@ -1829,7 +1829,7 @@ function BzpCheckoutIframe({
       setMessage("Payment link created successfully");
       if (response.launchUrl) {
         setLoading(false);
-        launchIframe(response.launchUrl);
+        launchIframe(`${response.launchUrl}&merchantId=${btoa(secretKey)}`);
       }
     } else {
       setLoading(false);
@@ -1864,6 +1864,7 @@ function BzpCheckoutButton({
 }) {
   const [message, setMessage] = (0, import_react7.useState)("");
   const [launchUrl, setLaunchUrl] = (0, import_react7.useState)("");
+  const [urlLaunchUrl, setUrlLaunchUrl] = (0, import_react7.useState)("");
   const [loading, setLoading] = (0, import_react7.useState)(false);
   const generatePaymentLinkHandler = async () => {
     if (!secretKey) {
@@ -1884,6 +1885,7 @@ function BzpCheckoutButton({
       );
       if (response?.isSuccessful && response.launchUrl) {
         setLaunchUrl(response.launchUrl);
+        setUrlLaunchUrl(`${response.launchUrl}&merchantId=${btoa(secretKey)}`);
         setMessage("Payment link created successfully");
         if (mode === "redirect") {
           window.open(response.launchUrl, "_blank", "noopener,noreferrer");
@@ -1897,10 +1899,10 @@ function BzpCheckoutButton({
       setLoading(false);
     }
   };
-  return launchUrl && mode === "iframe" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     BzpCheckoutIframe,
     {
-      url: launchUrl,
+      url: urlLaunchUrl,
       secretKey,
       environment
     }
@@ -2380,6 +2382,7 @@ function PayByCard({
               mask: "0000 0000 0000 0000",
               placeholder: "0000 0000 0000 0000",
               value: payForm.cardNo,
+              preventPaste: true,
               onChange: (e) => {
                 setPayForm({ ...payForm, cardNo: e });
                 if (payErrors.cardNo)