@mesob/auth-react 0.4.5 → 0.4.7

package/dist/{chunk-HXHI4FU6.js → chunk-OXUOGOG3.js}

@@ -1,6 +1,6 @@
 import {
   handleError
-} from "./chunk-55BMNC4S.js";
+} from "./chunk-RRLFPSSM.js";
 import {
   AuthLayout
 } from "./chunk-DPH2PHK3.js";
@@ -36,7 +36,12 @@ import { toast } from "sonner";
 import { z } from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
 var isPhone = (s) => /^\+?[0-9()[\]\s-]{6,}$/.test(s);
-function PasswordInput({ field, show, onToggle }) {
+function PasswordInput({
+  field,
+  show,
+  onToggle,
+  autoComplete = "current-password"
+}) {
   const { formItemId, error } = useFormField();
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(
@@ -45,6 +50,7 @@ function PasswordInput({ field, show, onToggle }) {
         ...field,
         id: formItemId,
         type: show ? "text" : "password",
+        autoComplete,
         "aria-invalid": !!error,
         className: "pr-10"
       }
@@ -112,7 +118,9 @@ var SignUp = ({
       identifier: initialIdentifier || "",
       password: "",
       confirmPassword: ""
-    }
+    },
+    mode: "onSubmit",
+    reValidateMode: "onSubmit"
   });
   useEffect(() => {
     if (initialIdentifier) {
@@ -207,93 +215,105 @@ var SignUp = ({
         )
       ] }),
       children: [
-        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { id: "sign-up-form", onSubmit: handleSubmit, className: "space-y-4", children: [
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              control: form.control,
-              name: "fullName",
-              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-                /* @__PURE__ */ jsx(FormLabel, { children: t("form.fullNameLabel") }),
-                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                /* @__PURE__ */ jsx(FormMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              control: form.control,
-              name: "identifier",
-              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-                /* @__PURE__ */ jsx(
-                  FormLabel,
-                  {
-                    className: hasInitialIdentifier ? "block" : void 0,
-                    children: identifierLabel
-                  }
-                ),
-                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ...field,
-                    type: field.value.includes("@") ? "email" : "tel",
-                    disabled: hasInitialIdentifier
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(FormMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              control: form.control,
-              name: "password",
-              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-                /* @__PURE__ */ jsx(FormLabel, { children: t("form.passwordLabel") }),
-                /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    field,
-                    show: showPassword,
-                    onToggle: () => setShowPassword(!showPassword)
-                  }
-                ),
-                /* @__PURE__ */ jsx(FormMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              control: form.control,
-              name: "confirmPassword",
-              render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-                /* @__PURE__ */ jsx(FormLabel, { children: t("form.confirmPasswordLabel") }),
-                /* @__PURE__ */ jsx(
-                  PasswordInput,
-                  {
-                    field,
-                    show: showConfirmPassword,
-                    onToggle: () => setShowConfirmPassword(!showConfirmPassword)
-                  }
-                ),
-                /* @__PURE__ */ jsx(FormMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              form: "sign-up-form",
-              className: "w-full",
-              disabled: isLoading || signUpMutation.isPending,
-              children: isLoading || signUpMutation.isPending ? t("form.submitting") : t("form.submit")
-            }
-          )
-        ] }) }),
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            id: "sign-up-form",
+            autoComplete: "on",
+            onSubmit: handleSubmit,
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "fullName",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("form.fullNameLabel") }),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { ...field, autoComplete: "name" }) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "identifier",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(
+                      FormLabel,
+                      {
+                        className: hasInitialIdentifier ? "block" : void 0,
+                        children: identifierLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        ...field,
+                        type: field.value.includes("@") ? "email" : "tel",
+                        autoComplete: field.value.includes("@") ? "email" : "tel",
+                        disabled: hasInitialIdentifier
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "password",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("form.passwordLabel") }),
+                    /* @__PURE__ */ jsx(
+                      PasswordInput,
+                      {
+                        field,
+                        show: showPassword,
+                        onToggle: () => setShowPassword(!showPassword),
+                        autoComplete: "new-password"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  control: form.control,
+                  name: "confirmPassword",
+                  render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                    /* @__PURE__ */ jsx(FormLabel, { children: t("form.confirmPasswordLabel") }),
+                    /* @__PURE__ */ jsx(
+                      PasswordInput,
+                      {
+                        field,
+                        show: showConfirmPassword,
+                        onToggle: () => setShowConfirmPassword(!showConfirmPassword),
+                        autoComplete: "new-password"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(FormMessage, {})
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  form: "sign-up-form",
+                  className: "w-full",
+                  disabled: isLoading || signUpMutation.isPending,
+                  children: isLoading || signUpMutation.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 }),
@@ -307,4 +327,4 @@ var SignUp = ({
 export {
   SignUp
 };
-//# sourceMappingURL=chunk-HXHI4FU6.js.map
+//# sourceMappingURL=chunk-OXUOGOG3.js.map

package/dist/chunk-OXUOGOG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/sign-up.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  useFormField,\n} from '@mesob/ui/components';\nimport { useMesob } from '@mesob/ui/providers';\nimport { IconAlertCircle, IconEye, IconEyeOff } from '@tabler/icons-react';\nimport type { ChangeEvent, ComponentProps } from '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\nconst isPhone = (s: string) => /^\\+?[0-9()[\\]\\s-]{6,}$/.test(s);\n\ntype PasswordInputProps = {\n  field: ComponentProps<'input'> & {\n    value: string;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n    onBlur: () => void;\n  };\n  show: boolean;\n  onToggle: () => void;\n  autoComplete?: 'current-password' | 'new-password';\n};\n\nfunction PasswordInput({\n  field,\n  show,\n  onToggle,\n  autoComplete = 'current-password',\n}: PasswordInputProps) {\n  const { formItemId, error } = useFormField();\n  return (\n    <div className=\"relative\">\n      <Input\n        {...field}\n        id={formItemId}\n        type={show ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        aria-invalid={!!error}\n        className=\"pr-10\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground\"\n        onClick={onToggle}\n        aria-label={show ? 'Hide password' : 'Show password'}\n      >\n        {show ? (\n          <IconEyeOff className=\"h-4 w-4\" />\n        ) : (\n          <IconEye className=\"h-4 w-4\" />\n        )}\n      </Button>\n    </div>\n  );\n}\n\ntype SignUpFormValues = {\n  fullName: string;\n  identifier: string;\n  password: string;\n  confirmPassword: string;\n};\n\ntype SignUpProps = {\n  redirectUrl?: string;\n  initialIdentifier?: string;\n};\n\nconst signUpSchema = (t: (key: string) => string) =>\n  z\n    .object({\n      fullName: z.string().min(1, t('errors.fullNameRequired')),\n      identifier: z\n        .string()\n        .min(1, t('errors.contactRequired'))\n        .refine(\n          (val) => {\n            if (!val) {\n              return false;\n            }\n            return val.includes('@') || isPhone(val);\n          },\n          {\n            message: t('errors.invalidEmailOrPhone'),\n          },\n        ),\n      password: z\n        .string()\n        .min(8, t('errors.passwordLength'))\n        .max(128, t('errors.longPasswordError')),\n      confirmPassword: z.string(),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n      message: t('errors.passwordsMismatch'),\n      path: ['confirmPassword'],\n    });\n\nexport const SignUp = ({\n  redirectUrl,\n  initialIdentifier,\n}: SignUpProps = {}) => {\n  const { hooks, setAuth } = useApi();\n  const { config } = useConfig();\n  const mesob = useMesob();\n  const t = useTranslator('Auth.signUp');\n  const Link = mesob?.navigation?.Link;\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<AuthErrorContent | null>(null);\n  const [showPassword, setShowPassword] = useState(false);\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n\n  const signUpMutation = hooks.useMutation('post', '/sign-up');\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  const defaultRedirect =\n    redirectUrl || config.navigation?.defaultRedirectUrl || '/';\n\n  const hasInitialIdentifier = !!initialIdentifier;\n\n  const form = useForm<SignUpFormValues>({\n    resolver: zodResolver(signUpSchema(t)),\n    defaultValues: {\n      fullName: '',\n      identifier: initialIdentifier || '',\n      password: '',\n      confirmPassword: '',\n    },\n    mode: 'onSubmit',\n    reValidateMode: 'onSubmit',\n  });\n\n  useEffect(() => {\n    if (initialIdentifier) {\n      form.setValue('identifier', initialIdentifier);\n    }\n  }, [initialIdentifier, form]);\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 identifier = values.identifier;\n      const usingPhone = isPhone(identifier);\n\n      const res = await signUpMutation.mutateAsync({\n        body: usingPhone\n          ? {\n              phone: identifier,\n              password: values.password,\n              fullName: values.fullName,\n            }\n          : {\n              email: identifier,\n              password: values.password,\n              fullName: values.fullName,\n            },\n      });\n\n      if ('verificationId' in res && res.verificationId) {\n        const redirectParam = defaultRedirect\n          ? `&redirect=${encodeURIComponent(defaultRedirect)}`\n          : '';\n        if (usingPhone) {\n          onNavigate(\n            `/auth/verify-phone?context=sign-up&verificationId=${res.verificationId}&phone=${encodeURIComponent(identifier)}${redirectParam}`,\n          );\n        } else {\n          onNavigate(\n            `/auth/verify-email?verificationId=${res.verificationId}&email=${encodeURIComponent(identifier)}${redirectParam}`,\n          );\n        }\n        return;\n      }\n\n      if ('user' in res && 'session' in res) {\n        setAuth(res);\n      }\n      onNavigate(defaultRedirect);\n    } catch (err) {\n      handleError(err, setError, t);\n    } finally {\n      setIsLoading(false);\n    }\n  });\n\n  const getIdentifierLabel = () => {\n    if (!hasInitialIdentifier) {\n      return t('form.accountLabel') || 'Email/Phone';\n    }\n    if (initialIdentifier?.includes('@')) {\n      return t('form.emailLabel');\n    }\n    return t('form.phoneLabel');\n  };\n  const identifierLabel = getIdentifierLabel();\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        <p>\n          {t('footer.hasAccount')}{' '}\n          {Link ? (\n            <Link href={signInLink} className=\"text-primary hover:underline\">\n              {t('footer.signInCta')}\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.signInCta')}\n            </a>\n          )}\n        </p>\n      }\n    >\n      <Form {...form}>\n        <form\n          id=\"sign-up-form\"\n          autoComplete=\"on\"\n          onSubmit={handleSubmit}\n          className=\"space-y-4\"\n        >\n          <FormField\n            control={form.control}\n            name=\"fullName\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.fullNameLabel')}</FormLabel>\n                <FormControl>\n                  <Input {...field} autoComplete=\"name\" />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"identifier\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel\n                  className={hasInitialIdentifier ? 'block' : undefined}\n                >\n                  {identifierLabel}\n                </FormLabel>\n                <FormControl>\n                  <Input\n                    {...field}\n                    type={field.value.includes('@') ? 'email' : 'tel'}\n                    autoComplete={field.value.includes('@') ? 'email' : 'tel'}\n                    disabled={hasInitialIdentifier}\n                  />\n                </FormControl>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"password\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.passwordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showPassword}\n                  onToggle={() => setShowPassword(!showPassword)}\n                  autoComplete=\"new-password\"\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"confirmPassword\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>{t('form.confirmPasswordLabel')}</FormLabel>\n                <PasswordInput\n                  field={field}\n                  show={showConfirmPassword}\n                  onToggle={() => setShowConfirmPassword(!showConfirmPassword)}\n                  autoComplete=\"new-password\"\n                />\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n          <Button\n            type=\"submit\"\n            form=\"sign-up-form\"\n            className=\"w-full\"\n            disabled={isLoading || signUpMutation.isPending}\n          >\n            {isLoading || signUpMutation.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-ETOCBXDT.js → chunk-QPEUVMSP.js}

