@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.35 → 4.6.11-beta.37

package/dist/esm/components/RichTextArea/RichTextArea.js

@@ -7,148 +7,148 @@ import { TextInput, Button } from '@carbon/react';
 import cx from 'classnames';
 import sanitizeHtml from 'sanitize-html';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2025
-*/
-const RichTextAreaComponent = React.forwardRef(function RichTextAreaComponent({ label, labelText, maxWordCount, value, helperText, placeholder, onChange, setError, invalid, customError, readOnly, quillProps, }, ref) {
-    pkg.component.ToolbarGroup = pkg.component.Toolbar = pkg.component.ToolbarButton = true;
-    const labelValue = label || labelText;
-    const editorRef = useRef(null);
-    const [url, setUrl] = useState("");
-    const [wordCount, setWordCount] = useState(0);
-    const [savedSelection, setSavedSelection] = useState(null);
-    const [showUrlInput, setShowUrlInput] = useState(false);
-    const [noSelection, setNoSelection] = useState(false);
-    const quillRef = useRef(null);
-    useEffect(() => {
-        (async () => {
-            const { default: Quill } = await import('quill');
-            if (editorRef.current) {
-                const quill = new Quill(editorRef.current, {
-                    theme: "snow",
-                    modules: {
-                        toolbar: false,
-                    },
-                    placeholder: !readOnly ? placeholder : "",
-                    readOnly,
-                    ...quillProps,
-                });
-                quillRef.current = quill;
-                if (value) {
-                    const cleanHtml = sanitizeHtml(value, {
-                        allowedTags: ["p", "strong", "b", "i", "em", "u", "ol", "ul", "li", "a"],
-                        allowedAttributes: {
-                            a: ["href", "rel", "target"],
-                        },
-                    });
-                    quillRef.current.clipboard.dangerouslyPasteHTML(cleanHtml);
-                    const length = quillRef.current.getLength();
-                    quillRef.current.setSelection(length, 0);
-                    setWordCount(getWordCount());
-                    if (setError) {
-                        setError(maxWordCount && getWordCount() > maxWordCount);
-                    }
-                }
-                quill.on("text-change", () => {
-                    const currentCount = getWordCount();
-                    setWordCount(currentCount);
-                    const wordCountExceeded = maxWordCount && currentCount > maxWordCount;
-                    if (onChange && !wordCountExceeded) {
-                        onChange(quill.getSemanticHTML());
-                    }
-                    if (setError) {
-                        setError(wordCountExceeded);
-                    }
-                });
-            }
-        })()
-            .catch(error => {
-            console.error(error);
-        });
-    }, []);
-    const handleBold = () => {
-        quillRef.current?.format("bold", !quillRef.current.getFormat().bold);
-    };
-    const handleItalic = () => {
-        quillRef.current?.format("italic", !quillRef.current.getFormat().italic);
-    };
-    const handleUnderline = () => {
-        quillRef.current?.format("underline", !quillRef.current.getFormat().underline);
-    };
-    const handleOrderedList = () => {
-        quillRef.current?.format("list", "ordered");
-    };
-    const handleBulletList = () => {
-        quillRef.current?.format("list", "bullet");
-    };
-    const handleLinkBtn = () => {
-        const selection = quillRef.current?.getSelection();
-        if (selection && selection.length > 0) {
-            setSavedSelection(selection);
-            setShowUrlInput(true);
-        }
-        else {
-            setNoSelection(true);
-        }
-    };
-    const handleLinkInsert = () => {
-        if (url) {
-            const range = savedSelection || quillRef.current?.getSelection();
-            if (range?.length) {
-                quillRef.current?.formatText(range.index, range.length, "link", url);
-            }
-        }
-        setShowUrlInput(false);
-        setSavedSelection(null);
-        setUrl("");
-    };
-    const handleLinkCancel = () => {
-        setShowUrlInput(false);
-        setSavedSelection(null);
-        setUrl("");
-    };
-    const getWordCount = () => {
-        if (quillRef.current && maxWordCount) {
-            const text = quillRef.current.getText();
-            const words = text.trim().split(/\s+/);
-            return words.filter((word) => word.length > 0).length;
-        }
-        return 0;
-    };
-    const wordCountExceeded = maxWordCount && wordCount > maxWordCount;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `${prefix}--rich-text-editor-labels` },
-            labelValue ? (React.createElement("div", { "data-testid": "rich-text-editor-label", className: `${prefix}--label` }, labelValue)) : null,
-            maxWordCount ? (React.createElement("div", { "data-testid": "rich-text-editor-word-count", className: cx(`${prefix}--label`, { [`${prefix}--rich-text-editor-error`]: wordCount > maxWordCount }) }, `${wordCount}/${maxWordCount}`)) : null),
-        (!readOnly) ?
-            React.createElement(Toolbar, { className: `${prefix}--rich-text-editor-toolbar` },
-                React.createElement(ToolbarGroup, null,
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-bold-btn", onClick: handleBold, label: "Bold", renderIcon: (props) => React.createElement(TextBold, { size: 16, ...props }) }),
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-italic-btn", onClick: handleItalic, label: "Italic", renderIcon: (props) => React.createElement(TextItalic, { size: 16, ...props }) }),
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-underline-btn", onClick: handleUnderline, label: "Underline", renderIcon: (props) => React.createElement(TextUnderline, { size: 16, ...props }) }),
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-bullet-list-btn", onClick: handleBulletList, label: "Bulleted List", renderIcon: (props) => React.createElement(ListBulleted, { size: 16, ...props }) }),
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-numbered-list-btn", onClick: handleOrderedList, label: "Numbered List", renderIcon: (props) => React.createElement(ListNumbered, { size: 16, ...props }) }),
-                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-hyperlink-btn", onClick: () => handleLinkBtn(), label: "Hyperlink", renderIcon: (props) => React.createElement(Link, { size: 16, ...props }) })))
-            : null,
-        showUrlInput && (React.createElement("div", { className: `${prefix}--rich-text-editor-url-input` },
-            React.createElement(TextInput, { onChange: (e) => {
-                    setUrl(e.target.value);
-                }, id: "hyperlink-input", "data-testid": "rich-text-editor-hyperlink-input", placeholder: "Enter URL", size: "sm", type: "url", labelText: "" }),
-            React.createElement(Button, { "data-testid": "rich-text-editor-hyperlink-input-ok-btn", onClick: () => handleLinkInsert(), kind: "ghost", size: "sm" }, "OK"),
-            React.createElement(Button, { "data-testid": "rich-text-editor-hyperlink-input-cancel-btn", onClick: () => handleLinkCancel(), kind: "ghost", size: "sm" }, "Cancel"))),
-        React.createElement("div", { "data-testid": "rich-text-editor-text-area", className: cx({
-                [`${prefix}--rich-text-editor-error-border`]: wordCountExceeded,
-            }) },
-            React.createElement("div", { className: cx(`${prefix}--rich-text-editor`, {
-                    [`${prefix}--rich-text-editor-disabled`]: readOnly,
-                }), onFocus: () => setNoSelection(false), ref: editorRef })),
-        React.createElement("div", { "data-testid": "rich-text-editor-footer", className: `${prefix}--rich-text-editor-footer` },
-            !noSelection && !wordCountExceeded && helperText ? (React.createElement("div", { "data-testid": "rich-text-editor-helper-text", className: `${prefix}--label` }, helperText)) : null,
-            wordCountExceeded && !customError ? (React.createElement("div", { "data-testid": "rich-text-editor-wordCount-error", className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, "Exceeded Word Count")) : null,
-            noSelection ? (React.createElement("div", { "data-testid": "rich-text-editor-link-input-error", className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, "Select text before adding link")) : null,
-            invalid ? (React.createElement("div", { className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, customError)) : null)));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2025
+*/
+const RichTextAreaComponent = React.forwardRef(function RichTextAreaComponent({ label, labelText, maxWordCount, value, helperText, placeholder, onChange, setError, invalid, customError, readOnly, quillProps, }, ref) {
+    pkg.component.ToolbarGroup = pkg.component.Toolbar = pkg.component.ToolbarButton = true;
+    const labelValue = label || labelText;
+    const editorRef = useRef(null);
+    const [url, setUrl] = useState("");
+    const [wordCount, setWordCount] = useState(0);
+    const [savedSelection, setSavedSelection] = useState(null);
+    const [showUrlInput, setShowUrlInput] = useState(false);
+    const [noSelection, setNoSelection] = useState(false);
+    const quillRef = useRef(null);
+    useEffect(() => {
+        (async () => {
+            const { default: Quill } = await import('quill');
+            if (editorRef.current) {
+                const quill = new Quill(editorRef.current, {
+                    theme: "snow",
+                    modules: {
+                        toolbar: false,
+                    },
+                    placeholder: !readOnly ? placeholder : "",
+                    readOnly,
+                    ...quillProps,
+                });
+                quillRef.current = quill;
+                if (value) {
+                    const cleanHtml = sanitizeHtml(value, {
+                        allowedTags: ["p", "strong", "b", "i", "em", "u", "ol", "ul", "li", "a"],
+                        allowedAttributes: {
+                            a: ["href", "rel", "target"],
+                        },
+                    });
+                    quillRef.current.clipboard.dangerouslyPasteHTML(cleanHtml);
+                    const length = quillRef.current.getLength();
+                    quillRef.current.setSelection(length, 0);
+                    setWordCount(getWordCount());
+                    if (setError) {
+                        setError(maxWordCount && getWordCount() > maxWordCount);
+                    }
+                }
+                quill.on("text-change", () => {
+                    const currentCount = getWordCount();
+                    setWordCount(currentCount);
+                    const wordCountExceeded = maxWordCount && currentCount > maxWordCount;
+                    if (onChange && !wordCountExceeded) {
+                        onChange(quill.getSemanticHTML());
+                    }
+                    if (setError) {
+                        setError(wordCountExceeded);
+                    }
+                });
+            }
+        })()
+            .catch(error => {
+            console.error(error);
+        });
+    }, []);
+    const handleBold = () => {
+        quillRef.current?.format("bold", !quillRef.current.getFormat().bold);
+    };
+    const handleItalic = () => {
+        quillRef.current?.format("italic", !quillRef.current.getFormat().italic);
+    };
+    const handleUnderline = () => {
+        quillRef.current?.format("underline", !quillRef.current.getFormat().underline);
+    };
+    const handleOrderedList = () => {
+        quillRef.current?.format("list", "ordered");
+    };
+    const handleBulletList = () => {
+        quillRef.current?.format("list", "bullet");
+    };
+    const handleLinkBtn = () => {
+        const selection = quillRef.current?.getSelection();
+        if (selection && selection.length > 0) {
+            setSavedSelection(selection);
+            setShowUrlInput(true);
+        }
+        else {
+            setNoSelection(true);
+        }
+    };
+    const handleLinkInsert = () => {
+        if (url) {
+            const range = savedSelection || quillRef.current?.getSelection();
+            if (range?.length) {
+                quillRef.current?.formatText(range.index, range.length, "link", url);
+            }
+        }
+        setShowUrlInput(false);
+        setSavedSelection(null);
+        setUrl("");
+    };
+    const handleLinkCancel = () => {
+        setShowUrlInput(false);
+        setSavedSelection(null);
+        setUrl("");
+    };
+    const getWordCount = () => {
+        if (quillRef.current && maxWordCount) {
+            const text = quillRef.current.getText();
+            const words = text.trim().split(/\s+/);
+            return words.filter((word) => word.length > 0).length;
+        }
+        return 0;
+    };
+    const wordCountExceeded = maxWordCount && wordCount > maxWordCount;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `${prefix}--rich-text-editor-labels` },
+            labelValue ? (React.createElement("div", { "data-testid": "rich-text-editor-label", className: `${prefix}--label` }, labelValue)) : null,
+            maxWordCount ? (React.createElement("div", { "data-testid": "rich-text-editor-word-count", className: cx(`${prefix}--label`, { [`${prefix}--rich-text-editor-error`]: wordCount > maxWordCount }) }, `${wordCount}/${maxWordCount}`)) : null),
+        (!readOnly) ?
+            React.createElement(Toolbar, { className: `${prefix}--rich-text-editor-toolbar` },
+                React.createElement(ToolbarGroup, null,
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-bold-btn", onClick: handleBold, label: "Bold", renderIcon: (props) => React.createElement(TextBold, { size: 16, ...props }) }),
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-italic-btn", onClick: handleItalic, label: "Italic", renderIcon: (props) => React.createElement(TextItalic, { size: 16, ...props }) }),
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-underline-btn", onClick: handleUnderline, label: "Underline", renderIcon: (props) => React.createElement(TextUnderline, { size: 16, ...props }) }),
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-bullet-list-btn", onClick: handleBulletList, label: "Bulleted List", renderIcon: (props) => React.createElement(ListBulleted, { size: 16, ...props }) }),
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-numbered-list-btn", onClick: handleOrderedList, label: "Numbered List", renderIcon: (props) => React.createElement(ListNumbered, { size: 16, ...props }) }),
+                    React.createElement(ToolbarButton, { "data-testid": "rich-text-editor-hyperlink-btn", onClick: () => handleLinkBtn(), label: "Hyperlink", renderIcon: (props) => React.createElement(Link, { size: 16, ...props }) })))
+            : null,
+        showUrlInput && (React.createElement("div", { className: `${prefix}--rich-text-editor-url-input` },
+            React.createElement(TextInput, { onChange: (e) => {
+                    setUrl(e.target.value);
+                }, id: "hyperlink-input", "data-testid": "rich-text-editor-hyperlink-input", placeholder: "Enter URL", size: "sm", type: "url", labelText: "" }),
+            React.createElement(Button, { "data-testid": "rich-text-editor-hyperlink-input-ok-btn", onClick: () => handleLinkInsert(), kind: "ghost", size: "sm" }, "OK"),
+            React.createElement(Button, { "data-testid": "rich-text-editor-hyperlink-input-cancel-btn", onClick: () => handleLinkCancel(), kind: "ghost", size: "sm" }, "Cancel"))),
+        React.createElement("div", { "data-testid": "rich-text-editor-text-area", className: cx({
+                [`${prefix}--rich-text-editor-error-border`]: wordCountExceeded,
+            }) },
+            React.createElement("div", { className: cx(`${prefix}--rich-text-editor`, {
+                    [`${prefix}--rich-text-editor-disabled`]: readOnly,
+                }), onFocus: () => setNoSelection(false), ref: editorRef })),
+        React.createElement("div", { "data-testid": "rich-text-editor-footer", className: `${prefix}--rich-text-editor-footer` },
+            !noSelection && !wordCountExceeded && helperText ? (React.createElement("div", { "data-testid": "rich-text-editor-helper-text", className: `${prefix}--label` }, helperText)) : null,
+            wordCountExceeded && !customError ? (React.createElement("div", { "data-testid": "rich-text-editor-wordCount-error", className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, "Exceeded Word Count")) : null,
+            noSelection ? (React.createElement("div", { "data-testid": "rich-text-editor-link-input-error", className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, "Select text before adding link")) : null,
+            invalid ? (React.createElement("div", { className: cx(`${prefix}--label`, `${prefix}--rich-text-editor-error`) }, customError)) : null)));
 });
 
 export { RichTextAreaComponent as default };

package/dist/esm/components/SignOut/SignOut.js

@@ -4,33 +4,33 @@ import { Power } from '@carbon/react/icons';
 import HeaderMenuItem from '../Header/HeaderMenuItem.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function SignOut({ closeModal, isOpen, signOutLink }) {
-    return (React.createElement(ComposedModal, { "aria-label": "Sign out", open: isOpen, className: `${prefix}--bmrg-signout-container ${prefix}--bmrg-header-modal`, onClose: closeModal },
-        React.createElement(ModalHeader, { title: "Sign out", closeModal: closeModal }),
-        React.createElement(ModalBody, null,
-            React.createElement("div", { className: `${prefix}--bmrg-signout` },
-                React.createElement("p", { className: `${prefix}--bmrg-signout__message` }, "Are you sure you'd like to leave us?"))),
-        React.createElement(ModalFooter, null,
-            React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeModal }, "Cancel"),
-            React.createElement(Button, { kind: "primary", role: "link", href: signOutLink }, "Sign Out"))));
-}
-function SignOutMenuItem(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(Power, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, style: { color: "red" }, text: "Sign Out", type: "button", variant: "danger" }),
-        React.createElement(SignOut, { isOpen: isOpen, closeModal: handleClose, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function SignOut({ closeModal, isOpen, signOutLink }) {
+    return (React.createElement(ComposedModal, { "aria-label": "Sign out", open: isOpen, className: `${prefix}--bmrg-signout-container ${prefix}--bmrg-header-modal`, onClose: closeModal },
+        React.createElement(ModalHeader, { title: "Sign out", closeModal: closeModal }),
+        React.createElement(ModalBody, null,
+            React.createElement("div", { className: `${prefix}--bmrg-signout` },
+                React.createElement("p", { className: `${prefix}--bmrg-signout__message` }, "Are you sure you'd like to leave us?"))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { "data-modal-primary-focus": true, kind: "secondary", onClick: closeModal }, "Cancel"),
+            React.createElement(Button, { kind: "primary", role: "link", href: signOutLink }, "Sign Out"))));
+}
+function SignOutMenuItem(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(Power, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, style: { color: "red" }, text: "Sign Out", type: "button", variant: "danger" }),
+        React.createElement(SignOut, { isOpen: isOpen, closeModal: handleClose, ...props })));
 }
 
 export { SignOutMenuItem, SignOut as default };

