@selfcommunity/react-ui 0.7.0-alpha.98 → 0.7.0

package/lib/cjs/components/ConnectionUserButton/ConnectionUserButton.js

@@ -1,48 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_core_1 = require("@selfcommunity/react-core");
 const material_1 = require("@mui/material");
-const FollowUserButton_1 = __importDefault(require("../FollowUserButton"));
-const FriendshipUserButton_1 = __importDefault(require("../FriendshipUserButton"));
+const FollowUserButton_1 = tslib_1.__importDefault(require("../FollowUserButton"));
+const FriendshipUserButton_1 = tslib_1.__importDefault(require("../FriendshipUserButton"));
 const system_1 = require("@mui/system");
 const PREFIX = 'SCConnectionUserButton';
 const classes = {
@@ -54,8 +18,10 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({}));
 /**
- > API documentation for the Community-JS Connection User Button component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Connection User Button component. Learn about the available props and the CSS API.
  *
+ *
+
  #### Import
  ```jsx
  import {ConnectionUserButton} from '@selfcommunity/react-ui';
@@ -77,7 +43,7 @@ function ConnectionUserButton(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { user = null, followConnectUserButtonProps = {} } = props, rest = __rest(props, ["user", "followConnectUserButtonProps"]);
+    const { user = null, followConnectUserButtonProps = {} } = props, rest = tslib_1.__rest(props, ["user", "followConnectUserButtonProps"]);
     // CONTEXT
     const scPreferencesContext = (0, react_1.useContext)(react_core_1.SCPreferencesContext);
     const followEnabled = react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
@@ -85,4 +51,3 @@ function ConnectionUserButton(inProps) {
     return (react_1.default.createElement(react_1.default.Fragment, null, followEnabled ? (react_1.default.createElement(FollowUserButton_1.default, Object.assign({ user: user }, followConnectUserButtonProps, rest))) : (react_1.default.createElement(FriendshipUserButton_1.default, Object.assign({ user: user }, followConnectUserButtonProps, rest)))));
 }
 exports.default = ConnectionUserButton;
-//# sourceMappingURL=ConnectionUserButton.js.map

package/lib/cjs/components/ConnectionUserButton/index.d.ts

@@ -1,3 +1,2 @@
 import ConnectionUserButton from './ConnectionUserButton';
 export default ConnectionUserButton;
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/ConnectionUserButton/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const ConnectionUserButton_1 = __importDefault(require("./ConnectionUserButton"));
+const tslib_1 = require("tslib");
+const ConnectionUserButton_1 = tslib_1.__importDefault(require("./ConnectionUserButton"));
 exports.default = ConnectionUserButton_1.default;
-//# sourceMappingURL=index.js.map

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

@@ -34,7 +34,7 @@ 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.
+ * > API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx
@@ -62,11 +62,9 @@ export declare const CONFIRM_DELETE_ACCOUNT = "delete_account";
  |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.|
+ |dataPortability|.SCConsentSolution-data-portability|Styles applied to the data portability component 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/cjs/components/ConsentSolution/ConsentSolution.js

@@ -1,201 +1,61 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CONFIRM_DELETE_ACCOUNT = exports.REJECTION_VIEW = exports.ACCEPT_VIEW = void 0;
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const system_1 = require("@mui/system");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
-const classnames_1 = __importDefault(require("classnames"));
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
-const lab_1 = require("@mui/lab");
-const moment_1 = __importDefault(require("moment"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
-const ConsentSolutionSwitch_1 = __importDefault(require("../../shared/ConsentSolutionSwitch"));
+const ConsentSolutionSwitch_1 = tslib_1.__importDefault(require("../../shared/ConsentSolutionSwitch"));
 const Errors_1 = require("../../constants/Errors");
-const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-const DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
-const Slide_1 = __importDefault(require("@mui/material/Slide"));
+const Dialog_1 = tslib_1.__importDefault(require("@mui/material/Dialog"));
+const DialogActions_1 = tslib_1.__importDefault(require("@mui/material/DialogActions"));
+const DialogContent_1 = tslib_1.__importDefault(require("@mui/material/DialogContent"));
+const DialogTitle_1 = tslib_1.__importDefault(require("@mui/material/DialogTitle"));
+const Slide_1 = tslib_1.__importDefault(require("@mui/material/Slide"));
 const LegalPolicies_1 = require("./../../constants/LegalPolicies");
-const Skeleton_1 = __importDefault(require("./Skeleton"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const legalPages_1 = require("../../utils/legalPages");
 const react_intl_1 = require("react-intl");
 const seamless_scroll_polyfill_1 = require("seamless-scroll-polyfill");
-const PREFIX = 'SCConsentSolution';
+const AccountDataPortability_1 = tslib_1.__importDefault(require("../AccountDataPortability"));
+const constants_1 = require("./constants");
 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`
+    root: `${constants_1.PREFIX}-root`,
+    title: `${constants_1.PREFIX}-title`,
+    titleBack: `${constants_1.PREFIX}-title-back`,
+    content: `${constants_1.PREFIX}-content`,
+    consent: `${constants_1.PREFIX}-consent`,
+    consentSwitch: `${constants_1.PREFIX}-consent-switch`,
+    actions: `${constants_1.PREFIX}-actions`,
+    backButton: `${constants_1.PREFIX}-back-button`,
+    nextButton: `${constants_1.PREFIX}-next-button`,
+    closeButton: `${constants_1.PREFIX}-close-button`,
+    confirmDeleteAccountButton: `${constants_1.PREFIX}-confirm-delete-account-button`,
+    logoutAccountButton: `${constants_1.PREFIX}-logout-account-button`,
+    deleteAccountButton: `${constants_1.PREFIX}-delete-account-button`,
+    dataPortability: `${constants_1.PREFIX}-data-portability`,
+    dataPortabilityCheck: `${constants_1.PREFIX}-download-data-portability-check`,
+    alertAcceptDocument: `${constants_1.PREFIX}-alert-accept-document`,
+    acceptConditions: `${constants_1.PREFIX}-accept-conditions`
 };
 const Root = (0, styles_1.styled)(Dialog_1.default, {
-    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['A700'],
-        padding: `${theme.spacing()} ${theme.spacing()}`,
-        [theme.breakpoints.down('sm')]: {
-            fontSize: '0.6rem'
-        }
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'Root'
+})(() => ({}));
 /**
  * Translations
  */
 const messages = (0, react_intl_1.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'
@@ -214,7 +74,7 @@ exports.ACCEPT_VIEW = 'accept';
 exports.REJECTION_VIEW = 'rejection';
 exports.CONFIRM_DELETE_ACCOUNT = 'delete_account';
 /**
- *> API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx
@@ -242,8 +102,7 @@ exports.CONFIRM_DELETE_ACCOUNT = 'delete_account';
  |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.|
+ |dataPortability|.SCConsentSolution-data-portability|Styles applied to the data portability component in the rejection section.|
  |dataPortabilityCheck|.SCConsentSolution-data-portability-check|Styles applied to the checkbox in the rejection section.|
 
  * @param inProps
@@ -252,9 +111,9 @@ function ConsentSolution(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
-    const { className, open = true, onClose, legalPolicies = LegalPolicies_1.LEGAL_POLICIES, onLogout, onDeleteAccount } = props, rest = __rest(props, ["className", "open", "onClose", "legalPolicies", "onLogout", "onDeleteAccount"]);
+    const { className, open = true, onClose, legalPolicies = LegalPolicies_1.LEGAL_POLICIES, onLogout, onDeleteAccount } = props, rest = tslib_1.__rest(props, ["className", "open", "onClose", "legalPolicies", "onLogout", "onDeleteAccount"]);
     // CONTEXT
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
     // PREFERENCES
@@ -274,8 +133,6 @@ function ConsentSolution(inProps) {
     const [rejected, setRejected] = (0, react_1.useState)(false);
     const [dataPortability, setDataPortability] = (0, react_1.useState)(null);
     const [dataPortabilityChecked, setDataPortabilityChecked] = (0, react_1.useState)(false);
-    const [loadingDataPortability, setLoadingDataPortability] = (0, react_1.useState)(false);
-    const [downloadingDataPortability, setDownloadingDataPortability] = (0, react_1.useState)(false);
     const [loadingDeleteAccount, setLoadingDeleteAccount] = (0, react_1.useState)(false);
     // CONST
     const authUserId = scUserContext.user ? scUserContext.user.id : null;
@@ -330,43 +187,6 @@ function ConsentSolution(inProps) {
             utils_1.Logger.error(Errors_1.SCOPE_SC_UI, _error);
         });
     };
-    /**
-     * Handle create data portability
-     */
-    const handleCreateDataPortabilityFile = () => {
-        setLoadingDataPortability(true);
-        api_services_1.DataPortabilityService.generateDataPortability()
-            .then((res) => {
-            if (res) {
-                setDataPortability(dataPortability);
-            }
-        })
-            .catch((_error) => {
-            utils_1.Logger.error(Errors_1.SCOPE_SC_UI, _error);
-        });
-    };
-    /**
-     * Handle download data portability
-     */
-    const handleDownloadDataPortabilityFile = () => {
-        setDownloadingDataPortability(true);
-        api_services_1.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((0, moment_1.default)().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);
-            utils_1.Logger.error(Errors_1.SCOPE_SC_UI, _error);
-        });
-    };
     /**
      * Handle confirm delete account
      */
