@digitaldefiance/express-suite-react-components 5.0.1 → 5.0.2

package/src/wrappers/__tests__/LoginFormWrapper.totp.spec.tsx

@@ -0,0 +1,339 @@
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { LoginFormWrapper, LoginFormWrapperProps } from '../LoginFormWrapper';
+
+// --- Mocks ---
+
+const mockNavigate = jest.fn();
+jest.mock('react-router', () => ({
+  useNavigate: () => mockNavigate,
+}));
+
+const mockDirectLogin = jest.fn();
+const mockPasswordLogin = jest.fn();
+const mockSetUser = jest.fn();
+const mockVerifyTotpLogin = jest.fn();
+jest.mock('../../contexts', () => ({
+  useAuth: () => ({
+    directLogin: mockDirectLogin,
+    passwordLogin: mockPasswordLogin,
+    setUser: mockSetUser,
+    verifyTotpLogin: mockVerifyTotpLogin,
+  }),
+  useSuiteConfig: () => ({
+    routes: {
+      dashboard: '/dashboard',
+      login: '/login',
+    },
+  }),
+}));
+
+// Minimal LoginForm mock that exposes the onSubmit prop
+jest.mock('../../components/LoginForm', () => ({
+  LoginForm: (props: {
+    onSubmit: (values: Record<string, string>) => Promise<void>;
+  }) => (
+    <div data-testid="login-form">
+      <button
+        data-testid="login-password-btn"
+        onClick={() =>
+          props.onSubmit({ email: 'user@example.com', password: 'secret' })
+        }
+      >
+        Login with password
+      </button>
+      <button
+        data-testid="login-mnemonic-btn"
+        onClick={() =>
+          props.onSubmit({
+            username: 'testuser',
+            mnemonic: 'word1 word2 word3',
+          })
+        }
+      >
+        Login with mnemonic
+      </button>
+    </div>
+  ),
+}));
+
+// Minimal TotpVerificationForm mock that exposes onSubmit
+jest.mock('../../components/TotpVerificationForm', () => ({
+  TotpVerificationForm: (props: {
+    pendingTotpToken: string;
+    onSubmit: (
+      code: string,
+      token: string
+    ) => Promise<{ token: string; user: object } | { error: string }>;
+  }) => (
+    <div data-testid="totp-verification-form">
+      <span data-testid="pending-token">{props.pendingTotpToken}</span>
+      <button
+        data-testid="totp-submit-btn"
+        onClick={() => props.onSubmit('123456', props.pendingTotpToken)}
+      >
+        Verify TOTP
+      </button>
+    </div>
+  ),
+}));
+
+describe('LoginFormWrapper TOTP integration', () => {
+  const originalError = console.error;
+  beforeAll(() => {
+    console.error = (...args: unknown[]) => {
+      if (
+        typeof args[0] === 'string' &&
+        args[0].includes('not wrapped in act')
+      ) {
+        return;
+      }
+      originalError.call(console, ...args);
+    };
+  });
+
+  afterAll(() => {
+    console.error = originalError;
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const defaultProps: LoginFormWrapperProps = {
+    onVerifyTotp: jest.fn(),
+  };
+
+  /**
+   * Validates: Requirement 14.4
+   * Existing login flow is unchanged when no pendingTotpToken is returned.
+   */
+  it('renders LoginForm and navigates to dashboard on normal login (no TOTP)', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      token: 'full-jwt',
+      user: { id: '1', email: 'user@example.com' },
+      wallet: {},
+    });
+
+    render(<LoginFormWrapper {...defaultProps} />);
+
+    // LoginForm should be rendered
+    expect(screen.getByTestId('login-form')).toBeInTheDocument();
+    expect(
+      screen.queryByTestId('totp-verification-form')
+    ).not.toBeInTheDocument();
+
+    // Trigger a password login
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(mockPasswordLogin).toHaveBeenCalled();
+    });
+
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/dashboard');
+    });
+  });
+
+  /**
+   * Validates: Requirement 6.6
+   * When passwordLogin returns pendingTotpToken, TotpVerificationForm is rendered.
+   */
+  it('renders TotpVerificationForm when passwordLogin returns pendingTotpToken', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      pendingTotpToken: 'pending-jwt-token',
+    });
+
+    render(<LoginFormWrapper {...defaultProps} />);
+
+    // Trigger a password login that returns a pending TOTP token
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('totp-verification-form')).toBeInTheDocument();
+    });
+
+    // LoginForm should no longer be visible
+    expect(screen.queryByTestId('login-form')).not.toBeInTheDocument();
+
+    // The pending token should be passed to the form
+    expect(screen.getByTestId('pending-token')).toHaveTextContent(
+      'pending-jwt-token'
+    );
+  });
+
+  /**
+   * Validates: Requirement 6.6
+   * When directLogin returns pendingTotpToken, TotpVerificationForm is rendered.
+   */
+  it('renders TotpVerificationForm when directLogin returns pendingTotpToken', async () => {
+    mockDirectLogin.mockResolvedValue({
+      pendingTotpToken: 'pending-mnemonic-token',
+    });
+
+    render(<LoginFormWrapper {...defaultProps} />);
+
+    // Trigger a mnemonic login that returns a pending TOTP token
+    fireEvent.click(screen.getByTestId('login-mnemonic-btn'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('totp-verification-form')).toBeInTheDocument();
+    });
+
+    expect(screen.getByTestId('pending-token')).toHaveTextContent(
+      'pending-mnemonic-token'
+    );
+  });
+
+  /**
+   * Validates: Requirement 6.3
+   * On successful TOTP verification, navigates to dashboard.
+   */
+  it('navigates to dashboard on successful TOTP verification', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      pendingTotpToken: 'pending-jwt-token',
+    });
+
+    const mockVerifyTotp = jest.fn().mockResolvedValue({
+      token: 'full-jwt-after-totp',
+      user: { id: '1', email: 'user@example.com' },
+    });
+
+    render(
+      <LoginFormWrapper {...defaultProps} onVerifyTotp={mockVerifyTotp} />
+    );
+
+    // First, trigger login to get pending token
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('totp-verification-form')).toBeInTheDocument();
+    });
+
+    // Now submit the TOTP code
+    fireEvent.click(screen.getByTestId('totp-submit-btn'));
+
+    await waitFor(() => {
+      expect(mockVerifyTotp).toHaveBeenCalledWith(
+        '123456',
+        'pending-jwt-token'
+      );
+    });
+
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/dashboard');
+    });
+  });
+
+  /**
+   * Validates: Requirement 14.4
+   * Navigates to custom redirectTo path after successful login without TOTP.
+   */
+  it('navigates to custom redirectTo on normal login', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      token: 'full-jwt',
+      user: { id: '1' },
+      wallet: {},
+    });
+
+    render(<LoginFormWrapper {...defaultProps} redirectTo="/custom-page" />);
+
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/custom-page');
+    });
+  });
+
+  /**
+   * Validates: Requirement 6.3
+   * Navigates to custom redirectTo after successful TOTP verification.
+   */
+  it('navigates to custom redirectTo after successful TOTP verification', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      pendingTotpToken: 'pending-jwt-token',
+    });
+
+    const mockVerifyTotp = jest.fn().mockResolvedValue({
+      token: 'full-jwt-after-totp',
+      user: { id: '1' },
+    });
+
+    render(
+      <LoginFormWrapper
+        {...defaultProps}
+        onVerifyTotp={mockVerifyTotp}
+        redirectTo="/custom-page"
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('totp-verification-form')).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByTestId('totp-submit-btn'));
+
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/custom-page');
+    });
+  });
+
+  /**
+   * Validates: Requirement 14.4
+   * Calls onSuccess callback on normal login.
+   */
+  it('calls onSuccess callback on normal login', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      token: 'full-jwt',
+      user: { id: '1' },
+      wallet: {},
+    });
+
+    const mockOnSuccess = jest.fn();
+
+    render(<LoginFormWrapper {...defaultProps} onSuccess={mockOnSuccess} />);
+
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(mockOnSuccess).toHaveBeenCalled();
+    });
+  });
+
+  /**
+   * Validates: Requirement 6.3
+   * Calls onSuccess callback after successful TOTP verification.
+   */
+  it('calls onSuccess callback after successful TOTP verification', async () => {
+    mockPasswordLogin.mockResolvedValue({
+      pendingTotpToken: 'pending-jwt-token',
+    });
+
+    const mockVerifyTotp = jest.fn().mockResolvedValue({
+      token: 'full-jwt-after-totp',
+      user: { id: '1' },
+    });
+    const mockOnSuccess = jest.fn();
+
+    render(
+      <LoginFormWrapper
+        {...defaultProps}
+        onVerifyTotp={mockVerifyTotp}
+        onSuccess={mockOnSuccess}
+      />
+    );
+
+    fireEvent.click(screen.getByTestId('login-password-btn'));
+
+    await waitFor(() => {
+      expect(screen.getByTestId('totp-verification-form')).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByTestId('totp-submit-btn'));
+
+    await waitFor(() => {
+      expect(mockOnSuccess).toHaveBeenCalled();
+    });
+  });
+});

