@mesob/auth-react 0.4.0 → 0.4.1

package/dist/chunk-FHOLUOOZ.js

@@ -0,0 +1,164 @@
+import {
+  handleError
+} from "./chunk-55BMNC4S.js";
+import {
+  AuthLayout
+} from "./chunk-DPH2PHK3.js";
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+import {
+  useApi,
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/components/auth/forgot-password.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Button,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input
+} from "@mesob/ui/components";
+import { useMesob } from "@mesob/ui/providers";
+import { IconAlertCircle } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var forgotPasswordSchema = (t) => z.object({
+  account: z.string().min(1, t("errors.accountRequired"))
+});
+var ForgotPassword = () => {
+  const { hooks } = useApi();
+  const { config } = useConfig();
+  const mesob = useMesob();
+  const t = useTranslator("Auth.forgotPassword");
+  const Link = mesob?.navigation?.Link;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const forgotPasswordMutation = hooks.useMutation("post", "/password/forgot");
+  const signInLink = config.navigation?.links?.signIn || "/auth/sign-in";
+  const onNavigate = config.navigation?.onNavigate || ((path) => {
+    if (typeof window !== "undefined") {
+      window.location.href = path;
+    }
+  });
+  const logoImage = config.ui.logoImage;
+  const form = useForm({
+    resolver: zodResolver(forgotPasswordSchema(t)),
+    defaultValues: {
+      account: ""
+    }
+  });
+  useEffect(() => {
+    if (error) {
+      toast.error(error.title || "Error", {
+        description: error.description
+      });
+    }
+  }, [error]);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await forgotPasswordMutation.mutateAsync({
+        body: {
+          identifier: values.account
+        }
+      });
+      if ("verificationId" in res && res.verificationId) {
+        onNavigate(`/auth/reset-password?verificationId=${res.verificationId}`);
+      } else {
+        onNavigate(
+          `/auth/reset-password?identifier=${encodeURIComponent(values.account)}`
+        );
+      }
+    } catch (err) {
+      handleError(err, setError, t);
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  let errorContent = null;
+  if (error) {
+    if (typeof error === "string") {
+      errorContent = { title: "Error", description: error };
+    } else {
+      errorContent = error;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    AuthLayout,
+    {
+      title: config.ui.name,
+      description: t("description"),
+      logoImage,
+      footer: Link ? /* @__PURE__ */ jsx(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.backToSignIn") }) : /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: signInLink,
+          onClick: (e) => {
+            e.preventDefault();
+            onNavigate(signInLink);
+          },
+          className: "text-primary hover:underline",
+          children: t("footer.backToSignIn")
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            id: "forgot-password-form",
+            onSubmit: handleSubmit,
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "account",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("form.accountLabel") }),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, type: "text" }) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  form: "forgot-password-form",
+                  className: "w-full",
+                  disabled: isLoading || forgotPasswordMutation.isPending,
+                  loading: isLoading || forgotPasswordMutation.isPending,
+                  children: isLoading || forgotPasswordMutation.isPending ? t("form.submitting") : t("form.submit")
+                }
+              )
+            ]
+          }
+        ) }),
+        errorContent && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-4", children: [
+          /* @__PURE__ */ jsx(IconAlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: errorContent.title }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: errorContent.description })
+        ] })
+      ]
+    }
+  );
+};
+
+export {
+  ForgotPassword
+};
+//# sourceMappingURL=chunk-FHOLUOOZ.js.map

