@selfcommunity/react-ui 0.6.0-alpha.0 → 0.6.0-alpha.2

package/lib/esm/components/Composer/Skeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * > API documentation for the Community-JS Composer Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/Composer/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Composer/Skeleton.tsx"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAuBtD"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Composer/Skeleton.tsx"],"names":[],"mappings":";AAkEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAuBtD"}

package/lib/esm/components/ConnectionUserButton/ConnectionUserButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SCUserType } from '@selfcommunity/types';
 import { FollowUserButtonProps } from '../FollowUserButton';
 import { FriendshipButtonProps } from '../FriendshipUserButton';

package/lib/esm/components/ConnectionUserButton/ConnectionUserButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionUserButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConnectionUserButton/ConnectionUserButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAC5E,OAA6B,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAepF,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IAE7E;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAuB5F"}
+{"version":3,"file":"ConnectionUserButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConnectionUserButton/ConnectionUserButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAC5E,OAA6B,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAepF,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IAE7E;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAuB5F"}

package/lib/esm/components/ConsentSolution/ConsentSolution.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import { DialogProps } from '@mui/material';
+export interface ConsentSolutionProps extends DialogProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Filter policies
+     */
+    legalPolicies?: string[];
+    /**
+     * Callback when logout rejecting policy document
+     */
+    onLogout?: () => void;
+    /**
+     * Callback when delete account rejecting policy document
+     */
+    onDeleteAccount?: () => void;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+/**
+ * Dialog views
+ */
+export declare const ACCEPT_VIEW = "accept";
+export declare const REJECTION_VIEW = "rejection";
+export declare const CONFIRM_DELETE_ACCOUNT = "delete_account";
+/**
+ *> API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
+ *
+ #### Import
+ ```jsx
+ import {ConsentSolution} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+ The name `SCConsentSolution` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCConsentSolution-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |titleBack|.SCConsentSolution-title-back|Styles applied to the title with the back button element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element section.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element section.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch element. |
+ |alertAcceptDocument|.SCConsentSolution-alert-accept-document|Styles applied to the alert box in the consent section.|nt.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
+ |backButton|.SCConsentSolution-back-button|Styles applied to the back button in the title and action sections.|
+ |nextButton|.SCConsentSolution-next-button|Styles applied to the next button in the actions section.|
+ |closeButton|.SCConsentSolution-close-button|Styles applied to the close button in the actions section.|
+ |confirmDeleteAccountButton|.SCConsentSolution-confirm-delete-account-button|Styles applied to the confirm delete account button in the rejection section.|
+ |logoutAccountButton|.SCConsentSolution-logout-account-button|Styles applied to the exit account button in the rejection section.|
+ |deleteAccountButton|.SCConsentSolution-delete-account-button|Styles applied to the delete account button in the rejection section.|
+ |createDataPortabilityButton|.SCConsentSolution-create-data-portability-button|Styles applied to the create data portability button in the rejection section.|
+ |downloadDataPortabilityButton|.SCConsentSolution-download-data-portability-button|Styles applied to the download data portability button in the rejection section.|
+ |dataPortabilityCheck|.SCConsentSolution-data-portability-check|Styles applied to the checkbox in the rejection section.|
+
+ * @param inProps
+ */
+export default function ConsentSolution(inProps: ConsentSolutionProps): JSX.Element;
+//# sourceMappingURL=ConsentSolution.d.ts.map

package/lib/esm/components/ConsentSolution/ConsentSolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsentSolution.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolution/ConsentSolution.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA0B,WAAW,EAA+B,MAAM,eAAe,CAAC;AAuKjG,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAcD;;GAEG;AACH,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAigBlF"}

package/lib/esm/components/ConsentSolution/ConsentSolution.js

