@loafmarkets/ui 0.1.24 → 0.1.26

package/dist/index.js

@@ -5474,7 +5474,7 @@ var LoginPopup = ({
   const [error, setError] = React5.useState("");
   const [loading, setLoading] = React5.useState(false);
   const [isSignUp, setIsSignUp] = React5.useState(false);
-  const [fundingAmount, setFundingAmount] = React5.useState("");
+  const [fundingAmount] = React5.useState("");
   const [kycLoading, setKycLoading] = React5.useState(false);
   const [showKycWidget, setShowKycWidget] = React5.useState(false);
   const [cryptoFundingLoading, setCryptoFundingLoading] = React5.useState(false);
@@ -5583,6 +5583,10 @@ var LoginPopup = ({
       setError("Please enter a valid email address");
       return;
     }
+    if (/\+/.test(email.split("@")[0])) {
+      setError("Email addresses with '+' are not allowed. Please use your base email address.");
+      return;
+    }
     if (isSignUp && !handle.trim()) {
       setError("Please claim a handle to continue");
       return;
@@ -6484,40 +6488,6 @@ var FundingCard = styled23__default.default.div`
   text-align: left;
   box-shadow: 0 18px 60px rgba(0, 0, 0, 0.4);
 `;
-styled23__default.default.p`
-  font-size: 0.9rem;
-  color: var(--color-text, #eaecef);
-  margin-bottom: 0.5rem;
-`;
-styled23__default.default.div`
-  border-radius: 12px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  background-color: var(--color-background, #0d0e14);
-  padding: 0.75rem 0.85rem;
-`;
-styled23__default.default.label`
-  display: block;
-  font-size: 0.65rem;
-  text-transform: uppercase;
-  letter-spacing: 0.4em;
-  color: rgba(255, 255, 255, 0.45);
-`;
-styled23__default.default.input`
-  width: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  font-size: 1.7rem;
-  font-weight: 400;
-  color: var(--color-text, #eaecef);
-  margin-top: 0.4rem;
-  font-family: "Geist Mono", "Space Grotesk", monospace;
-  font-variant-numeric: slashed-zero;
-
-  &::placeholder {
-    color: rgba(255, 255, 255, 0.4);
-  }
-`;
 var FundingOptionsGrid = styled23__default.default.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -9304,7 +9274,7 @@ function OrderPanel({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "USDC" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "USD" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(QuickSelectRow, { children: [25, 50, 75, 100].map((pct) => /* @__PURE__ */ jsxRuntime.jsxs(
           "button",