@proteinjs/user-ui 1.0.41 → 1.1.0

package/dist/src/pages/Signup.js

@@ -14,6 +14,29 @@ var __extends = (this && this.__extends) || (function () {
         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) {
@@ -50,27 +73,139 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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.signupPage = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var ui_1 = require("@proteinjs/ui");
 var user_1 = require("@proteinjs/user");
+var material_1 = require("@mui/material");
+var util_1 = require("@proteinjs/util");
+var SignupComponent = function () {
+    var _a = (0, react_1.useState)(''), token = _a[0], setToken = _a[1];
+    var _b = (0, react_1.useState)(false), isInviteOnly = _b[0], setIsInviteOnly = _b[1];
+    var _c = (0, react_1.useState)(false), isInitializing = _c[0], setIsInitializing = _c[1];
+    var _d = (0, react_1.useState)(null), initializationError = _d[0], setInitializationError = _d[1];
+    var buttons = {
+        clear: ui_1.clearButton,
+        signup: {
+            name: 'Sign up',
+            style: {
+                color: 'primary',
+                variant: 'contained',
+            },
+            onClick: function (fields, buttons) { return __awaiter(void 0, void 0, void 0, function () {
+                var email, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!fields.name.field.value) {
+                                return [2 /*return*/, 'Please enter your name.'];
+                            }
+                            email = fields.email.field.value && fields.email.field.value.trim();
+                            // invited users don't enter an email
+                            if (!token && (!email || !util_1.emailRegex.test(email))) {
+                                return [2 /*return*/, 'Please enter a valid email address.'];
+                            }
+                            if (!fields.password.field.value) {
+                                return [2 /*return*/, 'Please enter a password.'];
+                            }
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, (0, user_1.getSignupService)().createUser({
+                                    name: fields.name.field.value,
+                                    email: email,
+                                    password: fields.password.field.value,
+                                }, token)];
+                        case 2:
+                            _b.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            _a = _b.sent();
+                            return [2 /*return*/, 'Sign up failed.'];
+                        case 4: return [2 /*return*/, "Successfully created your account! Please check your email for an email confirmation."];
+                    }
+                });
+            }); },
+        },
+    };
+    (0, react_1.useEffect)(function () {
+        var searchParams = new URLSearchParams(window.location.search);
+        var inviteToken = searchParams.get('token');
+        if (inviteToken) {
+            setToken(inviteToken);
+            initializeSignup(inviteToken);
+        }
+        else {
+            initializeSignup();
+        }
+    }, []);
+    var initializeSignup = function (token) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsInitializing(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, (0, user_1.getSignupService)().initializeSignup(token)];
+                case 2:
+                    response = _a.sent();
+                    if (response.isInviteOnly !== undefined) {
+                        setIsInviteOnly(response.isInviteOnly);
+                    }
+                    if (!response.isReady && response.error) {
+                        setInitializationError(response.error);
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _a.sent();
+                    setInitializationError('An error occurred while initializing sign up.');
+                    return [3 /*break*/, 5];
+                case 4:
+                    setIsInitializing(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(ui_1.FormPage, null, isInitializing ? (react_1.default.createElement(material_1.Stack, { direction: 'column', spacing: 2, sx: { px: 2, py: 1 } },
+        react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '500px', height: '60px' }),
+        react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '500px', height: '60px' }),
+        react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '500px', height: '60px' }),
+        react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '500px', height: '60px' }),
+        react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 2, justifyContent: 'flex-end' },
+            react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '100px', height: '60px' }),
+            react_1.default.createElement(material_1.Skeleton, { variant: 'text', width: '100px', height: '60px' })))) : initializationError ? (react_1.default.createElement(material_1.Stack, { alignItems: 'center', spacing: 3, sx: { p: 4 } },
+        react_1.default.createElement(material_1.Typography, { variant: 'h1', gutterBottom: true }, "Sign up is not available"),
+        react_1.default.createElement(material_1.Typography, { variant: 'body1', gutterBottom: true }, initializationError),
+        react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'primary', href: '/login' }, "Go to login page"))) : (react_1.default.createElement(ui_1.Form, { name: 'Sign Up', createFields: function () { return new SignupFields(); }, fieldLayout: ['name', 'email', 'password', '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;
+                if (token) {
+                    fields.email.field.accessibility = { hidden: true };
+                }
+                return [2 /*return*/];
+            });
+        }); } }))));
+};
 exports.signupPage = {
     name: 'Sign Up',
-    path: 'signup',
+    path: user_1.uiRoutes.auth.signup,
     auth: {
         public: true,
     },
-    component: function () { return (react_1.default.createElement(ui_1.FormPage, null,
-        react_1.default.createElement(ui_1.Form, { name: 'Sign Up', createFields: function () { return new SignupFields(); }, fieldLayout: ['name', 'email', 'password', 'confirmPassword'], buttons: buttons }))); },
+    component: SignupComponent,
 };
 var SignupFields = /** @class */ (function (_super) {
     __extends(SignupFields, _super);
     function SignupFields() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.token = (0, ui_1.textField)({
+            name: 'token',
+            accessibility: { hidden: true },
+        });
         _this.name = (0, ui_1.textField)({
             name: 'name',
         });
@@ -92,46 +227,4 @@ var SignupFields = /** @class */ (function (_super) {
     };
     return SignupFields;
 }(ui_1.Fields));
-var buttons = {
-    clear: ui_1.clearButton,
-    signup: {
-        name: 'Sign up',
-        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.createUser.path, {
-                            method: user_1.routes.createUser.method,
-                            body: JSON.stringify({
-                                name: fields.name.field.value,
-                                email: fields.email.field.value,
-                                password: fields.password.field.value,
-                            }),
-                            redirect: 'follow',
-                            credentials: 'same-origin',
-                            headers: {
-                                'Content-Type': 'application/json',
-                            },
-                        })];
-                    case 1:
-                        response = _a.sent();
-                        if (response.status != 200) {
-                            throw new Error("Failed to signup, error: ".concat(response.statusText));
-                        }
-                        return [4 /*yield*/, response.json()];
-                    case 2:
-                        body = _a.sent();
-                        if (body.error) {
-                            throw new Error(body.error);
-                        }
-                        return [2 /*return*/, "Successfully created your account! Please check your email for an email confirmation."];
-                }
-            });
-        }); },
-    },
-};
 //# sourceMappingURL=Signup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Signup.js","sourceRoot":"","sources":["../../../src/pages/Signup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAkG;AAClG,wCAAyC;AAE5B,QAAA,UAAU,GAAS;IAC9B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,cAAM,OAAA,CACf,8BAAC,aAAQ;QACP,8BAAC,SAAI,IACH,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,cAAM,OAAA,IAAI,YAAY,EAAE,EAAlB,CAAkB,EACtC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC7D,OAAO,EAAE,OAAO,GAChB,CACO,CACZ,EATgB,CAShB;CACF,CAAC;AAEF;IAA2B,gCAAM;IAAjC;QAAA,qEAsBC;QAjBC,UAAI,GAAG,IAAA,cAAS,EAAe;YAC7B,IAAI,EAAE,MAAM;SACb,CAAC,CAAC;QAEH,WAAK,GAAG,IAAA,cAAS,EAAe;YAC9B,IAAI,EAAE,OAAO;SACd,CAAC,CAAC;QAEH,cAAQ,GAAG,IAAA,cAAS,EAAe;YACjC,IAAI,EAAE,UAAU;YAChB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,qBAAe,GAAG,IAAA,cAAS,EAAe;YACxC,IAAI,EAAE,iBAAiB;YACvB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;;IACL,CAAC;IArBQ,mBAAM,GAAb;QACE,OAAO,IAAI,YAAY,EAAE,CAAC;IAC5B,CAAC;IAmBH,mBAAC;AAAD,CAAC,AAtBD,CAA2B,WAAM,GAsBhC;AAED,IAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,gBAAW;IAClB,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;SACrB;QACD,OAAO,EAAE,UAAO,MAAoB,EAAE,OAAkC;;;;4BACrD,qBAAM,KAAK,CAAC,aAAM,CAAC,UAAU,CAAC,IAAI,EAAE;4BACnD,MAAM,EAAE,aAAM,CAAC,UAAU,CAAC,MAAM;4BAChC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;gCAC7B,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;;wBAZI,QAAQ,GAAG,SAYf;wBACF,IAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE;4BAC1B,MAAM,IAAI,KAAK,CAAC,mCAA4B,QAAQ,CAAC,UAAU,CAAE,CAAC,CAAC;yBACpE;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,sBAAO,uFAAuF,EAAC;;;aAChG;KACF;CACF,CAAC"}
