@pollar/react 0.10.1-rc.2 → 0.10.1-rc.3

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.2"
+        "0.10.1-rc.3"
       ] })
     ] })
   ] });
@@ -2504,8 +2504,8 @@ function RampWidgetTemplate({
   amount,
   currency,
   country,
-  email,
-  fullName,
+  requiredFields,
+  fieldValues,
   countries,
   countriesLoading,
   refreshing,
@@ -2521,8 +2521,7 @@ function RampWidgetTemplate({
   errorMsg,
   onDirectionChange,
   onAmountChange,
-  onEmailChange,
-  onFullNameChange,
+  onFieldChange,
   onCountryChange,
   onFindRoute,
   onSelectQuote,
@@ -2673,33 +2672,19 @@ function RampWidgetTemplate({
       /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" })
     ] }),
     step === "contact" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: "Full name" }),
+      requiredFields.map((f) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: f.label }),
         /* @__PURE__ */ jsx(
           "input",
           {
-            type: "text",
+            type: f.type,
             className: "pollar-ramp-input",
-            placeholder: "Jane Doe",
-            value: fullName,
-            onChange: (e) => onFullNameChange(e.target.value)
+            value: fieldValues[f.key] ?? "",
+            autoComplete: f.type === "email" ? "email" : "off",
+            onChange: (e) => onFieldChange(f.key, e.target.value)
           }
         )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: "Email" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "email",
-            className: "pollar-ramp-input",
-            placeholder: "jane@example.com",
-            value: email,
-            autoComplete: "email",
-            onChange: (e) => onEmailChange(e.target.value)
-          }
-        )
-      ] }),
+      ] }, f.key)),
       /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetry, children: "Back" }),
         /* @__PURE__ */ jsx(
@@ -2707,7 +2692,7 @@ function RampWidgetTemplate({
           {
             type: "button",
             className: "pollar-btn-primary",
-            disabled: !fullName.trim() || !email.trim() || isLoading,
+            disabled: requiredFields.some((f) => !(fieldValues[f.key] ?? "").trim()) || isLoading,
             onClick: onContactContinue,
             children: isLoading ? "Starting\u2026" : "Continue"
           }
@@ -2753,6 +2738,9 @@ function RampWidgetTemplate({
   ] });
 }
 var TERMINAL = ["completed", "failed"];
+function requiredFieldsOf(quote) {
+  return quote.requiredFields ?? [];
+}
 function RampWidget({ onClose }) {
   const { getClient, signTx, wallet, styles } = usePollar();
   const walletAddress = wallet?.address ?? "";
@@ -2763,8 +2751,8 @@ function RampWidget({ onClose }) {
   const [amount, setAmount] = useState("");
   const [currency, setCurrency] = useState("");
   const [country, setCountry] = useState("");
-  const [email, setEmail] = useState("");
-  const [fullName, setFullName] = useState("");
+  const [fieldValues, setFieldValues] = useState({});
+  const setFieldValue = (key, value) => setFieldValues((v) => ({ ...v, [key]: value }));
   const [countries, setCountries] = useState([]);
   const [countriesLoading, setCountriesLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
@@ -2911,8 +2899,9 @@ function RampWidget({ onClose }) {
   function handleSelectQuote(quote) {
     setSelectedQuote(quote);
     setErrorMsg(null);
-    const requiresContact = quote.requiresContact ?? false;
-    if (requiresContact && (!email.trim() || !fullName.trim())) {
+    const fields = requiredFieldsOf(quote);
+    const missing = fields.some((f) => !(fieldValues[f.key] ?? "").trim());
+    if (fields.length > 0 && missing) {
       setStep("contact");
       return;
     }
@@ -2925,15 +2914,14 @@ function RampWidget({ onClose }) {
     setIsLoading(true);
     setErrorMsg(null);
     try {
-      const base = {
-        quoteId: quote.quoteId,
-        amount: Number(amount),
-        currency,
-        country,
-        ...email.trim() ? { email: email.trim() } : {},
-        ...fullName.trim() ? { fullName: fullName.trim() } : {},
-        ...walletAddress ? { walletAddress } : {}
-      };
+      const base = { quoteId: quote.quoteId, amount: Number(amount), currency, country };
+      if (walletAddress) base.walletAddress = walletAddress;
+      for (const f of requiredFieldsOf(quote)) {
+        const val = (fieldValues[f.key] ?? "").trim();
+        if (!val) continue;
+        if (f.bankType) base.bankDetails = { type: f.bankType, value: val };
+        else base[f.key] = val;
+      }
       const result = direction === "onramp" ? await client.createOnRamp(base) : await client.createOffRamp(base);
       await applyResult(result);
     } catch (e) {
@@ -2978,8 +2966,8 @@ function RampWidget({ onClose }) {
       amount,
       currency,
       country,
-      email,
-      fullName,
+      requiredFields: selectedQuote ? requiredFieldsOf(selectedQuote) : [],
+      fieldValues,
       countries,
       countriesLoading,
       refreshing,
@@ -2995,8 +2983,7 @@ function RampWidget({ onClose }) {
       errorMsg,
       onDirectionChange: setDirection,
       onAmountChange: setAmount,
-      onEmailChange: setEmail,
-      onFullNameChange: setFullName,
+      onFieldChange: setFieldValue,
       onCountryChange: handleCountryChange,
       onFindRoute: handleFindRoute,
       onSelectQuote: handleSelectQuote,