@@ -397,7 +217,8 @@ function ConsentSolution(inProps) {
         setLoading(true);
         return api_services_1.LegalPageService.getAllLastRevisionsOfLegalPages()
             .then((documents) => {
-            let docs = documents.filter((lp) => legalPolicies.filter((p) => lp.name_and_version.startsWith(p)).length > 0);
+            // filter documents (show only privacy and tec)
+            let docs = documents.filter((lp) => legalPolicies.filter((p) => lp.slug.startsWith(p)).length > 0);
             // if initial legalPolicies !== LEGAL_POLICIES
             if ((0, utils_1.arraysEqual)(legalPolicies, LegalPolicies_1.LEGAL_POLICIES)) {
                 docs = docs.filter((d) => !(0, legalPages_1.isEmptyDocumentBody)(d) && !(0, legalPages_1.isDocumentApproved)(d));
@@ -414,23 +235,6 @@ function ConsentSolution(inProps) {
             utils_1.Logger.error(Errors_1.SCOPE_SC_UI, _error);
         });
     };
-    /**
-     * Fetch data portability status
-     */
-    const fetchDataPortabilityStatus = () => {
-        api_services_1.DataPortabilityService.dataPortabilityStatus()
-            .then((res) => {
-            if (res) {
-                if (!res.computing && res.generated_at) {
-                    setLoadingDataPortability(false);
-                }
-                setDataPortability(res);
-            }
-        })
-            .catch((_error) => {
-            utils_1.Logger.error(Errors_1.SCOPE_SC_UI, _error);
-        });
-    };
     /**
      * On mount, fetches legal and custom documents
      */
@@ -440,21 +244,6 @@ function ConsentSolution(inProps) {
         }
         fetchLegalPages();
     }, [authUserId]);
