@mesob/auth-react 0.3.5 → 0.4.1

package/dist/chunk-RT5C7IAE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeletons/table-skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { Skeleton } from '@mesob/ui/components';\n\ntype TableSkeletonProps = {\n  columns?: number;\n  rows?: number;\n};\n\nexport function TableSkeleton({ columns = 5, rows = 10 }: TableSkeletonProps) {\n  const headerKeys = Array.from({ length: columns }, (_, i) => `header-${i}`);\n  const rowKeys = Array.from({ length: rows }, (_, i) => `row-${i}`);\n  const cellKeys = Array.from({ length: rows }, (_, rowIdx) =>\n    Array.from({ length: columns }, (_, colIdx) => `cell-${rowIdx}-${colIdx}`),\n  );\n\n  return (\n    <div className=\"w-full space-y-4\">\n      {/* Header */}\n      <div className=\"flex justify-between items-center\">\n        <Skeleton className=\"h-8 w-48\" />\n        <Skeleton className=\"h-10 w-32\" />\n      </div>\n\n      {/* Search/filters */}\n      <div className=\"flex gap-4\">\n        <Skeleton className=\"h-10 flex-1 max-w-sm\" />\n        <Skeleton className=\"h-10 w-24\" />\n        <Skeleton className=\"h-10 w-24\" />\n      </div>\n\n      {/* Table */}\n      <div className=\"border rounded-lg overflow-hidden\">\n        {/* Table header */}\n        <div className=\"flex gap-4 p-4 bg-muted\">\n          {headerKeys.map((key) => (\n            <Skeleton key={key} className=\"h-4 flex-1\" />\n          ))}\n        </div>\n\n        {/* Table rows */}\n        {rowKeys.map((rowKey, rowIdx) => (\n          <div key={rowKey} className=\"flex gap-4 p-4 border-t\">\n            {cellKeys[rowIdx]?.map((cellKey) => (\n              <Skeleton key={cellKey} className=\"h-4 flex-1\" />\n            ))}\n          </div>\n        ))}\n      </div>\n\n      {/* Pagination */}\n      <div className=\"flex justify-between items-center\">\n        <Skeleton className=\"h-4 w-32\" />\n        <div className=\"flex gap-2\">\n          <Skeleton className=\"h-10 w-20\" />\n          <Skeleton className=\"h-10 w-20\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AAiBnB,SACE,KADF;AAVC,SAAS,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,GAAuB;AAC5E,QAAM,aAAa,MAAM,KAAK,EAAE,QAAQ,QAAQ,GAAG,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE;AAC1E,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,EAAE;AACjE,QAAM,WAAW,MAAM;AAAA,IAAK,EAAE,QAAQ,KAAK;AAAA,IAAG,CAAC,GAAG,WAChD,MAAM,KAAK,EAAE,QAAQ,QAAQ,GAAG,CAACA,IAAG,WAAW,QAAQ,MAAM,IAAI,MAAM,EAAE;AAAA,EAC3E;AAEA,SACE,qBAAC,SAAI,WAAU,oBAEb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,0BAAC,YAAS,WAAU,YAAW;AAAA,MAC/B,oBAAC,YAAS,WAAU,aAAY;AAAA,OAClC;AAAA,IAGA,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,YAAS,WAAU,wBAAuB;AAAA,MAC3C,oBAAC,YAAS,WAAU,aAAY;AAAA,MAChC,oBAAC,YAAS,WAAU,aAAY;AAAA,OAClC;AAAA,IAGA,qBAAC,SAAI,WAAU,qCAEb;AAAA,0BAAC,SAAI,WAAU,2BACZ,qBAAW,IAAI,CAAC,QACf,oBAAC,YAAmB,WAAU,gBAAf,GAA4B,CAC5C,GACH;AAAA,MAGC,QAAQ,IAAI,CAAC,QAAQ,WACpB,oBAAC,SAAiB,WAAU,2BACzB,mBAAS,MAAM,GAAG,IAAI,CAAC,YACtB,oBAAC,YAAuB,WAAU,gBAAnB,OAAgC,CAChD,KAHO,MAIV,CACD;AAAA,OACH;AAAA,IAGA,qBAAC,SAAI,WAAU,qCACb;AAAA,0BAAC,YAAS,WAAU,YAAW;AAAA,MAC/B,qBAAC,SAAI,WAAU,cACb;AAAA,4BAAC,YAAS,WAAU,aAAY;AAAA,QAChC,oBAAC,YAAS,WAAU,aAAY;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAEJ;","names":["_"]}

package/dist/chunk-S3CXCCKL.js

@@ -0,0 +1,272 @@
+import {
+  defaultEntityQueryOptions
+} from "./chunk-NPW7D2HZ.js";
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/components/iam/permissions-page.tsx
+import {
+  Button,
+  EntityFilter,
+  EntityHeader,
+  EntitySearch,
+  EntitySort,
+  EntityViewToggle,
+  PageBody,
+  PageContainer,
+  useBreadcrumbs,
+  useEntityPagination,
+  useEntityParams
+} from "@mesob/ui/components";
+import { IconKey as IconKey2 } from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+
+// src/pages/iam/permissions/_components/permissions-list.tsx
+import {
+  Badge as Badge2,
+  DataTablePagination,
+  DisplayTable,
+  EntityEmptyState,
+  EntityLoadingState,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr
+} from "@mesob/ui/components";
+import { IconKey } from "@tabler/icons-react";
+
+// src/pages/iam/permissions/_components/permission-card.tsx
+import { Badge, Card, CardContent, CardHeader } from "@mesob/ui/components";
+import { jsx, jsxs } from "react/jsx-runtime";
+function descStr(d) {
+  if (d == null) {
+    return "";
+  }
+  if (typeof d === "string") {
+    return d;
+  }
+  if (typeof d === "object" && d !== null && "en" in d) {
+    return String(d.en ?? "");
+  }
+  return String(d);
+}
+function PermissionCard({ permission }) {
+  return /* @__PURE__ */ jsxs(Card, { className: "hover:shadow-md transition-shadow", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "pb-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold", children: permission.activity }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: permission.application }),
+        /* @__PURE__ */ jsx(Badge, { variant: "outline", children: permission.feature })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: descStr(permission.description) && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-2", children: descStr(permission.description) }) })
+  ] });
+}
+
+// src/pages/iam/permissions/_components/permissions-list.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TABLE_COLUMN_COUNT = 4;
+function descStr2(d) {
+  if (d == null) {
+    return "";
+  }
+  if (typeof d === "string") {
+    return d;
+  }
+  if (typeof d === "object" && d !== null && "en" in d) {
+    return String(d.en ?? "");
+  }
+  return String(d);
+}
+function PermissionsList({
+  data,
+  isLoading,
+  view,
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalRows,
+  onPageChange,
+  onPageSizeChange
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx2(
+      EntityLoadingState,
+      {
+        view,
+        rowCount: pageSize,
+        columnCount: TABLE_COLUMN_COUNT,
+        cardCount: pageSize
+      }
+    );
+  }
+  if (totalRows === 0) {
+    return /* @__PURE__ */ jsx2(
+      EntityEmptyState,
+      {
+        icon: IconKey,
+        entityName: "permission",
+        title: "No permissions",
+        description: "Permissions are managed by the system."
+      }
+    );
+  }
+  if (view === "table") {
+    return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs2(DisplayTable, { withTableBorder: true, children: [
+        /* @__PURE__ */ jsx2(Thead, { children: /* @__PURE__ */ jsxs2(Tr, { children: [
+          /* @__PURE__ */ jsx2(Th, { children: "Application" }),
+          /* @__PURE__ */ jsx2(Th, { children: "Feature" }),
+          /* @__PURE__ */ jsx2(Th, { children: "Activity" }),
+          /* @__PURE__ */ jsx2(Th, { children: "Description" })
+        ] }) }),
+        /* @__PURE__ */ jsx2(Tbody, { children: data.map((p) => /* @__PURE__ */ jsxs2(Tr, { children: [
+          /* @__PURE__ */ jsx2(Td, { children: /* @__PURE__ */ jsx2(Badge2, { variant: "secondary", children: p.application }) }),
+          /* @__PURE__ */ jsx2(Td, { children: /* @__PURE__ */ jsx2(Badge2, { variant: "outline", children: p.feature }) }),
+          /* @__PURE__ */ jsx2(Td, { children: /* @__PURE__ */ jsx2("span", { className: "font-medium", children: p.activity }) }),
+          /* @__PURE__ */ jsx2(Td, { children: /* @__PURE__ */ jsx2("span", { className: "text-muted-foreground line-clamp-1 max-w-[200px]", children: descStr2(p.description) || "\u2014" }) })
+        ] }, p.id)) })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        DataTablePagination,
+        {
+          pageIndex,
+          pageSize,
+          pageCount,
+          totalRows,
+          onPageChange,
+          onPageSizeChange
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: data.map((p) => /* @__PURE__ */ jsx2(PermissionCard, { permission: p }, p.id)) }),
+    /* @__PURE__ */ jsx2(
+      DataTablePagination,
+      {
+        pageIndex,
+        pageSize,
+        pageCount,
+        totalRows,
+        onPageChange,
+        onPageSizeChange
+      }
+    )
+  ] });
+}
+
+// src/components/iam/permissions-page.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PermissionsPage() {
+  const { hooks } = useApi();
+  const qc = useQueryClient();
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "IAM", href: "/iam/permissions" },
+      { label: "Permissions" }
+    ]
+  });
+  const { queryConfig, params, setParams } = useEntityParams({
+    searchKey: "search",
+    defaultSort: "id",
+    defaultOrder: "asc"
+  });
+  const permissionsQuery = queryConfig;
+  const { data, isPending, isFetching } = hooks.useQuery(
+    "get",
+    "/permissions",
+    permissionsQuery,
+    defaultEntityQueryOptions
+  );
+  const seedPermissions = hooks.useMutation("post", "/permissions/seed", {
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["get", "/permissions"] });
+      toast.success("Permissions seeded");
+    },
+    onError: () => {
+      toast.error("Failed to seed permissions");
+    }
+  });
+  const isLoading = isPending || isFetching;
+  const permissions = data?.permissions ?? [];
+  const { total, pageCount } = useEntityPagination({
+    items: permissions,
+    total: data?.total,
+    pageSize: params.pageSize
+  });
+  return /* @__PURE__ */ jsx3(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsxs3(PageBody, { className: "px-0", children: [
+    /* @__PURE__ */ jsx3(
+      EntityHeader,
+      {
+        icon: /* @__PURE__ */ jsx3(IconKey2, { className: "h-5 w-5" }),
+        title: "Permissions",
+        actions: /* @__PURE__ */ jsx3(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => seedPermissions.mutate({}),
+            loading: seedPermissions.isPending,
+            children: "Seed permissions"
+          }
+        ),
+        search: /* @__PURE__ */ jsx3(
+          EntitySearch,
+          {
+            paramKey: "search",
+            placeholder: "Search permissions..."
+          }
+        ),
+        filter: /* @__PURE__ */ jsx3(
+          EntityFilter,
+          {
+            options: [
+              { label: "All", value: "" },
+              { label: "Application", value: "application" },
+              { label: "Feature", value: "feature" },
+              { label: "Activity", value: "activity" }
+            ],
+            placeholder: "Search field"
+          }
+        ),
+        sort: /* @__PURE__ */ jsx3(
+          EntitySort,
+          {
+            defaultSort: "id",
+            defaultOrder: "asc",
+            options: [
+              { label: "ID", value: "id" },
+              { label: "Application", value: "application" },
+              { label: "Feature", value: "feature" },
+              { label: "Activity", value: "activity" }
+            ]
+          }
+        ),
+        view: /* @__PURE__ */ jsx3(EntityViewToggle, { views: ["table", "card"] })
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      PermissionsList,
+      {
+        data: permissions,
+        isLoading,
+        view: params.view || "table",
+        pageIndex: params.page - 1,
+        pageSize: params.pageSize,
+        pageCount,
+        totalRows: total,
+        onPageChange: (p) => setParams({ page: p + 1 }),
+        onPageSizeChange: (size) => setParams({ pageSize: size, page: 1 })
+      }
+    )
+  ] }) });
+}
+
+export {
+  PermissionsPage
+};
+//# sourceMappingURL=chunk-S3CXCCKL.js.map

