@mesob/auth-react 0.4.7 → 0.5.2

package/dist/pages/iam/tenants.js

@@ -1,14 +1,7 @@
 "use client";
-import {
-  TenantsPage
-} from "../../chunk-6THPM5LB.js";
-import "../../chunk-EWXK56WQ.js";
-import "../../chunk-W3D4HG5W.js";
-import "../../chunk-WY2JJNZW.js";
-import "../../chunk-NPW7D2HZ.js";
-import "../../chunk-V6ZHX4LT.js";
-import "../../chunk-5SDS2E3F.js";
-import "../../chunk-AWSAC7RT.js";
+
+// src/pages/iam/tenants.tsx
+import { TenantsPage } from "@mesob/auth-react/components/iam/tenants-page";
 export {
   TenantsPage as default
 };

package/dist/pages/iam/tenants.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/pages/iam/tenants.tsx"],"sourcesContent":["'use client';\n\nexport { TenantsPage as default } from '@mesob/auth-react/components/iam/tenants-page';\n"],"mappings":";;;AAEA,SAAwB,mBAAe;","names":[]}

package/dist/pages/iam/user-activity.js

@@ -1,16 +1,5 @@
-import {
-  UserActivityPageContent
-} from "../../chunk-NFGFJPCX.js";
-import "../../chunk-MQI6Q2S4.js";
-import "../../chunk-OW75JENQ.js";
-import "../../chunk-W3D4HG5W.js";
-import "../../chunk-WY2JJNZW.js";
-import "../../chunk-NPW7D2HZ.js";
-import "../../chunk-V6ZHX4LT.js";
-import "../../chunk-5SDS2E3F.js";
-import "../../chunk-AWSAC7RT.js";
-
 // src/pages/iam/user-activity.tsx