@@ -0,0 +1,549 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext, useEffect, useRef, useState } from 'react';
+import { useThemeProps } from '@mui/system';
+import { styled } from '@mui/material/styles';
+import { Alert, Checkbox, Button, FormControlLabel, Typography } from '@mui/material';
+import classNames from 'classnames';
+import Icon from '@mui/material/Icon';
+import { LoadingButton } from '@mui/lab';
+import moment from 'moment';
+import { DataPortabilityService, LegalPageService, UserService } from '@selfcommunity/api-services';
+import { arraysEqual, capitalize, Logger } from '@selfcommunity/utils';
+import { useSCPreferences, SCUserContext, SCPreferences } from '@selfcommunity/react-core';
+import ConsentSolutionSwitch from '../../shared/ConsentSolutionSwitch';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Slide from '@mui/material/Slide';
+import { LEGAL_POLICIES } from './../../constants/LegalPages';
+import ConsentSolutionSkeleton from './Skeleton';
+import { getDocumentBody, isDocumentApproved, isEmptyDocumentBody } from '../../utils/legalPages';
+import { FormattedMessage, FormattedDate, FormattedTime, defineMessages, useIntl } from 'react-intl';
+import { elementScrollTo } from 'seamless-scroll-polyfill';
+const PREFIX = 'SCConsentSolution';
+const classes = {
+    root: `${PREFIX}-root`,
+    title: `${PREFIX}-title`,
+    titleBack: `${PREFIX}-title-back`,
+    content: `${PREFIX}-content`,
+    consent: `${PREFIX}-consent`,
+    consentSwitch: `${PREFIX}-consent-switch`,
+    actions: `${PREFIX}-actions`,
+    backButton: `${PREFIX}-back-button`,
+    nextButton: `${PREFIX}-next-button`,
+    closeButton: `${PREFIX}-close-button`,
+    confirmDeleteAccountButton: `${PREFIX}-confirm-delete-account-button`,
+    logoutAccountButton: `${PREFIX}-logout-account-button`,
+    deleteAccountButton: `${PREFIX}-delete-account-button`,
+    createDataPortabilityButton: `${PREFIX}-create-data-portability-button`,
+    downloadDataPortabilityButton: `${PREFIX}-download-data-portability-button`,
+    dataPortabilityCheck: `${PREFIX}-download-data-portability-check`,
+    alertAcceptDocument: `${PREFIX}-alert-accept-document`,
+    acceptConditions: `${PREFIX}-accept-conditions`
+};
+const Root = styled(Dialog, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.title}`]: {
+        display: 'flex',
+        justifyContent: 'center',
+        fontWeight: 800,
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '0.9rem'
+        }
+    },
+    [`& .${classes.titleBack}`]: {
+        display: 'flex',
+        justifyContent: 'left'
+    },
+    [`& .${classes.content}`]: {
+        padding: theme.spacing(2),
+        overflowX: 'hidden',
+        fontSize: '0.8rem',
+        [theme.breakpoints.down('sm')]: {
+            padding: 12,
+            '& h6': {
+                fontSize: '0.8rem'
+            },
+            '& span, p, li': {
+                fontSize: '0.7rem'
+            },
+            '& li': {
+                fontSize: '0.7rem'
+            },
+            '& button': {
+                fontSize: '0.6rem'
+            }
+        }
+    },
+    [`& .${classes.consent}`]: {
+        borderTop: 0,
+        overflowY: 'visible',
+        [theme.breakpoints.down('sm')]: {
+            paddingTop: 5,
+            paddingBottom: 5
+        }
+    },
+    [`& .${classes.consentSwitch}`]: {
+        margin: `${theme.spacing()} 3px`,
+        '& > span:first-of-type': {
+            marginRight: 10
+        },
+        [theme.breakpoints.down('sm')]: {
+            '.MuiFormControlLabel-label': {
+                fontSize: '0.7rem'
+            }
+        }
+    },
+    [`& .${classes.deleteAccountButton}`]: {
+        cursor: 'pointer',
+        '&:hover': {
+            textDecoration: 'underline'
+        }
+    },
+    [`& .${classes.confirmDeleteAccountButton}`]: {
+        color: '#FFF !important',
+        marginRight: theme.spacing(2),
+        marginBottom: theme.spacing()
+    },
+    [`& .${classes.logoutAccountButton}`]: {
+        marginBottom: theme.spacing()
+    },
+    [`& .${classes.createDataPortabilityButton}`]: {
+        marginRight: theme.spacing(2),
+        marginBottom: theme.spacing()
+    },
+    [`& .${classes.downloadDataPortabilityButton}`]: {
+        marginBottom: theme.spacing()
+    },
+    [`& .${classes.alertAcceptDocument}`]: {
+        padding: theme.spacing(),
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '0.7rem',
+            padding: 5
+        }
+    },
+    [`& .${classes.acceptConditions}`]: {
+        fontSize: '0.8rem',
+        fontWeight: 300,
+        color: theme.palette.grey['A400'],
+        padding: `${theme.spacing()} ${theme.spacing()}`,
+        [theme.breakpoints.down('sm')]: {
+            fontSize: '0.6rem'
+        }
+    }
+}));
+/**
+ * Translations
+ */
+const messages = defineMessages({
+    createDpSectionInfo: {
+        id: 'ui.consentSolution.createDpSectionInfo',
+        defaultMessage: 'ui.consentSolution.createDpSectionInfo'
+    },
+    deleteAccountDpSectionInfo: {
+        id: 'ui.consentSolution.deleteAccountDpSectionInfo',
+        defaultMessage: 'ui.consentSolution.deleteAccountDpSectionInfo'
+    },
+    createDpSectionTitle: {
+        id: 'ui.consentSolution.createDpSectionTitle',
+        defaultMessage: 'ui.consentSolution.createDpSectionTitle'
+    },
+    createDpSectionGeneratedAt: {
+        id: 'ui.consentSolution.createDpSectionGeneratedAt',
+        defaultMessage: 'ui.consentSolution.createDpSectionGeneratedAt'
+    },
+    deleteAccountDpSectionTitle: {
+        id: 'ui.consentSolution.deleteAccountDpSectionTitle',
+        defaultMessage: 'ui.consentSolution.deleteAccountDpSectionTitle'
+    }
+});
+/**
+ * Dialog default transition
+ */
+const DialogTransition = forwardRef(function Transition(props, ref) {
+    return React.createElement(Slide, Object.assign({ direction: "up", ref: ref }, props));
+});
+/**
+ * Dialog views
+ */
+export const ACCEPT_VIEW = 'accept';
+export const REJECTION_VIEW = 'rejection';
+export const CONFIRM_DELETE_ACCOUNT = 'delete_account';
+/**
+ *> API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
+ *
+ #### Import
+ ```jsx
+ import {ConsentSolution} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+ The name `SCConsentSolution` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCConsentSolution-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |titleBack|.SCConsentSolution-title-back|Styles applied to the title with the back button element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element section.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element section.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch element. |
+ |alertAcceptDocument|.SCConsentSolution-alert-accept-document|Styles applied to the alert box in the consent section.|nt.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
+ |backButton|.SCConsentSolution-back-button|Styles applied to the back button in the title and action sections.|
+ |nextButton|.SCConsentSolution-next-button|Styles applied to the next button in the actions section.|
+ |closeButton|.SCConsentSolution-close-button|Styles applied to the close button in the actions section.|
+ |confirmDeleteAccountButton|.SCConsentSolution-confirm-delete-account-button|Styles applied to the confirm delete account button in the rejection section.|
+ |logoutAccountButton|.SCConsentSolution-logout-account-button|Styles applied to the exit account button in the rejection section.|
+ |deleteAccountButton|.SCConsentSolution-delete-account-button|Styles applied to the delete account button in the rejection section.|
+ |createDataPortabilityButton|.SCConsentSolution-create-data-portability-button|Styles applied to the create data portability button in the rejection section.|
+ |downloadDataPortabilityButton|.SCConsentSolution-download-data-portability-button|Styles applied to the download data portability button in the rejection section.|
+ |dataPortabilityCheck|.SCConsentSolution-data-portability-check|Styles applied to the checkbox in the rejection section.|
+
+ * @param inProps
+ */
+export default function ConsentSolution(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className, autoShow = true, onClose, legalPolicies = LEGAL_POLICIES, onLogout, onDeleteAccount } = props, rest = __rest(props, ["className", "autoShow", "onClose", "legalPolicies", "onLogout", "onDeleteAccount"]);
+    // CONTEXT
+    const scUserContext = useContext(SCUserContext);
+    // PREFERENCES
+    const scPreferences = useSCPreferences();
+    const communityName = scPreferences.preferences[SCPreferences.TEXT_APPLICATION_NAME].value;
+    // STATE
+    const [ready, setReady] = React.useState(false);
+    const [_view, setView] = useState(ACCEPT_VIEW);
+    const [documents, setDocuments] = useState([]);
+    const [currentDocument, setCurrentDocument] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [loadingAck, setLoadingAck] = useState(false);
+    const [rejected, setRejected] = useState(false);
+    const [dataPortability, setDataPortability] = useState(null);
+    const [dataPortabilityChecked, setDataPortabilityChecked] = useState(false);
+    const [loadingDataPortability, setLoadingDataPortability] = useState(false);
+    const [downloadingDataPortability, setDownloadingDataPortability] = useState(false);
+    const [loadingDeleteAccount, setLoadingDeleteAccount] = useState(false);
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    const doc = documents[currentDocument];
+    // REFS
+    const contentDialog = useRef(null);
+    // INTL
+    const intl = useIntl();
+    /**
+     * Handle close dialog
+     */
+    const handleClose = (e, s) => {
+        if (doc.ack && doc.ack.accepted_at) {
+            setReady(false);
+            // Call dialog callback if exist
+            onClose && onClose(e, s);
+        }
+    };
+    /**
+     * Handle close dialog
+     */
+    const handleNext = () => {
+        if (doc.ack && doc.ack.accepted_at) {
+            contentDialog.current && elementScrollTo(contentDialog.current, { top: 0, behavior: 'smooth' });
+            setCurrentDocument((prev) => prev + 1);
+        }
+        else {
+            setRejected(true);
+        }
+    };
+    /**
+     * Handle accept (ack a policy document)
+     */
+    const handleChangeConsent = (accept) => {
+        setLoadingAck(true);
+        let legalPages = [...documents];
+        LegalPageService.ackLegalPage(legalPages[currentDocument].id, Number(accept).toString())
+            .then((ack) => {
+            if (accept) {
+                legalPages[currentDocument].ack = ack;
+                setRejected(false);
+            }
+            else {
+                legalPages[currentDocument].ack.accepted_at = null;
+                setRejected(true);
+            }
+            setLoadingAck(false);
+            setDocuments(legalPages);
+        })
+            .catch((_error) => {
+            setLoadingAck(false);
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * Handle create data portability
+     */
+    const handleCreateDataPortabilityFile = () => {
+        setLoadingDataPortability(true);
+        DataPortabilityService.generateDataPortability()
+            .then((res) => {
+            if (res) {
+                setDataPortability(dataPortability);
+            }
+        })
+            .catch((_error) => {
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * Handle download data portability
+     */
+    const handleDownloadDataPortabilityFile = () => {
+        setDownloadingDataPortability(true);
+        DataPortabilityService.downloadDataPortability()
+            .then((res) => {
+            const url = window.URL.createObjectURL(new Blob([res], { type: 'application/zip' }));
+            const link = document.createElement('a');
+            link.href = url;
+            link.setAttribute('download', `${scUserContext.user.username}_${intl.formatDate(moment().format(), { year: 'numeric', month: 'numeric', day: 'numeric' })}.zip`);
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+            setDownloadingDataPortability(false);
+        })
+            .catch((_error) => {
+            setDownloadingDataPortability(false);
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * Handle confirm delete account
+     */
+    const handleConfirmDeleteAccount = () => {
+        setLoadingDeleteAccount(true);
+        UserService.userDelete(scUserContext.user.id, 0)
+            .then(() => {
+            setLoadingDeleteAccount(false);
+            onDeleteAccount && onDeleteAccount();
+            handleLogout();
+        })
+            .catch((_error) => {
+            setLoadingDeleteAccount(false);
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * Handle logout
+     */
+    const handleLogout = () => {
+        scUserContext.logout();
+        onLogout && onLogout();
+    };
+    /**
+     * Fetch tec and privacy document status
+     */
+    const fetchLegalPages = () => {
+        setLoading(true);
+        return LegalPageService.getAllLastRevisionsOfLegalPages()
+            .then((documents) => {
+            let docs = documents.filter((lp) => legalPolicies.filter((p) => lp.name_and_version.startsWith(p)).length > 0);
+            // if initial legalPolicies !== LEGAL_POLICIES
+            if (arraysEqual(legalPolicies, LEGAL_POLICIES)) {
+                docs = docs.filter((d) => !isEmptyDocumentBody(d) && !isDocumentApproved(d));
+            }
+            setDocuments(docs);
+            setLoading(false);
+            if (docs.length > 0) {
+                setCurrentDocument(0);
+                setReady(true);
+            }
+            Promise.resolve(docs);
+        })
+            .catch((_error) => {
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * Fetch data portability status
+     */
+    const fetchDataPortabilityStatus = () => {
+        DataPortabilityService.dataPortabilityStatus()
+            .then((res) => {
+            if (res) {
+                if (!res.computing && res.generated_at) {
+                    setLoadingDataPortability(false);
+                }
+                setDataPortability(res);
+            }
+        })
+            .catch((_error) => {
+            Logger.error(SCOPE_SC_UI, _error);
+        });
+    };
+    /**
+     * On mount, fetches legal and custom documents
+     */
+    useEffect(() => {
+        if (!authUserId) {
+            return;
+        }
+        fetchLegalPages();
+    }, [authUserId]);
+    /**
+     * Sync data portability status
+     */
+    useEffect(() => {
+        let interval;
+        if (authUserId !== null && ready) {
+            fetchDataPortabilityStatus();
+            if (_view === REJECTION_VIEW) {
+                interval = setInterval(() => {
+                    fetchDataPortabilityStatus();
+                }, 5000);
+            }
+        }
+        return () => interval && clearInterval(interval);
+    }, [authUserId, ready, _view]);
+    /**
+     * Render main view
+     */
+    const renderMainView = () => {
+        if (!doc) {
+            return null;
+        }
+        const isAccept = Boolean(doc.ack !== null && doc.ack.accepted_at);
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DialogTitle, { className: classes.title },
+                React.createElement(FormattedMessage, { id: "ui.consentSolution.acceptDocumentTitle", defaultMessage: "ui.consentSolution.acceptDocumentTitle", values: { label: doc.label } })),
+            React.createElement(DialogContent, { className: classes.content, dividers: true, ref: contentDialog },
+                React.createElement(Typography, { component: "div", gutterBottom: true, dangerouslySetInnerHTML: {
+                        __html: getDocumentBody(doc)
+                    } })),
+            React.createElement(DialogContent, { className: classes.consent, dividers: true },
+                React.createElement(FormControlLabel, { className: classes.consentSwitch, control: React.createElement(ConsentSolutionSwitch, { loading: loadingAck, disabled: loadingAck, checked: isAccept, onChange: () => handleChangeConsent(!isAccept), name: "consent" }), label: React.createElement("b", null,
+                        React.createElement(FormattedMessage, { id: "ui.consentSolution.consentSwitchLabel", defaultMessage: "ui.consentSolution.consentSwitchLabel" })) }),
+                rejected ? (React.createElement(Alert, { severity: "error", className: classes.alertAcceptDocument },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.deleteAccountAlert", defaultMessage: "ui.consentSolution.deleteAccountAlert" }),
+                    React.createElement("a", { onClick: () => setView(REJECTION_VIEW), className: classes.deleteAccountButton },
+                        React.createElement("b", null,
+                            React.createElement(FormattedMessage, { id: "ui.consentSolution.deleteAccount", defaultMessage: "ui.consentSolution.deleteAccount" }))))) : (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { variant: "body2", className: classes.acceptConditions },
+                        React.createElement(FormattedMessage, { id: "ui.consentSolution.consentSwitchDetail", defaultMessage: "ui.consentSolution.consentSwitchDetail" }))))),
+            React.createElement(DialogActions, { className: classes.actions },
+                currentDocument > 0 && (React.createElement(Button, { size: "small", onClick: () => setCurrentDocument((prev) => prev - 1), className: classes.backButton },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.backButton", defaultMessage: "ui.consentSolution.backButton" }))),
+                currentDocument < documents.length - 1 ? (React.createElement(Button, { size: "small", variant: 'outlined', disabled: !isAccept, onClick: handleNext, className: classes.nextButton },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.nextButton", defaultMessage: "ui.consentSolution.nextButton" }))) : (React.createElement(Button, { size: "small", variant: 'outlined', disabled: !isAccept, onClick: (e) => handleClose(e, null), className: classes.closeButton },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.closeButton", defaultMessage: "ui.consentSolution.closeButton" }))))));
+    };
+    /**
+     * Render document detail view
+     */
+    const renderRejectionView = () => {
+        const doc = documents[currentDocument];
+        if (!doc) {
+            return null;
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DialogTitle, { className: classNames(classes.title, classes.titleBack) },
+                React.createElement(Button, { size: "small", variant: 'outlined', onClick: () => setView(ACCEPT_VIEW), className: classes.backButton, startIcon: React.createElement(Icon, null, "arrow_back") },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.backButton", defaultMessage: "ui.consentSolution.backButton" }))),
+            React.createElement(DialogContent, { className: classes.content, dividers: true },
+                React.createElement(Typography, { variant: "h6" },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.createDpSectionTitle", defaultMessage: "ui.consentSolution.createDpSectionTitle", values: { username: capitalize(scUserContext.user.username) } })),
+                React.createElement("br", null),
+                React.createElement(Typography, { variant: "body2" },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.deleteAccountTitle", defaultMessage: "ui.consentSolution.deleteAccountTitle" })),
+                React.createElement("ul", null, intl.formatMessage(messages.createDpSectionInfo, {
+                    li: (chunks) => React.createElement("li", null, chunks)
+                })),
+                React.createElement(LoadingButton, { size: "small", loading: (dataPortability && dataPortability.computing) || loadingDataPortability, disabled: dataPortability && (dataPortability.computing || moment().diff(moment(dataPortability.requested_at), 'hours') < 24), loadingPosition: "start", startIcon: React.createElement(Icon, null, "copy_all_outlined"), variant: "outlined", className: classes.createDataPortabilityButton, onClick: handleCreateDataPortabilityFile },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.createFileButton", defaultMessage: "ui.consentSolution.createFileButton" })),
+                dataPortability && !dataPortability.computing && dataPortability.generated_at && (React.createElement(LoadingButton, { size: "small", loading: downloadingDataPortability, loadingPosition: "start", startIcon: React.createElement(Icon, null, "cloud_download_outlined"), variant: 'outlined', className: classes.downloadDataPortabilityButton, onClick: handleDownloadDataPortabilityFile },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.downloadFileButton", defaultMessage: "ui.consentSolution.downloadFileButton" }))),
+                React.createElement("br", null),
+                dataPortability && !dataPortability.computing && dataPortability.generated_at && (React.createElement(Typography, { variant: "body2" },
+                    React.createElement("b", null, intl.formatMessage(messages.createDpSectionGeneratedAt, {
+                        date: React.createElement(FormattedDate, { value: dataPortability.requested_at, day: "numeric", month: "long", year: "numeric" }),
+                        time: React.createElement(FormattedTime, { value: dataPortability.requested_at })
+                    })))),
+                React.createElement("br", null),
+                React.createElement(Typography, { variant: "h6" },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.deleteAccountDpSectionTitle", defaultMessage: "ui.consentSolution.deleteAccountDpSectionTitle", values: { username: capitalize(scUserContext.user.username) } })),
+                React.createElement("ul", null, intl.formatMessage(messages.deleteAccountDpSectionInfo, { communityName, li: (chunks) => React.createElement("li", null, chunks) })),
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { className: classes.dataPortabilityCheck, checked: dataPortabilityChecked, onChange: () => setDataPortabilityChecked((p) => !p) }), label: React.createElement(FormattedMessage, { id: "ui.consentSolution.deleteAccountDpSectionCheckboxLabel", defaultMessage: "ui.consentSolution.deleteAccountDpSectionCheckboxLabel" }) }),
+                React.createElement("br", null),
+                React.createElement(Button, { size: "small", startIcon: React.createElement(Icon, null, "delete_outlined"), disabled: !dataPortabilityChecked, variant: 'contained', className: classes.confirmDeleteAccountButton, onClick: () => setView(CONFIRM_DELETE_ACCOUNT) },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.confirmDeleteAccountButton", defaultMessage: "ui.consentSolution.confirmDeleteAccountButton" })),
+                React.createElement(Button, { size: "small", variant: 'outlined', className: classes.logoutAccountButton, startIcon: React.createElement(Icon, null, "door_back_outlined"), onClick: handleLogout, color: 'secondary' },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.logoutImmediatelyButton", defaultMessage: "ui.consentSolution.logoutImmediatelyButton" })))));
+    };
+    /**
+     * Render delete account view
+     */
+    const renderDeleteAccountView = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DialogTitle, { className: classNames(classes.title, classes.titleBack) },
+                React.createElement(Button, { size: "small", disabled: loadingDeleteAccount, variant: 'outlined', onClick: () => setView(REJECTION_VIEW), className: classes.backButton, startIcon: React.createElement(Icon, null, "arrow_back") },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.backButton", defaultMessage: "ui.consentSolution.backButton" }))),
+            React.createElement(DialogContent, { className: classes.content, dividers: true },
+                React.createElement(Typography, { variant: "body2" },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.removeAccountTitle", defaultMessage: "ui.consentSolution.removeAccountTitle" })),
+                React.createElement("ul", null, intl.formatMessage(messages.deleteAccountDpSectionInfo, { communityName, li: (chunks) => React.createElement("li", null, chunks) })),
+                React.createElement("br", null),
+                React.createElement(Typography, { variant: "body2" },
+                    React.createElement("b", null,
+                        React.createElement(FormattedMessage, { id: "ui.consentSolution.removeAccountConfirm", defaultMessage: "ui.consentSolution.removeAccountConfirm" })))),
+            React.createElement(DialogActions, { className: classes.actions },
+                React.createElement(Button, { size: "small", disabled: loadingDeleteAccount, variant: 'outlined', onClick: () => setView(REJECTION_VIEW) },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.removeAccountCancelButton", defaultMessage: "ui.consentSolution.removeAccountCancelButton" })),
+                React.createElement(Button, { size: "small", disabled: loadingDeleteAccount, variant: 'outlined', onClick: handleConfirmDeleteAccount },
+                    React.createElement(FormattedMessage, { id: "ui.consentSolution.removeAccountConfirmButton", defaultMessage: "ui.consentSolution.removeAccountConfirmButton" })))));
+    };
+    /**
+     * Set content dialog component
+     */
+    let content = () => null;
+    if (ready && doc && !loading) {
+        switch (_view) {
+            case ACCEPT_VIEW:
+                content = renderMainView;
+                break;
+            case REJECTION_VIEW:
+                content = renderRejectionView;
+                break;
+            case CONFIRM_DELETE_ACCOUNT:
+                content = renderDeleteAccountView;
+                break;
+            default:
+                content = renderMainView;
+                break;
+        }
+    }
+    else {
+        content = () => React.createElement(ConsentSolutionSkeleton, null);
+    }
+    /**
+     * Renders root object
+     */
+    return (React.createElement(React.Fragment, null, open && (React.createElement(Root, Object.assign({ "aria-describedby": "consent--solution-dialog", className: classNames(classes.root, className), TransitionComponent: DialogTransition, maxWidth: 'md', fullWidth: true, open: ready, disableEscapeKeyDown: true, onClose: handleClose, scroll: 'paper' }, rest), content()))));
+}
+//# sourceMappingURL=ConsentSolution.js.map