package/dist/chunk-S3CXCCKL.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 } from '../../provider';\n\nexport function PermissionsPage() {\n  const { hooks } = useApi();\n  const qc = useQueryClient();\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: '/dashboard' },\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":"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","names":["IconKey","Badge","jsx","jsxs","descStr","Badge","jsx","jsxs","IconKey"]}

package/dist/chunk-SOCZK4CV.js

@@ -0,0 +1,69 @@
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/pages/iam/users/_components/user-detail-layout-content.tsx
+import { toTitleCase } from "@mesob/common";
+import {
+  Button,
+  EntityDetailHeader,
+  PageContainer,
+  useBreadcrumbs
+} from "@mesob/ui/components";
+import { IconUser } from "@tabler/icons-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function UserDetailLayoutContent({
+  userId,
+  children
+}) {
+  const { hooks } = useApi();
+  const { data, isLoading } = hooks.useQuery(
+    "get",
+    "/users/{id}",
+    { params: { path: { id: userId } } },
+    { enabled: !!userId }
+  );
+  const user = data?.user;
+  const title = toTitleCase(user?.fullName || userId || "User");
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "IAM", href: "/iam" },
+      { label: "Users", href: "/iam/users" },
+      { label: title }
+    ]
+  });
+  const tabs = useMemo(
+    () => [
+      { value: "detail", name: "Detail", href: `/iam/users/${userId}` },
+      {
+        value: "activity",
+        name: "Activity",
+        href: `/iam/users/${userId}/activity`
+      }
+    ],
+    [userId]
+  );
+  if (!userId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(
+      EntityDetailHeader,
+      {
+        title,
+        icon: /* @__PURE__ */ jsx(IconUser, {}),
+        tabs,
+        loading: isLoading,
+        actions: /* @__PURE__ */ jsx(Button, { children: "Test Button" })
+      }
+    ),
+    children
+  ] });
+}
+
+export {
+  UserDetailLayoutContent
+};
+//# sourceMappingURL=chunk-SOCZK4CV.js.map

