@loafmarkets/ui 0.1.329 → 0.1.330

package/dist/index.mjs

@@ -6640,13 +6640,18 @@ var LoginPopup = ({
     }
     setFundingError("");
     setFiatFundingLoading(true);
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(new CustomEvent("loaf:prefetch-kyc"));
+    }
     try {
       const result = await onFundWallet({ amount: fundingAmount, mode: "fiat" });
       if (result?.widgetUrl) {
         setTransakWidgetUrl(result.widgetUrl);
       } else if (result?.requiresKyc) {
-        setView("kyc");
-        setShowKycWidget(true);
+        onClose();
+        if (typeof window !== "undefined") {
+          window.dispatchEvent(new CustomEvent("loaf:open-login-popup", { detail: { initialView: "kyc" } }));
+        }
       } else if (result?.funded) {
         onClose();
       }
@@ -6834,9 +6839,9 @@ var LoginPopup = ({
         $expanded: showKycWidget,
         children: [
           /* @__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" }) }) }),
-          renderKycWidget && showKycWidget && /* @__PURE__ */ jsxs(KycWidgetContainer, { children: [
+          renderKycWidget && /* @__PURE__ */ jsxs(KycWidgetContainer, { style: showKycWidget ? {} : { position: "absolute", visibility: "hidden", pointerEvents: "none" }, children: [
             renderKycWidget(handleKycWidgetResult),
-            showKycFooter && /* @__PURE__ */ jsxs(KycWidgetFooter, { children: [
+            showKycWidget && showKycFooter && /* @__PURE__ */ jsxs(KycWidgetFooter, { children: [
               /* @__PURE__ */ jsxs(KycProgressSaved, { children: [
                 /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#0ecb81", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
                 "Progress saved"
@@ -7077,9 +7082,6 @@ var KycLandingContainer = styled9.div`
   align-items: center;
   text-align: center;
 `;
-styled9.div`
-  display: none;
-`;
 var KycLockIcon = styled9.div`
   width: 44px;
   height: 44px;
@@ -7104,12 +7106,6 @@ var KycSubline = styled9.p`
   margin: 0 0 1.75rem;
   line-height: 1.5;
 `;
-styled9.div`
-  display: none;
-`;
-styled9.div`
-  display: none;
-`;
 var KycStartButton = styled9.button`
   width: 100%;
   padding: 0.8rem 1rem;
@@ -7147,35 +7143,6 @@ var KycExitLink = styled9.button`
   transition: color 0.15s ease;
   &:hover { color: rgba(255,255,255,0.6); }
 `;
-styled9.div`
-  display: none;
-`;
-styled9.button`
-  position: absolute;
-  top: -12px;
-  right: -12px;
-  background: rgba(0, 0, 0, 0.4);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 999px;
-  color: var(--color-text-secondary, #848e9c);
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: color 0.2s ease, background 0.2s ease;
-
-  &:hover {
-    background: rgba(0, 0, 0, 0.6);
-    color: var(--color-accent, #e6c656);
-  }
-
-  svg {
-    width: 18px;
-    height: 18px;
-  }
-`;
 var CloseButton = styled9.button`
   position: absolute;
   top: 1rem;