@digitaldefiance/express-suite-react-components 2.1.51 → 2.1.52

package/README.md

@@ -261,6 +261,10 @@ MIT © Digital Defiance
 
 ## ChangeLog
 
+### v2.1.52
+
+- Export wrappers
+
 ### v2.1.51
 
 - Try to fix exports again

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.1.51",
+  "version": "2.1.52",
   "description": "React MUI components for Digital Defiance Express Suite",
   "main": "src/index.js",
   "types": "src/index.d.ts",

package/src/index.d.ts

@@ -6,4 +6,5 @@ export * from './hooks';
 export * from './interfaces';
 export * from './services';
 export * from './types';
+export * from './wrappers';
 //# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/digitaldefiance-express-suite-react-components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/digitaldefiance-express-suite-react-components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/src/index.js

@@ -10,3 +10,4 @@ tslib_1.__exportStar(require("./hooks"), exports);
 tslib_1.__exportStar(require("./interfaces"), exports);
 tslib_1.__exportStar(require("./services"), exports);
 tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./wrappers"), exports);

package/src/wrappers/index.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+export declare const BackupCodeLoginWrapper: FC;
+export interface BackupCodesWrapperProps {
+    baseUrl: string;
+}
+export declare const BackupCodesWrapper: FC<BackupCodesWrapperProps>;
+export declare const ChangePasswordFormWrapper: FC;
+export declare const LoginFormWrapper: FC;
+export declare const RegisterFormWrapper: FC;
+export declare const LogoutPageWrapper: FC;
+export interface VerifyEmailPageWrapperProps {
+    baseUrl: string;
+}
+export declare const VerifyEmailPageWrapper: FC<VerifyEmailPageWrapperProps>;
+//# sourceMappingURL=index.d.ts.map

package/src/wrappers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAaxD,eAAO,MAAM,sBAAsB,EAAE,EAWpC,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoC1D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAevC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EA6B9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAyBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAK/B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAelE,CAAC"}

