@alepha/ui 0.15.0 → 0.15.2

package/dist/admin/AdminUserSessions-DEaGu6n6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserSessions-DEaGu6n6.js","names":[],"sources":["../../src/admin/components/users/AdminUserSessions.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouterState } from \"@alepha/react/router\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AdminSessionController, SessionEntity } from \"alepha/api/users\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n  const state = useRouterState();\n  const client = useClient<AdminSessionController>();\n  const { l } = useI18n();\n  const userId = state.params.userId as string;\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  const getDeviceIcon = (device?: string) => {\n    switch (device) {\n      case \"MOBILE\":\n        return <IconDeviceMobile size={14} />;\n      case \"TABLET\":\n        return <IconDeviceTablet size={14} />;\n      default:\n        return <IconDeviceDesktop size={14} />;\n    }\n  };\n\n  const isExpired = (expiresAt: Date | string) => {\n    return new Date(expiresAt) < new Date();\n  };\n\n  const handleDelete = async (sessionId: string) => {\n    await client.deleteSession({\n      params: { id: sessionId },\n      query: { userRealmName: props.userRealmName },\n    });\n    setRefreshKey((k) => k + 1);\n  };\n\n  const filters = t.object({});\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<SessionEntity, typeof filters>\n        key={refreshKey}\n        submitOnInit\n        defaultSize={10}\n        filters={filters}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        tableTrProps={(item) => {\n          if (isExpired(item.expiresAt)) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findSessions({\n            query: {\n              ...filters,\n              userId,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userAgent: {\n            label: \"Device\",\n            value: (item) => (\n              <Group gap={4}>\n                {item.userAgent ? (\n                  <>\n                    <Badge\n                      size=\"xs\"\n                      variant=\"light\"\n                      leftSection={getDeviceIcon(item.userAgent.device)}\n                    >\n                      {item.userAgent.device}\n                    </Badge>\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {item.userAgent.browser} / {item.userAgent.os}\n                    </Text>\n                  </>\n                ) : (\n                  <Text size=\"xs\" c=\"dimmed\">\n                    -\n                  </Text>\n                )}\n              </Group>\n            ),\n          },\n          ip: {\n            label: \"IP Address\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n                {item.ip || \"-\"}\n              </Text>\n            ),\n          },\n          expiresAt: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={isExpired(item.expiresAt) ? \"red\" : \"green\"}\n              >\n                {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n          actions: {\n            label: \"\",\n            fit: true,\n            value: (item) => (\n              <ActionButton\n                size=\"xs\"\n                variant=\"subtle\"\n                color=\"red\"\n                onClick={() => handleDelete(item.id)}\n              >\n                <IconTrash size={14} />\n              </ActionButton>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAmC;CAClD,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG;;AAIX,gCAAe"}

package/dist/admin/AdminUserSettings-Di73D7g2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUserSettings-Di73D7g2.js","names":[],"sources":["../../src/admin/components/users/AdminUserSettings.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useRouter, useRouterState } from \"@alepha/react/router\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Alert, Card, Group, Loader, Stack } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconMail,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport type {\n  AdminUserController,\n  UserController,\n  UserEntity,\n} from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUserSettingsProps {\n  userRealmName?: string;\n}\n\nconst AdminUserSettings = (props: AdminUserSettingsProps) => {\n  const router = useRouter<AdminRouter>();\n  const state = useRouterState();\n  const adminClient = useClient<AdminUserController>();\n  const userClient = useClient<UserController>();\n  const userId = state.params.userId as string;\n\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [deleteLoading, setDeleteLoading] = useState(false);\n  const [verifyLoading, setVerifyLoading] = useState(false);\n  const [verifySuccess, setVerifySuccess] = useState(false);\n\n  useEffect(() => {\n    const loadUser = async () => {\n      try {\n        const data = await adminClient.getUser({\n          params: { id: userId },\n          query: { userRealmName: props.userRealmName },\n        });\n        setUser(data);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadUser();\n  }, [userId]);\n\n  const handleDelete = async () => {\n    if (!confirm(\"Are you sure you want to delete this user?\")) {\n      return;\n    }\n\n    setDeleteLoading(true);\n    try {\n      await adminClient.deleteUser({\n        params: { id: userId },\n        query: { userRealmName: props.userRealmName },\n      });\n      await router.go(\"adminUsers\");\n    } finally {\n      setDeleteLoading(false);\n    }\n  };\n\n  const handleTriggerEmailVerification = async () => {\n    if (!user?.email) return;\n\n    setVerifyLoading(true);\n    setVerifySuccess(false);\n    try {\n      await userClient.requestEmailVerification({\n        query: {\n          userRealmName: props.userRealmName,\n          method: \"link\",\n          verifyUrl: `${window.location.origin}/verify-email`,\n        },\n        body: { email: user.email },\n      });\n      setVerifySuccess(true);\n    } finally {\n      setVerifyLoading(false);\n    }\n  };\n\n  if (loading) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Loader />\n      </Flex>\n    );\n  }\n\n  if (!user) {\n    return (\n      <Flex flex={1} justify=\"center\" align=\"center\">\n        <Text c=\"dimmed\">User not found</Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex flex={1} direction=\"column\" gap=\"md\">\n      {user.email && !user.emailVerified && (\n        <Card withBorder p=\"lg\">\n          <Stack gap=\"md\">\n            <Text size=\"lg\" fw={500}>\n              Email Verification\n            </Text>\n\n            <Alert variant=\"light\" color=\"yellow\" icon={<IconMail />}>\n              <Text size=\"sm\">\n                This user's email ({user.email}) is not verified. You can send a\n                verification link to the user.\n              </Text>\n            </Alert>\n\n            {verifySuccess && (\n              <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                <Text size=\"sm\">\n                  Verification link sent successfully to {user.email}.\n                </Text>\n              </Alert>\n            )}\n\n            <Group>\n              <ActionButton\n                leftSection={<IconMail size={16} />}\n                loading={verifyLoading}\n                onClick={handleTriggerEmailVerification}\n              >\n                Send Verification Link\n              </ActionButton>\n            </Group>\n          </Stack>\n        </Card>\n      )}\n\n      <Card withBorder p=\"lg\">\n        <Stack gap=\"md\">\n          <Text size=\"lg\" fw={500} c=\"red\">\n            Danger Zone\n          </Text>\n\n          <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n            <Text size=\"sm\">\n              Deleting this user will permanently remove their account and all\n              associated data. This action cannot be undone.\n            </Text>\n          </Alert>\n\n          <Group>\n            <ActionButton\n              color=\"red\"\n              leftSection={<IconTrash size={16} />}\n              loading={deleteLoading}\n              onClick={handleDelete}\n            >\n              Delete User\n            </ActionButton>\n          </Group>\n        </Stack>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default AdminUserSettings;\n"],"mappings":"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"}

package/dist/admin/AdminUserSettings-yI-JECf5.js

@@ -1,3 +0,0 @@
-import { t as AdminUserSettings_default } from "./AdminUserSettings-Di73D7g2.js";
-
-export { AdminUserSettings_default as default };

