@mesob/auth-react 0.4.6 → 0.5.0

package/dist/{chunk-L32Z3TPA.js → chunk-N4JFMKGK.js}

@@ -1,7 +1,7 @@
 import {
   UserCard,
   UserForm
-} from "./chunk-FPYQ7XGV.js";
+} from "./chunk-ECF6S2Y2.js";
 import {
   Link,
   authApi$
@@ -9,6 +9,9 @@ import {
 import {
   defaultEntityQueryOptions
 } from "./chunk-NPW7D2HZ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi,
   useConfig
@@ -799,22 +802,71 @@ function UserTableRow({
       ] }),
       !(user.email || user.phone) && /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "\u2014" })
     ] }) }),
-    /* @__PURE__ */ jsx4(Td, { children: (user.userType?.length ?? 0) > 0 ? /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", children: user.userType?.map((t) => /* @__PURE__ */ jsx4(Badge3, { variant: "secondary", className: "text-xs", children: capitalize(t) }, t)) }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "\u2014" }) }),
-    /* @__PURE__ */ jsx4(Td, { children: (user.userRoles?.length ?? 0) > 0 ? /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", children: user.userRoles?.map((r) => {
-      const nameRecord = typeof r.name === "object" && r.name !== null ? r.name : { en: typeof r.name === "string" ? r.name : r.code };
-      const label = resolveRoleName(r.name, locale, defaultLanguage);
-      return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(Td, { children: (user.userType?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-1", children: [
+      (user.userType ?? []).slice(0, 3).map((t) => /* @__PURE__ */ jsxs4(Tooltip, { children: [
         /* @__PURE__ */ jsx4(TooltipTrigger, { children: /* @__PURE__ */ jsx4(
           Badge3,
           {
-            variant: "outline",
+            variant: "secondary",
             className: "cursor-default px-1.5 py-0 text-xs font-medium",
-            children: roleInitials(label || r.code) || r.code.slice(0, 2).toUpperCase()
+            children: t.charAt(0).toUpperCase()
           }
         ) }),
-        /* @__PURE__ */ jsx4(TooltipContent, { children: /* @__PURE__ */ jsx4(LocaleText, { text: nameRecord }) })
-      ] }, r.code);
-    }) }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "\u2014" }) }),
+        /* @__PURE__ */ jsx4(TooltipContent, { children: capitalize(t) })
+      ] }, t)),
+      (user.userType?.length ?? 0) > 3 && /* @__PURE__ */ jsxs4(Tooltip, { children: [
+        /* @__PURE__ */ jsx4(TooltipTrigger, { children: /* @__PURE__ */ jsxs4(
+          Badge3,
+          {
+            variant: "secondary",
+            className: "cursor-default px-1.5 py-0 text-xs font-medium text-muted-foreground",
+            children: [
+              "+",
+              (user.userType?.length ?? 0) - 3
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(TooltipContent, { children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-0.5", children: (user.userType ?? []).slice(3).map((t) => /* @__PURE__ */ jsx4("span", { children: capitalize(t) }, t)) }) })
+      ] })
+    ] }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "\u2014" }) }),
+    /* @__PURE__ */ jsx4(Td, { children: (user.userRoles?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-1", children: [
+      (user.userRoles ?? []).slice(0, 2).map((r) => {
+        const nameRecord = typeof r.name === "object" && r.name !== null ? r.name : { en: typeof r.name === "string" ? r.name : r.code };
+        const label = resolveRoleName(r.name, locale, defaultLanguage);
+        return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+          /* @__PURE__ */ jsx4(TooltipTrigger, { children: /* @__PURE__ */ jsx4(
+            Badge3,
+            {
+              variant: "outline",
+              className: "cursor-default px-1.5 py-0 text-xs font-medium",
+              children: roleInitials(label || r.code) || r.code.slice(0, 2).toUpperCase()
+            }
+          ) }),
+          /* @__PURE__ */ jsx4(TooltipContent, { children: /* @__PURE__ */ jsx4(LocaleText, { text: nameRecord }) })
+        ] }, r.code);
+      }),
+      (user.userRoles?.length ?? 0) > 2 && /* @__PURE__ */ jsxs4(Tooltip, { children: [
+        /* @__PURE__ */ jsx4(TooltipTrigger, { children: /* @__PURE__ */ jsxs4(
+          Badge3,
+          {
+            variant: "outline",
+            className: "cursor-default px-1.5 py-0 text-xs font-medium text-muted-foreground",
+            children: [
+              "+",
+              (user.userRoles?.length ?? 0) - 2
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(TooltipContent, { children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-0.5", children: (user.userRoles ?? []).slice(2).map((r) => {
+          const label = resolveRoleName(
+            r.name,
+            locale,
+            defaultLanguage
+          );
+          return /* @__PURE__ */ jsx4("span", { children: label || r.code }, r.code);
+        }) }) })
+      ] })
+    ] }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "\u2014" }) }),
     /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-3 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsxs4(Tooltip, { children: [
         /* @__PURE__ */ jsx4(TooltipTrigger, { children: /* @__PURE__ */ jsxs4("span", { className: "flex min-w-[6.5rem] cursor-default items-center gap-1", children: [
@@ -952,6 +1004,9 @@ function capitalize2(s) {
   return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
 }
 function UsersPage() {
+  return /* @__PURE__ */ jsx5(IAMGuard, { children: /* @__PURE__ */ jsx5(UsersPageContent, {}) });
+}
+function UsersPageContent() {
   const { hooks } = useApi();
   const { config } = useConfig();
   const homeHref = config.navigation?.defaultRedirectUrl || "/";
@@ -1112,4 +1167,4 @@ function UsersPage() {
 export {
   UsersPage
 };
-//# sourceMappingURL=chunk-L32Z3TPA.js.map
+//# sourceMappingURL=chunk-N4JFMKGK.js.map

package/dist/chunk-N4JFMKGK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/users-page.tsx","../src/pages/iam/users/_components/bulk-invite-user-form.tsx","../src/pages/iam/users/_components/invite-user-shared.tsx","../src/pages/iam/users/_components/invite-user-form.tsx","../src/pages/iam/users/_components/users-list.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntityDrawerTrigger,\n  EntityFilter,\n  EntityHeader,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconFilter, IconUsers } from '@tabler/icons-react';\nimport { parseAsString, useQueryState } from 'nuqs';\nimport { useMemo, useState } from 'react';\nimport type { paths } from '../../data/openapi';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { BulkInviteUserForm } from '../../pages/iam/users/_components/bulk-invite-user-form';\nimport { InviteUserForm } from '../../pages/iam/users/_components/invite-user-form';\nimport { UsersList } from '../../pages/iam/users/_components/users-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function UsersPage() {\n  return (\n    <IAMGuard>\n      <UsersPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction UsersPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const defaultUserType = config.defaultUserType ?? 'employee';\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/users' },\n      { label: 'Users' },\n    ],\n  });\n  const [inviteOpen, setInviteOpen] = useState(false);\n  const [bulkInviteOpen, setBulkInviteOpen] = useState(false);\n\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n    searchParamName: 'search',\n  });\n  const [userType, setUserType] = useQueryState(\n    'userType',\n    parseAsString.withDefault(defaultUserType),\n  );\n\n  const usersQuery = useMemo(\n    () =>\n      ({\n        params: {\n          query: {\n            ...queryConfig.params.query,\n            userType: userType || defaultUserType,\n          },\n        },\n      }) as {\n        params: {\n          query: NonNullable<paths['/users']['get']['parameters']['query']>;\n        };\n      },\n    [queryConfig.params.query, userType, defaultUserType],\n  );\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/users',\n    usersQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const isLoading = isPending || isFetching;\n  const users = data?.users ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: users,\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={<IconUsers className=\"h-5 w-5\" />}\n          title=\"Users\"\n          actions={\n            <div className=\"flex items-center gap-2\">\n              <EntityDrawerTrigger\n                mode=\"new\"\n                entity=\"User\"\n                label=\"Invite user\"\n                open={inviteOpen}\n                onOpenChange={setInviteOpen}\n              >\n                {(open, onClose) => (\n                  <InviteUserForm open={open} onClose={onClose} />\n                )}\n              </EntityDrawerTrigger>\n              <EntityDrawerTrigger\n                mode=\"new\"\n                entity=\"User\"\n                label=\"Bulk invite\"\n                variant=\"outline\"\n                open={bulkInviteOpen}\n                onOpenChange={setBulkInviteOpen}\n              >\n                {(open, onClose) => (\n                  <BulkInviteUserForm open={open} onClose={onClose} />\n                )}\n              </EntityDrawerTrigger>\n            </div>\n          }\n          search={\n            <EntitySearch paramKey=\"search\" placeholder=\"Search users...\" />\n          }\n          filter={\n            <div className=\"flex flex-none flex-nowrap items-center gap-2\">\n              <Select\n                value={userType}\n                onValueChange={(v) => {\n                  setUserType(v);\n                  setParams({ page: 1 });\n                }}\n              >\n                <SelectTrigger className=\"h-9 min-w-[150px] w-[150px]\">\n                  <IconFilter className=\"size-4 shrink-0\" />\n                  <span\n                    className={cn(\n                      'line-clamp-1 flex items-center gap-2',\n                      !userType && 'text-muted-foreground',\n                    )}\n                  >\n                    {userType === 'all'\n                      ? 'All'\n                      : capitalize(userType ?? defaultUserType)}\n                  </span>\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">All</SelectItem>\n                  <SelectItem value={defaultUserType}>\n                    {capitalize(defaultUserType)}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n              <EntityFilter\n                options={[\n                  { label: 'All', value: '' },\n                  { label: 'Verified', value: 'verified' },\n                  { label: 'Unverified', value: 'unverified' },\n                ]}\n                placeholder=\"Verification\"\n              />\n            </div>\n          }\n          sort={\n            <EntitySort\n              defaultSort=\"createdAt\"\n              defaultOrder=\"desc\"\n              options={[\n                { label: 'Name', value: 'fullName' },\n                { label: 'Phone', value: 'phone' },\n                { label: 'Email', value: 'email' },\n                { label: 'Type', value: 'userType' },\n                { label: 'Roles', value: 'roleCount' },\n                { label: 'Last login', value: 'lastSignInAt' },\n                { label: 'Session', value: 'activeSessionCount' },\n                { label: 'Created', value: 'createdAt' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <UsersList\n          data={users}\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={() => setInviteOpen(true)}\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 { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EntityDrawer,\n  EntityFormActions,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Textarea,\n} from '@mesob/ui/components';\nimport { IconDownload, IconUsers } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport type { ChangeEvent } from 'react';\nimport { useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { authApi$ } from '../../shared/page-helpers';\nimport type {\n  BulkInviteFailure,\n  BulkInviteResponse,\n} from './invite-user-shared';\nimport {\n  downloadInviteTemplate,\n  InviteResultCard,\n  inviteTemplateCsv,\n  parseBulkInviteCsv,\n} from './invite-user-shared';\n\nconst schema = z.object({\n  sourceFile: z.string().optional(),\n  csvText: z.string().trim().min(1, 'CSV text is required'),\n});\n\ntype FormData = z.infer<typeof schema>;\n\ntype BulkInviteUserFormProps = {\n  open: boolean;\n  onClose: () => void;\n};\n\nconst defaults: FormData = {\n  sourceFile: '',\n  csvText: '',\n};\n\nexport function BulkInviteUserForm({ open, onClose }: BulkInviteUserFormProps) {\n  const qc = useQueryClient();\n  const [invited, setInvited] = useState<BulkInviteResponse['invited']>([]);\n  const [failed, setFailed] = useState<BulkInviteFailure[]>([]);\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(schema),\n    defaultValues: defaults,\n  });\n  const { control, formState, getValues, reset, setValue } = form;\n\n  const inviteBulk = authApi$.useMutation('post', '/users/invite/bulk', {\n    onSuccess: async () => {\n      await qc.invalidateQueries({ queryKey: ['get', '/users'] });\n    },\n  });\n\n  useEffect(() => {\n    if (open) {\n      return;\n    }\n\n    reset(defaults);\n    setInvited([]);\n    setFailed([]);\n  }, [open, reset]);\n\n  const handleFileChange = async (\n    event: ChangeEvent<HTMLInputElement>,\n    onChange: (value: string) => void,\n  ) => {\n    const file = event.target.files?.[0];\n\n    if (!file) {\n      return;\n    }\n\n    try {\n      const text = await file.text();\n      onChange(file.name);\n      setValue('csvText', text, {\n        shouldDirty: true,\n        shouldValidate: true,\n      });\n      toast.success(`Loaded ${file.name}`);\n    } catch (error) {\n      toast.error(\n        error instanceof Error ? error.message : 'Failed to read CSV file',\n      );\n    } finally {\n      event.target.value = '';\n    }\n  };\n\n  const onSubmit = form.handleSubmit(async (values) => {\n    try {\n      const result = await inviteBulk.mutateAsync({\n        body: {\n          users: parseBulkInviteCsv(values.csvText),\n        },\n      });\n\n      setInvited(result.invited);\n      setFailed(result.failed);\n      toast.success(\n        `Bulk invite finished: ${result.invited.length} invited, ${result.failed.length} failed`,\n      );\n    } catch (error) {\n      toast.error(\n        error instanceof Error ? error.message : 'Failed to bulk invite users',\n      );\n    }\n  });\n\n  return (\n    <EntityDrawer\n      title=\"Bulk invite users\"\n      open={open}\n      onClose={onClose}\n      isDirty={formState.isDirty}\n      size=\"xl\"\n      form={\n        <Form {...form}>\n          <form onSubmit={onSubmit} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">\n                Download the CSV template, fill it with your users, then upload\n                or paste the CSV below.\n              </p>\n              <Button\n                variant=\"outline\"\n                onClick={downloadInviteTemplate}\n                leftIcon={<IconDownload className=\"size-4\" />}\n              >\n                Download template\n              </Button>\n            </div>\n\n            <FormField\n              control={control}\n              name=\"sourceFile\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Upload CSV</FormLabel>\n                  <FormControl>\n                    <Input\n                      type=\"file\"\n                      accept=\".csv,text/csv\"\n                      onChange={(event) =>\n                        handleFileChange(event, field.onChange)\n                      }\n                    />\n                  </FormControl>\n                  {field.value ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      Loaded file: {field.value}\n                    </p>\n                  ) : null}\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={control}\n              name=\"csvText\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>CSV textarea</FormLabel>\n                  <FormControl>\n                    <Textarea\n                      className=\"min-h-[240px] font-mono text-xs\"\n                      placeholder={inviteTemplateCsv}\n                      {...field}\n                    />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {(invited.length > 0 || failed.length > 0) && (\n              <>\n                <Card className=\"border-border/60\">\n                  <CardHeader>\n                    <CardTitle className=\"flex items-center gap-2 text-base\">\n                      <IconUsers className=\"size-4\" />\n                      Invited\n                      <Badge>{invited.length}</Badge>\n                    </CardTitle>\n                  </CardHeader>\n                  <CardContent className=\"space-y-3\">\n                    {invited.length ? (\n                      invited.map((result, index) => (\n                        <InviteResultCard\n                          key={`${result.user.id}-${index}`}\n                          result={result}\n                          index={index}\n                        />\n                      ))\n                    ) : (\n                      <p className=\"text-sm text-muted-foreground\">\n                        Successful invites will show here.\n                      </p>\n                    )}\n                  </CardContent>\n                </Card>\n\n                <Card className=\"border-border/60\">\n                  <CardHeader>\n                    <CardTitle className=\"text-base\">\n                      Failed rows\n                      <Badge className=\"ml-2\" variant=\"destructive\">\n                        {failed.length}\n                      </Badge>\n                    </CardTitle>\n                  </CardHeader>\n                  <CardContent className=\"space-y-3\">\n                    {failed.length ? (\n                      failed.map((failure) => (\n                        <div\n                          key={`${failure.index}-${failure.identifier}`}\n                          className=\"rounded-lg border border-destructive/30 bg-destructive/5 p-4\"\n                        >\n                          <div className=\"flex items-center justify-between gap-3\">\n                            <span className=\"font-medium\">\n                              row {failure.index + 1}\n                            </span>\n                            {failure.identifier ? (\n                              <Badge variant=\"outline\">\n                                {failure.identifier}\n                              </Badge>\n                            ) : null}\n                          </div>\n                          <p className=\"mt-2 text-sm text-muted-foreground\">\n                            {failure.error}\n                          </p>\n                        </div>\n                      ))\n                    ) : (\n                      <p className=\"text-sm text-muted-foreground\">\n                        Failed invites will show here.\n                      </p>\n                    )}\n                  </CardContent>\n                </Card>\n              </>\n            )}\n          </form>\n        </Form>\n      }\n      actions={\n        <EntityFormActions\n          mode=\"new\"\n          onSubmit={onSubmit}\n          onReset={() => {\n            reset(defaults);\n            setInvited([]);\n            setFailed([]);\n          }}\n          isSubmitting={inviteBulk.isPending}\n          submitLabel=\"Invite\"\n          disabled={!getValues('csvText').trim()}\n        />\n      }\n    />\n  );\n}\n","'use client';\n\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@mesob/ui/components';\nimport type { paths } from '../../../../data/openapi';\n\ntype InviteUserPayload = NonNullable<\n  NonNullable<\n    paths['/users/invite']['post']['requestBody']\n  >['content']['application/json']\n>;\n\ntype InviteResult =\n  paths['/users/invite']['post']['responses'][201]['content']['application/json'];\n\ntype BulkInviteResponse =\n  paths['/users/invite/bulk']['post']['responses'][200]['content']['application/json'];\n\ntype BulkInviteFailure = BulkInviteResponse['failed'][number];\n\nconst inviteTemplateCsv = `fullName,email,phone,emailVerified,phoneVerified,sendVia,password\nLulit Demo,lulit@example.com,,true,false,email,\nAbel Demo,,+251911223344,false,true,sms|email,TempPass123!\nMarta Demo,marta@example.com,+251922334455,true,true,email|sms,`;\n\nconst defaultInviteUserValues = {\n  fullName: '',\n  email: '',\n  phone: '',\n  password: '',\n  emailVerified: false,\n  phoneVerified: false,\n  viaEmail: false,\n  viaSms: false,\n};\n\nfunction buildInviteUserPayload(\n  values: typeof defaultInviteUserValues,\n): InviteUserPayload {\n  return {\n    fullName: values.fullName.trim(),\n    email: values.email.trim() || undefined,\n    phone: values.phone.trim() || undefined,\n    password: values.password.trim() || undefined,\n    emailVerified: values.emailVerified,\n    phoneVerified: values.phoneVerified,\n    sendVia: [\n      values.viaEmail ? 'email' : null,\n      values.viaSms ? 'sms' : null,\n    ].filter(Boolean) as InviteUserPayload['sendVia'],\n  };\n}\n\nfunction parseCsvLine(line: string) {\n  const cells: string[] = [];\n  let current = '';\n  let quoted = false;\n\n  for (let i = 0; i < line.length; i += 1) {\n    const char = line[i];\n    const next = line[i + 1];\n\n    if (char === '\"' && quoted && next === '\"') {\n      current += '\"';\n      i += 1;\n      continue;\n    }\n\n    if (char === '\"') {\n      quoted = !quoted;\n      continue;\n    }\n\n    if (char === ',' && !quoted) {\n      cells.push(current.trim());\n      current = '';\n      continue;\n    }\n\n    current += char;\n  }\n\n  cells.push(current.trim());\n  return cells;\n}\n\nfunction parseBoolean(value: string | undefined) {\n  if (!value) {\n    return false;\n  }\n\n  return ['true', '1', 'yes', 'y'].includes(value.trim().toLowerCase());\n}\n\nfunction parseSendVia(value: string | undefined) {\n  if (!value) {\n    return [];\n  }\n\n  return value\n    .split('|')\n    .map((item) => item.trim().toLowerCase())\n    .filter(\n      (item): item is NonNullable<InviteUserPayload['sendVia']>[number] =>\n        item === 'email' || item === 'sms',\n    );\n}\n\nfunction parseBulkInviteCsv(text: string): InviteUserPayload[] {\n  const lines = text\n    .split(/\\r?\\n/)\n    .map((line) => line.trim())\n    .filter(Boolean);\n\n  if (!lines.length) {\n    throw new Error('Paste at least one CSV row.');\n  }\n\n  const header = parseCsvLine(lines[0]).map((cell) => cell.toLowerCase());\n  const hasHeader = header.includes('fullname');\n  const rows = hasHeader ? lines.slice(1) : lines;\n\n  if (!rows.length) {\n    throw new Error('CSV only has a header row.');\n  }\n\n  const keys = hasHeader\n    ? header\n    : [\n        'fullName',\n        'email',\n        'phone',\n        'emailVerified',\n        'phoneVerified',\n        'sendVia',\n        'password',\n      ];\n\n  return rows.map((line, index) => {\n    const values = parseCsvLine(line);\n    const record = Object.fromEntries(\n      keys.map((key, valueIndex) => [key, values[valueIndex] ?? '']),\n    );\n    const fullName = String(\n      record.fullname || record.fullName || record.name || '',\n    ).trim();\n    const email = String(record.email || '').trim();\n    const phone = String(record.phone || '').trim();\n\n    if (!fullName) {\n      throw new Error(`Row ${index + 1}: fullName is required.`);\n    }\n\n    if (!(email || phone)) {\n      throw new Error(`Row ${index + 1}: email or phone is required.`);\n    }\n\n    return {\n      fullName,\n      email: email || undefined,\n      phone: phone || undefined,\n      password: String(record.password || '').trim() || undefined,\n      emailVerified: parseBoolean(\n        String(record.emailverified || record.emailVerified || ''),\n      ),\n      phoneVerified: parseBoolean(\n        String(record.phoneverified || record.phoneVerified || ''),\n      ),\n      sendVia: parseSendVia(String(record.sendvia || record.sendVia || '')),\n    };\n  });\n}\n\nfunction downloadInviteTemplate() {\n  const blob = new Blob([inviteTemplateCsv], {\n    type: 'text/csv;charset=utf-8',\n  });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n\n  link.href = url;\n  link.download = 'users-bulk-invite-template.csv';\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\nfunction DeliveryBadges({ delivery }: { delivery: InviteResult['delivery'] }) {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      {delivery.email ? (\n        <Badge\n          variant={delivery.email === 'failed' ? 'destructive' : 'outline'}\n        >\n          email: {delivery.email}\n        </Badge>\n      ) : null}\n      {delivery.sms ? (\n        <Badge variant={delivery.sms === 'failed' ? 'destructive' : 'outline'}>\n          sms: {delivery.sms}\n        </Badge>\n      ) : null}\n      {delivery.email || delivery.sms ? null : (\n        <Badge variant=\"secondary\">no delivery</Badge>\n      )}\n    </div>\n  );\n}\n\nfunction InviteResultCard({\n  result,\n  index,\n}: {\n  result: InviteResult;\n  index?: number;\n}) {\n  return (\n    <Card className=\"border-border/60 bg-background/70\">\n      <CardHeader className=\"pb-3\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div>\n            <CardTitle className=\"text-base\">{result.user.fullName}</CardTitle>\n            <CardDescription>\n              {result.user.email || result.user.phone || 'No identifier'}\n            </CardDescription>\n          </div>\n          <div className=\"flex gap-2\">\n            {typeof index === 'number' ? (\n              <Badge variant=\"outline\">row {index + 1}</Badge>\n            ) : null}\n            <Badge variant={result.hasPassword ? 'secondary' : 'default'}>\n              {result.hasPassword ? 'password set' : 'set-password flow'}\n            </Badge>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-3 text-sm\">\n        <div className=\"flex flex-wrap gap-2\">\n          <Badge variant={result.user.emailVerified ? 'default' : 'secondary'}>\n            email {result.user.emailVerified ? 'verified' : 'pending'}\n          </Badge>\n          <Badge variant={result.user.phoneVerified ? 'default' : 'secondary'}>\n            phone {result.user.phoneVerified ? 'verified' : 'pending'}\n          </Badge>\n        </div>\n        <DeliveryBadges delivery={result.delivery} />\n        {result.inviteUrl ? (\n          <p className=\"rounded-md border border-dashed border-border/70 bg-muted/40 px-3 py-2 font-mono text-xs break-all\">\n            {result.inviteUrl}\n          </p>\n        ) : null}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport {\n  buildInviteUserPayload,\n  defaultInviteUserValues,\n  downloadInviteTemplate,\n  inviteTemplateCsv,\n  InviteResultCard,\n  parseBulkInviteCsv,\n};\nexport type { BulkInviteFailure, BulkInviteResponse, InviteResult };\n","'use client';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport {\n  Checkbox,\n  EntityDrawer,\n  EntityFormActions,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Stack,\n} from '@mesob/ui/components';\nimport { useQueryClient } from '@tanstack/react-query';\nimport type { ComponentProps } from 'react';\nimport { useEffect, useState } from 'react';\nimport { useForm, useWatch } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { authApi$ } from '../../shared/page-helpers';\nimport {\n  buildInviteUserPayload,\n  defaultInviteUserValues,\n  InviteResultCard,\n} from './invite-user-shared';\n\nconst schema = z\n  .object({\n    fullName: z.string().trim().min(1, 'Full name is required'),\n    email: z.string().email('Invalid email').or(z.literal('')),\n    phone: z.string(),\n    password: z.string(),\n    emailVerified: z.boolean(),\n    phoneVerified: z.boolean(),\n    viaEmail: z.boolean(),\n    viaSms: z.boolean(),\n  })\n  .superRefine((value, ctx) => {\n    if (!(value.email.trim() || value.phone.trim())) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['email'],\n        message: 'Email or phone is required',\n      });\n    }\n  });\n\ntype FormData = z.infer<typeof schema>;\n\ntype InviteUserFormProps = {\n  open: boolean;\n  onClose: () => void;\n};\n\nexport function InviteUserForm({ open, onClose }: InviteUserFormProps) {\n  const qc = useQueryClient();\n  const [result, setResult] = useState<\n    ComponentProps<typeof InviteResultCard>['result'] | null\n  >(null);\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(schema),\n    defaultValues: defaultInviteUserValues,\n  });\n  const { control, formState, reset, setValue } = form;\n  const email = useWatch({ control, name: 'email' }) ?? '';\n  const phone = useWatch({ control, name: 'phone' }) ?? '';\n  const hasEmail = email.trim().length > 0;\n  const hasPhone = phone.trim().length > 0;\n\n  const inviteUser = authApi$.useMutation('post', '/users/invite', {\n    onSuccess: async () => {\n      await qc.invalidateQueries({ queryKey: ['get', '/users'] });\n    },\n  });\n\n  useEffect(() => {\n    if (!hasEmail) {\n      setValue('emailVerified', false, { shouldDirty: false });\n      setValue('viaEmail', false, { shouldDirty: false });\n    }\n  }, [hasEmail, setValue]);\n\n  useEffect(() => {\n    if (!hasPhone) {\n      setValue('phoneVerified', false, { shouldDirty: false });\n      setValue('viaSms', false, { shouldDirty: false });\n    }\n  }, [hasPhone, setValue]);\n\n  useEffect(() => {\n    if (open) {\n      return;\n    }\n\n    reset(defaultInviteUserValues);\n    setResult(null);\n  }, [open, reset]);\n\n  const onSubmit = form.handleSubmit(async (values) => {\n    try {\n      const inviteResult = await inviteUser.mutateAsync({\n        body: buildInviteUserPayload(values),\n      });\n\n      setResult(inviteResult);\n      reset(defaultInviteUserValues);\n      toast.success('User invited');\n    } catch (error) {\n      toast.error(\n        error instanceof Error ? error.message : 'Failed to invite user',\n      );\n    }\n  });\n\n  return (\n    <EntityDrawer\n      title=\"Invite user\"\n      open={open}\n      onClose={onClose}\n      isDirty={formState.isDirty}\n      size=\"lg\"\n      form={\n        <Form {...form}>\n          <form onSubmit={onSubmit} className=\"space-y-4\">\n            <Stack>\n              <FormField\n                control={control}\n                name=\"fullName\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>\n                      Full name <span className=\"text-destructive\">*</span>\n                    </FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"Aster Bekele\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input\n                        type=\"email\"\n                        placeholder=\"aster@example.com\"\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"phone\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Phone</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"+251911223344\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"password\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <Input\n                        type=\"password\"\n                        placeholder=\"Optional\"\n                        {...field}\n                      />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"emailVerified\"\n                render={({ field }) => (\n                  <FormItem>\n                    <div className=\"flex items-start gap-3\">\n                      <FormControl>\n                        <Checkbox\n                          checked={field.value}\n                          disabled={!hasEmail}\n                          onCheckedChange={(checked) =>\n                            field.onChange(checked === true)\n                          }\n                        />\n                      </FormControl>\n                      <div className=\"grid gap-1\">\n                        <FormLabel>Email verified</FormLabel>\n                        <FormMessage />\n                      </div>\n                    </div>\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"phoneVerified\"\n                render={({ field }) => (\n                  <FormItem>\n                    <div className=\"flex items-start gap-3\">\n                      <FormControl>\n                        <Checkbox\n                          checked={field.value}\n                          disabled={!hasPhone}\n                          onCheckedChange={(checked) =>\n                            field.onChange(checked === true)\n                          }\n                        />\n                      </FormControl>\n                      <div className=\"grid gap-1\">\n                        <FormLabel>Phone verified</FormLabel>\n                        <FormMessage />\n                      </div>\n                    </div>\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"viaEmail\"\n                render={({ field }) => (\n                  <FormItem>\n                    <div className=\"flex items-start gap-3\">\n                      <FormControl>\n                        <Checkbox\n                          checked={field.value}\n                          disabled={!hasEmail}\n                          onCheckedChange={(checked) =>\n                            field.onChange(checked === true)\n                          }\n                        />\n                      </FormControl>\n                      <div className=\"grid gap-1\">\n                        <FormLabel>Send email invite</FormLabel>\n                        <FormMessage />\n                      </div>\n                    </div>\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={control}\n                name=\"viaSms\"\n                render={({ field }) => (\n                  <FormItem>\n                    <div className=\"flex items-start gap-3\">\n                      <FormControl>\n                        <Checkbox\n                          checked={field.value}\n                          disabled={!hasPhone}\n                          onCheckedChange={(checked) =>\n                            field.onChange(checked === true)\n                          }\n                        />\n                      </FormControl>\n                      <div className=\"grid gap-1\">\n                        <FormLabel>Send SMS invite</FormLabel>\n                        <FormMessage />\n                      </div>\n                    </div>\n                  </FormItem>\n                )}\n              />\n\n              {result ? <InviteResultCard result={result} /> : null}\n            </Stack>\n          </form>\n        </Form>\n      }\n      actions={\n        <EntityFormActions\n          mode=\"new\"\n          onSubmit={onSubmit}\n          onReset={() => {\n            reset(defaultInviteUserValues);\n            setResult(null);\n          }}\n          isSubmitting={inviteUser.isPending}\n          submitLabel=\"Invite\"\n        />\n      }\n    />\n  );\n}\n","'use client';\n\nimport {\n  Badge,\n  DataTableAction,\n  DataTablePagination,\n  DisplayTable,\n  EntityEmptyState,\n  EntityLoadingState,\n  LocaleText,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  Tr,\n} from '@mesob/ui/components';\nimport { useLocaleConfig } from '@mesob/ui/providers';\nimport {\n  IconCalendar,\n  IconCircleCheck,\n  IconDeviceDesktop,\n  IconUserPlus,\n  IconUsers,\n} from '@tabler/icons-react';\nimport { useLocale } from 'next-intl';\nimport { useState } from 'react';\nimport { Link } from '../../shared/page-helpers';\nimport { UserCard } from './user-card';\nimport { UserForm } from './user-form';\nimport type { User } from './users-data';\n\nfunction resolveRoleName(\n  name: string | Record<string, string> | undefined,\n  locale: string,\n  defaultLanguage: string,\n): string {\n  if (!name) {\n    return '';\n  }\n  if (typeof name === 'string') {\n    return name;\n  }\n  return name[locale] ?? name[defaultLanguage] ?? Object.values(name)[0] ?? '';\n}\n\nfunction roleInitials(name: string, maxWords = 2): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) {\n    return '';\n  }\n  return words\n    .slice(0, maxWords)\n    .map((w) => w.charAt(0))\n    .join('')\n    .toUpperCase();\n}\n\nconst TABLE_COLUMN_COUNT = 6;\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nfunction UserTableRow({\n  user,\n  onEdit,\n  locale,\n  defaultLanguage,\n}: {\n  user: User;\n  onEdit: (id: string) => void;\n  locale: string;\n  defaultLanguage: string;\n}) {\n  return (\n    <Tr className=\"group\">\n      <Td>\n        <Link\n          href={`/iam/users/${user.id}`}\n          className=\"font-medium hover:text-primary hover:underline cursor-pointer\"\n        >\n          {user.fullName}\n        </Link>\n      </Td>\n      <Td>\n        <div className=\"space-y-1\">\n          {user.email && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">{user.email}</span>\n              {user.emailVerified && (\n                <Tooltip>\n                  <TooltipTrigger>\n                    <IconCircleCheck className=\"size-4 text-muted-foreground\" />\n                  </TooltipTrigger>\n                  <TooltipContent>Email verified</TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          {user.phone && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">{user.phone}</span>\n              {user.phoneVerified && (\n                <Tooltip>\n                  <TooltipTrigger>\n                    <IconCircleCheck className=\"size-4 text-muted-foreground\" />\n                  </TooltipTrigger>\n                  <TooltipContent>Phone verified</TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          {!(user.email || user.phone) && (\n            <span className=\"text-muted-foreground\">—</span>\n          )}\n        </div>\n      </Td>\n      <Td>\n        {(user.userType?.length ?? 0) > 0 ? (\n          <div className=\"flex flex-wrap items-center gap-1\">\n            {(user.userType ?? []).slice(0, 3).map((t) => (\n              <Tooltip key={t}>\n                <TooltipTrigger>\n                  <Badge\n                    variant=\"secondary\"\n                    className=\"cursor-default px-1.5 py-0 text-xs font-medium\"\n                  >\n                    {t.charAt(0).toUpperCase()}\n                  </Badge>\n                </TooltipTrigger>\n                <TooltipContent>{capitalize(t)}</TooltipContent>\n              </Tooltip>\n            ))}\n            {(user.userType?.length ?? 0) > 3 && (\n              <Tooltip>\n                <TooltipTrigger>\n                  <Badge\n                    variant=\"secondary\"\n                    className=\"cursor-default px-1.5 py-0 text-xs font-medium text-muted-foreground\"\n                  >\n                    +{(user.userType?.length ?? 0) - 3}\n                  </Badge>\n                </TooltipTrigger>\n                <TooltipContent>\n                  <div className=\"flex flex-col gap-0.5\">\n                    {(user.userType ?? []).slice(3).map((t) => (\n                      <span key={t}>{capitalize(t)}</span>\n                    ))}\n                  </div>\n                </TooltipContent>\n              </Tooltip>\n            )}\n          </div>\n        ) : (\n          <span className=\"text-muted-foreground\">—</span>\n        )}\n      </Td>\n      <Td>\n        {(user.userRoles?.length ?? 0) > 0 ? (\n          <div className=\"flex flex-wrap items-center gap-1\">\n            {(user.userRoles ?? []).slice(0, 2).map((r) => {\n              const nameRecord =\n                typeof r.name === 'object' && r.name !== null\n                  ? r.name\n                  : { en: typeof r.name === 'string' ? r.name : r.code };\n              const label = resolveRoleName(r.name, locale, defaultLanguage);\n              return (\n                <Tooltip key={r.code}>\n                  <TooltipTrigger>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"cursor-default px-1.5 py-0 text-xs font-medium\"\n                    >\n                      {roleInitials(label || r.code) ||\n                        r.code.slice(0, 2).toUpperCase()}\n                    </Badge>\n                  </TooltipTrigger>\n                  <TooltipContent>\n                    <LocaleText text={nameRecord} />\n                  </TooltipContent>\n                </Tooltip>\n              );\n            })}\n            {(user.userRoles?.length ?? 0) > 2 && (\n              <Tooltip>\n                <TooltipTrigger>\n                  <Badge\n                    variant=\"outline\"\n                    className=\"cursor-default px-1.5 py-0 text-xs font-medium text-muted-foreground\"\n                  >\n                    +{(user.userRoles?.length ?? 0) - 2}\n                  </Badge>\n                </TooltipTrigger>\n                <TooltipContent>\n                  <div className=\"flex flex-col gap-0.5\">\n                    {(user.userRoles ?? []).slice(2).map((r) => {\n                      const label = resolveRoleName(\n                        r.name,\n                        locale,\n                        defaultLanguage,\n                      );\n                      return <span key={r.code}>{label || r.code}</span>;\n                    })}\n                  </div>\n                </TooltipContent>\n              </Tooltip>\n            )}\n          </div>\n        ) : (\n          <span className=\"text-muted-foreground\">—</span>\n        )}\n      </Td>\n      <Td>\n        <div className=\"flex flex-wrap items-center gap-3 text-sm text-muted-foreground\">\n          <Tooltip>\n            <TooltipTrigger>\n              <span className=\"flex min-w-[6.5rem] cursor-default items-center gap-1\">\n                <IconCalendar className=\"h-4 w-4 shrink-0\" />\n                {user.lastSignInAt\n                  ? new Date(user.lastSignInAt).toLocaleDateString()\n                  : 'Never'}\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              Last login\n              {user.lastSignInAt\n                ? `: ${new Date(user.lastSignInAt).toLocaleString()}`\n                : ''}\n            </TooltipContent>\n          </Tooltip>\n          {user.createdAt ? (\n            <Tooltip>\n              <TooltipTrigger>\n                <span className=\"flex min-w-[6.5rem] cursor-default items-center gap-1\">\n                  <IconUserPlus className=\"h-4 w-4 shrink-0\" />\n                  {new Date(user.createdAt).toLocaleDateString()}\n                </span>\n              </TooltipTrigger>\n              <TooltipContent>\n                Registration date: {new Date(user.createdAt).toLocaleString()}\n              </TooltipContent>\n            </Tooltip>\n          ) : (\n            <span className=\"min-w-[6.5rem]\" />\n          )}\n          <Tooltip>\n            <TooltipTrigger>\n              <span className=\"flex min-w-[6.5rem] cursor-default items-center gap-1\">\n                <IconDeviceDesktop className=\"h-4 w-4 shrink-0\" />\n                {user.activeSessionCount ?? 0}\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              {user.activeSessionCount === 1\n                ? '1 active session'\n                : `${user.activeSessionCount ?? 0} active sessions`}\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </Td>\n      <Td>\n        <DataTableAction onClick={() => onEdit(user.id)} />\n      </Td>\n    </Tr>\n  );\n}\n\ntype UsersListProps = {\n  data: User[];\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  onCreateNew?: () => void;\n};\n\nexport function UsersList({\n  data,\n  isLoading,\n  view,\n  pageIndex,\n  pageSize,\n  pageCount,\n  totalRows,\n  onPageChange,\n  onPageSizeChange,\n  onCreateNew,\n}: UsersListProps) {\n  const [editingUserId, setEditingUserId] = useState<string | null>(null);\n  const locale = useLocale();\n  const { defaultLanguage } = useLocaleConfig();\n\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={IconUsers}\n        entityName=\"user\"\n        title=\"No users yet\"\n        description=\"Invite your first user to get started.\"\n        actionLabel=\"Invite user\"\n        onAction={onCreateNew}\n      />\n    );\n  }\n  if (view === 'table') {\n    return (\n      <div className=\"space-y-4\">\n        {editingUserId && (\n          <UserForm\n            mode=\"edit\"\n            userId={editingUserId}\n            open\n            onClose={() => setEditingUserId(null)}\n          />\n        )}\n        <DisplayTable withTableBorder>\n          <Thead>\n            <Tr>\n              <Th>Name</Th>\n              <Th>Contact</Th>\n              <Th>Type</Th>\n              <Th>Roles</Th>\n              <Th>Activity</Th>\n              <Th className=\"w-[50px]\" />\n            </Tr>\n          </Thead>\n          <Tbody>\n            {data.map((user) => (\n              <UserTableRow\n                key={user.id}\n                user={user}\n                onEdit={setEditingUserId}\n                locale={locale}\n                defaultLanguage={defaultLanguage}\n              />\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((user) => (\n          <UserCard key={user.id} user={user} />\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"],"mappings":"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","names":["IconUsers","useState","Badge","Card","CardContent","CardHeader","CardTitle","jsx","jsxs","Card","CardHeader","CardTitle","Badge","CardContent","zodResolver","EntityDrawer","EntityFormActions","Form","FormControl","FormField","FormItem","FormLabel","FormMessage","Input","useQueryClient","useEffect","useState","useForm","toast","z","jsx","jsxs","schema","z","useQueryClient","useState","useForm","zodResolver","useEffect","toast","EntityDrawer","Form","FormField","FormItem","FormLabel","FormControl","Input","FormMessage","EntityFormActions","Badge","IconUsers","useState","jsx","jsxs","Badge","useState","IconUsers","jsx","jsxs","capitalize","useState","IconUsers"]}

package/dist/{chunk-A7ORWWM5.js → chunk-NFGFJPCX.js}

@@ -11,6 +11,9 @@ import {
 import {
   defaultEntityQueryOptions
 } from "./chunk-NPW7D2HZ.js";
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 
 // src/pages/iam/users/activity/user-activity-page-content.tsx
 import {
@@ -281,6 +284,11 @@ function RoleSection({ userId }) {
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function UserActivityPageContent({
   userId
+}) {
+  return /* @__PURE__ */ jsx3(IAMGuard, { children: /* @__PURE__ */ jsx3(UserActivityPageContentInner, { userId }) });
+}
+function UserActivityPageContentInner({
+  userId
 }) {
   if (!userId) {
     return null;
@@ -302,4 +310,4 @@ function UserActivityPageContent({
 export {
   UserActivityPageContent
 };
-//# sourceMappingURL=chunk-A7ORWWM5.js.map
+//# sourceMappingURL=chunk-NFGFJPCX.js.map

package/dist/chunk-NFGFJPCX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/users/activity/user-activity-page-content.tsx","../src/pages/iam/users/activity/_components/role-section.tsx","../src/pages/iam/roles/_components/role-selector.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Section,\n} from '@mesob/ui/components';\nimport { IconCalendar } from '@tabler/icons-react';\nimport { IAMGuard } from '../../../../components/iam/iam-guard';\nimport { RoleSection } from './_components/role-section';\n\ntype UserActivityPageContentProps = {\n  userId: string;\n};\n\nexport function UserActivityPageContent({\n  userId,\n}: UserActivityPageContentProps) {\n  return (\n    <IAMGuard>\n      <UserActivityPageContentInner userId={userId} />\n    </IAMGuard>\n  );\n}\n\nfunction UserActivityPageContentInner({\n  userId,\n}: UserActivityPageContentProps) {\n  if (!userId) {\n    return null;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <Card>\n        <CardHeader>\n          <CardTitle>Activity</CardTitle>\n        </CardHeader>\n        <CardContent className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n          <IconCalendar className=\"h-4 w-4\" />\n          Activity (placeholder)\n        </CardContent>\n      </Card>\n      <RoleSection userId={userId} />\n      <Section title=\"Permissions\">test</Section>\n      <Section title=\"Groups\">test</Section>\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  Button,\n  EntityEmptyState,\n  EntityLoadingState,\n  EntitySection,\n  useEntitySectionState,\n} from '@mesob/ui/components';\nimport { IconPlus, IconShield } from '@tabler/icons-react';\nimport { useMemo, useState } from 'react';\nimport { RoleSelector } from '../../../roles/_components/role-selector';\nimport type { Role } from '../../../roles/_components/roles-data';\nimport { str } from '../../../roles/_components/roles-data';\nimport { RolesList } from '../../../roles/_components/roles-list';\nimport {\n  authApi$,\n  defaultEntityQueryOptions,\n} from '../../../shared/page-helpers';\n\nconst LIMIT = 100;\nconst TABLE_COLUMN_COUNT = 4;\n\nfunction filterAndSort(\n  roles: Role[],\n  search: string,\n  sort: string,\n  order: 'asc' | 'desc',\n) {\n  let out = roles;\n  if (search.trim()) {\n    const q = search.trim().toLowerCase();\n    out = out.filter(\n      (r) =>\n        str(r.name).toLowerCase().includes(q) ||\n        r.code.toLowerCase().includes(q),\n    );\n  }\n  const mult = order === 'asc' ? 1 : -1;\n  const by = sort === 'code' ? 'code' : 'createdAt';\n  out = [...out].sort((a, b) =>\n    by === 'code'\n      ? mult * a.code.localeCompare(b.code)\n      : mult *\n        (new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n  );\n  return out;\n}\n\nexport function RoleSection({ userId }: { userId: string }) {\n  const [open, setOpen] = useState(false);\n  const sectionState = useEntitySectionState({\n    defaultSort: 'createdAt',\n    defaultOrder: 'desc',\n    defaultPageSize: 10,\n    filterOptions: [\n      { label: 'All', value: '' },\n      { label: 'By Code', value: 'code' },\n    ],\n    sortOptions: [\n      { label: 'Created', value: 'createdAt' },\n      { label: 'Updated', value: 'updatedAt' },\n      { label: 'Code', value: 'code' },\n    ],\n    views: ['table', 'card'],\n  });\n\n  const { data, isPending, isFetching } = authApi$.useQuery(\n    'get',\n    '/roles',\n    { params: { query: { limit: LIMIT } } },\n    { ...defaultEntityQueryOptions, enabled: open },\n  );\n  const isLoading = isPending || isFetching;\n  const roles = data?.roles ?? [];\n\n  const filtered = useMemo(\n    () =>\n      filterAndSort(\n        roles,\n        sectionState.search,\n        sectionState.sort,\n        sectionState.order,\n      ),\n    [roles, sectionState.search, sectionState.sort, sectionState.order],\n  );\n  const pageCount = Math.ceil(filtered.length / sectionState.pageSize) || 1;\n  const pageIndex = Math.min(sectionState.page - 1, Math.max(0, pageCount - 1));\n  const paginated = useMemo(\n    () =>\n      filtered.slice(\n        pageIndex * sectionState.pageSize,\n        pageIndex * sectionState.pageSize + sectionState.pageSize,\n      ),\n    [filtered, pageIndex, sectionState.pageSize],\n  );\n\n  return (\n    <EntitySection\n      title=\"Role\"\n      state={sectionState}\n      onOpenChange={setOpen}\n      actions={\n        <RoleSelector\n          trigger={\n            <Button variant=\"outline\" size=\"sm\">\n              <IconPlus className=\"h-4 w-4\" />\n              Add role\n            </Button>\n          }\n          multiple\n          onSelect={(roles) => {\n            // TODO: assign roles to user; logging for now\n            // biome-ignore lint/suspicious/noConsole: intentional for now\n            console.log('Selected roles:', userId, roles);\n          }}\n        />\n      }\n      config={{\n        searchPlaceholder: 'Search roles...',\n        filterOptions: sectionState.filterOptions,\n        sortOptions: sectionState.sortOptions,\n        views: sectionState.views,\n      }}\n    >\n      {(state) => (\n        <>\n          {isLoading && (\n            <EntityLoadingState\n              view={state.view as 'table' | 'card'}\n              rowCount={state.pageSize}\n              columnCount={TABLE_COLUMN_COUNT}\n              cardCount={state.pageSize}\n            />\n          )}\n          {!isLoading && filtered.length === 0 && (\n            <EntityEmptyState\n              icon={IconShield}\n              entityName=\"role\"\n              title=\"No roles\"\n              description={\n                roles.length === 0 ? 'No roles in tenant.' : 'No matches.'\n              }\n            />\n          )}\n          {!isLoading && filtered.length > 0 && (\n            <RolesList\n              data={paginated}\n              view={state.view as 'table' | 'card'}\n              pageIndex={pageIndex}\n              pageSize={state.pageSize}\n              pageCount={pageCount}\n              totalRows={filtered.length}\n              onPageChange={(p) => state.setPage(p + 1)}\n              onPageSizeChange={(size) => {\n                state.setPageSize(size);\n                state.setPage(1);\n              }}\n            />\n          )}\n        </>\n      )}\n    </EntitySection>\n  );\n}\n","'use client';\n\nimport {\n  EntitySelector,\n  type EntitySelectorColumn,\n  type EntitySelectorConfig,\n  useEntitySectionState,\n} from '@mesob/ui/components';\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconCalendar, IconShield } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport type { paths } from '../../../../data/openapi';\nimport { authApi$, defaultEntityQueryOptions } from '../../shared/page-helpers';\nimport { RoleCard } from './role-card';\nimport type { Role } from './roles-data';\nimport { str } from './roles-data';\n\nfunction SelectableRoleCard({\n  role,\n  selected,\n  onToggle,\n}: {\n  role: Role;\n  selected: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: div to avoid nested buttons from RoleCard\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          onToggle();\n        }\n      }}\n      className={cn(\n        'cursor-pointer rounded-lg transition-shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        selected && 'ring-primary ring-2',\n      )}\n    >\n      <RoleCard role={role} mode=\"static\" />\n    </div>\n  );\n}\n\nconst roleColumns: EntitySelectorColumn<Role>[] = [\n  {\n    key: 'role',\n    header: 'Role',\n    cell: (role) => (\n      <>\n        <p className=\"font-medium\">{str(role.name) || role.code}</p>\n        <p className=\"text-sm text-muted-foreground\">{role.code}</p>\n      </>\n    ),\n  },\n  {\n    key: 'description',\n    header: 'Description',\n    cell: (role) => (\n      <span className=\"text-muted-foreground line-clamp-1 max-w-[200px]\">\n        {str(role.description) || '—'}\n      </span>\n    ),\n  },\n  {\n    key: 'created',\n    header: 'Created',\n    cell: (role) => (\n      <div className=\"flex items-center gap-1 text-muted-foreground\">\n        <IconCalendar className=\"h-4 w-4\" />\n        {new Date(role.createdAt).toLocaleDateString()}\n      </div>\n    ),\n  },\n];\n\ntype RoleSelectorProps = {\n  trigger: ReactNode;\n  multiple?: boolean;\n  onSelect: (roles: Role[]) => void;\n  modalSize?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n  contentClassName?: string;\n};\n\nexport function RoleSelector({\n  trigger,\n  multiple = true,\n  onSelect,\n  modalSize = 'xl',\n  contentClassName,\n}: RoleSelectorProps) {\n  const state = useEntitySectionState({\n    defaultSort: 'createdAt',\n    defaultOrder: 'desc',\n    defaultPageSize: 10,\n    searchParamName: 'search',\n  });\n  const rolesQuery = state.queryConfig as {\n    params: {\n      query: NonNullable<paths['/roles']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = authApi$.useQuery(\n    'get',\n    '/roles',\n    rolesQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const roles = data?.roles ?? [];\n\n  const config: EntitySelectorConfig<Role> = {\n    title: 'Select role(s)',\n    modalSize,\n    contentClassName,\n    multiple,\n    entityName: 'role',\n    entityIcon: IconShield,\n    columns: roleColumns,\n    columnCount: 3,\n    getItemLabel: (role) => str(role.name) || role.code,\n    searchPlaceholder: 'Search roles...',\n    wrapHeaderInCard: false,\n    filterOptions: [\n      { label: 'All', value: '' },\n      { label: 'By Code', value: 'code' },\n    ],\n    sortOptions: [\n      { label: 'Created', value: 'createdAt' },\n      { label: 'Updated', value: 'updatedAt' },\n      { label: 'Code', value: 'code' },\n    ],\n    showViewToggle: false,\n    renderCard: (role, selected, onToggle) => (\n      <SelectableRoleCard role={role} selected={selected} onToggle={onToggle} />\n    ),\n  };\n\n  return (\n    <EntitySelector<Role>\n      trigger={trigger}\n      config={config}\n      onSelect={onSelect}\n      items={roles}\n      total={data?.total}\n      isLoading={isPending || isFetching}\n      state={state}\n    />\n  );\n}\n"],"mappings":"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","names":["IconCalendar","useEntitySectionState","IconShield","Fragment","jsx","jsxs","useEntitySectionState","roles","IconShield","jsx","jsxs","IconCalendar"]}

package/dist/{chunk-SW7WD64K.js → chunk-NJMNRSJH.js}

@@ -1,3 +1,6 @@
+import {
+  IAMGuard
+} from "./chunk-V6ZHX4LT.js";
 import {
   useApi
 } from "./chunk-AWSAC7RT.js";
@@ -15,6 +18,9 @@ import {
 import { IconCircleCheck } from "@tabler/icons-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function UserDetailPageContent({ userId }) {
+  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(UserDetailPageContentInner, { userId }) });
+}
+function UserDetailPageContentInner({ userId }) {
   const { hooks } = useApi();
   const { data, isLoading } = hooks.useQuery(
     "get",
@@ -74,4 +80,4 @@ function UserDetailPageContent({ userId }) {
 export {
   UserDetailPageContent
 };
-//# sourceMappingURL=chunk-SW7WD64K.js.map
+//# sourceMappingURL=chunk-NJMNRSJH.js.map

package/dist/chunk-NJMNRSJH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/users/_components/user-detail-page-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@mesob/ui/components';\nimport { IconCircleCheck } from '@tabler/icons-react';\nimport { IAMGuard } from '../../../../components/iam/iam-guard';\nimport { useApi } from '../../../../provider';\n\ntype UserDetailPageContentProps = {\n  userId: string;\n};\n\nexport function UserDetailPageContent({ userId }: UserDetailPageContentProps) {\n  return (\n    <IAMGuard>\n      <UserDetailPageContentInner userId={userId} />\n    </IAMGuard>\n  );\n}\n\nfunction UserDetailPageContentInner({ userId }: UserDetailPageContentProps) {\n  const { hooks } = useApi();\n  const { data, isLoading } = hooks.useQuery(\n    'get',\n    '/users/{id}',\n    { params: { path: { id: userId } } },\n    { enabled: !!userId },\n  );\n  const user = data?.user;\n\n  if (!userId) {\n    return null;\n  }\n  if (isLoading || !user) {\n    return <div className=\"h-32 animate-pulse rounded-xl bg-muted mt-4\" />;\n  }\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>User details</CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-2 text-sm\">\n        <p>\n          <span className=\"text-muted-foreground\">Name:</span>{' '}\n          {user.fullName || '—'}\n        </p>\n        <p>\n          <span className=\"text-muted-foreground\">Email:</span>{' '}\n          {user.email ?? '—'}{' '}\n          {user.emailVerified && (\n            <Tooltip>\n              <TooltipTrigger>\n                <IconCircleCheck className=\"inline size-4 text-muted-foreground\" />\n              </TooltipTrigger>\n              <TooltipContent>Email verified</TooltipContent>\n            </Tooltip>\n          )}\n        </p>\n        <p>\n          <span className=\"text-muted-foreground\">Phone:</span>{' '}\n          {user.phone ?? '—'}{' '}\n          {user.phoneVerified && (\n            <Tooltip>\n              <TooltipTrigger>\n                <IconCircleCheck className=\"inline size-4 text-muted-foreground\" />\n              </TooltipTrigger>\n              <TooltipContent>Phone verified</TooltipContent>\n            </Tooltip>\n          )}\n        </p>\n        <p>\n          <span className=\"text-muted-foreground\">Last sign in:</span>{' '}\n          {user.lastSignInAt\n            ? new Date(user.lastSignInAt).toLocaleString()\n            : 'Never'}\n        </p>\n        {user.roleCodes?.length ? (\n          <p>\n            <span className=\"text-muted-foreground\">Roles:</span>{' '}\n            {user.roleCodes.join(', ')}\n          </p>\n        ) : null}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAW1B,cA4BE,YA5BF;AAHC,SAAS,sBAAsB,EAAE,OAAO,GAA+B;AAC5E,SACE,oBAAC,YACC,8BAAC,8BAA2B,QAAgB,GAC9C;AAEJ;AAEA,SAAS,2BAA2B,EAAE,OAAO,GAA+B;AAC1E,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,OAAO,EAAE,EAAE;AAAA,IACnC,EAAE,SAAS,CAAC,CAAC,OAAO;AAAA,EACtB;AACA,QAAM,OAAO,MAAM;AAEnB,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AACA,MAAI,aAAa,CAAC,MAAM;AACtB,WAAO,oBAAC,SAAI,WAAU,+CAA8C;AAAA,EACtE;AAEA,SACE,qBAAC,QACC;AAAA,wBAAC,cACC,8BAAC,aAAU,0BAAY,GACzB;AAAA,IACA,qBAAC,eAAY,WAAU,qBACrB;AAAA,2BAAC,OACC;AAAA,4BAAC,UAAK,WAAU,yBAAwB,mBAAK;AAAA,QAAQ;AAAA,QACpD,KAAK,YAAY;AAAA,SACpB;AAAA,MACA,qBAAC,OACC;AAAA,4BAAC,UAAK,WAAU,yBAAwB,oBAAM;AAAA,QAAQ;AAAA,QACrD,KAAK,SAAS;AAAA,QAAK;AAAA,QACnB,KAAK,iBACJ,qBAAC,WACC;AAAA,8BAAC,kBACC,8BAAC,mBAAgB,WAAU,uCAAsC,GACnE;AAAA,UACA,oBAAC,kBAAe,4BAAc;AAAA,WAChC;AAAA,SAEJ;AAAA,MACA,qBAAC,OACC;AAAA,4BAAC,UAAK,WAAU,yBAAwB,oBAAM;AAAA,QAAQ;AAAA,QACrD,KAAK,SAAS;AAAA,QAAK;AAAA,QACnB,KAAK,iBACJ,qBAAC,WACC;AAAA,8BAAC,kBACC,8BAAC,mBAAgB,WAAU,uCAAsC,GACnE;AAAA,UACA,oBAAC,kBAAe,4BAAc;AAAA,WAChC;AAAA,SAEJ;AAAA,MACA,qBAAC,OACC;AAAA,4BAAC,UAAK,WAAU,yBAAwB,2BAAa;AAAA,QAAQ;AAAA,QAC5D,KAAK,eACF,IAAI,KAAK,KAAK,YAAY,EAAE,eAAe,IAC3C;AAAA,SACN;AAAA,MACC,KAAK,WAAW,SACf,qBAAC,OACC;AAAA,4BAAC,UAAK,WAAU,yBAAwB,oBAAM;AAAA,QAAQ;AAAA,QACrD,KAAK,UAAU,KAAK,IAAI;AAAA,SAC3B,IACE;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}