@loafmarkets/ui 0.1.394 → 0.1.396

package/dist/index.mjs

@@ -6819,6 +6819,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");
@@ -7156,8 +7166,8 @@ var LoginPopup = ({
     ] }) });
   }
   if (view === "wallet-handle") {
-    return /* @__PURE__ */ jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
-      !loading && /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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__ */ jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : handleWalletHandleDismiss, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
+      !loading && /* @__PURE__ */ jsx(CloseButton, { onClick: handleWalletHandleDismiss, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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__ */ jsxs(Title, { children: [
         /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
         "Claim your handle"
@@ -7404,6 +7414,7 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxs(OnboardingStepContainer, { style: { alignItems: "stretch", textAlign: "left" }, children: [
             /* @__PURE__ */ jsx(OnboardingHeading, { style: { textAlign: "center" }, children: "Deposit Funds" }),
             /* @__PURE__ */ jsx(OnboardingSubtext, { style: { textAlign: "center", marginBottom: "1rem" }, children: "Choose how you'd like to fund your account." }),
+            /* @__PURE__ */ jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
             /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
               /* @__PURE__ */ jsxs(ModalOptionCard, { onClick: () => {
                 if (walletAddress) {
@@ -7641,6 +7652,7 @@ var LoginPopup = ({
         "Back"
       ] }),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", paddingTop: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
         /* @__PURE__ */ jsx("div", { style: {
           width: 52,
           height: 52,
@@ -8417,6 +8429,19 @@ var OnboardingSubtext = styled10.p`
   line-height: 1.6;
   margin-bottom: 2rem;
 `;
+var TestnetWarningBanner = styled10.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.div`
   display: flex;
   flex-direction: column;