@loafmarkets/ui 0.1.394 → 0.1.396

package/dist/index.js

@@ -6844,6 +6844,16 @@ var LoginPopup = ({
       setLoading(false);
     }
   };
+  const handleWalletHandleDismiss = async () => {
+    if (gate) {
+      if (await finishGate()) {
+        suppressAutoCloseRef.current = false;
+        onClose();
+      }
+      return;
+    }
+    onClose();
+  };
   const handleEmailClick = (signUp = false) => {
     setIsSignUp(signUp);
     setView("email");
@@ -7181,8 +7191,8 @@ var LoginPopup = ({
     ] }) });
   }
   if (view === "wallet-handle") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
-      !loading && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
+    return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : handleWalletHandleDismiss, children: /* @__PURE__ */ jsxRuntime.jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
+      !loading && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleWalletHandleDismiss, "aria-label": "Close login popup", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(LogoContainer3, { children: /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
         "Claim your handle"
@@ -7429,6 +7439,7 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(OnboardingStepContainer, { style: { alignItems: "stretch", textAlign: "left" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { style: { textAlign: "center" }, children: "Deposit Funds" }),
             /* @__PURE__ */ jsxRuntime.jsx(OnboardingSubtext, { style: { textAlign: "center", marginBottom: "1rem" }, children: "Choose how you'd like to fund your account." }),
+            /* @__PURE__ */ jsxRuntime.jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(ModalOptionCard, { onClick: () => {
                 if (walletAddress) {
@@ -7666,6 +7677,7 @@ var LoginPopup = ({
         "Back"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", paddingTop: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
           width: 52,
           height: 52,
@@ -8442,6 +8454,19 @@ var OnboardingSubtext = styled10__default.default.p`
   line-height: 1.6;
   margin-bottom: 2rem;
 `;
+var TestnetWarningBanner = styled10__default.default.div`
+  width: 100%;
+  background: #f5c84b;
+  color: #1a1205;
+  font-size: 0.76rem;
+  font-weight: 600;
+  line-height: 1.4;
+  text-align: center;
+  padding: 0.6rem 0.85rem;
+  border-radius: 8px;
+  margin-bottom: 1rem;
+`;
+var TESTNET_DEPOSIT_WARNING = "Attention: This is a testnet trading environment. Do NOT send any real funds to your address as you won't be able to recover them";
 var OnboardingButtonGroup = styled10__default.default.div`
   display: flex;
   flex-direction: column;