package/dist/admin/AdminUsers-BnGIRvmV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminUsers-BnGIRvmV.js","names":["Flex","filters"],"sources":["../../src/admin/components/users/AdminUsers.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Flex, Group } from \"@mantine/core\";\nimport { IconCheck, IconUsersPlus, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type AdminUserController,\n  type UserEntity,\n  users,\n} from \"alepha/api/users\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<AdminUserController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    query: t.optional(\n      t.string({\n        $control: {\n          query: t.omit(users.schema, [\"id\", \"version\"]),\n        },\n      }),\n    ),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<UserEntity, typeof filters>\n        submitOnInit\n        actions={[\n          {\n            icon: IconUsersPlus,\n            href: router.path(\"adminUserCreate\"),\n            label: \"Create User\",\n          },\n        ]}\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 3,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        onFilterChange={(key, value, form) => {\n          if (key === \"query\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const baseProps: Record<string, any> = {\n            style: { cursor: \"pointer\" },\n            onClick: () =>\n              router.go(\"adminUserDetails\", {\n                params: { userId: item.id },\n              }),\n          };\n\n          if (!item.enabled) {\n            baseProps.opacity = 0.5;\n          }\n\n          return baseProps;\n        }}\n        items={async (filters) => {\n          const response = await client.findUsers({\n            query: {\n              ...filters,\n              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<UserEntity>;\n        }}\n        columns={{\n          username: {\n            label: \"Username\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.username || \"-\"}\n              </Text>\n            ),\n          },\n          email: {\n            label: \"Email\",\n            value: (item) => (\n              <Group gap=\"xs\">\n                <Text size=\"sm\">{item.email || \"-\"}</Text>\n                {item.email && (\n                  <Badge\n                    size=\"xs\"\n                    variant=\"light\"\n                    color={item.emailVerified ? \"green\" : \"gray\"}\n                    leftSection={\n                      item.emailVerified ? (\n                        <IconCheck size={10} />\n                      ) : (\n                        <IconX size={10} />\n                      )\n                    }\n                  >\n                    {item.emailVerified ? \"Verified\" : \"Unverified\"}\n                  </Badge>\n                )}\n              </Group>\n            ),\n          },\n          roles: {\n            label: \"Roles\",\n            value: (item) => (\n              <Group gap={4}>\n                {item.roles.map((role: string) => (\n                  <Badge key={role} size=\"xs\" variant=\"outline\">\n                    {role}\n                  </Badge>\n                ))}\n              </Group>\n            ),\n          },\n          enabled: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"light\"\n                color={item.enabled ? \"green\" : \"red\"}\n              >\n                {item.enabled ? \"Active\" : \"Disabled\"}\n              </Badge>\n            ),\n          },\n          createdAt: {\n            label: \"Created\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {l(item.createdAt, { date: \"fromNow\" })}\n              </Text>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminUsers;\n"],"mappings":";;;;;;;;;;;AAkBA,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAAgC;CAC/C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO,EACvB,OAAO,EAAE,SACP,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ,CAAC,MAAM,UAAU,CAAC,EAC/C,EACF,CAAC,CACH,EACF,CAAC;AAEF,QACE,oBAACA;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GACC;GACA,SAAS,CACP;IACE,MAAM;IACN,MAAM,OAAO,KAAK,kBAAkB;IACpC,OAAO;IACR,CACF;GACD,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,SAAS;IACT,kBAAkB;IACnB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;IACtB,MAAM,YAAiC;KACrC,OAAO,EAAE,QAAQ,WAAW;KAC5B,eACE,OAAO,GAAG,oBAAoB,EAC5B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;KACL;AAED,QAAI,CAAC,KAAK,QACR,WAAU,UAAU;AAGtB,WAAO;;GAET,OAAO,OAAO,cAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAGC;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAI;iBACT,oBAAC;OAAK,MAAK;iBAAM,KAAK,SAAS;QAAW,EACzC,KAAK,SACJ,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,KAAK,gBAAgB,UAAU;OACtC,aACE,KAAK,gBACH,oBAAC,aAAU,MAAM,KAAM,GAEvB,oBAAC,SAAM,MAAM,KAAM;iBAItB,KAAK,gBAAgB,aAAa;QAC7B;OAEJ;KAEX;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,MAAM,KAAK,SACf,oBAAC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACI;KAEX;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,UAAU,UAAU;gBAE/B,KAAK,UAAU,WAAW;OACrB;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}

package/dist/admin/AdminUsers-CG9-2Z8W.js

@@ -1,3 +0,0 @@
-import { t as AdminUsers_default } from "./AdminUsers-BnGIRvmV.js";
-
-export { AdminUsers_default as default };

package/dist/auth/AuthLayout-B1sUB8fB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthLayout-B1sUB8fB.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { NestedView } from \"@alepha/react/router\";\nimport { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe;;AAI5B,yBAAe"}

package/dist/auth/Login-BWi-pPbO.js

@@ -1,4 +0,0 @@
-import "./IconGoogle-Cm5d8J3f.js";
-import { t as Login_default } from "./Login-Cjxv3EDi.js";
-
-export { Login_default as default };