@@ -1,6 +1,9 @@
 import {
   str
 } from "./chunk-EWXK56WQ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi,
   useConfig
@@ -23,6 +26,11 @@ import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TenantDetailPageContent({
   tenantId
+}) {
+  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(TenantDetailPageContentInner, { tenantId }) });
+}
+function TenantDetailPageContentInner({
+  tenantId
 }) {
   const { hooks } = useApi();
   const { config } = useConfig();
@@ -138,4 +146,4 @@ function TenantDetailPageContent({
 export {
   TenantDetailPageContent
 };
-//# sourceMappingURL=chunk-ETOCBXDT.js.map
+//# sourceMappingURL=chunk-QPEUVMSP.js.map

package/dist/chunk-QPEUVMSP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/tenants/tenant-detail-page-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EntityDetailHeader,\n  PageContainer,\n  type TabItem,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconBuilding } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { IAMGuard } from '../../../components/iam/iam-guard';\nimport { useApi, useConfig } from '../../../provider';\nimport { str } from './_components/tenants-data';\n\ntype TenantDetailPageContentProps = {\n  tenantId: string;\n};\n\nexport function TenantDetailPageContent({\n  tenantId,\n}: TenantDetailPageContentProps) {\n  return (\n    <IAMGuard>\n      <TenantDetailPageContentInner tenantId={tenantId} />\n    </IAMGuard>\n  );\n}\n\nfunction TenantDetailPageContentInner({\n  tenantId,\n}: TenantDetailPageContentProps) {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const qc = useQueryClient();\n\n  const { data, isLoading } = hooks.useQuery(\n    'get',\n    '/tenants/{id}',\n    { params: { path: { id: tenantId } } },\n    { enabled: !!tenantId },\n  );\n  const tenant = data?.tenant;\n\n  const toggleActive = hooks.useMutation('put', '/tenants/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/tenants/{id}'] });\n      qc.invalidateQueries({ queryKey: ['get', '/tenants'] });\n    },\n  });\n\n  const title = tenant ? str(tenant.name) || tenant.id : (tenantId ?? 'Tenant');\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam' },\n      { label: 'Tenants', href: '/iam/tenants' },\n      { label: title },\n    ],\n  });\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      {\n        value: 'detail',\n        name: 'Detail',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Tenant details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              {tenant && (\n                <>\n                  <p>\n                    <span className=\"text-muted-foreground\">Name:</span>{' '}\n                    {str(tenant.name) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Description:</span>{' '}\n                    {str(tenant.description) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Language:</span>{' '}\n                    {tenant.defaultLanguage ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Currency:</span>{' '}\n                    {tenant.defaultCurrency ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Timezone:</span>{' '}\n                    {tenant.timezone ?? '—'}\n                  </p>\n                </>\n              )}\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'theme',\n        name: 'Theme',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Theme</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Theme settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'settings',\n        name: 'Settings',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Settings</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Tenant settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n    ],\n    [tenant],\n  );\n\n  const actions = tenant && (\n    <Button\n      variant={tenant.isActive ? 'secondary' : 'default'}\n      size=\"sm\"\n      onClick={() =>\n        toggleActive.mutate({\n          params: { path: { id: tenantId } },\n          body: { isActive: !tenant.isActive },\n        })\n      }\n      disabled={toggleActive.isPending}\n    >\n      {tenant.isActive ? 'Deactivate' : 'Activate'}\n    </Button>\n  );\n\n  if (!tenantId) {\n    return null;\n  }\n  if (isLoading || !tenant) {\n    return (\n      <div className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n        <div className=\"h-24 animate-pulse rounded-xl bg-muted\" />\n      </div>\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={<IconBuilding className=\"h-5 w-5 text-muted-foreground\" />}\n        actions={actions}\n        tabs={tabs}\n      />\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-YN7OEQI7.js → chunk-RCQTWNAG.js}

