@proteinjs/user-ui 1.0.34 → 1.0.36

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.36](https://github.com/proteinjs/user/compare/@proteinjs/user-ui@1.0.35...@proteinjs/user-ui@1.0.36) (2024-07-12)
+
+**Note:** Version bump only for package @proteinjs/user-ui
+
+
+
+
+
 ## [1.0.27](https://github.com/proteinjs/user/compare/@proteinjs/user-ui@1.0.26...@proteinjs/user-ui@1.0.27) (2024-06-27)
 
 **Note:** Version bump only for package @proteinjs/user-ui

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Brent Bahry
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/generated/index.d.ts

@@ -1,4 +1,6 @@
 /** Load Dependency Source Graphs */
+import '@mui/icons-material';
+import '@mui/material';
 import '@proteinjs/reflection';
 import '@proteinjs/server-api';
 import '@proteinjs/ui';

package/dist/generated/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAChB,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AAyBnB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,eAAe,CAAC;AACvB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAChB,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AA6BnB,cAAc,UAAU,CAAC"}

package/dist/generated/index.js

@@ -15,6 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+require("@mui/icons-material");
+require("@mui/material");
 require("@proteinjs/reflection");
 require("@proteinjs/server-api");
 require("@proteinjs/ui");
@@ -23,12 +25,16 @@ require("moment");
 require("react");
 require("react-dom");
 /** Generate Source Graph */
-var sourceGraph = "{\"options\":{\"directed\":true,\"multigraph\":false,\"compound\":false},\"nodes\":[{\"v\":\"/Omit\"},{\"v\":\"@proteinjs/user-ui/loginPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"loginPage\",\"filePath\":\"/Users/veronica/Repositories/n3xa-meta-repo/packages/proteinjs/packages/user/packages/ui/src/pages/Login.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/loginPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}},{\"v\":\"@proteinjs/ui/Page\"},{\"v\":\"@proteinjs/user-ui/signupPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"signupPage\",\"filePath\":\"/Users/veronica/Repositories/n3xa-meta-repo/packages/proteinjs/packages/user/packages/ui/src/pages/Signup.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/signupPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}}],\"edges\":[{\"v\":\"@proteinjs/user-ui/loginPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"},{\"v\":\"@proteinjs/user-ui/signupPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"}]}";
+var sourceGraph = "{\"options\":{\"directed\":true,\"multigraph\":false,\"compound\":false},\"nodes\":[{\"v\":\"/Omit\"},{\"v\":\"@proteinjs/user-ui/forgotPasswordPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"forgotPasswordPage\",\"filePath\":\"/home/runner/work/user/user/packages/ui/src/pages/ForgotPassword.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/forgotPasswordPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}},{\"v\":\"@proteinjs/ui/Page\"},{\"v\":\"@proteinjs/user-ui/loginPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"loginPage\",\"filePath\":\"/home/runner/work/user/user/packages/ui/src/pages/Login.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/loginPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}},{\"v\":\"@proteinjs/user-ui/passwordResetPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"passwordResetPage\",\"filePath\":\"/home/runner/work/user/user/packages/ui/src/pages/PasswordReset.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/passwordResetPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}},{\"v\":\"@proteinjs/user-ui/signupPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"signupPage\",\"filePath\":\"/home/runner/work/user/user/packages/ui/src/pages/Signup.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/signupPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}}],\"edges\":[{\"v\":\"@proteinjs/user-ui/forgotPasswordPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"},{\"v\":\"@proteinjs/user-ui/loginPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"},{\"v\":\"@proteinjs/user-ui/passwordResetPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"},{\"v\":\"@proteinjs/user-ui/signupPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"}]}";
 /** Generate Source Links */
+var ForgotPassword_1 = require("../src/pages/ForgotPassword");
 var Login_1 = require("../src/pages/Login");
+var PasswordReset_1 = require("../src/pages/PasswordReset");
 var Signup_1 = require("../src/pages/Signup");
 var sourceLinks = {
+    '@proteinjs/user-ui/forgotPasswordPage': ForgotPassword_1.forgotPasswordPage,
     '@proteinjs/user-ui/loginPage': Login_1.loginPage,
+    '@proteinjs/user-ui/passwordResetPage': PasswordReset_1.passwordResetPage,
     '@proteinjs/user-ui/signupPage': Signup_1.signupPage,
 };
 /** Load Source Graph and Links */