package/src/wrappers/{index.d.ts → index.tsx}

@@ -1,21 +1,30 @@
+// Re-export all wrapper components from their individual files
 export { BackupCodeLoginWrapper } from './BackupCodeLoginWrapper';
 export type { BackupCodeLoginWrapperProps } from './BackupCodeLoginWrapper';
+
 export { BackupCodesWrapper } from './BackupCodesWrapper';
 export type { BackupCodesWrapperProps } from './BackupCodesWrapper';
+
 export { ChangePasswordFormWrapper } from './ChangePasswordFormWrapper';
 export type { ChangePasswordFormWrapperProps } from './ChangePasswordFormWrapper';
+
 export { ForgotPasswordFormWrapper } from './ForgotPasswordFormWrapper';
 export type { ForgotPasswordFormWrapperProps } from './ForgotPasswordFormWrapper';
+
 export { LoginFormWrapper } from './LoginFormWrapper';
 export type { LoginFormWrapperProps } from './LoginFormWrapper';
+
 export { RegisterFormWrapper } from './RegisterFormWrapper';
 export type { RegisterFormWrapperProps } from './RegisterFormWrapper';
+
 export { ResetPasswordFormWrapper } from './ResetPasswordFormWrapper';
 export type { ResetPasswordFormWrapperProps } from './ResetPasswordFormWrapper';
