@loafmarkets/ui 0.1.381 → 0.1.383

package/dist/index.mjs

@@ -6601,6 +6601,9 @@ PropertySubheader.displayName = "PropertySubheader";
 var DEFAULT_LOGO_SRC = Loaf_logo_Banner_default;
 var DEFAULT_LOGO_ALT = "Loaf";
 var OTP_INPUT_LENGTH = 6;
+var CODE_PREFIX = "LOAF-";
+var CODE_SUFFIX_LEN = 5;
+var normalizeAccessCode = (raw) => CODE_PREFIX + raw.toUpperCase().replace(/^LOAF-?/, "").replace(/[^A-Z0-9]/g, "").slice(0, CODE_SUFFIX_LEN);
 var friendlyError = (err, fallback) => {
   const data = err?.response?.data;
   if (typeof data?.error === "string" && data.error.trim()) return data.error;
@@ -6627,6 +6630,7 @@ var LoginPopup = ({
   renderKycWidget,
   onFundWallet,
   initialView,
+  initialCode,
   kycStatus: kycStatusProp,
   walletAddress,
   onSubmitReferralCode,
@@ -6640,7 +6644,9 @@ var LoginPopup = ({
   const [otp, setOtp] = useState(Array(OTP_INPUT_LENGTH).fill(""));
   const [error, setError] = useState("");
   const [copied, setCopied] = useState(false);
-  const [referralCode, setReferralCode] = useState("");
+  const [referralCode, setReferralCode] = useState(
+    () => gate && initialCode ? normalizeAccessCode(initialCode) : ""
+  );
   const [referralLoading, setReferralLoading] = useState(false);
   const [referralError, setReferralError] = useState("");
   const [codeStatus, setCodeStatus] = useState("idle");
@@ -6685,6 +6691,37 @@ var LoginPopup = ({
     );
     return false;
   }, [gate, onSubmitReferralCode, onCheckAccess]);
+  const runCodeValidation = React5__default.useCallback(async (fullCode) => {
+    setCodeStatus("checking");
+    setError("");
+    try {
+      const ok = onValidateCode ? await onValidateCode(fullCode) : true;
+      if (!ok) {
+        validatedCodeRef.current = null;
+        setCodeStatus("invalid");
+        return;
+      }
+      validatedCodeRef.current = fullCode;
+      setCodeStatus("valid");
+      if (isAuthenticated) {
+        if (await finishGate()) setTimeout(() => onClose(), 500);
+        return;
+      }
+      setIsSignUp(true);
+      setSignInRevealed(true);
+    } catch {
+      validatedCodeRef.current = null;
+      setCodeStatus("invalid");
+    }
+  }, [onValidateCode, isAuthenticated, finishGate, onClose]);
+  const autoCodeTriedRef = React5__default.useRef(false);
+  useEffect(() => {
+    if (autoCodeTriedRef.current || !gate || !initialCode) return;
+    const full = normalizeAccessCode(initialCode);
+    if (full.length !== CODE_PREFIX.length + CODE_SUFFIX_LEN) return;
+    autoCodeTriedRef.current = true;
+    void runCodeValidation(full);
+  }, [gate, initialCode, runCodeValidation]);
   useEffect(() => {
     if (typeof initialView === "string") {
       setView(initialView);
@@ -7453,31 +7490,7 @@ var LoginPopup = ({
         setReferralLoading(false);
       }
     };
-    const CODE_PREFIX = "LOAF-";
     const codeSuffix = referralCode.startsWith(CODE_PREFIX) ? referralCode.slice(CODE_PREFIX.length) : referralCode.replace(/^LOAF-?/i, "");
-    const runCodeValidation = async (fullCode) => {
-      setCodeStatus("checking");
-      setError("");
-      try {
-        const ok = onValidateCode ? await onValidateCode(fullCode) : true;
-        if (!ok) {
-          validatedCodeRef.current = null;
-          setCodeStatus("invalid");
-          return;
-        }
-        validatedCodeRef.current = fullCode;
-        setCodeStatus("valid");
-        if (isAuthenticated) {
-          if (await finishGate()) setTimeout(() => onClose(), 500);
-          return;
-        }
-        setIsSignUp(true);
-        setSignInRevealed(true);
-      } catch {
-        validatedCodeRef.current = null;
-        setCodeStatus("invalid");
-      }
-    };
     const setCodeSuffix = (suffix) => {
       setReferralCode(CODE_PREFIX + suffix);
       setReferralError("");
@@ -15840,7 +15853,7 @@ var Tab = styled10.button`
   }
 `;
 var TabCount = styled10.span`
-  color: #E6C656;
+  color: var(--color-accent, #E6C87E);
   font-weight: 600;
   margin-left: 2px;
 `;