package/dist/auth/Login-Cjxv3EDi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Login-Cjxv3EDi.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Image, Stack, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.go(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {/* Credentials login form */}\n            {credentialsProvider && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: getAutoCompleteType(),\n                      }}\n                    />\n                    <Control\n                      title={tr(\"loginPassword\")}\n                      input={form.input.password}\n                      icon={IconLock}\n                      password={{\n                        autoComplete: \"current-password\",\n                      }}\n                    />\n                    <ActionButton variant={\"filled\"} form={form}>\n                      {tr(\"loginSignIn\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                {settings.resetPasswordAllowed && (\n                  <Text size=\"sm\" ta=\"center\">\n                    <ActionButton\n                      href={router.path(\"resetPassword\", {\n                        query: { realm: props.realmConfig.realmName },\n                      })}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"loginForgotPassword\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n\n            {/* OR divider - only when both credentials AND external methods exist */}\n            {showOrDivider && (\n              <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                <Text size=\"xs\" c={\"dimmed\"}>\n                  {tr(\"loginOr\")}\n                </Text>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n              </Group>\n            )}\n\n            {/* External login methods */}\n            {externalLoginMethods.length > 0 && (\n              <Stack gap={\"sm\"}>\n                {externalLoginMethods.map((method) => (\n                  <ActionButton\n                    variant={\"default\"}\n                    key={method.type}\n                    leftSection={leftSection(method.name.toLowerCase())}\n                    onClick={() =>\n                      auth.login(method.name, {\n                        redirect,\n                        realm: props.realmConfig.realmName,\n                      })\n                    }\n                  >\n                    {tr(\"loginContinueWith\", {\n                      args: [capitalize(method.name)],\n                    })}\n                  </ActionButton>\n                ))}\n              </Stack>\n            )}\n\n            {/* Registration link */}\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/auth/Register-CGlbQ50l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Register-CGlbQ50l.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Register.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Group,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RealmConfig,\n  RegistrationIntentResponse,\n  UserController,\n} from \"alepha/api/users\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: RealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(\n        t.text({\n          trim: true,\n          pattern: settings.usernameRegExp,\n        }),\n      ),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Stack gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Stack gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              <ActionButton\n                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Stack>\n          </Card>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  // External login methods\n  const externalMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalMethods.length > 0;\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : (\n              <>\n                {/* Credentials registration form */}\n                {credentialsProvider && (\n                  <form {...form.props}>\n                    <Stack flex={1} gap={\"md\"}>\n                      {settings.usernameEnabled !== false &&\n                        form.input.username && (\n                          <Control\n                            title={tr(\"registerUsername\")}\n                            input={form.input.username}\n                            icon={<IconUser />}\n                            text={{\n                              autoComplete: \"username\",\n                            }}\n                          />\n                        )}\n                      {settings.emailEnabled !== false && form.input.email && (\n                        <Control\n                          title={tr(\"registerEmail\")}\n                          input={form.input.email}\n                          icon={<IconMail />}\n                          text={{\n                            autoComplete: \"email\",\n                          }}\n                        />\n                      )}\n                      {settings.phoneEnabled === true &&\n                        form.input.phoneNumber && (\n                          <Control\n                            title={tr(\"registerPhone\")}\n                            input={form.input.phoneNumber}\n                            icon={<IconPhone />}\n                            text={{\n                              autoComplete: \"tel\",\n                            }}\n                          />\n                        )}\n                      <Control\n                        title={tr(\"registerPassword\")}\n                        input={form.input.password}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <Control\n                        title={tr(\"registerConfirmPassword\")}\n                        input={form.input.confirmPassword}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <ActionButton\n                        form={form}\n                        color={\"blue\"}\n                        variant={\"filled\"}\n                      >\n                        {tr(\"registerCreateAccount\")}\n                      </ActionButton>\n                    </Stack>\n                  </form>\n                )}\n\n                {/* OR divider - only when both credentials AND external methods exist */}\n                {showOrDivider && (\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {tr(\"registerOr\")}\n                    </Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                  </Group>\n                )}\n\n                {/* External login methods */}\n                {externalMethods.length > 0 && (\n                  <Stack gap={\"sm\"}>\n                    {externalMethods.map((method) => (\n                      <ActionButton\n                        variant={\"default\"}\n                        key={method.type}\n                        leftSection={leftSection(method.name.toLowerCase())}\n                        onClick={() =>\n                          auth.login(method.name, {\n                            redirect,\n                            realm: props.realmConfig.realmName,\n                          })\n                        }\n                      >\n                        {tr(\"registerContinueWith\", {\n                          args: [capitalize(method.name)],\n                        })}\n                      </ActionButton>\n                    ))}\n                  </Stack>\n                )}\n\n                {/* Sign in link */}\n                <Text size=\"sm\" ta=\"center\">\n                  {tr(\"registerHaveAccount\")}{\" \"}\n                  <ActionButton\n                    href={router.path(\"login\", {\n                      query: { realm: props.realmConfig.realmName },\n                    })}\n                    anchorProps={{ inherit: true }}\n                  >\n                    {tr(\"registerSignIn\")}\n                  </ActionButton>\n                </Text>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/auth/Register-CWdkXWkc.js

@@ -1,4 +0,0 @@
-import "./IconGoogle-Cm5d8J3f.js";
-import { t as Register_default } from "./Register-CGlbQ50l.js";
-
-export { Register_default as default };

package/dist/auth/ResetPassword-BUdM7T_R.js

@@ -1,3 +0,0 @@
-import { t as ResetPassword_default } from "./ResetPassword-DvqD_1SJ.js";
-
-export { ResetPassword_default as default };

package/dist/auth/ResetPassword-DvqD_1SJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetPassword-DvqD_1SJ.js","names":[],"sources":["../../src/auth/components/ResetPassword.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconInfoCircle,\n  IconLock,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type {\n  PasswordResetIntentResponse,\n  RealmConfig,\n  UserController,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: RealmConfig;\n}\n\ntype Step = \"email\" | \"code\" | \"password\" | \"success\";\n\ninterface ResetState {\n  step: Step;\n  intent?: PasswordResetIntentResponse;\n  email?: string;\n  code?: string;\n}\n\nconst ResetPassword = (props: ResetPasswordProps) => {\n  const router = useRouter<AuthRouter>();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const [resetState, setResetState] = useState<ResetState>({ step: \"email\" });\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const redirect = router.query.r || \"/\";\n\n  const settings = props.realmConfig.settings;\n  const isResetPasswordAllowed = settings?.resetPasswordAllowed !== false;\n\n  // Phase 1: Request password reset intent\n  const emailForm = useForm({\n    schema: resetPasswordRequestSchema,\n    handler: async (data) => {\n      setError(null);\n      const intent = await userCtrl.createPasswordResetIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: { email: data.email },\n      });\n\n      setResetState({\n        step: \"code\",\n        intent,\n        email: data.email,\n      });\n    },\n  });\n\n  // Phase 2: Complete password reset\n  const passwordForm = useForm(\n    {\n      schema: t.object({\n        password: t.string({ minLength: 8 }),\n        confirmPassword: t.string({ minLength: 8 }),\n      }),\n      handler: async (data) => {\n        if (data.password !== data.confirmPassword) {\n          throw new AlephaError(\"Passwords do not match\");\n        }\n\n        if (!resetState.intent || !resetState.code) {\n          throw new AlephaError(\"Invalid reset state\");\n        }\n\n        await userCtrl.completePasswordReset({\n          body: {\n            intentId: resetState.intent.intentId,\n            code: resetState.code,\n            newPassword: data.password,\n          },\n        });\n\n        setResetState({ step: \"success\" });\n      },\n    },\n    [resetState.intent, resetState.code],\n  );\n\n  const handleCodeComplete = (value: string) => {\n    if (value.length === 6) {\n      setResetState((prev) => ({\n        ...prev,\n        step: \"password\",\n        code: value,\n      }));\n    }\n  };\n\n  const handleResendCode = async () => {\n    if (!resetState.email) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      const intent = await userCtrl.createPasswordResetIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: { email: resetState.email },\n      });\n\n      setResetState((prev) => ({\n        ...prev,\n        intent,\n      }));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to resend code\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {error && (\n              <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                <Text size=\"sm\">{error}</Text>\n              </Alert>\n            )}\n\n            {!isResetPasswordAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"resetPasswordDisabled\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : resetState.step === \"email\" ? (\n              <form {...emailForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterEmail\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordEmail\")}\n                    input={emailForm.input.email}\n                    icon={<IconMail />}\n                    text={{\n                      autoComplete: \"email\",\n                      autoFocus: true,\n                      disabled: !isResetPasswordAllowed,\n                    }}\n                  />\n                  <ActionButton\n                    form={emailForm}\n                    disabled={!isResetPasswordAllowed}\n                  >\n                    {tr(\"resetPasswordSendCode\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : resetState.step === \"code\" ? (\n              <Stack gap={\"md\"}>\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"resetPasswordTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"blue\" icon={<IconInfoCircle />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordCodeSent\")}</Text>\n                </Alert>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"resetPasswordEnterCode\")}\n                </Text>\n                <Flex justify=\"center\">\n                  <PinInput\n                    length={6}\n                    type=\"number\"\n                    autoFocus\n                    oneTimeCode\n                    onComplete={handleCodeComplete}\n                    aria-label=\"Password reset verification code\"\n                  />\n                </Flex>\n                <ActionButton\n                  variant=\"subtle\"\n                  onClick={handleResendCode}\n                  loading={isSubmitting}\n                >\n                  {tr(\"resetPasswordResendCode\")}\n                </ActionButton>\n              </Stack>\n            ) : resetState.step === \"password\" ? (\n              <form {...passwordForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterNewPassword\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordNewPassword\")}\n                    input={passwordForm.input.password}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                      autoFocus: true,\n                    }}\n                  />\n                  <Control\n                    title={tr(\"resetPasswordConfirmPassword\")}\n                    input={passwordForm.input.confirmPassword}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                    }}\n                  />\n                  <ActionButton form={passwordForm}>\n                    {tr(\"resetPasswordSetNewPassword\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : (\n              <>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordSuccess\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"resetPasswordCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ResetPassword;\n"],"mappings":";;;;;;;;;;;;;AA8CA,MAAM,iBAAiB,UAA8B;CACnD,MAAM,SAAS,WAAuB;CACtC,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CACxC,MAAM,CAAC,YAAY,iBAAiB,SAAqB,EAAE,MAAM,SAAS,CAAC;CAC3E,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,WAAW,OAAO,MAAM,KAAK;CAEnC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,yBAAyB,UAAU,yBAAyB;CAGlE,MAAM,YAAY,QAAQ;EACxB,QAAQ;EACR,SAAS,OAAO,SAAS;AACvB,YAAS,KAAK;AAMd,iBAAc;IACZ,MAAM;IACN,QAPa,MAAM,SAAS,0BAA0B;KACtD,OAAO,EAAE,eAAe,MAAM,YAAY,WAAW;KACrD,MAAM,EAAE,OAAO,KAAK,OAAO;KAC5B,CAAC;IAKA,OAAO,KAAK;IACb,CAAC;;EAEL,CAAC;CAGF,MAAM,eAAe,QACnB;EACE,QAAQ,EAAE,OAAO;GACf,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC;GACpC,iBAAiB,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC;GAC5C,CAAC;EACF,SAAS,OAAO,SAAS;AACvB,OAAI,KAAK,aAAa,KAAK,gBACzB,OAAM,IAAI,YAAY,yBAAyB;AAGjD,OAAI,CAAC,WAAW,UAAU,CAAC,WAAW,KACpC,OAAM,IAAI,YAAY,sBAAsB;AAG9C,SAAM,SAAS,sBAAsB,EACnC,MAAM;IACJ,UAAU,WAAW,OAAO;IAC5B,MAAM,WAAW;IACjB,aAAa,KAAK;IACnB,EACF,CAAC;AAEF,iBAAc,EAAE,MAAM,WAAW,CAAC;;EAErC,EACD,CAAC,WAAW,QAAQ,WAAW,KAAK,CACrC;CAED,MAAM,sBAAsB,UAAkB;AAC5C,MAAI,MAAM,WAAW,EACnB,gBAAe,UAAU;GACvB,GAAG;GACH,MAAM;GACN,MAAM;GACP,EAAE;;CAIP,MAAM,mBAAmB,YAAY;AACnC,MAAI,CAAC,WAAW,MAAO;AAEvB,kBAAgB,KAAK;AACrB,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,SAAS,MAAM,SAAS,0BAA0B;IACtD,OAAO,EAAE,eAAe,MAAM,YAAY,WAAW;IACrD,MAAM,EAAE,OAAO,WAAW,OAAO;IAClC,CAAC;AAEF,kBAAe,UAAU;IACvB,GAAG;IACH;IACD,EAAE;WACI,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,wBAAwB;YAC9D;AACR,mBAAgB,MAAM;;;AAI1B,QACE,oBAAC;EAAK,MAAM;EAAG,SAAS;EAAU,OAAO;YACvC,qBAAC;GAAM,KAAK;GAAM,GAAG;cACnB,oBAAC;IAAK;IAAW,GAAG;IAAM,IAAI;cAC5B,qBAAC;KAAM,KAAK;;OAER,SAAS,WACT,SAAS,eACT,SAAS,gBACT,qBAAC;OAAM,KAAK;OAAM,OAAM;OAAS,IAAG;;QACjC,SAAS,WACR,oBAAC;SACC,KAAK,SAAS;SACd,KAAK,SAAS,eAAe,MAAM,YAAY;SAC/C,GAAG;SACH,GAAE;SACF,KAAI;UACJ;QAEH,SAAS,eACR,oBAAC;SAAM,OAAO;SAAG,IAAG;mBACjB,SAAS;UACJ;QAET,SAAS,eACR,oBAAC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;mBAC3B,SAAS;UACL;;QAEH;MAGT,SACC,oBAAC;OAAM,SAAQ;OAAQ,OAAM;OAAM,MAAM,oBAAC,oBAAkB;iBAC1D,oBAAC;QAAK,MAAK;kBAAM;SAAa;QACxB;MAGT,CAAC,yBACA,4CACE,oBAAC;OACC,SAAQ;OACR,OAAM;OACN,MAAM,oBAAC,oBAAkB;iBAEzB,oBAAC;QAAK,MAAK;kBAAM,GAAG,wBAAwB;SAAQ;QAC9C,EACR,oBAAC;OACC,MAAM,OAAO,KAAK,SAAS,EACzB,OAAO,EAAE,OAAO,MAAM,YAAY,WAAW,EAC9C,CAAC;iBAED,GAAG,4BAA4B;QACnB,IACd,GACD,WAAW,SAAS,UACtB,oBAAC;OAAK,GAAI,UAAU;iBAClB,qBAAC;QAAM,MAAM;QAAG,KAAK;;SACnB,oBAAC;UAAK,MAAK;UAAK,IAAI;UAAK,IAAG;oBACzB,GAAG,qBAAqB;WACpB;SACP,oBAAC;UAAK,MAAK;UAAK,GAAE;oBACf,GAAG,0BAA0B;WACzB;SACP,oBAAC;UACC,OAAO,GAAG,qBAAqB;UAC/B,OAAO,UAAU,MAAM;UACvB,MAAM,oBAAC,aAAW;UAClB,MAAM;WACJ,cAAc;WACd,WAAW;WACX,UAAU,CAAC;WACZ;WACD;SACF,oBAAC;UACC,MAAM;UACN,UAAU,CAAC;oBAEV,GAAG,wBAAwB;WACf;;SACT;QACH,GACL,WAAW,SAAS,SACtB,qBAAC;OAAM,KAAK;;QACV,oBAAC;SAAK,MAAK;SAAK,IAAI;SAAK,IAAG;mBACzB,GAAG,qBAAqB;UACpB;QACP,oBAAC;SAAM,SAAQ;SAAQ,OAAM;SAAO,MAAM,oBAAC,mBAAiB;mBAC1D,oBAAC;UAAK,MAAK;oBAAM,GAAG,wBAAwB;WAAQ;UAC9C;QACR,oBAAC;SAAK,MAAK;SAAK,GAAE;SAAS,IAAG;mBAC3B,GAAG,yBAAyB;UACxB;QACP,oBAAC;SAAK,SAAQ;mBACZ,oBAAC;UACC,QAAQ;UACR,MAAK;UACL;UACA;UACA,YAAY;UACZ,cAAW;WACX;UACG;QACP,oBAAC;SACC,SAAQ;SACR,SAAS;SACT,SAAS;mBAER,GAAG,0BAA0B;UACjB;;QACT,GACN,WAAW,SAAS,aACtB,oBAAC;OAAK,GAAI,aAAa;iBACrB,qBAAC;QAAM,MAAM;QAAG,KAAK;;SACnB,oBAAC;UAAK,MAAK;UAAK,IAAI;UAAK,IAAG;oBACzB,GAAG,qBAAqB;WACpB;SACP,oBAAC;UAAK,MAAK;UAAK,GAAE;oBACf,GAAG,gCAAgC;WAC/B;SACP,oBAAC;UACC,OAAO,GAAG,2BAA2B;UACrC,OAAO,aAAa,MAAM;UAC1B,MAAM,oBAAC,aAAW;UAClB,UAAU;WACR,cAAc;WACd,WAAW;WACZ;WACD;SACF,oBAAC;UACC,OAAO,GAAG,+BAA+B;UACzC,OAAO,aAAa,MAAM;UAC1B,MAAM,oBAAC,aAAW;UAClB,UAAU,EACR,cAAc,gBACf;WACD;SACF,oBAAC;UAAa,MAAM;oBACjB,GAAG,8BAA8B;WACrB;;SACT;QACH,GAEP,4CACE,oBAAC;OAAM,SAAQ;OAAQ,OAAM;OAAQ,MAAM,oBAAC,cAAY;iBACtD,oBAAC;QAAK,MAAK;kBAAM,GAAG,uBAAuB;SAAQ;QAC7C,EACR,oBAAC;OACC,MAAM,OAAO,KAAK,SAAS,EACzB,OAAO,EAAE,OAAO,MAAM,YAAY,WAAW,EAC9C,CAAC;iBAED,GAAG,4BAA4B;QACnB,IACd;;MAEC;KACH,EACP,oBAAC;IAAa,SAAS;IAAU,MAAM;cACpC,GAAG,sBAAsB;KACb;IACT;GACH;;AAIX,4BAAe"}

package/dist/auth/VerifyEmail-BYmtnkEl.js

@@ -1,3 +0,0 @@
-import { t as VerifyEmail_default } from "./VerifyEmail-VaBruOnO.js";
-
-export { VerifyEmail_default as default };

package/dist/auth/VerifyEmail-VaBruOnO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerifyEmail-VaBruOnO.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter, useRouterState } from \"@alepha/react/router\";\nimport { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n"],"mappings":";;;;;;;;;;AAeA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe"}

package/dist/demo/DemoHome-D6Z7EE4V.js

@@ -1,3 +0,0 @@
-import { t as DemoHome_default } from "./DemoHome-CnuL5WV9.js";
-
-export { DemoHome_default as default };

package/dist/demo/DemoJsonViewer-CYUggLop.js

@@ -1,4 +0,0 @@
-import { t as DemoJsonViewer_default } from "./DemoJsonViewer-NUGst5wW.js";
-import "./Showcase-vemLuO2t.js";
-
-export { DemoJsonViewer_default as default };

package/dist/demo/DemoLayout-ZFDzyvY3.js

@@ -1,3 +0,0 @@
-import { t as DemoLayout_default } from "./DemoLayout-dvbeuBBf.js";
-
-export { DemoLayout_default as default };

package/dist/demo/DemoLayout-dvbeuBBf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoLayout-dvbeuBBf.js","names":[],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, AdminShell, AlephaMantineProvider } from \"@alepha/ui\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n  const router = useRouter<DemoRouter>();\n  return (\n    <AlephaMantineProvider>\n      <AdminShell\n        appShellMainProps={{ h: \"100%\" }}\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton variant=\"subtle\" icon={IconArrowLeft} href=\"/\" />\n              ),\n              position: \"left\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          items: [\n            router.node(\"demoHome\"),\n            {\n              ...router.node(\"demoCore\"),\n              children: [\n                router.node(\"demoTypeForm\"),\n                router.node(\"demoSidebar\"),\n                router.node(\"demoDataTable\"),\n              ],\n            },\n            {\n              ...router.node(\"demoJson\"),\n              children: [router.node(\"demoJsonViewer\")],\n            },\n            {\n              ...router.node(\"demoAuth\"),\n              children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n            },\n          ],\n        }}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,mBAAmB,EAAE,GAAG,QAAQ;EAChC,aAAa,EACX,OAAO,CACL;GACE,SACE,oBAAC;IAAa,SAAQ;IAAS,MAAM;IAAe,MAAK;KAAM;GAEjE,UAAU;GACX,EACD;GACE,MAAM;GACN,UAAU;GACX,CACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,eAAe;KAC3B,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,gBAAgB;KAC7B;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACF,EACF;GACD,GACoB;;AAI5B,yBAAe"}

