@alepha/ui 0.11.12 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/README.md +2 -30
  2. package/dist/admin/AdminFiles-BM6_7_5A.cjs +4 -0
  3. package/dist/admin/AdminFiles-BaCIMeNt.js +4 -0
  4. package/dist/admin/AdminFiles-CllAxb1B.js +117 -0
  5. package/dist/admin/AdminFiles-CllAxb1B.js.map +1 -0
  6. package/dist/admin/AdminFiles-DC3T8uWZ.cjs +122 -0
  7. package/dist/admin/AdminFiles-DC3T8uWZ.cjs.map +1 -0
  8. package/dist/admin/AdminJobs-BXkFtlVo.js +125 -0
  9. package/dist/admin/AdminJobs-BXkFtlVo.js.map +1 -0
  10. package/dist/admin/AdminJobs-C428qrNQ.cjs +130 -0
  11. package/dist/admin/AdminJobs-C428qrNQ.cjs.map +1 -0
  12. package/dist/admin/AdminJobs-DCPPaJ4i.cjs +4 -0
  13. package/dist/admin/AdminJobs-yC6DarGO.js +4 -0
  14. package/dist/admin/AdminLayout-Bqo4cd33.cjs +4 -0
  15. package/dist/admin/AdminLayout-CQpxfko6.js +4 -0
  16. package/dist/admin/AdminLayout-CiLlywAQ.cjs +93 -0
  17. package/dist/admin/AdminLayout-CiLlywAQ.cjs.map +1 -0
  18. package/dist/admin/AdminLayout-CtkVYk-u.js +88 -0
  19. package/dist/admin/AdminLayout-CtkVYk-u.js.map +1 -0
  20. package/dist/admin/AdminNotifications-DNUeJ-PW.cjs +44 -0
  21. package/dist/admin/AdminNotifications-DNUeJ-PW.cjs.map +1 -0
  22. package/dist/admin/AdminNotifications-DaMu1AQ4.js +4 -0
  23. package/dist/admin/AdminNotifications-DnnulNNV.js +40 -0
  24. package/dist/admin/AdminNotifications-DnnulNNV.js.map +1 -0
  25. package/dist/admin/AdminNotifications-ihgbKVCx.cjs +4 -0
  26. package/dist/admin/AdminParameters-B3hvpLpu.js +40 -0
  27. package/dist/admin/AdminParameters-B3hvpLpu.js.map +1 -0
  28. package/dist/admin/AdminParameters-U4lU1rUF.cjs +4 -0
  29. package/dist/admin/AdminParameters-gdf7036N.cjs +44 -0
  30. package/dist/admin/AdminParameters-gdf7036N.cjs.map +1 -0
  31. package/dist/admin/AdminParameters-prMcCgxf.js +4 -0
  32. package/dist/admin/AdminSessions-BF_P4lHs.cjs +128 -0
  33. package/dist/admin/AdminSessions-BF_P4lHs.cjs.map +1 -0
  34. package/dist/admin/AdminSessions-CATIU61I.cjs +4 -0
  35. package/dist/admin/AdminSessions-DqOXOpYR.js +4 -0
  36. package/dist/admin/AdminSessions-Pjdz-iZx.js +123 -0
  37. package/dist/admin/AdminSessions-Pjdz-iZx.js.map +1 -0
  38. package/dist/admin/AdminUsers-BgTL-zSY.js +4 -0
  39. package/dist/admin/AdminUsers-C1HsrRxn.js +104 -0
  40. package/dist/admin/AdminUsers-C1HsrRxn.js.map +1 -0
  41. package/dist/admin/AdminUsers-HqvxwNGZ.cjs +4 -0
  42. package/dist/admin/AdminUsers-M2uEQbp5.cjs +109 -0
  43. package/dist/admin/AdminUsers-M2uEQbp5.cjs.map +1 -0
  44. package/dist/admin/AdminVerifications-BVssbtfU.cjs +44 -0
  45. package/dist/admin/AdminVerifications-BVssbtfU.cjs.map +1 -0
  46. package/dist/admin/AdminVerifications-Df6DRgNo.js +4 -0
  47. package/dist/admin/AdminVerifications-DxAtcYUR.cjs +4 -0
  48. package/dist/admin/AdminVerifications-VMpm30mS.js +40 -0
  49. package/dist/admin/AdminVerifications-VMpm30mS.js.map +1 -0
  50. package/dist/admin/core-CzO6aavT.js +2507 -0
  51. package/dist/admin/core-CzO6aavT.js.map +1 -0
  52. package/dist/{index.cjs → admin/core-aFtK4l9I.cjs} +287 -204
  53. package/dist/admin/core-aFtK4l9I.cjs.map +1 -0
  54. package/dist/admin/index.cjs +87 -0
  55. package/dist/admin/index.cjs.map +1 -0
  56. package/dist/admin/index.d.cts +1739 -0
  57. package/dist/admin/index.d.ts +1745 -0
  58. package/dist/admin/index.js +78 -0
  59. package/dist/admin/index.js.map +1 -0
  60. package/dist/auth/IconGoogle-B17BTQyD.cjs +69 -0
  61. package/dist/auth/IconGoogle-B17BTQyD.cjs.map +1 -0
  62. package/dist/auth/IconGoogle-Bfmuv9Rv.js +58 -0
  63. package/dist/auth/IconGoogle-Bfmuv9Rv.js.map +1 -0
  64. package/dist/auth/Login-BTBmbnWl.cjs +181 -0
  65. package/dist/auth/Login-BTBmbnWl.cjs.map +1 -0
  66. package/dist/auth/Login-BcQOtG3v.js +5 -0
  67. package/dist/auth/Login-Btmd70Um.cjs +5 -0
  68. package/dist/auth/Login-JeXFsUf5.js +176 -0
  69. package/dist/auth/Login-JeXFsUf5.js.map +1 -0
  70. package/dist/auth/Register-CPQnvXCZ.js +318 -0
  71. package/dist/auth/Register-CPQnvXCZ.js.map +1 -0
  72. package/dist/auth/Register-CbesZal3.cjs +5 -0
  73. package/dist/auth/Register-DpI_JdyO.js +5 -0
  74. package/dist/auth/Register-HP3rP71B.cjs +323 -0
  75. package/dist/auth/Register-HP3rP71B.cjs.map +1 -0
  76. package/dist/auth/ResetPassword-B-tkzV7g.cjs +248 -0
  77. package/dist/auth/ResetPassword-B-tkzV7g.cjs.map +1 -0
  78. package/dist/auth/ResetPassword-BlK3xEpU.js +4 -0
  79. package/dist/auth/ResetPassword-BzUjGG_-.js +243 -0
  80. package/dist/auth/ResetPassword-BzUjGG_-.js.map +1 -0
  81. package/dist/auth/ResetPassword-W3xjOnWy.cjs +4 -0
  82. package/dist/auth/chunk-DhGyd7sr.js +28 -0
  83. package/dist/auth/core-D1MHij1j.js +1795 -0
  84. package/dist/auth/core-D1MHij1j.js.map +1 -0
  85. package/dist/auth/core-rDZ9d92K.cjs +1824 -0
  86. package/dist/auth/core-rDZ9d92K.cjs.map +1 -0
  87. package/dist/auth/index.cjs +211 -0
  88. package/dist/auth/index.cjs.map +1 -0
  89. package/dist/auth/index.d.cts +6265 -0
  90. package/dist/auth/index.d.ts +6274 -0
  91. package/dist/auth/index.js +206 -0
  92. package/dist/auth/index.js.map +1 -0
  93. package/dist/core/index.cjs +2620 -0
  94. package/dist/core/index.cjs.map +1 -0
  95. package/dist/core/index.d.cts +2737 -0
  96. package/dist/core/index.d.ts +2743 -0
  97. package/dist/{index.js → core/index.js} +298 -126
  98. package/dist/core/index.js.map +1 -0
  99. package/package.json +32 -14
  100. package/src/admin/AdminRouter.ts +58 -0
  101. package/src/admin/components/AdminFiles.tsx +117 -0
  102. package/src/admin/components/AdminJobs.tsx +158 -0
  103. package/src/admin/components/AdminLayout.tsx +114 -0
  104. package/src/admin/components/AdminNotifications.tsx +20 -0
  105. package/src/admin/components/AdminParameters.tsx +24 -0
  106. package/src/admin/components/AdminSessions.tsx +159 -0
  107. package/src/admin/components/AdminUsers.tsx +137 -0
  108. package/src/admin/components/AdminVerifications.tsx +25 -0
  109. package/src/admin/index.ts +29 -0
  110. package/src/auth/AuthI18n.ts +118 -0
  111. package/src/auth/AuthRouter.ts +53 -0
  112. package/src/auth/components/Login.tsx +193 -0
  113. package/src/auth/components/Register.tsx +421 -0
  114. package/src/auth/components/ResetPassword.tsx +259 -0
  115. package/src/auth/components/buttons/UserButton.tsx +118 -0
  116. package/src/auth/components/icons/IconGithub.tsx +21 -0
  117. package/src/auth/components/icons/IconGoogle.tsx +30 -0
  118. package/src/auth/index.ts +27 -0
  119. package/src/{RootRouter.ts → core/RootRouter.ts} +2 -1
  120. package/src/{components → core/components}/buttons/ActionButton.tsx +49 -6
  121. package/src/core/components/buttons/ClipboardButton.tsx +56 -0
  122. package/src/{components → core/components}/buttons/DarkModeButton.tsx +7 -8
  123. package/src/{components → core/components}/buttons/LanguageButton.tsx +2 -2
  124. package/src/{components → core/components}/buttons/OmnibarButton.tsx +1 -1
  125. package/src/{components → core/components}/dialogs/AlertDialog.tsx +1 -1
  126. package/src/{components → core/components}/dialogs/ConfirmDialog.tsx +1 -1
  127. package/src/{components → core/components}/dialogs/PromptDialog.tsx +1 -1
  128. package/src/{components → core/components}/form/Control.tsx +1 -0
  129. package/src/{components → core/components}/layout/AdminShell.tsx +38 -7
  130. package/src/{components → core/components}/layout/AlephaMantineProvider.tsx +12 -8
  131. package/src/{components → core/components}/layout/AppBar.tsx +1 -1
  132. package/src/{components → core/components}/layout/Omnibar.tsx +1 -1
  133. package/src/{components → core/components}/layout/Sidebar.tsx +29 -26
  134. package/src/{components → core/components}/table/DataTable.tsx +1 -1
  135. package/src/{constants → core/constants}/ui.ts +9 -0
  136. package/src/{index.ts → core/index.ts} +3 -0
  137. package/src/{services → core/services}/DialogService.tsx +3 -3
  138. package/src/{services → core/services}/ToastService.tsx +3 -1
  139. package/src/{utils → core/utils}/extractSchemaFields.ts +2 -8
  140. package/src/{utils → core/utils}/icons.tsx +5 -15
  141. package/src/{utils → core/utils}/parseInput.ts +34 -26
  142. package/dist/AlephaMantineProvider-CGpgWDt8.cjs +0 -3
  143. package/dist/AlephaMantineProvider-D8cHYAge.js +0 -152
  144. package/dist/AlephaMantineProvider-D8cHYAge.js.map +0 -1
  145. package/dist/AlephaMantineProvider-DuvZFAuk.cjs +0 -175
  146. package/dist/AlephaMantineProvider-DuvZFAuk.cjs.map +0 -1
  147. package/dist/AlephaMantineProvider-twBqV4IO.js +0 -3
  148. package/dist/index.cjs.map +0 -1
  149. package/dist/index.d.cts +0 -821
  150. package/dist/index.d.cts.map +0 -1
  151. package/dist/index.d.ts +0 -821
  152. package/dist/index.d.ts.map +0 -1
  153. package/dist/index.js.map +0 -1
  154. /package/src/{components → core/components}/buttons/BurgerButton.tsx +0 -0
  155. /package/src/{components → core/components}/buttons/ToggleSidebarButton.tsx +0 -0
  156. /package/src/{components → core/components}/data/JsonViewer.tsx +0 -0
  157. /package/src/{components → core/components}/form/ControlDate.tsx +0 -0
  158. /package/src/{components → core/components}/form/ControlNumber.tsx +0 -0
  159. /package/src/{components → core/components}/form/ControlQueryBuilder.tsx +0 -0
  160. /package/src/{components → core/components}/form/ControlSelect.tsx +0 -0
  161. /package/src/{components → core/components}/form/TypeForm.tsx +0 -0
  162. /package/src/{hooks → core/hooks}/useDialog.ts +0 -0
  163. /package/src/{hooks → core/hooks}/useToast.ts +0 -0
  164. /package/src/{utils → core/utils}/string.ts +0 -0