+import { UserActivityPageContent } from "@mesob/auth-react";
 import { jsx } from "react/jsx-runtime";
 async function UserActivityPage({
   params

package/dist/pages/iam/user-activity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/pages/iam/user-activity.tsx"],"sourcesContent":["import { UserActivityPageContent } from './users/activity/user-activity-page-content';\n\ntype UserActivityPageProps = {\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserActivityPage({\n  params,\n}: UserActivityPageProps) {\n  const { id } = await params;\n\n  return <UserActivityPageContent userId={id} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAWS;AALT,eAAO,iBAAwC;AAAA,EAC7C;AACF,GAA0B;AACxB,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SAAO,oBAAC,2BAAwB,QAAQ,IAAI;AAC9C;","names":[]}
+{"version":3,"sources":["../../../src/pages/iam/user-activity.tsx"],"sourcesContent":["import { UserActivityPageContent } from '@mesob/auth-react';\n\ntype UserActivityPageProps = {\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserActivityPage({\n  params,\n}: UserActivityPageProps) {\n  const { id } = await params;\n\n  return <UserActivityPageContent userId={id} />;\n}\n"],"mappings":";AAAA,SAAS,+BAA+B;AAW/B;AALT,eAAO,iBAAwC;AAAA,EAC7C;AACF,GAA0B;AACxB,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SAAO,oBAAC,2BAAwB,QAAQ,IAAI;AAC9C;","names":[]}

package/dist/pages/iam/user-detail-layout.js

@@ -1,11 +1,5 @@
-import {
-  UserDetailLayoutContent
-} from "../../chunk-X6EUQZSZ.js";
-import "../../chunk-V6ZHX4LT.js";
-import "../../chunk-5SDS2E3F.js";
-import "../../chunk-AWSAC7RT.js";
-
 // src/pages/iam/user-detail-layout.tsx
+import { UserDetailLayoutContent } from "@mesob/auth-react";
 import { jsx } from "react/jsx-runtime";
 async function UserDetailLayoutPage({
   children,

package/dist/pages/iam/user-detail-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/pages/iam/user-detail-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { UserDetailLayoutContent } from './users/_components/user-detail-layout-content';\n\ntype UserDetailLayoutPageProps = {\n  children: ReactNode;\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserDetailLayoutPage({\n  children,\n  params,\n}: UserDetailLayoutPageProps) {\n  const { id } = await params;\n\n  return (\n    <UserDetailLayoutContent userId={id}>{children}</UserDetailLayoutContent>\n  );\n}\n"],"mappings":";;;;;;;;AAeI;AAPJ,eAAO,qBAA4C;AAAA,EACjD;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SACE,oBAAC,2BAAwB,QAAQ,IAAK,UAAS;AAEnD;","names":[]}
+{"version":3,"sources":["../../../src/pages/iam/user-detail-layout.tsx"],"sourcesContent":["import { UserDetailLayoutContent } from '@mesob/auth-react';\nimport type { ReactNode } from 'react';\n\ntype UserDetailLayoutPageProps = {\n  children: ReactNode;\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserDetailLayoutPage({\n  children,\n  params,\n}: UserDetailLayoutPageProps) {\n  const { id } = await params;\n\n  return (\n    <UserDetailLayoutContent userId={id}>{children}</UserDetailLayoutContent>\n  );\n}\n"],"mappings":";AAAA,SAAS,+BAA+B;AAepC;AAPJ,eAAO,qBAA4C;AAAA,EACjD;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SACE,oBAAC,2BAAwB,QAAQ,IAAK,UAAS;AAEnD;","names":[]}

package/dist/pages/iam/user-detail.js

@@ -1,11 +1,5 @@
-import {
-  UserDetailPageContent
-} from "../../chunk-NJMNRSJH.js";
-import "../../chunk-V6ZHX4LT.js";
-import "../../chunk-5SDS2E3F.js";
-import "../../chunk-AWSAC7RT.js";
-
 // src/pages/iam/user-detail.tsx
+import { UserDetailPageContent } from "@mesob/auth-react";
 import { jsx } from "react/jsx-runtime";
 async function UserDetailPage({ params }) {
   const { id } = await params;

package/dist/pages/iam/user-detail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/pages/iam/user-detail.tsx"],"sourcesContent":["import { UserDetailPageContent } from './users/_components/user-detail-page-content';\n\ntype UserDetailPageProps = {\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserDetailPage({ params }: UserDetailPageProps) {\n  const { id } = await params;\n\n  return <UserDetailPageContent userId={id} />;\n}\n"],"mappings":";;;;;;;;AASS;AAHT,eAAO,eAAsC,EAAE,OAAO,GAAwB;AAC5E,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SAAO,oBAAC,yBAAsB,QAAQ,IAAI;AAC5C;","names":[]}
+{"version":3,"sources":["../../../src/pages/iam/user-detail.tsx"],"sourcesContent":["import { UserDetailPageContent } from '@mesob/auth-react';\n\ntype UserDetailPageProps = {\n  params: Promise<{ id: string }>;\n};\n\nexport default async function UserDetailPage({ params }: UserDetailPageProps) {\n  const { id } = await params;\n\n  return <UserDetailPageContent userId={id} />;\n}\n"],"mappings":";AAAA,SAAS,6BAA6B;AAS7B;AAHT,eAAO,eAAsC,EAAE,OAAO,GAAwB;AAC5E,QAAM,EAAE,GAAG,IAAI,MAAM;AAErB,SAAO,oBAAC,yBAAsB,QAAQ,IAAI;AAC5C;","names":[]}

package/dist/pages/iam/users/user-selector.js

@@ -1,13 +1,155 @@
 "use client";
 import {
-  UserSelector
-} from "../../../chunk-GBDNBY6K.js";
-import "../../../chunk-ECF6S2Y2.js";
+  UserCard
+} from "../../../chunk-24E7XFGP.js";
 import "../../../chunk-OW75JENQ.js";
-import "../../../chunk-W3D4HG5W.js";
-import "../../../chunk-WY2JJNZW.js";
-import "../../../chunk-NPW7D2HZ.js";
-import "../../../chunk-AWSAC7RT.js";
+import {
+  authApi$
+} from "../../../chunk-QJOBPOTR.js";
+import "../../../chunk-QHHVGLHT.js";
+import {
+  defaultEntityQueryOptions
+} from "../../../chunk-NPW7D2HZ.js";
+import "../../../chunk-2XIZ27DU.js";
+
+// src/pages/iam/users/_components/user-selector.tsx
+import {
+  EntitySelector,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  useEntitySectionState
+} from "@mesob/ui/components";
+import { cn } from "@mesob/ui/lib/utils";
+import { IconCalendar, IconCircleCheck, IconUsers } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SelectableUserCard({
+  user,
+  selected,
+  onToggle
+}) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: div needed to avoid nested buttons from UserCard
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: onToggle,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            onToggle();
+          }
+        },
+        className: cn(
+          "cursor-pointer rounded-lg transition-shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          selected && "ring-primary ring-2"
+        ),
+        children: /* @__PURE__ */ jsx(UserCard, { user })
+      }
+    )
+  );
+}
+var userColumns = [
+  {
+    key: "name",
+    header: "Name",
+    cell: (user) => /* @__PURE__ */ jsx("p", { className: "font-medium", children: user.fullName })
+  },
+  {
+    key: "contact",
+    header: "Contact",
+    cell: (user) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      user.email && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: user.email }),
+        user.emailVerified && /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(IconCircleCheck, { className: "size-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: "Email verified" })
+        ] })
+      ] }),
+      user.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: user.phone }),
+        user.phoneVerified && /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(IconCircleCheck, { className: "size-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: "Phone verified" })
+        ] })
+      ] }),
+      !(user.email || user.phone) && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
+    ] })
+  },
+  {
+    key: "lastSignIn",
+    header: "Last sign in",
+    cell: (user) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(IconCalendar, { className: "h-4 w-4" }),
+      user.lastSignInAt ? new Date(user.lastSignInAt).toLocaleDateString() : "Never"
+    ] })
+  }
+];
+var EMPTY_EXCLUDE_IDS = [];
+function UserSelector({
+  trigger,
+  multiple = false,
+  onSelect,
+  excludeIds = EMPTY_EXCLUDE_IDS,
+  modalSize = "xl",
+  contentClassName
+}) {
+  const state = useEntitySectionState({
+    defaultSort: "createdAt",
+    defaultOrder: "desc",
+    defaultPageSize: 10,
+    searchParamName: "handle"
+  });
+  const usersQuery = state.queryConfig;
+  const { data, isPending, isFetching } = authApi$.useQuery(
+    "get",
+    "/users",
+    usersQuery,
+    defaultEntityQueryOptions
+  );
+  const users = (data?.users ?? []).filter((user) => {
+    return !excludeIds.includes(user.id);
+  });
+  const config = {
+    title: "Select user(s)",
+    modalSize,
+    contentClassName,
+    multiple,
+    entityName: "user",
+    entityIcon: IconUsers,
+    columns: userColumns,
+    columnCount: 4,
+    getItemLabel: (user) => user.fullName,
+    searchPlaceholder: "Search users...",
+    filterOptions: [
+      { label: "All", value: "" },
+      { label: "Email Verified", value: "emailVerified" },
+      { label: "Phone Verified", value: "phoneVerified" },
+      { label: "Not Verified", value: "notVerified" }
+    ],
+    sortOptions: [
+      { label: "Created", value: "createdAt" },
+      { label: "Updated", value: "updatedAt" },
+      { label: "Name", value: "fullName" },
+      { label: "Last Sign In", value: "lastSignInAt" }
+    ],
+    showViewToggle: false,
+    renderCard: (user, selected, onToggle) => /* @__PURE__ */ jsx(SelectableUserCard, { user, selected, onToggle })
+  };
+  return /* @__PURE__ */ jsx(
+    EntitySelector,
+    {
+      trigger,
+      config,
+      onSelect,
+      items: users,
+      total: data?.total,
+      isLoading: isPending || isFetching,
+      state
+    }
+  );
+}
 export {
   UserSelector
 };

