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

package/dist/cjs/components/Portal/Portal.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDom = require('react-dom');
 var usePortal = require('../../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.default(id);
-    return reactDom.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.default(id);
+    return reactDom.createPortal(children, target);
 };
 
 exports.default = Portal;

package/dist/cjs/components/PrivacyRedirect/PrivacyRedirect.js

@@ -10,36 +10,36 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-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__default.default.createElement("div", { className: `${settings.prefix}--bmrg-redirect-container ${settings.prefix}--bmrg-header-modal` },
-        React__default.default.createElement(react.ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
-                return false;
-            } },
-            React__default.default.createElement(react.ModalHeader, { title: "Our Privacy Statement" }),
-            React__default.default.createElement(react.ModalBody, null,
-                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-redirect__body` }, contentText)),
-            React__default.default.createElement(react.ModalFooter, null,
-                React__default.default.createElement(react.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__default.default.createElement("div", { className: `${settings.prefix}--bmrg-redirect-container ${settings.prefix}--bmrg-header-modal` },
+        React__default.default.createElement(react.ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
+                return false;
+            } },
+            React__default.default.createElement(react.ModalHeader, { title: "Our Privacy Statement" }),
+            React__default.default.createElement(react.ModalBody, null,
+                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-redirect__body` }, contentText)),
+            React__default.default.createElement(react.ModalFooter, null,
+                React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", onClick: handleOnSubmit }, buttonText)))));
 }
 
 exports.default = PrivacyRedirect;

package/dist/cjs/components/PrivacyStatement/PrivacyStatement.js

@@ -20,96 +20,96 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var dompurify__default = /*#__PURE__*/_interopDefault(dompurify);
 