package/dist/chunk-SOCZK4CV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/users/_components/user-detail-layout-content.tsx"],"sourcesContent":["'use client';\n\nimport { toTitleCase } from '@mesob/common';\nimport {\n  Button,\n  EntityDetailHeader,\n  PageContainer,\n  type TabItem,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconUser } from '@tabler/icons-react';\nimport { useMemo } from 'react';\nimport { useApi } from '../../../../provider';\n\ntype UserDetailLayoutContentProps = {\n  userId: string;\n  children: React.ReactNode;\n};\n\nexport function UserDetailLayoutContent({\n  userId,\n  children,\n}: UserDetailLayoutContentProps) {\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  const title = toTitleCase(user?.fullName || userId || 'User');\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: '/dashboard' },\n      { label: 'IAM', href: '/iam' },\n      { label: 'Users', href: '/iam/users' },\n      { label: title },\n    ],\n  });\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { value: 'detail', name: 'Detail', href: `/iam/users/${userId}` },\n      {\n        value: 'activity',\n        name: 'Activity',\n        href: `/iam/users/${userId}/activity`,\n      },\n    ],\n    [userId],\n  );\n\n  if (!userId) {\n    return null;\n  }\n\n  return (\n    <PageContainer>\n      <EntityDetailHeader\n        title={title}\n        icon={<IconUser />}\n        tabs={tabs}\n        loading={isLoading}\n        actions={<Button>Test Button</Button>}\n      />\n      {children}\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAiDpB,SAGU,KAHV;AAzCG,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAAiC;AAC/B,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,QAAM,QAAQ,YAAY,MAAM,YAAY,UAAU,MAAM;AAE5D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,aAAa;AAAA,MACpC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,MAC7B,EAAE,OAAO,SAAS,MAAM,aAAa;AAAA,MACrC,EAAE,OAAO,MAAM;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,OAAkB;AAAA,IACtB,MAAM;AAAA,MACJ,EAAE,OAAO,UAAU,MAAM,UAAU,MAAM,cAAc,MAAM,GAAG;AAAA,MAChE;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM,cAAc,MAAM;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,iBACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,oBAAC,YAAS;AAAA,QAChB;AAAA,QACA,SAAS;AAAA,QACT,SAAS,oBAAC,UAAO,yBAAW;AAAA;AAAA,IAC9B;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-T6P7UHVP.js

@@ -0,0 +1,34 @@
+import {
+  useConfig
+} from "./chunk-72YRO3A7.js";
+
+// src/pages/iam/shared/navigation.tsx
+import { useMesob } from "@mesob/ui/providers";
+import { jsx } from "react/jsx-runtime";
+function AppLink({ href, children, ...props }) {
+  const mesob = useMesob();
+  const Link = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const locale = mesob?.locale;
+  if (Link) {
+    return /* @__PURE__ */ jsx(Link, { href, ...locale ? { locale } : {}, ...props, children });
+  }
+  return /* @__PURE__ */ jsx("a", { href, ...props, children });
+}
+function useNavigate() {
+  const { config } = useConfig();
+  return (href) => {
+    if (config.navigation?.onNavigate) {
+      config.navigation.onNavigate(href);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      window.location.href = href;
+    }
+  };
+}
+
+export {
+  AppLink,
+  useNavigate
+};
+//# sourceMappingURL=chunk-T6P7UHVP.js.map

package/dist/chunk-T6P7UHVP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/iam/shared/navigation.tsx"],"sourcesContent":["'use client';\n\nimport { useMesob } from '@mesob/ui/providers';\nimport type { ReactNode } from 'react';\nimport { useConfig } from '../../../provider';\n\ntype AppLinkProps = React.ComponentProps<'a'> & {\n  href: string;\n  children: ReactNode;\n};\n\nexport function AppLink({ href, children, ...props }: AppLinkProps) {\n  const mesob = useMesob();\n  const Link = mesob?.linkComponent ?? mesob?.navigation?.Link;\n  const locale = mesob?.locale;\n\n  if (Link) {\n    return (\n      <Link href={href} {...(locale ? ({ locale } as object) : {})} {...props}>\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <a href={href} {...props}>\n      {children}\n    </a>\n  );\n}\n\nexport function useNavigate() {\n  const { config } = useConfig();\n\n  return (href: string) => {\n    if (config.navigation?.onNavigate) {\n      config.navigation.onNavigate(href);\n      return;\n    }\n\n    if (typeof window !== 'undefined') {\n      window.location.href = href;\n    }\n  };\n}\n"],"mappings":";;;;;AAEA,SAAS,gBAAgB;AAgBnB;AAPC,SAAS,QAAQ,EAAE,MAAM,UAAU,GAAG,MAAM,GAAiB;AAClE,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,OAAO,iBAAiB,OAAO,YAAY;AACxD,QAAM,SAAS,OAAO;AAEtB,MAAI,MAAM;AACR,WACE,oBAAC,QAAK,MAAa,GAAI,SAAU,EAAE,OAAO,IAAe,CAAC,GAAK,GAAG,OAC/D,UACH;AAAA,EAEJ;AAEA,SACE,oBAAC,OAAE,MAAa,GAAG,OAChB,UACH;AAEJ;AAEO,SAAS,cAAc;AAC5B,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,SAAO,CAAC,SAAiB;AACvB,QAAI,OAAO,YAAY,YAAY;AACjC,aAAO,WAAW,WAAW,IAAI;AACjC;AAAA,IACF;AAEA,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-TFVBER3Y.js

@@ -0,0 +1,52 @@
+import {
+  TableSkeleton
+} from "./chunk-RT5C7IAE.js";
+
+// src/components/shared/data-table.tsx
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@mesob/ui/components";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DataTable({
+  data,
+  columns,
+  isLoading,
+  onRowClick,
+  emptyMessage = "No data available",
+  actions
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(TableSkeleton, { columns: columns.length, rows: 5 });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] p-6", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: emptyMessage }),
+      actions && /* @__PURE__ */ jsx("div", { className: "mt-4", children: actions })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-4", children: [
+    actions && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: actions }),
+    /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(TableHead, { children: column.header }, column.key)) }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: data.map((row) => /* @__PURE__ */ jsx(
+        TableRow,
+        {
+          onClick: () => onRowClick?.(row),
+          className: onRowClick ? "cursor-pointer hover:bg-muted/50" : "",
+          children: columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: column.cell(row) }, `${row.id}-${column.key}`))
+        },
+        row.id
+      )) })
+    ] }) })
+  ] });
+}
+
+export {
+  DataTable
+};
+//# sourceMappingURL=chunk-TFVBER3Y.js.map

