@rpcbase/auth 0.100.0 → 0.102.0

package/dist/index.js

@@ -1,11 +1,12 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useLocation, Link, useNavigate, useSearchParams } from "@rpcbase/router";
 import clsx from "clsx";
 import { useFormContext, useForm, zodResolver, FormProvider } from "@rpcbase/form";
-import { r as requestSchema } from "./index-BfZTJlGT.js";
-import { useState, forwardRef, createElement, useEffect, useCallback, useMemo } from "react";
-import { r as requestSchema$1 } from "./index-DQy-Vgjt.js";
-import { b, a, r } from "./middleware-HjIzPByj.js";
+import { r as requestSchema } from "./index-Bxz6YdiB.js";
+import { useState, forwardRef, createElement, useEffect } from "react";
+import { r as requestSchema$1 } from "./index-C_uBu_fP.js";
+import { b, a, r } from "./middleware-5Zwy7HRL.js";
 const LINKS_REDIRECTION_MAP = {
   "/auth/sign-in": {
     "title": "Sign Up",
@@ -24,88 +25,156 @@ const LINKS_REDIRECTION_MAP = {
     "location": "/auth/sign-in"
   }
 };
-const AuthLayout = ({
-  sidePanel = null,
-  children
-}) => {
+const AuthLayout = (t0) => {
+  const $ = c(11);
+  const {
+    sidePanel: t1,
+    children
+  } = t0;
+  const sidePanel = t1 === void 0 ? null : t1;
   const location = useLocation();
   const linkTitle = LINKS_REDIRECTION_MAP[location.pathname]?.title;
   const linkLocation = LINKS_REDIRECTION_MAP[location.pathname]?.location;
-  return /* @__PURE__ */ jsxs("div", { className: "container relative hidden h-dvh flex-col items-center justify-center md:grid md:w-full lg:max-w-none lg:grid-cols-2 lg:px-0", children: [
-    linkTitle && linkLocation ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 absolute right-4 top-4 md:right-8 md:top-8",
-        to: linkLocation,
-        children: linkTitle
-      }
-    ) : null,
-    /* @__PURE__ */ jsx("div", { className: "relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex", children: sidePanel }),
-    /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full flex-col justify-center gap-6 /*sm:w-[350px]*/", children })
-  ] });
+  let t2;
+  if ($[0] !== linkLocation || $[1] !== linkTitle) {
+    t2 = linkTitle && linkLocation ? /* @__PURE__ */ jsx(Link, { className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 absolute right-4 top-4 md:right-8 md:top-8", to: linkLocation, children: linkTitle }) : null;
+    $[0] = linkLocation;
+    $[1] = linkTitle;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== sidePanel) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex", children: sidePanel });
+    $[3] = sidePanel;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== children) {
+    t4 = /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full flex-col justify-center gap-6 /*sm:w-[350px]*/", children });
+    $[5] = children;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t3 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "container relative hidden h-dvh flex-col items-center justify-center md:grid md:w-full lg:max-w-none lg:grid-cols-2 lg:px-0", children: [
+      t2,
+      t3,
+      t4
+    ] });
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
 };