package/dist/demo/DemoLogin-DvltFTER.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoLogin-DvltFTER.js","names":["IconGoogle","IconGithub","Showcase","Login"],"sources":["../../src/auth/components/Login.tsx","../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Image, Stack, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.go(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {/* Credentials login form */}\n            {credentialsProvider && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: getAutoCompleteType(),\n                      }}\n                    />\n                    <Control\n                      title={tr(\"loginPassword\")}\n                      input={form.input.password}\n                      icon={IconLock}\n                      password={{\n                        autoComplete: \"current-password\",\n                      }}\n                    />\n                    <ActionButton variant={\"filled\"} form={form}>\n                      {tr(\"loginSignIn\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                {settings.resetPasswordAllowed && (\n                  <Text size=\"sm\" ta=\"center\">\n                    <ActionButton\n                      href={router.path(\"resetPassword\", {\n                        query: { realm: props.realmConfig.realmName },\n                      })}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"loginForgotPassword\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n\n            {/* OR divider - only when both credentials AND external methods exist */}\n            {showOrDivider && (\n              <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                <Text size=\"xs\" c={\"dimmed\"}>\n                  {tr(\"loginOr\")}\n                </Text>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n              </Group>\n            )}\n\n            {/* External login methods */}\n            {externalLoginMethods.length > 0 && (\n              <Stack gap={\"sm\"}>\n                {externalLoginMethods.map((method) => (\n                  <ActionButton\n                    variant={\"default\"}\n                    key={method.type}\n                    leftSection={leftSection(method.name.toLowerCase())}\n                    onClick={() =>\n                      auth.login(method.name, {\n                        redirect,\n                        realm: props.realmConfig.realmName,\n                      })\n                    }\n                  >\n                    {tr(\"loginContinueWith\", {\n                      args: [capitalize(method.name)],\n                    })}\n                  </ActionButton>\n                ))}\n              </Stack>\n            )}\n\n            {/* Registration link */}\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n","import { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Login from \"../../../auth/components/Login.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Login\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Show Sign Up\",\n    default: true,\n    $control: { switch: true },\n  }),\n  resetPasswordAllowed: t.boolean({\n    title: \"Forgot Password\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  emailEnabled: boolean;\n  phoneEnabled: boolean;\n  registrationAllowed: boolean;\n  resetPasswordAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Sign in to continue\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: false,\n      usernameEnabled: props.usernameEnabled,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      usernameRequired: false,\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: false,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: props.resetPasswordAllowed,\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoLogin = () => {\n  return (\n    <Showcase\n      title=\"Login\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        emailEnabled: true,\n        phoneEnabled: false,\n        registrationAllowed: true,\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoLogin;\n"],"mappings":"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"}

package/dist/demo/DemoRegister-Vu6ZPWib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoRegister-Vu6ZPWib.js","names":["IconGoogle","IconGithub","Showcase","Register"],"sources":["../../src/auth/components/Register.tsx","../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Group,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RealmConfig,\n  RegistrationIntentResponse,\n  UserController,\n} from \"alepha/api/users\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: RealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(\n        t.text({\n          trim: true,\n          pattern: settings.usernameRegExp,\n        }),\n      ),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Stack gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Stack gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              <ActionButton\n                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Stack>\n          </Card>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  // External login methods\n  const externalMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalMethods.length > 0;\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : (\n              <>\n                {/* Credentials registration form */}\n                {credentialsProvider && (\n                  <form {...form.props}>\n                    <Stack flex={1} gap={\"md\"}>\n                      {settings.usernameEnabled !== false &&\n                        form.input.username && (\n                          <Control\n                            title={tr(\"registerUsername\")}\n                            input={form.input.username}\n                            icon={<IconUser />}\n                            text={{\n                              autoComplete: \"username\",\n                            }}\n                          />\n                        )}\n                      {settings.emailEnabled !== false && form.input.email && (\n                        <Control\n                          title={tr(\"registerEmail\")}\n                          input={form.input.email}\n                          icon={<IconMail />}\n                          text={{\n                            autoComplete: \"email\",\n                          }}\n                        />\n                      )}\n                      {settings.phoneEnabled === true &&\n                        form.input.phoneNumber && (\n                          <Control\n                            title={tr(\"registerPhone\")}\n                            input={form.input.phoneNumber}\n                            icon={<IconPhone />}\n                            text={{\n                              autoComplete: \"tel\",\n                            }}\n                          />\n                        )}\n                      <Control\n                        title={tr(\"registerPassword\")}\n                        input={form.input.password}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <Control\n                        title={tr(\"registerConfirmPassword\")}\n                        input={form.input.confirmPassword}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <ActionButton\n                        form={form}\n                        color={\"blue\"}\n                        variant={\"filled\"}\n                      >\n                        {tr(\"registerCreateAccount\")}\n                      </ActionButton>\n                    </Stack>\n                  </form>\n                )}\n\n                {/* OR divider - only when both credentials AND external methods exist */}\n                {showOrDivider && (\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {tr(\"registerOr\")}\n                    </Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                  </Group>\n                )}\n\n                {/* External login methods */}\n                {externalMethods.length > 0 && (\n                  <Stack gap={\"sm\"}>\n                    {externalMethods.map((method) => (\n                      <ActionButton\n                        variant={\"default\"}\n                        key={method.type}\n                        leftSection={leftSection(method.name.toLowerCase())}\n                        onClick={() =>\n                          auth.login(method.name, {\n                            redirect,\n                            realm: props.realmConfig.realmName,\n                          })\n                        }\n                      >\n                        {tr(\"registerContinueWith\", {\n                          args: [capitalize(method.name)],\n                        })}\n                      </ActionButton>\n                    ))}\n                  </Stack>\n                )}\n\n                {/* Sign in link */}\n                <Text size=\"sm\" ta=\"center\">\n                  {tr(\"registerHaveAccount\")}{\" \"}\n                  <ActionButton\n                    href={router.path(\"login\", {\n                      query: { realm: props.realmConfig.realmName },\n                    })}\n                    anchorProps={{ inherit: true }}\n                  >\n                    {tr(\"registerSignIn\")}\n                  </ActionButton>\n                </Text>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n","import { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Register from \"../../../auth/components/Register.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  usernameRequired: t.boolean({\n    title: \"Username Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailRequired: t.boolean({\n    title: \"Email Required\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Field\",\n    default: false,\n    $control: { switch: true },\n  }),\n  phoneRequired: t.boolean({\n    title: \"Phone Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Registration Allowed\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  usernameRequired: boolean;\n  emailEnabled: boolean;\n  emailRequired: boolean;\n  phoneEnabled: boolean;\n  phoneRequired: boolean;\n  registrationAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Create your account\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: props.emailRequired,\n      usernameEnabled: props.usernameEnabled,\n      usernameRequired: props.usernameRequired,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: props.phoneRequired,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: true,\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoRegister = () => {\n  return (\n    <Showcase\n      title=\"Register\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        usernameRequired: false,\n        emailEnabled: true,\n        emailRequired: true,\n        phoneEnabled: false,\n        phoneRequired: false,\n        registrationAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoRegister;\n"],"mappings":"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"}