package/dist/chunk-TFVBER3Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/shared/data-table.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@mesob/ui/components';\nimport type { ReactNode } from 'react';\nimport { TableSkeleton } from '../skeletons/table-skeleton';\n\nexport type DataTableColumn<T> = {\n  key: string;\n  header: string;\n  cell: (row: T) => ReactNode;\n  sortable?: boolean;\n};\n\ntype DataTableProps<T> = {\n  data: T[];\n  columns: DataTableColumn<T>[];\n  isLoading?: boolean;\n  onRowClick?: (row: T) => void;\n  emptyMessage?: string;\n  actions?: ReactNode;\n};\n\nexport function DataTable<T extends { id: string }>({\n  data,\n  columns,\n  isLoading,\n  onRowClick,\n  emptyMessage = 'No data available',\n  actions,\n}: DataTableProps<T>) {\n  if (isLoading) {\n    return <TableSkeleton columns={columns.length} rows={5} />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-[400px] p-6\">\n        <p className=\"text-muted-foreground\">{emptyMessage}</p>\n        {actions && <div className=\"mt-4\">{actions}</div>}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full space-y-4\">\n      {actions && <div className=\"flex justify-end\">{actions}</div>}\n\n      <div className=\"border rounded-lg overflow-hidden\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {columns.map((column) => (\n                <TableHead key={column.key}>{column.header}</TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {data.map((row) => (\n              <TableRow\n                key={row.id}\n                onClick={() => onRowClick?.(row)}\n                className={onRowClick ? 'cursor-pointer hover:bg-muted/50' : ''}\n              >\n                {columns.map((column) => (\n                  <TableCell key={`${row.id}-${column.key}`}>\n                    {column.cell(row)}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA6BI,cAKL,YALK;AATJ,SAAS,UAAoC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,WAAO,oBAAC,iBAAc,SAAS,QAAQ,QAAQ,MAAM,GAAG;AAAA,EAC1D;AAEA,MAAI,KAAK,WAAW,GAAG;AACrB,WACE,qBAAC,SAAI,WAAU,+DACb;AAAA,0BAAC,OAAE,WAAU,yBAAyB,wBAAa;AAAA,MAClD,WAAW,oBAAC,SAAI,WAAU,QAAQ,mBAAQ;AAAA,OAC7C;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,oBACZ;AAAA,eAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,IAEvD,oBAAC,SAAI,WAAU,qCACb,+BAAC,SACC;AAAA,0BAAC,eACC,8BAAC,YACE,kBAAQ,IAAI,CAAC,WACZ,oBAAC,aAA4B,iBAAO,UAApB,OAAO,GAAoB,CAC5C,GACH,GACF;AAAA,MACA,oBAAC,aACE,eAAK,IAAI,CAAC,QACT;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,aAAa,GAAG;AAAA,UAC/B,WAAW,aAAa,qCAAqC;AAAA,UAE5D,kBAAQ,IAAI,CAAC,WACZ,oBAAC,aACE,iBAAO,KAAK,GAAG,KADF,GAAG,IAAI,EAAE,IAAI,OAAO,GAAG,EAEvC,CACD;AAAA;AAAA,QARI,IAAI;AAAA,MASX,CACD,GACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-UXOZ2TME.js