+{"version":3,"file":"Signup.js","sourceRoot":"","sources":["../../../src/pages/Signup.tsx"],"names":[],"mappings":"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"}

package/generated/index.ts

@@ -6,35 +6,35 @@ import '@proteinjs/reflection';
 import '@proteinjs/server-api';
 import '@proteinjs/ui';
 import '@proteinjs/user';
+import '@proteinjs/util';
 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/forgotPasswordPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"forgotPasswordPage\",\"filePath\":\"/Users/brentbahry/workspaces/n3xa/packages/proteinjs/packages/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\":\"/Users/brentbahry/workspaces/n3xa/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/user-ui/passwordResetPage\",\"value\":{\"packageName\":\"@proteinjs/user-ui\",\"name\":\"passwordResetPage\",\"filePath\":\"/Users/brentbahry/workspaces/n3xa/packages/proteinjs/packages/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\":\"/Users/brentbahry/workspaces/n3xa/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/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\"}]}";
-
+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/invitePage","value":{"packageName":"@proteinjs/user-ui","name":"invitePage","filePath":"/home/runner/work/user/user/packages/ui/src/pages/SendInvite.tsx","qualifiedName":"@proteinjs/user-ui/invitePage","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/invitePage","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 { invitePage } from '../src/pages/SendInvite';
 import { signupPage } from '../src/pages/Signup';
 
 const sourceLinks = {
-	'@proteinjs/user-ui/forgotPasswordPage': forgotPasswordPage,
-	'@proteinjs/user-ui/loginPage': loginPage,
-	'@proteinjs/user-ui/passwordResetPage': passwordResetPage,
-	'@proteinjs/user-ui/signupPage': signupPage,
+  '@proteinjs/user-ui/forgotPasswordPage': forgotPasswordPage,
+  '@proteinjs/user-ui/loginPage': loginPage,
+  '@proteinjs/user-ui/passwordResetPage': passwordResetPage,
+  '@proteinjs/user-ui/invitePage': invitePage,
+  '@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.41",
+  "version": "1.1.0",
   "description": "User ui components",
   "publishConfig": {
     "access": "public"
@@ -23,16 +23,17 @@
   "dependencies": {
     "@mui/icons-material": "5.14.11",
     "@mui/material": "5.14.11",
-    "@proteinjs/reflection": "1.1.7",
-    "@proteinjs/server-api": "1.4.0",
-    "@proteinjs/ui": "2.3.0",
-    "@proteinjs/user": "^1.0.39",
+    "@proteinjs/reflection": "1.1.8",
+    "@proteinjs/server-api": "1.4.1",
+    "@proteinjs/ui": "2.4.1",
+    "@proteinjs/user": "^1.1.0",
+    "@proteinjs/util": "1.4.0",
     "moment": "2.29.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@proteinjs/reflection-build": "1.0.22",
+    "@proteinjs/reflection-build": "1.0.23",
     "@types/node": "14.0.13",
     "@types/react": "18.2.23",
     "@types/react-dom": "18.2.8",
@@ -44,5 +45,6 @@
     "typescript": "5.2.2"
   },
   "main": "./dist/generated/index.js",
-  "types": "./dist/generated/index.d.ts"
-}
+  "types": "./dist/generated/index.d.ts",
+  "gitHead": "bdc34d9e39b0a90babc5f7fe1ca764077c574b1a"
+}