package/dist/generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;;;;;;;;;;;;;;AAEpC,iCAA+B;AAC/B,iCAA+B;AAC/B,yBAAuB;AACvB,2BAAyB;AACzB,kBAAgB;AAChB,iBAAe;AACf,qBAAmB;AAGnB,4BAA4B;AAE5B,IAAM,WAAW,GAAG,2oDAA2oD,CAAC;AAGhqD,4BAA4B;AAE5B,4CAA+C;AAC/C,8CAAiD;AAEjD,IAAM,WAAW,GAAG;IACnB,8BAA8B,EAAE,iBAAS;IACzC,+BAA+B,EAAE,mBAAU;CAC3C,CAAC;AAGF,kCAAkC;AAElC,oDAAyD;AACzD,6BAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAGjD,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../generated/index.ts"],"names":[],"mappings":";AAAA,oCAAoC;;;;;;;;;;;;;;;;AAEpC,+BAA6B;AAC7B,yBAAuB;AACvB,iCAA+B;AAC/B,iCAA+B;AAC/B,yBAAuB;AACvB,2BAAyB;AACzB,kBAAgB;AAChB,iBAAe;AACf,qBAAmB;AAGnB,4BAA4B;AAE5B,IAAM,WAAW,GAAG,8gGAA8gG,CAAC;AAGniG,4BAA4B;AAE5B,8DAAiE;AACjE,4CAA+C;AAC/C,4DAA+D;AAC/D,8CAAiD;AAEjD,IAAM,WAAW,GAAG;IACnB,uCAAuC,EAAE,mCAAkB;IAC3D,8BAA8B,EAAE,iBAAS;IACzC,sCAAsC,EAAE,iCAAiB;IACzD,+BAA+B,EAAE,mBAAU;CAC3C,CAAC;AAGF,kCAAkC;AAElC,oDAAyD;AACzD,6BAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAGjD,2CAAyB"}

package/dist/src/pages/ForgotPassword.d.ts

@@ -0,0 +1,4 @@
+import { Page } from '@proteinjs/ui';
+export declare const forgotPasswordPath = "login/forgot-password";
+export declare const forgotPasswordPage: Page;
+//# sourceMappingURL=ForgotPassword.d.ts.map

package/dist/src/pages/ForgotPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPassword.d.ts","sourceRoot":"","sources":["../../../src/pages/ForgotPassword.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkD,MAAM,eAAe,CAAC;AAIrF,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAC1D,eAAO,MAAM,kBAAkB,EAAE,IAgBhC,CAAC"}

package/dist/src/pages/ForgotPassword.js

@@ -0,0 +1,126 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forgotPasswordPage = exports.forgotPasswordPath = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_1 = require("@proteinjs/ui");
+var user_1 = require("@proteinjs/user");
+var PasswordReset_1 = require("./PasswordReset");
+exports.forgotPasswordPath = 'login/forgot-password';
+exports.forgotPasswordPage = {
+    name: 'Forgot Password',
+    path: exports.forgotPasswordPath,
+    auth: {
+        public: true,
+    },
+    component: function () { return (react_1.default.createElement(ui_1.FormPage, null,
+        react_1.default.createElement(ui_1.Form, { name: 'Forgot Password', createFields: function () { return new ForgotPasswordFields(); }, fieldLayout: ['email'], buttons: buttons }))); },
+};
+var ForgotPasswordFields = /** @class */ (function (_super) {
+    __extends(ForgotPasswordFields, _super);
+    function ForgotPasswordFields() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.email = (0, ui_1.textField)({
+            name: 'email',
+        });
+        return _this;
+    }
+    ForgotPasswordFields.create = function () {
+        return new ForgotPasswordFields();
+    };
+    return ForgotPasswordFields;
+}(ui_1.Fields));
+var buttons = {
+    submit: {
+        name: 'Submit',
+        style: {
+            color: 'primary',
+            variant: 'contained',
+        },
+        onClick: function (fields, buttons) { return __awaiter(void 0, void 0, void 0, function () {
+            var response, body;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, fetch(user_1.routes.initiatePasswordReset.path, {
+                            method: user_1.routes.initiatePasswordReset.method,
+                            body: JSON.stringify({
+                                email: fields.email.field.value,
+                                resetPath: PasswordReset_1.passwordResetPath,
+                            }),
+                            redirect: 'follow',
+                            credentials: 'same-origin',
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                        })];
+                    case 1:
+                        response = _a.sent();
+                        if (response.status != 200) {
+                            throw new Error("Failed to initiate forgot password.");
+                        }
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        body = _a.sent();
+                        if (body.error) {
+                            throw new Error("Failed to initiate forgot password.");
+                        }
+                        return [2 /*return*/, "Successfully sent an email with a link to reset your password."];
+                }
+            });
+        }); },
+    },
+};
+//# sourceMappingURL=ForgotPassword.js.map

