@greatapps/greatauth-ui 0.3.0 → 0.3.2

package/dist/index.d.ts

@@ -50,6 +50,7 @@ interface LoginFormConfig {
     };
     description: string;
     callbackUrlDefault: string;
+    footerText?: string;
     onPostLoginSuccess?: (user: unknown, token?: string) => Promise<string | null>;
 }
 

package/dist/index.js

@@ -1150,7 +1150,7 @@ function AppShell({ config, children, renderAbove }) {
 // src/components/login-form.tsx
 import { useState as useState3 } from "react";
 import { useRouter as useRouter2, useSearchParams } from "next/navigation";
-import { Loader2 } from "lucide-react";
+import { Loader2, Mail, Lock, AlertCircle } from "lucide-react";
 
 // src/components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
@@ -1172,115 +1172,8 @@ function Label({
   );
 }
 
-// src/components/ui/card.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-function Card({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "card",
-      "data-size": size,
-      className: cn("ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
-      ...props
-    }
-  );
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6 group-data-[size=sm]/card:px-4", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/alert.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var alertVariants = cva4("grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert", {
-  variants: {
-    variant: {
-      default: "bg-card text-card-foreground",
-      destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/components/login-form.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function LoginForm({ config }) {
   const router = useRouter2();
   const searchParams = useSearchParams();
@@ -1306,7 +1199,7 @@ function LoginForm({ config }) {
         return;
       }
       if (config.onPostLoginSuccess) {
-        const gauthToken = data?.user?.gauthToken;
+        const gauthToken = data?.user ? data.user?.gauthToken : void 0;
         const redirectUrl = await config.onPostLoginSuccess(data?.user, gauthToken);
         if (redirectUrl) {
           router.push(redirectUrl);
@@ -1319,50 +1212,73 @@ function LoginForm({ config }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx20("div", { className: "flex min-h-svh flex-col items-center justify-center p-6 md:p-10", children: /* @__PURE__ */ jsx20("div", { className: "w-full max-w-sm", children: /* @__PURE__ */ jsxs10(Card, { children: [
-    /* @__PURE__ */ jsxs10(CardHeader, { className: "text-center", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-center gap-2 mb-2", children: [
-        config.icon,
-        /* @__PURE__ */ jsx20(CardTitle, { className: "text-xl", children: config.appName }),
-        config.appBadge && /* @__PURE__ */ jsx20(Badge, { variant: config.appBadge.variant, children: config.appBadge.text })
+  return /* @__PURE__ */ jsx18("div", { className: "flex min-h-svh items-center justify-center bg-muted/30 p-4", children: /* @__PURE__ */ jsxs10("div", { className: "w-full max-w-[400px]", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "mb-8 text-center", children: [
+      /* @__PURE__ */ jsx18("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-primary text-primary-foreground shadow-sm", children: config.icon }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsx18("h1", { className: "text-2xl font-semibold tracking-tight", children: config.appName }),
+        config.appBadge && /* @__PURE__ */ jsx18(Badge, { variant: config.appBadge.variant, className: "text-xs", children: config.appBadge.text })
       ] }),
-      /* @__PURE__ */ jsx20(CardDescription, { children: config.description })
+      /* @__PURE__ */ jsx18("p", { className: "mt-1.5 text-sm text-muted-foreground", children: config.description })
     ] }),
-    /* @__PURE__ */ jsx20(CardContent, { children: /* @__PURE__ */ jsx20("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs10("div", { className: "grid gap-4", children: [
-      error && /* @__PURE__ */ jsx20(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx20(AlertDescription, { children: error }) }),
-      /* @__PURE__ */ jsxs10("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx20(Label, { htmlFor: "email", children: "Email" }),
-        /* @__PURE__ */ jsx20(
-          Input,
-          {
-            id: "email",
-            type: "email",
-            placeholder: "email@exemplo.com",
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            required: true
-          }
-        )
+    /* @__PURE__ */ jsx18("div", { className: "rounded-xl border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2.5 text-sm text-destructive", children: [
+        /* @__PURE__ */ jsx18(AlertCircle, { className: "h-4 w-4 shrink-0" }),
+        error
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx20(Label, { htmlFor: "password", children: "Senha" }),
-        /* @__PURE__ */ jsx20(
-          Input,
-          {
-            id: "password",
-            type: "password",
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            required: true
-          }
-        )
+      /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx18(Label, { htmlFor: "login-email", className: "text-sm font-medium", children: "Email" }),
+        /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx18(Mail, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx18(
+            Input,
+            {
+              id: "login-email",
+              type: "email",
+              placeholder: "email@exemplo.com",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              className: "pl-9",
+              autoComplete: "email",
+              required: true
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs10(Button, { type: "submit", className: "w-full", disabled: loading, children: [
-        loading && /* @__PURE__ */ jsx20(Loader2, { className: "animate-spin" }),
-        "Entrar"
-      ] })
-    ] }) }) })
-  ] }) }) });
+      /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx18(Label, { htmlFor: "login-password", className: "text-sm font-medium", children: "Senha" }),
+        /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx18(Lock, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx18(
+            Input,
+            {
+              id: "login-password",
+              type: "password",
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              className: "pl-9",
+              autoComplete: "current-password",
+              required: true
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx18(
+        Button,
+        {
+          type: "submit",
+          className: cn("w-full", loading && "cursor-wait"),
+          disabled: loading,
+          children: loading ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+            /* @__PURE__ */ jsx18(Loader2, { className: "h-4 w-4 animate-spin" }),
+            "A entrar..."
+          ] }) : "Entrar"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx18("p", { className: "mt-6 text-center text-xs text-muted-foreground", children: config.footerText || "Acesso restrito a utilizadores autorizados" })
+  ] }) });
 }
 export {
   AppHeader,