@@ -5,6 +5,9 @@ import {
 import {
   defaultEntityQueryOptions
 } from "./chunk-NPW7D2HZ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi,
   useConfig
@@ -31,6 +34,9 @@ import { useState } from "react";
 import { toast } from "sonner";
 import { jsx, jsxs } from "react/jsx-runtime";
 function RolesPage() {
+  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(RolesPageContent, {}) });
+}
+function RolesPageContent() {
   const { hooks } = useApi();
   const { config } = useConfig();
   const homeHref = config.navigation?.defaultRedirectUrl || "/";
@@ -141,4 +147,4 @@ function RolesPage() {
 export {
   RolesPage
 };
-//# sourceMappingURL=chunk-YN7OEQI7.js.map
+//# sourceMappingURL=chunk-RCQTWNAG.js.map

package/dist/chunk-RCQTWNAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/roles-page.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  EntityDrawerTrigger,\n  EntityFilter,\n  EntityHeader,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconShield } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { toast } from 'sonner';\nimport type { paths } from '../../data/openapi';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { RoleForm } from '../../pages/iam/roles/_components/role-form';\nimport { RolesList } from '../../pages/iam/roles/_components/roles-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nexport function RolesPage() {\n  return (\n    <IAMGuard>\n      <RolesPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction RolesPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const qc = useQueryClient();\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/roles' },\n      { label: 'Roles' },\n    ],\n  });\n\n  const [createOpen, setCreateOpen] = useState(false);\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n  });\n  const rolesQuery = queryConfig as {\n    params: {\n      query: NonNullable<paths['/roles']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/roles',\n    rolesQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const seedRoles = hooks.useMutation('post', '/roles/seed', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n      toast.success('Roles seeded');\n    },\n    onError: () => {\n      toast.error('Failed to seed roles');\n    },\n  });\n\n  const isLoading = isPending || isFetching;\n  const roles = data?.roles ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: roles,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <PageBody className=\"px-0\">\n        <EntityHeader\n          icon={<IconShield className=\"h-5 w-5\" />}\n          title=\"Roles\"\n          actions={\n            <div className=\"flex items-center gap-2\">\n              <Button\n                variant=\"outline\"\n                onClick={() => seedRoles.mutate({})}\n                loading={seedRoles.isPending}\n              >\n                Seed Roles\n              </Button>\n              <EntityDrawerTrigger\n                mode=\"new\"\n                entity=\"Role\"\n                open={createOpen}\n                onOpenChange={setCreateOpen}\n              >\n                {(open, onClose) => (\n                  <RoleForm mode=\"new\" open={open} onClose={onClose} />\n                )}\n              </EntityDrawerTrigger>\n            </div>\n          }\n          search={\n            <EntitySearch paramKey=\"search\" placeholder=\"Search roles...\" />\n          }\n          filter={\n            <EntityFilter\n              options={[\n                { label: 'All', value: '' },\n                { label: 'By Code', value: 'code' },\n              ]}\n              placeholder=\"Filter\"\n            />\n          }\n          sort={\n            <EntitySort\n              options={[\n                { label: 'Created', value: 'createdAt' },\n                { label: 'Updated', value: 'updatedAt' },\n                { label: 'Code', value: 'code' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <RolesList\n          data={roles}\n          isLoading={isLoading}\n          view={(params.view || 'table') as 'table' | 'card'}\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onCreateNew={() => setCreateOpen(true)}\n          onPageChange={(p) => setParams({ page: p + 1 })}\n          onPageSizeChange={(size) => setParams({ pageSize: size, page: 1 })}\n        />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-55BMNC4S.js → chunk-RRLFPSSM.js}

@@ -67,16 +67,23 @@ function extractErrorCode(err) {
   }
   return "";
 }
+var GENERIC_ERROR = "An error occurred while processing your request";
 function sanitizeErrorMessage(message) {
   const lowerMessage = message.toLowerCase();
-  const isDatabaseError = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql");
-  if (isDatabaseError) {
-    return "An error occurred while processing your request";
-  }
-  return message;
+  const isUnsafe = lowerMessage.includes("failed query") || lowerMessage.includes("select") || lowerMessage.includes("insert") || lowerMessage.includes("update") || lowerMessage.includes("delete") || lowerMessage.includes("from") || lowerMessage.includes("where") || lowerMessage.includes("limit") || lowerMessage.includes("params:") || lowerMessage.includes("query") || message.includes('"iam".') || message.includes('"tenants"') || message.includes('"users"') || message.includes('"sessions"') || message.includes('"accounts"') || lowerMessage.includes("relation") || lowerMessage.includes("column") || lowerMessage.includes("syntax error") || lowerMessage.includes("database") || lowerMessage.includes("postgres") || lowerMessage.includes("sql") || lowerMessage.includes(" at ") || lowerMessage.includes("exception") || /\bstack\b/.test(lowerMessage) || /\.(ts|js|mjs|cjs):\d+/.test(message);
+  return isUnsafe ? GENERIC_ERROR : message;
 }
-function handleAuthError(err, setError, t) {
+var SIGNIN_SAFE_CODES = ["TOO_MANY_ATTEMPTS"];
+function handleAuthError(err, setError, t, options) {
   const errorCode = extractErrorCode(err);
+  const isCredentialFailure = options?.signIn && !(errorCode && SIGNIN_SAFE_CODES.includes(errorCode));
+  if (isCredentialFailure) {
+    setError({
+      title: t("errors.error"),
+      description: t("errors.invalidCredentials")
+    });
+    return;
+  }
   if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {
     const mapping = AUTH_ERROR_MAPPING[errorCode];
     setError({
@@ -93,7 +100,14 @@ function handleAuthError(err, setError, t) {
     description: sanitizedMessage
   });
 }
-function handleGenericError(err, setError, t) {
+function handleGenericError(err, setError, t, options) {
+  if (options?.signIn) {
+    setError({
+      title: t("errors.error"),
+      description: t("errors.invalidCredentials")
+    });
+    return;
+  }
   const rawMessage = err instanceof Error ? err.message : t("errors.fallback");
   const sanitizedMessage = sanitizeErrorMessage(rawMessage);
   setError({
@@ -101,15 +115,15 @@ function handleGenericError(err, setError, t) {
     description: sanitizedMessage
   });
 }
-var handleError = (err, setError, t) => {
+var handleError = (err, setError, t, options) => {
   if (isAuthError(err)) {
-    handleAuthError(err, setError, t);
+    handleAuthError(err, setError, t, options);
   } else {
-    handleGenericError(err, setError, t);
+    handleGenericError(err, setError, t, options);
   }
 };
 
 export {
   handleError
 };
-//# sourceMappingURL=chunk-55BMNC4S.js.map
+//# sourceMappingURL=chunk-RRLFPSSM.js.map

package/dist/chunk-RRLFPSSM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants/auth.error.codes.ts","../src/utils/handle-error.ts"],"sourcesContent":["export const AUTH_ERROR_MAPPING: Record<\n  string,\n  { title: string; description: string }\n> = {\n  USER_NOT_FOUND: {\n    title: 'Account Not Found',\n    description:\n      'We could not find an account with that identifier. Please check your spelling or sign up.',\n  },\n  INVALID_PASSWORD: {\n    title: 'Invalid Password',\n    description: 'The password you entered is incorrect. Please try again.',\n  },\n  USER_EXISTS: {\n    title: 'Account Already Exists',\n    description:\n      'An account with this identifier already exists. Please sign in instead.',\n  },\n  VERIFICATION_EXPIRED: {\n    title: 'Verification Expired',\n    description:\n      'The verification code or link has expired. Please request a new one.',\n  },\n  VERIFICATION_MISMATCH: {\n    title: 'Invalid Code',\n    description:\n      'The verification code you entered is invalid. Please double-check and try again.',\n  },\n  VERIFICATION_NOT_FOUND: {\n    title: 'Verification Not Found',\n    description:\n      'We could not find a pending verification request. Please restart the process.',\n  },\n  TOO_MANY_ATTEMPTS: {\n    title: 'Too Many Attempts',\n    description:\n      'You have made too many requests recently. Please wait a moment before trying again.',\n  },\n  REQUIRES_VERIFICATION: {\n    title: 'Verification Required',\n    description:\n      'You need to verify your account before you can continue. Please check your email or phone.',\n  },\n  UNAUTHORIZED: {\n    title: 'Unauthorized',\n    description:\n      'You are not authorized to perform this action. Please sign in again.',\n  },\n  ACCESS_DENIED: {\n    title: 'Access Denied',\n    description:\n      'You do not have permission to access this resource. Please contact support if you believe this is an error.',\n  },\n  HAS_NO_PASSWORD: {\n    title: 'No Password Set',\n    description:\n      'Your account does not have a password yet. Continue to set a password before signing in.',\n  },\n  PASSWORD_ALREADY_SET: {\n    title: 'Password Already Set',\n    description:\n      'This account already has a password. Use the normal sign-in form instead.',\n  },\n};\n\nexport const validCodes = Object.keys(AUTH_ERROR_MAPPING);\n","import { AUTH_ERROR_MAPPING, validCodes } from '../constants/auth.error.codes';\nimport type { AuthError } from '../types';\n\nexport type AuthErrorContent = {\n  title: string;\n  description: string;\n};\n\ntype TranslatorFunction = (\n  key: string,\n  params?: Record<string, string | number>,\n) => string;\n\n// Type guard to check if error is an AuthError\nfunction isAuthError(err: unknown): err is AuthError {\n  return (\n    typeof err === 'object' &&\n    err !== null &&\n    'message' in err &&\n    typeof (err as { message: unknown }).message === 'string'\n  );\n}\n\nfunction extractErrorCode(err: AuthError): string {\n  if (err.code && validCodes.includes(err.code)) {\n    return err.code;\n  }\n  if (err.message) {\n    const messageUpper = err.message.toUpperCase().trim();\n    if (validCodes.includes(messageUpper)) {\n      return messageUpper;\n    }\n  }\n  return '';\n}\n\nconst GENERIC_ERROR = 'An error occurred while processing your request';\n\nfunction sanitizeErrorMessage(message: string): string {\n  const lowerMessage = message.toLowerCase();\n  const isUnsafe =\n    lowerMessage.includes('failed query') ||\n    lowerMessage.includes('select') ||\n    lowerMessage.includes('insert') ||\n    lowerMessage.includes('update') ||\n    lowerMessage.includes('delete') ||\n    lowerMessage.includes('from') ||\n    lowerMessage.includes('where') ||\n    lowerMessage.includes('limit') ||\n    lowerMessage.includes('params:') ||\n    lowerMessage.includes('query') ||\n    message.includes('\"iam\".') ||\n    message.includes('\"tenants\"') ||\n    message.includes('\"users\"') ||\n    message.includes('\"sessions\"') ||\n    message.includes('\"accounts\"') ||\n    lowerMessage.includes('relation') ||\n    lowerMessage.includes('column') ||\n    lowerMessage.includes('syntax error') ||\n    lowerMessage.includes('database') ||\n    lowerMessage.includes('postgres') ||\n    lowerMessage.includes('sql') ||\n    lowerMessage.includes(' at ') ||\n    lowerMessage.includes('exception') ||\n    /\\bstack\\b/.test(lowerMessage) ||\n    /\\.(ts|js|mjs|cjs):\\d+/.test(message);\n\n  return isUnsafe ? GENERIC_ERROR : message;\n}\n\n// On sign-in, only these codes get a specific message; all others → generic (no enumeration)\nconst SIGNIN_SAFE_CODES = ['TOO_MANY_ATTEMPTS'];\n\nfunction handleAuthError(\n  err: AuthError,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n  options?: { signIn?: boolean },\n) {\n  const errorCode = extractErrorCode(err);\n  const isCredentialFailure =\n    options?.signIn && !(errorCode && SIGNIN_SAFE_CODES.includes(errorCode));\n\n  if (isCredentialFailure) {\n    setError({\n      title: t('errors.error'),\n      description: t('errors.invalidCredentials'),\n    });\n    return;\n  }\n\n  if (errorCode && AUTH_ERROR_MAPPING[errorCode]) {\n    const mapping = AUTH_ERROR_MAPPING[errorCode];\n    setError({\n      title: mapping.title,\n      description: mapping.description,\n    });\n    return;\n  }\n\n  const sanitizedMessage = sanitizeErrorMessage(\n    err.message || t('errors.fallback'),\n  );\n  setError({\n    title: t('errors.fallback'),\n    description: sanitizedMessage,\n  });\n}\n\nfunction handleGenericError(\n  err: unknown,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n  options?: { signIn?: boolean },\n) {\n  if (options?.signIn) {\n    setError({\n      title: t('errors.error'),\n      description: t('errors.invalidCredentials'),\n    });\n    return;\n  }\n  const rawMessage = err instanceof Error ? err.message : t('errors.fallback');\n  const sanitizedMessage = sanitizeErrorMessage(rawMessage);\n  setError({\n    title: 'Error',\n    description: sanitizedMessage,\n  });\n}\n\nexport type HandleErrorOptions = { signIn?: boolean };\n\nexport const handleError = (\n  err: unknown,\n  setError: (error: AuthErrorContent | null) => void,\n  t: TranslatorFunction,\n  options?: HandleErrorOptions,\n) => {\n  if (isAuthError(err)) {\n    handleAuthError(err, setError, t, options);\n  } else {\n    handleGenericError(err, setError, t, options);\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-NUWAI3FE.js → chunk-SGUROG23.js}

@@ -1,9 +1,12 @@
 import {
   UserSelector
-} from "./chunk-G74DDR4O.js";
+} from "./chunk-GBDNBY6K.js";
 import {
   authApi$
 } from "./chunk-W3D4HG5W.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 
 // src/pages/iam/roles/users/_components/role-users-page.tsx
 import {
@@ -144,6 +147,9 @@ function RoleUsersCards({
   )) });
 }
 function RoleUsersPage({ roleId }) {
+  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(RoleUsersPageContent, { roleId }) });
+}
+function RoleUsersPageContent({ roleId }) {
   const qc = useQueryClient();
   const { queryConfig, params, setParams } = useEntityParams({
     searchKey: "search",
@@ -347,4 +353,4 @@ function RoleUsersPage({ roleId }) {
 export {
   RoleUsersPage
 };
-//# sourceMappingURL=chunk-NUWAI3FE.js.map
+//# sourceMappingURL=chunk-SGUROG23.js.map

package/dist/chunk-SGUROG23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/roles/users/_components/role-users-page.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Badge,\n  Button,\n  DataTablePagination,\n  DeleteConfirmButton,\n  DisplayTable,\n  EntityEmptyState,\n  EntityFilter,\n  EntityHeader,\n  EntityLoadingState,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconPlus, IconUser, IconUsers } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport type { ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { toast } from 'sonner';\nimport { IAMGuard } from '../../../../../components/iam/iam-guard';\nimport type { paths } from '../../../../../data/openapi';\nimport { authApi$ } from '../../../shared/page-helpers';\nimport { UserSelector } from '../../../users/_components/user-selector';\nimport type { User } from '../../../users/_components/users-data';\n\ntype RoleUsersPageProps = {\n  roleId: string;\n};\n\nconst TABLE_COLUMN_COUNT = 4;\n\nfunction initials(user: User) {\n  return user.fullName\n    .split(' ')\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((part: string) => part[0]?.toUpperCase() ?? '')\n    .join('');\n}\n\nfunction UserIdentity({ user }: { user: User }) {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Avatar className=\"h-9 w-9\">\n        <AvatarImage src={user.image ?? undefined} />\n        <AvatarFallback>{initials(user)}</AvatarFallback>\n      </Avatar>\n      <div>\n        <p className=\"font-medium\">{user.fullName}</p>\n      </div>\n    </div>\n  );\n}\n\nfunction UserContact({ user }: { user: User }) {\n  return (\n    <div className=\"space-y-1\">\n      {user.email ? (\n        <div className=\"flex items-center gap-2\">\n          <span>{user.email}</span>\n          {user.emailVerified ? (\n            <Badge variant=\"outline\">Verified</Badge>\n          ) : null}\n        </div>\n      ) : null}\n      {user.phone ? (\n        <div className=\"flex items-center gap-2\">\n          <span>{user.phone}</span>\n          {user.phoneVerified ? (\n            <Badge variant=\"outline\">Verified</Badge>\n          ) : null}\n        </div>\n      ) : null}\n      {user.email || user.phone ? null : (\n        <span className=\"text-muted-foreground\">—</span>\n      )}\n    </div>\n  );\n}\n\nfunction UserRemoveButton({\n  roleId,\n  userId,\n  onRemove,\n}: {\n  roleId: string;\n  userId: string;\n  onRemove: (roleId: string, userId: string) => void;\n}) {\n  return (\n    <DeleteConfirmButton\n      entityName=\"user\"\n      onConfirm={() => onRemove(roleId, userId)}\n      triggerClassName=\"size-8 text-destructive hover:text-destructive\"\n    />\n  );\n}\n\nfunction RoleUsersTable({\n  roleId,\n  users,\n  onRemove,\n}: {\n  roleId: string;\n  users: User[];\n  onRemove: (roleId: string, userId: string) => void;\n}) {\n  return (\n    <DisplayTable withTableBorder>\n      <Thead>\n        <Tr>\n          <Th>User</Th>\n          <Th>Contact</Th>\n          <Th>Last sign in</Th>\n          <Th className=\"w-[60px]\" />\n        </Tr>\n      </Thead>\n      <Tbody>\n        {users.map((user) => (\n          <Tr key={user.id}>\n            <Td>\n              <UserIdentity user={user} />\n            </Td>\n            <Td>\n              <UserContact user={user} />\n            </Td>\n            <Td>\n              {user.lastSignInAt\n                ? new Date(user.lastSignInAt).toLocaleDateString()\n                : 'Never'}\n            </Td>\n            <Td>\n              <UserRemoveButton\n                roleId={roleId}\n                userId={user.id}\n                onRemove={onRemove}\n              />\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </DisplayTable>\n  );\n}\n\nfunction RoleUsersCards({\n  roleId,\n  users,\n  onRemove,\n}: {\n  roleId: string;\n  users: User[];\n  onRemove: (roleId: string, userId: string) => void;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n      {users.map((user) => (\n        <div\n          key={user.id}\n          className=\"rounded-xl border border-border/60 bg-card p-4 shadow-sm\"\n        >\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-3\">\n                <Avatar className=\"h-10 w-10\">\n                  <AvatarImage src={user.image ?? undefined} />\n                  <AvatarFallback>{initials(user)}</AvatarFallback>\n                </Avatar>\n                <div>\n                  <p className=\"font-semibold\">{user.fullName}</p>\n                </div>\n              </div>\n              <div className=\"space-y-1 text-sm text-muted-foreground\">\n                <p>{user.email ?? user.phone ?? 'No contact info'}</p>\n                <p>\n                  Last sign in{' '}\n                  {user.lastSignInAt\n                    ? new Date(user.lastSignInAt).toLocaleDateString()\n                    : 'never'}\n                </p>\n              </div>\n            </div>\n            <UserRemoveButton\n              roleId={roleId}\n              userId={user.id}\n              onRemove={onRemove}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function RoleUsersPage({ roleId }: RoleUsersPageProps) {\n  return (\n    <IAMGuard>\n      <RoleUsersPageContent roleId={roleId} />\n    </IAMGuard>\n  );\n}\n\nfunction RoleUsersPageContent({ roleId }: RoleUsersPageProps) {\n  const qc = useQueryClient();\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n    defaultSort: 'fullName',\n    defaultOrder: 'asc',\n  });\n  const usersQuery = useMemo(\n    () =>\n      ({\n        params: {\n          path: { id: roleId },\n          query: queryConfig.params.query,\n        },\n      }) as {\n        params: {\n          path: { id: string };\n          query: NonNullable<\n            paths['/roles/{id}/users']['get']['parameters']['query']\n          >;\n        };\n      },\n    [queryConfig, roleId],\n  );\n\n  const { data, isPending, isFetching } = authApi$.useQuery(\n    'get',\n    '/roles/{id}/users',\n    usersQuery,\n    { enabled: !!roleId },\n  );\n  const assignUsers = authApi$.useMutation('post', '/roles/{id}/users', {\n    onSuccess: (result: { created?: number } | undefined) => {\n      qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n      qc.invalidateQueries({ queryKey: ['get', '/roles/{id}'] });\n      qc.invalidateQueries({ queryKey: ['get', '/roles/{id}/users'] });\n      toast.success(\n        result?.created ? `${result.created} user(s) added` : 'No changes',\n      );\n    },\n    onError: () => {\n      toast.error('Failed to assign users');\n    },\n  });\n  const revokeUser = authApi$.useMutation(\n    'delete',\n    '/roles/{id}/users/{userId}',\n    {\n      onSuccess: () => {\n        qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n        qc.invalidateQueries({ queryKey: ['get', '/roles/{id}'] });\n        qc.invalidateQueries({ queryKey: ['get', '/roles/{id}/users'] });\n        toast.success('User removed');\n      },\n      onError: () => {\n        toast.error('Failed to remove user');\n      },\n    },\n  );\n\n  const users = (data?.users ?? []) as User[];\n  const { total, pageCount } = useEntityPagination({\n    items: users,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n  const isLoading = isPending || isFetching;\n  const currentView = (params.view || 'table') as 'table' | 'card';\n  const handleRemoveUser = (targetRoleId: string, userId: string) => {\n    revokeUser.mutate({\n      params: {\n        path: { id: targetRoleId, userId },\n      },\n    });\n  };\n\n  if (!roleId) {\n    return null;\n  }\n\n  let content: ReactNode;\n  if (isLoading) {\n    content = (\n      <EntityLoadingState\n        view={currentView}\n        rowCount={params.pageSize}\n        columnCount={TABLE_COLUMN_COUNT}\n        cardCount={params.pageSize}\n      />\n    );\n  } else if (total === 0) {\n    content = (\n      <EntityEmptyState\n        icon={IconUsers}\n        entityName=\"user\"\n        title=\"No users assigned\"\n        description=\"Assign users from the selector to add them to this role.\"\n      />\n    );\n  } else if (currentView === 'table') {\n    content = (\n      <div className=\"space-y-4\">\n        <RoleUsersTable\n          roleId={roleId}\n          users={users}\n          onRemove={handleRemoveUser}\n        />\n        <DataTablePagination\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(page) => setParams({ page: page + 1 })}\n          onPageSizeChange={(pageSize) => setParams({ pageSize, page: 1 })}\n        />\n      </div>\n    );\n  } else {\n    content = (\n      <div className=\"space-y-4\">\n        <RoleUsersCards\n          roleId={roleId}\n          users={users}\n          onRemove={handleRemoveUser}\n        />\n        <DataTablePagination\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(page) => setParams({ page: page + 1 })}\n          onPageSizeChange={(pageSize) => setParams({ pageSize, page: 1 })}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <PageBody className=\"px-0 pb-6\">\n      <EntityHeader\n        icon={<IconUser className=\"h-5 w-5\" />}\n        title=\"Role users\"\n        actions={\n          <UserSelector\n            trigger={\n              <Button size=\"sm\" loading={assignUsers.isPending}>\n                <IconPlus className=\"h-4 w-4\" />\n                Add users\n              </Button>\n            }\n            multiple\n            excludeIds={users.map((user) => user.id)}\n            onSelect={(selectedUsers: User[]) => {\n              if (!selectedUsers.length) {\n                return;\n              }\n\n              assignUsers.mutate({\n                params: { path: { id: roleId } },\n                body: {\n                  userIds: selectedUsers.map((user: User) => user.id),\n                },\n              });\n            }}\n          />\n        }\n        search={\n          <EntitySearch\n            paramKey=\"search\"\n            placeholder=\"Search assigned users...\"\n          />\n        }\n        filter={\n          <EntityFilter\n            options={[\n              { label: 'All', value: '' },\n              { label: 'Name', value: 'fullName' },\n              { label: 'Email', value: 'email' },\n              { label: 'Phone', value: 'phone' },\n            ]}\n            placeholder=\"Search field\"\n          />\n        }\n        sort={\n          <EntitySort\n            defaultSort=\"fullName\"\n            defaultOrder=\"asc\"\n            options={[\n              { label: 'Created', value: 'createdAt' },\n              { label: 'Updated', value: 'updatedAt' },\n              { label: 'Name', value: 'fullName' },\n              { label: 'Last Sign In', value: 'lastSignInAt' },\n            ]}\n          />\n        }\n        view={<EntityViewToggle views={['table', 'card']} />}\n      />\n      {content}\n    </PageBody>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-SXVTYYUT.js → chunk-T34HJRUW.js}

@@ -1,6 +1,9 @@
 import {
   defaultEntityQueryOptions
 } from "./chunk-NPW7D2HZ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi,
   useConfig
@@ -163,6 +166,9 @@ function PermissionsList({
 // src/components/iam/permissions-page.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function PermissionsPage() {
+  return /* @__PURE__ */ jsx3(IAMGuard, { children: /* @__PURE__ */ jsx3(PermissionsPageContent, {}) });
+}
+function PermissionsPageContent() {
   const { hooks } = useApi();
   const { config } = useConfig();
   const homeHref = config.navigation?.defaultRedirectUrl || "/";
@@ -272,4 +278,4 @@ function PermissionsPage() {
 export {
   PermissionsPage
 };
-//# sourceMappingURL=chunk-SXVTYYUT.js.map
+//# sourceMappingURL=chunk-T34HJRUW.js.map

package/dist/chunk-T34HJRUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/permissions-page.tsx","../src/pages/iam/permissions/_components/permissions-list.tsx","../src/pages/iam/permissions/_components/permission-card.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  EntityFilter,\n  EntityHeader,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconKey } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { toast } from 'sonner';\nimport type { paths } from '../../data/openapi';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { PermissionsList } from '../../pages/iam/permissions/_components/permissions-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nexport function PermissionsPage() {\n  return (\n    <IAMGuard>\n      <PermissionsPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction PermissionsPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const qc = useQueryClient();\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/permissions' },\n      { label: 'Permissions' },\n    ],\n  });\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n    defaultSort: 'id',\n    defaultOrder: 'asc',\n  });\n  const permissionsQuery = 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    defaultEntityQueryOptions,\n  );\n\n  const seedPermissions = hooks.useMutation('post', '/permissions/seed', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/permissions'] });\n      toast.success('Permissions seeded');\n    },\n    onError: () => {\n      toast.error('Failed to seed permissions');\n    },\n  });\n\n  const isLoading = isPending || isFetching;\n  const permissions = data?.permissions ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: permissions,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <PageBody className=\"px-0\">\n        <EntityHeader\n          icon={<IconKey className=\"h-5 w-5\" />}\n          title=\"Permissions\"\n          actions={\n            <Button\n              variant=\"outline\"\n              onClick={() => seedPermissions.mutate({})}\n              loading={seedPermissions.isPending}\n            >\n              Seed Permissions\n            </Button>\n          }\n          search={\n            <EntitySearch\n              paramKey=\"search\"\n              placeholder=\"Search permissions...\"\n            />\n          }\n          filter={\n            <EntityFilter\n              options={[\n                { label: 'All', value: '' },\n                { label: 'Application', value: 'application' },\n                { label: 'Feature', value: 'feature' },\n                { label: 'Activity', value: 'activity' },\n              ]}\n              placeholder=\"Search field\"\n            />\n          }\n          sort={\n            <EntitySort\n              defaultSort=\"id\"\n              defaultOrder=\"asc\"\n              options={[\n                { label: 'ID', value: 'id' },\n                { label: 'Application', value: 'application' },\n                { label: 'Feature', value: 'feature' },\n                { label: 'Activity', value: 'activity' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <PermissionsList\n          data={permissions}\n          isLoading={isLoading}\n          view={(params.view || 'table') as 'table' | 'card'}\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onPageChange={(p) => setParams({ page: p + 1 })}\n          onPageSizeChange={(size) => setParams({ pageSize: size, page: 1 })}\n        />\n      </PageBody>\n    </PageContainer>\n  );\n}\n","'use client';\n\nimport {\n  Badge,\n  DataTablePagination,\n  DisplayTable,\n  EntityEmptyState,\n  EntityLoadingState,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n} from '@mesob/ui/components';\nimport { IconKey } from '@tabler/icons-react';\nimport { PermissionCard } from './permission-card';\nimport type { Permission } from './permissions-data';\n\nconst TABLE_COLUMN_COUNT = 4;\n\nfunction descStr(d: unknown): string {\n  if (d == null) {\n    return '';\n  }\n  if (typeof d === 'string') {\n    return d;\n  }\n  if (typeof d === 'object' && d !== null && 'en' in d) {\n    return String((d as { en?: string }).en ?? '');\n  }\n  return String(d);\n}\n\ntype PermissionsListProps = {\n  data: Permission[];\n  isLoading?: boolean;\n  view: 'table' | 'card';\n  pageIndex: number;\n  pageSize: number;\n  pageCount: number;\n  totalRows: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n};\n\nexport function PermissionsList({\n  data,\n  isLoading,\n  view,\n  pageIndex,\n  pageSize,\n  pageCount,\n  totalRows,\n  onPageChange,\n  onPageSizeChange,\n}: PermissionsListProps) {\n  if (isLoading) {\n    return (\n      <EntityLoadingState\n        view={view}\n        rowCount={pageSize}\n        columnCount={TABLE_COLUMN_COUNT}\n        cardCount={pageSize}\n      />\n    );\n  }\n  if (totalRows === 0) {\n    return (\n      <EntityEmptyState\n        icon={IconKey}\n        entityName=\"permission\"\n        title=\"No permissions\"\n        description=\"Permissions are managed by the system.\"\n      />\n    );\n  }\n  if (view === 'table') {\n    return (\n      <div className=\"space-y-4\">\n        <DisplayTable withTableBorder>\n          <Thead>\n            <Tr>\n              <Th>Application</Th>\n              <Th>Feature</Th>\n              <Th>Activity</Th>\n              <Th>Description</Th>\n            </Tr>\n          </Thead>\n          <Tbody>\n            {data.map((p) => (\n              <Tr key={p.id}>\n                <Td>\n                  <Badge variant=\"secondary\">{p.application}</Badge>\n                </Td>\n                <Td>\n                  <Badge variant=\"outline\">{p.feature}</Badge>\n                </Td>\n                <Td>\n                  <span className=\"font-medium\">{p.activity}</span>\n                </Td>\n                <Td>\n                  <span className=\"text-muted-foreground line-clamp-1 max-w-[200px]\">\n                    {descStr(p.description) || '—'}\n                  </span>\n                </Td>\n              </Tr>\n            ))}\n          </Tbody>\n        </DisplayTable>\n        <DataTablePagination\n          pageIndex={pageIndex}\n          pageSize={pageSize}\n          pageCount={pageCount}\n          totalRows={totalRows}\n          onPageChange={onPageChange}\n          onPageSizeChange={onPageSizeChange}\n        />\n      </div>\n    );\n  }\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n        {data.map((p) => (\n          <PermissionCard key={p.id} permission={p} />\n        ))}\n      </div>\n      <DataTablePagination\n        pageIndex={pageIndex}\n        pageSize={pageSize}\n        pageCount={pageCount}\n        totalRows={totalRows}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n      />\n    </div>\n  );\n}\n","'use client';\n\nimport { Badge, Card, CardContent, CardHeader } from '@mesob/ui/components';\nimport type { Permission } from './permissions-data';\n\ntype PermissionCardProps = { permission: Permission };\n\nfunction descStr(d: unknown): string {\n  if (d == null) {\n    return '';\n  }\n  if (typeof d === 'string') {\n    return d;\n  }\n  if (typeof d === 'object' && d !== null && 'en' in d) {\n    return String((d as { en?: string }).en ?? '');\n  }\n  return String(d);\n}\n\nexport function PermissionCard({ permission }: PermissionCardProps) {\n  return (\n    <Card className=\"hover:shadow-md transition-shadow\">\n      <CardHeader className=\"pb-2\">\n        <p className=\"font-semibold\">{permission.activity}</p>\n        <div className=\"flex flex-wrap gap-1\">\n          <Badge variant=\"secondary\">{permission.application}</Badge>\n          <Badge variant=\"outline\">{permission.feature}</Badge>\n        </div>\n      </CardHeader>\n      <CardContent>\n        {descStr(permission.description) && (\n          <p className=\"text-sm text-muted-foreground line-clamp-2\">\n            {descStr(permission.description)}\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAAA,gBAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,aAAa;;;ACftB;AAAA,EACE,SAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;;;ACZxB,SAAS,OAAO,MAAM,aAAa,kBAAkB;AAsB7C,cACA,YADA;AAjBR,SAAS,QAAQ,GAAoB;AACnC,MAAI,KAAK,MAAM;AACb,WAAO;AAAA,EACT;AACA,MAAI,OAAO,MAAM,UAAU;AACzB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,MAAM,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACpD,WAAO,OAAQ,EAAsB,MAAM,EAAE;AAAA,EAC/C;AACA,SAAO,OAAO,CAAC;AACjB;AAEO,SAAS,eAAe,EAAE,WAAW,GAAwB;AAClE,SACE,qBAAC,QAAK,WAAU,qCACd;AAAA,yBAAC,cAAW,WAAU,QACpB;AAAA,0BAAC,OAAE,WAAU,iBAAiB,qBAAW,UAAS;AAAA,MAClD,qBAAC,SAAI,WAAU,wBACb;AAAA,4BAAC,SAAM,SAAQ,aAAa,qBAAW,aAAY;AAAA,QACnD,oBAAC,SAAM,SAAQ,WAAW,qBAAW,SAAQ;AAAA,SAC/C;AAAA,OACF;AAAA,IACA,oBAAC,eACE,kBAAQ,WAAW,WAAW,KAC7B,oBAAC,OAAE,WAAU,8CACV,kBAAQ,WAAW,WAAW,GACjC,GAEJ;AAAA,KACF;AAEJ;;;ADmBM,gBAAAC,MAuBM,QAAAC,aAvBN;AAxCN,IAAM,qBAAqB;AAE3B,SAASC,SAAQ,GAAoB;AACnC,MAAI,KAAK,MAAM;AACb,WAAO;AAAA,EACT;AACA,MAAI,OAAO,MAAM,UAAU;AACzB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,MAAM,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACpD,WAAO,OAAQ,EAAsB,MAAM,EAAE;AAAA,EAC/C;AACA,SAAO,OAAO,CAAC;AACjB;AAcO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,MAAI,WAAW;AACb,WACE,gBAAAF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,aAAa;AAAA,QACb,WAAW;AAAA;AAAA,IACb;AAAA,EAEJ;AACA,MAAI,cAAc,GAAG;AACnB,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,YAAW;AAAA,QACX,OAAM;AAAA,QACN,aAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS;AACpB,WACE,gBAAAC,MAAC,SAAI,WAAU,aACb;AAAA,sBAAAA,MAAC,gBAAa,iBAAe,MAC3B;AAAA,wBAAAD,KAAC,SACC,0BAAAC,MAAC,MACC;AAAA,0BAAAD,KAAC,MAAG,yBAAW;AAAA,UACf,gBAAAA,KAAC,MAAG,qBAAO;AAAA,UACX,gBAAAA,KAAC,MAAG,sBAAQ;AAAA,UACZ,gBAAAA,KAAC,MAAG,yBAAW;AAAA,WACjB,GACF;AAAA,QACA,gBAAAA,KAAC,SACE,eAAK,IAAI,CAAC,MACT,gBAAAC,MAAC,MACC;AAAA,0BAAAD,KAAC,MACC,0BAAAA,KAACG,QAAA,EAAM,SAAQ,aAAa,YAAE,aAAY,GAC5C;AAAA,UACA,gBAAAH,KAAC,MACC,0BAAAA,KAACG,QAAA,EAAM,SAAQ,WAAW,YAAE,SAAQ,GACtC;AAAA,UACA,gBAAAH,KAAC,MACC,0BAAAA,KAAC,UAAK,WAAU,eAAe,YAAE,UAAS,GAC5C;AAAA,UACA,gBAAAA,KAAC,MACC,0BAAAA,KAAC,UAAK,WAAU,oDACb,UAAAE,SAAQ,EAAE,WAAW,KAAK,UAC7B,GACF;AAAA,aAdO,EAAE,EAeX,CACD,GACH;AAAA,SACF;AAAA,MACA,gBAAAF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACA,SACE,gBAAAC,MAAC,SAAI,WAAU,aACb;AAAA,oBAAAD,KAAC,SAAI,WAAU,uEACZ,eAAK,IAAI,CAAC,MACT,gBAAAA,KAAC,kBAA0B,YAAY,KAAlB,EAAE,EAAmB,CAC3C,GACH;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;;;AD9GM,gBAAAI,MAuDA,QAAAC,aAvDA;AAHC,SAAS,kBAAkB;AAChC,SACE,gBAAAD,KAAC,YACC,0BAAAA,KAAC,0BAAuB,GAC1B;AAEJ;AAEA,SAAS,yBAAyB;AAChC,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAC1D,QAAM,KAAK,eAAe;AAC1B,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,OAAO,MAAM,mBAAmB;AAAA,MACzC,EAAE,OAAO,cAAc;AAAA,IACzB;AAAA,EACF,CAAC;AACD,QAAM,EAAE,aAAa,QAAQ,UAAU,IAAI,gBAAgB;AAAA,IACzD,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,mBAAmB;AAMzB,QAAM,EAAE,MAAM,WAAW,WAAW,IAAI,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM,YAAY,QAAQ,qBAAqB;AAAA,IACrE,WAAW,MAAM;AACf,SAAG,kBAAkB,EAAE,UAAU,CAAC,OAAO,cAAc,EAAE,CAAC;AAC1D,YAAM,QAAQ,oBAAoB;AAAA,IACpC;AAAA,IACA,SAAS,MAAM;AACb,YAAM,MAAM,4BAA4B;AAAA,IAC1C;AAAA,EACF,CAAC;AAED,QAAM,YAAY,aAAa;AAC/B,QAAM,cAAc,MAAM,eAAe,CAAC;AAC1C,QAAM,EAAE,OAAO,UAAU,IAAI,oBAAoB;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,UAAU,OAAO;AAAA,EACnB,CAAC;AAED,SACE,gBAAAA,KAAC,iBAAc,WAAU,uCACvB,0BAAAC,MAAC,YAAS,WAAU,QAClB;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,gBAAAA,KAACE,UAAA,EAAQ,WAAU,WAAU;AAAA,QACnC,OAAM;AAAA,QACN,SACE,gBAAAF;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM,gBAAgB,OAAO,CAAC,CAAC;AAAA,YACxC,SAAS,gBAAgB;AAAA,YAC1B;AAAA;AAAA,QAED;AAAA,QAEF,QACE,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,aAAY;AAAA;AAAA,QACd;AAAA,QAEF,QACE,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,cACP,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,cAC1B,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,cAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,cACrC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,YACzC;AAAA,YACA,aAAY;AAAA;AAAA,QACd;AAAA,QAEF,MACE,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAY;AAAA,YACZ,cAAa;AAAA,YACb,SAAS;AAAA,cACP,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,cAC3B,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,cAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,cACrC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,YACzC;AAAA;AAAA,QACF;AAAA,QAEF,MAAM,gBAAAA,KAAC,oBAAiB,OAAO,CAAC,SAAS,MAAM,GAAG;AAAA;AAAA,IACpD;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,MAAO,OAAO,QAAQ;AAAA,QACtB,WAAW,OAAO,OAAO;AAAA,QACzB,UAAU,OAAO;AAAA,QACjB;AAAA,QACA,WAAW;AAAA,QACX,cAAc,CAAC,MAAM,UAAU,EAAE,MAAM,IAAI,EAAE,CAAC;AAAA,QAC9C,kBAAkB,CAAC,SAAS,UAAU,EAAE,UAAU,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA,IACnE;AAAA,KACF,GACF;AAEJ;","names":["IconKey","Badge","jsx","jsxs","descStr","Badge","jsx","jsxs","IconKey"]}