package/dist/pages/iam/users/user-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../../src/pages/iam/users/_components/user-selector.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntitySelector,\n  type EntitySelectorColumn,\n  type EntitySelectorConfig,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  useEntitySectionState,\n} from '@mesob/ui/components';\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconCalendar, IconCircleCheck, IconUsers } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport type { paths } from '../../../../data/openapi';\nimport { authApi$, defaultEntityQueryOptions } from '../../shared/page-helpers';\nimport { UserCard } from './user-card';\nimport type { User } from './users-data';\n\nfunction SelectableUserCard({\n  user,\n  selected,\n  onToggle,\n}: {\n  user: User;\n  selected: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: div needed to avoid nested buttons from UserCard\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      <UserCard user={user} />\n    </div>\n  );\n}\n\nconst userColumns: EntitySelectorColumn<User>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    cell: (user: User) => <p className=\"font-medium\">{user.fullName}</p>,\n  },\n  {\n    key: 'contact',\n    header: 'Contact',\n    cell: (user: User) => (\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    ),\n  },\n  {\n    key: 'lastSignIn',\n    header: 'Last sign in',\n    cell: (user: User) => (\n      <div className=\"flex items-center gap-1 text-muted-foreground\">\n        <IconCalendar className=\"h-4 w-4\" />\n        {user.lastSignInAt\n          ? new Date(user.lastSignInAt).toLocaleDateString()\n          : 'Never'}\n      </div>\n    ),\n  },\n];\n\nconst EMPTY_EXCLUDE_IDS: string[] = [];\n\ntype UserSelectorProps = {\n  trigger: ReactNode;\n  multiple?: boolean;\n  onSelect: (users: User[]) => void;\n  excludeIds?: string[];\n  modalSize?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n  contentClassName?: string;\n};\n\nexport function UserSelector({\n  trigger,\n  multiple = false,\n  onSelect,\n  excludeIds = EMPTY_EXCLUDE_IDS,\n  modalSize = 'xl',\n  contentClassName,\n}: UserSelectorProps) {\n  const state = useEntitySectionState({\n    defaultSort: 'createdAt',\n    defaultOrder: 'desc',\n    defaultPageSize: 10,\n    searchParamName: 'handle',\n  });\n  const usersQuery = state.queryConfig as {\n    params: {\n      query: NonNullable<paths['/users']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = authApi$.useQuery(\n    'get',\n    '/users',\n    usersQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const users = (data?.users ?? []).filter((user: User) => {\n    return !excludeIds.includes(user.id);\n  });\n\n  const config: EntitySelectorConfig<User> = {\n    title: 'Select user(s)',\n    modalSize,\n    contentClassName,\n    multiple,\n    entityName: 'user',\n    entityIcon: IconUsers,\n    columns: userColumns,\n    columnCount: 4,\n    getItemLabel: (user: User) => user.fullName,\n    searchPlaceholder: 'Search users...',\n    filterOptions: [\n      { label: 'All', value: '' },\n      { label: 'Email Verified', value: 'emailVerified' },\n      { label: 'Phone Verified', value: 'phoneVerified' },\n      { label: 'Not Verified', value: 'notVerified' },\n    ],\n    sortOptions: [\n      { label: 'Created', value: 'createdAt' },\n      { label: 'Updated', value: 'updatedAt' },\n      { label: 'Name', value: 'fullName' },\n      { label: 'Last Sign In', value: 'lastSignInAt' },\n    ],\n    showViewToggle: false,\n    renderCard: (user: User, selected: boolean, onToggle: () => void) => (\n      <SelectableUserCard user={user} selected={selected} onToggle={onToggle} />\n    ),\n  };\n\n  return (\n    <EntitySelector<User>\n      trigger={trigger}\n      config={config}\n      onSelect={onSelect}\n      items={users}\n      total={data?.total}\n      isLoading={isPending || isFetching}\n      state={state}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/pages/iam/users.d.ts