package/dist/esm/components/SupportCenter/SupportCenter.js

@@ -6,71 +6,71 @@ import { useQueryClient, 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 SupportCenter({ closeModal, isOpen, supportRedirect, baseServicesUrl, enablePartner, partnerEmailId }) {
-    const [doNotAskAgain, setDoNotAskAgain] = React.useState(false);
-    const queryClient = useQueryClient();
-    const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
-    const handleCheckboxChange = (event) => {
-        const shouldNotAskAgain = event.target.checked;
-        setDoNotAskAgain(shouldNotAskAgain);
-        handleSubmit(!shouldNotAskAgain);
-    };
-    const { mutateAsync: mutateUserProfile, } = useMutation(resolver.patchUserProfile, {
-        onSuccess: () => {
-            queryClient.invalidateQueries(profileUrl);
-        },
-    });
-    async function handleSubmit(showSupport) {
-        const body = {
-            showSupport
-        };
-        try {
-            await mutateUserProfile({ baseServicesUrl, body });
-        }
-        catch (e) {
-            // noop
-        }
-    }
-    return (React.createElement(ComposedModal, { "aria-label": "SupportCenter", open: isOpen, className: `${prefix}--support-description-modal`, onClose: closeModal, onKeyDown: (e) => e.stopPropagation(), "data-testid": "composed-modal-supportcenter" },
-        React.createElement(ModalHeader, { "data-testid": "supportcenter-modal-header", title: "Having an issue?", closeModal: closeModal }),
-        React.createElement(ModalBody, null, enablePartner ?
-            React.createElement("div", { className: `${prefix}--bmrg-feedback` },
-                React.createElement("p", null,
-                    "Please email any issues with a description and images to",
-                    " " /* We need to force a space before the link tag */,
-                    React.createElement("a", { href: "mailto:ica-support@ibm.com" }, partnerEmailId),
-                    "."))
-            :
-                React.createElement("div", { className: `${prefix}--bmrg-feedback` },
-                    React.createElement("p", null, "Review your open cases or open a new case at IBM Support Center. For support tickets related to IBM Consulting Advantage, use Product \"Consulting Advantage\"."),
-                    "\u00A0",
-                    React.createElement(Checkbox, { id: "supportCheckboxId", "data-testid": "supportcenter-modal-checkbox", labelText: "Don't show again. Always proceed to IBM Support Center.", invalidText: "Error message goes here", onChange: handleCheckboxChange, checked: doNotAskAgain, warnText: "Warning message goes here" }))),
-        React.createElement(ModalFooter, null,
-            enablePartner ? "" : React.createElement(Button, { kind: "secondary", "data-testid": "supportcenter-modal-cancel-button", onClick: closeModal }, "Cancel"),
-            enablePartner ? React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-close-button", onClick: closeModal }, "Close") :
-                React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-continue-button", onClick: supportRedirect }, "Continue to IBM Support Center"))));
-}
-function SupportCenterMenuItem(props) {
-    const menuItemRef = React.useRef(null);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const handleClose = () => {
-        setIsOpen(false);
-        setTimeout(() => {
-            menuItemRef.current?.focus();
-        }, 0);
-    };
-    const supportHandle = () => {
-        window.open(props?.supportLink, '_blank', 'noopener,noreferrer');
-        handleClose();
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(HeaderMenuItem, { icon: React.createElement(HelpDesk, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Support Center", "data-testid": "supportcenter-modal-headermenuitem", type: "button" }),
-        React.createElement(SupportCenter, { isOpen: isOpen, closeModal: handleClose, supportRedirect: supportHandle, ...props })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function SupportCenter({ closeModal, isOpen, supportRedirect, baseServicesUrl, enablePartner, partnerEmailId }) {
+    const [doNotAskAgain, setDoNotAskAgain] = React.useState(false);
+    const queryClient = useQueryClient();
+    const profileUrl = serviceUrl.resourceUserProfile({ baseServicesUrl });
+    const handleCheckboxChange = (event) => {
+        const shouldNotAskAgain = event.target.checked;
+        setDoNotAskAgain(shouldNotAskAgain);
+        handleSubmit(!shouldNotAskAgain);
+    };
+    const { mutateAsync: mutateUserProfile, } = useMutation(resolver.patchUserProfile, {
+        onSuccess: () => {
+            queryClient.invalidateQueries(profileUrl);
+        },
+    });
+    async function handleSubmit(showSupport) {
+        const body = {
+            showSupport
+        };
+        try {
+            await mutateUserProfile({ baseServicesUrl, body });
+        }
+        catch (e) {
+            // noop
+        }
+    }
+    return (React.createElement(ComposedModal, { "aria-label": "SupportCenter", open: isOpen, className: `${prefix}--support-description-modal`, onClose: closeModal, onKeyDown: (e) => e.stopPropagation(), "data-testid": "composed-modal-supportcenter" },
+        React.createElement(ModalHeader, { "data-testid": "supportcenter-modal-header", title: "Having an issue?", closeModal: closeModal }),
+        React.createElement(ModalBody, null, enablePartner ?
+            React.createElement("div", { className: `${prefix}--bmrg-feedback` },
+                React.createElement("p", null,
+                    "Please email any issues with a description and images to",
+                    " " /* We need to force a space before the link tag */,
+                    React.createElement("a", { href: "mailto:ica-support@ibm.com" }, partnerEmailId),
+                    "."))
+            :
+                React.createElement("div", { className: `${prefix}--bmrg-feedback` },
+                    React.createElement("p", null, "Review your open cases or open a new case at IBM Support Center. For support tickets related to IBM Consulting Advantage, use Product \"Consulting Advantage\"."),
+                    "\u00A0",
+                    React.createElement(Checkbox, { id: "supportCheckboxId", "data-testid": "supportcenter-modal-checkbox", labelText: "Don't show again. Always proceed to IBM Support Center.", invalidText: "Error message goes here", onChange: handleCheckboxChange, checked: doNotAskAgain, warnText: "Warning message goes here" }))),
+        React.createElement(ModalFooter, null,
+            enablePartner ? "" : React.createElement(Button, { kind: "secondary", "data-testid": "supportcenter-modal-cancel-button", onClick: closeModal }, "Cancel"),
+            enablePartner ? React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-close-button", onClick: closeModal }, "Close") :
+                React.createElement(Button, { "data-modal-primary-focus": true, kind: "primary", "data-testid": "supportcenter-modal-continue-button", onClick: supportRedirect }, "Continue to IBM Support Center"))));
+}
+function SupportCenterMenuItem(props) {
+    const menuItemRef = React.useRef(null);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const handleClose = () => {
+        setIsOpen(false);
+        setTimeout(() => {
+            menuItemRef.current?.focus();
+        }, 0);
+    };
+    const supportHandle = () => {
+        window.open(props?.supportLink, '_blank', 'noopener,noreferrer');
+        handleClose();
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(HeaderMenuItem, { icon: React.createElement(HelpDesk, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "Support Center", "data-testid": "supportcenter-modal-headermenuitem", type: "button" }),
+        React.createElement(SupportCenter, { isOpen: isOpen, closeModal: handleClose, supportRedirect: supportHandle, ...props })));
 }
 
 export { SupportCenterMenuItem, SupportCenter as default };

package/dist/esm/components/TextArea/TextArea.js

@@ -4,22 +4,22 @@ import { Information } from '@carbon/react/icons';
 import TooltipHover from '../TooltipHover/TooltipHover.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const TextAreaComponent = React.forwardRef(function TextAreaComponent({ id, label, labelText, max, maxCount, tooltipClassName = `${prefix}--bmrg-text-area__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, ...textAreaProps }, ref) {
-    const labelValue = label || labelText;
-    const maxValue = max ?? maxCount;
-    // False for null and undefined. We help consumers out by allowing them to pass a max
-    const enableCounter = maxValue != null;
-    return (React.createElement("div", { key: id, className: `${prefix}--bmrg-text-area` },
-        React.createElement(TextArea, { id: id, labelText: labelValue && (React.createElement("div", { style: { display: "flex" } },
-                React.createElement("div", null, labelValue),
-                tooltipContent && (React.createElement("div", { className: tooltipClassName },
-                    React.createElement(TooltipHover, { ...tooltipProps, tooltipText: tooltipContent },
-                        React.createElement(Information, { size: 16, fill: "currentColor" })))))), ref: ref, value: value, maxCount: maxValue, enableCounter: enableCounter, ...textAreaProps })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const TextAreaComponent = React.forwardRef(function TextAreaComponent({ id, label, labelText, max, maxCount, tooltipClassName = `${prefix}--bmrg-text-area__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, value, ...textAreaProps }, ref) {
+    const labelValue = label || labelText;
+    const maxValue = max ?? maxCount;
+    // False for null and undefined. We help consumers out by allowing them to pass a max
+    const enableCounter = maxValue != null;
+    return (React.createElement("div", { key: id, className: `${prefix}--bmrg-text-area` },
+        React.createElement(TextArea, { id: id, labelText: labelValue && (React.createElement("div", { style: { display: "flex" } },
+                React.createElement("div", null, labelValue),
+                tooltipContent && (React.createElement("div", { className: tooltipClassName },
+                    React.createElement(TooltipHover, { ...tooltipProps, tooltipText: tooltipContent },
+                        React.createElement(Information, { size: 16, fill: "currentColor" })))))), ref: ref, value: value, maxCount: maxValue, enableCounter: enableCounter, ...textAreaProps })));
 });
 
 export { TextAreaComponent as default };

package/dist/esm/components/TextInput/TextInput.js

@@ -4,19 +4,19 @@ import { Information } from '@carbon/react/icons';
 import TooltipHover from '../TooltipHover/TooltipHover.js';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-const TextInputComponent = React.forwardRef(function TextInputComponent({ id, label, labelText, tooltipClassName = `${prefix}--bmrg-text-input__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, ...textInputProps }, ref) {
-    const labelValue = label || labelText;
-    return (React.createElement("div", { key: id, className: `${prefix}--bmrg-text-input` },
-        React.createElement(TextInput, { id: id, labelText: labelValue && (React.createElement("div", { className: `${prefix}--bmrg-text-input__label` },
-                React.createElement("div", null, labelValue),
-                tooltipContent && (React.createElement("div", { className: tooltipClassName },
-                    React.createElement(TooltipHover, { tooltipContent: tooltipContent, ...tooltipProps },
-                        React.createElement(Information, { size: 16, fill: "currentColor" })))))), ref: ref, ...textInputProps })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+const TextInputComponent = React.forwardRef(function TextInputComponent({ id, label, labelText, tooltipClassName = `${prefix}--bmrg-text-input__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, ...textInputProps }, ref) {
+    const labelValue = label || labelText;
+    return (React.createElement("div", { key: id, className: `${prefix}--bmrg-text-input` },
+        React.createElement(TextInput, { id: id, labelText: labelValue && (React.createElement("div", { className: `${prefix}--bmrg-text-input__label` },
+                React.createElement("div", null, labelValue),
+                tooltipContent && (React.createElement("div", { className: tooltipClassName },
+                    React.createElement(TooltipHover, { tooltipContent: tooltipContent, ...tooltipProps },
+                        React.createElement(Information, { size: 16, fill: "currentColor" })))))), ref: ref, ...textInputProps })));
 });
 
 export { TextInputComponent as default };

package/dist/esm/components/Toggle/Toggle.js

@@ -5,28 +5,28 @@ import TooltipHover from '../TooltipHover/TooltipHover.js';
 import cx from 'classnames';
 import { prefix } from '../../internal/settings.js';
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function ToggleComponent({ helperText, id, invalid, invalidText, reversed, label, labelText, labelA = "", labelB = "", orientation = "horizontal", tooltipClassName = `${prefix}--bmrg-toggle__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, ...toggleProps }) {
-    const labelValue = label || labelText;
-    const labelTextId = !labelValue ? undefined : `${id}-label`;
-    return (React.createElement("div", { className: `${prefix}--bmrg-toggle__container` },
-        React.createElement("div", { key: id, className: cx(`${prefix}--bmrg-toggle`, {
-                "--reversed": reversed,
-                "--vertical": orientation === "vertical",
-            }) },
-            labelValue && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: `${prefix}--bmrg-toggle__title` },
-                    React.createElement("label", { id: labelTextId, className: `${prefix}--label`, htmlFor: id, style: { marginBottom: "0" } }, labelValue),
-                    tooltipContent && (React.createElement("div", { className: tooltipClassName },
-                        React.createElement(TooltipHover, { ...tooltipProps, tooltipText: tooltipContent },
-                            React.createElement(Information, { size: 16, fill: "currentColor" }))))))),
-            React.createElement(Toggle, { id: id, "aria-labelledby": labelTextId, labelA: labelA, labelB: labelB, labelText: "", ...toggleProps })),
-        invalid && (React.createElement("div", { className: cx(`${prefix}--bmrg-toggle__invalid-text`, `${prefix}--form-requirement`), style: { marginBottom: "0" } }, invalidText)),
-        helperText && !invalid && (React.createElement("div", { className: `${prefix}--form__helper-text`, style: { marginBottom: "0" } }, helperText))));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function ToggleComponent({ helperText, id, invalid, invalidText, reversed, label, labelText, labelA = "", labelB = "", orientation = "horizontal", tooltipClassName = `${prefix}--bmrg-toggle__tooltip`, tooltipContent, tooltipProps = { direction: "top" }, ...toggleProps }) {
+    const labelValue = label || labelText;
+    const labelTextId = !labelValue ? undefined : `${id}-label`;
+    return (React.createElement("div", { className: `${prefix}--bmrg-toggle__container` },
+        React.createElement("div", { key: id, className: cx(`${prefix}--bmrg-toggle`, {
+                "--reversed": reversed,
+                "--vertical": orientation === "vertical",
+            }) },
+            labelValue && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: `${prefix}--bmrg-toggle__title` },
+                    React.createElement("label", { id: labelTextId, className: `${prefix}--label`, htmlFor: id, style: { marginBottom: "0" } }, labelValue),
+                    tooltipContent && (React.createElement("div", { className: tooltipClassName },
+                        React.createElement(TooltipHover, { ...tooltipProps, tooltipText: tooltipContent },
+                            React.createElement(Information, { size: 16, fill: "currentColor" }))))))),
+            React.createElement(Toggle, { id: id, "aria-labelledby": labelTextId, labelA: labelA, labelB: labelB, labelText: "", ...toggleProps })),
+        invalid && (React.createElement("div", { className: cx(`${prefix}--bmrg-toggle__invalid-text`, `${prefix}--form-requirement`), style: { marginBottom: "0" } }, invalidText)),
+        helperText && !invalid && (React.createElement("div", { className: `${prefix}--form__helper-text`, style: { marginBottom: "0" } }, helperText))));
 }
 
 export { ToggleComponent as default };