@@ -0,0 +1,104 @@
+import {
+  DataTable
+} from "./chunk-TFVBER3Y.js";
+import {
+  useApi
+} from "./chunk-72YRO3A7.js";
+
+// src/components/iam/tenants.tsx
+import { Badge, Button } from "@mesob/ui/components";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tenants() {
+  const { hooks } = useApi();
+  const [page, setPage] = useState(1);
+  const limit = 20;
+  const { data, isLoading, error } = hooks.useQuery("get", "/tenants", {
+    params: {
+      query: {
+        page: String(page),
+        limit: String(limit)
+      }
+    }
+  });
+  const columns = [
+    {
+      key: "name",
+      header: "Tenant",
+      cell: (tenant) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium", children: tenant.name }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "/",
+          tenant.slug
+        ] })
+      ] })
+    },
+    {
+      key: "status",
+      header: "Status",
+      cell: (tenant) => /* @__PURE__ */ jsx(Badge, { variant: tenant.status === "active" ? "default" : "secondary", children: tenant.status })
+    },
+    {
+      key: "createdAt",
+      header: "Created",
+      cell: (tenant) => /* @__PURE__ */ jsx("p", { className: "text-sm", children: new Date(tenant.createdAt).toLocaleDateString() })
+    },
+    {
+      key: "actions",
+      header: "Actions",
+      cell: (_tenant) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Domains" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Edit" })
+      ] })
+    }
+  ];
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "p-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-destructive", children: "Error loading tenants" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: "Tenants" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Manage tenant organizations" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { children: "Create Tenant" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: data?.tenants || [],
+        columns,
+        isLoading,
+        emptyMessage: "No tenants found"
+      }
+    ),
+    data && "tenants" in data && data.tenants && data.tenants.length >= limit && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          disabled: page === 1,
+          onClick: () => setPage((prev) => prev - 1),
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        "Page ",
+        page
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => setPage((prev) => prev + 1),
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  Tenants
+};
+//# sourceMappingURL=chunk-UXOZ2TME.js.map