@@ -1 +1 @@
-export { UsersPage as default } from '../../components/iam/users-page';
+export { UsersPage as default } from '@mesob/auth-react/components/iam/users-page';

package/dist/pages/iam/users.js

@@ -1,15 +1,7 @@
 "use client";
-import {
-  UsersPage
-} from "../../chunk-N4JFMKGK.js";
-import "../../chunk-ECF6S2Y2.js";
-import "../../chunk-OW75JENQ.js";
-import "../../chunk-W3D4HG5W.js";
-import "../../chunk-WY2JJNZW.js";
-import "../../chunk-NPW7D2HZ.js";
-import "../../chunk-V6ZHX4LT.js";
-import "../../chunk-5SDS2E3F.js";
-import "../../chunk-AWSAC7RT.js";
+
+// src/pages/iam/users.tsx
+import { UsersPage } from "@mesob/auth-react/components/iam/users-page";
 export {
   UsersPage as default
 };

package/dist/pages/iam/users.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/pages/iam/users.tsx"],"sourcesContent":["'use client';\n\nexport { UsersPage as default } from '@mesob/auth-react/components/iam/users-page';\n"],"mappings":";;;AAEA,SAAsB,iBAAe;","names":[]}

package/dist/pages/profile/account.js

@@ -1,13 +1,10 @@
 "use client";