package/dist/src/pages/ForgotPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPassword.js","sourceRoot":"","sources":["../../../src/pages/ForgotPassword.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAqF;AACrF,wCAAyC;AACzC,iDAAoD;AAEvC,QAAA,kBAAkB,GAAG,uBAAuB,CAAC;AAC7C,QAAA,kBAAkB,GAAS;IACtC,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,0BAAkB;IACxB,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,cAAM,OAAA,CACf,8BAAC,aAAQ;QACP,8BAAC,SAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,YAAY,EAAE,cAAM,OAAA,IAAI,oBAAoB,EAAE,EAA1B,CAA0B,EAC9C,WAAW,EAAE,CAAC,OAAO,CAAC,EACtB,OAAO,EAAE,OAAO,GAChB,CACO,CACZ,EATgB,CAShB;CACF,CAAC;AAEF;IAAmC,wCAAM;IAAzC;QAAA,qEAQC;QAHC,WAAK,GAAG,IAAA,cAAS,EAAuB;YACtC,IAAI,EAAE,OAAO;SACd,CAAC,CAAC;;IACL,CAAC;IAPQ,2BAAM,GAAb;QACE,OAAO,IAAI,oBAAoB,EAAE,CAAC;IACpC,CAAC;IAKH,2BAAC;AAAD,CAAC,AARD,CAAmC,WAAM,GAQxC;AAED,IAAM,OAAO,GAAsC;IACjD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;SACrB;QACD,OAAO,EAAE,UAAO,MAA4B,EAAE,OAA0C;;;;4BACrE,qBAAM,KAAK,CAAC,aAAM,CAAC,qBAAqB,CAAC,IAAI,EAAE;4BAC9D,MAAM,EAAE,aAAM,CAAC,qBAAqB,CAAC,MAAM;4BAC3C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gCAC/B,SAAS,EAAE,iCAAiB;6BAC7B,CAAC;4BACF,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,aAAa;4BAC1B,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CAAC,EAAA;;wBAXI,QAAQ,GAAG,SAWf;wBACF,IAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE;4BAC1B,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;yBACxD;wBAEY,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAA5B,IAAI,GAAG,SAAqB;wBAClC,IAAI,IAAI,CAAC,KAAK,EAAE;4BACd,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;yBACxD;wBAED,sBAAO,gEAAgE,EAAC;;;aACzE;KACF;CACF,CAAC"}

package/dist/src/pages/Login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/pages/Login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA+D,MAAM,eAAe,CAAC;AAGlG,eAAO,MAAM,SAAS,UAAU,CAAC;AACjC,eAAO,MAAM,SAAS,EAAE,IAgBvB,CAAC"}
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/pages/Login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA+D,MAAM,eAAe,CAAC;AAGlG,eAAO,MAAM,SAAS,UAAU,CAAC;AACjC,eAAO,MAAM,SAAS,EAAE,IAiBvB,CAAC"}

package/dist/src/pages/Login.js