package/dist/chunk-FHOLUOOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/forgot-password.tsx"],"sourcesContent":["'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Button,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { useTranslator } from '../../hooks/use-translator';\nimport { useApi, useConfig } from '../../provider';\nimport type { AuthErrorContent } from '../../utils/handle-error';\nimport { handleError } from '../../utils/handle-error';\nimport { AuthLayout } from './auth-layout';\n\ntype ForgotPasswordFormValues = {\n  account: string;\n};\n\nconst forgotPasswordSchema = (t: (key: string) => string) =>\n  z.object({\n    account: z.string().min(1, t('errors.accountRequired')),\n  });\n\nexport const ForgotPassword = () => {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.forgotPassword');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n\n  const forgotPasswordMutation = hooks.useMutation('post', '/password/forgot');\n\n  const signInLink = config.navigation?.links?.signIn || '/auth/sign-in';\n  const onNavigate =\n    config.navigation?.onNavigate ||\n    ((path: string) => {\n      if (typeof window !== 'undefined') {\n        window.location.href = path;\n      }\n    });\n  const logoImage = config.ui.logoImage;\n\n  const form = useForm<ForgotPasswordFormValues>({\n    resolver: zodResolver(forgotPasswordSchema(t)),\n    defaultValues: {\n      account: '',\n    },\n  });\n\n  useEffect(() => {\n    if (error) {\n      toast.error(error.title || 'Error', {\n        description: error.description,\n      });\n    }\n  }, [error]);\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const res = await forgotPasswordMutation.mutateAsync({\n        body: {\n          identifier: values.account,\n        },\n      });\n\n      if ('verificationId' in res && res.verificationId) {\n        onNavigate(`/auth/reset-password?verificationId=${res.verificationId}`);\n      } else {\n        onNavigate(\n          `/auth/reset-password?identifier=${encodeURIComponent(values.account)}`,\n        );\n      }\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  });\n\n  let errorContent: AuthErrorContent | null = null;\n  if (error) {\n    if (typeof error === 'string') {\n      errorContent = { title: 'Error', description: error };\n    } else {\n      errorContent = error;\n    }\n  }\n\n  return (\n    <AuthLayout\n      title={config.ui.name}\n      description={t('description')}\n      logoImage={logoImage}\n      footer={\n        Link ? (\n          <Link href={signInLink} className=\"text-primary hover:underline\">\n            {t('footer.backToSignIn')}\n          </Link>\n        ) : (\n          <a\n            href={signInLink}\n            onClick={(e) => {\n              e.preventDefault();\n              onNavigate(signInLink);\n            }}\n            className=\"text-primary hover:underline\"\n          >\n            {t('footer.backToSignIn')}\n          </a>\n        )\n      }\n    >\n      <Form {...form}>\n        <form\n          id=\"forgot-password-form\"\n          onSubmit={handleSubmit}\n          className=\"space-y-4\"\n        >\n          <FormField\n            control={form.control}\n            name=\"account\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.accountLabel')}</FormLabel>\n                <FormControl>\n                  <Input {...field} type=\"text\" />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button\n            type=\"submit\"\n            form=\"forgot-password-form\"\n            className=\"w-full\"\n            disabled={isLoading || forgotPasswordMutation.isPending}\n            loading={isLoading || forgotPasswordMutation.isPending}\n          >\n            {isLoading || forgotPasswordMutation.isPending\n              ? t('form.submitting')\n              : t('form.submit')}\n          </Button>\n        </form>\n      </Form>\n      {errorContent && (\n        <Alert variant=\"destructive\" className=\"mt-4\">\n          <IconAlertCircle className=\"h-4 w-4\" />\n          <AlertTitle>{errorContent.title}</AlertTitle>\n          <AlertDescription>{errorContent.description}</AlertDescription>\n        </Alert>\n      )}\n    </AuthLayout>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-G2AW2H36.js

@@ -0,0 +1,11 @@
+// src/components/auth/auth-card.tsx
+import { Card } from "@mesob/ui/components";
+import { jsx } from "react/jsx-runtime";
+var AuthCard = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen w-full p-4 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-full min-w-[280px] max-w-[28rem] shrink-0", children: /* @__PURE__ */ jsx(Card, { padding: "lg", children }) }) });
+};
+
+export {
+  AuthCard
+};
+//# sourceMappingURL=chunk-G2AW2H36.js.map

package/dist/chunk-G2AW2H36.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/auth-card.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@mesob/ui/components';\nimport type { ReactNode } from 'react';\n\ntype AuthCardProps = {\n  children: ReactNode;\n};\n\nexport const AuthCard = ({ children }: AuthCardProps) => {\n  return (\n    <div className=\"flex min-h-screen w-full p-4 items-center justify-center\">\n      <div className=\"w-full min-w-[280px] max-w-[28rem] shrink-0\">\n        <Card padding=\"lg\">{children}</Card>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";AAEA,SAAS,YAAY;AAWb;AAJD,IAAM,WAAW,CAAC,EAAE,SAAS,MAAqB;AACvD,SACE,oBAAC,SAAI,WAAU,4DACb,8BAAC,SAAI,WAAU,+CACb,8BAAC,QAAK,SAAQ,MAAM,UAAS,GAC/B,GACF;AAEJ;","names":[]}

package/dist/chunk-G7SCXCCM.js

@@ -0,0 +1,89 @@
+import {
+  ChangeProfile
+} from "./chunk-C5ZW7FD2.js";
+import {
+  useSession
+} from "./chunk-72YRO3A7.js";
+
+// src/components/profile/account.tsx
+import { Badge, Card, CardContent, Separator } from "@mesob/ui/components";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Account() {
+  const { user, isAuthenticated } = useSession();
+  if (!(isAuthenticated && user)) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-[1.75rem] border border-dashed border-border bg-muted/30 p-8 text-sm text-muted-foreground", children: "Sign in required." });
+  }
+  const contactItems = [
+    {
+      label: "Email",
+      value: user.email ?? "No email address",
+      status: user.emailVerified ? "Verified" : "Needs verification"
+    },
+    {
+      label: "Phone",
+      value: user.phone ?? "No phone number",
+      status: user.phoneVerified ? "Verified" : "Needs verification"
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-[2rem] border border-border/60 bg-gradient-to-br from-background via-background to-primary/5 p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 w-1/3 bg-[radial-gradient(circle_at_top,_hsl(var(--primary)/0.16),_transparent_60%)]" }),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Profile console" }),
+          /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Live session data" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "max-w-2xl space-y-2", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: "Account details, contact state, and verification status." }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Keep the identity surface minimal here. Contact updates and sensitive changes stay in security." })
+        ] }),
+        /* @__PURE__ */ jsx(ChangeProfile, { user })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 lg:grid-cols-[1.5fr_0.9fr]", children: [
+      /* @__PURE__ */ jsx(Card, { className: "rounded-[1.75rem] border-border/60 shadow-sm", children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-5 p-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Contact channels" }),
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: "Primary profile data" })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: contactItems.map((item) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-3 rounded-2xl border border-border/60 bg-muted/20 p-4 md:flex-row md:items-center md:justify-between",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
+                /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: item.value })
+              ] }),
+              /* @__PURE__ */ jsx(Badge, { variant: "outline", children: item.status })
+            ]
+          },
+          item.label
+        )) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Card, { className: "rounded-[1.75rem] border-border/60 shadow-sm", children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-5 p-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Snapshot" }),
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: "Session-facing identity" })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-primary/[0.06] p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Full name" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold", children: user.fullName })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-2xl bg-muted/25 p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Last sign in" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 text-base font-semibold", children: user.lastSignInAt ? new Date(user.lastSignInAt).toLocaleString() : "No activity recorded" })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+
+export {
+  Account
+};
+//# sourceMappingURL=chunk-G7SCXCCM.js.map