+
 export { LogoutPageWrapper } from './LogoutPageWrapper';
 export type { LogoutPageWrapperProps } from './LogoutPageWrapper';
+
 export { VerifyEmailPageWrapper } from './VerifyEmailPageWrapper';
 export type { VerifyEmailPageWrapperProps } from './VerifyEmailPageWrapper';
+
 export { UserSettingsFormWrapper } from './UserSettingsFormWrapper';
 export type { UserSettingsFormWrapperProps } from './UserSettingsFormWrapper';
-//# sourceMappingURL=index.d.ts.map

package/src/auth/AdminRoute.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface AdminRouteProps {
-    children: ReactNode;
-    redirectTo?: string;
-}
-export declare const AdminRoute: FC<AdminRouteProps>;
-export default AdminRoute;
-//# sourceMappingURL=AdminRoute.d.ts.map

package/src/auth/AdminRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminRoute.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/AdminRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAWlD,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmC1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/src/auth/AdminRoute.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminRoute = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_router_1 = require("react-router");
-const AuthProvider_1 = require("../contexts/AuthProvider");
-const contexts_1 = require("../contexts");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const AuthProvider_2 = require("../contexts/AuthProvider");
-const AdminRoute = ({ children, redirectTo }) => {
-    const { admin } = (0, AuthProvider_2.useAuth)();
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const { isAuthenticated, isCheckingAuth } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
-    const location = (0, react_router_1.useLocation)();
-    if (isCheckingAuth) {
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CheckingAuthentication), "..."] }));
-    }
-    if (!isAuthenticated) {
-        return ((0, jsx_runtime_1.jsx)(react_router_1.Navigate, { to: redirectTo ?? '/login', state: { from: location }, replace: true }));
-    }
-    if (!admin) {
-        return ((0, jsx_runtime_1.jsx)(react_router_1.Navigate, { to: redirectTo ?? '/', state: { from: location }, replace: true }));
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-exports.AdminRoute = AdminRoute;
-exports.default = exports.AdminRoute;

package/src/auth/Private.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface PrivateProps {
-    children: ReactNode;
-}
-export declare const Private: FC<PrivateProps>;
-//# sourceMappingURL=Private.d.ts.map

package/src/auth/Private.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Private.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/Private.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAUpC,CAAC"}

package/src/auth/Private.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Private = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AuthProvider_1 = require("../contexts/AuthProvider");
-const Private = ({ children, }) => {
-    const { isAuthenticated, isCheckingAuth } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
-    if (isCheckingAuth || !isAuthenticated) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-exports.Private = Private;

package/src/auth/PrivateRoute.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface PrivateRouteProps {
-    children: ReactNode;
-    redirectTo?: string;
-}
-export declare const PrivateRoute: FC<PrivateRouteProps>;
-export default PrivateRoute;
-//# sourceMappingURL=PrivateRoute.d.ts.map

package/src/auth/PrivateRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrivateRoute.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/PrivateRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMlD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAc9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/src/auth/PrivateRoute.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrivateRoute = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_router_1 = require("react-router");
-const AuthProvider_1 = require("../contexts/AuthProvider");
-const contexts_1 = require("../contexts");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const PrivateRoute = ({ children, redirectTo }) => {
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const { isAuthenticated, isCheckingAuth } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
-    const location = (0, react_router_1.useLocation)();
-    if (isCheckingAuth) {
-        return (0, jsx_runtime_1.jsxs)("div", { children: [tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CheckingAuthentication), "..."] });
-    }
-    if (!isAuthenticated) {
-        return (0, jsx_runtime_1.jsx)(react_router_1.Navigate, { to: redirectTo ?? "/login", state: { from: location }, replace: true });
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-exports.PrivateRoute = PrivateRoute;
-exports.default = exports.PrivateRoute;

package/src/auth/UnAuth.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface UnAuthProps {
-    children: ReactNode;
-}
-export declare const UnAuth: FC<UnAuthProps>;
-//# sourceMappingURL=UnAuth.d.ts.map

package/src/auth/UnAuth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnAuth.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/UnAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAQlC,CAAC"}

package/src/auth/UnAuth.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnAuth = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AuthProvider_1 = require("../contexts/AuthProvider");
-const UnAuth = ({ children }) => {
-    const { isAuthenticated, isCheckingAuth } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
-    if (isCheckingAuth || isAuthenticated) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-exports.UnAuth = UnAuth;

package/src/auth/UnAuthRoute.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface UnAuthRouteProps {
-    children: ReactNode;
-    redirectTo?: string;
-}
-export declare const UnAuthRoute: FC<UnAuthRouteProps>;
-export default UnAuthRoute;
-//# sourceMappingURL=UnAuthRoute.d.ts.map

package/src/auth/UnAuthRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnAuthRoute.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/UnAuthRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKlD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/auth/UnAuthRoute.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnAuthRoute = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_router_1 = require("react-router");
-const contexts_1 = require("../contexts");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const UnAuthRoute = ({ children, redirectTo = '/dashboard', }) => {
-    const { isAuthenticated, isCheckingAuth } = (0, react_1.useContext)(contexts_1.AuthContext);
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const location = (0, react_router_1.useLocation)();
-    if (isCheckingAuth) {
-        return (0, jsx_runtime_1.jsxs)("div", { children: [tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CheckingAuthentication), "..."] });
-    }
-    if (isAuthenticated) {
-        return (0, jsx_runtime_1.jsx)(react_router_1.Navigate, { to: redirectTo ?? "/dashboard", state: { from: location }, replace: true });
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-exports.UnAuthRoute = UnAuthRoute;
-exports.default = exports.UnAuthRoute;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAA"}

package/src/auth/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnAuthRoute = exports.PrivateRoute = exports.AdminRoute = void 0;
-const tslib_1 = require("tslib");
-var AdminRoute_1 = require("./AdminRoute");
-Object.defineProperty(exports, "AdminRoute", { enumerable: true, get: function () { return tslib_1.__importDefault(AdminRoute_1).default; } });
-var PrivateRoute_1 = require("./PrivateRoute");
-Object.defineProperty(exports, "PrivateRoute", { enumerable: true, get: function () { return tslib_1.__importDefault(PrivateRoute_1).default; } });
-var UnAuthRoute_1 = require("./UnAuthRoute");
-Object.defineProperty(exports, "UnAuthRoute", { enumerable: true, get: function () { return tslib_1.__importDefault(UnAuthRoute_1).default; } });
-tslib_1.__exportStar(require("./Private"), exports);
-tslib_1.__exportStar(require("./UnAuth"), exports);

package/src/components/ApiAccess.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-export interface ApiAccessProps {
-    token?: string | null;
-    labels?: {
-        title?: string;
-        tokenNotAvailable?: string;
-        copyButton?: string;
-        notificationTitle?: string;
-        copied?: string;
-        copyFailed?: string;
-        ok?: string;
-    };
-}
-export declare const ApiAccess: FC<ApiAccessProps>;
-export default ApiAccess;
-//# sourceMappingURL=ApiAccess.d.ts.map

package/src/components/ApiAccess.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiAccess.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ApiAccess.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AA2BrC,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmHxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/components/ApiAccess.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApiAccess = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const ContentCopy_1 = tslib_1.__importDefault(require("@mui/icons-material/ContentCopy"));
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const contexts_1 = require("../contexts");
-const ApiAccessContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minHeight: '100vh',
-    backgroundColor: theme.palette.background.default,
-    padding: theme.spacing(3),
-}));
-const ApiAccessContent = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
-    maxWidth: '600px',
-    width: '100%',
-    backgroundColor: theme.palette.background.paper,
-    borderRadius: theme.shape.borderRadius,
-    padding: theme.spacing(4),
-    boxShadow: theme.shadows[3],
-}));
-const ApiAccessTitle = (0, material_1.styled)(material_1.Typography)(({ theme }) => ({
-    marginBottom: theme.spacing(3),
-    color: theme.palette.primary.main,
-}));
-const ApiAccess = ({ token: tokenProp, labels = {}, }) => {
-    const { token: authToken } = (0, contexts_1.useAuth)();
-    const token = tokenProp !== undefined ? tokenProp : authToken;
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
-    const [isError, setIsError] = (0, react_1.useState)(false);
-    const translatedLabels = {
-        title: labels.title ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ApiAccess_Title),
-        tokenNotAvailable: labels.tokenNotAvailable ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ApiAccess_TokenNotAvailable),
-        copyButton: labels.copyButton ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CopyToClipboard),
-        notificationTitle: labels.notificationTitle ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Notification),
-        copied: labels.copied ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CopiedToClipboard),
-        copyFailed: labels.copyFailed ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Error_FailedToCopy),
-        ok: labels.ok ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_OK),
-    };
-    const copyToClipboard = async () => {
-        if (token) {
-            try {
-                await navigator.clipboard.writeText(token);
-                setIsError(false);
-                setDialogOpen(true);
-            }
-            catch {
-                setIsError(true);
-            }
-        }
-    };
-    const handleClose = () => {
-        setDialogOpen(false);
-        setIsError(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)(ApiAccessContainer, { children: [(0, jsx_runtime_1.jsxs)(ApiAccessContent, { children: [(0, jsx_runtime_1.jsx)(ApiAccessTitle, { variant: "h4", align: "center", children: translatedLabels.title }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, multiline: true, rows: 4, value: token || translatedLabels.tokenNotAvailable, slotProps: {
-                            input: {
-                                readOnly: true,
-                            },
-                        }, variant: "outlined", margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", startIcon: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), onClick: copyToClipboard, fullWidth: true, style: { marginTop: '16px' }, children: translatedLabels.copyButton })] }), (0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: dialogOpen, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: translatedLabels.notificationTitle }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: isError ? translatedLabels.copyFailed : translatedLabels.copied }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClose, color: "primary", children: translatedLabels.ok }) })] })] }));
-};
-exports.ApiAccess = ApiAccess;
-exports.default = exports.ApiAccess;