package/dist/chunk-UXOZ2TME.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/iam/tenants.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Button } from '@mesob/ui/components';\nimport { useState } from 'react';\nimport { useApi } from '../../provider';\nimport { DataTable, type DataTableColumn } from '../shared/data-table';\n\n// Tenant type from OpenAPI schema\ntype Tenant = {\n  id: string;\n  name: string;\n  slug: string;\n  status: string;\n  createdAt: string;\n};\n\nexport function Tenants() {\n  const { hooks } = useApi();\n  const [page, setPage] = useState(1);\n  const limit = 20;\n\n  // Use openapi-react-query hooks\n  const { data, isLoading, error } = hooks.useQuery('get', '/tenants', {\n    params: {\n      query: {\n        page: String(page),\n        limit: String(limit),\n      },\n    },\n  });\n\n  const columns: DataTableColumn<Tenant>[] = [\n    {\n      key: 'name',\n      header: 'Tenant',\n      cell: (tenant) => (\n        <div>\n          <p className=\"font-medium\">{tenant.name}</p>\n          <p className=\"text-sm text-muted-foreground\">/{tenant.slug}</p>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (tenant) => (\n        <Badge variant={tenant.status === 'active' ? 'default' : 'secondary'}>\n          {tenant.status}\n        </Badge>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: 'Created',\n      cell: (tenant) => (\n        <p className=\"text-sm\">\n          {new Date(tenant.createdAt).toLocaleDateString()}\n        </p>\n      ),\n    },\n    {\n      key: 'actions',\n      header: 'Actions',\n      cell: (_tenant) => (\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            Domains\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            Edit\n          </Button>\n        </div>\n      ),\n    },\n  ];\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-center\">\n        <p className=\"text-destructive\">Error loading tenants</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full p-6 space-y-4\">\n      <div className=\"flex justify-between items-center\">\n        <div>\n          <h1 className=\"text-3xl font-bold\">Tenants</h1>\n          <p className=\"text-muted-foreground\">Manage tenant organizations</p>\n        </div>\n        <Button>Create Tenant</Button>\n      </div>\n\n      <DataTable\n        data={(data as { tenants: Tenant[] })?.tenants || []}\n        columns={columns}\n        isLoading={isLoading}\n        emptyMessage=\"No tenants found\"\n      />\n\n      {data &&\n        'tenants' in data &&\n        data.tenants &&\n        (data.tenants as Tenant[]).length >= limit && (\n          <div className=\"flex justify-between items-center\">\n            <Button\n              variant=\"outline\"\n              disabled={page === 1}\n              onClick={() => setPage((prev) => prev - 1)}\n            >\n              Previous\n            </Button>\n            <span className=\"text-sm text-muted-foreground\">Page {page}</span>\n            <Button\n              variant=\"outline\"\n              onClick={() => setPage((prev) => prev + 1)}\n            >\n              Next\n            </Button>\n          </div>\n        )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,OAAO,cAAc;AAC9B,SAAS,gBAAgB;AAkCf,cACA,YADA;AArBH,SAAS,UAAU;AACxB,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,QAAQ;AAGd,QAAM,EAAE,MAAM,WAAW,MAAM,IAAI,MAAM,SAAS,OAAO,YAAY;AAAA,IACnE,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,MAAM,OAAO,IAAI;AAAA,QACjB,OAAO,OAAO,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,UAAqC;AAAA,IACzC;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,WACL,qBAAC,SACC;AAAA,4BAAC,OAAE,WAAU,eAAe,iBAAO,MAAK;AAAA,QACxC,qBAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,UAAE,OAAO;AAAA,WAAK;AAAA,SAC7D;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,WACL,oBAAC,SAAM,SAAS,OAAO,WAAW,WAAW,YAAY,aACtD,iBAAO,QACV;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,WACL,oBAAC,OAAE,WAAU,WACV,cAAI,KAAK,OAAO,SAAS,EAAE,mBAAmB,GACjD;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAC,YACL,qBAAC,SAAI,WAAU,cACb;AAAA,4BAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,qBAEpC;AAAA,QACA,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,kBAEpC;AAAA,SACF;AAAA,IAEJ;AAAA,EACF;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,SAAI,WAAU,mBACb,8BAAC,OAAE,WAAU,oBAAmB,mCAAqB,GACvD;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,wBACb;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,sBAAqB,qBAAO;AAAA,QAC1C,oBAAC,OAAE,WAAU,yBAAwB,yCAA2B;AAAA,SAClE;AAAA,MACA,oBAAC,UAAO,2BAAa;AAAA,OACvB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAO,MAAgC,WAAW,CAAC;AAAA,QACnD;AAAA,QACA;AAAA,QACA,cAAa;AAAA;AAAA,IACf;AAAA,IAEC,QACC,aAAa,QACb,KAAK,WACJ,KAAK,QAAqB,UAAU,SACnC,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAU,SAAS;AAAA,UACnB,SAAS,MAAM,QAAQ,CAAC,SAAS,OAAO,CAAC;AAAA,UAC1C;AAAA;AAAA,MAED;AAAA,MACA,qBAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,QAAM;AAAA,SAAK;AAAA,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,QAAQ,CAAC,SAAS,OAAO,CAAC;AAAA,UAC1C;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEN;AAEJ;","names":[]}

