@pollar/react 0.10.1-rc.8 → 0.10.1-rc.9

package/dist/index.mjs

@@ -1033,7 +1033,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1-rc.8"
+        "0.10.1-rc.9"
       ] })
     ] })
   ] });
@@ -2524,6 +2524,13 @@ function RouteDisplay({ quote, onSelect }) {
     }
   );
 }
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function isFieldValid(spec, raw) {
+  const value = (raw ?? "").trim();
+  if (!value) return false;
+  if (spec.type === "email") return EMAIL_RE.test(value);
+  return true;
+}
 var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
 function flagEmoji(code) {
   const cc = code.trim().toUpperCase();
@@ -2775,7 +2782,8 @@ function RampWidgetTemplate({
             autoComplete: f.type === "email" ? "email" : "off",
             onChange: (e) => onFieldChange(f.key, e.target.value)
           }
-        )
+        ),
+        f.type === "email" && (fieldValues[f.key] ?? "").trim() !== "" && !isFieldValid(f, fieldValues[f.key]) && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-error", children: "Enter a valid email address." })
       ] }, f.key)),
       /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetry, children: "Back" }),
@@ -2784,7 +2792,7 @@ function RampWidgetTemplate({
           {
             type: "button",
             className: "pollar-btn-primary",
-            disabled: requiredFields.some((f) => !(fieldValues[f.key] ?? "").trim()) || isLoading,
+            disabled: requiredFields.some((f) => !isFieldValid(f, fieldValues[f.key])) || isLoading,
             onClick: onContactContinue,
             children: isLoading ? "Starting\u2026" : "Continue"
           }
@@ -2835,7 +2843,10 @@ function RampWidgetTemplate({
             alt: label,
             style: { width: "100%", maxWidth: 220, height: "auto", display: "block", margin: "0 auto" }
           }
-        ) : kind === "datetime" ? /* @__PURE__ */ jsx("span", { children: value }) : /* @__PURE__ */ jsx("code", { style: { wordBreak: "break-all" }, children: value }) })
+        ) : kind === "datetime" ? /* @__PURE__ */ jsx("span", { children: value }) : /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: value }),
+          /* @__PURE__ */ jsx(CopyButton, { value, label: `Copy ${label}` })
+        ] }) })
       ] }, key)),
       tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
         "Accept terms at ",
@@ -2961,6 +2972,7 @@ function RampWidget({ onClose }) {
     setStep("input");
     setQuotes([]);
     setSelectedQuote(null);
+    setFieldValues({});
     setTxId(null);
     setProvider("");
     setKycUrl(null);