package/dist/demo/DemoResetPassword-BFwmqwec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoResetPassword-BFwmqwec.js","names":["Showcase","ResetPassword"],"sources":["../../src/auth/components/ResetPassword.tsx","../../src/demo/components/auth/DemoResetPassword.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter } from \"@alepha/react/router\";\nimport { ActionButton, Control } from \"@alepha/ui\";\nimport {\n  Alert,\n  Card,\n  Flex,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconInfoCircle,\n  IconLock,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type {\n  PasswordResetIntentResponse,\n  RealmConfig,\n  UserController,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: RealmConfig;\n}\n\ntype Step = \"email\" | \"code\" | \"password\" | \"success\";\n\ninterface ResetState {\n  step: Step;\n  intent?: PasswordResetIntentResponse;\n  email?: string;\n  code?: string;\n}\n\nconst ResetPassword = (props: ResetPasswordProps) => {\n  const router = useRouter<AuthRouter>();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const [resetState, setResetState] = useState<ResetState>({ step: \"email\" });\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const redirect = router.query.r || \"/\";\n\n  const settings = props.realmConfig.settings;\n  const isResetPasswordAllowed = settings?.resetPasswordAllowed !== false;\n\n  // Phase 1: Request password reset intent\n  const emailForm = useForm({\n    schema: resetPasswordRequestSchema,\n    handler: async (data) => {\n      setError(null);\n      const intent = await userCtrl.createPasswordResetIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: { email: data.email },\n      });\n\n      setResetState({\n        step: \"code\",\n        intent,\n        email: data.email,\n      });\n    },\n  });\n\n  // Phase 2: Complete password reset\n  const passwordForm = useForm(\n    {\n      schema: t.object({\n        password: t.string({ minLength: 8 }),\n        confirmPassword: t.string({ minLength: 8 }),\n      }),\n      handler: async (data) => {\n        if (data.password !== data.confirmPassword) {\n          throw new AlephaError(\"Passwords do not match\");\n        }\n\n        if (!resetState.intent || !resetState.code) {\n          throw new AlephaError(\"Invalid reset state\");\n        }\n\n        await userCtrl.completePasswordReset({\n          body: {\n            intentId: resetState.intent.intentId,\n            code: resetState.code,\n            newPassword: data.password,\n          },\n        });\n\n        setResetState({ step: \"success\" });\n      },\n    },\n    [resetState.intent, resetState.code],\n  );\n\n  const handleCodeComplete = (value: string) => {\n    if (value.length === 6) {\n      setResetState((prev) => ({\n        ...prev,\n        step: \"password\",\n        code: value,\n      }));\n    }\n  };\n\n  const handleResendCode = async () => {\n    if (!resetState.email) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      const intent = await userCtrl.createPasswordResetIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: { email: resetState.email },\n      });\n\n      setResetState((prev) => ({\n        ...prev,\n        intent,\n      }));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to resend code\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\n            {error && (\n              <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                <Text size=\"sm\">{error}</Text>\n              </Alert>\n            )}\n\n            {!isResetPasswordAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"resetPasswordDisabled\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : resetState.step === \"email\" ? (\n              <form {...emailForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterEmail\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordEmail\")}\n                    input={emailForm.input.email}\n                    icon={<IconMail />}\n                    text={{\n                      autoComplete: \"email\",\n                      autoFocus: true,\n                      disabled: !isResetPasswordAllowed,\n                    }}\n                  />\n                  <ActionButton\n                    form={emailForm}\n                    disabled={!isResetPasswordAllowed}\n                  >\n                    {tr(\"resetPasswordSendCode\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : resetState.step === \"code\" ? (\n              <Stack gap={\"md\"}>\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"resetPasswordTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"blue\" icon={<IconInfoCircle />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordCodeSent\")}</Text>\n                </Alert>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"resetPasswordEnterCode\")}\n                </Text>\n                <Flex justify=\"center\">\n                  <PinInput\n                    length={6}\n                    type=\"number\"\n                    autoFocus\n                    oneTimeCode\n                    onComplete={handleCodeComplete}\n                    aria-label=\"Password reset verification code\"\n                  />\n                </Flex>\n                <ActionButton\n                  variant=\"subtle\"\n                  onClick={handleResendCode}\n                  loading={isSubmitting}\n                >\n                  {tr(\"resetPasswordResendCode\")}\n                </ActionButton>\n              </Stack>\n            ) : resetState.step === \"password\" ? (\n              <form {...passwordForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterNewPassword\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordNewPassword\")}\n                    input={passwordForm.input.password}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                      autoFocus: true,\n                    }}\n                  />\n                  <Control\n                    title={tr(\"resetPasswordConfirmPassword\")}\n                    input={passwordForm.input.confirmPassword}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                    }}\n                  />\n                  <ActionButton form={passwordForm}>\n                    {tr(\"resetPasswordSetNewPassword\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : (\n              <>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordSuccess\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"resetPasswordCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ResetPassword;\n","import { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport ResetPassword from \"../../../auth/components/ResetPassword.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  resetPasswordAllowed: t.boolean({\n    title: \"Reset Allowed\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  resetPasswordAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  return {\n    realmName: \"demo\",\n    authenticationMethods: [{ name: \"credentials\", type: \"CREDENTIALS\" }],\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Reset your password\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: true,\n      emailEnabled: true,\n      emailRequired: true,\n      usernameEnabled: false,\n      usernameRequired: false,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneEnabled: false,\n      phoneRequired: false,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: props.resetPasswordAllowed,\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoResetPassword = () => {\n  return (\n    <Showcase\n      title=\"ResetPassword\"\n      schema={showcaseSchema}\n      initialValues={{\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <ResetPassword realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoResetPassword;\n"],"mappings":"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"}