package/dist/chunk-G7SCXCCM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/profile/account.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Card, CardContent, Separator } from '@mesob/ui/components';\nimport { useSession } from '../../provider';\nimport { ChangeProfile } from './change-profile';\n\nexport function Account() {\n  const { user, isAuthenticated } = useSession();\n\n  if (!(isAuthenticated && user)) {\n    return (\n      <div className=\"rounded-[1.75rem] border border-dashed border-border bg-muted/30 p-8 text-sm text-muted-foreground\">\n        Sign in required.\n      </div>\n    );\n  }\n\n  const contactItems = [\n    {\n      label: 'Email',\n      value: user.email ?? 'No email address',\n      status: user.emailVerified ? 'Verified' : 'Needs verification',\n    },\n    {\n      label: 'Phone',\n      value: user.phone ?? 'No phone number',\n      status: user.phoneVerified ? 'Verified' : 'Needs verification',\n    },\n  ];\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-6xl flex-col gap-6\">\n      <div className=\"relative overflow-hidden rounded-[2rem] border border-border/60 bg-gradient-to-br from-background via-background to-primary/5 p-6 shadow-sm\">\n        <div className=\"absolute inset-y-0 right-0 w-1/3 bg-[radial-gradient(circle_at_top,_hsl(var(--primary)/0.16),_transparent_60%)]\" />\n        <div className=\"relative flex flex-col gap-5\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <Badge variant=\"outline\">Profile console</Badge>\n            <Badge variant=\"secondary\">Live session data</Badge>\n          </div>\n          <div className=\"max-w-2xl space-y-2\">\n            <h2 className=\"text-2xl font-semibold tracking-tight\">\n              Account details, contact state, and verification status.\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              Keep the identity surface minimal here. Contact updates and\n              sensitive changes stay in security.\n            </p>\n          </div>\n          <ChangeProfile user={user} />\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 lg:grid-cols-[1.5fr_0.9fr]\">\n        <Card className=\"rounded-[1.75rem] border-border/60 shadow-sm\">\n          <CardContent className=\"space-y-5 p-6\">\n            <div className=\"space-y-1\">\n              <div className=\"text-sm font-medium text-muted-foreground\">\n                Contact channels\n              </div>\n              <div className=\"text-lg font-semibold\">Primary profile data</div>\n            </div>\n            <Separator />\n            <div className=\"space-y-4\">\n              {contactItems.map((item) => (\n                <div\n                  key={item.label}\n                  className=\"flex flex-col gap-3 rounded-2xl border border-border/60 bg-muted/20 p-4 md:flex-row md:items-center md:justify-between\"\n                >\n                  <div className=\"space-y-1\">\n                    <div className=\"text-sm font-medium\">{item.label}</div>\n                    <div className=\"text-sm text-muted-foreground\">\n                      {item.value}\n                    </div>\n                  </div>\n                  <Badge variant=\"outline\">{item.status}</Badge>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card className=\"rounded-[1.75rem] border-border/60 shadow-sm\">\n          <CardContent className=\"space-y-5 p-6\">\n            <div className=\"space-y-1\">\n              <div className=\"text-sm font-medium text-muted-foreground\">\n                Snapshot\n              </div>\n              <div className=\"text-lg font-semibold\">\n                Session-facing identity\n              </div>\n            </div>\n            <Separator />\n            <div className=\"grid gap-3\">\n              <div className=\"rounded-2xl bg-primary/[0.06] p-4\">\n                <div className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n                  Full name\n                </div>\n                <div className=\"mt-2 text-base font-semibold\">\n                  {user.fullName}\n                </div>\n              </div>\n              <div className=\"rounded-2xl bg-muted/25 p-4\">\n                <div className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n                  Last sign in\n                </div>\n                <div className=\"mt-2 text-base font-semibold\">\n                  {user.lastSignInAt\n                    ? new Date(user.lastSignInAt).toLocaleString()\n                    : 'No activity recorded'}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,OAAO,MAAM,aAAa,iBAAiB;AAS9C,cAwBI,YAxBJ;AALC,SAAS,UAAU;AACxB,QAAM,EAAE,MAAM,gBAAgB,IAAI,WAAW;AAE7C,MAAI,EAAE,mBAAmB,OAAO;AAC9B,WACE,oBAAC,SAAI,WAAU,sGAAqG,+BAEpH;AAAA,EAEJ;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,SAAS;AAAA,MACrB,QAAQ,KAAK,gBAAgB,aAAa;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,SAAS;AAAA,MACrB,QAAQ,KAAK,gBAAgB,aAAa;AAAA,IAC5C;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,+IACb;AAAA,0BAAC,SAAI,WAAU,mHAAkH;AAAA,MACjI,qBAAC,SAAI,WAAU,gCACb;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,SAAM,SAAQ,WAAU,6BAAe;AAAA,UACxC,oBAAC,SAAM,SAAQ,aAAY,+BAAiB;AAAA,WAC9C;AAAA,QACA,qBAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,QAAG,WAAU,yCAAwC,sEAEtD;AAAA,UACA,oBAAC,OAAE,WAAU,iCAAgC,6GAG7C;AAAA,WACF;AAAA,QACA,oBAAC,iBAAc,MAAY;AAAA,SAC7B;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,yCACb;AAAA,0BAAC,QAAK,WAAU,gDACd,+BAAC,eAAY,WAAU,iBACrB;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAI,WAAU,6CAA4C,8BAE3D;AAAA,UACA,oBAAC,SAAI,WAAU,yBAAwB,kCAAoB;AAAA,WAC7D;AAAA,QACA,oBAAC,aAAU;AAAA,QACX,oBAAC,SAAI,WAAU,aACZ,uBAAa,IAAI,CAAC,SACjB;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAU,aACb;AAAA,oCAAC,SAAI,WAAU,uBAAuB,eAAK,OAAM;AAAA,gBACjD,oBAAC,SAAI,WAAU,iCACZ,eAAK,OACR;AAAA,iBACF;AAAA,cACA,oBAAC,SAAM,SAAQ,WAAW,eAAK,QAAO;AAAA;AAAA;AAAA,UATjC,KAAK;AAAA,QAUZ,CACD,GACH;AAAA,SACF,GACF;AAAA,MAEA,oBAAC,QAAK,WAAU,gDACd,+BAAC,eAAY,WAAU,iBACrB;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAI,WAAU,6CAA4C,sBAE3D;AAAA,UACA,oBAAC,SAAI,WAAU,yBAAwB,qCAEvC;AAAA,WACF;AAAA,QACA,oBAAC,aAAU;AAAA,QACX,qBAAC,SAAI,WAAU,cACb;AAAA,+BAAC,SAAI,WAAU,qCACb;AAAA,gCAAC,SAAI,WAAU,6DAA4D,uBAE3E;AAAA,YACA,oBAAC,SAAI,WAAU,gCACZ,eAAK,UACR;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,+BACb;AAAA,gCAAC,SAAI,WAAU,6DAA4D,0BAE3E;AAAA,YACA,oBAAC,SAAI,WAAU,gCACZ,eAAK,eACF,IAAI,KAAK,KAAK,YAAY,EAAE,eAAe,IAC3C,wBACN;AAAA,aACF;AAAA,WACF;AAAA,SACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-GP7GIUI3.js

@@ -0,0 +1,64 @@
+import {
+  useTranslator
+} from "./chunk-QNCE2B5O.js";
+
+// src/components/auth/countdown.tsx
+import { Spinner } from "@mesob/ui/components";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Countdown = ({
+  initialSeconds = 60,
+  onResend,
+  resending = false
+}) => {
+  const t = useTranslator("Common");
+  const [seconds, setSeconds] = useState(initialSeconds);
+  const [isResending, setIsResending] = useState(false);
+  useEffect(() => {
+    if (seconds <= 0) {
+      return;
+    }
+    const timer = setInterval(() => {
+      setSeconds((prev) => {
+        if (prev <= 1) {
+          clearInterval(timer);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [seconds]);
+  const handleResend = async () => {
+    setIsResending(true);
+    try {
+      await onResend();
+      setSeconds(initialSeconds);
+    } catch (_error) {
+    } finally {
+      setIsResending(false);
+    }
+  };
+  const busy = isResending || resending;
+  if (seconds > 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("resendIn", { seconds }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleResend,
+      disabled: busy,
+      className: "text-sm text-primary hover:underline disabled:opacity-50 flex items-center gap-1",
+      children: [
+        busy && /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+        t("resend")
+      ]
+    }
+  );
+};
+
+export {
+  Countdown
+};
+//# sourceMappingURL=chunk-GP7GIUI3.js.map

package/dist/chunk-GP7GIUI3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/countdown.tsx"],"sourcesContent":["'use client';\n\nimport { Spinner } from '@mesob/ui/components';\nimport { useEffect, useState } from 'react';\nimport { useTranslator } from '../../hooks/use-translator';\n\ntype CountdownProps = {\n  initialSeconds?: number;\n  onResend: () => Promise<void> | void;\n  resending?: boolean;\n};\n\nexport const Countdown = ({\n  initialSeconds = 60,\n  onResend,\n  resending = false,\n}: CountdownProps) => {\n  const t = useTranslator('Common');\n  const [seconds, setSeconds] = useState(initialSeconds);\n  const [isResending, setIsResending] = useState(false);\n\n  useEffect(() => {\n    if (seconds <= 0) {\n      return;\n    }\n    const timer = setInterval(() => {\n      setSeconds((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n    return () => clearInterval(timer);\n  }, [seconds]);\n\n  const handleResend = async () => {\n    setIsResending(true);\n    try {\n      await onResend();\n      setSeconds(initialSeconds);\n    } catch (_error) {\n      // handled by parent\n    } finally {\n      setIsResending(false);\n    }\n  };\n\n  const busy = isResending || resending;\n\n  if (seconds > 0) {\n    return (\n      <p className=\"text-sm text-muted-foreground\">\n        {t('resendIn', { seconds })}\n      </p>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleResend}\n      disabled={busy}\n      className=\"text-sm text-primary hover:underline disabled:opacity-50 flex items-center gap-1\"\n    >\n      {busy && <Spinner className=\"h-3 w-3\" />}\n      {t('resend')}\n    </button>\n  );\n};\n"],"mappings":";;;;;AAEA,SAAS,eAAe;AACxB,SAAS,WAAW,gBAAgB;AAkD9B,cAOF,YAPE;AAzCC,IAAM,YAAY,CAAC;AAAA,EACxB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AACd,MAAsB;AACpB,QAAM,IAAI,cAAc,QAAQ;AAChC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AACrD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,YAAU,MAAM;AACd,QAAI,WAAW,GAAG;AAChB;AAAA,IACF;AACA,UAAM,QAAQ,YAAY,MAAM;AAC9B,iBAAW,CAAC,SAAS;AACnB,YAAI,QAAQ,GAAG;AACb,wBAAc,KAAK;AACnB,iBAAO;AAAA,QACT;AACA,eAAO,OAAO;AAAA,MAChB,CAAC;AAAA,IACH,GAAG,GAAI;AACP,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,eAAe,YAAY;AAC/B,mBAAe,IAAI;AACnB,QAAI;AACF,YAAM,SAAS;AACf,iBAAW,cAAc;AAAA,IAC3B,SAAS,QAAQ;AAAA,IAEjB,UAAE;AACA,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,OAAO,eAAe;AAE5B,MAAI,UAAU,GAAG;AACf,WACE,oBAAC,OAAE,WAAU,iCACV,YAAE,YAAY,EAAE,QAAQ,CAAC,GAC5B;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAU;AAAA,MAET;AAAA,gBAAQ,oBAAC,WAAQ,WAAU,WAAU;AAAA,QACrC,EAAE,QAAQ;AAAA;AAAA;AAAA,EACb;AAEJ;","names":[]}

package/dist/chunk-GRT6EBR6.js

@@ -0,0 +1,93 @@
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/components/iam/permission-selector.tsx
+import {
+  Badge,
+  EntitySelector,
+  useEntitySectionState
+} from "@mesob/ui/components";
+import { IconKey } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var permissionColumns = [
+  {
+    key: "permission",
+    header: "Permission",
+    cell: (permission) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: permission.activity }),
+      /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-muted-foreground", children: permission.id })
+    ] })
+  },
+  {
+    key: "scope",
+    header: "Scope",
+    cell: (permission) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: permission.application }),
+      /* @__PURE__ */ jsx(Badge, { variant: "outline", children: permission.feature })
+    ] })
+  }
+];
+function PermissionSelector({
+  trigger,
+  multiple = true,
+  onSelect,
+  excludeIds = []
+}) {
+  const { hooks } = useApi();
+  const state = useEntitySectionState({
+    defaultSort: "id",
+    defaultOrder: "asc",
+    defaultPageSize: 10,
+    searchParamName: "search"
+  });
+  const permissionsQuery = state.queryConfig;
+  const { data, isPending, isFetching } = hooks.useQuery(
+    "get",
+    "/permissions",
+    permissionsQuery
+  );
+  const items = (data?.permissions ?? []).filter(
+    (permission) => !excludeIds.includes(permission.id)
+  );
+  const config = {
+    title: "Select permission(s)",
+    multiple,
+    entityName: "permission",
+    entityIcon: IconKey,
+    columns: permissionColumns,
+    getItemLabel: (permission) => permission.id,
+    searchPlaceholder: "Search permissions...",
+    filterOptions: [
+      { label: "All", value: "" },
+      { label: "Application", value: "application" },
+      { label: "Feature", value: "feature" },
+      { label: "Activity", value: "activity" }
+    ],
+    sortOptions: [
+      { label: "ID", value: "id" },
+      { label: "Application", value: "application" },
+      { label: "Feature", value: "feature" },
+      { label: "Activity", value: "activity" }
+    ],
+    showViewToggle: false,
+    wrapHeaderInCard: false
+  };
+  return /* @__PURE__ */ jsx(
+    EntitySelector,
+    {
+      trigger,
+      config,
+      onSelect,
+      items,
+      total: items.length,
+      isLoading: isPending || isFetching,
+      state
+    }
+  );
+}
+
+export {
+  PermissionSelector
+};
+//# sourceMappingURL=chunk-GRT6EBR6.js.map

package/dist/chunk-GRT6EBR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/permission-selector.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Badge,\n  EntitySelector,\n  type EntitySelectorColumn,\n  type EntitySelectorConfig,\n  useEntitySectionState,\n} from '@mesob/ui/components';\nimport { IconKey } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport type { paths } from '../../data/openapi';\nimport { useApi } from '../../provider';\n\ntype Permission = {\n  id: string;\n  description?: unknown;\n  activity: string;\n  application: string;\n  feature: string;\n};\n\nconst permissionColumns: EntitySelectorColumn<Permission>[] = [\n  {\n    key: 'permission',\n    header: 'Permission',\n    cell: (permission) => (\n      <div className=\"space-y-1\">\n        <p className=\"font-medium\">{permission.activity}</p>\n        <p className=\"font-mono text-xs text-muted-foreground\">\n          {permission.id}\n        </p>\n      </div>\n    ),\n  },\n  {\n    key: 'scope',\n    header: 'Scope',\n    cell: (permission) => (\n      <div className=\"flex flex-wrap gap-2\">\n        <Badge variant=\"secondary\">{permission.application}</Badge>\n        <Badge variant=\"outline\">{permission.feature}</Badge>\n      </div>\n    ),\n  },\n];\n\ntype PermissionSelectorProps = {\n  trigger: ReactNode;\n  multiple?: boolean;\n  onSelect: (permissions: Permission[]) => void;\n  excludeIds?: string[];\n};\n\nexport function PermissionSelector({\n  trigger,\n  multiple = true,\n  onSelect,\n  excludeIds = [],\n}: PermissionSelectorProps) {\n  const { hooks } = useApi();\n  const state = useEntitySectionState({\n    defaultSort: 'id',\n    defaultOrder: 'asc',\n    defaultPageSize: 10,\n    searchParamName: 'search',\n  });\n  const permissionsQuery = state.queryConfig as {\n    params: {\n      query: NonNullable<paths['/permissions']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/permissions',\n    permissionsQuery,\n  );\n\n  const items = ((data?.permissions ?? []) as Permission[]).filter(\n    (permission) => !excludeIds.includes(permission.id),\n  );\n\n  const config: EntitySelectorConfig<Permission> = {\n    title: 'Select permission(s)',\n    multiple,\n    entityName: 'permission',\n    entityIcon: IconKey,\n    columns: permissionColumns,\n    getItemLabel: (permission) => permission.id,\n    searchPlaceholder: 'Search permissions...',\n    filterOptions: [\n      { label: 'All', value: '' },\n      { label: 'Application', value: 'application' },\n      { label: 'Feature', value: 'feature' },\n      { label: 'Activity', value: 'activity' },\n    ],\n    sortOptions: [\n      { label: 'ID', value: 'id' },\n      { label: 'Application', value: 'application' },\n      { label: 'Feature', value: 'feature' },\n      { label: 'Activity', value: 'activity' },\n    ],\n    showViewToggle: false,\n    wrapHeaderInCard: false,\n  };\n\n  return (\n    <EntitySelector<Permission>\n      trigger={trigger}\n      config={config}\n      onSelect={onSelect}\n      items={items}\n      total={items.length}\n      isLoading={isPending || isFetching}\n      state={state}\n    />\n  );\n}\n"],"mappings":";;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,eAAe;AAkBlB,SACE,KADF;AALN,IAAM,oBAAwD;AAAA,EAC5D;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,CAAC,eACL,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,OAAE,WAAU,eAAe,qBAAW,UAAS;AAAA,MAChD,oBAAC,OAAE,WAAU,2CACV,qBAAW,IACd;AAAA,OACF;AAAA,EAEJ;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,CAAC,eACL,qBAAC,SAAI,WAAU,wBACb;AAAA,0BAAC,SAAM,SAAQ,aAAa,qBAAW,aAAY;AAAA,MACnD,oBAAC,SAAM,SAAQ,WAAW,qBAAW,SAAQ;AAAA,OAC/C;AAAA,EAEJ;AACF;AASO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,aAAa,CAAC;AAChB,GAA4B;AAC1B,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,QAAQ,sBAAsB;AAAA,IAClC,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB,CAAC;AACD,QAAM,mBAAmB,MAAM;AAM/B,QAAM,EAAE,MAAM,WAAW,WAAW,IAAI,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAU,MAAM,eAAe,CAAC,GAAoB;AAAA,IACxD,CAAC,eAAe,CAAC,WAAW,SAAS,WAAW,EAAE;AAAA,EACpD;AAEA,QAAM,SAA2C;AAAA,IAC/C,OAAO;AAAA,IACP;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc,CAAC,eAAe,WAAW;AAAA,IACzC,mBAAmB;AAAA,IACnB,eAAe;AAAA,MACb,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,MAC1B,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,MAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,MACrC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,IACzC;AAAA,IACA,aAAa;AAAA,MACX,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,MAC3B,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,MAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,MACrC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,IACzC;AAAA,IACA,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,MACb,WAAW,aAAa;AAAA,MACxB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-GXKBVCVS.js

@@ -0,0 +1,102 @@
+import {
+  useApi,
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/components/iam/role-detail-layout.tsx
+import {
+  EntityDetailHeader,
+  EntityEmptyState,
+  PageContainer,
+  useBreadcrumbs
+} from "@mesob/ui/components";
+import { IconShield } from "@tabler/icons-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function str(value) {
+  if (value == null) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "object" && value !== null && "en" in value) {
+    const localized = value;
+    return localized.en ?? localized.am ?? "";
+  }
+  return String(value);
+}
+function RoleDetailLayout({
+  roleId,
+  basePath = "/iam/roles",
+  children
+}) {
+  const { hooks } = useApi();
+  const { config } = useConfig();
+  const { data, isLoading, isFetching, isError } = hooks.useQuery(
+    "get",
+    "/roles/{id}",
+    { params: { path: { id: roleId } } },
+    { enabled: !!roleId }
+  );
+  const role = data?.role;
+  const title = role ? str(role.name) || role.code : roleId ?? "Role";
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "IAM", href: "/iam" },
+      { label: "Roles", href: basePath },
+      { label: title }
+    ]
+  });
+  const tabs = useMemo(
+    () => [
+      { value: "detail", name: "Detail", href: `${basePath}/${roleId}` },
+      {
+        value: "permissions",
+        name: "Permissions",
+        href: `${basePath}/${roleId}/permissions`
+      },
+      {
+        value: "users",
+        name: "Users",
+        href: `${basePath}/${roleId}/users`
+      }
+    ],
+    [basePath, roleId]
+  );
+  if (!roleId) {
+    return null;
+  }
+  const loading = isLoading || isFetching;
+  if (!(loading || role)) {
+    return /* @__PURE__ */ jsx(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsx(
+      EntityEmptyState,
+      {
+        icon: IconShield,
+        entityName: "role",
+        title: isError ? "Role unavailable" : "Role not found",
+        description: isError ? "Failed to load this role." : "This role no longer exists.",
+        actionLabel: "Back to roles",
+        onAction: () => config.navigation?.onNavigate?.(basePath) ?? window.history.back()
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: [
+    /* @__PURE__ */ jsx(
+      EntityDetailHeader,
+      {
+        title,
+        icon: /* @__PURE__ */ jsx(IconShield, { className: "h-5 w-5" }),
+        loading,
+        tabs
+      }
+    ),
+    children
+  ] });
+}
+
+export {
+  RoleDetailLayout
+};
+//# sourceMappingURL=chunk-GXKBVCVS.js.map

package/dist/chunk-GXKBVCVS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/role-detail-layout.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntityDetailHeader,\n  EntityEmptyState,\n  PageContainer,\n  type TabItem,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconShield } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { useApi, useConfig } from '../../provider';\n\nfunction str(value: unknown): string {\n  if (value == null) {\n    return '';\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  if (typeof value === 'object' && value !== null && 'en' in value) {\n    const localized = value as { en?: string; am?: string };\n    return localized.en ?? localized.am ?? '';\n  }\n  return String(value);\n}\n\ntype RoleDetailLayoutProps = {\n  roleId: string;\n  basePath?: string;\n  children: ReactNode;\n};\n\nexport function RoleDetailLayout({\n  roleId,\n  basePath = '/iam/roles',\n  children,\n}: RoleDetailLayoutProps) {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const { data, isLoading, isFetching, isError } = hooks.useQuery(\n    'get',\n    '/roles/{id}',\n    { params: { path: { id: roleId } } },\n    { enabled: !!roleId },\n  );\n\n  const role = data?.role;\n  const title = role ? str(role.name) || role.code : (roleId ?? 'Role');\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: '/dashboard' },\n      { label: 'IAM', href: '/iam' },\n      { label: 'Roles', href: basePath },\n      { label: title },\n    ],\n  });\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { value: 'detail', name: 'Detail', href: `${basePath}/${roleId}` },\n      {\n        value: 'permissions',\n        name: 'Permissions',\n        href: `${basePath}/${roleId}/permissions`,\n      },\n      {\n        value: 'users',\n        name: 'Users',\n        href: `${basePath}/${roleId}/users`,\n      },\n    ],\n    [basePath, roleId],\n  );\n\n  if (!roleId) {\n    return null;\n  }\n\n  const loading = isLoading || isFetching;\n  if (!(loading || role)) {\n    return (\n      <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n        <EntityEmptyState\n          icon={IconShield}\n          entityName=\"role\"\n          title={isError ? 'Role unavailable' : 'Role not found'}\n          description={\n            isError\n              ? 'Failed to load this role.'\n              : 'This role no longer exists.'\n          }\n          actionLabel=\"Back to roles\"\n          onAction={() =>\n            config.navigation?.onNavigate?.(basePath) ?? window.history.back()\n          }\n        />\n      </PageContainer>\n    );\n  }\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <EntityDetailHeader\n        title={title}\n        icon={<IconShield className=\"h-5 w-5\" />}\n        loading={loading}\n        tabs={tabs}\n      />\n      {children}\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,kBAAkB;AAE3B,SAAS,eAAe;AA0EhB,cAmBJ,YAnBI;AAvER,SAAS,IAAI,OAAwB;AACnC,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,QAAQ,OAAO;AAChE,UAAM,YAAY;AAClB,WAAO,UAAU,MAAM,UAAU,MAAM;AAAA,EACzC;AACA,SAAO,OAAO,KAAK;AACrB;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAA0B;AACxB,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,MAAM,WAAW,YAAY,QAAQ,IAAI,MAAM;AAAA,IACrD;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,OAAO,EAAE,EAAE;AAAA,IACnC,EAAE,SAAS,CAAC,CAAC,OAAO;AAAA,EACtB;AAEA,QAAM,OAAO,MAAM;AACnB,QAAM,QAAQ,OAAO,IAAI,KAAK,IAAI,KAAK,KAAK,OAAQ,UAAU;AAE9D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,aAAa;AAAA,MACpC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,MAC7B,EAAE,OAAO,SAAS,MAAM,SAAS;AAAA,MACjC,EAAE,OAAO,MAAM;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,OAAkB;AAAA,IACtB,MAAM;AAAA,MACJ,EAAE,OAAO,UAAU,MAAM,UAAU,MAAM,GAAG,QAAQ,IAAI,MAAM,GAAG;AAAA,MACjE;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM,GAAG,QAAQ,IAAI,MAAM;AAAA,MAC7B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM,GAAG,QAAQ,IAAI,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,aAAa;AAC7B,MAAI,EAAE,WAAW,OAAO;AACtB,WACE,oBAAC,iBAAc,WAAU,uCACvB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,YAAW;AAAA,QACX,OAAO,UAAU,qBAAqB;AAAA,QACtC,aACE,UACI,8BACA;AAAA,QAEN,aAAY;AAAA,QACZ,UAAU,MACR,OAAO,YAAY,aAAa,QAAQ,KAAK,OAAO,QAAQ,KAAK;AAAA;AAAA,IAErE,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,iBAAc,WAAU,uCACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,oBAAC,cAAW,WAAU,WAAU;AAAA,QACtC;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}