@boomerang-io/carbon-addons-boomerang-react 4.6.10-beta.0 → 4.6.10-beta.2

package/dist/esm/{components → src/components}/PlatformNotifications/PlatformNotificationsContainer.js

@@ -4,142 +4,142 @@ import Notification from './PlatformNotification.js';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-class PlatformNotificationsContainer extends React.Component {
-    ws;
-    articleRef = React.createRef();
-    state = {
-        error: false,
-        currentNotifications: this.props.initialNotifications ?? [],
-        numNotifications: this.props.initialNotifications?.length ?? 0,
-    };
-    componentDidMount() {
-        const brokerURL = `${this.props.baseServicesUrl}/notifications/ws`
-            .replace("https://", "wss://")
-            .replace("http://", "ws://");
-        this.ws = new Client({
-            brokerURL,
-            reconnectDelay: 10000,
-        });
-        this.ws.onConnect = this.connect;
-        this.ws.activate();
-    }
-    connect = () => {
-        this.ws.subscribe("/user/queue/notifications", this.receiveNewNotifications);
-        this.ws.subscribe("/user/queue/reply", this.replyRead);
-        this.ws.subscribe("/user/queue/all", this.recieveAllUnreadNotifications);
-        this.ws.publish({ destination: "/app/all", body: {} });
-    };
-    componentWillUnmount() {
-        this.ws.deactivate();
-    }
-    /**
-     * recieve x amount of new notifications and pass them into state of current notifications
-     *
-     */
-    receiveNewNotifications = (incomingNotifications) => {
-        if (incomingNotifications.body) {
-            const data = [JSON.parse(incomingNotifications.body)];
-            if (data.length > 0) {
-                this.props.setHasNewNotifications(true);
-            }
-            this.setState((prevState) => ({
-                currentNotifications: [...data, ...prevState.currentNotifications],
-                numNotifications: prevState.numNotifications + data.length,
-            }), () => {
-                this.props.setNotificationsCount(this.state.numNotifications);
-            });
-        }
-        else {
-            this.setState({
-                error: true, // TOOD something here related to the error
-            });
-        }
-    };
-    /**
-     * overwrite current notifications, the param represents all unread notifications
-     */
-    recieveAllUnreadNotifications = (incomingNotifications) => {
-        if (incomingNotifications.body) {
-            const jsonData = JSON.parse(incomingNotifications.body);
-            const data = jsonData.records;
-            if (data.length > 0) {
-                this.props.setHasNewNotifications(true);
-            }
-            else {
-                // This has to be declared because this function can be triggered from the notification page in Launchpad
-                this.props.setHasNewNotifications(false);
-            }
-            this.setState({
-                currentNotifications: data,
-                numNotifications: data.length,
-            }, () => {
-                this.props.setNotificationsCount(this.state.numNotifications);
-            });
-        }
-        else {
-            this.setState({
-                error: true, // TOOD something here related to the error
-            });
-        }
-    };
-    /**
-     * @param {Object} readResponse - list of notificationIds that have been read
-     * the function removes the notifications from current state that are returned as "read"
-     */
-    replyRead = (readResponse) => {
-        const readIdList = JSON.parse(readResponse.body);
-        this.setState((prevState) => ({
-            currentNotifications: prevState.currentNotifications.filter((el) => readIdList.indexOf(el.id) === -1),
-            numNotifications: prevState.numNotifications - readIdList.length,
-        }), () => {
-            if (this.state.numNotifications === 0) {
-                this.props.setHasNewNotifications(false);
-                this.props.setNotificationsCount(0);
-                // when we clear out notifications, check to to see if there are new notifications available
-                this.ws.publish({ destination: "/app/all", body: {} });
-            }
-        });
-    };
-    /**
-     * notificationId - a single notification that the user has marked as read
-     * @returns {Function} - makes network request, then after waiting for it to return, setState is called to update currentNotifications and numNotifications
-     */
-    handleReadNotification(notificationId) {
-        this.ws.publish({
-            destination: "/app/read",
-            body: JSON.stringify([notificationId]),
-        });
-    }
-    /**
-     * @returns {Function} - makes network request with all remaining notification IDs, then after waiting for it to return, setState is called to empty out currentNotifications and numNotifications
-     */
-    handleReadAllNotifications() {
-        const idList = this.state.currentNotifications.map((notification) => notification.id);
-        this.ws.publish({ destination: "/app/read", body: JSON.stringify(idList) });
-    }
-    renderNotifications() {
-        return this.state.currentNotifications.slice(0, 5).map((notification) => (React.createElement("li", { key: notification.id, "data-testid": "header-notification" },
-            React.createElement(Notification, { readNotification: this.handleReadNotification.bind(this), data: notification }))));
-    }
-    render() {
-        const { numNotifications, currentNotifications } = this.state;
-        const { baseEnvUrl } = this.props;
-        return (React.createElement("div", { "aria-labelledby": this.props["aria-labelledby"], className: cx(`${prefix}--bmrg-notifications`, {
-                "--is-active": this.props.isOpen,
-            }), "data-testid": "header-notifications", id: this.props.id, role: "dialog" },
-            React.createElement("div", { className: `${prefix}--bmrg-notifications-header` },
-                React.createElement("h1", { className: `${prefix}--bmrg-notifications-header__newNotifications` }, `${numNotifications} new notification${numNotifications !== 1 ? "s" : ""}`),
-                React.createElement("button", { className: `${prefix}--bmrg-notifications-header__clear`, "data-testid": "header-notifications-all-read", disabled: !currentNotifications.length, onClick: this.handleReadAllNotifications.bind(this), "aria-label": "Mark all read" }, "Mark All Read")),
-            React.createElement("ul", { className: `${prefix}--bmrg-notifications__collection` }, currentNotifications.length ? (this.renderNotifications()) : (React.createElement("div", { className: `${prefix}--bmrg-notifications-empty` },
-                React.createElement("h1", { className: `${prefix}--bmrg-notifications-empty__no-news` }, "No news is good news, right?")))),
-            React.createElement("div", { className: `${prefix}--bmrg-notifications__notifications-footer` },
-                React.createElement("a", { "aria-label": "Link for notification center", href: `${baseEnvUrl}/launchpad/notifications`, className: `${prefix}--bmrg-notifications__notifications-redirect-link`, "data-testid": "header-notifications-center-link" }, "Open Notification Center"))));
-    }
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+class PlatformNotificationsContainer extends React.Component {
+    ws;
+    articleRef = React.createRef();
+    state = {
+        error: false,
+        currentNotifications: this.props.initialNotifications ?? [],
+        numNotifications: this.props.initialNotifications?.length ?? 0,
+    };
+    componentDidMount() {
+        const brokerURL = `${this.props.baseServicesUrl}/notifications/ws`
+            .replace("https://", "wss://")
+            .replace("http://", "ws://");
+        this.ws = new Client({
+            brokerURL,
+            reconnectDelay: 10000,
+        });
+        this.ws.onConnect = this.connect;
+        this.ws.activate();
+    }
+    connect = () => {
+        this.ws.subscribe("/user/queue/notifications", this.receiveNewNotifications);
+        this.ws.subscribe("/user/queue/reply", this.replyRead);
+        this.ws.subscribe("/user/queue/all", this.recieveAllUnreadNotifications);
+        this.ws.publish({ destination: "/app/all", body: {} });
+    };
+    componentWillUnmount() {
+        this.ws.deactivate();
+    }
+    /**
+     * recieve x amount of new notifications and pass them into state of current notifications
+     *
+     */
+    receiveNewNotifications = (incomingNotifications) => {
+        if (incomingNotifications.body) {
+            const data = [JSON.parse(incomingNotifications.body)];
+            if (data.length > 0) {
+                this.props.setHasNewNotifications(true);
+            }
+            this.setState((prevState) => ({
+                currentNotifications: [...data, ...prevState.currentNotifications],
+                numNotifications: prevState.numNotifications + data.length,
+            }), () => {
+                this.props.setNotificationsCount(this.state.numNotifications);
+            });
+        }
+        else {
+            this.setState({
+                error: true, // TOOD something here related to the error
+            });
+        }
+    };
+    /**
+     * overwrite current notifications, the param represents all unread notifications
+     */
+    recieveAllUnreadNotifications = (incomingNotifications) => {
+        if (incomingNotifications.body) {
+            const jsonData = JSON.parse(incomingNotifications.body);
+            const data = jsonData.records;
+            if (data.length > 0) {
+                this.props.setHasNewNotifications(true);
+            }
+            else {
+                // This has to be declared because this function can be triggered from the notification page in Launchpad
+                this.props.setHasNewNotifications(false);
+            }
+            this.setState({
+                currentNotifications: data,
+                numNotifications: data.length,
+            }, () => {
+                this.props.setNotificationsCount(this.state.numNotifications);
+            });
+        }
+        else {
+            this.setState({
+                error: true, // TOOD something here related to the error
+            });
+        }
+    };
+    /**
+     * @param {Object} readResponse - list of notificationIds that have been read
+     * the function removes the notifications from current state that are returned as "read"
+     */
+    replyRead = (readResponse) => {
+        const readIdList = JSON.parse(readResponse.body);
+        this.setState((prevState) => ({
+            currentNotifications: prevState.currentNotifications.filter((el) => readIdList.indexOf(el.id) === -1),
+            numNotifications: prevState.numNotifications - readIdList.length,
+        }), () => {
+            if (this.state.numNotifications === 0) {
+                this.props.setHasNewNotifications(false);
+                this.props.setNotificationsCount(0);
+                // when we clear out notifications, check to to see if there are new notifications available
+                this.ws.publish({ destination: "/app/all", body: {} });
+            }
+        });
+    };
+    /**
+     * notificationId - a single notification that the user has marked as read
+     * @returns {Function} - makes network request, then after waiting for it to return, setState is called to update currentNotifications and numNotifications
+     */
+    handleReadNotification(notificationId) {
+        this.ws.publish({
+            destination: "/app/read",
+            body: JSON.stringify([notificationId]),
+        });
+    }
+    /**
+     * @returns {Function} - makes network request with all remaining notification IDs, then after waiting for it to return, setState is called to empty out currentNotifications and numNotifications
+     */
+    handleReadAllNotifications() {
+        const idList = this.state.currentNotifications.map((notification) => notification.id);
+        this.ws.publish({ destination: "/app/read", body: JSON.stringify(idList) });
+    }
+    renderNotifications() {
+        return this.state.currentNotifications.slice(0, 5).map((notification) => (React.createElement("li", { key: notification.id, "data-testid": "header-notification" },
+            React.createElement(Notification, { readNotification: this.handleReadNotification.bind(this), data: notification }))));
+    }
+    render() {
+        const { numNotifications, currentNotifications } = this.state;
+        const { baseEnvUrl } = this.props;
+        return (React.createElement("div", { "aria-labelledby": this.props["aria-labelledby"], className: cx(`${prefix}--bmrg-notifications`, {
+                "--is-active": this.props.isOpen,
+            }), "data-testid": "header-notifications", id: this.props.id, role: "dialog" },
+            React.createElement("div", { className: `${prefix}--bmrg-notifications-header` },
+                React.createElement("h1", { className: `${prefix}--bmrg-notifications-header__newNotifications` }, `${numNotifications} new notification${numNotifications !== 1 ? "s" : ""}`),
+                React.createElement("button", { className: `${prefix}--bmrg-notifications-header__clear`, "data-testid": "header-notifications-all-read", disabled: !currentNotifications.length, onClick: this.handleReadAllNotifications.bind(this), "aria-label": "Mark all read" }, "Mark All Read")),
+            React.createElement("ul", { className: `${prefix}--bmrg-notifications__collection` }, currentNotifications.length ? (this.renderNotifications()) : (React.createElement("div", { className: `${prefix}--bmrg-notifications-empty` },
+                React.createElement("h1", { className: `${prefix}--bmrg-notifications-empty__no-news` }, "No news is good news, right?")))),
+            React.createElement("div", { className: `${prefix}--bmrg-notifications__notifications-footer` },
+                React.createElement("a", { "aria-label": "Link for notification center", href: `${baseEnvUrl}/launchpad/notifications`, className: `${prefix}--bmrg-notifications__notifications-redirect-link`, "data-testid": "header-notifications-center-link" }, "Open Notification Center"))));
+    }
 }
 
 export { PlatformNotificationsContainer as default };

package/dist/esm/{components → src/components}/Portal/Portal.js

@@ -1,20 +1,20 @@
 import { createPortal } from 'react-dom';
 import usePortal from '../../hooks/usePortal.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-/**
- * @example
- * <Portal>
- *   <p>Thinking with portals</p>
- * </Portal>
- */
-const Portal = ({ id, children }) => {
-    const target = usePortal(id);
-    return createPortal(children, target);
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+/**
+ * @example
+ * <Portal>
+ *   <p>Thinking with portals</p>
+ * </Portal>
+ */
+const Portal = ({ id, children }) => {
+    const target = usePortal(id);
+    return createPortal(children, target);
 };
 
 export { Portal as default };

package/dist/esm/{components → src/components}/PrivacyRedirect/PrivacyRedirect.js

@@ -2,36 +2,36 @@ import React from 'react';
 import { ComposedModal, ModalHeader, ModalBody, ModalFooter, Button } from '@carbon/react';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function PrivacyRedirect(props) {
-    const { baseEnvUrl, isOpen = false, user, platformName = "the platform" } = props;
-    const handleOnSubmit = () => {
-        const pendingDeletion = user?.status === "pending_deletion";
-        if (pendingDeletion) {
-            window.location.assign(`${baseEnvUrl}/launchpad`); // There is no marketing site so TBD where this links to
-        }
-        else {
-            window.location.assign(`${baseEnvUrl}/launchpad?rd=${document.URL}`);
-        }
-    };
-    const pendingDeletion = user?.status === "pending_deletion";
-    const contentText = pendingDeletion
-        ? `We’re working on removing your account and personal information from ${platformName}. Please allow up to 1 month (as mandated by GDPR regulations) for us to complete your request.`
-        : "Before continuing, we need you to consent to the Privacy Statement.";
-    const buttonText = pendingDeletion ? "Go to Launchpad" : "View Privacy Statement";
-    return (React.createElement("div", { className: `${prefix}--bmrg-redirect-container ${prefix}--bmrg-header-modal` },
-        React.createElement(ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
-                return false;
-            } },
-            React.createElement(ModalHeader, { title: "Our Privacy Statement" }),
-            React.createElement(ModalBody, null,
-                React.createElement("span", { className: `${prefix}--bmrg-redirect__body` }, contentText)),
-            React.createElement(ModalFooter, null,
-                React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", onClick: handleOnSubmit }, buttonText)))));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function PrivacyRedirect(props) {
+    const { baseEnvUrl, isOpen = false, user, platformName = "the platform" } = props;
+    const handleOnSubmit = () => {
+        const pendingDeletion = user?.status === "pending_deletion";
+        if (pendingDeletion) {
+            window.location.assign(`${baseEnvUrl}/launchpad`); // There is no marketing site so TBD where this links to
+        }
+        else {
+            window.location.assign(`${baseEnvUrl}/launchpad?rd=${document.URL}`);
+        }
+    };
+    const pendingDeletion = user?.status === "pending_deletion";
+    const contentText = pendingDeletion
+        ? `We’re working on removing your account and personal information from ${platformName}. Please allow up to 1 month (as mandated by GDPR regulations) for us to complete your request.`
+        : "Before continuing, we need you to consent to the Privacy Statement.";
+    const buttonText = pendingDeletion ? "Go to Launchpad" : "View Privacy Statement";
+    return (React.createElement("div", { className: `${prefix}--bmrg-redirect-container ${prefix}--bmrg-header-modal` },
+        React.createElement(ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
+                return false;
+            } },
+            React.createElement(ModalHeader, { title: "Our Privacy Statement" }),
+            React.createElement(ModalBody, null,
+                React.createElement("span", { className: `${prefix}--bmrg-redirect__body` }, contentText)),
+            React.createElement(ModalFooter, null,
+                React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", onClick: handleOnSubmit }, buttonText)))));
 }
 
 export { PrivacyRedirect as default };

package/dist/esm/{components → src/components}/PrivacyStatement/PrivacyStatement.js

@@ -11,96 +11,96 @@ import { useQuery, useMutation } from 'react-query';
 import { resolver, serviceUrl } from '../../config/servicesConfig.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function formatDateTimestamp(timestamp) {
-    return new Date(timestamp).toLocaleDateString("en-us", {
-        year: "numeric",
-        month: "long",
-        day: "numeric",
-    });
-}
-function PrivacyStatement({ baseServicesUrl, closeModal, isOpen, organization = "the platform", platformEmail = "isesupp@us.ibm.com", }) {
-    const [resetKey, setResetKey] = React.useState(0);
-    const [isConfirmModalOpen, setIsConfirmModalOpen] = React.useState(false);
-    const statementUrl = serviceUrl.getStatement({ baseServicesUrl });
-    const statementQuery = useQuery({
-        queryKey: statementUrl,
-        queryFn: resolver.query(statementUrl),
-    });
-    const { mutateAsync, error: mutateUserConsentError } = useMutation(resolver.putUserConsent);
-    function closeConfirmModal() {
-        setIsConfirmModalOpen(false);
-    }
-    function handleClose() {
-        closeModal();
-        closeConfirmModal();
-        setResetKey(resetKey + 1);
-    }
-    async function handleSubmit() {
-        const body = {
-            hasConsented: false,
-            version: statementQuery.data?.version,
-        };
-        try {
-            await mutateAsync({ baseServicesUrl, body });
-            notify(React.createElement(ToastNotification, { subtitle: "Successfully requested account deletion", title: "Delete Account", kind: "success" }), { containerId: `${prefix}--bmrg-header-notifications` });
-            closeConfirmModal();
-            closeModal();
-            if (window.location) {
-                window.location.reload();
-            }
-        }
-        catch (e) {
-            closeConfirmModal();
-        }
-    }
-    return (React.createElement(ComposedModal, { "aria-label": "Privacy Statement", className: `${prefix}--bmrg-privacy-statement-container ${prefix}--bmrg-header-modal`, onClose: handleClose, open: isOpen, preventCloseOnClickOutside: isConfirmModalOpen },
-        React.createElement(ModalHeader, { closeModal: handleClose, label: `Effective as of ${statementQuery.data ? formatDateTimestamp(statementQuery.data.effectiveDate) : ""}`, title: "Privacy Statement" }),
-        React.createElement(ModalBody, { key: resetKey },
-            React.createElement("div", { className: `${prefix}--bmrg-privacy-statement` },
-                React.createElement(React.Fragment, null,
-                    statementQuery.isLoading ? (React.createElement(Loading, null)) : statementQuery.error ? (React.createElement(Error, { style: { color: "#F2F4F8" } })) : (statementQuery.data &&
-                        statementQuery.data.formContent?.sections?.length > 0 && (React.createElement(React.Fragment, null,
-                        React.createElement(Accordion, null, statementQuery.data.formContent.sections.map((section) => {
-                            return (React.createElement(AccordionItem, { title: section.title, key: section.title },
-                                React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__content`, dangerouslySetInnerHTML: {
-                                        __html: dompurify.sanitize(section.content),
-                                    } })));
-                        })),
-                        React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__message` },
-                            `For any questions or concerns about business and personal information captured on
-                    ${organization}, please contact${" "}`,
-                            React.createElement("a", { href: `mailto:${platformEmail}?subject=${organization} Privacy Statement` }, platformEmail),
-                            ".")))),
-                    mutateUserConsentError && (React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__error` }, "Failed to receive deletion request. Please try again."))))),
-        React.createElement(ModalFooter, null,
-            React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Close"),
-            React.createElement(Button, { kind: "danger", onClick: () => setIsConfirmModalOpen(true) }, "Request account deletion"),
-            React.createElement("div", { className: `${prefix}--bmrg-privacy-statement-delete` },
-                React.createElement(ComposedModal, { onClose: closeConfirmModal, open: isConfirmModalOpen },
-                    React.createElement(ModalHeader, { closeModal: closeConfirmModal, label: "Delete Account", title: "Request account deletion" }),
-                    React.createElement(ModalBody, null,
-                        React.createElement("p", { className: `${prefix}--bmrg-privacy-statement-delete__desc` }, "By selecting to delete your account, your account will be deleted along with all of your user data from our system and we will notify your team(s) that you are no longer a memeber of the platform. Are you sure you want to delete your account?")),
-                    React.createElement(ModalFooter, null,
-                        React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeConfirmModal }, "No, go back to Privacy Statement"),
-                        React.createElement(Button, { kind: "danger", type: "submit", onClick: handleSubmit }, "Yes, delete my account")))))));
-}
-function PrivacyStatementMenuItem(props) {
-    const menuItemRef = React.useRef(null);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(HeaderMenuItem, { icon: React.createElement(Locked, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Privacy Statement", type: "button" }),
-        React.createElement(PrivacyStatement, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function formatDateTimestamp(timestamp) {
+    return new Date(timestamp).toLocaleDateString("en-us", {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+    });
+}
+function PrivacyStatement({ baseServicesUrl, closeModal, isOpen, organization = "the platform", platformEmail = "isesupp@us.ibm.com", }) {
+    const [resetKey, setResetKey] = React.useState(0);
+    const [isConfirmModalOpen, setIsConfirmModalOpen] = React.useState(false);
+    const statementUrl = serviceUrl.getStatement({ baseServicesUrl });
+    const statementQuery = useQuery({
+        queryKey: statementUrl,
+        queryFn: resolver.query(statementUrl),
+    });
+    const { mutateAsync, error: mutateUserConsentError } = useMutation(resolver.putUserConsent);
+    function closeConfirmModal() {
+        setIsConfirmModalOpen(false);
+    }
+    function handleClose() {
+        closeModal();
+        closeConfirmModal();
+        setResetKey(resetKey + 1);
+    }
+    async function handleSubmit() {
+        const body = {
+            hasConsented: false,
+            version: statementQuery.data?.version,
+        };
+        try {
+            await mutateAsync({ baseServicesUrl, body });
+            notify(React.createElement(ToastNotification, { subtitle: "Successfully requested account deletion", title: "Delete Account", kind: "success" }), { containerId: `${prefix}--bmrg-header-notifications` });
+            closeConfirmModal();
+            closeModal();
+            if (window.location) {
+                window.location.reload();
+            }
+        }
+        catch (e) {
+            closeConfirmModal();
+        }
+    }
+    return (React.createElement(ComposedModal, { "aria-label": "Privacy Statement", className: `${prefix}--bmrg-privacy-statement-container ${prefix}--bmrg-header-modal`, onClose: handleClose, open: isOpen, preventCloseOnClickOutside: isConfirmModalOpen },
+        React.createElement(ModalHeader, { closeModal: handleClose, label: `Effective as of ${statementQuery.data ? formatDateTimestamp(statementQuery.data.effectiveDate) : ""}`, title: "Privacy Statement" }),
+        React.createElement(ModalBody, { key: resetKey },
+            React.createElement("div", { className: `${prefix}--bmrg-privacy-statement` },
+                React.createElement(React.Fragment, null,
+                    statementQuery.isLoading ? (React.createElement(Loading, null)) : statementQuery.error ? (React.createElement(Error, { style: { color: "#F2F4F8" } })) : (statementQuery.data &&
+                        statementQuery.data.formContent?.sections?.length > 0 && (React.createElement(React.Fragment, null,
+                        React.createElement(Accordion, null, statementQuery.data.formContent.sections.map((section) => {
+                            return (React.createElement(AccordionItem, { title: section.title, key: section.title },
+                                React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__content`, dangerouslySetInnerHTML: {
+                                        __html: dompurify.sanitize(section.content),
+                                    } })));
+                        })),
+                        React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__message` },
+                            `For any questions or concerns about business and personal information captured on
+                    ${organization}, please contact${" "}`,
+                            React.createElement("a", { href: `mailto:${platformEmail}?subject=${organization} Privacy Statement` }, platformEmail),
+                            ".")))),
+                    mutateUserConsentError && (React.createElement("p", { className: `${prefix}--bmrg-privacy-statement__error` }, "Failed to receive deletion request. Please try again."))))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Close"),
+            React.createElement(Button, { kind: "danger", onClick: () => setIsConfirmModalOpen(true) }, "Request account deletion"),
+            React.createElement("div", { className: `${prefix}--bmrg-privacy-statement-delete` },
+                React.createElement(ComposedModal, { onClose: closeConfirmModal, open: isConfirmModalOpen },
+                    React.createElement(ModalHeader, { closeModal: closeConfirmModal, label: "Delete Account", title: "Request account deletion" }),
+                    React.createElement(ModalBody, null,
+                        React.createElement("p", { className: `${prefix}--bmrg-privacy-statement-delete__desc` }, "By selecting to delete your account, your account will be deleted along with all of your user data from our system and we will notify your team(s) that you are no longer a memeber of the platform. Are you sure you want to delete your account?")),
+                    React.createElement(ModalFooter, null,
+                        React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeConfirmModal }, "No, go back to Privacy Statement"),
+                        React.createElement(Button, { kind: "danger", type: "submit", onClick: handleSubmit }, "Yes, delete my account")))))));
+}
+function PrivacyStatementMenuItem(props) {
+    const menuItemRef = React.useRef(null);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(HeaderMenuItem, { icon: React.createElement(Locked, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Privacy Statement", type: "button" }),
+        React.createElement(PrivacyStatement, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 export { PrivacyStatementMenuItem, PrivacyStatement as default };