package/dist/demo/DemoTypeForm-P5_VInW2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoTypeForm-P5_VInW2.js","names":["Showcase"],"sources":["../../src/demo/components/core/DemoTypeForm.tsx"],"sourcesContent":["import { useForm } from \"@alepha/react/form\";\nimport { TypeForm } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst formSchema = t.object({\n  username: t.text({ title: \"Username\", default: \"\" }),\n  email: t.email({ title: \"Email\", default: \"\" }),\n  age: t.integer({ title: \"Age\", minimum: 0, maximum: 120 }),\n  role: t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\", default: \"user\" }),\n  subscribe: t.boolean({ title: \"Subscribe\", default: false }),\n});\n\nconst showcaseSchema = t.object({\n  columns: t.integer({\n    title: \"Columns\",\n    default: 1,\n    minimum: 1,\n    maximum: 4,\n    $control: { slider: true },\n  }),\n  fill: t.boolean({\n    title: \"Fill Width\",\n    default: false,\n    $control: { switch: true },\n  }),\n  skipSubmitButton: t.boolean({\n    title: \"Hide Submit\",\n    default: false,\n    $control: { switch: true },\n  }),\n});\n\nconst DemoTypeForm = () => {\n  const form = useForm(\n    {\n      schema: formSchema,\n      handler: (values) => {\n        alert(JSON.stringify(values, null, 2));\n      },\n    },\n    [],\n  );\n\n  return (\n    <Showcase\n      title=\"TypeForm\"\n      schema={showcaseSchema}\n      initialValues={{\n        columns: 1,\n        fill: false,\n        skipSubmitButton: false,\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <TypeForm\n          form={form}\n          columns={props.columns}\n          fill={props.fill}\n          skipSubmitButton={props.skipSubmitButton}\n          submitButtonProps={{ children: \"Submit\" }}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoTypeForm;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa,EAAE,OAAO;CAC1B,UAAU,EAAE,KAAK;EAAE,OAAO;EAAY,SAAS;EAAI,CAAC;CACpD,OAAO,EAAE,MAAM;EAAE,OAAO;EAAS,SAAS;EAAI,CAAC;CAC/C,KAAK,EAAE,QAAQ;EAAE,OAAO;EAAO,SAAS;EAAG,SAAS;EAAK,CAAC;CAC1D,MAAM,EAAE,KAAK;EAAC;EAAS;EAAQ;EAAQ,EAAE;EAAE,OAAO;EAAQ,SAAS;EAAQ,CAAC;CAC5E,WAAW,EAAE,QAAQ;EAAE,OAAO;EAAa,SAAS;EAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,kBAAkB,EAAE,QAAQ;EAC1B,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAEF,MAAM,qBAAqB;CACzB,MAAM,OAAO,QACX;EACE,QAAQ;EACR,UAAU,WAAW;AACnB,SAAM,KAAK,UAAU,QAAQ,MAAM,EAAE,CAAC;;EAEzC,EACD,EAAE,CACH;AAED,QACE,oBAACA;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,kBAAkB;GACnB;EACD,SAAS;aAEP,UACA,oBAAC;GACO;GACN,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,kBAAkB,MAAM;GACxB,mBAAmB,EAAE,UAAU,UAAU;IACzC;GAEK;;AAIf,2BAAe"}