-    /**
-     * Sync data portability status
-     */
-    (0, react_1.useEffect)(() => {
-        let interval;
-        if (authUserId !== null && ready) {
-            fetchDataPortabilityStatus();
-            if (_view === exports.REJECTION_VIEW) {
-                interval = setInterval(() => {
-                    fetchDataPortabilityStatus();
-                }, 5000);
-            }
-        }
-        return () => interval && clearInterval(interval);
-    }, [authUserId, ready, _view]);
     /**
      * Render main view
      */
@@ -465,7 +254,7 @@ function ConsentSolution(inProps) {
         const isAccept = Boolean(doc.ack && doc.ack.accepted_at);
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(DialogTitle_1.default, { className: classes.title },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.acceptDocumentTitle", defaultMessage: "ui.consentSolution.acceptDocumentTitle", values: { label: doc.label } })),
+                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.acceptDocumentTitle", defaultMessage: "ui.consentSolution.acceptDocumentTitle", values: { label: doc.title } })),
             react_1.default.createElement(DialogContent_1.default, { className: classes.content, dividers: true, ref: contentDialog },
                 react_1.default.createElement(material_1.Typography, { component: "div", gutterBottom: true, dangerouslySetInnerHTML: {
                         __html: (0, legalPages_1.getDocumentBody)(doc)
@@ -500,24 +289,7 @@ function ConsentSolution(inProps) {
                 react_1.default.createElement(material_1.Button, { size: "small", variant: 'outlined', onClick: () => setView(exports.ACCEPT_VIEW), className: classes.backButton, startIcon: react_1.default.createElement(Icon_1.default, null, "arrow_back") },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.backButton", defaultMessage: "ui.consentSolution.backButton" }))),
             react_1.default.createElement(DialogContent_1.default, { className: classes.content, dividers: true },
-                react_1.default.createElement(material_1.Typography, { variant: "h6" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.createDpSectionTitle", defaultMessage: "ui.consentSolution.createDpSectionTitle", values: { username: (0, utils_1.capitalize)(scUserContext.user.username) } })),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement(material_1.Typography, { variant: "body2" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.deleteAccountTitle", defaultMessage: "ui.consentSolution.deleteAccountTitle" })),
-                react_1.default.createElement("ul", null, intl.formatMessage(messages.createDpSectionInfo, {
-                    li: (chunks) => react_1.default.createElement("li", null, chunks)
-                })),
-                react_1.default.createElement(lab_1.LoadingButton, { size: "small", loading: (dataPortability && dataPortability.computing) || loadingDataPortability, disabled: dataPortability && (dataPortability.computing || (0, moment_1.default)().diff((0, moment_1.default)(dataPortability.requested_at), 'hours') < 24), loadingPosition: "start", startIcon: react_1.default.createElement(Icon_1.default, null, "copy_all_outlined"), variant: "outlined", className: classes.createDataPortabilityButton, onClick: handleCreateDataPortabilityFile }, (dataPortability && dataPortability.computing) || loadingDataPortability ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.createFileLoadingButton", defaultMessage: "ui.consentSolution.createFileLoadingButton" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.createFileButton", defaultMessage: "ui.consentSolution.createFileButton" }))),
-                dataPortability && !dataPortability.computing && dataPortability.generated_at && (react_1.default.createElement(lab_1.LoadingButton, { size: "small", loading: downloadingDataPortability, loadingPosition: "start", startIcon: react_1.default.createElement(Icon_1.default, null, "cloud_download_outlined"), variant: 'outlined', className: classes.downloadDataPortabilityButton, onClick: handleDownloadDataPortabilityFile },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.downloadFileButton", defaultMessage: "ui.consentSolution.downloadFileButton" }))),
-                react_1.default.createElement("br", null),
-                dataPortability && !dataPortability.computing && dataPortability.generated_at && (react_1.default.createElement(material_1.Typography, { variant: "body2" },
-                    react_1.default.createElement("b", null, intl.formatMessage(messages.createDpSectionGeneratedAt, {
-                        date: react_1.default.createElement(react_intl_1.FormattedDate, { value: dataPortability.requested_at, day: "numeric", month: "long", year: "numeric" }),
-                        time: react_1.default.createElement(react_intl_1.FormattedTime, { value: dataPortability.requested_at })
-                    })))),
-                react_1.default.createElement("br", null),
+                react_1.default.createElement(AccountDataPortability_1.default, { className: classes.dataPortability }),
                 react_1.default.createElement(material_1.Typography, { variant: "h6" },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.deleteAccountDpSectionTitle", defaultMessage: "ui.consentSolution.deleteAccountDpSectionTitle", values: { username: (0, utils_1.capitalize)(scUserContext.user.username) } })),
                 react_1.default.createElement("ul", null, intl.formatMessage(messages.deleteAccountDpSectionInfo, { communityName, li: (chunks) => react_1.default.createElement("li", null, chunks) })),
@@ -525,7 +297,7 @@ function ConsentSolution(inProps) {
                 react_1.default.createElement("br", null),
                 react_1.default.createElement(material_1.Button, { size: "small", startIcon: react_1.default.createElement(Icon_1.default, null, "delete_outlined"), disabled: !dataPortabilityChecked, variant: 'contained', className: classes.confirmDeleteAccountButton, onClick: () => setView(exports.CONFIRM_DELETE_ACCOUNT) },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.confirmDeleteAccountButton", defaultMessage: "ui.consentSolution.confirmDeleteAccountButton" })),
-                react_1.default.createElement(material_1.Button, { size: "small", variant: 'outlined', className: classes.logoutAccountButton, startIcon: react_1.default.createElement(Icon_1.default, null, "door_back_outlined"), onClick: handleLogout },
+                react_1.default.createElement(material_1.Button, { size: "small", variant: 'outlined', className: classes.logoutAccountButton, startIcon: react_1.default.createElement(Icon_1.default, null, "upload"), onClick: handleLogout },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.consentSolution.logoutImmediatelyButton", defaultMessage: "ui.consentSolution.logoutImmediatelyButton" })))));
     };
     /**
@@ -585,4 +357,3 @@ function ConsentSolution(inProps) {
     return (react_1.default.createElement(react_1.default.Fragment, null, open && (react_1.default.createElement(Root, Object.assign({ "aria-describedby": "consent--solution-dialog", className: (0, classnames_1.default)(classes.root, className), TransitionComponent: DialogTransition, maxWidth: 'md', fullWidth: true, open: ready, disableEscapeKeyDown: true, onClose: handleClose, scroll: 'paper' }, rest), content()))));
 }
 exports.default = ConsentSolution;
-//# sourceMappingURL=ConsentSolution.js.map

package/lib/cjs/components/ConsentSolution/Skeleton.d.ts

@@ -9,19 +9,18 @@
 
  #### Component Name
 
- The name `SCConsentSolutionSkeleton` can be used when providing style overrides in the theme.
+ The name `SCConsentSolution-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCConsentSolutionSkeleton-root|Styles applied to the root element.|
- |title|.SCConsentSolutionSkeleton-title|Styles applied to the title element.|
- |content|.SCConsentSolutionSkeleton-content|Styles applied to the content element.|
- |consent|.SCConsentSolutionSkeleton-consent|Styles applied to the consent element.|
- |consentSwitch|.SCConsentSolutionSkeleton-consent-switch|Styles applied to the switch skeleton element.|
- |actions|.SCConsentSolutionSkeleton-actions|Styles applied to the actions section.|
+ |root|.SCConsentSolution-skeleton-root|Styles applied to the root element.|
+ |title|.SCConsentSolution-title|Styles applied to the title element.|
+ |content|.SCConsentSolution-content|Styles applied to the content element.|
+ |consent|.SCConsentSolution-consent|Styles applied to the consent element.|
+ |consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch skeleton element.|
+ |actions|.SCConsentSolution-actions|Styles applied to the actions section.|
  *
  */
 export default function ConsentSolutionSkeleton(): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map