package/dist/chunk-V2W3WPCZ.js

@@ -0,0 +1,22 @@
+// src/utils/normalize-phone.ts
+function normalizePhone(phone) {
+  const cleaned = phone.trim().replace(/\s/g, "");
+  if (cleaned.startsWith("+2519") || cleaned.startsWith("+2517")) {
+    return cleaned;
+  }
+  if (cleaned.startsWith("2519") || cleaned.startsWith("2517")) {
+    return `+${cleaned}`;
+  }
+  if (cleaned.startsWith("09") || cleaned.startsWith("07")) {
+    return `+251${cleaned.slice(1)}`;
+  }
+  if ((cleaned.startsWith("9") || cleaned.startsWith("7")) && cleaned.length === 9) {
+    return `+251${cleaned}`;
+  }
+  return cleaned;
+}
+
+export {
+  normalizePhone
+};
+//# sourceMappingURL=chunk-V2W3WPCZ.js.map

package/dist/chunk-V2W3WPCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/normalize-phone.ts"],"sourcesContent":["export function normalizePhone(phone: string): string {\n  const cleaned = phone.trim().replace(/\\s/g, '');\n  if (cleaned.startsWith('+2519') || cleaned.startsWith('+2517')) {\n    return cleaned;\n  }\n  if (cleaned.startsWith('2519') || cleaned.startsWith('2517')) {\n    return `+${cleaned}`;\n  }\n  if (cleaned.startsWith('09') || cleaned.startsWith('07')) {\n    return `+251${cleaned.slice(1)}`;\n  }\n  if (\n    (cleaned.startsWith('9') || cleaned.startsWith('7')) &&\n    cleaned.length === 9\n  ) {\n    return `+251${cleaned}`;\n  }\n  return cleaned;\n}\n"],"mappings":";AAAO,SAAS,eAAe,OAAuB;AACpD,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,OAAO,EAAE;AAC9C,MAAI,QAAQ,WAAW,OAAO,KAAK,QAAQ,WAAW,OAAO,GAAG;AAC9D,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,WAAW,MAAM,KAAK,QAAQ,WAAW,MAAM,GAAG;AAC5D,WAAO,IAAI,OAAO;AAAA,EACpB;AACA,MAAI,QAAQ,WAAW,IAAI,KAAK,QAAQ,WAAW,IAAI,GAAG;AACxD,WAAO,OAAO,QAAQ,MAAM,CAAC,CAAC;AAAA,EAChC;AACA,OACG,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG,MAClD,QAAQ,WAAW,GACnB;AACA,WAAO,OAAO,OAAO;AAAA,EACvB;AACA,SAAO;AACT;","names":[]}