-import {
-  Account
-} from "../../chunk-4ABXALRN.js";
-import "../../chunk-C5ZW7FD2.js";
 import {
   useConfig
-} from "../../chunk-AWSAC7RT.js";
+} from "../../chunk-2XIZ27DU.js";
 
 // src/pages/profile/account.tsx
+import { Account } from "@mesob/auth-react/components/profile/account";
 import {
   PageBody,
   PageContainer,

package/dist/pages/profile/account.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/pages/profile/account.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PageBody,\n  PageContainer,\n  PageTitle,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconUser } from '@tabler/icons-react';\nimport { Account } from '../../components/profile/account';\nimport { useConfig } from '../../provider';\n\nexport default function ProfileAccountPage() {\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'Profile', href: '/profile/account' },\n      { label: 'Account' },\n    ],\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0\">\n      <PageTitle icon={<IconUser className=\"size-5\" />}>Account</PageTitle>\n      <PageBody className=\"px-0 pb-6\">\n        <Account />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAiBrB,SACmB,KADnB;AAbW,SAAR,qBAAsC;AAC3C,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAE1D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,WAAW,MAAM,mBAAmB;AAAA,MAC7C,EAAE,OAAO,UAAU;AAAA,IACrB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,iBAAc,WAAU,8DACvB;AAAA,wBAAC,aAAU,MAAM,oBAAC,YAAS,WAAU,UAAS,GAAI,qBAAO;AAAA,IACzD,oBAAC,YAAS,WAAU,aAClB,8BAAC,WAAQ,GACX;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/pages/profile/account.tsx"],"sourcesContent":["'use client';\n\nimport { Account } from '@mesob/auth-react/components/profile/account';\nimport {\n  PageBody,\n  PageContainer,\n  PageTitle,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconUser } from '@tabler/icons-react';\nimport { useConfig } from '../../provider';\n\nexport default function ProfileAccountPage() {\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'Profile', href: '/profile/account' },\n      { label: 'Account' },\n    ],\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0\">\n      <PageTitle icon={<IconUser className=\"size-5\" />}>Account</PageTitle>\n      <PageBody className=\"px-0 pb-6\">\n        <Account />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;AAEA,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAgBrB,SACmB,KADnB;AAbW,SAAR,qBAAsC;AAC3C,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAE1D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,WAAW,MAAM,mBAAmB;AAAA,MAC7C,EAAE,OAAO,UAAU;AAAA,IACrB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,iBAAc,WAAU,8DACvB;AAAA,wBAAC,aAAU,MAAM,oBAAC,YAAS,WAAU,UAAS,GAAI,qBAAO;AAAA,IACzD,oBAAC,YAAS,WAAU,aAClB,8BAAC,WAAQ,GACX;AAAA,KACF;AAEJ;","names":[]}

package/dist/pages/profile/layout.d.ts

@@ -1 +1 @@
-export { ProfileLayout as default } from '../../components/profile/profile-layout';
+export { ProfileLayout as default } from '@mesob/auth-react/components/profile/profile-layout';

package/dist/pages/profile/layout.js

@@ -1,9 +1,7 @@
 "use client";
-import {
-  ProfileLayout
-} from "../../chunk-SGDXNT7M.js";
-import "../../chunk-WY2JJNZW.js";
-import "../../chunk-AWSAC7RT.js";
+
+// src/pages/profile/layout.tsx
+import { ProfileLayout } from "@mesob/auth-react/components/profile/profile-layout";
 export {
   ProfileLayout as default
 };

package/dist/pages/profile/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/pages/profile/layout.tsx"],"sourcesContent":["'use client';\n\nexport { ProfileLayout as default } from '@mesob/auth-react/components/profile/profile-layout';\n"],"mappings":";;;AAEA,SAA0B,qBAAe;","names":[]}

package/dist/pages/profile/security.js

@@ -1,24 +1,10 @@
 "use client";
-import {
-  Security
-} from "../../chunk-73ZNGEWU.js";
-import "../../chunk-5BFG47VF.js";
-import "../../chunk-5AEV7RAN.js";
-import "../../chunk-ZZ6D4KE4.js";
-import "../../chunk-TLQMK2QF.js";
-import "../../chunk-6IEX2RLA.js";
-import "../../chunk-UGQP733V.js";
-import "../../chunk-X2BHF4KC.js";
-import "../../chunk-DG6GRTPG.js";
-import "../../chunk-Z34NJZRL.js";
-import "../../chunk-RMJNENJB.js";
-import "../../chunk-V2W3WPCZ.js";
-import "../../chunk-EPEXIGKB.js";
 import {
   useConfig
-} from "../../chunk-AWSAC7RT.js";
+} from "../../chunk-2XIZ27DU.js";
 
 // src/pages/profile/security.tsx