@@ -0,0 +1,78 @@
1
+ import { t as AlephaUI } from "./core-CzO6aavT.js";
2
+ import { t as AdminFiles_default } from "./AdminFiles-CllAxb1B.js";
3
+ import { t as AdminJobs_default } from "./AdminJobs-BXkFtlVo.js";
4
+ import { t as AdminLayout_default } from "./AdminLayout-CtkVYk-u.js";
5
+ import { t as AdminNotifications_default } from "./AdminNotifications-DnnulNNV.js";
6
+ import { t as AdminParameters_default } from "./AdminParameters-B3hvpLpu.js";
7
+ import { t as AdminSessions_default } from "./AdminSessions-Pjdz-iZx.js";
8
+ import { t as AdminUsers_default } from "./AdminUsers-C1HsrRxn.js";
9
+ import { t as AdminVerifications_default } from "./AdminVerifications-VMpm30mS.js";
10
+ import { $module } from "alepha";
11
+ import { $page } from "@alepha/react";
12
+
13
+ //#region src/admin/AdminRouter.ts
14
+ var AdminRouter = class {
15
+ admin = $page({
16
+ path: "/admin",
17
+ label: "Admin",
18
+ lazy: () => import("./AdminLayout-CQpxfko6.js")
19
+ });
20
+ adminUsers = $page({
21
+ parent: this.admin,
22
+ path: "/users",
23
+ label: "Users",
24
+ lazy: () => import("./AdminUsers-BgTL-zSY.js")
25
+ });
26
+ adminNotifications = $page({
27
+ parent: this.admin,
28
+ path: "/notifications",
29
+ label: "Notifications",
30
+ lazy: () => import("./AdminNotifications-DaMu1AQ4.js")
31
+ });
32
+ adminSessions = $page({
33
+ parent: this.admin,
34
+ path: "/sessions",
35
+ label: "Sessions",
36
+ lazy: () => import("./AdminSessions-DqOXOpYR.js")
37
+ });
38
+ adminVerifications = $page({
39
+ parent: this.admin,
40
+ path: "/verifications",
41
+ label: "Verifications",
42
+ lazy: () => import("./AdminVerifications-Df6DRgNo.js")
43
+ });
44
+ adminJobs = $page({
45
+ parent: this.admin,
46
+ path: "/jobs",
47
+ label: "Jobs",
48
+ lazy: () => import("./AdminJobs-yC6DarGO.js")
49
+ });
50
+ adminParameters = $page({
51
+ parent: this.admin,
52
+ path: "/parameters",
53
+ label: "Parameters",
54
+ lazy: () => import("./AdminParameters-prMcCgxf.js")
55
+ });
56
+ adminFiles = $page({
57
+ parent: this.admin,
58
+ path: "/files",
59
+ label: "Files",
60
+ lazy: () => import("./AdminFiles-BaCIMeNt.js")
61
+ });
62
+ };
63
+
64
+ //#endregion
65
+ //#region src/admin/index.ts
66
+ /**
67
+ * Admin panel UI Module
68
+ *
69
+ * @module alepha.ui.admin
70
+ */
71
+ const AlephaUIAdmin = $module({
72
+ name: "alepha.ui.admin",
73
+ services: [AlephaUI, AdminRouter]
74
+ });
75
+
76
+ //#endregion
77
+ export { AdminFiles_default as AdminFiles, AdminJobs_default as AdminJobs, AdminLayout_default as AdminLayout, AdminNotifications_default as AdminNotifications, AdminParameters_default as AdminParameters, AdminRouter, AdminSessions_default as AdminSessions, AdminUsers_default as AdminUsers, AdminVerifications_default as AdminVerifications, AlephaUIAdmin };
78
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/admin/AdminRouter.ts","../../src/admin/index.ts"],"sourcesContent":["import { $page } from \"@alepha/react\";\n\nexport class AdminRouter {\n admin = $page({\n path: \"/admin\",\n label: \"Admin\",\n lazy: () => import(\"./components/AdminLayout.tsx\"),\n });\n\n adminUsers = $page({\n parent: this.admin,\n path: \"/users\",\n label: \"Users\",\n lazy: () => import(\"./components/AdminUsers.tsx\"),\n });\n\n adminNotifications = $page({\n parent: this.admin,\n path: \"/notifications\",\n label: \"Notifications\",\n lazy: () => import(\"./components/AdminNotifications.tsx\"),\n });\n\n adminSessions = $page({\n parent: this.admin,\n path: \"/sessions\",\n label: \"Sessions\",\n lazy: () => import(\"./components/AdminSessions.tsx\"),\n });\n\n adminVerifications = $page({\n parent: this.admin,\n path: \"/verifications\",\n label: \"Verifications\",\n lazy: () => import(\"./components/AdminVerifications.tsx\"),\n });\n\n adminJobs = $page({\n parent: this.admin,\n path: \"/jobs\",\n label: \"Jobs\",\n lazy: () => import(\"./components/AdminJobs.tsx\"),\n });\n\n adminParameters = $page({\n parent: this.admin,\n path: \"/parameters\",\n label: \"Parameters\",\n lazy: () => import(\"./components/AdminParameters.tsx\"),\n });\n\n adminFiles = $page({\n parent: this.admin,\n path: \"/files\",\n label: \"Files\",\n lazy: () => import(\"./components/AdminFiles.tsx\"),\n });\n}\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { AdminRouter } from \"./AdminRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { AdminRouter } from \"./AdminRouter.ts\";\nexport { default as AdminFiles } from \"./components/AdminFiles.tsx\";\nexport { default as AdminJobs } from \"./components/AdminJobs.tsx\";\nexport { default as AdminLayout } from \"./components/AdminLayout.tsx\";\nexport { default as AdminNotifications } from \"./components/AdminNotifications.tsx\";\nexport { default as AdminParameters } from \"./components/AdminParameters.tsx\";\nexport type { AdminSessionsProps } from \"./components/AdminSessions.tsx\";\nexport { default as AdminSessions } from \"./components/AdminSessions.tsx\";\nexport type { AdminUsersProps } from \"./components/AdminUsers.tsx\";\nexport { default as AdminUsers } from \"./components/AdminUsers.tsx\";\nexport { default as AdminVerifications } from \"./components/AdminVerifications.tsx\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Admin panel UI Module\n *\n * @module alepha.ui.admin\n */\nexport const AlephaUIAdmin = $module({\n name: \"alepha.ui.admin\",\n services: [AlephaUI, AdminRouter],\n});\n"],"mappings":";;;;;;;;;;;;;AAEA,IAAa,cAAb,MAAyB;CACvB,QAAQ,MAAM;EACZ,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,aAAa,MAAM;EACjB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,qBAAqB,MAAM;EACzB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,gBAAgB,MAAM;EACpB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,qBAAqB,MAAM;EACzB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,YAAY,MAAM;EAChB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,kBAAkB,MAAM;EACtB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,aAAa,MAAM;EACjB,QAAQ,KAAK;EACb,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;;;;;;;;;;AC/BJ,MAAa,gBAAgB,QAAQ;CACnC,MAAM;CACN,UAAU,CAAC,UAAU,YAAY;CAClC,CAAC"}
@@ -0,0 +1,69 @@
1
+ let react_jsx_runtime = require("react/jsx-runtime");
2
+
3
+ //#region src/auth/components/icons/IconGithub.tsx
4
+ const IconGithub = () => {
5
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
6
+ width: "24",
7
+ height: "24",
8
+ viewBox: "0 0 1024 1024",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
12
+ fillRule: "evenodd",
13
+ clipRule: "evenodd",
14
+ d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
15
+ transform: "scale(64)",
16
+ fill: "var(--alepha-text)"
17
+ })
18
+ });
19
+ };
20
+ var IconGithub_default = IconGithub;
21
+
22
+ //#endregion
23
+ //#region src/auth/components/icons/IconGoogle.tsx
24
+ const IconGoogle = () => {
25
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
26
+ xmlns: "http://www.w3.org/2000/svg",
27
+ height: "24",
28
+ viewBox: "0 0 24 24",
29
+ width: "24",
30
+ children: [
31
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
32
+ d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
33
+ fill: "#4285F4"
34
+ }),
35
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
36
+ d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
37
+ fill: "#34A853"
38
+ }),
39
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
40
+ d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
41
+ fill: "#FBBC05"
42
+ }),
43
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
44
+ d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
45
+ fill: "#EA4335"
46
+ }),
47
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
48
+ d: "M1 1h22v22H1z",
49
+ fill: "none"
50
+ })
51
+ ]
52
+ });
53
+ };
54
+ var IconGoogle_default = IconGoogle;
55
+
56
+ //#endregion
57
+ Object.defineProperty(exports, 'IconGithub_default', {
58
+ enumerable: true,
59
+ get: function () {
60
+ return IconGithub_default;
61
+ }
62
+ });
63
+ Object.defineProperty(exports, 'IconGoogle_default', {
64
+ enumerable: true,
65
+ get: function () {
66
+ return IconGoogle_default;
67
+ }
68
+ });
69
+ //# sourceMappingURL=IconGoogle-B17BTQyD.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconGoogle-B17BTQyD.cjs","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 1024 1024\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n transform=\"scale(64)\"\n fill={\"var(--alepha-text)\"}\n />\n </svg>\n );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n >\n <path\n d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n fill=\"#4285F4\"\n />\n <path\n d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n fill=\"#34A853\"\n />\n <path\n d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n fill=\"#FBBC05\"\n />\n <path\n d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n fill=\"#EA4335\"\n />\n <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n </svg>\n );\n};\n\nexport default IconGoogle;\n"],"mappings":";;;AAAA,MAAM,mBAAmB;AACvB,QACE,2CAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,2CAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;AAIV,yBAAe;;;;ACpBf,MAAM,mBAAmB;AACvB,QACE,4CAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,2CAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC;;AAIV,yBAAe"}
@@ -0,0 +1,58 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+
3
+ //#region src/auth/components/icons/IconGithub.tsx
4
+ const IconGithub = () => {
5
+ return /* @__PURE__ */ jsx("svg", {
6
+ width: "24",
7
+ height: "24",
8
+ viewBox: "0 0 1024 1024",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ children: /* @__PURE__ */ jsx("path", {
12
+ fillRule: "evenodd",
13
+ clipRule: "evenodd",
14
+ d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
15
+ transform: "scale(64)",
16
+ fill: "var(--alepha-text)"
17
+ })
18
+ });
19
+ };
20
+ var IconGithub_default = IconGithub;
21
+
22
+ //#endregion
23
+ //#region src/auth/components/icons/IconGoogle.tsx
24
+ const IconGoogle = () => {
25
+ return /* @__PURE__ */ jsxs("svg", {
26
+ xmlns: "http://www.w3.org/2000/svg",
27
+ height: "24",
28
+ viewBox: "0 0 24 24",
29
+ width: "24",
30
+ children: [
31
+ /* @__PURE__ */ jsx("path", {
32
+ d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
33
+ fill: "#4285F4"
34
+ }),
35
+ /* @__PURE__ */ jsx("path", {
36
+ d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
37
+ fill: "#34A853"
38
+ }),
39
+ /* @__PURE__ */ jsx("path", {
40
+ d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
41
+ fill: "#FBBC05"
42
+ }),
43
+ /* @__PURE__ */ jsx("path", {
44
+ d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
45
+ fill: "#EA4335"
46
+ }),
47
+ /* @__PURE__ */ jsx("path", {
48
+ d: "M1 1h22v22H1z",
49
+ fill: "none"
50
+ })
51
+ ]
52
+ });
53
+ };
54
+ var IconGoogle_default = IconGoogle;
55
+
56
+ //#endregion
57
+ export { IconGithub_default as n, IconGoogle_default as t };
58
+ //# sourceMappingURL=IconGoogle-Bfmuv9Rv.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconGoogle-Bfmuv9Rv.js","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 1024 1024\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n transform=\"scale(64)\"\n fill={\"var(--alepha-text)\"}\n />\n </svg>\n );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n >\n <path\n d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n fill=\"#4285F4\"\n />\n <path\n d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n fill=\"#34A853\"\n />\n <path\n d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n fill=\"#FBBC05\"\n />\n <path\n d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n fill=\"#EA4335\"\n />\n <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n </svg>\n );\n};\n\nexport default IconGoogle;\n"],"mappings":";;;AAAA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;AAIV,yBAAe;;;;ACpBf,MAAM,mBAAmB;AACvB,QACE,qBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC;;AAIV,yBAAe"}
@@ -0,0 +1,181 @@
1
+ const require_core = require('./core-rDZ9d92K.cjs');
2
+ const require_IconGoogle = require('./IconGoogle-B17BTQyD.cjs');
3
+ let __alepha_react_auth = require("@alepha/react/auth");
4
+ let __alepha_react_i18n = require("@alepha/react/i18n");
5
+ let __alepha_react_form = require("@alepha/react/form");
6
+ let alepha = require("alepha");
7
+ let __alepha_react = require("@alepha/react");
8
+ let __mantine_core = require("@mantine/core");
9
+ let __tabler_icons_react = require("@tabler/icons-react");
10
+ let react_jsx_runtime = require("react/jsx-runtime");
11
+ let react = require("react");
12
+ let alepha_server = require("alepha/server");
13
+
14
+ //#region src/auth/components/Login.tsx
15
+ const Login = (props) => {
16
+ const auth = (0, __alepha_react_auth.useAuth)();
17
+ const router = (0, __alepha_react.useRouter)();
18
+ const { tr } = (0, __alepha_react_i18n.useI18n)();
19
+ const redirect = router.query.redirect || "/";
20
+ const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
21
+ const settings = props.realmConfig.settings;
22
+ const loginMethods = (0, react.useMemo)(() => {
23
+ const methods = [];
24
+ if (settings.usernameEnabled !== false) methods.push("username");
25
+ if (settings.emailEnabled !== false) methods.push("email");
26
+ if (settings.phoneEnabled === true) methods.push("phone");
27
+ return methods;
28
+ }, [settings]);
29
+ const identifierTitle = (0, react.useMemo)(() => {
30
+ if (loginMethods.length === 0) return tr("loginUsername");
31
+ if (loginMethods.length === 1) {
32
+ if (loginMethods[0] === "username") return tr("loginUsername");
33
+ if (loginMethods[0] === "email") return tr("loginEmail");
34
+ if (loginMethods[0] === "phone") return tr("loginPhone");
35
+ }
36
+ const labels = loginMethods.map((m) => {
37
+ if (m === "username") return tr("loginUsername").toLowerCase();
38
+ if (m === "email") return tr("loginEmail").toLowerCase();
39
+ if (m === "phone") return tr("loginPhone").toLowerCase();
40
+ return m;
41
+ });
42
+ return require_core.capitalize(`${labels.slice(0, -1).join(", ")} or ${labels[labels.length - 1]}`);
43
+ }, [loginMethods, tr]);
44
+ const form = (0, __alepha_react_form.useForm)({
45
+ schema: alepha.t.object({
46
+ identifier: alepha.t.string({ minLength: 1 }),
47
+ password: alepha.t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
48
+ }),
49
+ handler: async (data) => {
50
+ try {
51
+ await auth.login("credentials", {
52
+ username: data.identifier,
53
+ password: data.password
54
+ });
55
+ await router.go(router.query.r || "/");
56
+ } catch (error) {
57
+ if (error instanceof alepha_server.HttpError && error.error === "InvalidCredentialsError") throw new __alepha_react_form.FormValidationError({
58
+ message: "Invalid identifier or password",
59
+ path: "/password"
60
+ });
61
+ throw error;
62
+ }
63
+ }
64
+ });
65
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
66
+ flex: 1,
67
+ justify: "center",
68
+ align: "center",
69
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
70
+ gap: "sm",
71
+ w: 360,
72
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Card, {
73
+ withBorder: true,
74
+ p: "lg",
75
+ bg: "var(--alepha-elevated)",
76
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
77
+ gap: "md",
78
+ children: [
79
+ hasUsernamePassword && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
80
+ ...form.props,
81
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
82
+ flex: 1,
83
+ gap: "md",
84
+ children: [
85
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
86
+ title: identifierTitle,
87
+ input: form.input.identifier,
88
+ icon: __tabler_icons_react.IconUser,
89
+ text: { autoComplete: loginMethods.includes("email") ? "email" : "username" }
90
+ }),
91
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.Control_default, {
92
+ title: tr("loginPassword"),
93
+ input: form.input.password,
94
+ icon: __tabler_icons_react.IconLock,
95
+ password: { autoComplete: "current-password" }
96
+ }),
97
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
98
+ variant: "filled",
99
+ form,
100
+ children: tr("loginSignIn")
101
+ })
102
+ ]
103
+ })
104
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
105
+ gap: "xs",
106
+ children: [settings.resetPasswordAllowed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
107
+ size: "sm",
108
+ ta: "center",
109
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
110
+ href: router.path("resetPassword"),
111
+ anchorProps: { inherit: true },
112
+ children: tr("loginForgotPassword")
113
+ })
114
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Group, {
115
+ align: "center",
116
+ justify: "center",
117
+ gap: "md",
118
+ children: [
119
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
120
+ flex: 1,
121
+ h: "1px",
122
+ bg: "var(--alepha-text-muted)"
123
+ }),
124
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
125
+ size: "xs",
126
+ children: tr("loginOr")
127
+ }),
128
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
129
+ flex: 1,
130
+ h: "1px",
131
+ bg: "var(--alepha-text-muted)"
132
+ })
133
+ ]
134
+ })]
135
+ })] }),
136
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Stack, {
137
+ gap: "sm",
138
+ children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
139
+ variant: "default",
140
+ leftSection: leftSection(method.name.toLowerCase()),
141
+ onClick: () => auth.login(method.name, { redirect }),
142
+ children: tr("loginContinueWith", { args: [require_core.capitalize(method.name)] })
143
+ }, method.type))
144
+ }),
145
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Text, {
146
+ size: "sm",
147
+ ta: "center",
148
+ children: [
149
+ tr("loginNoAccount"),
150
+ " ",
151
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
152
+ href: router.path("register"),
153
+ anchorProps: { inherit: true },
154
+ children: tr("loginSignUp")
155
+ })
156
+ ]
157
+ })
158
+ ]
159
+ })
160
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.ActionButton_default, {
161
+ variant: "subtle",
162
+ href: redirect,
163
+ children: tr("loginCancel")
164
+ })]
165
+ })
166
+ });
167
+ };
168
+ var Login_default = Login;
169
+ const leftSection = (name) => {
170
+ if (name === "google") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGoogle_default, {});
171
+ if (name === "github") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconGoogle.IconGithub_default, {});
172
+ };
173
+
174
+ //#endregion
175
+ Object.defineProperty(exports, 'Login_default', {
176
+ enumerable: true,
177
+ get: function () {
178
+ return Login_default;
179
+ }
180
+ });
181
+ //# sourceMappingURL=Login-BTBmbnWl.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Login-BTBmbnWl.cjs","names":["capitalize","t","HttpError","FormValidationError","Flex","Stack","Card","Control","IconUser","IconLock","ActionButton","Text","Group","IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Stack, Text } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserRealmConfig } 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: UserRealmConfig;\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.redirect || \"/\";\n\n const hasUsernamePassword = 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 try {\n await auth.login(\"credentials\", {\n username: data.identifier,\n password: data.password,\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 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 {hasUsernamePassword && (\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: loginMethods.includes(\"email\")\n ? \"email\"\n : \"username\",\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 <Stack gap=\"xs\">\n {settings.resetPasswordAllowed && (\n <Text size=\"sm\" ta=\"center\">\n <ActionButton\n href={router.path(\"resetPassword\")}\n anchorProps={{ inherit: true }}\n >\n {tr(\"loginForgotPassword\")}\n </ActionButton>\n </Text>\n )}\n <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n <Text size=\"xs\">{tr(\"loginOr\")}</Text>\n <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n </Group>\n </Stack>\n </>\n )}\n <Stack gap={\"sm\"}>\n {props.realmConfig.authenticationMethods.map(\n (method) =>\n method.type !== \"CREDENTIALS\" && (\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 })\n }\n >\n {tr(\"loginContinueWith\", {\n args: [capitalize(method.name)],\n })}\n </ActionButton>\n ),\n )}\n </Stack>\n <Text size=\"sm\" ta=\"center\">\n {tr(\"loginNoAccount\")}{\" \"}\n <ActionButton\n href={router.path(\"register\")}\n anchorProps={{ inherit: true }}\n >\n {tr(\"loginSignUp\")}\n </ActionButton>\n </Text>\n </Stack>\n </Card>\n <ActionButton variant={\"subtle\"} href={redirect}>\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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"}
@@ -0,0 +1,5 @@
1
+ import "./core-D1MHij1j.js";
2
+ import "./IconGoogle-Bfmuv9Rv.js";
3
+ import { t as Login_default } from "./Login-JeXFsUf5.js";
4
+
5
+ export { Login_default as default };
@@ -0,0 +1,5 @@
1
+ require('./core-rDZ9d92K.cjs');
2
+ require('./IconGoogle-B17BTQyD.cjs');
3
+ const require_Login = require('./Login-BTBmbnWl.cjs');
4
+
5
+ exports.default = require_Login.Login_default;
@@ -0,0 +1,176 @@
1
+ import { i as ActionButton_default, n as Control_default, r as capitalize } from "./core-D1MHij1j.js";
2
+ import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-Bfmuv9Rv.js";
3
+ import { useAuth } from "@alepha/react/auth";
4
+ import { useI18n } from "@alepha/react/i18n";
5
+ import { FormValidationError, useForm } from "@alepha/react/form";
6
+ import { t } from "alepha";
7
+ import { useRouter } from "@alepha/react";
8
+ import { Card, Flex, Group, Stack, Text } from "@mantine/core";
9
+ import { IconLock, IconUser } from "@tabler/icons-react";
10
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
+ import { useMemo } from "react";
12
+ import { HttpError } from "alepha/server";
13
+
14
+ //#region src/auth/components/Login.tsx
15
+ const Login = (props) => {
16
+ const auth = useAuth();
17
+ const router = useRouter();
18
+ const { tr } = useI18n();
19
+ const redirect = router.query.redirect || "/";
20
+ const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
21
+ const settings = props.realmConfig.settings;
22
+ const loginMethods = useMemo(() => {
23
+ const methods = [];
24
+ if (settings.usernameEnabled !== false) methods.push("username");
25
+ if (settings.emailEnabled !== false) methods.push("email");
26
+ if (settings.phoneEnabled === true) methods.push("phone");
27
+ return methods;
28
+ }, [settings]);
29
+ const identifierTitle = useMemo(() => {
30
+ if (loginMethods.length === 0) return tr("loginUsername");
31
+ if (loginMethods.length === 1) {
32
+ if (loginMethods[0] === "username") return tr("loginUsername");
33
+ if (loginMethods[0] === "email") return tr("loginEmail");
34
+ if (loginMethods[0] === "phone") return tr("loginPhone");
35
+ }
36
+ const labels = loginMethods.map((m) => {
37
+ if (m === "username") return tr("loginUsername").toLowerCase();
38
+ if (m === "email") return tr("loginEmail").toLowerCase();
39
+ if (m === "phone") return tr("loginPhone").toLowerCase();
40
+ return m;
41
+ });
42
+ return capitalize(`${labels.slice(0, -1).join(", ")} or ${labels[labels.length - 1]}`);
43
+ }, [loginMethods, tr]);
44
+ const form = useForm({
45
+ schema: t.object({
46
+ identifier: t.string({ minLength: 1 }),
47
+ password: t.string({ minLength: settings.passwordPolicy?.minLength || 6 })
48
+ }),
49
+ handler: async (data) => {
50
+ try {
51
+ await auth.login("credentials", {
52
+ username: data.identifier,
53
+ password: data.password
54
+ });
55
+ await router.go(router.query.r || "/");
56
+ } catch (error) {
57
+ if (error instanceof HttpError && error.error === "InvalidCredentialsError") throw new FormValidationError({
58
+ message: "Invalid identifier or password",
59
+ path: "/password"
60
+ });
61
+ throw error;
62
+ }
63
+ }
64
+ });
65
+ return /* @__PURE__ */ jsx(Flex, {
66
+ flex: 1,
67
+ justify: "center",
68
+ align: "center",
69
+ children: /* @__PURE__ */ jsxs(Stack, {
70
+ gap: "sm",
71
+ w: 360,
72
+ children: [/* @__PURE__ */ jsx(Card, {
73
+ withBorder: true,
74
+ p: "lg",
75
+ bg: "var(--alepha-elevated)",
76
+ children: /* @__PURE__ */ jsxs(Stack, {
77
+ gap: "md",
78
+ children: [
79
+ hasUsernamePassword && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
80
+ ...form.props,
81
+ children: /* @__PURE__ */ jsxs(Stack, {
82
+ flex: 1,
83
+ gap: "md",
84
+ children: [
85
+ /* @__PURE__ */ jsx(Control_default, {
86
+ title: identifierTitle,
87
+ input: form.input.identifier,
88
+ icon: IconUser,
89
+ text: { autoComplete: loginMethods.includes("email") ? "email" : "username" }
90
+ }),
91
+ /* @__PURE__ */ jsx(Control_default, {
92
+ title: tr("loginPassword"),
93
+ input: form.input.password,
94
+ icon: IconLock,
95
+ password: { autoComplete: "current-password" }
96
+ }),
97
+ /* @__PURE__ */ jsx(ActionButton_default, {
98
+ variant: "filled",
99
+ form,
100
+ children: tr("loginSignIn")
101
+ })
102
+ ]
103
+ })
104
+ }), /* @__PURE__ */ jsxs(Stack, {
105
+ gap: "xs",
106
+ children: [settings.resetPasswordAllowed && /* @__PURE__ */ jsx(Text, {
107
+ size: "sm",
108
+ ta: "center",
109
+ children: /* @__PURE__ */ jsx(ActionButton_default, {
110
+ href: router.path("resetPassword"),
111
+ anchorProps: { inherit: true },
112
+ children: tr("loginForgotPassword")
113
+ })
114
+ }), /* @__PURE__ */ jsxs(Group, {
115
+ align: "center",
116
+ justify: "center",
117
+ gap: "md",
118
+ children: [
119
+ /* @__PURE__ */ jsx(Flex, {
120
+ flex: 1,
121
+ h: "1px",
122
+ bg: "var(--alepha-text-muted)"
123
+ }),
124
+ /* @__PURE__ */ jsx(Text, {
125
+ size: "xs",
126
+ children: tr("loginOr")
127
+ }),
128
+ /* @__PURE__ */ jsx(Flex, {
129
+ flex: 1,
130
+ h: "1px",
131
+ bg: "var(--alepha-text-muted)"
132
+ })
133
+ ]
134
+ })]
135
+ })] }),
136
+ /* @__PURE__ */ jsx(Stack, {
137
+ gap: "sm",
138
+ children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ jsx(ActionButton_default, {
139
+ variant: "default",
140
+ leftSection: leftSection(method.name.toLowerCase()),
141
+ onClick: () => auth.login(method.name, { redirect }),
142
+ children: tr("loginContinueWith", { args: [capitalize(method.name)] })
143
+ }, method.type))
144
+ }),
145
+ /* @__PURE__ */ jsxs(Text, {
146
+ size: "sm",
147
+ ta: "center",
148
+ children: [
149
+ tr("loginNoAccount"),
150
+ " ",
151
+ /* @__PURE__ */ jsx(ActionButton_default, {
152
+ href: router.path("register"),
153
+ anchorProps: { inherit: true },
154
+ children: tr("loginSignUp")
155
+ })
156
+ ]
157
+ })
158
+ ]
159
+ })
160
+ }), /* @__PURE__ */ jsx(ActionButton_default, {
161
+ variant: "subtle",
162
+ href: redirect,
163
+ children: tr("loginCancel")
164
+ })]
165
+ })
166
+ });
167
+ };
168
+ var Login_default = Login;
169
+ const leftSection = (name) => {
170
+ if (name === "google") return /* @__PURE__ */ jsx(IconGoogle_default, {});
171
+ if (name === "github") return /* @__PURE__ */ jsx(IconGithub_default, {});
172
+ };
173
+
174
+ //#endregion
175
+ export { Login_default as t };
176
+ //# sourceMappingURL=Login-JeXFsUf5.js.map