-/*
-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__default.default.useState(0);
-    const [isConfirmModalOpen, setIsConfirmModalOpen] = React__default.default.useState(false);
-    const statementUrl = servicesConfig.serviceUrl.getStatement({ baseServicesUrl });
-    const statementQuery = reactQuery.useQuery({
-        queryKey: statementUrl,
-        queryFn: servicesConfig.resolver.query(statementUrl),
-    });
-    const { mutateAsync, error: mutateUserConsentError } = reactQuery.useMutation(servicesConfig.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.default(React__default.default.createElement(ToastNotification.default, { subtitle: "Successfully requested account deletion", title: "Delete Account", kind: "success" }), { containerId: `${settings.prefix}--bmrg-header-notifications` });
-            closeConfirmModal();
-            closeModal();
-            if (window.location) {
-                window.location.reload();
-            }
-        }
-        catch (e) {
-            closeConfirmModal();
-        }
-    }
-    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Privacy Statement", className: `${settings.prefix}--bmrg-privacy-statement-container ${settings.prefix}--bmrg-header-modal`, onClose: handleClose, open: isOpen, preventCloseOnClickOutside: isConfirmModalOpen },
-        React__default.default.createElement(react.ModalHeader, { closeModal: handleClose, label: `Effective as of ${statementQuery.data ? formatDateTimestamp(statementQuery.data.effectiveDate) : ""}`, title: "Privacy Statement" }),
-        React__default.default.createElement(react.ModalBody, { key: resetKey },
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-privacy-statement` },
-                React__default.default.createElement(React__default.default.Fragment, null,
-                    statementQuery.isLoading ? (React__default.default.createElement(Loading.default, null)) : statementQuery.error ? (React__default.default.createElement(ErrorMessage.default, { style: { color: "#F2F4F8" } })) : (statementQuery.data &&
-                        statementQuery.data.formContent?.sections?.length > 0 && (React__default.default.createElement(React__default.default.Fragment, null,
-                        React__default.default.createElement(react.Accordion, null, statementQuery.data.formContent.sections.map((section) => {
-                            return (React__default.default.createElement(react.AccordionItem, { title: section.title, key: section.title },
-                                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__content`, dangerouslySetInnerHTML: {
-                                        __html: dompurify__default.default.sanitize(section.content),
-                                    } })));
-                        })),
-                        React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__message` },
-                            `For any questions or concerns about business and personal information captured on
-                    ${organization}, please contact${" "}`,
-                            React__default.default.createElement("a", { href: `mailto:${platformEmail}?subject=${organization} Privacy Statement` }, platformEmail),
-                            ".")))),
-                    mutateUserConsentError && (React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__error` }, "Failed to receive deletion request. Please try again."))))),
-        React__default.default.createElement(react.ModalFooter, null,
-            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Close"),
-            React__default.default.createElement(react.Button, { kind: "danger", onClick: () => setIsConfirmModalOpen(true) }, "Request account deletion"),
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-privacy-statement-delete` },
-                React__default.default.createElement(react.ComposedModal, { onClose: closeConfirmModal, open: isConfirmModalOpen },
-                    React__default.default.createElement(react.ModalHeader, { closeModal: closeConfirmModal, label: "Delete Account", title: "Request account deletion" }),
-                    React__default.default.createElement(react.ModalBody, null,
-                        React__default.default.createElement("p", { className: `${settings.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__default.default.createElement(react.ModalFooter, null,
-                        React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeConfirmModal }, "No, go back to Privacy Statement"),
-                        React__default.default.createElement(react.Button, { kind: "danger", type: "submit", onClick: handleSubmit }, "Yes, delete my account")))))));
-}
-function PrivacyStatementMenuItem(props) {
-    const menuItemRef = React__default.default.useRef(null);
-    const [isOpen, setIsOpen] = React__default.default.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.Locked, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Privacy Statement", type: "button" }),
-        React__default.default.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__default.default.useState(0);
+    const [isConfirmModalOpen, setIsConfirmModalOpen] = React__default.default.useState(false);
+    const statementUrl = servicesConfig.serviceUrl.getStatement({ baseServicesUrl });
+    const statementQuery = reactQuery.useQuery({
+        queryKey: statementUrl,
+        queryFn: servicesConfig.resolver.query(statementUrl),
+    });
+    const { mutateAsync, error: mutateUserConsentError } = reactQuery.useMutation(servicesConfig.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.default(React__default.default.createElement(ToastNotification.default, { subtitle: "Successfully requested account deletion", title: "Delete Account", kind: "success" }), { containerId: `${settings.prefix}--bmrg-header-notifications` });
+            closeConfirmModal();
+            closeModal();
+            if (window.location) {
+                window.location.reload();
+            }
+        }
+        catch (e) {
+            closeConfirmModal();
+        }
+    }
+    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Privacy Statement", className: `${settings.prefix}--bmrg-privacy-statement-container ${settings.prefix}--bmrg-header-modal`, onClose: handleClose, open: isOpen, preventCloseOnClickOutside: isConfirmModalOpen },
+        React__default.default.createElement(react.ModalHeader, { closeModal: handleClose, label: `Effective as of ${statementQuery.data ? formatDateTimestamp(statementQuery.data.effectiveDate) : ""}`, title: "Privacy Statement" }),
+        React__default.default.createElement(react.ModalBody, { key: resetKey },
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-privacy-statement` },
+                React__default.default.createElement(React__default.default.Fragment, null,
+                    statementQuery.isLoading ? (React__default.default.createElement(Loading.default, null)) : statementQuery.error ? (React__default.default.createElement(ErrorMessage.default, { style: { color: "#F2F4F8" } })) : (statementQuery.data &&
+                        statementQuery.data.formContent?.sections?.length > 0 && (React__default.default.createElement(React__default.default.Fragment, null,
+                        React__default.default.createElement(react.Accordion, null, statementQuery.data.formContent.sections.map((section) => {
+                            return (React__default.default.createElement(react.AccordionItem, { title: section.title, key: section.title },
+                                React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__content`, dangerouslySetInnerHTML: {
+                                        __html: dompurify__default.default.sanitize(section.content),
+                                    } })));
+                        })),
+                        React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__message` },
+                            `For any questions or concerns about business and personal information captured on
+                    ${organization}, please contact${" "}`,
+                            React__default.default.createElement("a", { href: `mailto:${platformEmail}?subject=${organization} Privacy Statement` }, platformEmail),
+                            ".")))),
+                    mutateUserConsentError && (React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-privacy-statement__error` }, "Failed to receive deletion request. Please try again."))))),
+        React__default.default.createElement(react.ModalFooter, null,
+            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Close"),
+            React__default.default.createElement(react.Button, { kind: "danger", onClick: () => setIsConfirmModalOpen(true) }, "Request account deletion"),
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-privacy-statement-delete` },
+                React__default.default.createElement(react.ComposedModal, { onClose: closeConfirmModal, open: isConfirmModalOpen },
+                    React__default.default.createElement(react.ModalHeader, { closeModal: closeConfirmModal, label: "Delete Account", title: "Request account deletion" }),
+                    React__default.default.createElement(react.ModalBody, null,
+                        React__default.default.createElement("p", { className: `${settings.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__default.default.createElement(react.ModalFooter, null,
+                        React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeConfirmModal }, "No, go back to Privacy Statement"),
+                        React__default.default.createElement(react.Button, { kind: "danger", type: "submit", onClick: handleSubmit }, "Yes, delete my account")))))));
+}
+function PrivacyStatementMenuItem(props) {
+    const menuItemRef = React__default.default.useRef(null);
+    const [isOpen, setIsOpen] = React__default.default.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(HeaderMenuItem.default, { icon: React__default.default.createElement(icons.Locked, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Privacy Statement", type: "button" }),
+        React__default.default.createElement(PrivacyStatement, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 exports.PrivacyStatementMenuItem = PrivacyStatementMenuItem;

package/dist/cjs/components/ProfileSettings/ProfileSettings.js

@@ -19,130 +19,130 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function determineIfConfigIsDifferent(teams, initialTeams) {
-    let isConfigDifferent = false;
-    for (let idx = 0; idx < teams?.length; idx++) {
-        if (teams[idx]?.visible !== initialTeams[idx]?.visible) {
-            isConfigDifferent = true;
-            break;
-        }
-    }
-    return isConfigDifferent;
-}
-function ProfileSettings({ baseServicesUrl, src, userName, isOpen, closeModal }) {
-    const queryClient = reactQuery.useQueryClient();
-    const [initialTeams, setInitialTeams] = React.useState([]);
-    const [teams, setTeams] = React.useState([]);
-    const userUrl = servicesConfig.serviceUrl.getLaunchpadUser({ baseServicesUrl });
-    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
-    const { data: user, isLoading: userIsLoading, error: userError, } = reactQuery.useQuery({
-        queryKey: userUrl,
-        queryFn: servicesConfig.resolver.query(userUrl),
-    });
-    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading, error: mutateUserProfileError, } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
-        onSuccess: () => {
-            queryClient.invalidateQueries(userUrl);
-            queryClient.invalidateQueries(profileUrl);
-        },
-    });
-    // Only disable when we have a user and we know that there aren' any lower level groups to manage
-    const disableModal = user && user?.lowerLevelGroups === undefined;
-    React.useEffect(() => {
-        const teams = user?.lowerLevelGroups ?? [];
-        setInitialTeams(teams);
-        setTeams(teams);
-    }, [user]);
-    function handleClose() {
-        closeModal();
-        setTeams(initialTeams);
-    }
-    async function handleSubmit() {
-        const body = {
-            lowerLevelGroups: teams,
-        };
-        try {
-            await mutateUserProfile({ baseServicesUrl, body });
-            notify.default(React__default.default.createElement(ToastNotification.default, { subtitle: "Successfully updated user settings", title: "Update Settings", kind: "success" }), { containerId: `${settings.prefix}--bmrg-header-notifications` });
-            closeModal();
-        }
-        catch (e) {
-            // noop
-        }
-    }
-    const visibleTeamCount = teams?.filter((team) => team?.visible)?.length ?? 0;
-    const allTeamsAreChecked = teams?.length === visibleTeamCount;
-    const someTeamsAreChecked = visibleTeamCount > 0 && !allTeamsAreChecked;
-    const isConfigDifferent = determineIfConfigIsDifferent(teams, initialTeams);
-    function batchChangeTeamVisibility() {
-        const updatedTeams = teams.map((team) => ({ ...team, visible: !allTeamsAreChecked }));
-        setTeams(updatedTeams);
-    }
-    function handleUpdateTeamVisibility(id, checked) {
-        const updatedTeams = [];
-        for (let team of teams) {
-            const newTeam = { ...team };
-            if (newTeam.id === id) {
-                newTeam.visible = checked;
-            }
-            updatedTeams.push(newTeam);
-        }
-        setTeams(updatedTeams);
-    }
-    if (disableModal) {
-        return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-profile-menu-user` },
-            React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
-            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-menu-user__name` },
-                " ",
-                userName ? userName : "",
-                " ")));
-    }
-    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Profile Settings", className: `${settings.prefix}--bmrg-profile-settings-container ${settings.prefix}--bmrg-header-modal`, open: isOpen, onClose: handleClose, preventCloseOnClickOutside: true },
-        React__default.default.createElement(react.ModalHeader, { closeModal: handleClose, title: `User profile - ${userName}` }),
-        React__default.default.createElement(react.ModalBody, { style: { maxHeight: "31.5rem" } },
-            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-settings__title` }, "More user profile settings will be here eventually, but for now you can choose which Teams are shown in your sidebar in Launchpad."),
-            React__default.default.createElement("h2", { className: `${settings.prefix}--bmrg-profile-settings__subtitle` }, "Teams visible in Launchpad sidebar"),
-            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-settings__description` }, "Choose Teams to show or hide in your Launchpad sidebar and Catalog (useful for sensitive demos). You will not be able to access or view unchecked Teams from the sidebar, and cannot add items to them from Catalog."),
-            userIsLoading ? (React__default.default.createElement(react.StructuredListSkeleton, null)) : userError ? (React__default.default.createElement(ErrorMessage.default, { style: { color: "#F2F4F8", padding: "1rem" } })) : teams?.length > 0 ? (React__default.default.createElement(react.StructuredListWrapper, { className: `${settings.prefix}--bmrg-profile-settings-list` },
-                React__default.default.createElement(react.StructuredListHead, null,
-                    React__default.default.createElement(react.StructuredListRow, { head: true },
-                        React__default.default.createElement(react.StructuredListCell, { head: true },
-                            React__default.default.createElement(react.Checkbox, { checked: allTeamsAreChecked, id: "team-name-batch-toggle", indeterminate: someTeamsAreChecked, labelText: "Team Name", onChange: batchChangeTeamVisibility })))),
-                React__default.default.createElement(react.StructuredListBody, null, sortBy__default.default(teams, "name").map(({ name, displayName, id, visible }) => (React__default.default.createElement(react.StructuredListRow, { key: id, className: !visible ? `${settings.prefix}--bmrg-profile-settings-list__row--disabled` : "" },
-                    React__default.default.createElement(react.StructuredListCell, null,
-                        React__default.default.createElement(react.Checkbox, { checked: visible, id: id, labelText: Boolean(displayName) ? displayName : name, onChange: (_, { checked, id }) => {
-                                return handleUpdateTeamVisibility(id, checked);
-                            } })))))))) : (React__default.default.createElement("p", { style: { marginTop: "3rem", color: "#F2F4F8" } }, "No teams to configure. Join or create teams in Launchpad!"))),
-        React__default.default.createElement(react.ModalFooter, null,
-            mutateUserProfileError && (React__default.default.createElement("div", { style: {
-                    position: "absolute",
-                    top: "-5rem",
-                    left: "2rem",
-                    width: "90%",
-                } },
-                React__default.default.createElement(react.InlineNotification, { kind: "error", title: "Something's Wrong", subtitle: "Failed to update user profile" }))),
-            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Cancel"),
-            React__default.default.createElement(react.Button, { disabled: !isConfigDifferent || mutateUserProfileIsLoading, kind: "primary", type: "submit", onClick: (e) => {
-                    e.preventDefault();
-                    handleSubmit();
-                } }, mutateUserProfileError ? "Try Again" : mutateUserProfileIsLoading ? "Saving..." : "Save changes"))));
-}
-function ProfileSettingsMenuItem(props) {
-    const menuItemRef = React__default.default.useRef(null);
-    const [isOpen, setIsOpen] = React__default.default.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(HeaderMenuItem.default, { onClick: () => setIsOpen(!isOpen), ref: menuItemRef, src: props.src, type: "user", userName: props.userName }),
-        React__default.default.createElement(ProfileSettings, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function determineIfConfigIsDifferent(teams, initialTeams) {
+    let isConfigDifferent = false;
+    for (let idx = 0; idx < teams?.length; idx++) {
+        if (teams[idx]?.visible !== initialTeams[idx]?.visible) {
+            isConfigDifferent = true;
+            break;
+        }
+    }
+    return isConfigDifferent;
+}
+function ProfileSettings({ baseServicesUrl, src, userName, isOpen, closeModal }) {
+    const queryClient = reactQuery.useQueryClient();
+    const [initialTeams, setInitialTeams] = React.useState([]);
+    const [teams, setTeams] = React.useState([]);
+    const userUrl = servicesConfig.serviceUrl.getLaunchpadUser({ baseServicesUrl });
+    const profileUrl = servicesConfig.serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const { data: user, isLoading: userIsLoading, error: userError, } = reactQuery.useQuery({
+        queryKey: userUrl,
+        queryFn: servicesConfig.resolver.query(userUrl),
+    });
+    const { mutateAsync: mutateUserProfile, isLoading: mutateUserProfileIsLoading, error: mutateUserProfileError, } = reactQuery.useMutation(servicesConfig.resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(userUrl);
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    // Only disable when we have a user and we know that there aren' any lower level groups to manage
+    const disableModal = user && user?.lowerLevelGroups === undefined;
+    React.useEffect(() => {
+        const teams = user?.lowerLevelGroups ?? [];
+        setInitialTeams(teams);
+        setTeams(teams);
+    }, [user]);
+    function handleClose() {
+        closeModal();
+        setTeams(initialTeams);
+    }
+    async function handleSubmit() {
+        const body = {
+            lowerLevelGroups: teams,
+        };
+        try {
+            await mutateUserProfile({ baseServicesUrl, body });
+            notify.default(React__default.default.createElement(ToastNotification.default, { subtitle: "Successfully updated user settings", title: "Update Settings", kind: "success" }), { containerId: `${settings.prefix}--bmrg-header-notifications` });
+            closeModal();
+        }
+        catch (e) {
+            // noop
+        }
+    }
+    const visibleTeamCount = teams?.filter((team) => team?.visible)?.length ?? 0;
+    const allTeamsAreChecked = teams?.length === visibleTeamCount;
+    const someTeamsAreChecked = visibleTeamCount > 0 && !allTeamsAreChecked;
+    const isConfigDifferent = determineIfConfigIsDifferent(teams, initialTeams);
+    function batchChangeTeamVisibility() {
+        const updatedTeams = teams.map((team) => ({ ...team, visible: !allTeamsAreChecked }));
+        setTeams(updatedTeams);
+    }
+    function handleUpdateTeamVisibility(id, checked) {
+        const updatedTeams = [];
+        for (let team of teams) {
+            const newTeam = { ...team };
+            if (newTeam.id === id) {
+                newTeam.visible = checked;
+            }
+            updatedTeams.push(newTeam);
+        }
+        setTeams(updatedTeams);
+    }
+    if (disableModal) {
+        return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-profile-menu-user` },
+            React__default.default.createElement(Avatar.default, { size: "medium", src: src, userName: userName }),
+            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-menu-user__name` },
+                " ",
+                userName ? userName : "",
+                " ")));
+    }
+    return (React__default.default.createElement(react.ComposedModal, { "aria-label": "Profile Settings", className: `${settings.prefix}--bmrg-profile-settings-container ${settings.prefix}--bmrg-header-modal`, open: isOpen, onClose: handleClose, preventCloseOnClickOutside: true },
+        React__default.default.createElement(react.ModalHeader, { closeModal: handleClose, title: `User profile - ${userName}` }),
+        React__default.default.createElement(react.ModalBody, { style: { maxHeight: "31.5rem" } },
+            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-settings__title` }, "More user profile settings will be here eventually, but for now you can choose which Teams are shown in your sidebar in Launchpad."),
+            React__default.default.createElement("h2", { className: `${settings.prefix}--bmrg-profile-settings__subtitle` }, "Teams visible in Launchpad sidebar"),
+            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-profile-settings__description` }, "Choose Teams to show or hide in your Launchpad sidebar and Catalog (useful for sensitive demos). You will not be able to access or view unchecked Teams from the sidebar, and cannot add items to them from Catalog."),
+            userIsLoading ? (React__default.default.createElement(react.StructuredListSkeleton, null)) : userError ? (React__default.default.createElement(ErrorMessage.default, { style: { color: "#F2F4F8", padding: "1rem" } })) : teams?.length > 0 ? (React__default.default.createElement(react.StructuredListWrapper, { className: `${settings.prefix}--bmrg-profile-settings-list` },
+                React__default.default.createElement(react.StructuredListHead, null,
+                    React__default.default.createElement(react.StructuredListRow, { head: true },
+                        React__default.default.createElement(react.StructuredListCell, { head: true },
+                            React__default.default.createElement(react.Checkbox, { checked: allTeamsAreChecked, id: "team-name-batch-toggle", indeterminate: someTeamsAreChecked, labelText: "Team Name", onChange: batchChangeTeamVisibility })))),
+                React__default.default.createElement(react.StructuredListBody, null, sortBy__default.default(teams, "name").map(({ name, displayName, id, visible }) => (React__default.default.createElement(react.StructuredListRow, { key: id, className: !visible ? `${settings.prefix}--bmrg-profile-settings-list__row--disabled` : "" },
+                    React__default.default.createElement(react.StructuredListCell, null,
+                        React__default.default.createElement(react.Checkbox, { checked: visible, id: id, labelText: Boolean(displayName) ? displayName : name, onChange: (_, { checked, id }) => {
+                                return handleUpdateTeamVisibility(id, checked);
+                            } })))))))) : (React__default.default.createElement("p", { style: { marginTop: "3rem", color: "#F2F4F8" } }, "No teams to configure. Join or create teams in Launchpad!"))),
+        React__default.default.createElement(react.ModalFooter, null,
+            mutateUserProfileError && (React__default.default.createElement("div", { style: {
+                    position: "absolute",
+                    top: "-5rem",
+                    left: "2rem",
+                    width: "90%",
+                } },
+                React__default.default.createElement(react.InlineNotification, { kind: "error", title: "Something's Wrong", subtitle: "Failed to update user profile" }))),
+            React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: handleClose }, "Cancel"),
+            React__default.default.createElement(react.Button, { disabled: !isConfigDifferent || mutateUserProfileIsLoading, kind: "primary", type: "submit", onClick: (e) => {
+                    e.preventDefault();
+                    handleSubmit();
+                } }, mutateUserProfileError ? "Try Again" : mutateUserProfileIsLoading ? "Saving..." : "Save changes"))));
+}
+function ProfileSettingsMenuItem(props) {
+    const menuItemRef = React__default.default.useRef(null);
+    const [isOpen, setIsOpen] = React__default.default.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(HeaderMenuItem.default, { onClick: () => setIsOpen(!isOpen), ref: menuItemRef, src: props.src, type: "user", userName: props.userName }),
+        React__default.default.createElement(ProfileSettings, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 exports.ProfileSettingsMenuItem = ProfileSettingsMenuItem;

package/dist/cjs/components/ProtectedRoute/ProtectedRoute.js

@@ -10,19 +10,19 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const checkAuth = (userRole, allowedUserRoles) => {
-    if (Array.isArray(userRole)) {
-        return userRole.some((role) => allowedUserRoles.some((allowedRole) => allowedRole === role));
-    }
-    return allowedUserRoles.some((allowedRole) => allowedRole === userRole);
-};
-function ProtectedRoute({ allowedUserRoles, component, message = "If you think you should be, contact your friendly neighborhood platform admin.", title = "Sorry mate, you are not allowed here.", userRole, ...rest }) {
-    return (React__default.default.createElement(reactRouterDom.Route, { ...rest }, checkAuth(userRole, allowedUserRoles) ? component : React__default.default.createElement(Error403.default, { message: message, title: title })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const checkAuth = (userRole, allowedUserRoles) => {
+    if (Array.isArray(userRole)) {
+        return userRole.some((role) => allowedUserRoles.some((allowedRole) => allowedRole === role));
+    }
+    return allowedUserRoles.some((allowedRole) => allowedRole === userRole);
+};
+function ProtectedRoute({ allowedUserRoles, component, message = "If you think you should be, contact your friendly neighborhood platform admin.", title = "Sorry mate, you are not allowed here.", userRole, ...rest }) {
+    return (React__default.default.createElement(reactRouterDom.Route, { ...rest }, checkAuth(userRole, allowedUserRoles) ? component : React__default.default.createElement(Error403.default, { message: message, title: title })));
 }
 
 exports.default = ProtectedRoute;