@@ -66,7 +66,7 @@ exports.loginPage = {
         public: true,
     },
     component: function () { return (react_1.default.createElement(ui_1.FormPage, null,
-        react_1.default.createElement(ui_1.Form, { name: 'Login', createFields: function () { return new LoginFields(); }, fieldLayout: ['email', 'password'], buttons: buttons }))); },
+        react_1.default.createElement(ui_1.Form, { name: 'Login', createFields: function () { return new LoginFields(); }, fieldLayout: ['email', 'password'], buttons: buttons, maxWidth: 'xs' }))); },
 };
 var LoginFields = /** @class */ (function (_super) {
     __extends(LoginFields, _super);
@@ -87,6 +87,18 @@ var LoginFields = /** @class */ (function (_super) {
     return LoginFields;
 }(ui_1.Fields));
 var buttons = {
+    forgotPassword: {
+        name: 'Forgot password',
+        style: {
+            variant: 'text',
+            align: 'left',
+        },
+        redirect: function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, { path: '/login/forgot-password' }];
+            });
+        }); },
+    },
     clear: ui_1.clearButton,
     login: {
         name: 'Login',

package/dist/src/pages/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/pages/Login.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAkG;AAClG,wCAAyC;AAE5B,QAAA,SAAS,GAAG,OAAO,CAAC;AACpB,QAAA,SAAS,GAAS;IAC7B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,iBAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,cAAM,OAAA,CACf,8BAAC,aAAQ;QACP,8BAAC,SAAI,IACH,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,cAAM,OAAA,IAAI,WAAW,EAAE,EAAjB,CAAiB,EACrC,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAClC,OAAO,EAAE,OAAO,GAChB,CACO,CACZ,EATgB,CAShB;CACF,CAAC;AAEF;IAA0B,+BAAM;IAAhC;QAAA,qEAaC;QARC,WAAK,GAAG,IAAA,cAAS,EAAc;YAC7B,IAAI,EAAE,OAAO;SACd,CAAC,CAAC;QAEH,cAAQ,GAAG,IAAA,cAAS,EAAc;YAChC,IAAI,EAAE,UAAU;YAChB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;;IACL,CAAC;IAZQ,kBAAM,GAAb;QACE,OAAO,IAAI,WAAW,EAAE,CAAC;IAC3B,CAAC;IAUH,kBAAC;AAAD,CAAC,AAbD,CAA0B,WAAM,GAa/B;AAED,IAAM,OAAO,GAA6B;IACxC,KAAK,EAAE,gBAAW;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;SACrB;QACD,OAAO,EAAE,UAAO,MAAmB,EAAE,OAAiC;;;;4BACnD,qBAAM,KAAK,CAAC,aAAM,CAAC,KAAK,CAAC,IAAI,EAAE;4BAC9C,MAAM,EAAE,aAAM,CAAC,KAAK,CAAC,MAAM;4BAC3B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gCAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK;6BACtC,CAAC;4BACF,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,aAAa;4BAC1B,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CAAC,EAAA;;wBAXI,QAAQ,GAAG,SAWf;wBACF,IAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE;4BAC1B,MAAM,IAAI,KAAK,CAAC,kCAA2B,QAAQ,CAAC,UAAU,CAAE,CAAC,CAAC;yBACnE;wBAEY,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAA5B,IAAI,GAAG,SAAqB;wBAClC,IAAI,IAAI,CAAC,KAAK,EAAE;4BACd,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;yBAC7B;wBAED,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;;;;aAC5B;KACF;CACF,CAAC"}
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/pages/Login.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAkG;AAClG,wCAAyC;AAE5B,QAAA,SAAS,GAAG,OAAO,CAAC;AACpB,QAAA,SAAS,GAAS;IAC7B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,iBAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,cAAM,OAAA,CACf,8BAAC,aAAQ;QACP,8BAAC,SAAI,IACH,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,cAAM,OAAA,IAAI,WAAW,EAAE,EAAjB,CAAiB,EACrC,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAClC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,GACd,CACO,CACZ,EAVgB,CAUhB;CACF,CAAC;AAEF;IAA0B,+BAAM;IAAhC;QAAA,qEAaC;QARC,WAAK,GAAG,IAAA,cAAS,EAAc;YAC7B,IAAI,EAAE,OAAO;SACd,CAAC,CAAC;QAEH,cAAQ,GAAG,IAAA,cAAS,EAAc;YAChC,IAAI,EAAE,UAAU;YAChB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;;IACL,CAAC;IAZQ,kBAAM,GAAb;QACE,OAAO,IAAI,WAAW,EAAE,CAAC;IAC3B,CAAC;IAUH,kBAAC;AAAD,CAAC,AAbD,CAA0B,WAAM,GAa/B;AAED,IAAM,OAAO,GAA6B;IACxC,cAAc,EAAE;QACd,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE;;gBACR,sBAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAC;;aAC3C;KACF;IACD,KAAK,EAAE,gBAAW;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;SACrB;QACD,OAAO,EAAE,UAAO,MAAmB,EAAE,OAAiC;;;;4BACnD,qBAAM,KAAK,CAAC,aAAM,CAAC,KAAK,CAAC,IAAI,EAAE;4BAC9C,MAAM,EAAE,aAAM,CAAC,KAAK,CAAC,MAAM;4BAC3B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gCAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK;6BACtC,CAAC;4BACF,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,aAAa;4BAC1B,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CAAC,EAAA;;wBAXI,QAAQ,GAAG,SAWf;wBACF,IAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE;4BAC1B,MAAM,IAAI,KAAK,CAAC,kCAA2B,QAAQ,CAAC,UAAU,CAAE,CAAC,CAAC;yBACnE;wBAEY,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAA5B,IAAI,GAAG,SAAqB;wBAClC,IAAI,IAAI,CAAC,KAAK,EAAE;4BACd,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;yBAC7B;wBAED,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;;;;aAC5B;KACF;CACF,CAAC"}

package/dist/src/pages/PasswordReset.d.ts

@@ -0,0 +1,4 @@
+import { Page } from '@proteinjs/ui';
+export declare const passwordResetPath = "login/password-reset";
+export declare const passwordResetPage: Page;
+//# sourceMappingURL=PasswordReset.d.ts.map

package/dist/src/pages/PasswordReset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordReset.d.ts","sourceRoot":"","sources":["../../../src/pages/PasswordReset.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkD,MAAM,eAAe,CAAC;AAIrF,eAAO,MAAM,iBAAiB,yBAAyB,CAAC;AA6HxD,eAAO,MAAM,iBAAiB,EAAE,IAO/B,CAAC"}

package/dist/src/pages/PasswordReset.js

@@ -0,0 +1,226 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.passwordResetPage = exports.passwordResetPath = void 0;
+var react_1 = __importStar(require("react"));
+var ui_1 = require("@proteinjs/ui");
+var user_1 = require("@proteinjs/user");
+var material_1 = require("@mui/material");
+exports.passwordResetPath = 'login/password-reset';
+var PasswordResetComponent = function () {
+    var _a = (0, react_1.useState)(''), token = _a[0], setToken = _a[1];
+    var _b = (0, react_1.useState)(false), isValidating = _b[0], setIsValidating = _b[1];
+    var _c = (0, react_1.useState)(null), validationError = _c[0], setValidationError = _c[1];
+    var _d = (0, react_1.useState)(false), resetSuccess = _d[0], setResetSuccess = _d[1];
+    var buttons = {
+        submit: {
+            name: 'Reset Password',
+            style: {
+                color: 'primary',
+                variant: 'contained',
+            },
+            onClick: function (fields) { return __awaiter(void 0, void 0, void 0, function () {
+                var response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (fields.newPassword.field.value !== fields.confirmPassword.field.value) {
+                                throw new Error('Passwords do not match');
+                            }
+                            return [4 /*yield*/, fetch(user_1.routes.executePasswordReset.path, {
+                                    method: user_1.routes.executePasswordReset.method,
+                                    body: JSON.stringify({
+                                        token: fields.token.field.value,
+                                        newPassword: fields.newPassword.field.value,
+                                    }),
+                                    credentials: 'same-origin',
+                                    headers: {
+                                        'Content-Type': 'application/json',
+                                    },
+                                })];
+                        case 1:
+                            response = _a.sent();
+                            if (response.status !== 200) {
+                                throw new Error('Failed to reset password');
+                            }
+                            setResetSuccess(true);
+                            return [2 /*return*/, 'Your password has been successfully reset. You can now log in with your new password.'];
+                    }
+                });
+            }); },
+        },
+    };
+    (0, react_1.useEffect)(function () {
+        var searchParams = new URLSearchParams(window.location.search);
+        var resetToken = searchParams.get('token');
+        if (resetToken) {
+            setToken(resetToken);
+            validateToken(resetToken);
+        }
+        else {
+            setValidationError('No reset token provided');
+        }
+    }, []);
+    var validateToken = function (token) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, data, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsValidating(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, 5, 6]);
+                    return [4 /*yield*/, fetch("".concat(user_1.routes.validateResetToken.path, "?token=").concat(token), {
+                            method: user_1.routes.validateResetToken.method,
+                            credentials: 'same-origin',
+                        })];
+                case 2:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    data = _a.sent();
+                    if (!data.isValid) {
+                        setValidationError(data.message || 'Invalid or expired token');
+                    }
+                    return [3 /*break*/, 6];
+                case 4:
+                    error_1 = _a.sent();
+                    setValidationError('An error occurred while validating the token');
+                    return [3 /*break*/, 6];
+                case 5:
+                    setIsValidating(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (isValidating) {
+        return react_1.default.createElement(ui_1.FormPage, null, "Validating reset token...");
+    }
+    if (validationError) {
+        return (react_1.default.createElement(ui_1.FormPage, null,
+            react_1.default.createElement(material_1.Stack, { alignItems: 'center', spacing: 3 },
+                react_1.default.createElement(material_1.Typography, { variant: 'h1', gutterBottom: true }, "Invalid password reset link"),
+                react_1.default.createElement(material_1.Typography, { variant: 'body1', gutterBottom: true }, "The password reset link is invalid or has expired. Please request a new password reset."),
+                react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'primary', href: '/login' }, "Go to login page"))));
+    }
+    if (resetSuccess) {
+        return (react_1.default.createElement(ui_1.FormPage, null,
+            react_1.default.createElement(material_1.Stack, { alignItems: 'center', spacing: 3 },
+                react_1.default.createElement(material_1.Typography, { variant: 'h6', gutterBottom: true }, "Password reset successful"),
+                react_1.default.createElement(material_1.Typography, { variant: 'body1', gutterBottom: true }, "Your password has been successfully reset. You can now log in with your new password."),
+                react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'primary', href: '/login' }, "Go to login page"))));
+    }
+    return (react_1.default.createElement(ui_1.FormPage, null,
+        react_1.default.createElement(ui_1.Form, { name: 'Reset Password', createFields: function () { return new ResetPasswordFields(); }, fieldLayout: ['newPassword', 'confirmPassword'], buttons: buttons, onLoad: function (fields) { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    fields.token.field.value = token;
+                    return [2 /*return*/];
+                });
+            }); } })));
+};
+exports.passwordResetPage = {
+    name: 'Reset Password',
+    path: exports.passwordResetPath,
+    auth: {
+        public: true,
+    },
+    component: PasswordResetComponent,
+};
+var ResetPasswordFields = /** @class */ (function (_super) {
+    __extends(ResetPasswordFields, _super);
+    function ResetPasswordFields() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.token = (0, ui_1.textField)({
+            name: 'token',
+            accessibility: { hidden: true },
+        });
+        _this.newPassword = (0, ui_1.textField)({
+            name: 'New Password',
+            isPassword: true,
+        });
+        _this.confirmPassword = (0, ui_1.textField)({
+            name: 'Confirm New Password',
+            isPassword: true,
+        });
+        return _this;
+    }
+    ResetPasswordFields.create = function () {
+        return new ResetPasswordFields();
+    };
+    return ResetPasswordFields;
+}(ui_1.Fields));
+//# sourceMappingURL=PasswordReset.js.map