package/src/wrappers/index.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerifyEmailPageWrapper = exports.LogoutPageWrapper = exports.RegisterFormWrapper = exports.LoginFormWrapper = exports.ChangePasswordFormWrapper = exports.BackupCodesWrapper = exports.BackupCodeLoginWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const ecies_lib_1 = require("@digitaldefiance/ecies-lib");
+const BackupCodeLoginForm_1 = require("../components/BackupCodeLoginForm");
+const BackupCodesForm_1 = require("../components/BackupCodesForm");
+const ChangePasswordForm_1 = require("../components/ChangePasswordForm");
+const LoginForm_1 = require("../components/LoginForm");
+const RegisterForm_1 = require("../components/RegisterForm");
+const LogoutPage_1 = require("../components/LogoutPage");
+const VerifyEmailPage_1 = require("../components/VerifyEmailPage");
+const contexts_1 = require("../contexts");
+const services_1 = require("../services");
+const BackupCodeLoginWrapper = () => {
+    const { backupCodeLogin, isAuthenticated } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    return ((0, jsx_runtime_1.jsx)(BackupCodeLoginForm_1.BackupCodeLoginForm, { onSubmit: backupCodeLogin, onNavigate: navigate, isAuthenticated: isAuthenticated }));
+};
+exports.BackupCodeLoginWrapper = BackupCodeLoginWrapper;
+const BackupCodesWrapper = ({ baseUrl }) => {
+    const [backupCodesRemaining, setBackupCodesRemaining] = (0, react_1.useState)((0, react_router_dom_1.useLocation)().state?.codeCount ?? null);
+    const requestedOnMountRef = (0, react_1.useRef)(false);
+    const api = (0, services_1.createAuthenticatedApiClient)(baseUrl);
+    (0, react_1.useEffect)(() => {
+        if (requestedOnMountRef.current)
+            return;
+        if (backupCodesRemaining !== null)
+            return;
+        requestedOnMountRef.current = true;
+        api.get('/user/backup-codes')
+            .then((result) => {
+            if (result?.data?.codeCount) {
+                setBackupCodesRemaining(result.data.codeCount);
+            }
+        })
+            .catch(() => {
+            setBackupCodesRemaining(0);
+        });
+    }, [backupCodesRemaining, api]);
+    const handleSubmit = async (values) => {
+        const result = await api.post('/user/backup-codes', {
+            ...(values.password ? { password: values.password } : {}),
+            ...(values.mnemonic ? { mnemonic: values.mnemonic } : {}),
+        });
+        return {
+            message: result.data.message,
+            backupCodes: result.data.backupCodes,
+        };
+    };
+    return (0, jsx_runtime_1.jsx)(BackupCodesForm_1.BackupCodesForm, { onSubmit: handleSubmit, backupCodesRemaining: backupCodesRemaining });
+};
+exports.BackupCodesWrapper = BackupCodesWrapper;
+const ChangePasswordFormWrapper = () => {
+    const { changePassword } = (0, contexts_1.useAuth)();
+    const handleSubmit = async (values) => {
+        const result = await changePassword(values.currentPassword, values.newPassword);
+        if ('error' in result) {
+            throw new Error(result.error);
+        }
+        return result;
+    };
+    return (0, jsx_runtime_1.jsx)(ChangePasswordForm_1.ChangePasswordForm, { onSubmit: handleSubmit });
+};
+exports.ChangePasswordFormWrapper = ChangePasswordFormWrapper;
+const LoginFormWrapper = () => {
+    const { directLogin, passwordLogin } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const handleSubmit = async (values) => {
+        if (values.password) {
+            const result = await passwordLogin(new ecies_lib_1.SecureString(values.password), values.username, values.email ? new ecies_lib_1.EmailString(values.email) : undefined);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            navigate('/dashboard');
+        }
+        else if (values.mnemonic) {
+            const result = await directLogin(new ecies_lib_1.SecureString(values.mnemonic), values.username, values.email ? new ecies_lib_1.EmailString(values.email) : undefined);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            navigate('/dashboard');
+        }
+    };
+    return (0, jsx_runtime_1.jsx)(LoginForm_1.LoginForm, { onSubmit: handleSubmit });
+};
+exports.LoginFormWrapper = LoginFormWrapper;
+const RegisterFormWrapper = () => {
+    const { register } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const handleSubmit = async (values, usePassword) => {
+        const result = await register(values.username, values.email, values.timezone || 'UTC', values.password);
+        if ('error' in result) {
+            throw new Error(result.error);
+        }
+        navigate('/verify-email');
+        return result;
+    };
+    return ((0, jsx_runtime_1.jsx)(RegisterForm_1.RegisterForm, { onSubmit: handleSubmit, timezones: ['UTC', 'America/New_York', 'America/Los_Angeles', 'Europe/London'], getInitialTimezone: () => Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC' }));
+};
+exports.RegisterFormWrapper = RegisterFormWrapper;
+const LogoutPageWrapper = () => {
+    const { logout } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    return (0, jsx_runtime_1.jsx)(LogoutPage_1.LogoutPage, { onLogout: logout, onNavigate: navigate });
+};
+exports.LogoutPageWrapper = LogoutPageWrapper;
+const VerifyEmailPageWrapper = ({ baseUrl }) => {
+    const api = (0, services_1.createAuthenticatedApiClient)(baseUrl);
+    const searchParams = new URLSearchParams(window.location.search);
+    const token = searchParams.get('token');
+    const handleVerify = async (verificationToken) => {
+        try {
+            const result = await api.post('/verify-email', { token: verificationToken });
+            return { success: true, message: result.data.message };
+        }
+        catch (error) {
+            return { success: false, message: error.response?.data?.message };
+        }
+    };
+    return (0, jsx_runtime_1.jsx)(VerifyEmailPage_1.VerifyEmailPage, { token: token, onVerify: handleVerify });
+};
+exports.VerifyEmailPageWrapper = VerifyEmailPageWrapper;