@oneblink/apps-react 6.10.0-beta.10 → 6.10.0-beta.11

package/dist/components/mfa/MultiFactorAuthentication.d.ts

@@ -4,7 +4,6 @@ export declare const LargeIcon: import("@emotion/styled").StyledComponent<import
 }, "className" | "style" | "children" | "classes" | "sx" | "color" | "fontSize" | "baseClassName"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 type Props = {
     ssoSetupUrl?: string;
-    isExternalIdentityProviderUser?: boolean;
 };
 /**
  * React Component that provides a mechanism for app users to configure Multi
@@ -42,5 +41,5 @@ type Props = {
  * @returns
  * @group Components
  */
-export default function MultiFactorAuthentication({ ssoSetupUrl, isExternalIdentityProviderUser, }: Props): React.JSX.Element;
+export default function MultiFactorAuthentication({ ssoSetupUrl }: Props): React.JSX.Element;
 export {};

package/dist/components/mfa/MultiFactorAuthentication.js

@@ -27,8 +27,8 @@ function MfaStatus({ isExternalIdentityProviderUser, isLoading, loadingError, lo
     }
     return (React.createElement(Chip, { label: "Disabled", icon: React.createElement(MaterialIcon, { color: "warning" }, "remove_moderator") }));
 }
-function MfaSetup({ ssoSetupUrl, isExternalIdentityProviderUser, }) {
-    const { setupError, isMfaEnabled, isDisablingMfa, isSettingUpMfa, mfaSetup, beginMfaSetup, cancelMfaSetup, completeMfaSetup, clearMfaSetupError, beginDisablingMfa, completeDisablingMfa, cancelDisablingMfa, } = useMfa();
+function MfaSetup({ ssoSetupUrl }) {
+    const { setupError, isMfaEnabled, isDisablingMfa, isSettingUpMfa, mfaSetup, beginMfaSetup, cancelMfaSetup, completeMfaSetup, clearMfaSetupError, beginDisablingMfa, completeDisablingMfa, cancelDisablingMfa, isExternalIdentityProviderUser, } = useMfa();
     if (ssoSetupUrl) {
         return (React.createElement(Grid, { item: true },
             React.createElement(Button, { variant: "outlined", size: "small", component: "a", href: ssoSetupUrl, target: "_blank", rel: "noopener noreferrer", "data-cypress": "configure-mfa-button" }, "Configure MFA")));
@@ -91,8 +91,8 @@ function MfaSetup({ ssoSetupUrl, isExternalIdentityProviderUser, }) {
  * @returns
  * @group Components
  */
-export default function MultiFactorAuthentication({ ssoSetupUrl, isExternalIdentityProviderUser, }) {
-    const { loadingError, isLoading, isMfaEnabled, loadMfa } = useMfa();
+export default function MultiFactorAuthentication({ ssoSetupUrl }) {
+    const { loadingError, isLoading, isMfaEnabled, loadMfa, isExternalIdentityProviderUser, } = useMfa();
     return (React.createElement(Grid, { item: true, xs: true, lg: 8 },
         React.createElement(Box, { padding: 3 },
             React.createElement(Paper, null,
@@ -107,6 +107,6 @@ export default function MultiFactorAuthentication({ ssoSetupUrl, isExternalIdent
                                 React.createElement(Divider, null)),
                             React.createElement(Typography, { variant: "body2", paragraph: true }, "Multi factor authentication (MFA), also known as two factor authentication (2FA), is a best practice that requires a second authentication factor in addition to user name and password sign-in credentials. We strongly recommend enabling MFA to enhance your account security."),
                             React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 },
-                                React.createElement(MfaSetup, { isExternalIdentityProviderUser: !!isExternalIdentityProviderUser, ssoSetupUrl: ssoSetupUrl || '' })))))))));
+                                React.createElement(MfaSetup, { ssoSetupUrl: ssoSetupUrl || '' })))))))));
 }
 //# sourceMappingURL=MultiFactorAuthentication.js.map