+import { Security } from "@mesob/auth-react/components/profile/security";
 import {
   PageBody,
   PageContainer,

package/dist/pages/profile/security.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/pages/profile/security.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PageBody,\n  PageContainer,\n  PageTitle,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconShieldLock } from '@tabler/icons-react';\nimport { Security } from '../../components/profile/security';\nimport { useConfig } from '../../provider';\n\nexport default function ProfileSecurityPage() {\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'Profile', href: '/profile/security' },\n      { label: 'Security' },\n    ],\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0\">\n      <PageTitle icon={<IconShieldLock className=\"size-5\" />}>\n        Security\n      </PageTitle>\n      <PageBody className=\"px-0 pb-6\">\n        <Security />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAiB3B,SACmB,KADnB;AAbW,SAAR,sBAAuC;AAC5C,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAE1D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,WAAW,MAAM,oBAAoB;AAAA,MAC9C,EAAE,OAAO,WAAW;AAAA,IACtB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,iBAAc,WAAU,8DACvB;AAAA,wBAAC,aAAU,MAAM,oBAAC,kBAAe,WAAU,UAAS,GAAI,sBAExD;AAAA,IACA,oBAAC,YAAS,WAAU,aAClB,8BAAC,YAAS,GACZ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/pages/profile/security.tsx"],"sourcesContent":["'use client';\n\nimport { Security } from '@mesob/auth-react/components/profile/security';\nimport {\n  PageBody,\n  PageContainer,\n  PageTitle,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconShieldLock } from '@tabler/icons-react';\nimport { useConfig } from '../../provider';\n\nexport default function ProfileSecurityPage() {\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'Profile', href: '/profile/security' },\n      { label: 'Security' },\n    ],\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0\">\n      <PageTitle icon={<IconShieldLock className=\"size-5\" />}>\n        Security\n      </PageTitle>\n      <PageBody className=\"px-0 pb-6\">\n        <Security />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;AAEA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAgB3B,SACmB,KADnB;AAbW,SAAR,sBAAuC;AAC5C,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAE1D,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,WAAW,MAAM,oBAAoB;AAAA,MAC9C,EAAE,OAAO,WAAW;AAAA,IACtB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,iBAAc,WAAU,8DACvB;AAAA,wBAAC,aAAU,MAAM,oBAAC,kBAAe,WAAU,UAAS,GAAI,sBAExD;AAAA,IACA,oBAAC,YAAS,WAAU,aAClB,8BAAC,YAAS,GACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/types.d.ts

@@ -9,6 +9,9 @@ export type FeaturesConfig = {
     enablePasswordReset?: boolean;
     enableEmailSignup?: boolean;
     enablePhoneSignup?: boolean;
+    enableEmailSignIn?: boolean;
+    enablePhoneSignIn?: boolean;
+    allowedSignupEmailDomains?: string[];
     enableSocialSignup?: boolean;
     socialProviders?: string[];
 };
@@ -49,6 +52,9 @@ type DefaultAuthClientConfig = {
         readonly enablePasswordReset: true;
         readonly enableEmailSignup: true;
         readonly enablePhoneSignup: true;
+        readonly enableEmailSignIn: true;
+        readonly enablePhoneSignIn: true;
+        readonly allowedSignupEmailDomains: [];
         readonly enableSocialSignup: false;
         readonly socialProviders: [];
     };

package/dist/utils/safe-redirect.d.ts

@@ -0,0 +1,2 @@
+/** Same-origin path only; blocks //evil open redirects */
+export declare function getSafeRedirectFromSearch(search: string): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesob/auth-react",
-  "version": "0.4.7",
+  "version": "0.5.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -132,8 +132,8 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@mesob/common": "^0.4.7",
-    "@mesob/ui": "^0.4.7",
+    "@mesob/common": "^0.5.2",
+    "@mesob/ui": "^0.5.2",
     "@tabler/icons-react": "^3.35.0",
     "deepmerge-ts": "^7.1.5",
     "nuqs": "^2.8.1",
@@ -141,7 +141,7 @@
     "openapi-react-query": "^0.5.1",
     "react-hook-form": "^7.66.1",
     "sonner": "^2.0.7",
-    "zod": "^4.1.12"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@types/react": "^19",

package/dist/chunk-GBDNBY6K.js

@@ -1,153 +0,0 @@
-import {
-  UserCard
-} from "./chunk-ECF6S2Y2.js";
-import {
-  authApi$
-} from "./chunk-W3D4HG5W.js";
-import {
-  defaultEntityQueryOptions
-} from "./chunk-NPW7D2HZ.js";
-
-// src/pages/iam/users/_components/user-selector.tsx
-import {
-  EntitySelector,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-  useEntitySectionState
-} from "@mesob/ui/components";
-import { cn } from "@mesob/ui/lib/utils";
-import { IconCalendar, IconCircleCheck, IconUsers } from "@tabler/icons-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectableUserCard({
-  user,
-  selected,
-  onToggle
-}) {
-  return (
-    // biome-ignore lint/a11y/useSemanticElements: div needed to avoid nested buttons from UserCard
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onClick: onToggle,
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            onToggle();
-          }
-        },
-        className: cn(
-          "cursor-pointer rounded-lg transition-shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          selected && "ring-primary ring-2"
-        ),
-        children: /* @__PURE__ */ jsx(UserCard, { user })
-      }
-    )
-  );
-}
-var userColumns = [
-  {
-    key: "name",
-    header: "Name",
-    cell: (user) => /* @__PURE__ */ jsx("p", { className: "font-medium", children: user.fullName })
-  },
-  {
-    key: "contact",
-    header: "Contact",
-    cell: (user) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      user.email && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: user.email }),
-        user.emailVerified && /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(IconCircleCheck, { className: "size-4 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: "Email verified" })
-        ] })
-      ] }),
-      user.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: user.phone }),
-        user.phoneVerified && /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(IconCircleCheck, { className: "size-4 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: "Phone verified" })
-        ] })
-      ] }),
-      !(user.email || user.phone) && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" })
-    ] })
-  },
-  {
-    key: "lastSignIn",
-    header: "Last sign in",
-    cell: (user) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(IconCalendar, { className: "h-4 w-4" }),
-      user.lastSignInAt ? new Date(user.lastSignInAt).toLocaleDateString() : "Never"
-    ] })
-  }
-];
-var EMPTY_EXCLUDE_IDS = [];
-function UserSelector({
-  trigger,
-  multiple = false,
-  onSelect,
-  excludeIds = EMPTY_EXCLUDE_IDS,
-  modalSize = "xl",
-  contentClassName
-}) {
-  const state = useEntitySectionState({
-    defaultSort: "createdAt",
-    defaultOrder: "desc",
-    defaultPageSize: 10,
-    searchParamName: "handle"
-  });
-  const usersQuery = state.queryConfig;
-  const { data, isPending, isFetching } = authApi$.useQuery(
-    "get",
-    "/users",
-    usersQuery,
-    defaultEntityQueryOptions
-  );
-  const users = (data?.users ?? []).filter((user) => {
-    return !excludeIds.includes(user.id);
-  });
-  const config = {
-    title: "Select user(s)",
-    modalSize,
-    contentClassName,
-    multiple,
-    entityName: "user",
-    entityIcon: IconUsers,
-    columns: userColumns,
-    columnCount: 4,
-    getItemLabel: (user) => user.fullName,
-    searchPlaceholder: "Search users...",
-    filterOptions: [
-      { label: "All", value: "" },
-      { label: "Email Verified", value: "emailVerified" },
-      { label: "Phone Verified", value: "phoneVerified" },
-      { label: "Not Verified", value: "notVerified" }
-    ],
-    sortOptions: [
-      { label: "Created", value: "createdAt" },
-      { label: "Updated", value: "updatedAt" },
-      { label: "Name", value: "fullName" },
-      { label: "Last Sign In", value: "lastSignInAt" }
-    ],
-    showViewToggle: false,
-    renderCard: (user, selected, onToggle) => /* @__PURE__ */ jsx(SelectableUserCard, { user, selected, onToggle })
-  };
-  return /* @__PURE__ */ jsx(
-    EntitySelector,
-    {
-      trigger,
-      config,
-      onSelect,
-      items: users,
-      total: data?.total,
-      isLoading: isPending || isFetching,
-      state
-    }
-  );
-}
-
-export {
-  UserSelector
-};
-//# sourceMappingURL=chunk-GBDNBY6K.js.map