-const AppleSignInButton = ({
-  onPress,
-  className
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      onClick: onPress,
-      className: clsx(`
-        w-full
-        bg-black text-white hover:bg-gray-800
-        flex items-center justify-center
-        px-6 py-2
-        rounded-lg
-        font-medium
-        transition duration-150 ease-in-out
-        focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black
-      `, className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-5 h-5 mr-3",
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            fill: "white",
-            children: /* @__PURE__ */ jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.539 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Continue with Apple" })
-      ]
-    }
-  );
+const AppleSignInButton = (t0) => {
+  const $ = c(7);
+  const {
+    onPress,
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = clsx("\n        w-full\n        bg-black text-white hover:bg-gray-800\n        flex items-center justify-center\n        px-6 py-2\n        rounded-lg\n        font-medium\n        transition duration-150 ease-in-out\n        focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black\n      ", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  let t3;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 mr-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.539 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" }) });
+    t3 = /* @__PURE__ */ jsx("span", { children: "Continue with Apple" });
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== onPress || $[5] !== t1) {
+    t4 = /* @__PURE__ */ jsxs("button", { onClick: onPress, className: t1, children: [
+      t2,
+      t3
+    ] });
+    $[4] = onPress;
+    $[5] = t1;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 };
-const EmailInput = ({
-  id,
-  className,
-  placeholder
-}) => {
-  const { register, formState } = useFormContext();
+const EmailInput = (t0) => {
+  const $ = c(12);
+  const {
+    id,
+    className,
+    placeholder
+  } = t0;
+  const {
+    register,
+    formState
+  } = useFormContext();
   const error = formState.errors.email;
   let errorMessage;
   if (typeof error === "string") {
     errorMessage = error;
-  } else if (error && typeof error.message === "string") {
-    errorMessage = error.message;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        type: "email",
-        required: true,
-        autoComplete: "email",
-        className,
-        placeholder,
-        ...register("email")
-      }
-    ),
-    errorMessage ? /* @__PURE__ */ jsx("p", { className: "mt-1 -mb-2 text-sm/6 text-red-500", children: errorMessage }) : null
-  ] });
+  } else {
+    if (error && typeof error.message === "string") {
+      errorMessage = error.message;
+    }
+  }
+  let t1;
+  if ($[0] !== register) {
+    t1 = register("email");
+    $[0] = register;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== className || $[3] !== id || $[4] !== placeholder || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx("input", { id, type: "email", required: true, autoComplete: "email", className, placeholder, ...t1 });
+    $[2] = className;
+    $[3] = id;
+    $[4] = placeholder;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== errorMessage) {
+    t3 = errorMessage ? /* @__PURE__ */ jsx("p", { className: "mt-1 -mb-2 text-sm/6 text-red-500", children: errorMessage }) : null;
+    $[7] = errorMessage;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t2 || $[10] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t2,
+      t3
+    ] });
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 };
 const hasUnsafeNextPathChars = (value) => {
   for (let i = 0; i < value.length; i++) {
@@ -164,13 +233,21 @@ const SignInForm = ({
       const json = await res.json().catch(() => null);
       if (!res.ok || !json?.success) {
         const message = json?.error === "invalid_credentials" ? "Invalid email or password." : "Sign-in failed. Please try again.";
-        methods.setError("root", { type: "server", message });
+        methods.setError("root", {
+          type: "server",
+          message
+        });
         return;
       }
       const nextPath = sanitizeNextPath(searchParams.get("next")) ?? "/";
-      navigate(nextPath, { replace: true });
+      navigate(nextPath, {
+        replace: true
+      });
     } catch (err) {
-      methods.setError("root", { type: "server", message: "Network error. Please try again." });
+      methods.setError("root", {
+        type: "server",
+        message: "Network error. Please try again."
+      });
     }
   };
   return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { method: "post", noValidate: true, className, onSubmit: methods.handleSubmit(onSubmit), children: [
@@ -209,21 +286,32 @@ const SignUpForm = ({
       const json = await res.json();
       if (!res.ok) {
         const message = json.error === "user_exists" ? "An account already exists with this email." : "Sign-up failed. Please try again.";
-        methods.setError("root", { type: "server", message });
+        methods.setError("root", {
+          type: "server",
+          message
+        });
         return;
       }
       if (!json.success) {
-        methods.setError("root", { type: "server", message: "Sign-up failed. Please try again." });
+        methods.setError("root", {
+          type: "server",
+          message: "Sign-up failed. Please try again."
+        });
         return;
       }
-      const search = new URLSearchParams({ email: data.email });
+      const search = new URLSearchParams({
+        email: data.email
+      });
       if (otpNextPath) {
         search.set("next", otpNextPath);
       }
       navigate(`/auth/sign-up-otp?${search.toString()}`);
       setServerMessage("Account created. Check your inbox to verify your email.");
     } catch (err) {
-      methods.setError("root", { type: "server", message: "Network error. Please try again." });
+      methods.setError("root", {
+        type: "server",
+        message: "Network error. Please try again."
+      });
     }
   };
   return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { method: "post", noValidate: true, className, onSubmit: methods.handleSubmit(onSubmit), children: [
@@ -232,28 +320,54 @@ const SignUpForm = ({
     serverMessage && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-green-700", role: "status", children: serverMessage })
   ] }) });
 };
-const RememberMeCheckbox = ({
-  label,
-  as: Component = "input"
-}) => {
-  const { register } = useFormContext();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Component,
-      {
-        id: "rememberMe",
-        ...register("rememberMe")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor: "rememberMe",
-        className: "pl-2 block text-sm/6 text-gray-900",
-        children: label
-      }
-    )
-  ] });
+const RememberMeCheckbox = (t0) => {
+  const $ = c(10);
+  const {
+    label,
+    as: t1
+  } = t0;
+  const Component = t1 === void 0 ? "input" : t1;
+  const {
+    register
+  } = useFormContext();
+  let t2;
+  if ($[0] !== register) {
+    t2 = register("rememberMe");
+    $[0] = register;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== Component || $[3] !== t2) {
+    t3 = /* @__PURE__ */ jsx(Component, { id: "rememberMe", ...t2 });
+    $[2] = Component;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== label) {
+    t4 = /* @__PURE__ */ jsx("label", { htmlFor: "rememberMe", className: "pl-2 block text-sm/6 text-gray-900", children: label });
+    $[5] = label;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t3 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t3,
+      t4
+    ] });
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
 };
 const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const toCamelCase = (string) => string.replace(
@@ -360,73 +474,188 @@ const __iconNode = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
 const Eye = createLucideIcon("eye", __iconNode);
-const PasswordInput = ({
-  id,
-  name = "password",
-  className,
-  placeholder,
-  autoComplete = "current-password"
-}) => {
+const PasswordInput = (t0) => {
+  const $ = c(24);
+  const {
+    id,
+    name: t1,
+    className,
+    placeholder,
+    autoComplete: t2
+  } = t0;
+  const name = t1 === void 0 ? "password" : t1;
+  const autoComplete = t2 === void 0 ? "current-password" : t2;
   const [showPassword, setShowPassword] = useState(false);
-  const { register, formState } = useFormContext();
+  const {
+    register,
+    formState
+  } = useFormContext();
   const fieldError = formState.errors[name];
   const errorMessage = typeof fieldError === "string" ? fieldError : typeof fieldError?.message === "string" ? fieldError.message : void 0;
   const inputClassName = className ? `${className} pr-11` : "pr-11";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id,
-          type: showPassword ? "text" : "password",
-          autoComplete,
-          className: inputClassName,
-          placeholder,
-          ...register(name)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-500",
-          onClick: () => setShowPassword((prev) => !prev),
-          "aria-label": showPassword ? "Hide characters" : "Show characters",
-          children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-5 w-5", "aria-hidden": true }) : /* @__PURE__ */ jsx(Eye, { className: "h-5 w-5", "aria-hidden": true })
-        }
-      )
-    ] }),
-    errorMessage ? /* @__PURE__ */ jsx("p", { className: "mt-1 -mb-2 text-sm/6 text-red-500", children: errorMessage }) : null
-  ] });
+  const t3 = showPassword ? "text" : "password";
+  const t4 = name;
+  let t5;
+  if ($[0] !== register || $[1] !== t4) {
+    t5 = register(t4);
+    $[0] = register;
+    $[1] = t4;
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  let t6;
+  if ($[3] !== autoComplete || $[4] !== id || $[5] !== inputClassName || $[6] !== placeholder || $[7] !== t3 || $[8] !== t5) {
+    t6 = /* @__PURE__ */ jsx("input", { id, type: t3, autoComplete, className: inputClassName, placeholder, ...t5 });
+    $[3] = autoComplete;
+    $[4] = id;
+    $[5] = inputClassName;
+    $[6] = placeholder;
+    $[7] = t3;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setShowPassword(_temp);
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  const t8 = showPassword ? "Hide characters" : "Show characters";
+  let t9;
+  if ($[11] !== showPassword) {
+    t9 = showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-5 w-5", "aria-hidden": true }) : /* @__PURE__ */ jsx(Eye, { className: "h-5 w-5", "aria-hidden": true });
+    $[11] = showPassword;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  let t10;
+  if ($[13] !== t8 || $[14] !== t9) {
+    t10 = /* @__PURE__ */ jsx("button", { type: "button", className: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-500", onClick: t7, "aria-label": t8, children: t9 });
+    $[13] = t8;
+    $[14] = t9;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  let t11;
+  if ($[16] !== t10 || $[17] !== t6) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      t6,
+      t10
+    ] });
+    $[16] = t10;
+    $[17] = t6;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== errorMessage) {
+    t12 = errorMessage ? /* @__PURE__ */ jsx("p", { className: "mt-1 -mb-2 text-sm/6 text-red-500", children: errorMessage }) : null;
+    $[19] = errorMessage;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== t11 || $[22] !== t12) {
+    t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t11,
+      t12
+    ] });
+    $[21] = t11;
+    $[22] = t12;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  return t13;
 };