package/dist/src/pages/PasswordReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordReset.js","sourceRoot":"","sources":["../../../src/pages/PasswordReset.tsx"],"names":[],"mappings":"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"}

package/generated/index.ts

@@ -1,5 +1,7 @@
 /** Load Dependency Source Graphs */
 
+import '@mui/icons-material';
+import '@mui/material';
 import '@proteinjs/reflection';
 import '@proteinjs/server-api';
 import '@proteinjs/ui';
@@ -8,27 +10,28 @@ import 'moment';
 import 'react';
 import 'react-dom';
 
-
 /** Generate Source Graph */
 
-const sourceGraph = "{\"options\":{\"directed\":true,\"multigraph\":false,\"compound\":false},\"nodes\":[{\"v\":\"/Omit\"},{\"v\":\"@proteinjs/user-ui/loginPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"loginPage\",\"filePath\":\"/Users/veronica/Repositories/n3xa-meta-repo/packages/proteinjs/packages/user/packages/ui/src/pages/Login.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/loginPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}},{\"v\":\"@proteinjs/ui/Page\"},{\"v\":\"@proteinjs/user-ui/signupPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"signupPage\",\"filePath\":\"/Users/veronica/Repositories/n3xa-meta-repo/packages/proteinjs/packages/user/packages/ui/src/pages/Signup.tsx\",\"qualifiedName\":\"@proteinjs/user-ui/signupPage\",\"type\":{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":[{\"packageName\":\"@proteinjs/ui\",\"name\":\"Page\",\"filePath\":null,\"qualifiedName\":\"@proteinjs/ui/Page\",\"typeParameters\":[],\"directParents\":null}]},\"isExported\":true,\"isConst\":true,\"sourceType\":0}}],\"edges\":[{\"v\":\"@proteinjs/user-ui/loginPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"},{\"v\":\"@proteinjs/user-ui/signupPage\",\"w\":\"@proteinjs/ui/Page\",\"value\":\"has type\"}]}";
-
+const sourceGraph =
+  '{"options":{"directed":true,"multigraph":false,"compound":false},"nodes":[{"v":"/Omit"},{"v":"@proteinjs/user-ui/forgotPasswordPage","value":{"packageName":"@proteinjs/user-ui","name":"forgotPasswordPage","filePath":"/home/runner/work/user/user/packages/ui/src/pages/ForgotPassword.tsx","qualifiedName":"@proteinjs/user-ui/forgotPasswordPage","type":{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":[{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":null}]},"isExported":true,"isConst":true,"sourceType":0}},{"v":"@proteinjs/ui/Page"},{"v":"@proteinjs/user-ui/loginPage","value":{"packageName":"@proteinjs/user-ui","name":"loginPage","filePath":"/home/runner/work/user/user/packages/ui/src/pages/Login.tsx","qualifiedName":"@proteinjs/user-ui/loginPage","type":{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":[{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":null}]},"isExported":true,"isConst":true,"sourceType":0}},{"v":"@proteinjs/user-ui/passwordResetPage","value":{"packageName":"@proteinjs/user-ui","name":"passwordResetPage","filePath":"/home/runner/work/user/user/packages/ui/src/pages/PasswordReset.tsx","qualifiedName":"@proteinjs/user-ui/passwordResetPage","type":{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":[{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":null}]},"isExported":true,"isConst":true,"sourceType":0}},{"v":"@proteinjs/user-ui/signupPage","value":{"packageName":"@proteinjs/user-ui","name":"signupPage","filePath":"/home/runner/work/user/user/packages/ui/src/pages/Signup.tsx","qualifiedName":"@proteinjs/user-ui/signupPage","type":{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":[{"packageName":"@proteinjs/ui","name":"Page","filePath":null,"qualifiedName":"@proteinjs/ui/Page","typeParameters":[],"directParents":null}]},"isExported":true,"isConst":true,"sourceType":0}}],"edges":[{"v":"@proteinjs/user-ui/forgotPasswordPage","w":"@proteinjs/ui/Page","value":"has type"},{"v":"@proteinjs/user-ui/loginPage","w":"@proteinjs/ui/Page","value":"has type"},{"v":"@proteinjs/user-ui/passwordResetPage","w":"@proteinjs/ui/Page","value":"has type"},{"v":"@proteinjs/user-ui/signupPage","w":"@proteinjs/ui/Page","value":"has type"}]}';
 
 /** Generate Source Links */
 
+import { forgotPasswordPage } from '../src/pages/ForgotPassword';
 import { loginPage } from '../src/pages/Login';
+import { passwordResetPage } from '../src/pages/PasswordReset';
 import { signupPage } from '../src/pages/Signup';
 
 const sourceLinks = {
-	'@proteinjs/user-ui/loginPage': loginPage,
-	'@proteinjs/user-ui/signupPage': signupPage,
+  '@proteinjs/user-ui/forgotPasswordPage': forgotPasswordPage,
+  '@proteinjs/user-ui/loginPage': loginPage,
+  '@proteinjs/user-ui/passwordResetPage': passwordResetPage,
+  '@proteinjs/user-ui/signupPage': signupPage,
 };
 
-
 /** Load Source Graph and Links */
 
 import { SourceRepository } from '@proteinjs/reflection';
 SourceRepository.merge(sourceGraph, sourceLinks);
 
-
-export * from '../index';
+export * from '../index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proteinjs/user-ui",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "User ui components",
   "publishConfig": {
     "access": "public"
@@ -21,10 +21,12 @@
     "watch": "reflection-watch"
   },
   "dependencies": {
+    "@mui/icons-material": "5.14.11",
+    "@mui/material": "5.14.11",
     "@proteinjs/reflection": "1.1.6",
     "@proteinjs/server-api": "1.3.3",
     "@proteinjs/ui": "2.2.0",
-    "@proteinjs/user": "^1.0.32",
+    "@proteinjs/user": "^1.0.34",
     "moment": "2.29.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
@@ -42,5 +44,6 @@
     "typescript": "5.2.2"
   },
   "main": "./dist/generated/index.js",
-  "types": "./dist/generated/index.d.ts"
-}
+  "types": "./dist/generated/index.d.ts",
+  "gitHead": "392402662a3066f07526c715703f2b381c899ed3"
+}