package/dist/chunk-GBDNBY6K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/iam/users/_components/user-selector.tsx"],"sourcesContent":["'use client';\n\nimport {\n  EntitySelector,\n  type EntitySelectorColumn,\n  type EntitySelectorConfig,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  useEntitySectionState,\n} from '@mesob/ui/components';\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconCalendar, IconCircleCheck, IconUsers } from '@tabler/icons-react';\nimport type { ReactNode } from 'react';\nimport type { paths } from '../../../../data/openapi';\nimport { authApi$, defaultEntityQueryOptions } from '../../shared/page-helpers';\nimport { UserCard } from './user-card';\nimport type { User } from './users-data';\n\nfunction SelectableUserCard({\n  user,\n  selected,\n  onToggle,\n}: {\n  user: User;\n  selected: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: div needed to avoid nested buttons from UserCard\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      <UserCard user={user} />\n    </div>\n  );\n}\n\nconst userColumns: EntitySelectorColumn<User>[] = [\n  {\n    key: 'name',\n    header: 'Name',\n    cell: (user: User) => <p className=\"font-medium\">{user.fullName}</p>,\n  },\n  {\n    key: 'contact',\n    header: 'Contact',\n    cell: (user: User) => (\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    ),\n  },\n  {\n    key: 'lastSignIn',\n    header: 'Last sign in',\n    cell: (user: User) => (\n      <div className=\"flex items-center gap-1 text-muted-foreground\">\n        <IconCalendar className=\"h-4 w-4\" />\n        {user.lastSignInAt\n          ? new Date(user.lastSignInAt).toLocaleDateString()\n          : 'Never'}\n      </div>\n    ),\n  },\n];\n\nconst EMPTY_EXCLUDE_IDS: string[] = [];\n\ntype UserSelectorProps = {\n  trigger: ReactNode;\n  multiple?: boolean;\n  onSelect: (users: User[]) => void;\n  excludeIds?: string[];\n  modalSize?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n  contentClassName?: string;\n};\n\nexport function UserSelector({\n  trigger,\n  multiple = false,\n  onSelect,\n  excludeIds = EMPTY_EXCLUDE_IDS,\n  modalSize = 'xl',\n  contentClassName,\n}: UserSelectorProps) {\n  const state = useEntitySectionState({\n    defaultSort: 'createdAt',\n    defaultOrder: 'desc',\n    defaultPageSize: 10,\n    searchParamName: 'handle',\n  });\n  const usersQuery = state.queryConfig as {\n    params: {\n      query: NonNullable<paths['/users']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = authApi$.useQuery(\n    'get',\n    '/users',\n    usersQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const users = (data?.users ?? []).filter((user: User) => {\n    return !excludeIds.includes(user.id);\n  });\n\n  const config: EntitySelectorConfig<User> = {\n    title: 'Select user(s)',\n    modalSize,\n    contentClassName,\n    multiple,\n    entityName: 'user',\n    entityIcon: IconUsers,\n    columns: userColumns,\n    columnCount: 4,\n    getItemLabel: (user: User) => user.fullName,\n    searchPlaceholder: 'Search users...',\n    filterOptions: [\n      { label: 'All', value: '' },\n      { label: 'Email Verified', value: 'emailVerified' },\n      { label: 'Phone Verified', value: 'phoneVerified' },\n      { label: 'Not Verified', value: 'notVerified' },\n    ],\n    sortOptions: [\n      { label: 'Created', value: 'createdAt' },\n      { label: 'Updated', value: 'updatedAt' },\n      { label: 'Name', value: 'fullName' },\n      { label: 'Last Sign In', value: 'lastSignInAt' },\n    ],\n    showViewToggle: false,\n    renderCard: (user: User, selected: boolean, onToggle: () => void) => (\n      <SelectableUserCard user={user} selected={selected} onToggle={onToggle} />\n    ),\n  };\n\n  return (\n    <EntitySelector<User>\n      trigger={trigger}\n      config={config}\n      onSelect={onSelect}\n      items={users}\n      total={data?.total}\n      isLoading={isPending || isFetching}\n      state={state}\n    />\n  );\n}\n"],"mappings":"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","names":[]}