package/src/AuthenticatedPageContainer.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Page, PageContainer, PageContainerProps } from '@proteinjs/ui';
-import { routes, guestUser, UserAuth, UserRepo } from '@proteinjs/user';
-import { loginPath } from './pages/Login';
+import { routes, guestUser, UserAuth, UserRepo, uiRoutes } from '@proteinjs/user';
 
 export type AuthenticatedPageContainerProps = Omit<PageContainerProps, 'auth'>;
 
@@ -28,7 +27,7 @@ export function AuthenticatedPageContainer(props: AuthenticatedPageContainerProp
 
           return UserAuth.hasRoles(page.auth?.roles);
         },
-        login: loginPath,
+        login: uiRoutes.auth.login,
         logout: async () => {
           const response = await fetch(routes.logout.path, {
             method: routes.logout.method,
@@ -44,7 +43,7 @@ export function AuthenticatedPageContainer(props: AuthenticatedPageContainerProp
 
           new UserRepo().setUser(guestUser);
           setIsLoggedIn(false);
-          return loginPath;
+          return uiRoutes.auth.login;
         },
       }}
       {...other}

package/src/pages/ForgotPassword.tsx

@@ -1,12 +1,10 @@
 import React from 'react';
 import { Page, Form, Fields, textField, FormButtons, FormPage } from '@proteinjs/ui';
-import { routes } from '@proteinjs/user';
-import { passwordResetPath } from './PasswordReset';
+import { routes, uiRoutes } from '@proteinjs/user';
 
-export const forgotPasswordPath = 'login/forgot-password';
 export const forgotPasswordPage: Page = {
   name: 'Forgot Password',
-  path: forgotPasswordPath,
+  path: uiRoutes.auth.forgotPassword,
   auth: {
     public: true,
   },
@@ -44,7 +42,6 @@ const buttons: FormButtons<ForgotPasswordFields> = {
         method: routes.initiatePasswordReset.method,
         body: JSON.stringify({
           email: fields.email.field.value,
-          resetPath: passwordResetPath,
         }),
         redirect: 'follow',
         credentials: 'same-origin',

package/src/pages/Login.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
 import { Page, Form, Fields, textField, FormButtons, clearButton, FormPage } from '@proteinjs/ui';
-import { routes } from '@proteinjs/user';
+import { routes, uiRoutes } from '@proteinjs/user';
 
-export const loginPath = 'login';
 export const loginPage: Page = {
   name: 'Login',
-  path: loginPath,
+  path: uiRoutes.auth.login,
   auth: {
     public: true,
   },
@@ -45,7 +44,7 @@ const buttons: FormButtons<LoginFields> = {
       align: 'left',
     },
     redirect: async () => {
-      return { path: '/login/forgot-password' };
+      return { path: `/${uiRoutes.auth.forgotPassword}` };
     },
   },
   clear: clearButton,

package/src/pages/PasswordReset.tsx

@@ -1,9 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { Page, Form, Fields, textField, FormButtons, FormPage } from '@proteinjs/ui';
-import { routes } from '@proteinjs/user';
+import { routes, uiRoutes } 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);
@@ -130,7 +129,7 @@ const PasswordResetComponent: React.FC = () => {
 
 export const passwordResetPage: Page = {
   name: 'Reset Password',
-  path: passwordResetPath,
+  path: uiRoutes.auth.passwordReset,
   auth: {
     public: true,
   },

package/src/pages/SendInvite.tsx

@@ -0,0 +1,111 @@
+import React from 'react';
+import { Page, Form, Fields, textField, FormButtons, FormPage } from '@proteinjs/ui';
+import { getSignupService, uiRoutes } from '@proteinjs/user';
+import { emailRegex } from '@proteinjs/util';
+import { Stack } from '@mui/material';
+
+export const invitePage: Page = {
+  name: 'Send an Invite',
+  path: uiRoutes.admin.invite,
+  auth: {
+    roles: ['admin'],
+  },
+  component: () => (
+    <Stack direction='column' spacing={4} mt={2}>
+      <FormPage gridItemProps={{ width: '400px' }}>
+        <Form<InviteFields, typeof buttons>
+          name='Send an Invite'
+          createFields={() => new InviteFields()}
+          fieldLayout={['email']}
+          buttons={buttons}
+        />
+      </FormPage>
+
+      <FormPage gridItemProps={{ width: '400px' }}>
+        <Form<RevokeInviteFields, typeof revokeInviteButtons>
+          name='Revoke an Invite'
+          createFields={() => new RevokeInviteFields()}
+          fieldLayout={['email']}
+          buttons={revokeInviteButtons}
+        />
+      </FormPage>
+    </Stack>
+  ),
+};
+
+class InviteFields extends Fields {
+  static create() {
+    return new InviteFields();
+  }
+
+  email = textField<InviteFields>({
+    name: 'email',
+  });
+}
+
+const buttons: FormButtons<InviteFields> = {
+  signup: {
+    name: 'Send',
+    style: {
+      color: 'primary',
+      variant: 'contained',
+    },
+    onClick: async (fields: InviteFields, buttons: FormButtons<InviteFields>) => {
+      const email = fields.email.field.value && fields.email.field.value.trim();
+
+      if (!email) {
+        return 'Please enter an email address.';
+      }
+
+      if (!emailRegex.test(email)) {
+        return 'Please enter a valid email address.';
+      }
+
+      const response = await getSignupService().sendInvite(email);
+      if (response.sent === false) {
+        return response.error || 'Failed to send invite.';
+      }
+
+      return `Successfully sent invite to ${email}!`;
+    },
+  },
+};
+
+class RevokeInviteFields extends Fields {
+  static create() {
+    return new InviteFields();
+  }
+
+  email = textField<InviteFields>({
+    name: 'email',
+  });
+}
+
+const revokeInviteButtons: FormButtons<RevokeInviteFields> = {
+  signup: {
+    name: 'Revoke',
+    style: {
+      color: 'primary',
+      variant: 'contained',
+    },
+    onClick: async (fields: RevokeInviteFields, buttons: FormButtons<RevokeInviteFields>) => {
+      const email = fields.email.field.value && fields.email.field.value.trim();
+
+      if (!email) {
+        return 'Please enter an email address.';
+      }
+
+      if (!emailRegex.test(email)) {
+        return 'Please enter a valid email address.';
+      }
+
+      try {
+        await getSignupService().revokeInvite(email);
+      } catch {
+        return `Revoke invite failed.`;
+      }
+
+      return `Successfully revoked invite to ${email}.`;
+    },
+  },
+};