package/dist/demo/DemoVerifyEmail-C_ooC5u8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoVerifyEmail-C_ooC5u8.js","names":["Showcase","VerifyEmail"],"sources":["../../src/auth/components/VerifyEmail.tsx","../../src/demo/components/auth/DemoVerifyEmail.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { useRouter, useRouterState } from \"@alepha/react/router\";\nimport { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n","import { t } from \"alepha\";\nimport VerifyEmail from \"../../../auth/components/VerifyEmail.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  placeholder: t.boolean({\n    title: \"Demo Mode\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst DemoVerifyEmail = () => {\n  return (\n    <Showcase\n      title=\"VerifyEmail\"\n      schema={showcaseSchema}\n      initialValues={{\n        placeholder: true,\n      }}\n      columns={1}\n    >\n      {() => <VerifyEmail />}\n    </Showcase>\n  );\n};\n\nexport default DemoVerifyEmail;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe;;;;AClGf,MAAM,iBAAiB,EAAE,OAAO,EAC9B,aAAa,EAAE,QAAQ;CACrB,OAAO;CACP,SAAS;CACT,UAAU,EAAE,QAAQ,MAAM;CAC3B,CAAC,EACH,CAAC;AAEF,MAAM,wBAAwB;AAC5B,QACE,oBAACA;EACC,OAAM;EACN,QAAQ;EACR,eAAe,EACb,aAAa,MACd;EACD,SAAS;kBAEF,oBAACC,wBAAc;GACb;;AAIf,8BAAe"}