-const useResendCountdown = (seconds = 60) => {
+function _temp(prev) {
+  return !prev;
+}
+const useResendCountdown = (t0) => {
+  const $ = c(14);
+  const seconds = t0 === void 0 ? 60 : t0;
   const [remaining, setRemaining] = useState(seconds);
   const [isCountingDown, setIsCountingDown] = useState(true);
-  useEffect(() => {
-    if (!isCountingDown) return;
-    const timer = setInterval(() => {
-      setRemaining((prev) => {
-        if (prev <= 1) {
-          setIsCountingDown(false);
-          return seconds;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => clearInterval(timer);
-  }, [isCountingDown, seconds]);
-  const restart = useCallback((nextSeconds) => {
-    const value = typeof nextSeconds === "number" ? nextSeconds : seconds;
-    setRemaining(value);
-    setIsCountingDown(true);
-  }, [seconds]);
-  const formatted = useMemo(() => {
-    const minutes = Math.floor(remaining / 60);
-    const secs = remaining % 60;
-    return `${minutes}:${secs.toString().padStart(2, "0")}`;
-  }, [remaining]);
+  let t1;
+  let t2;
+  if ($[0] !== isCountingDown || $[1] !== seconds) {
+    t1 = () => {
+      if (!isCountingDown) {
+        return;
+      }
+      const timer = setInterval(() => {
+        setRemaining((prev) => {
+          if (prev <= 1) {
+            setIsCountingDown(false);
+            return seconds;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+      return () => clearInterval(timer);
+    };
+    t2 = [isCountingDown, seconds];
+    $[0] = isCountingDown;
+    $[1] = seconds;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[4] !== seconds) {
+    t3 = (nextSeconds) => {
+      const value = typeof nextSeconds === "number" ? nextSeconds : seconds;
+      setRemaining(value);
+      setIsCountingDown(true);
+    };
+    $[4] = seconds;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const restart = t3;
+  const minutes = Math.floor(remaining / 60);
+  const secs = remaining % 60;
+  let t4;
+  if ($[6] !== secs) {
+    t4 = secs.toString().padStart(2, "0");
+    $[6] = secs;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const formatted = `${minutes}:${t4}`;
   const canResend = !isCountingDown;
-  return { remaining, formatted, isCountingDown, canResend, restart };
+  let t5;
+  if ($[8] !== canResend || $[9] !== formatted || $[10] !== isCountingDown || $[11] !== remaining || $[12] !== restart) {
+    t5 = {
+      remaining,
+      formatted,
+      isCountingDown,
+      canResend,
+      restart
+    };
+    $[8] = canResend;
+    $[9] = formatted;
+    $[10] = isCountingDown;
+    $[11] = remaining;
+    $[12] = restart;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
 };
 const ResendCodeButton = ({
   seconds = 60,
@@ -435,7 +664,12 @@ const ResendCodeButton = ({
   disabled
 }) => {
   const [isSending, setIsSending] = useState(false);
-  const { formatted, isCountingDown, restart, canResend } = useResendCountdown(seconds);
+  const {
+    formatted,
+    isCountingDown,
+    restart,
+    canResend
+  } = useResendCountdown(seconds);
   const handleClick = async () => {
     if (!canResend || isSending || disabled) return;
     try {
@@ -451,33 +685,12 @@ const ResendCodeButton = ({
   const isDisabled = disabled || isCountingDown || isSending;
   const showCountdown = isDisabled && (isCountingDown || isSending);
   return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: handleClick,
-        disabled: isDisabled,
-        "aria-label": "Resend code",
-        className: clsx(
-          "text-sm font-semibold text-sky-600 hover:underline disabled:cursor-not-allowed disabled:text-gray-400",
-          className
-        ),
-        children: "Resend code"
-      }
-    ),
-    showCountdown ? /* @__PURE__ */ jsxs(
-      "span",
-      {
-        "data-testid": "resend-countdown",
-        className: "text-sm text-gray-500",
-        "aria-live": "polite",
-        children: [
-          "(",
-          formatted,
-          ")"
-        ]
-      }
-    ) : null
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClick, disabled: isDisabled, "aria-label": "Resend code", className: clsx("text-sm font-semibold text-sky-600 hover:underline disabled:cursor-not-allowed disabled:text-gray-400", className), children: "Resend code" }),
+    showCountdown ? /* @__PURE__ */ jsxs("span", { "data-testid": "resend-countdown", className: "text-sm text-gray-500", "aria-live": "polite", children: [
+      "(",
+      formatted,
+      ")"
+    ] }) : null
   ] });
 };
 export {