package/dist/components/mfa/MultiFactorAuthentication.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFactorAuthentication.js","sourceRoot":"","sources":["../../../src/components/mfa/MultiFactorAuthentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Divider,\n  Grid,\n  Icon,\n  Paper,\n  Tooltip,\n  Typography,\n  styled,\n} from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport ConfirmDialog from '../ConfirmDialog'\nimport MfaDialog from './MfaDialog'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport MaterialIcon from '../MaterialIcon'\nimport useMfa from '../../hooks/useMfa'\nimport ErrorMessage from '../messages/ErrorMessage'\n\nexport const LargeIcon = styled(Icon)(({ theme }) => ({\n  fontSize: `${theme.typography.h4.fontSize} !important`,\n}))\n\ntype Props = {\n  ssoSetupUrl?: string\n  isExternalIdentityProviderUser?: boolean\n}\n\ntype MfaStatusProps = {\n  isExternalIdentityProviderUser: boolean\n  isLoading: boolean\n  isMfaEnabled: boolean\n  loadMfa: () => void\n  loadingError?: Error\n}\n\nfunction MfaStatus({\n  isExternalIdentityProviderUser,\n  isLoading,\n  loadingError,\n  loadMfa,\n  isMfaEnabled,\n}: MfaStatusProps) {\n  if (isExternalIdentityProviderUser) return null\n\n  if (isLoading) {\n    return (\n      <Box padding={3}>\n        <Grid container justifyContent=\"center\">\n          <CircularProgress />\n        </Grid>\n      </Box>\n    )\n  }\n\n  if (loadingError) {\n    return (\n      <div>\n        <ErrorMessage\n          title=\"Error Loading Multi Factor Authentication Configuration\"\n          onTryAgain={loadMfa}\n        >\n          {loadingError.message}\n        </ErrorMessage>\n      </div>\n    )\n  }\n\n  if (isMfaEnabled) {\n    return (\n      <Chip\n        label=\"Enabled\"\n        icon={<MaterialIcon color=\"success\">verified_user</MaterialIcon>}\n      />\n    )\n  }\n\n  return (\n    <Chip\n      label=\"Disabled\"\n      icon={<MaterialIcon color=\"warning\">remove_moderator</MaterialIcon>}\n    />\n  )\n}\n\nfunction MfaSetup({\n  ssoSetupUrl,\n  isExternalIdentityProviderUser,\n}: {\n  ssoSetupUrl: string\n  isExternalIdentityProviderUser: boolean\n}) {\n  const {\n    setupError,\n    isMfaEnabled,\n    isDisablingMfa,\n    isSettingUpMfa,\n    mfaSetup,\n    beginMfaSetup,\n    cancelMfaSetup,\n    completeMfaSetup,\n    clearMfaSetupError,\n    beginDisablingMfa,\n    completeDisablingMfa,\n    cancelDisablingMfa,\n  } = useMfa()\n\n  if (ssoSetupUrl) {\n    return (\n      <Grid item>\n        <Button\n          variant=\"outlined\"\n          size=\"small\"\n          component=\"a\"\n          href={ssoSetupUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          data-cypress=\"configure-mfa-button\"\n        >\n          Configure MFA\n        </Button>\n      </Grid>\n    )\n  }\n\n  if (isExternalIdentityProviderUser) {\n    return (\n      <Grid item>\n        <Tooltip title=\"MFA must be configured in your login provider.\">\n          <span>\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              disabled={isExternalIdentityProviderUser}\n              data-cypress=\"configure-mfa-button\"\n            >\n              Configure MFA\n            </Button>\n          </span>\n        </Tooltip>\n      </Grid>\n    )\n  }\n\n  return (\n    <>\n      <Grid item>\n        <Button\n          variant=\"outlined\"\n          size=\"small\"\n          disabled={!isMfaEnabled}\n          data-cypress=\"disable-mfa-button\"\n          onClick={beginDisablingMfa}\n        >\n          Disable MFA\n        </Button>\n        <ConfirmDialog\n          isOpen={isDisablingMfa}\n          onClose={cancelDisablingMfa}\n          onConfirm={completeDisablingMfa}\n          title=\"Please Confirm\"\n          confirmButtonText=\"Disable MFA\"\n          confirmButtonIcon={<MaterialIcon>remove_moderator</MaterialIcon>}\n          cypress={{\n            dialog: 'disable-mfa-dialog',\n            confirmButton: 'disable-mfa-dialog-confirm-button',\n            cancelButton: 'disable-mfa-dialog-cancel-button',\n            error: 'disable-mfa-dialog-error-message',\n          }}\n        >\n          <Typography variant=\"body2\">\n            Are you sure want to disable multi factor authentication (MFA)?\n          </Typography>\n        </ConfirmDialog>\n      </Grid>\n\n      <Grid item>\n        <LoadingButton\n          variant=\"contained\"\n          size=\"small\"\n          loading={isSettingUpMfa}\n          disabled={isMfaEnabled}\n          onClick={beginMfaSetup}\n          data-cypress=\"setup-mfa-button\"\n        >\n          Setup MFA\n        </LoadingButton>\n        <MfaDialog\n          mfaSetup={mfaSetup}\n          onClose={cancelMfaSetup}\n          onCompleted={completeMfaSetup}\n        />\n      </Grid>\n      <ErrorSnackbar open={!!setupError} onClose={clearMfaSetupError}>\n        <span data-cypress=\"mfa-setup-error-message\">\n          {setupError?.message}\n        </span>\n      </ErrorSnackbar>\n    </>\n  )\n}\n/**\n * React Component that provides a mechanism for app users to configure Multi\n * Factor Authentication. `<MfaProvider />` must be provided above this\n * component in the component tree.\n *\n * #### Example\n *\n * ```js\n * import * as React from 'react'\n * import {\n *   MfaProvider,\n *   MultiFactorAuthentication,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   return <MultiFactorAuthentication />\n * }\n *\n * function App() {\n *   return (\n *     <MfaProvider>\n *       <Component />\n *     </MfaProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default function MultiFactorAuthentication({\n  ssoSetupUrl,\n  isExternalIdentityProviderUser,\n}: Props) {\n  const { loadingError, isLoading, isMfaEnabled, loadMfa } =\n    useMfa()\n\n  return (\n    <Grid item xs={true} lg={8}>\n      <Box padding={3}>\n        <Paper>\n          <Box padding={3}>\n            <Grid container spacing={2} alignItems=\"center\">\n              <Grid item xs>\n                <Typography variant=\"h4\" fontWeight=\"light\">\n                  Multi Factor Authentication{' '}\n                  <MfaStatus\n                    loadMfa={loadMfa}\n                    isLoading={isLoading}\n                    loadingError={loadingError}\n                    isMfaEnabled={isMfaEnabled}\n                    isExternalIdentityProviderUser={\n                      !!isExternalIdentityProviderUser\n                    }\n                  />\n                </Typography>\n                <Box marginY={1}>\n                  <Divider />\n                </Box>\n                <Typography variant=\"body2\" paragraph>\n                  Multi factor authentication (MFA), also known as two factor\n                  authentication (2FA), is a best practice that requires a\n                  second authentication factor in addition to user name and\n                  password sign-in credentials. We strongly recommend enabling\n                  MFA to enhance your account security.\n                </Typography>\n                <Grid container justifyContent=\"flex-end\" spacing={1}>\n                  <MfaSetup\n                    isExternalIdentityProviderUser={\n                      !!isExternalIdentityProviderUser\n                    }\n                    ssoSetupUrl={ssoSetupUrl || ''}\n                  />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Box>\n        </Paper>\n      </Box>\n    </Grid>\n  )\n}\n"]}
+{"version":3,"file":"MultiFactorAuthentication.js","sourceRoot":"","sources":["../../../src/components/mfa/MultiFactorAuthentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Box,\n  Button,\n  Chip,\n  CircularProgress,\n  Divider,\n  Grid,\n  Icon,\n  Paper,\n  Tooltip,\n  Typography,\n  styled,\n} from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport ConfirmDialog from '../ConfirmDialog'\nimport MfaDialog from './MfaDialog'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport MaterialIcon from '../MaterialIcon'\nimport useMfa from '../../hooks/useMfa'\nimport ErrorMessage from '../messages/ErrorMessage'\n\nexport const LargeIcon = styled(Icon)(({ theme }) => ({\n  fontSize: `${theme.typography.h4.fontSize} !important`,\n}))\n\ntype Props = {\n  ssoSetupUrl?: string\n}\n\ntype MfaStatusProps = {\n  isExternalIdentityProviderUser: boolean\n  isLoading: boolean\n  isMfaEnabled: boolean\n  loadMfa: () => void\n  loadingError?: Error\n}\n\nfunction MfaStatus({\n  isExternalIdentityProviderUser,\n  isLoading,\n  loadingError,\n  loadMfa,\n  isMfaEnabled,\n}: MfaStatusProps) {\n  if (isExternalIdentityProviderUser) return null\n\n  if (isLoading) {\n    return (\n      <Box padding={3}>\n        <Grid container justifyContent=\"center\">\n          <CircularProgress />\n        </Grid>\n      </Box>\n    )\n  }\n\n  if (loadingError) {\n    return (\n      <div>\n        <ErrorMessage\n          title=\"Error Loading Multi Factor Authentication Configuration\"\n          onTryAgain={loadMfa}\n        >\n          {loadingError.message}\n        </ErrorMessage>\n      </div>\n    )\n  }\n\n  if (isMfaEnabled) {\n    return (\n      <Chip\n        label=\"Enabled\"\n        icon={<MaterialIcon color=\"success\">verified_user</MaterialIcon>}\n      />\n    )\n  }\n\n  return (\n    <Chip\n      label=\"Disabled\"\n      icon={<MaterialIcon color=\"warning\">remove_moderator</MaterialIcon>}\n    />\n  )\n}\n\nfunction MfaSetup({ ssoSetupUrl }: { ssoSetupUrl: string }) {\n  const {\n    setupError,\n    isMfaEnabled,\n    isDisablingMfa,\n    isSettingUpMfa,\n    mfaSetup,\n    beginMfaSetup,\n    cancelMfaSetup,\n    completeMfaSetup,\n    clearMfaSetupError,\n    beginDisablingMfa,\n    completeDisablingMfa,\n    cancelDisablingMfa,\n    isExternalIdentityProviderUser,\n  } = useMfa()\n\n  if (ssoSetupUrl) {\n    return (\n      <Grid item>\n        <Button\n          variant=\"outlined\"\n          size=\"small\"\n          component=\"a\"\n          href={ssoSetupUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          data-cypress=\"configure-mfa-button\"\n        >\n          Configure MFA\n        </Button>\n      </Grid>\n    )\n  }\n\n  if (isExternalIdentityProviderUser) {\n    return (\n      <Grid item>\n        <Tooltip title=\"MFA must be configured in your login provider.\">\n          <span>\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              disabled={isExternalIdentityProviderUser}\n              data-cypress=\"configure-mfa-button\"\n            >\n              Configure MFA\n            </Button>\n          </span>\n        </Tooltip>\n      </Grid>\n    )\n  }\n\n  return (\n    <>\n      <Grid item>\n        <Button\n          variant=\"outlined\"\n          size=\"small\"\n          disabled={!isMfaEnabled}\n          data-cypress=\"disable-mfa-button\"\n          onClick={beginDisablingMfa}\n        >\n          Disable MFA\n        </Button>\n        <ConfirmDialog\n          isOpen={isDisablingMfa}\n          onClose={cancelDisablingMfa}\n          onConfirm={completeDisablingMfa}\n          title=\"Please Confirm\"\n          confirmButtonText=\"Disable MFA\"\n          confirmButtonIcon={<MaterialIcon>remove_moderator</MaterialIcon>}\n          cypress={{\n            dialog: 'disable-mfa-dialog',\n            confirmButton: 'disable-mfa-dialog-confirm-button',\n            cancelButton: 'disable-mfa-dialog-cancel-button',\n            error: 'disable-mfa-dialog-error-message',\n          }}\n        >\n          <Typography variant=\"body2\">\n            Are you sure want to disable multi factor authentication (MFA)?\n          </Typography>\n        </ConfirmDialog>\n      </Grid>\n\n      <Grid item>\n        <LoadingButton\n          variant=\"contained\"\n          size=\"small\"\n          loading={isSettingUpMfa}\n          disabled={isMfaEnabled}\n          onClick={beginMfaSetup}\n          data-cypress=\"setup-mfa-button\"\n        >\n          Setup MFA\n        </LoadingButton>\n        <MfaDialog\n          mfaSetup={mfaSetup}\n          onClose={cancelMfaSetup}\n          onCompleted={completeMfaSetup}\n        />\n      </Grid>\n      <ErrorSnackbar open={!!setupError} onClose={clearMfaSetupError}>\n        <span data-cypress=\"mfa-setup-error-message\">\n          {setupError?.message}\n        </span>\n      </ErrorSnackbar>\n    </>\n  )\n}\n/**\n * React Component that provides a mechanism for app users to configure Multi\n * Factor Authentication. `<MfaProvider />` must be provided above this\n * component in the component tree.\n *\n * #### Example\n *\n * ```js\n * import * as React from 'react'\n * import {\n *   MfaProvider,\n *   MultiFactorAuthentication,\n * } from '@oneblink/apps-react'\n *\n * function Component() {\n *   return <MultiFactorAuthentication />\n * }\n *\n * function App() {\n *   return (\n *     <MfaProvider>\n *       <Component />\n *     </MfaProvider>\n *   )\n * }\n *\n * const root = document.getElementById('root')\n * if (root) {\n *   ReactDOM.render(<App />, root)\n * }\n * ```\n *\n * @param props\n * @returns\n * @group Components\n */\nexport default function MultiFactorAuthentication({ ssoSetupUrl }: Props) {\n  const {\n    loadingError,\n    isLoading,\n    isMfaEnabled,\n    loadMfa,\n    isExternalIdentityProviderUser,\n  } = useMfa()\n\n  return (\n    <Grid item xs={true} lg={8}>\n      <Box padding={3}>\n        <Paper>\n          <Box padding={3}>\n            <Grid container spacing={2} alignItems=\"center\">\n              <Grid item xs>\n                <Typography variant=\"h4\" fontWeight=\"light\">\n                  Multi Factor Authentication{' '}\n                  <MfaStatus\n                    loadMfa={loadMfa}\n                    isLoading={isLoading}\n                    loadingError={loadingError}\n                    isMfaEnabled={isMfaEnabled}\n                    isExternalIdentityProviderUser={\n                      !!isExternalIdentityProviderUser\n                    }\n                  />\n                </Typography>\n                <Box marginY={1}>\n                  <Divider />\n                </Box>\n                <Typography variant=\"body2\" paragraph>\n                  Multi factor authentication (MFA), also known as two factor\n                  authentication (2FA), is a best practice that requires a\n                  second authentication factor in addition to user name and\n                  password sign-in credentials. We strongly recommend enabling\n                  MFA to enhance your account security.\n                </Typography>\n                <Grid container justifyContent=\"flex-end\" spacing={1}>\n                  <MfaSetup ssoSetupUrl={ssoSetupUrl || ''} />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Box>\n        </Paper>\n      </Box>\n    </Grid>\n  )\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "6.10.0-beta.10",
+  "version": "6.10.0-beta.11",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"