package/src/pages/ForgotPassword.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Page, Form, Fields, textField, FormButtons, FormPage } from '@proteinjs/ui';
+import { routes } from '@proteinjs/user';
+import { passwordResetPath } from './PasswordReset';
+
+export const forgotPasswordPath = 'login/forgot-password';
+export const forgotPasswordPage: Page = {
+  name: 'Forgot Password',
+  path: forgotPasswordPath,
+  auth: {
+    public: true,
+  },
+  component: () => (
+    <FormPage>
+      <Form<ForgotPasswordFields, typeof buttons>
+        name='Forgot Password'
+        createFields={() => new ForgotPasswordFields()}
+        fieldLayout={['email']}
+        buttons={buttons}
+      />
+    </FormPage>
+  ),
+};
+
+class ForgotPasswordFields extends Fields {
+  static create() {
+    return new ForgotPasswordFields();
+  }
+
+  email = textField<ForgotPasswordFields>({
+    name: 'email',
+  });
+}
+
+const buttons: FormButtons<ForgotPasswordFields> = {
+  submit: {
+    name: 'Submit',
+    style: {
+      color: 'primary',
+      variant: 'contained',
+    },
+    onClick: async (fields: ForgotPasswordFields, buttons: FormButtons<ForgotPasswordFields>) => {
+      const response = await fetch(routes.initiatePasswordReset.path, {
+        method: routes.initiatePasswordReset.method,
+        body: JSON.stringify({
+          email: fields.email.field.value,
+          resetPath: passwordResetPath,
+        }),
+        redirect: 'follow',
+        credentials: 'same-origin',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+      if (response.status != 200) {
+        throw new Error(`Failed to initiate forgot password.`);
+      }
+
+      const body = await response.json();
+      if (body.error) {
+        throw new Error(`Failed to initiate forgot password.`);
+      }
+
+      return `Successfully sent an email with a link to reset your password.`;
+    },
+  },
+};

package/src/pages/Login.tsx

@@ -16,6 +16,7 @@ export const loginPage: Page = {
         createFields={() => new LoginFields()}
         fieldLayout={['email', 'password']}
         buttons={buttons}
+        maxWidth={'xs'}
       />
     </FormPage>
   ),
@@ -37,6 +38,16 @@ class LoginFields extends Fields {
 }
 
 const buttons: FormButtons<LoginFields> = {
+  forgotPassword: {
+    name: 'Forgot password',
+    style: {
+      variant: 'text',
+      align: 'left',
+    },
+    redirect: async () => {
+      return { path: '/login/forgot-password' };
+    },
+  },
   clear: clearButton,
   login: {
     name: 'Login',

package/src/pages/PasswordReset.tsx

@@ -0,0 +1,159 @@
+import React, { useEffect, useState } from 'react';
+import { Page, Form, Fields, textField, FormButtons, FormPage } from '@proteinjs/ui';
+import { routes } from '@proteinjs/user';
+import { Button, Stack, Typography } from '@mui/material';
+
+export const passwordResetPath = 'login/password-reset';
+const PasswordResetComponent: React.FC = () => {
+  const [token, setToken] = useState('');
+  const [isValidating, setIsValidating] = useState(false);
+  const [validationError, setValidationError] = useState<string | null>(null);
+  const [resetSuccess, setResetSuccess] = useState(false);
+
+  const buttons: FormButtons<ResetPasswordFields> = {
+    submit: {
+      name: 'Reset Password',
+      style: {
+        color: 'primary',
+        variant: 'contained',
+      },
+      onClick: async (fields: ResetPasswordFields) => {
+        if (fields.newPassword.field.value !== fields.confirmPassword.field.value) {
+          throw new Error('Passwords do not match');
+        }
+
+        const response = await fetch(routes.executePasswordReset.path, {
+          method: routes.executePasswordReset.method,
+          body: JSON.stringify({
+            token: fields.token.field.value,
+            newPassword: fields.newPassword.field.value,
+          }),
+          credentials: 'same-origin',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+
+        if (response.status !== 200) {
+          throw new Error('Failed to reset password');
+        }
+
+        setResetSuccess(true);
+        return 'Your password has been successfully reset. You can now log in with your new password.';
+      },
+    },
+  };
+
+  useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const resetToken = searchParams.get('token');
+    if (resetToken) {
+      setToken(resetToken);
+      validateToken(resetToken);
+    } else {
+      setValidationError('No reset token provided');
+    }
+  }, []);
+
+  const validateToken = async (token: string) => {
+    setIsValidating(true);
+    try {
+      const response = await fetch(`${routes.validateResetToken.path}?token=${token}`, {
+        method: routes.validateResetToken.method,
+        credentials: 'same-origin',
+      });
+      const data = await response.json();
+      if (!data.isValid) {
+        setValidationError(data.message || 'Invalid or expired token');
+      }
+    } catch (error) {
+      setValidationError('An error occurred while validating the token');
+    } finally {
+      setIsValidating(false);
+    }
+  };
+
+  if (isValidating) {
+    return <FormPage>Validating reset token...</FormPage>;
+  }
+
+  if (validationError) {
+    return (
+      <FormPage>
+        <Stack alignItems='center' spacing={3}>
+          <Typography variant='h1' gutterBottom>
+            Invalid password reset link
+          </Typography>
+          <Typography variant='body1' gutterBottom>
+            The password reset link is invalid or has expired. Please request a new password reset.
+          </Typography>
+          <Button variant='contained' color='primary' href='/login'>
+            Go to login page
+          </Button>
+        </Stack>
+      </FormPage>
+    );
+  }
+
+  if (resetSuccess) {
+    return (
+      <FormPage>
+        <Stack alignItems='center' spacing={3}>
+          <Typography variant='h6' gutterBottom>
+            Password reset successful
+          </Typography>
+          <Typography variant='body1' gutterBottom>
+            Your password has been successfully reset. You can now log in with your new password.
+          </Typography>
+          <Button variant='contained' color='primary' href='/login'>
+            Go to login page
+          </Button>
+        </Stack>
+      </FormPage>
+    );
+  }
+
+  return (
+    <FormPage>
+      <Form<ResetPasswordFields, typeof buttons>
+        name='Reset Password'
+        createFields={() => new ResetPasswordFields()}
+        fieldLayout={['newPassword', 'confirmPassword']}
+        buttons={buttons}
+        onLoad={async (fields) => {
+          fields.token.field.value = token;
+        }}
+      />
+    </FormPage>
+  );
+};
+
+export const passwordResetPage: Page = {
+  name: 'Reset Password',
+  path: passwordResetPath,
+  auth: {
+    public: true,
+  },
+  component: PasswordResetComponent,
+};
+
+class ResetPasswordFields extends Fields {
+  static create() {
+    return new ResetPasswordFields();
+  }
+
+  token = textField<ResetPasswordFields>({
+    name: 'token',
+    accessibility: { hidden: true },
+  });
+
+  newPassword = textField<ResetPasswordFields>({
+    name: 'New Password',
+    isPassword: true,
+  });
+
+  confirmPassword = textField<ResetPasswordFields>({
+    name: 'Confirm New Password',
+    isPassword: true,
+  });
+}