package/dist/demo/Showcase-vemLuO2t.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Showcase-vemLuO2t.js","names":["values","MacWindow"],"sources":["../../src/demo/components/shared/MacWindow.tsx","../../src/demo/components/shared/Showcase.tsx"],"sourcesContent":["import { Box, type BoxProps, Flex, SegmentedControl } from \"@mantine/core\";\nimport { type ReactNode, useState } from \"react\";\n\nexport interface MacWindowProps {\n  children: ReactNode;\n  title?: string;\n  containerProps?: BoxProps;\n  fill?: boolean;\n}\n\ntype WindowSize = \"25\" | \"50\" | \"75\" | \"100\";\n\nconst MacWindow = ({\n  children,\n  title,\n  containerProps,\n  fill,\n}: MacWindowProps) => {\n  const [size, setSize] = useState<WindowSize>(\"100\");\n\n  const getWidth = () => {\n    return `${size}%`;\n  };\n\n  return (\n    <Flex\n      direction=\"column\"\n      flex={fill ? 1 : undefined}\n      h={fill ? \"100%\" : undefined}\n      bdrs={\"md\"}\n      style={{\n        width: getWidth(),\n        border: \"1px solid var(--mantine-color-default-border)\",\n        overflow: \"hidden\",\n        background: \"var(--mantine-color-body)\",\n        boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.15)\",\n        transition: \"width 0.3s ease\",\n      }}\n    >\n      <Flex\n        h={36}\n        px=\"sm\"\n        align=\"center\"\n        gap={8}\n        style={{\n          background: \"var(--mantine-color-default)\",\n          borderBottom: \"1px solid var(--mantine-color-default-border)\",\n        }}\n      >\n        <Flex gap={6}>\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#ff5f57\" }}\n          />\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#febc2e\" }}\n          />\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#28c840\" }}\n          />\n        </Flex>\n\n        <Box\n          style={{\n            flex: 1,\n            textAlign: \"center\",\n            fontSize: 13,\n            color: \"var(--mantine-color-dimmed)\",\n          }}\n        >\n          {title}\n        </Box>\n\n        {fill ? undefined : (\n          <SegmentedControl\n            size=\"xs\"\n            value={size}\n            onChange={(v) => setSize(v as WindowSize)}\n            data={[\n              { label: \"25\", value: \"25\" },\n              { label: \"50\", value: \"50\" },\n              { label: \"75\", value: \"75\" },\n              { label: \"100\", value: \"100\" },\n            ]}\n          />\n        )}\n      </Flex>\n      <Flex\n        direction={\"column\"}\n        flex={fill ? 1 : undefined}\n        p=\"md\"\n        {...containerProps}\n      >\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default MacWindow;\n","import { useForm } from \"@alepha/react/form\";\nimport { TypeForm, ui } from \"@alepha/ui\";\nimport { Box, Card, Flex, Text } from \"@mantine/core\";\nimport type { Static, TObject } from \"alepha\";\nimport { type ReactNode, useState } from \"react\";\nimport MacWindow, { type MacWindowProps } from \"./MacWindow.tsx\";\n\nexport interface ShowcaseProps<T extends TObject> {\n  /**\n   * Component title\n   */\n  title: string;\n  /**\n   * Schema for the props configuration\n   */\n  schema: T;\n  /**\n   * Initial values for the props\n   */\n  initialValues?: Partial<Static<T>>;\n  /**\n   * Number of columns for the props form\n   */\n  columns?: number;\n  /**\n   * Render function that receives the current props values\n   */\n  children: (props: Static<T>) => ReactNode;\n  /**\n   * Additional props for the MacWindow container\n   */\n  windowProps?: Partial<MacWindowProps>;\n}\n\n/**\n * Showcase component for demonstrating UI components with interactive props configuration.\n * Uses TypeForm to render a form based on the props schema and displays the component preview.\n */\nconst Showcase = <T extends TObject>({\n  title,\n  schema,\n  initialValues,\n  columns = 3,\n  children,\n  windowProps,\n}: ShowcaseProps<T>) => {\n  const [values, setValues] = useState<Record<string, any>>(\n    initialValues ?? {},\n  );\n\n  const form = useForm(\n    {\n      schema,\n      initialValues,\n      handler: (values) => {\n        setValues(values as Record<string, any>);\n      },\n      onChange: (key, value) => {\n        console.log(\"onChange\", key, value);\n        form.submit();\n      },\n    },\n    [schema],\n  );\n\n  return (\n    <Flex flex={1} h={\"100%\"}>\n      <Flex\n        flex={1}\n        bg={ui.colors.background}\n        h={\"100%\"}\n        p=\"xl\"\n        justify=\"center\"\n        align=\"flex-start\"\n        style={{ flex: 1, minWidth: 0, overflow: \"auto\" }}\n      >\n        <MacWindow title={title} {...windowProps}>\n          {children(values as Static<T>)}\n        </MacWindow>\n      </Flex>\n\n      <Box\n        bg={ui.colors.surface}\n        h={\"100%\"}\n        p={\"md\"}\n        style={{\n          flex: \"0 0 300px\",\n          overflow: \"auto\",\n        }}\n      >\n        <Card withBorder shadow=\"sm\" radius=\"md\" bg={ui.colors.elevated}>\n          <Card.Section withBorder py={\"xs\"} inheritPadding>\n            <Text size={\"xs\"} fw={500}>\n              {title} Props\n            </Text>\n          </Card.Section>\n\n          <Card.Section p={\"sm\"}>\n            <TypeForm\n              form={form}\n              columns={columns}\n              skipSubmitButton\n              skipFormElement\n            />\n          </Card.Section>\n        </Card>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default Showcase;\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa,EACjB,UACA,OACA,gBACA,WACoB;CACpB,MAAM,CAAC,MAAM,WAAW,SAAqB,MAAM;CAEnD,MAAM,iBAAiB;AACrB,SAAO,GAAG,KAAK;;AAGjB,QACE,qBAAC;EACC,WAAU;EACV,MAAM,OAAO,IAAI;EACjB,GAAG,OAAO,SAAS;EACnB,MAAM;EACN,OAAO;GACL,OAAO,UAAU;GACjB,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,WAAW;GACX,YAAY;GACb;aAED,qBAAC;GACC,GAAG;GACH,IAAG;GACH,OAAM;GACN,KAAK;GACL,OAAO;IACL,YAAY;IACZ,cAAc;IACf;;IAED,qBAAC;KAAK,KAAK;;MACT,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;MACF,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;MACF,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;;MACG;IAEP,oBAAC;KACC,OAAO;MACL,MAAM;MACN,WAAW;MACX,UAAU;MACV,OAAO;MACR;eAEA;MACG;IAEL,OAAO,SACN,oBAAC;KACC,MAAK;KACL,OAAO;KACP,WAAW,MAAM,QAAQ,EAAgB;KACzC,MAAM;MACJ;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAO,OAAO;OAAO;MAC/B;MACD;;IAEC,EACP,oBAAC;GACC,WAAW;GACX,MAAM,OAAO,IAAI;GACjB,GAAE;GACF,GAAI;GAEH;IACI;GACF;;AAIX,wBAAe;;;;;;;;AClEf,MAAM,YAA+B,EACnC,OACA,QACA,eACA,UAAU,GACV,UACA,kBACsB;CACtB,MAAM,CAAC,QAAQ,aAAa,SAC1B,iBAAiB,EAAE,CACpB;CAED,MAAM,OAAO,QACX;EACE;EACA;EACA,UAAU,aAAW;AACnB,aAAUA,SAA8B;;EAE1C,WAAW,KAAK,UAAU;AACxB,WAAQ,IAAI,YAAY,KAAK,MAAM;AACnC,QAAK,QAAQ;;EAEhB,EACD,CAAC,OAAO,CACT;AAED,QACE,qBAAC;EAAK,MAAM;EAAG,GAAG;aAChB,oBAAC;GACC,MAAM;GACN,IAAI,GAAG,OAAO;GACd,GAAG;GACH,GAAE;GACF,SAAQ;GACR,OAAM;GACN,OAAO;IAAE,MAAM;IAAG,UAAU;IAAG,UAAU;IAAQ;aAEjD,oBAACC;IAAiB;IAAO,GAAI;cAC1B,SAAS,OAAoB;KACpB;IACP,EAEP,oBAAC;GACC,IAAI,GAAG,OAAO;GACd,GAAG;GACH,GAAG;GACH,OAAO;IACL,MAAM;IACN,UAAU;IACX;aAED,qBAAC;IAAK;IAAW,QAAO;IAAK,QAAO;IAAK,IAAI,GAAG,OAAO;eACrD,oBAAC,KAAK;KAAQ;KAAW,IAAI;KAAM;eACjC,qBAAC;MAAK,MAAM;MAAM,IAAI;iBACnB,OAAM;OACF;MACM,EAEf,oBAAC,KAAK;KAAQ,GAAG;eACf,oBAAC;MACO;MACG;MACT;MACA;OACA;MACW;KACV;IACH;GACD;;AAIX,uBAAe"}