@mxenabled/connect-widget 0.8.0 → 0.9.1

package/dist/index.es.js

@@ -14369,7 +14369,7 @@ const Spinner = ({ bgColor, fgColor, size = 64 }) => {
   const tokens = useTokens();
   const bg = bgColor || "transparent";
   const fg = fgColor || tokens.TextColor.Default;
-  const styles = getStyles$1C(bg, fg, size);
+  const styles = getStyles$1E(bg, fg, size);
   const RANDOM_NUMBER = Math.random();
   const idCutOff = `cut-off-${RANDOM_NUMBER}`;
   const idSpinGradient = `spin-gradient-${RANDOM_NUMBER}`;
@@ -14416,7 +14416,7 @@ const animationModulate = dist.keyframes("modulate", {
   "30%": { strokeDashoffset: 160 },
   "100%": { strokeDashoffset: 270 }
 });
-const getStyles$1C = (bgColor, fgColor, size) => ({
+const getStyles$1E = (bgColor, fgColor, size) => ({
   ring: {
     animation: `1.6s linear infinite ${animationRotate}`,
     width: size,
@@ -14474,7 +14474,7 @@ dist.keyframes("pulse", {
 
 const LoadingSpinner = ({ showText = false, size = 48 }) => {
   const tokens = useTokens();
-  const styles = getStyles$1B(tokens);
+  const styles = getStyles$1D(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Spinner,
@@ -14487,7 +14487,7 @@ const LoadingSpinner = ({ showText = false, size = 48 }) => {
     showText && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.text, children: __("Loading ...") })
   ] });
 };
-const getStyles$1B = (tokens) => {
+const getStyles$1D = (tokens) => {
   return {
     container: {
       backgroundColor: tokens.BackgroundColor.Container,
@@ -45255,7 +45255,7 @@ const AuthenticationMethods = {
 
 const GenericError = ({ loadError, onAnalyticPageview, subtitle, title }) => {
   const tokens = useTokens();
-  const styles = getStyles$1A(tokens);
+  const styles = getStyles$1C(tokens);
   useEffect(() => {
     if (!isRunningE2ETests())
       onAnalyticPageview(
@@ -45281,7 +45281,7 @@ const GenericError = ({ loadError, onAnalyticPageview, subtitle, title }) => {
     subtitle && /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "h2", truncate: false, variant: "Paragraph", children: subtitle })
   ] });
 };
-function getStyles$1A(tokens) {
+function getStyles$1C(tokens) {
   return {
     container: {
       backgroundColor: tokens.BackgroundColor.Container,
@@ -49103,10 +49103,10 @@ const fadeOut = (el, direction = "up", duration = 500) => {
 };
 
 const SlideDown = ({ delay = 0, duration = 300, children }) => {
-  const styles = getStyles$1z(delay, duration);
+  const styles = getStyles$1B(delay, duration);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles, children });
 };
-const getStyles$1z = (delay, duration) => {
+const getStyles$1B = (delay, duration) => {
   const slideAnimation = dist.keyframes({
     from: {
       opacity: 0,
@@ -49193,14 +49193,14 @@ const propTypes$2 = {
 const ConnectInstitutionHeader = (props) => {
   const colorScheme = useSelector(selectColorScheme);
   useTokens();
-  const styles = getStyles$1y();
+  const styles = getStyles$1A();
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "disclosure-svg-header", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.backdropImage, children: [
     colorScheme === COLOR_SCHEME.LIGHT ? /* @__PURE__ */ jsxRuntimeExports.jsx(SvgHeaderBackdropLight, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgHeaderBackdropDark, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.device, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgHeaderDevice, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.institutionLogo, children: props.institutionGuid ? /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionLogo, { alt: "", institutionGuid: props.institutionGuid, size: 64 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgHeaderDefaultInstitution, {}) })
   ] }) });
 };
-function getStyles$1y() {
+function getStyles$1A() {
   const maxHeight = "64px";
   const maxWidth = "240px";
   return {
@@ -49247,7 +49247,7 @@ const GoBackButton = forwardRef((props, ref) => {
   const defaultRef = useRef(null);
   const { handleGoBack } = props;
   const tokens = useTokens();
-  const styles = getStyles$1x(tokens);
+  const styles = getStyles$1z(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     IconButton$1,
     {
@@ -49267,7 +49267,7 @@ const GoBackButton = forwardRef((props, ref) => {
     }
   );
 });
-const getStyles$1x = (tokens) => ({
+const getStyles$1z = (tokens) => ({
   height: "44px",
   margin: `0px ${tokens.Spacing.XSmall}px ${tokens.Spacing.XSmall}px -${tokens.Spacing.Medium}px`,
   padding: `0px 8px`,
@@ -49280,7 +49280,7 @@ GoBackButton.displayName = "GoBackButton";
 
 const LeavingNoticeFlat = ({ onContinue, onCancel, portalTo = "connect-wrapper" }) => {
   const tokens = useTokens();
-  const styles = getStyles$1w(tokens);
+  const styles = getStyles$1y(tokens);
   const getNextDelay = getDelay();
   return createPortal(
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "alert", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.content, children: [
@@ -49342,7 +49342,7 @@ const LeavingNoticeFlat = ({ onContinue, onCancel, portalTo = "connect-wrapper"
     document.getElementById(portalTo)
   );
 };
-const getStyles$1w = (tokens) => {
+const getStyles$1y = (tokens) => {
   return {
     container: {
       top: 0,
@@ -51130,7 +51130,7 @@ const PrivacyPolicy = () => {
   const [currentUrl, setCurrentUrl] = useState(null);
   const getNextDelay = getDelay();
   const tokens = useTokens();
-  const styles = getStyles$1v(tokens);
+  const styles = getStyles$1x(tokens);
   const handleLinkClick = (url, isExternalUrl = true) => {
     const newUrl = { url, isExternalUrl };
     if (showExternalLinkPopup) {
@@ -51215,7 +51215,7 @@ const PrivacyPolicy = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: privacyData.body.map((el, i) => buildElementJSX(el, i)) })
   ] }) });
 };
-const getStyles$1v = (tokens) => ({
+const getStyles$1x = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -51283,7 +51283,7 @@ MXLogo.displayName = "MXLogo";
 
 const PoweredByMXText = () => {
   const tokens = useTokens();
-  const styles = getStyles$1u(tokens);
+  const styles = getStyles$1w(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.poweredBy, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: styles.accessibleAriaLabel, children: `${__("Data access by")} MX` }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -51305,7 +51305,7 @@ const PoweredByMXText = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(MXLogo, { color: tokens.TextColor.Default, size: 25 })
   ] });
 };
-const getStyles$1u = (tokens) => {
+const getStyles$1w = (tokens) => {
   return {
     accessibleAriaLabel: {
       position: "absolute",
@@ -51337,7 +51337,7 @@ const Disclosure = React__default.forwardRef((props, disclosureRef) => {
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_DISCLOSURE);
   const tokens = useTokens();
-  const styles = getStyles$1t(tokens);
+  const styles = getStyles$1v(tokens);
   const getNextDelay = getDelay();
   const [showPrivacyPolicy, setShowPrivacyPolicy] = useState(false);
   const IS_IN_AGG_MODE = mode === AGG_MODE;
@@ -51444,7 +51444,7 @@ const Disclosure = React__default.forwardRef((props, disclosureRef) => {
     }
   );
 });
-const getStyles$1t = (tokens) => {
+const getStyles$1v = (tokens) => {
   return {
     svg: {
       margin: `${tokens.Spacing.Large}px auto 0`,
@@ -53521,7 +53521,7 @@ ToggleBase.displayName = "ToggleBase";
 const CheckBox = ({ className = "", error, labelPosition = LEFT, size = 16, ...rest }) => {
   const isLabelLeft = labelPosition === LEFT;
   const tokens = useTokens();
-  const styles = getStyles$1s(tokens, size, isLabelLeft, error);
+  const styles = getStyles$1u(tokens, size, isLabelLeft, error);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ToggleBase,
     {
@@ -53543,7 +53543,7 @@ const CheckBox = ({ className = "", error, labelPosition = LEFT, size = 16, ...r
     }
   );
 };
-const getStyles$1s = (tokens, size, isLabelLeft, error) => ({
+const getStyles$1u = (tokens, size, isLabelLeft, error) => ({
   container: {
     "& > input + .togglebase-label:before": {
       boxSizing: "border-box",
@@ -53671,7 +53671,7 @@ const TextInput = forwardRef(
     const tokens = useTokens();
     const labelWidth = !maxLabelWidth ? DEFAULT_LABEL_WIDTH : maxLabelWidth;
     const isMultilineLabel = label?.length > labelWidth ? -tokens.Spacing.Medium : -tokens.Spacing.XSmall;
-    const styles = getStyles$1r(tokens, label, showSecondaryLabelBackground, isMultilineLabel);
+    const styles = getStyles$1t(tokens, label, showSecondaryLabelBackground, isMultilineLabel);
     const defaultRef = useRef();
     const inputRef = ref || defaultRef;
     const inputId = id || name;
@@ -53734,7 +53734,7 @@ const TextInput = forwardRef(
     );
   }
 );
-const getStyles$1r = (tokens, label, showSecondaryLabelBackground, isMultilineLabel) => {
+const getStyles$1t = (tokens, label, showSecondaryLabelBackground, isMultilineLabel) => {
   return {
     container: {
       // paragraph tag reset
@@ -53945,7 +53945,7 @@ const filterValue = (value) => {
 const ColorInput = forwardRef(
   ({ className = "", label, onChange, style, value, ...rest }, ref) => {
     const tokens = useTokens();
-    const styles = getStyles$1q(tokens, { value });
+    const styles = getStyles$1s(tokens, { value });
     const defaultRef = useRef();
     const inputRef = ref || defaultRef;
     const handleChange = (e) => {
@@ -53970,7 +53970,7 @@ const ColorInput = forwardRef(
     ] });
   }
 );
-const getStyles$1q = (tokens, { value }) => {
+const getStyles$1s = (tokens, { value }) => {
   return {
     display: "flex",
     alignItems: "flex-end",
@@ -54072,7 +54072,7 @@ const PasswordInput = forwardRef(
     const [showPassword, setShowPassword] = useState(false);
     const defaultRef = useRef(0);
     const inputRef = ref || defaultRef;
-    const styles = getStyles$1p(tokens);
+    const styles = getStyles$1r(tokens);
     const [capsLockDetected, setCapsLockDetected] = useState(false);
     const [validationState, setValidationState] = useState(DEFAULT_VALIDATION_STATE$1);
     const [warningMessage, setWarningMessage] = useState("");
@@ -54158,7 +54158,7 @@ const PasswordInput = forwardRef(
     );
   }
 );
-const getStyles$1p = (tokens) => ({
+const getStyles$1r = (tokens) => ({
   button: {
     color: tokens.TextColor.ButtonTransparent,
     border: "none",
@@ -54214,7 +54214,7 @@ PasswordInput.displayName = "PasswordInput";
 const Radio = ({ className = "", labelPosition = LEFT, size = 16, ...rest }) => {
   const isLabelLeft = labelPosition === LEFT;
   const tokens = useTokens();
-  const styles = getStyles$1o(tokens, size, isLabelLeft);
+  const styles = getStyles$1q(tokens, size, isLabelLeft);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ToggleBase,
     {
@@ -54227,7 +54227,7 @@ const Radio = ({ className = "", labelPosition = LEFT, size = 16, ...rest }) =>
     }
   );
 };
-const getStyles$1o = (tokens, size, isLabelLeft) => ({
+const getStyles$1q = (tokens, size, isLabelLeft) => ({
   container: {
     "& > input + label": {
       display: "inline-block"
@@ -57265,13 +57265,13 @@ const itemShape = PropTypes$1.shape({
 
 const DescriptionText = ({ buttonPropsId, showDescriptionIcon, description }) => {
   const tokens = useTokens();
-  const styles = getStyles$1n(tokens);
+  const styles = getStyles$1p(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: dist.css(styles.textContainer), id: `${buttonPropsId}-description`, children: [
     showDescriptionIcon ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: dist.css(styles.textIconContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Help, { color: tokens.TextColor.InputLabel, size: 12 }) }) : null,
     description
   ] });
 };
-const getStyles$1n = (tokens) => ({
+const getStyles$1p = (tokens) => ({
   textContainer: {
     display: "flex",
     marginTop: tokens.Spacing.Tiny,
@@ -57294,13 +57294,13 @@ DescriptionText.propTypes = {
 
 const ErrorText = ({ buttonPropsId, showErrorIcon, errorText }) => {
   const tokens = useTokens();
-  const styles = getStyles$1m(tokens);
+  const styles = getStyles$1o(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: dist.css(styles.errorContainer), id: `${buttonPropsId}-error`, children: [
     showErrorIcon ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: dist.css(styles.textIconContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseFilled, { color: tokens.TextColor.Error, size: 12 }) }) : null,
     errorText
   ] });
 };
-const getStyles$1m = (tokens) => ({
+const getStyles$1o = (tokens) => ({
   errorContainer: {
     display: "flex",
     marginTop: tokens.Spacing.Tiny,
@@ -57588,7 +57588,7 @@ const Select = ({
   });
   const tokens = useTokens();
   const labelPosition = label?.length > LABEL_LENGTH ? -tokens.Spacing.Medium : -tokens.Spacing.XSmall;
-  const styles = getStyles$1l(tokens, labelPosition, label, showSecondaryLabelBackground);
+  const styles = getStyles$1n(tokens, labelPosition, label, showSecondaryLabelBackground);
   const buttonProps = getToggleButtonProps({
     disabled: isDisabled,
     name
@@ -57684,7 +57684,7 @@ const Select = ({
     }
   );
 };
-const getStyles$1l = (tokens, labelPosition, label, showSecondaryLabelBackground) => {
+const getStyles$1n = (tokens, labelPosition, label, showSecondaryLabelBackground) => {
   return {
     container: {
       "& p": {
@@ -57876,7 +57876,7 @@ const SelectionBox = ({
   variant = "radio"
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$1k(borderType, checked, children, disabled, error, tokens);
+  const styles = getStyles$1m(borderType, checked, children, disabled, error, tokens);
   const [isFocused, setIsFocused] = useState(false);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "label",
@@ -57927,7 +57927,7 @@ const SelectionBox = ({
     }
   );
 };
-const getStyles$1k = (borderType, checked, children, disabled, error, tokens) => ({
+const getStyles$1m = (borderType, checked, children, disabled, error, tokens) => ({
   wrapper: {
     display: "flex",
     flexDirection: "column",
@@ -58355,7 +58355,7 @@ const FeedbackRadioButton = ({
     }
   };
   const tokens = useTokens();
-  const styles = getStyles$1j(tokens);
+  const styles = getStyles$1l(tokens);
   useEffect(() => {
     let feedbackIcon = null;
     if (checked[variant]) {
@@ -58402,7 +58402,7 @@ FeedbackRadioButton.propTypes = {
   value: PropTypes$1.number.isRequired,
   variant: PropTypes$1.string
 };
-const getStyles$1j = (tokens) => {
+const getStyles$1l = (tokens) => {
   return {
     wrapper: {
       cursor: "pointer",
@@ -58498,7 +58498,7 @@ const UserFeedback = ({
   };
   const [checked, setChecked] = useState(DEFAULT_CHECKED_STATE);
   const tokens = useTokens();
-  const styles = getStyles$1i(tokens, hasVisibleLables(feedbackLabels));
+  const styles = getStyles$1k(tokens, hasVisibleLables(feedbackLabels));
   const onChangeHandler = (e) => {
     const checkedVariant = e.target.id;
     const value = e.target.value;
@@ -58576,7 +58576,7 @@ const UserFeedback = ({
     )
   ] });
 };
-const getStyles$1i = (tokens, hasVisibleLables2) => ({
+const getStyles$1k = (tokens, hasVisibleLables2) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-around",
@@ -58705,7 +58705,7 @@ const InstitutionGridTile = (props) => {
   const width = trueWidth > 400 ? 400 : trueWidth;
   const numColumns = width >= 360 ? 4 : 3;
   const containerWidth = width >= 360 ? (width - margin) / numColumns : (width - margin) / numColumns;
-  const styles = getStyles$1h(tokens, containerWidth);
+  const styles = getStyles$1j(tokens, containerWidth);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$1,
     {
@@ -58746,7 +58746,7 @@ const InstitutionGridTile = (props) => {
     }
   );
 };
-const getStyles$1h = (tokens, width) => {
+const getStyles$1j = (tokens, width) => {
   return {
     container: {
       padding: `${tokens.Spacing.Tiny}px ${tokens.Spacing.Tiny}px 0px`,
@@ -58811,7 +58811,7 @@ const InstituionGrid = (props) => {
   const clientUsesOauth = useSelector((state) => state.profiles.clientProfile.uses_oauth ?? false);
   const width = trueWidth;
   const fourColumns = width >= 360;
-  const styles = getStyles$1g(fourColumns);
+  const styles = getStyles$1i(fourColumns);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.gridContainer, children: institutions.map((institution, i) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       InstitutionGridTile,
@@ -58830,7 +58830,7 @@ const InstituionGrid = (props) => {
     ) }, `${i}-${institution.guid}`);
   }) });
 };
-const getStyles$1g = (fourColumns) => {
+const getStyles$1i = (fourColumns) => {
   return {
     gridContainer: {
       display: "grid",
@@ -58856,7 +58856,7 @@ const PopularInstitutionsList = (props) => {
   } = props;
   const getNextDelay = getDelay();
   const tokens = useTokens();
-  const styles = getStyles$1f(tokens);
+  const styles = getStyles$1h(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.listContainer, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       InstituionGrid,
@@ -58889,7 +58889,7 @@ const PopularInstitutionsList = (props) => {
     ] })
   ] });
 };
-const getStyles$1f = (tokens) => {
+const getStyles$1h = (tokens) => {
   return {
     listContainer: {
       display: "flex",
@@ -58965,7 +58965,7 @@ const formatUrl = (url) => {
 const InstitutionTile = (props) => {
   const { institution, selectInstitution, size } = props;
   const tokens = useTokens();
-  const styles = getStyles$1e(tokens);
+  const styles = getStyles$1g(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$1,
     {
@@ -59018,7 +59018,7 @@ const InstitutionTile = (props) => {
     }
   );
 };
-const getStyles$1e = (tokens) => {
+const getStyles$1g = (tokens) => {
   return {
     container: {
       height: "72px",
@@ -59096,7 +59096,7 @@ const SearchedInstitutionsList = (props) => {
     setAriaLiveRegionMessage
   } = props;
   const tokens = useTokens();
-  const styles = getStyles$1d(tokens);
+  const styles = getStyles$1f(tokens);
   const getNextDelay = getDelay();
   const clientUsesOauth = useSelector((state) => state.profiles.clientProfile.uses_oauth ?? false);
   const [currentPage, setCurrentPage] = useState(SEARCH_PAGE_DEFAULT);
@@ -59190,7 +59190,7 @@ const SearchedInstitutionsList = (props) => {
     ] })
   ] });
 };
-const getStyles$1d = (tokens) => {
+const getStyles$1f = (tokens) => {
   return {
     container: {
       background: tokens.BackgroundColor.Container,
@@ -59247,7 +59247,7 @@ const SearchNoResult = (props) => {
   } = props;
   const timerRef = useRef(null);
   const tokens = useTokens();
-  const styles = getStyles$1c(tokens);
+  const styles = getStyles$1e(tokens);
   useEffect(() => {
     timerRef.current = setTimeout(() => {
       setAriaLiveRegionMessage(__("No results found for ”%1”", props.searchTerm));
@@ -59312,7 +59312,7 @@ const SearchNoResult = (props) => {
     ] })
   ] });
 };
-const getStyles$1c = (tokens) => {
+const getStyles$1e = (tokens) => {
   return {
     container: {
       overflow: "auto",
@@ -59351,7 +59351,7 @@ SearchNoResult.propTypes = {
 const SearchFailed = () => {
   useAnalyticsPath(...PageviewInfo.CONNECT_SEARCH_FAILED);
   const tokens = useTokens();
-  const styles = getStyles$1b(tokens);
+  const styles = getStyles$1d(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.iconContainer, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: tokens.Color.NeutralWhite, size: 24 }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.textContainer, children: [
@@ -59360,7 +59360,7 @@ const SearchFailed = () => {
     ] })
   ] });
 };
-const getStyles$1b = (tokens) => {
+const getStyles$1d = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -59426,10 +59426,10 @@ const getFlexAlignmentCss = (alignmentKey) => {
 
 const BaseLeft = ({ children, gap, alignSelf, ...rest }) => {
   const tokens = useTokens();
-  const styles = getStyles$1a(gap, tokens, alignSelf);
+  const styles = getStyles$1c(gap, tokens, alignSelf);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `kyper-utilityrow-base-left ${dist.css(styles.baseLeft)}`, ...rest, children });
 };
-const getStyles$1a = (gap, tokens, alignSelf) => {
+const getStyles$1c = (gap, tokens, alignSelf) => {
   const alignmentCss = getFlexAlignmentCss(alignSelf);
   return {
     baseLeft: {
@@ -59517,7 +59517,7 @@ const Text = forwardRef(
   }, ref) => {
     const tokens = useTokens();
     const componentAs = as || tagMapper[Element];
-    const styles = getStyles$19(tokens, componentAs);
+    const styles = getStyles$1b(tokens, componentAs);
     const defaultRef = useRef();
     const textRef = ref || defaultRef;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -59531,7 +59531,7 @@ const Text = forwardRef(
     );
   }
 );
-const getStyles$19 = (tokens, as) => ({
+const getStyles$1b = (tokens, as) => ({
   wrapper: {
     marginTop: 0,
     marginRight: 0,
@@ -59613,13 +59613,13 @@ const LINK_VARIANTS = {
 
 const BaseMiddle = ({ textColor, subTitle, title, ...rest }) => {
   const tokens = useTokens();
-  const styles = getStyles$18(tokens);
+  const styles = getStyles$1a(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `kyper-utilityrow-base-middle ${dist.css(styles.baseMiddle)}`, ...rest, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "Body", bold: !!subTitle, color: textColor, "data-ui-test": "kyper-utilityrow-title", children: title }),
     subTitle && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "XSmall", color: textColor, "data-ui-test": "kyper-utilityrow-subtitle", children: subTitle })
   ] });
 };
-const getStyles$18 = (tokens) => {
+const getStyles$1a = (tokens) => {
   return {
     baseMiddle: {
       display: "flex",
@@ -59641,10 +59641,10 @@ BaseMiddle.displayName = "BaseMiddle";
 
 const BaseRight = ({ alignSelf, children, gap, ...rest }) => {
   const tokens = useTokens();
-  const styles = getStyles$17(alignSelf, gap, tokens);
+  const styles = getStyles$19(alignSelf, gap, tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `kyper-utilityrow-base-right ${dist.css(styles.baseRight)}`, ...rest, children });
 };
-const getStyles$17 = (alignSelf, gap, tokens) => {
+const getStyles$19 = (alignSelf, gap, tokens) => {
   const alignmentCss = getFlexAlignmentCss(alignSelf);
   return {
     baseRight: {
@@ -59681,7 +59681,7 @@ const BaseRow = ({
   ...rest
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$16(leftChildren, tokens);
+  const styles = getStyles$18(leftChildren, tokens);
   const Element = onClick ? "button" : "div";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Element,
@@ -59710,7 +59710,7 @@ const BaseRow = ({
     }
   );
 };
-const getStyles$16 = (leftChildren, tokens) => dist.css({
+const getStyles$18 = (leftChildren, tokens) => dist.css({
   minHeight: 64,
   width: "100%",
   boxSizing: "border-box",
@@ -59869,7 +59869,7 @@ const SupportMenu = React__default.forwardRef((props, menuRef) => {
   const { selectGeneralSupport, selectRequestInstitution } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_SUPPORT_MENU);
   const tokens = useTokens();
-  const styles = getStyles$15(tokens);
+  const styles = getStyles$17(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: menuRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(x, { style: styles.title, truncate: false, variant: "H2", children: __("Get help") }) }),
@@ -59897,7 +59897,7 @@ const SupportMenu = React__default.forwardRef((props, menuRef) => {
     ] })
   ] });
 });
-const getStyles$15 = (tokens) => ({
+const getStyles$17 = (tokens) => ({
   title: {
     display: "block",
     marginBottom: tokens.Spacing.XSmall
@@ -59911,7 +59911,7 @@ SupportMenu.displayName = "SupportMenu";
 
 const PrivateAndSecure = ({ style }) => {
   const tokens = useTokens();
-  const styles = getStyles$14(tokens);
+  const styles = getStyles$16(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -59925,7 +59925,7 @@ const PrivateAndSecure = ({ style }) => {
     }
   );
 };
-const getStyles$14 = (tokens) => ({
+const getStyles$16 = (tokens) => ({
   secureSeal: {
     alignContent: "center",
     color: tokens.TextColor.InputLabel,
@@ -59942,7 +59942,7 @@ const getStyles$14 = (tokens) => ({
 const AriaLive = ({ level = "polite", message = "", timeout = 0, ...rest }) => {
   const [ariaLiveRegionMessage, setAriaLiveRegionMessage] = useState("");
   const timerRef = useRef();
-  const styles = getStyles$13();
+  const styles = getStyles$15();
   useEffect(() => {
     timerRef.current = setTimeout(() => {
       setAriaLiveRegionMessage(message);
@@ -59954,7 +59954,7 @@ const AriaLive = ({ level = "polite", message = "", timeout = 0, ...rest }) => {
   }, [message]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-live": level, style: styles.accessibilityStyles, ...rest, children: ariaLiveRegionMessage });
 };
-const getStyles$13 = () => {
+const getStyles$15 = () => {
   return {
     accessibilityStyles: {
       border: 0,
@@ -61134,7 +61134,7 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
     initialForm
   );
   const tokens = useTokens();
-  const styles = getStyles$12(tokens);
+  const styles = getStyles$14(tokens);
   const getNextDelay = getDelay();
   useEffect(() => {
     if (submitting) {
@@ -61265,7 +61265,7 @@ const RequestInstitution = React__default.forwardRef((props, requestInstitutionR
     ] })
   ] });
 });
-const getStyles$12 = (tokens) => ({
+const getStyles$14 = (tokens) => ({
   title: {
     display: "block",
     marginBottom: tokens.Spacing.XSmall
@@ -61327,7 +61327,7 @@ const GeneralSupport = React__default.forwardRef((props, generalSupportRef) => {
     initialForm
   );
   const tokens = useTokens();
-  const styles = getStyles$11(tokens);
+  const styles = getStyles$13(tokens);
   const getNextDelay = getDelay();
   useEffect(() => {
     if (submitting) {
@@ -61437,7 +61437,7 @@ const GeneralSupport = React__default.forwardRef((props, generalSupportRef) => {
     )
   ] });
 });
-const getStyles$11 = (tokens) => ({
+const getStyles$13 = (tokens) => ({
   title: {
     display: "block",
     marginBottom: tokens.Spacing.XSmall
@@ -61471,7 +61471,7 @@ const SupportSuccess = React__default.forwardRef((props, supportSuccessRef) => {
   const { email, handleClose } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_SUPPORT_SUCCESS);
   const tokens = useTokens();
-  const styles = getStyles$10(tokens);
+  const styles = getStyles$12(tokens);
   const getNextDelay = getDelay();
   const onClose = () => fadeOut(supportSuccessRef.current, "up", 300).then(() => handleClose());
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: supportSuccessRef, children: [
@@ -61498,7 +61498,7 @@ const SupportSuccess = React__default.forwardRef((props, supportSuccessRef) => {
     ] })
   ] });
 });
-const getStyles$10 = (tokens) => ({
+const getStyles$12 = (tokens) => ({
   title: {
     display: "block",
     marginBottom: tokens.Spacing.XSmall
@@ -61533,7 +61533,7 @@ const Support = React__default.forwardRef((props, supportNavRef) => {
   const generalSupportRef = useRef(null);
   const supportSuccessRef = useRef(null);
   const tokens = useTokens();
-  const styles = getStyles$$(tokens);
+  const styles = getStyles$11(tokens);
   useImperativeHandle(supportNavRef, () => {
     return {
       handleCloseSupport() {
@@ -61595,7 +61595,7 @@ const Support = React__default.forwardRef((props, supportNavRef) => {
     )
   ] }) });
 });
-const getStyles$$ = (tokens) => ({
+const getStyles$11 = (tokens) => ({
   container: {
     backgroundColor: tokens.BackgroundColor.Container,
     minHeight: "100%",
@@ -61842,7 +61842,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
     }
   }, 500);
   const tokens = useTokens();
-  const styles = getStyles$_(tokens, state.currentView);
+  const styles = getStyles$10(tokens, state.currentView);
   if (state.currentView === SEARCH_VIEWS.OOPS) {
     throw state.error;
   }
@@ -61963,7 +61963,7 @@ const Search$2 = React__default.forwardRef((props, navigationRef) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message: ariaLiveRegionMessage })
   ] });
 });
-const getStyles$_ = (tokens) => {
+const getStyles$10 = (tokens) => {
   return {
     searchBar: {
       marginBottom: `${tokens.Spacing.Small}px`
@@ -62066,7 +62066,7 @@ const Button = forwardRef(
     ...rest
   }, ref) => {
     const tokens = useTokens();
-    const styles = getStyles$Z(tokens, disabled, size);
+    const styles = getStyles$$(tokens, disabled, size);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -62081,7 +62081,7 @@ const Button = forwardRef(
     );
   }
 );
-const getStyles$Z = (tokens, disabled, size) => ({
+const getStyles$$ = (tokens, disabled, size) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -62280,7 +62280,7 @@ const IconButton = forwardRef(
     ...rest
   }, ref) => {
     const tokens = useTokens();
-    const styles = getStyles$Y(tokens, { disabled, largeTouchTarget, variant });
+    const styles = getStyles$_(tokens, { disabled, largeTouchTarget, variant });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -62295,7 +62295,7 @@ const IconButton = forwardRef(
     );
   }
 );
-const getStyles$Y = (tokens, { disabled, largeTouchTarget, variant }) => ({
+const getStyles$_ = (tokens, { disabled, largeTouchTarget, variant }) => ({
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -62401,7 +62401,7 @@ function MessageBox({
   ...rest
 }) {
   const tokens = useTokens();
-  const styles = getStyles$X(borderRadius, title, tokens, variant);
+  const styles = getStyles$Z(borderRadius, title, tokens, variant);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -62432,7 +62432,7 @@ function MessageBox({
     }
   );
 }
-const getStyles$X = (borderRadius, title, tokens, variant) => ({
+const getStyles$Z = (borderRadius, title, tokens, variant) => ({
   messageBox: {
     position: "relative",
     color: tokens.TextColor.Default,
@@ -62506,7 +62506,7 @@ MessageBox.displayName = "MessageBox";
 const InstitutionBlock = ({ institution, style }) => {
   const { guid, logo_url, name, url } = institution;
   const tokens = useTokens();
-  const styles = getStyles$W(tokens);
+  const styles = getStyles$Y(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-test": "institution-block", style: { ...styles.institutionBlock, ...style }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       De,
@@ -62524,7 +62524,7 @@ const InstitutionBlock = ({ institution, style }) => {
     ] })
   ] });
 };
-const getStyles$W = (tokens) => {
+const getStyles$Y = (tokens) => {
   return {
     institutionBlock: {
       display: "flex",
@@ -62563,14 +62563,14 @@ InstitutionBlock.propTypes = {
 
 const ViewTitle = ({ connectionStatus, title }) => {
   const tokens = useTokens();
-  const styles = getStyles$V(tokens);
+  const styles = getStyles$X(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(x, { bold: true, component: "h2", "data-test": "title-text", truncate: false, variant: "H2", children: title }),
     connectionStatus === ReadableStatuses$1.DEGRADED && /* @__PURE__ */ jsxRuntimeExports.jsx(InfoFilled, { color: tokens.BackgroundColor.MessageBoxHelp, size: 24 }),
     connectionStatus === ReadableStatuses$1.REJECTED && /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: tokens.BackgroundColor.MessageBoxError, size: 24 })
   ] });
 };
-const getStyles$V = (tokens) => ({
+const getStyles$X = (tokens) => ({
   container: {
     display: "flex",
     justifyContent: "space-between",
@@ -62602,7 +62602,7 @@ const MFAOptions = (props) => {
     return onSubmit(credentialsToSubmit);
   };
   const tokens = useTokens();
-  const styles = getStyles$U(tokens);
+  const styles = getStyles$W(tokens);
   const mfaLabel = mfaCredentials.map((credential) => credential.label);
   const dynamicLabel = mfaLabel[0] ? mfaLabel[0] : __("Choose an authentication method.");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -62667,7 +62667,7 @@ const MFAOptions = (props) => {
     )
   ] });
 };
-const getStyles$U = (tokens) => {
+const getStyles$W = (tokens) => {
   return {
     label: {
       marginBottom: tokens.Spacing.Medium
@@ -62752,7 +62752,7 @@ const DefaultMFA = (props) => {
     focusElement(button);
   }, []);
   const tokens = useTokens();
-  const styles = getStyles$T(tokens);
+  const styles = getStyles$V(tokens);
   const credentials = mfaCredentials.map((credential) => credential);
   const initialFormValues = buildInitialValues$1(credentials);
   const formSchema = buildFormSchema$1(credentials);
@@ -62835,7 +62835,7 @@ const DefaultMFA = (props) => {
     )
   ] });
 };
-const getStyles$T = (tokens) => {
+const getStyles$V = (tokens) => {
   return {
     label: {
       marginBottom: tokens.Spacing.Large
@@ -62878,7 +62878,7 @@ const MFAImages = (props) => {
     focusElement(button);
   }, []);
   const tokens = useTokens();
-  const styles = getStyles$S(tokens);
+  const styles = getStyles$U(tokens);
   const [selectedOption, setSelectedOption] = useState({});
   const [credentialsToSubmit, setCredentials] = useState(
     mfaCredentials.map((cred) => ({ guid: cred.guid, value: null }))
@@ -62959,7 +62959,7 @@ const MFAImages = (props) => {
     )
   ] });
 };
-const getStyles$S = (tokens) => {
+const getStyles$U = (tokens) => {
   return {
     label: {
       marginBottom: tokens.Spacing.Medium
@@ -63056,7 +63056,7 @@ const MFAForm = (props) => {
   const mfaCredentials = _get(currentMember, "mfa.credentials", []);
   const mfaType = getMFAFieldType(mfaCredentials);
   const isSAS = mfaCredentials[0].external_id === "single_account_select";
-  const styles = getStyles$R(tokens, isSAS);
+  const styles = getStyles$T(tokens, isSAS);
   const handleSubmit = (credentials) => {
     const posthogEventMetadata = {
       institution_guid: institution.guid,
@@ -63110,7 +63110,7 @@ const MFAForm = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("form", { onSubmit: (e) => e.preventDefault(), children: Form })
   ] });
 };
-const getStyles$R = (tokens, isSAS) => {
+const getStyles$T = (tokens, isSAS) => {
   return {
     container: {
       display: "flex",
@@ -63152,7 +63152,7 @@ const MFAStep = React__default.forwardRef((props, navigationRef) => {
   const { api } = useApi();
   const mfaCredentials = _get(currentMember, "mfa.credentials", []);
   const tokens = useTokens();
-  const styles = getStyles$Q(tokens);
+  const styles = getStyles$S(tokens);
   const getNextDelay = getDelay();
   useImperativeHandle(navigationRef, () => {
     return {
@@ -63256,7 +63256,7 @@ MFAStep.propTypes = {
   onGoBack: PropTypes$1.func.isRequired
 };
 MFAStep.displayName = "MFAStep";
-const getStyles$Q = (tokens) => {
+const getStyles$S = (tokens) => {
   return {
     goBackButton: {
       marginRight: tokens.Spacing.Large,
@@ -63289,7 +63289,7 @@ const Export = createSvgIcon$2(({ color }) => /* @__PURE__ */ jsxRuntimeExports.
 ] }));
 Export.displayName = "Export";
 
-/*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
 
 const {
   entries,
@@ -63328,8 +63328,10 @@ if (!construct) {
   };
 }
 const arrayForEach = unapply(Array.prototype.forEach);
+const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
 const arrayPop = unapply(Array.prototype.pop);
 const arrayPush = unapply(Array.prototype.push);
+const arraySplice = unapply(Array.prototype.splice);
 const stringToLowerCase = unapply(String.prototype.toLowerCase);
 const stringToString = unapply(String.prototype.toString);
 const stringMatch = unapply(String.prototype.match);
@@ -63339,12 +63341,11 @@ const stringTrim = unapply(String.prototype.trim);
 const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
 const regExpTest = unapply(RegExp.prototype.test);
 const typeErrorCreate = unconstruct(TypeError);
-
 /**
  * Creates a new function that calls the given function with a specified thisArg and arguments.
  *
- * @param {Function} func - The function to be wrapped and called.
- * @returns {Function} A new function that calls the given function with a specified thisArg and arguments.
+ * @param func - The function to be wrapped and called.
+ * @returns A new function that calls the given function with a specified thisArg and arguments.
  */
 function unapply(func) {
   return function (thisArg) {
@@ -63354,12 +63355,11 @@ function unapply(func) {
     return apply(func, thisArg, args);
   };
 }
-
 /**
  * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
  *
- * @param {Function} func - The constructor function to be wrapped and called.
- * @returns {Function} A new function that constructs an instance of the given constructor function with the provided arguments.
+ * @param func - The constructor function to be wrapped and called.
+ * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
  */
 function unconstruct(func) {
   return function () {
@@ -63369,14 +63369,13 @@ function unconstruct(func) {
     return construct(func, args);
   };
 }
-
 /**
  * Add properties to a lookup table
  *
- * @param {Object} set - The set to which elements will be added.
- * @param {Array} array - The array containing elements to be added to the set.
- * @param {Function} transformCaseFunc - An optional function to transform the case of each element before adding to the set.
- * @returns {Object} The modified set with added elements.
+ * @param set - The set to which elements will be added.
+ * @param array - The array containing elements to be added to the set.
+ * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+ * @returns The modified set with added elements.
  */
 function addToSet(set, array) {
   let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
@@ -63403,12 +63402,11 @@ function addToSet(set, array) {
   }
   return set;
 }
-
 /**
  * Clean up an array to harden against CSPP
  *
- * @param {Array} array - The array to be cleaned.
- * @returns {Array} The cleaned version of the array
+ * @param array - The array to be cleaned.
+ * @returns The cleaned version of the array
  */
 function cleanArray(array) {
   for (let index = 0; index < array.length; index++) {
@@ -63419,12 +63417,11 @@ function cleanArray(array) {
   }
   return array;
 }
-
 /**
  * Shallow clone an object
  *
- * @param {Object} object - The object to be cloned.
- * @returns {Object} A new object that copies the original.
+ * @param object - The object to be cloned.
+ * @returns A new object that copies the original.
  */
 function clone(object) {
   const newObject = create(null);
@@ -63442,13 +63439,12 @@ function clone(object) {
   }
   return newObject;
 }
-
 /**
  * This method automatically checks if the prop is function or getter and behaves accordingly.
  *
- * @param {Object} object - The object to look up the getter function in its prototype chain.
- * @param {String} prop - The property name for which to find the getter function.
- * @returns {Function} The getter function found in the prototype chain or a fallback function.
+ * @param object - The object to look up the getter function in its prototype chain.
+ * @param prop - The property name for which to find the getter function.
+ * @returns The getter function found in the prototype chain or a fallback function.
  */
 function lookupGetter(object, prop) {
   while (object !== null) {
@@ -63470,33 +63466,29 @@ function lookupGetter(object, prop) {
 }
 
 const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
-
-// SVG
 const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
 const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
-
 // List of SVG elements that are disallowed by default.
 // We still need to know them so that we can do namespace
 // checks properly in case one wants to add them to
 // allow-list.
 const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
 const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
-
 // Similarly to SVG, we want to know all MathML elements,
 // even those that we disallow by default.
 const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
 const text = freeze(['#text']);
 
 const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
-const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
 const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
 const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
 
 // eslint-disable-next-line unicorn/better-regex
 const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
 const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
-const TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
-const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
+const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
 const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
 const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
 );
@@ -63508,18 +63500,19 @@ const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
 
 var EXPRESSIONS = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  MUSTACHE_EXPR: MUSTACHE_EXPR,
-  ERB_EXPR: ERB_EXPR,
-  TMPLIT_EXPR: TMPLIT_EXPR,
-  DATA_ATTR: DATA_ATTR,
   ARIA_ATTR: ARIA_ATTR,
-  IS_ALLOWED_URI: IS_ALLOWED_URI,
-  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
   ATTR_WHITESPACE: ATTR_WHITESPACE,
+  CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+  DATA_ATTR: DATA_ATTR,
   DOCTYPE_NAME: DOCTYPE_NAME,
-  CUSTOM_ELEMENT: CUSTOM_ELEMENT
+  ERB_EXPR: ERB_EXPR,
+  IS_ALLOWED_URI: IS_ALLOWED_URI,
+  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+  MUSTACHE_EXPR: MUSTACHE_EXPR,
+  TMPLIT_EXPR: TMPLIT_EXPR
 });
 
+/* eslint-disable @typescript-eslint/indent */
 // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
 const NODE_TYPE = {
   element: 1,
@@ -63540,20 +63533,18 @@ const NODE_TYPE = {
 const getGlobal = function getGlobal() {
   return typeof window === 'undefined' ? null : window;
 };
-
 /**
  * Creates a no-op policy for internal use only.
  * Don't export this function outside this module!
- * @param {TrustedTypePolicyFactory} trustedTypes The policy factory.
- * @param {HTMLScriptElement} purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
- * @return {TrustedTypePolicy} The policy created (or null, if Trusted Types
+ * @param trustedTypes The policy factory.
+ * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+ * @return The policy created (or null, if Trusted Types
  * are not supported or creating the policy failed).
  */
 const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
   if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
     return null;
   }
-
   // Allow the callers to control the unique policy name
   // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
   // Policy creation with duplicate names throws in Trusted Types.
@@ -63580,22 +63571,25 @@ const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedType
     return null;
   }
 };
+const _createHooksMap = function _createHooksMap() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+};
 function createDOMPurify() {
   let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
   const DOMPurify = root => createDOMPurify(root);
-
-  /**
-   * Version label, exposed for easier checks
-   * if DOMPurify is up to date or not
-   */
-  DOMPurify.version = '3.1.6';
-
-  /**
-   * Array of elements that DOMPurify removed during sanitation.
-   * Empty if nothing was removed.
-   */
+  DOMPurify.version = '3.2.4';
   DOMPurify.removed = [];
-  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document) {
+  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
     // Not running in a browser, provide a factory function
     // so that you can pass your own Window
     DOMPurify.isSupported = false;
@@ -63623,7 +63617,6 @@ function createDOMPurify() {
   const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
   const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
   const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
-
   // As per issue #47, the web-components registry is inherited by a
   // new document created via createHTMLDocument. As per the spec
   // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
@@ -63647,8 +63640,7 @@ function createDOMPurify() {
   const {
     importNode
   } = originalDocument;
-  let hooks = {};
-
+  let hooks = _createHooksMap();
   /**
    * Expose whether this browser supports running the full DOMPurify.
    */
@@ -63666,22 +63658,18 @@ function createDOMPurify() {
   let {
     IS_ALLOWED_URI: IS_ALLOWED_URI$1
   } = EXPRESSIONS;
-
   /**
    * We consider the elements and attributes below to be safe. Ideally
    * don't add any new ones but feel free to remove unwanted ones.
    */
-
   /* allowed element names */
   let ALLOWED_TAGS = null;
   const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
-
   /* Allowed attribute names */
   let ALLOWED_ATTR = null;
   const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
-
   /*
-   * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
+   * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
    * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
    * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
    * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
@@ -63706,65 +63694,49 @@ function createDOMPurify() {
       value: false
     }
   }));
-
   /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
   let FORBID_TAGS = null;
-
   /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
   let FORBID_ATTR = null;
-
   /* Decide if ARIA attributes are okay */
   let ALLOW_ARIA_ATTR = true;
-
   /* Decide if custom data attributes are okay */
   let ALLOW_DATA_ATTR = true;
-
   /* Decide if unknown protocols are okay */
   let ALLOW_UNKNOWN_PROTOCOLS = false;
-
   /* Decide if self-closing tags in attributes are allowed.
    * Usually removed due to a mXSS issue in jQuery 3.0 */
   let ALLOW_SELF_CLOSE_IN_ATTR = true;
-
   /* Output should be safe for common template engines.
    * This means, DOMPurify removes data attributes, mustaches and ERB
    */
   let SAFE_FOR_TEMPLATES = false;
-
   /* Output should be safe even for XML used within HTML and alike.
    * This means, DOMPurify removes comments when containing risky content.
    */
   let SAFE_FOR_XML = true;
-
   /* Decide if document with <html>... should be returned */
   let WHOLE_DOCUMENT = false;
-
   /* Track whether config is already set on this instance of DOMPurify. */
   let SET_CONFIG = false;
-
   /* Decide if all elements (e.g. style, script) must be children of
    * document.body. By default, browsers might move them to document.head */
   let FORCE_BODY = false;
-
   /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
    * string (or a TrustedHTML object if Trusted Types are supported).
    * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
    */
   let RETURN_DOM = false;
-
   /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
    * string  (or a TrustedHTML object if Trusted Types are supported) */
   let RETURN_DOM_FRAGMENT = false;
-
   /* Try to return a Trusted Type object instead of a string, return a string in
    * case Trusted Types are not supported  */
   let RETURN_TRUSTED_TYPE = false;
-
   /* Output should be free from DOM clobbering attacks?
    * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
    */
   let SANITIZE_DOM = true;
-
   /* Achieve full DOM Clobbering protection by isolating the namespace of named
    * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
    *
@@ -63780,25 +63752,19 @@ function createDOMPurify() {
    */
   let SANITIZE_NAMED_PROPS = false;
   const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
-
   /* Keep element content when removing element? */
   let KEEP_CONTENT = true;
-
   /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
    * of importing it into a new Document and returning a sanitized copy */
   let IN_PLACE = false;
-
   /* Allow usage of profiles like html, svg and mathMl */
   let USE_PROFILES = {};
-
   /* Tags to ignore content of when KEEP_CONTENT is true */
   let FORBID_CONTENTS = null;
   const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
-
   /* Tags that are safe for data: URIs */
   let DATA_URI_TAGS = null;
   const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
-
   /* Attributes safe for values like "javascript:" */
   let URI_SAFE_ATTRIBUTES = null;
   const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
@@ -63808,32 +63774,33 @@ function createDOMPurify() {
   /* Document namespace */
   let NAMESPACE = HTML_NAMESPACE;
   let IS_EMPTY_INPUT = false;
-
   /* Allowed XHTML+XML namespaces */
   let ALLOWED_NAMESPACES = null;
   const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
-
+  let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+  let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+  // Certain elements are allowed in both SVG and HTML
+  // namespace. We need to specify them explicitly
+  // so that they don't get erroneously deleted from
+  // HTML namespace.
+  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
   /* Parsing of strict XHTML documents */
   let PARSER_MEDIA_TYPE = null;
   const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
   const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
   let transformCaseFunc = null;
-
   /* Keep a reference to config to pass to hooks */
   let CONFIG = null;
-
   /* Ideally, do not touch anything below this line */
   /* ______________________________________________ */
-
   const formElement = document.createElement('form');
   const isRegexOrFunction = function isRegexOrFunction(testValue) {
     return testValue instanceof RegExp || testValue instanceof Function;
   };
-
   /**
    * _parseConfig
    *
-   * @param  {Object} cfg optional config literal
+   * @param cfg optional config literal
    */
   // eslint-disable-next-line complexity
   const _parseConfig = function _parseConfig() {
@@ -63841,39 +63808,23 @@ function createDOMPurify() {
     if (CONFIG && CONFIG === cfg) {
       return;
     }
-
     /* Shield configuration object from tampering */
     if (!cfg || typeof cfg !== 'object') {
       cfg = {};
     }
-
     /* Shield configuration object from prototype pollution */
     cfg = clone(cfg);
     PARSER_MEDIA_TYPE =
     // eslint-disable-next-line unicorn/prefer-includes
     SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
-
     // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
     transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
-
     /* Set configuration parameters */
     ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
     ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
     ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
-    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES),
-    // eslint-disable-line indent
-    cfg.ADD_URI_SAFE_ATTR,
-    // eslint-disable-line indent
-    transformCaseFunc // eslint-disable-line indent
-    ) // eslint-disable-line indent
-    : DEFAULT_URI_SAFE_ATTRIBUTES;
-    DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS),
-    // eslint-disable-line indent
-    cfg.ADD_DATA_URI_TAGS,
-    // eslint-disable-line indent
-    transformCaseFunc // eslint-disable-line indent
-    ) // eslint-disable-line indent
-    : DEFAULT_DATA_URI_TAGS;
+    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+    DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
     FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
     FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
     FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
@@ -63895,6 +63846,8 @@ function createDOMPurify() {
     IN_PLACE = cfg.IN_PLACE || false; // Default false
     IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
     NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
     CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
     if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
       CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
@@ -63911,7 +63864,6 @@ function createDOMPurify() {
     if (RETURN_DOM_FRAGMENT) {
       RETURN_DOM = true;
     }
-
     /* Parse profile info */
     if (USE_PROFILES) {
       ALLOWED_TAGS = addToSet({}, text);
@@ -63936,7 +63888,6 @@ function createDOMPurify() {
         addToSet(ALLOWED_ATTR, xml);
       }
     }
-
     /* Merge configuration parameters */
     if (cfg.ADD_TAGS) {
       if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
@@ -63959,17 +63910,14 @@ function createDOMPurify() {
       }
       addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
     }
-
     /* Add #text in case KEEP_CONTENT is set to true */
     if (KEEP_CONTENT) {
       ALLOWED_TAGS['#text'] = true;
     }
-
     /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
     if (WHOLE_DOCUMENT) {
       addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
     }
-
     /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
     if (ALLOWED_TAGS.table) {
       addToSet(ALLOWED_TAGS, ['tbody']);
@@ -63982,10 +63930,8 @@ function createDOMPurify() {
       if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
         throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
       }
-
       // Overwrite existing TrustedTypes policy.
       trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
-
       // Sign local variables required by `sanitize`.
       emptyHTML = trustedTypesPolicy.createHTML('');
     } else {
@@ -63993,13 +63939,11 @@ function createDOMPurify() {
       if (trustedTypesPolicy === undefined) {
         trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
       }
-
       // If creating the internal policy succeeded sign internal variables.
       if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
         emptyHTML = trustedTypesPolicy.createHTML('');
       }
     }
-
     // Prevent further manipulation of configuration.
     // Not available in IE8, Safari 5, etc.
     if (freeze) {
@@ -64007,30 +63951,19 @@ function createDOMPurify() {
     }
     CONFIG = cfg;
   };
-  const MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
-  const HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'annotation-xml']);
-
-  // Certain elements are allowed in both SVG and HTML
-  // namespace. We need to specify them explicitly
-  // so that they don't get erroneously deleted from
-  // HTML namespace.
-  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
-
   /* Keep track of all possible SVG and MathML tags
    * so that we can perform the namespace checks
    * correctly. */
   const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
   const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
-
   /**
-   * @param  {Element} element a DOM element whose namespace is being checked
-   * @returns {boolean} Return false if the element has a
+   * @param element a DOM element whose namespace is being checked
+   * @returns Return false if the element has a
    *  namespace that a spec-compliant parser would never
    *  return. Return true otherwise.
    */
   const _checkValidNamespace = function _checkValidNamespace(element) {
     let parent = getParentNode(element);
-
     // In JSDOM, if we're inside shadow DOM, then parentNode
     // can be null. We just simulate parent in this case.
     if (!parent || !parent.tagName) {
@@ -64051,14 +63984,12 @@ function createDOMPurify() {
       if (parent.namespaceURI === HTML_NAMESPACE) {
         return tagName === 'svg';
       }
-
       // The only way to switch from MathML to SVG is via`
       // svg if parent is either <annotation-xml> or MathML
       // text integration points.
       if (parent.namespaceURI === MATHML_NAMESPACE) {
         return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
       }
-
       // We only allow elements that are defined in SVG
       // spec. All others are disallowed in SVG namespace.
       return Boolean(ALL_SVG_TAGS[tagName]);
@@ -64070,13 +64001,11 @@ function createDOMPurify() {
       if (parent.namespaceURI === HTML_NAMESPACE) {
         return tagName === 'math';
       }
-
       // The only way to switch from SVG to MathML is via
       // <math> and HTML integration points
       if (parent.namespaceURI === SVG_NAMESPACE) {
         return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
       }
-
       // We only allow elements that are defined in MathML
       // spec. All others are disallowed in MathML namespace.
       return Boolean(ALL_MATHML_TAGS[tagName]);
@@ -64091,28 +64020,24 @@ function createDOMPurify() {
       if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
         return false;
       }
-
       // We disallow tags that are specific for MathML
       // or SVG and should never appear in HTML namespace
       return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
     }
-
     // For XHTML and XML documents that support custom namespaces
     if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
       return true;
     }
-
     // The code should never reach this place (this means
     // that the element somehow got namespace that is not
     // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
     // Return false just in case.
     return false;
   };
-
   /**
    * _forceRemove
    *
-   * @param  {Node} node a DOM node
+   * @param node a DOM node
    */
   const _forceRemove = function _forceRemove(node) {
     arrayPush(DOMPurify.removed, {
@@ -64125,46 +64050,43 @@ function createDOMPurify() {
       remove(node);
     }
   };
-
   /**
    * _removeAttribute
    *
-   * @param  {String} name an Attribute name
-   * @param  {Node} node a DOM node
+   * @param name an Attribute name
+   * @param element a DOM node
    */
-  const _removeAttribute = function _removeAttribute(name, node) {
+  const _removeAttribute = function _removeAttribute(name, element) {
     try {
       arrayPush(DOMPurify.removed, {
-        attribute: node.getAttributeNode(name),
-        from: node
+        attribute: element.getAttributeNode(name),
+        from: element
       });
     } catch (_) {
       arrayPush(DOMPurify.removed, {
         attribute: null,
-        from: node
+        from: element
       });
     }
-    node.removeAttribute(name);
-
-    // We void attribute values for unremovable "is"" attributes
-    if (name === 'is' && !ALLOWED_ATTR[name]) {
+    element.removeAttribute(name);
+    // We void attribute values for unremovable "is" attributes
+    if (name === 'is') {
       if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
         try {
-          _forceRemove(node);
+          _forceRemove(element);
         } catch (_) {}
       } else {
         try {
-          node.setAttribute(name, '');
+          element.setAttribute(name, '');
         } catch (_) {}
       }
     }
   };
-
   /**
    * _initDocument
    *
-   * @param  {String} dirty a string of dirty markup
-   * @return {Document} a DOM, filled with the dirty markup
+   * @param dirty - a string of dirty markup
+   * @return a DOM, filled with the dirty markup
    */
   const _initDocument = function _initDocument(dirty) {
     /* Create a HTML document */
@@ -64191,7 +64113,6 @@ function createDOMPurify() {
         doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
       } catch (_) {}
     }
-
     /* Use createHTMLDocument in case DOMParser is not available */
     if (!doc || !doc.documentElement) {
       doc = implementation.createDocument(NAMESPACE, 'template', null);
@@ -64205,112 +64126,86 @@ function createDOMPurify() {
     if (dirty && leadingWhitespace) {
       body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
     }
-
     /* Work on whole document or just its body */
     if (NAMESPACE === HTML_NAMESPACE) {
       return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
     }
     return WHOLE_DOCUMENT ? doc.documentElement : body;
   };
-
   /**
    * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
    *
-   * @param  {Node} root The root element or node to start traversing on.
-   * @return {NodeIterator} The created NodeIterator
+   * @param root The root element or node to start traversing on.
+   * @return The created NodeIterator
    */
   const _createNodeIterator = function _createNodeIterator(root) {
     return createNodeIterator.call(root.ownerDocument || root, root,
     // eslint-disable-next-line no-bitwise
     NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
   };
-
   /**
    * _isClobbered
    *
-   * @param  {Node} elm element to check for clobbering attacks
-   * @return {Boolean} true if clobbered, false if safe
+   * @param element element to check for clobbering attacks
+   * @return true if clobbered, false if safe
    */
-  const _isClobbered = function _isClobbered(elm) {
-    return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
+  const _isClobbered = function _isClobbered(element) {
+    return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
   };
-
   /**
    * Checks whether the given object is a DOM node.
    *
-   * @param  {Node} object object to check whether it's a DOM node
-   * @return {Boolean} true is object is a DOM node
+   * @param value object to check whether it's a DOM node
+   * @return true is object is a DOM node
    */
-  const _isNode = function _isNode(object) {
-    return typeof Node === 'function' && object instanceof Node;
+  const _isNode = function _isNode(value) {
+    return typeof Node === 'function' && value instanceof Node;
   };
-
-  /**
-   * _executeHook
-   * Execute user configurable hooks
-   *
-   * @param  {String} entryPoint  Name of the hook's entry point
-   * @param  {Node} currentNode node to work on with the hook
-   * @param  {Object} data additional hook parameters
-   */
-  const _executeHook = function _executeHook(entryPoint, currentNode, data) {
-    if (!hooks[entryPoint]) {
-      return;
-    }
-    arrayForEach(hooks[entryPoint], hook => {
+  function _executeHooks(hooks, currentNode, data) {
+    arrayForEach(hooks, hook => {
       hook.call(DOMPurify, currentNode, data, CONFIG);
     });
-  };
-
+  }
   /**
    * _sanitizeElements
    *
    * @protect nodeName
    * @protect textContent
    * @protect removeChild
-   *
-   * @param   {Node} currentNode to check for permission to exist
-   * @return  {Boolean} true if node was killed, false if left alive
+   * @param currentNode to check for permission to exist
+   * @return true if node was killed, false if left alive
    */
   const _sanitizeElements = function _sanitizeElements(currentNode) {
     let content = null;
-
     /* Execute a hook if present */
-    _executeHook('beforeSanitizeElements', currentNode, null);
-
+    _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
     /* Check if element is clobbered or can clobber */
     if (_isClobbered(currentNode)) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Now let's check the element's type and name */
     const tagName = transformCaseFunc(currentNode.nodeName);
-
     /* Execute a hook if present */
-    _executeHook('uponSanitizeElement', currentNode, {
+    _executeHooks(hooks.uponSanitizeElement, currentNode, {
       tagName,
       allowedTags: ALLOWED_TAGS
     });
-
     /* Detect mXSS attempts abusing namespace confusion */
     if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Remove any occurrence of processing instructions */
     if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Remove any kind of possibly harmful comments */
     if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Remove element if anything forbids its presence */
     if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
       /* Check if we have a custom element to handle */
@@ -64322,7 +64217,6 @@ function createDOMPurify() {
           return false;
         }
       }
-
       /* Keep content except for bad-listed elements */
       if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
         const parentNode = getParentNode(currentNode) || currentNode.parentNode;
@@ -64339,19 +64233,16 @@ function createDOMPurify() {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Check whether element has a valid namespace */
     if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Make sure that older browsers don't get fallback-tag mXSS */
     if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
       _forceRemove(currentNode);
       return true;
     }
-
     /* Sanitize element content to be template-safe */
     if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
       /* Get the element's text content */
@@ -64366,19 +64257,17 @@ function createDOMPurify() {
         currentNode.textContent = content;
       }
     }
-
     /* Execute a hook if present */
-    _executeHook('afterSanitizeElements', currentNode, null);
+    _executeHooks(hooks.afterSanitizeElements, currentNode, null);
     return false;
   };
-
   /**
    * _isValidAttribute
    *
-   * @param  {string} lcTag Lowercase tag name of containing element.
-   * @param  {string} lcName Lowercase attribute name.
-   * @param  {string} value Attribute value.
-   * @return {Boolean} Returns true if `value` is valid, otherwise false.
+   * @param lcTag Lowercase tag name of containing element.
+   * @param lcName Lowercase attribute name.
+   * @param value Attribute value.
+   * @return Returns true if `value` is valid, otherwise false.
    */
   // eslint-disable-next-line complexity
   const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
@@ -64386,7 +64275,6 @@ function createDOMPurify() {
     if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
       return false;
     }
-
     /* Allow valid data-* attributes: At least one character after "-"
         (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
         XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
@@ -64408,19 +64296,17 @@ function createDOMPurify() {
     } else ;
     return true;
   };
-
   /**
    * _isBasicCustomElement
    * checks if at least one dash is included in tagName, and it's not the first char
    * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
    *
-   * @param {string} tagName name of the tag of the node to sanitize
-   * @returns {boolean} Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+   * @param tagName name of the tag of the node to sanitize
+   * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
    */
   const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
     return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
   };
-
   /**
    * _sanitizeAttributes
    *
@@ -64429,27 +64315,26 @@ function createDOMPurify() {
    * @protect removeAttribute
    * @protect setAttribute
    *
-   * @param  {Node} currentNode to sanitize
+   * @param currentNode to sanitize
    */
   const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
     /* Execute a hook if present */
-    _executeHook('beforeSanitizeAttributes', currentNode, null);
+    _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
     const {
       attributes
     } = currentNode;
-
     /* Check if we have attributes; if not we might have a text node */
-    if (!attributes) {
+    if (!attributes || _isClobbered(currentNode)) {
       return;
     }
     const hookEvent = {
       attrName: '',
       attrValue: '',
       keepAttr: true,
-      allowedAttributes: ALLOWED_ATTR
+      allowedAttributes: ALLOWED_ATTR,
+      forceKeepAttr: undefined
     };
     let l = attributes.length;
-
     /* Go backwards over all attributes; safely remove bad ones */
     while (l--) {
       const attr = attributes[l];
@@ -64460,64 +64345,53 @@ function createDOMPurify() {
       } = attr;
       const lcName = transformCaseFunc(name);
       let value = name === 'value' ? attrValue : stringTrim(attrValue);
-
       /* Execute a hook if present */
       hookEvent.attrName = lcName;
       hookEvent.attrValue = value;
       hookEvent.keepAttr = true;
       hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
-      _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
+      _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
       value = hookEvent.attrValue;
-
+      /* Full DOM Clobbering protection via namespace isolation,
+       * Prefix id and name attributes with `user-content-`
+       */
+      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+        // Remove the attribute with this value
+        _removeAttribute(name, currentNode);
+        // Prefix the value and later re-create the attribute with the sanitized value
+        value = SANITIZE_NAMED_PROPS_PREFIX + value;
+      }
       /* Work around a security issue with comments inside attributes */
       if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
         _removeAttribute(name, currentNode);
         continue;
       }
-
       /* Did the hooks approve of the attribute? */
       if (hookEvent.forceKeepAttr) {
         continue;
       }
-
       /* Remove attribute */
       _removeAttribute(name, currentNode);
-
       /* Did the hooks approve of the attribute? */
       if (!hookEvent.keepAttr) {
         continue;
       }
-
       /* Work around a security issue in jQuery 3.0 */
       if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
         _removeAttribute(name, currentNode);
         continue;
       }
-
       /* Sanitize attribute content to be template-safe */
       if (SAFE_FOR_TEMPLATES) {
         arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
           value = stringReplace(value, expr, ' ');
         });
       }
-
       /* Is `value` valid for this attribute? */
       const lcTag = transformCaseFunc(currentNode.nodeName);
       if (!_isValidAttribute(lcTag, lcName, value)) {
         continue;
       }
-
-      /* Full DOM Clobbering protection via namespace isolation,
-       * Prefix id and name attributes with `user-content-`
-       */
-      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
-        // Remove the attribute with this value
-        _removeAttribute(name, currentNode);
-
-        // Prefix the value and later re-create the attribute with the sanitized value
-        value = SANITIZE_NAMED_PROPS_PREFIX + value;
-      }
-
       /* Handle attributes that require Trusted Types */
       if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
         if (namespaceURI) ; else {
@@ -64535,7 +64409,6 @@ function createDOMPurify() {
           }
         }
       }
-
       /* Handle invalid data-* attribute set by try-catching it */
       try {
         if (namespaceURI) {
@@ -64551,51 +64424,34 @@ function createDOMPurify() {
         }
       } catch (_) {}
     }
-
     /* Execute a hook if present */
-    _executeHook('afterSanitizeAttributes', currentNode, null);
+    _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
   };
-
   /**
    * _sanitizeShadowDOM
    *
-   * @param  {DocumentFragment} fragment to iterate over recursively
+   * @param fragment to iterate over recursively
    */
   const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
     let shadowNode = null;
     const shadowIterator = _createNodeIterator(fragment);
-
     /* Execute a hook if present */
-    _executeHook('beforeSanitizeShadowDOM', fragment, null);
+    _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
     while (shadowNode = shadowIterator.nextNode()) {
       /* Execute a hook if present */
-      _executeHook('uponSanitizeShadowNode', shadowNode, null);
-
+      _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
       /* Sanitize tags and elements */
-      if (_sanitizeElements(shadowNode)) {
-        continue;
-      }
-
+      _sanitizeElements(shadowNode);
+      /* Check attributes next */
+      _sanitizeAttributes(shadowNode);
       /* Deep shadow DOM detected */
       if (shadowNode.content instanceof DocumentFragment) {
         _sanitizeShadowDOM(shadowNode.content);
       }
-
-      /* Check attributes, sanitize if necessary */
-      _sanitizeAttributes(shadowNode);
     }
-
     /* Execute a hook if present */
-    _executeHook('afterSanitizeShadowDOM', fragment, null);
+    _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
   };
-
-  /**
-   * Sanitize
-   * Public method providing core sanitation functionality
-   *
-   * @param {String|Node} dirty string or DOM node
-   * @param {Object} cfg object
-   */
   // eslint-disable-next-line complexity
   DOMPurify.sanitize = function (dirty) {
     let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -64610,7 +64466,6 @@ function createDOMPurify() {
     if (IS_EMPTY_INPUT) {
       dirty = '<!-->';
     }
-
     /* Stringify, in case dirty is an object */
     if (typeof dirty !== 'string' && !_isNode(dirty)) {
       if (typeof dirty.toString === 'function') {
@@ -64622,20 +64477,16 @@ function createDOMPurify() {
         throw typeErrorCreate('toString is not a function');
       }
     }
-
     /* Return dirty HTML if DOMPurify cannot run */
     if (!DOMPurify.isSupported) {
       return dirty;
     }
-
     /* Assign config vars */
     if (!SET_CONFIG) {
       _parseConfig(cfg);
     }
-
     /* Clean up removed elements */
     DOMPurify.removed = [];
-
     /* Check if dirty is correctly typed for IN_PLACE */
     if (typeof dirty === 'string') {
       IN_PLACE = false;
@@ -64669,45 +64520,34 @@ function createDOMPurify() {
       dirty.indexOf('<') === -1) {
         return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
       }
-
       /* Initialize the document to work on */
       body = _initDocument(dirty);
-
       /* Check we have a DOM node from the data */
       if (!body) {
         return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
       }
     }
-
     /* Remove first element node (ours) if FORCE_BODY is set */
     if (body && FORCE_BODY) {
       _forceRemove(body.firstChild);
     }
-
     /* Get node iterator */
     const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
-
     /* Now start iterating over the created document */
     while (currentNode = nodeIterator.nextNode()) {
       /* Sanitize tags and elements */
-      if (_sanitizeElements(currentNode)) {
-        continue;
-      }
-
+      _sanitizeElements(currentNode);
+      /* Check attributes next */
+      _sanitizeAttributes(currentNode);
       /* Shadow DOM detected, sanitize it */
       if (currentNode.content instanceof DocumentFragment) {
         _sanitizeShadowDOM(currentNode.content);
       }
-
-      /* Check attributes, sanitize if necessary */
-      _sanitizeAttributes(currentNode);
     }
-
     /* If we sanitized `dirty` in-place, return it. */
     if (IN_PLACE) {
       return dirty;
     }
-
     /* Return sanitized string or DOM */
     if (RETURN_DOM) {
       if (RETURN_DOM_FRAGMENT) {
@@ -64732,12 +64572,10 @@ function createDOMPurify() {
       return returnNode;
     }
     let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
-
     /* Serialize doctype if allowed */
     if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
       serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
     }
-
     /* Sanitize final string template-safe */
     if (SAFE_FOR_TEMPLATES) {
       arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
@@ -64746,39 +64584,15 @@ function createDOMPurify() {
     }
     return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
   };
-
-  /**
-   * Public method to set the configuration once
-   * setConfig
-   *
-   * @param {Object} cfg configuration object
-   */
   DOMPurify.setConfig = function () {
     let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _parseConfig(cfg);
     SET_CONFIG = true;
   };
-
-  /**
-   * Public method to remove the configuration
-   * clearConfig
-   *
-   */
   DOMPurify.clearConfig = function () {
     CONFIG = null;
     SET_CONFIG = false;
   };
-
-  /**
-   * Public method to check if an attribute value is valid.
-   * Uses last set config, if any. Otherwise, uses config defaults.
-   * isValidAttribute
-   *
-   * @param  {String} tag Tag name of containing element.
-   * @param  {String} attr Attribute name.
-   * @param  {String} value Attribute value.
-   * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
-   */
   DOMPurify.isValidAttribute = function (tag, attr, value) {
     /* Initialize shared config vars if necessary. */
     if (!CONFIG) {
@@ -64788,54 +64602,24 @@ function createDOMPurify() {
     const lcName = transformCaseFunc(attr);
     return _isValidAttribute(lcTag, lcName, value);
   };
-
-  /**
-   * AddHook
-   * Public method to add DOMPurify hooks
-   *
-   * @param {String} entryPoint entry point for the hook to add
-   * @param {Function} hookFunction function to execute
-   */
   DOMPurify.addHook = function (entryPoint, hookFunction) {
     if (typeof hookFunction !== 'function') {
       return;
     }
-    hooks[entryPoint] = hooks[entryPoint] || [];
     arrayPush(hooks[entryPoint], hookFunction);
   };
-
-  /**
-   * RemoveHook
-   * Public method to remove a DOMPurify hook at a given entryPoint
-   * (pops it from the stack of hooks if more are present)
-   *
-   * @param {String} entryPoint entry point for the hook to remove
-   * @return {Function} removed(popped) hook
-   */
-  DOMPurify.removeHook = function (entryPoint) {
-    if (hooks[entryPoint]) {
-      return arrayPop(hooks[entryPoint]);
+  DOMPurify.removeHook = function (entryPoint, hookFunction) {
+    if (hookFunction !== undefined) {
+      const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+      return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
     }
+    return arrayPop(hooks[entryPoint]);
   };
-
-  /**
-   * RemoveHooks
-   * Public method to remove all DOMPurify hooks at a given entryPoint
-   *
-   * @param  {String} entryPoint entry point for the hooks to remove
-   */
   DOMPurify.removeHooks = function (entryPoint) {
-    if (hooks[entryPoint]) {
-      hooks[entryPoint] = [];
-    }
+    hooks[entryPoint] = [];
   };
-
-  /**
-   * RemoveAllHooks
-   * Public method to remove all DOMPurify hooks
-   */
   DOMPurify.removeAllHooks = function () {
-    hooks = {};
+    hooks = _createHooksMap();
   };
   return DOMPurify;
 }
@@ -64848,7 +64632,7 @@ const InstructionalText = ({
   style = {}
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$P(tokens);
+  const styles = getStyles$R(tokens);
   const sanitizedInstructionalText = purify.sanitize(instructionalText, {
     ALLOWED_TAGS: ["a"],
     // Only allow <a />
@@ -64886,7 +64670,7 @@ const InstructionalText = ({
     }
   );
 };
-const getStyles$P = (tokens) => ({
+const getStyles$R = (tokens) => ({
   instructionalLink: {
     display: "inline",
     whiteSpace: "normal",
@@ -64906,7 +64690,7 @@ InstructionalText.propTypes = {
 const InstructionList = (props) => {
   const tokens = useTokens();
   const listRef = useRef(null);
-  const styles = getStyles$O(tokens);
+  const styles = getStyles$Q(tokens);
   const sanitizedItems = props.items.map(
     (item) => purify.sanitize(item, {
       ALLOWED_TAGS: ["a"],
@@ -64957,7 +64741,7 @@ const InstructionList = (props) => {
     item
   )) });
 };
-const getStyles$O = (tokens) => ({
+const getStyles$Q = (tokens) => ({
   list: {
     listStyleType: "none",
     listStylePosition: "outside",
@@ -65019,7 +64803,7 @@ const OAuthDefault = (props) => {
   const isOauthLoading = useSelector((state) => state.connect.isOauthLoading);
   const oauthURL = useSelector((state) => state.connect.oauthURL);
   const tokens = useTokens();
-  const styles = getStyles$N(tokens);
+  const styles = getStyles$P(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "alert", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionBlock, { institution: props.institution }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65081,7 +64865,7 @@ OAuthDefault.propTypes = {
   selectedInstructionalData: PropTypes$1.object.isRequired,
   setIsLeavingUrl: PropTypes$1.func.isRequired
 };
-const getStyles$N = (tokens) => ({
+const getStyles$P = (tokens) => ({
   primaryButton: {
     display: "flex",
     marginTop: tokens.Spacing.XLarge
@@ -65228,7 +65012,7 @@ const WaitingForOAuth = ({
   const sendPosthogEvent = useAnalyticsEvent();
   const [disableOauthButtons, setDisableOauthButtons] = useState(true);
   const tokens = useTokens();
-  const styles = getStyles$M(tokens);
+  const styles = getStyles$O(tokens);
   const getNextDelay = getDelay();
   const { api } = useApi();
   useEffect(() => {
@@ -65299,7 +65083,7 @@ const WaitingForOAuth = ({
     ) })
   ] });
 };
-const getStyles$M = (tokens) => ({
+const getStyles$O = (tokens) => ({
   spinner: {
     marginTop: tokens.Spacing.XLarge
   },
@@ -65321,7 +65105,7 @@ WaitingForOAuth.propTypes = {
 const MemberError = (props) => {
   const postMessageFunctions = useContext(PostMessageContext);
   const tokens = useTokens();
-  const styles = getStyles$L(tokens);
+  const styles = getStyles$N(tokens);
   const errorStatus = props.error?.response?.status;
   useEffect(() => {
     const errorPayload = {
@@ -65355,7 +65139,7 @@ const MemberError = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message: `Something went wrong. ${getMessage()}` })
   ] });
 };
-const getStyles$L = (tokens) => ({
+const getStyles$N = (tokens) => ({
   messageBox: {
     marginBottom: tokens.Spacing.Medium
   }
@@ -65367,7 +65151,7 @@ MemberError.propTypes = {
 
 const OAuthStartError = (props) => {
   const tokens = useTokens();
-  const styles = getStyles$K(tokens);
+  const styles = getStyles$M(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstitutionBlock, { institution: props.institution }) }),
@@ -65384,7 +65168,7 @@ const OAuthStartError = (props) => {
     ) })
   ] });
 };
-const getStyles$K = (tokens) => ({
+const getStyles$M = (tokens) => ({
   spinner: {
     marginTop: tokens.Spacing.XLarge
   },
@@ -65404,7 +65188,7 @@ OAuthStartError.propTypes = {
 
 const PoweredByMX = ({ onClick }) => {
   useTokens();
-  const styles = getStyles$J();
+  const styles = getStyles$L();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Button$1,
     {
@@ -65424,7 +65208,7 @@ const PoweredByMX = ({ onClick }) => {
 PoweredByMX.propTypes = {
   onClick: PropTypes$1.func
 };
-const getStyles$J = () => {
+const getStyles$L = () => {
   return {
     button: {
       display: "flex",
@@ -65437,7 +65221,7 @@ const getStyles$J = () => {
 const StickyComponentContainer = React__default.forwardRef(
   ({ children, header = null, footer = null }, ref) => {
     const tokens = useTokens();
-    const styles = getStyles$I(tokens);
+    const styles = getStyles$K(tokens);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, style: styles.container, children: [
       header && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: header }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.content, children }),
@@ -65450,7 +65234,7 @@ StickyComponentContainer.propTypes = {
   header: PropTypes$1.element
 };
 StickyComponentContainer.displayName = "StickyComponentContainer";
-const getStyles$I = (tokens) => {
+const getStyles$K = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -65549,7 +65333,7 @@ const ConnectLogoHeader = (props) => {
   const colorScheme = useSelector(selectColorScheme);
   const clientGuid = useSelector((state) => state.profiles.client.guid);
   const tokens = useTokens();
-  const styles = getStyles$H();
+  const styles = getStyles$J();
   const defaultInstitutionImage = () => colorScheme === COLOR_SCHEME.LIGHT ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { borderRadius: tokens.BorderRadius.Large }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgConnectHeaderInstitutionLight, {}) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { borderRadius: tokens.BorderRadius.Large }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgConnectHeaderInstitutionDark, {}) });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "aria-hidden": true, style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "mxLogo", style: styles.backdropImage, children: colorScheme === COLOR_SCHEME.LIGHT ? /* @__PURE__ */ jsxRuntimeExports.jsx(SvgConnectHeaderBackdropLight, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(SvgConnectHeaderBackdropDark, {}) }),
@@ -65566,7 +65350,7 @@ const ConnectLogoHeader = (props) => {
     ) : defaultInstitutionImage() })
   ] });
 };
-const getStyles$H = () => {
+const getStyles$J = () => {
   const maxHeight = "64px";
   const maxWidth = "240px";
   return {
@@ -65687,7 +65471,7 @@ const getDataClusters = () => {
 
 const DataCluster = (props) => {
   const tokens = useTokens();
-  const styles = getStyles$G(tokens);
+  const styles = getStyles$I(tokens);
   const dataCluster = props.dataCluster;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65713,7 +65497,7 @@ const DataCluster = (props) => {
     )
   ] });
 };
-const getStyles$G = (tokens) => ({
+const getStyles$I = (tokens) => ({
   subTitle: {
     fontSize: tokens.FontSize.Body,
     fontWeight: tokens.FontWeight.Semibold,
@@ -65739,7 +65523,7 @@ const DataRequested = (props) => {
   } = getDataClusters();
   const connectConfig = useSelector(selectConnectConfig);
   const tokens = useTokens();
-  const styles = getStyles$F(tokens);
+  const styles = getStyles$H(tokens);
   const getNextDelay = getDelay();
   const appName = useSelector((state) => state.profiles.client.oauth_app_name || null);
   const mode = connectConfig.mode ?? AGG_MODE;
@@ -65810,7 +65594,7 @@ const DataRequested = (props) => {
     )
   ] }) });
 };
-const getStyles$F = (tokens) => {
+const getStyles$H = (tokens) => {
   return {
     title: {
       marginBottom: tokens.Spacing.Tiny
@@ -65835,7 +65619,7 @@ const DataAvailable = () => {
   useAnalyticsPath(...PageviewInfo.CONNECT_DISCLOSURE_DATA_AVAILABLE);
   const { dataClusters } = getDataClusters();
   const tokens = useTokens();
-  const styles = getStyles$E(tokens);
+  const styles = getStyles$G(tokens);
   const getNextDelay = getDelay();
   const appName = useSelector((state) => state.profiles.client.oauth_app_name || null);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
@@ -65868,7 +65652,7 @@ const DataAvailable = () => {
     Object.values(dataClusters).map((cluster, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(DataCluster, { dataCluster: cluster }, i))
   ] }) }) });
 };
-const getStyles$E = (tokens) => {
+const getStyles$G = (tokens) => {
   return {
     title: {
       marginBottom: tokens.Spacing.Tiny
@@ -65899,7 +65683,7 @@ const DisclosureInterstitial = React__default.forwardRef((props, interstitialNav
   const { handleGoBack, scrollToTop } = props;
   useAnalyticsPath(...PageviewInfo.CONNECT_DISCLOSURE);
   const tokens = useTokens();
-  const styles = getStyles$D(tokens);
+  const styles = getStyles$F(tokens);
   const getNextDelay = getDelay();
   const institution = useSelector((state) => state.connect.selectedInstitution);
   const appName = useSelector((state) => state.profiles.client.oauth_app_name || null);
@@ -66048,7 +65832,7 @@ const DisclosureInterstitial = React__default.forwardRef((props, interstitialNav
     ] })
   ] });
 });
-const getStyles$D = (tokens) => {
+const getStyles$F = (tokens) => {
   return {
     logoHeader: {
       marginTop: tokens.Spacing.Medium,
@@ -66303,7 +66087,7 @@ const OAuthError = React__default.forwardRef((props, navigationRef) => {
   const errorReason = useSelector((state) => state.connect.oauthErrorReason);
   const selectedInstitution = useSelector((state) => state.connect.selectedInstitution);
   const tokens = useTokens();
-  const styles = getStyles$C(tokens);
+  const styles = getStyles$E(tokens);
   const getNextDelay = getDelay();
   useImperativeHandle(navigationRef, () => {
     return {
@@ -66351,7 +66135,7 @@ OAuthError.propTypes = {
   onReturnToSearch: PropTypes$1.func.isRequired
 };
 OAuthError.displayName = "OAuthError";
-const getStyles$C = (tokens) => {
+const getStyles$E = (tokens) => {
   return {
     errorTitle: {
       fontWeight: tokens.FontWeight.Semibold
@@ -66390,6 +66174,22 @@ const getOAuthErrorMessage = (errorReason, memberName = null) => {
 };
 
 const getInstitutionLoginUrl = (institution) => institution.login_url ?? institution.url;
+const instutionSupportRequestedProducts = (config, institution) => {
+  const products = config?.data_request?.products;
+  if (Array.isArray(products) && products.length > 0) {
+    return products.every((product) => {
+      switch (product) {
+        case COMBO_JOB_DATA_TYPES.ACCOUNT_NUMBER:
+          return institution.account_verification_is_enabled;
+        case COMBO_JOB_DATA_TYPES.ACCOUNT_OWNER:
+          return institution.account_identification_is_enabled;
+        default:
+          return true;
+      }
+    });
+  }
+  return true;
+};
 
 const buildInitialValues = (loginFields) => {
   return loginFields.reduce((acc, currentField) => {
@@ -66553,7 +66353,7 @@ const Credentials = React__default.forwardRef(
     const [needToSendAnalyticEvent, setNeedToSendAnalyticEvent] = useState(true);
     const [needToSendPasswordAnalyticEvent, setPasswordAnalyticEvent] = useState(true);
     const tokens = useTokens();
-    const styles = getStyles$B(tokens);
+    const styles = getStyles$D(tokens);
     const getNextDelay = getDelay(0, 100);
     const initialValues = buildInitialValues(credentials);
     const formSchema = buildFormSchema(credentials);
@@ -66927,7 +66727,7 @@ const Credentials = React__default.forwardRef(
     ] });
   }
 );
-const getStyles$B = (tokens) => {
+const getStyles$D = (tokens) => {
   return {
     headerText: {
       paddingBottom: tokens.Spacing.XSmall
@@ -67185,7 +66985,7 @@ CreateMemberForm.propTypes = {
 const DeleteMemberSuccess = ({ institution, onContinueClick }) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_DELETE_MEMBER_SUCCESS);
   const tokens = useTokens();
-  const styles = getStyles$A(tokens);
+  const styles = getStyles$C(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
@@ -67205,7 +67005,7 @@ const DeleteMemberSuccess = ({ institution, onContinueClick }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PrivateAndSecure, {}) })
   ] });
 };
-const getStyles$A = (tokens) => {
+const getStyles$C = (tokens) => {
   return {
     primaryText: {
       fontSize: tokens.FontSize.H2,
@@ -67509,7 +67309,7 @@ const Connecting = (props) => {
     authentication_method: currentMember.is_oauth ? AuthenticationMethods.OAUTH : AuthenticationMethods.NON_OAUTH
   });
   const tokens = useTokens();
-  const styles = getStyles$z(tokens);
+  const styles = getStyles$B(tokens);
   const getNextDelay = getDelay();
   const dispatch = useDispatch();
   const analyticFunctions = useContext(AnalyticContext);
@@ -67692,7 +67492,7 @@ const Connecting = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message, timeout: 500 })
   ] });
 };
-const getStyles$z = (tokens) => ({
+const getStyles$B = (tokens) => ({
   container: {
     textAlign: "center"
   },
@@ -67755,7 +67555,7 @@ const PrimaryActions = ({
   onUpdateCredentialsClick
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$y(tokens);
+  const styles = getStyles$A(tokens);
   const actionMap = {
     [REFRESH]: {
       text: __("Try again"),
@@ -67790,7 +67590,7 @@ const PrimaryActions = ({
     );
   }) });
 };
-const getStyles$y = (tokens) => {
+const getStyles$A = (tokens) => {
   return {
     container: {
       marginTop: tokens.Spacing.XLarge
@@ -67818,7 +67618,7 @@ const SecondaryActions = ({
 }) => {
   const sendPosthogEvent = useAnalyticsEvent();
   const tokens = useTokens();
-  const styles = getStyles$x(tokens);
+  const styles = getStyles$z(tokens);
   const actionMap = [
     {
       key: VISIT_WEBSITE,
@@ -67876,7 +67676,7 @@ const SecondaryActions = ({
     );
   }) });
 };
-const getStyles$x = (tokens) => {
+const getStyles$z = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -67926,7 +67726,7 @@ const ImpededMemberError = ({
   title
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$w(tokens);
+  const styles = getStyles$y(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(x, { truncate: false, variant: "H2", children: title }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(x, { truncate: false, variant: "Paragraph", children: message }),
@@ -67965,7 +67765,7 @@ const ImpededMemberError = ({
     ] })
   ] });
 };
-const getStyles$w = (tokens) => {
+const getStyles$y = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -68008,7 +67808,7 @@ ImpededMemberError.propTypes = {
 const NoEligibleAccounts = () => {
   const sendPosthogEvent = useAnalyticsEvent();
   const tokens = useTokens();
-  const styles = getStyles$v(tokens);
+  const styles = getStyles$x(tokens);
   const postMessageFunctions = useContext(PostMessageContext);
   const dispatch = useDispatch();
   const currentMember = useSelector(getCurrentMember);
@@ -68093,7 +67893,7 @@ const NoEligibleAccounts = () => {
     )
   ] });
 };
-const getStyles$v = (tokens) => {
+const getStyles$x = (tokens) => {
   return {
     headerText: {
       fontWeight: tokens.FontWeight.Bold
@@ -68842,7 +68642,7 @@ const ThankYouMessage = ({
   portalTo = "connect-wrapper"
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$u(tokens);
+  const styles = getStyles$w(tokens);
   return createPortal(
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.thankYouContainer, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.checkMarkIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CheckmarkFilled, { color: "#12875E", size: 80 }) }) }),
@@ -68852,7 +68652,7 @@ const ThankYouMessage = ({
     document.getElementById(portalTo)
   );
 };
-const getStyles$u = (tokens) => ({
+const getStyles$w = (tokens) => ({
   container: {
     top: 0,
     margin: "0 auto",
@@ -68864,8 +68664,7 @@ const getStyles$u = (tokens) => ({
   },
   checkMarkIcon: {
     display: "flex",
-    justifyContent: "center",
-    marginBottom: tokens.Spacing.XLarge
+    justifyContent: "center"
   },
   thankYouContainer: {
     display: "flex",
@@ -68873,14 +68672,14 @@ const getStyles$u = (tokens) => ({
     justifyContent: "center",
     alignItems: "center",
     maxWidth: "400px",
-    margin: "60px auto 0",
+    margin: "80px auto 0",
     padding: "0 24px"
   },
   thankYouMessage: {
-    marginTop: "31px"
+    marginTop: "24px"
   },
   button: {
-    marginTop: "31px"
+    marginTop: "32px"
   }
 });
 
@@ -68905,125 +68704,123 @@ const SURVEY_RATING = {
   4: "4",
   5: "5"
 };
-const ConnectSuccessSurvey = React__default.forwardRef(
-  ({ handleBack, handleDone }, connectSuccessSurveyRef) => {
-    const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
-    const [answers, setAnswers] = useState({});
-    const [showThankYouMessage, setShowThankYouMessage] = useState(false);
-    const [showErrorMessage, setShowErrorMessage] = useState(false);
-    const { onSubmitConnectSuccessSurvey } = useContext(AnalyticContext);
-    const tokens = useTokens();
-    const styles = getStyles$t(tokens);
-    useImperativeHandle(connectSuccessSurveyRef, () => {
-      return {
-        handleConnectSuccessSurveyBackButton() {
-          if (currentQuestionIndex === 0) {
-            handleBack();
-          } else {
-            setCurrentQuestionIndex(currentQuestionIndex - 1);
-            setShowErrorMessage(false);
-          }
+const ConnectSuccessSurvey = React__default.forwardRef(({ handleBack, handleDone }, connectSuccessSurveyRef) => {
+  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
+  const [answers, setAnswers] = useState({});
+  const [showThankYouMessage, setShowThankYouMessage] = useState(false);
+  const [showErrorMessage, setShowErrorMessage] = useState(false);
+  const { onSubmitConnectSuccessSurvey } = useContext(AnalyticContext);
+  const tokens = useTokens();
+  const styles = getStyles$v(tokens);
+  useImperativeHandle(connectSuccessSurveyRef, () => {
+    return {
+      handleConnectSuccessSurveyBackButton() {
+        if (currentQuestionIndex === 0) {
+          handleBack();
+        } else {
+          setCurrentQuestionIndex(currentQuestionIndex - 1);
+          setShowErrorMessage(false);
         }
-      };
-    }, [currentQuestionIndex]);
-    const handleToggleButtonChange = (questionIndex, answer) => {
-      if (answer !== null) {
-        setAnswers({ ...answers, [questionIndex]: answer });
-        setShowErrorMessage(false);
       }
     };
-    const handleTextFieldChange = (questionIndex, answer) => {
+  }, [currentQuestionIndex]);
+  const handleToggleButtonChange = (questionIndex, answer) => {
+    if (answer !== null) {
       setAnswers({ ...answers, [questionIndex]: answer });
-    };
-    const handleContinue = () => {
-      if (currentQuestionIndex in answers) {
-        setCurrentQuestionIndex(currentQuestionIndex + 1);
-      } else {
-        setShowErrorMessage(true);
-      }
-    };
-    const sendFeedback = () => {
-      onSubmitConnectSuccessSurvey(answers);
-      setShowThankYouMessage(true);
-    };
-    const currentQuestion = SURVEY_QUESTIONS[currentQuestionIndex];
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: connectSuccessSurveyRef, children: showThankYouMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(ThankYouMessage, { handleDone }) : /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.surveyQuestion, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "h2", truncate: false, variant: "H2", children: currentQuestion.question() }),
-      currentQuestion.type === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ToggleButtonGroup,
-          {
-            "aria-label": "Platform",
-            color: "primary",
-            exclusive: true,
-            onChange: (e) => handleToggleButtonChange(currentQuestionIndex, e.target.value),
-            style: styles.toggleButtonGroup,
-            value: answers[currentQuestionIndex],
-            children: Object.keys(SURVEY_RATING).map((key) => {
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ToggleButton,
-                {
+      setShowErrorMessage(false);
+    }
+  };
+  const handleTextFieldChange = (questionIndex, answer) => {
+    setAnswers({ ...answers, [questionIndex]: answer });
+  };
+  const handleContinue = () => {
+    if (currentQuestionIndex in answers) {
+      setCurrentQuestionIndex(currentQuestionIndex + 1);
+    } else {
+      setShowErrorMessage(true);
+    }
+  };
+  const sendFeedback = () => {
+    onSubmitConnectSuccessSurvey(answers);
+    setShowThankYouMessage(true);
+  };
+  const currentQuestion = SURVEY_QUESTIONS[currentQuestionIndex];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: showThankYouMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(ThankYouMessage, { handleDone }) : /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.surveyQuestion, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "h2", truncate: false, variant: "H2", children: currentQuestion.question() }),
+    currentQuestion.type === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ToggleButtonGroup,
+        {
+          "aria-label": "Platform",
+          color: "primary",
+          exclusive: true,
+          onChange: (_, newSelected) => handleToggleButtonChange(currentQuestionIndex, newSelected),
+          style: styles.toggleButtonGroup,
+          value: answers[currentQuestionIndex],
+          children: Object.keys(SURVEY_RATING).map((key) => {
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ToggleButton,
+              {
+                style: styles.toggleButton,
+                sx: {
                   color: "#2C64EF",
-                  style: styles.toggleButton,
-                  sx: {
-                    "&.Mui-selected": {
-                      backgroundColor: "#2C64EF",
-                      color: tokens.TextColor.Light,
-                      boxShadow: "none"
-                    }
-                  },
-                  value: SURVEY_RATING[key],
-                  children: key
+                  "&.Mui-selected": {
+                    backgroundColor: "#2C64EF",
+                    color: tokens.TextColor.Light,
+                    boxShadow: "none"
+                  }
                 },
-                key
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.boundLabels, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(x, { bold: true, variant: "Small", children: __("Strongly disagree") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(x, { bold: true, variant: "Small", children: __("Strongly agree") })
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.textQuestion, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(x, { style: styles.textQuestionTitle, variant: "Paragraph", children: __("Please let us know how we can improve.") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TextField$1,
-          {
-            autoFocus: true,
-            multiline: true,
-            onChange: (e) => handleTextFieldChange(currentQuestionIndex, e.target.value),
-            rows: 4,
-            value: answers[currentQuestionIndex]
-          }
-        )
-      ] }),
-      showErrorMessage && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.errorMessage, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: "#E32727", size: 16, style: styles.errorIcon }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(x, { color: "#E32727", sx: { fontSize: "12px" }, variant: "XSmall", children: __("Please select an option before continuing.") })
-      ] }),
-      currentQuestionIndex === SURVEY_QUESTIONS.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button$1,
-        {
-          fullWidth: true,
-          onClick: sendFeedback,
-          style: styles.button,
-          variant: "contained",
-          children: __("Send feedback")
+                value: SURVEY_RATING[+key],
+                children: key
+              },
+              key
+            );
+          })
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button$1,
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.boundLabels, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(x, { bold: true, variant: "Small", children: __("Strongly disagree") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(x, { bold: true, variant: "Small", children: __("Strongly agree") })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.textQuestion, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { style: styles.textQuestionTitle, variant: "Paragraph", children: __("Please let us know how we can improve.") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TextField$1,
         {
-          fullWidth: true,
-          onClick: handleContinue,
-          style: styles.button,
-          variant: "contained",
-          children: __("Continue")
+          autoFocus: true,
+          multiline: true,
+          onChange: (e) => handleTextFieldChange(currentQuestionIndex, e.target.value),
+          rows: 4,
+          value: answers[currentQuestionIndex]
         }
       )
-    ] }) }) });
-  }
-);
-const getStyles$t = (tokens) => ({
+    ] }),
+    showErrorMessage && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.errorMessage, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: "#E32727", size: 16, style: styles.errorIcon }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { color: "#E32727", sx: { fontSize: "12px" }, variant: "XSmall", children: __("Please select an option before continuing.") })
+    ] }),
+    currentQuestionIndex === SURVEY_QUESTIONS.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        fullWidth: true,
+        onClick: sendFeedback,
+        style: styles.button,
+        variant: "contained",
+        children: __("Send feedback")
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button$1,
+      {
+        fullWidth: true,
+        onClick: handleContinue,
+        style: styles.button,
+        variant: "contained",
+        children: __("Continue")
+      }
+    )
+  ] }) }) });
+});
+const getStyles$v = (tokens) => ({
   checkMarkIcon: {
     display: "flex",
     justifyContent: "center",
@@ -69082,8 +68879,7 @@ const getStyles$t = (tokens) => ({
     display: "flex",
     flexDirection: "column",
     width: "100%",
-    marginTop: tokens.Spacing.Large,
-    marginBottom: tokens.Spacing.XLarge
+    marginTop: tokens.Spacing.Large
   },
   textQuestionTitle: {
     marginBottom: tokens.Spacing.Medium
@@ -69104,7 +68900,7 @@ const Connected = React__default.forwardRef(
     const appName = useSelector((state) => state.profiles.client.oauth_app_name || null);
     const { onShowConnectSuccessSurvey } = useContext(AnalyticContext);
     const tokens = useTokens();
-    const styles = getStyles$s(tokens);
+    const styles = getStyles$u(tokens);
     const getNextDelay = getDelay();
     const [showFeedBack, setShowFeedBack] = useState(false);
     const { name: institutionName } = institution;
@@ -69119,7 +68915,7 @@ const Connected = React__default.forwardRef(
     useImperativeHandle(navigationRef, () => {
       return {
         handleBackButton() {
-          connectSuccessSurveyRef.current.handleConnectSuccessSurveyBackButton();
+          connectSuccessSurveyRef.current?.handleConnectSuccessSurveyBackButton();
         },
         showBackButton() {
           return showFeedBack;
@@ -69212,7 +69008,7 @@ const Connected = React__default.forwardRef(
     ] });
   }
 );
-const getStyles$s = (tokens) => {
+const getStyles$u = (tokens) => {
   return {
     header: {
       display: "flex",
@@ -69265,13 +69061,13 @@ const Tag = ({
   ...rest
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$r(tokens);
+  const styles = getStyles$t(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `${dist.css(styles.wrapper)} ${size} ${variant} kyper-tag ${className}`, ...rest, children: [
     title,
     children
   ] });
 };
-const getStyles$r = (tokens) => ({
+const getStyles$t = (tokens) => ({
   wrapper: {
     display: "inline-flex",
     alignItems: "center",
@@ -69348,7 +69144,7 @@ Tag.propTypes = {
 const ActionTile = (props) => {
   const { icon, onSelectAction, subTitle, title } = props;
   const tokens = useTokens();
-  const styles = getStyles$q(tokens);
+  const styles = getStyles$s(tokens);
   const startIcon = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.iconColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.iconBackground, children: icon }) });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$1,
@@ -69366,7 +69162,7 @@ const ActionTile = (props) => {
     }
   ) });
 };
-const getStyles$q = (tokens) => ({
+const getStyles$s = (tokens) => ({
   iconColumn: {
     alignSelf: "start",
     display: "flex",
@@ -69404,7 +69200,7 @@ const SharedRoutingNumber = (props) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_SHARED_ROUTING_NUMBER);
   const containerRef = useRef(null);
   const tokens = useTokens();
-  const styles = getStyles$p(tokens);
+  const styles = getStyles$r(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
@@ -69464,7 +69260,7 @@ const SharedRoutingNumber = (props) => {
     ] })
   ] });
 };
-const getStyles$p = (tokens) => ({
+const getStyles$r = (tokens) => ({
   container: {
     display: "flex",
     flexDirection: "column"
@@ -69515,7 +69311,7 @@ const SvgCheckRoutingNumber = (props) => /* @__PURE__ */ React$2.createElement("
 const FindAccountInfo = ({ onClose, step }) => {
   const containerRef = useRef(null);
   const tokens = useTokens();
-  const styles = getStyles$o(tokens);
+  const styles = getStyles$q(tokens);
   const getNextDelay = getDelay();
   const type = step === VIEWS.ACCOUNT_INFO ? __("account") : __("routing");
   const handleClose = () => fadeOut(containerRef.current, "up", 300).then(onClose);
@@ -69570,7 +69366,7 @@ const FindAccountInfo = ({ onClose, step }) => {
     ) })
   ] });
 };
-const getStyles$o = (tokens) => ({
+const getStyles$q = (tokens) => ({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -69596,7 +69392,7 @@ FindAccountInfo.propTypes = {
 const ActionableUtilityRow = (props) => {
   const { text, textStyles, onClick, icon, role = "button", showHorizontalLine = true } = props;
   const tokens = useTokens();
-  const styles = getStyles$n(tokens);
+  const styles = getStyles$p(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
@@ -69626,7 +69422,7 @@ const ActionableUtilityRow = (props) => {
     showHorizontalLine && /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { style: styles.hr })
   ] });
 };
-const getStyles$n = (tokens) => {
+const getStyles$p = (tokens) => {
   return {
     container: {
       marginLeft: `-${tokens.Spacing.Small}px`,
@@ -69668,7 +69464,7 @@ const RoutingNumber = (props) => {
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_ROUTING_NUMBER);
   const tokens = useTokens();
-  const styles = getStyles$m(tokens);
+  const styles = getStyles$o(tokens);
   const getNextDelay = getDelay();
   const postMessageFunctions = useContext(PostMessageContext);
   const [routingBlocked, setRoutingBlocked] = useState("");
@@ -69810,7 +69606,7 @@ const RoutingNumber = (props) => {
     ] })
   ] });
 };
-const getStyles$m = (tokens) => ({
+const getStyles$o = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -69835,7 +69631,7 @@ const HowItWorks = ({ onContinue }) => {
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_HOW_IT_WORKS);
   const tokens = useTokens();
-  const styles = getStyles$l(tokens);
+  const styles = getStyles$n(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.body, children: [
@@ -69864,7 +69660,7 @@ const HowItWorks = ({ onContinue }) => {
     ) })
   ] });
 };
-const getStyles$l = (tokens) => {
+const getStyles$n = (tokens) => {
   return {
     body: {
       display: "flex",
@@ -69909,7 +69705,7 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
     initialFormValues
   );
   const tokens = useTokens();
-  const styles = getStyles$k(tokens);
+  const styles = getStyles$m(tokens);
   const getNextDelay = getDelay();
   useEffect(() => {
     if (!isSubmitting) return () => {
@@ -69996,7 +69792,7 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message: Object.values(errors).join(", ") })
   ] }) });
 };
-const getStyles$k = (tokens) => ({
+const getStyles$m = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70048,7 +69844,7 @@ const AccountInfo = (props) => {
     initialForm
   );
   const tokens = useTokens();
-  const styles = getStyles$j(tokens);
+  const styles = getStyles$l(tokens);
   const getNextDelay = getDelay();
   function handleContinue() {
     const newAccountDetails = {
@@ -70159,7 +69955,7 @@ const AccountInfo = (props) => {
     ] })
   ] });
 };
-const getStyles$j = (tokens) => ({
+const getStyles$l = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70210,7 +70006,7 @@ Edit.displayName = "Edit";
 
 const DetailReviewItem = (props) => {
   const tokens = useTokens();
-  const styles = getStyles$i(tokens);
+  const styles = getStyles$k(tokens);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.infoRow, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.textGroup, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -70254,7 +70050,7 @@ const DetailReviewItem = (props) => {
     )
   ] });
 };
-const getStyles$i = (tokens) => ({
+const getStyles$k = (tokens) => ({
   infoRow: {
     alignItems: "center",
     borderBottom: `1px solid ${tokens.Color.Neutral300}`,
@@ -70295,7 +70091,7 @@ const ConfirmDetails = (props) => {
   const is_mobile_webview = useSelector(selectIsMobileWebView);
   const user_guid = useSelector((state) => state.profiles.user.guid);
   const tokens = useTokens();
-  const styles = getStyles$h(tokens);
+  const styles = getStyles$j(tokens);
   const getNextDelay = getDelay();
   const analyticFunctions = useContext(AnalyticContext);
   const postMessageFunctions = useContext(PostMessageContext);
@@ -70431,7 +70227,7 @@ const ConfirmDetails = (props) => {
     ] })
   ] });
 };
-const getStyles$h = (tokens) => ({
+const getStyles$j = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70477,7 +70273,7 @@ const ComeBack = ({ microdeposit, onDone }) => {
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_COME_BACK);
   const tokens = useTokens();
-  const styles = getStyles$g(tokens);
+  const styles = getStyles$i(tokens);
   const postMessageFunctions = useContext(PostMessageContext);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: 100, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, "data-test": "svg-header", style: styles.svg, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgComeBackGraphic, {}) }) }),
@@ -70515,7 +70311,7 @@ const ComeBack = ({ microdeposit, onDone }) => {
     ) })
   ] });
 };
-const getStyles$g = (tokens) => ({
+const getStyles$i = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70577,7 +70373,7 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
     initialForm
   );
   const tokens = useTokens();
-  const styles = getStyles$f(tokens);
+  const styles = getStyles$h(tokens);
   const [state, dispatch] = useReducer(reducer$3, { isSubmitting: false, submittingError: false });
   useEffect(() => {
     if (!state.isSubmitting) return () => {
@@ -70672,7 +70468,7 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
     ] })
   ] });
 };
-const getStyles$f = (tokens) => ({
+const getStyles$h = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70720,7 +70516,7 @@ const MicrodepositErrors = ({
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_MICRODEPOSIT_ERRORS);
   const tokens = useTokens();
-  const styles = getStyles$e(tokens);
+  const styles = getStyles$g(tokens);
   const postMessageFunctions = useContext(PostMessageContext);
   const isErroredStatus = microdeposit?.status === MicrodepositsStatuses.ERRORED || microdepositCreateError?.status === 400;
   const accountNumber = microdeposit?.account_number || microdepositCreateError?.data.micro_deposit.account_number || accountDetails?.account_number;
@@ -70794,7 +70590,7 @@ const MicrodepositErrors = ({
     ] })
   ] });
 };
-const getStyles$e = (tokens) => ({
+const getStyles$g = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70845,7 +70641,7 @@ const Verifying = ({ microdeposit, onError, onSuccess }) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_VERIFYING);
   const { api } = useApi();
   const tokens = useTokens();
-  const styles = getStyles$d(tokens);
+  const styles = getStyles$f(tokens);
   useEffect(() => {
     const pollStatus = (originalMicrodeposit) => interval(3e3).pipe(
       switchMap(() => defer(() => api.loadMicrodepositByGuid(microdeposit.guid))),
@@ -70896,7 +70692,7 @@ const Verifying = ({ microdeposit, onError, onSuccess }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.spinner, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}) }) })
   ] });
 };
-const getStyles$d = (tokens) => ({
+const getStyles$f = (tokens) => ({
   header: {
     display: "flex",
     flexDirection: "column"
@@ -70923,7 +70719,7 @@ const Verified = ({ microdeposit, onDone }) => {
   const containerRef = useRef(null);
   useAnalyticsPath(...PageviewInfo.CONNECT_MICRODEPOSITS_VERIFIED);
   const tokens = useTokens();
-  const styles = getStyles$c(tokens);
+  const styles = getStyles$e(tokens);
   const postMessageFunctions = useContext(PostMessageContext);
   const is_mobile_webview = useSelector(selectIsMobileWebView);
   const analyticFunctions = useContext(AnalyticContext);
@@ -70957,7 +70753,7 @@ const Verified = ({ microdeposit, onDone }) => {
     ) })
   ] });
 };
-const getStyles$c = (tokens) => ({
+const getStyles$e = (tokens) => ({
   container: {
     position: "relative"
   },
@@ -71358,7 +71154,7 @@ const VerifyExistingMember = (props) => {
     institutionError: null
   });
   const tokens = useTokens();
-  const styles = getStyles$b(tokens);
+  const styles = getStyles$d(tokens);
   const handleMemberClick = (selectedMember2) => {
     setSelectedMember(selectedMember2);
     setInstitution((state) => ({ ...state, isLoadingInstitution: true }));
@@ -71473,7 +71269,7 @@ const VerifyExistingMember = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(PrivateAndSecure, {})
   ] });
 };
-const getStyles$b = (tokens) => {
+const getStyles$d = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -71493,7 +71289,7 @@ VerifyExistingMember.displayName = "VerifyExistingMember";
 const VerifyError = ({ error, onGoBack }) => {
   const buttonText = __("Go back");
   const tokens = useTokens();
-  const styles = getStyles$a(tokens);
+  const styles = getStyles$c(tokens);
   const getNextDelay = getDelay();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ViewTitle, { title: __("Something went wrong") }) }),
@@ -71521,7 +71317,7 @@ function getErrorMessage(status = 500) {
     return __("Oops! Something went wrong. Error code: %1", status);
   }
 }
-const getStyles$a = (tokens) => {
+const getStyles$c = (tokens) => {
   return {
     header: {
       fontSize: tokens.FontSize.H2,
@@ -71874,7 +71670,7 @@ const StyledAccountTypeIcon = ({
   ...props
 }) => {
   const tokens = useTokens();
-  const styles = getStyles$9(tokens, props.size, style);
+  const styles = getStyles$b(tokens, props.size, style);
   const getIcon = () => {
     switch (props.icon) {
       case AccountTypes.CHECKING:
@@ -71909,7 +71705,7 @@ const StyledAccountTypeIcon = ({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.wrapper, children: getIcon() });
 };
-const getStyles$9 = (tokens, size, style) => ({
+const getStyles$b = (tokens, size, style) => ({
   wrapper: {
     background: "linear-gradient(to top right, rgba(77, 214, 214, 0.35), rgba(143, 69, 229, 0.35)",
     border: `1px solid rgba(18, 20, 23, 0.25)`,
@@ -71962,7 +71758,7 @@ const _range = /*@__PURE__*/getDefaultExportFromCjs(range_1);
 const DayOfMonthPicker = React__default.forwardRef(
   (props, ref) => {
     const tokens = useTokens();
-    const styles = getStyles$8(tokens);
+    const styles = getStyles$a(tokens);
     const getNextDelay = getDelay();
     const days = _range(1, 32);
     const containerRef = ref;
@@ -72017,7 +71813,7 @@ const DayOfMonthPicker = React__default.forwardRef(
     ] });
   }
 );
-const getStyles$8 = (tokens) => ({
+const getStyles$a = (tokens) => ({
   buttons: {
     display: "flex",
     flexWrap: "wrap",
@@ -72041,7 +71837,7 @@ const ManualAccountForm = React__default.forwardRef(
     const [accountCreationError, setAccountCreationError] = useState(null);
     const dispatch = useDispatch();
     const tokens = useTokens();
-    const styles = getStyles$7(tokens);
+    const styles = getStyles$9(tokens);
     const getNextDelay = getDelay();
     const fields = getFormFields(props.accountType);
     const formRef = ref;
@@ -72275,7 +72071,7 @@ const ManualAccountForm = React__default.forwardRef(
     ] });
   }
 );
-const getStyles$7 = (tokens) => ({
+const getStyles$9 = (tokens) => ({
   title: {
     display: "flex",
     marginBottom: tokens.Spacing.Large,
@@ -72311,7 +72107,7 @@ ManualAccountForm.displayName = "ManualAccountForm";
 
 const ManualAccountMenu = React__default.forwardRef((props, ref) => {
   const tokens = useTokens();
-  const styles = getStyles$6(tokens);
+  const styles = getStyles$8(tokens);
   const getNextDelay = getDelay();
   const typeList = props.availableAccountTypes?.length !== 0 ? props.availableAccountTypes : [
     AccountTypes.CHECKING,
@@ -72388,7 +72184,7 @@ const ManualAccountMenu = React__default.forwardRef((props, ref) => {
     )) })
   ] });
 });
-const getStyles$6 = (tokens) => ({
+const getStyles$8 = (tokens) => ({
   title: {
     marginBottom: tokens.Spacing.XSmall,
     marginTop: tokens.Spacing.Large
@@ -72409,7 +72205,7 @@ const ManualAccountSuccess = (props) => {
   useAnalyticsPath(...PageviewInfo.CONNECT_MANUAL_ACCOUNT_SUCCESS);
   const postMessageFunctions = useContext(PostMessageContext);
   const tokens = useTokens();
-  const styles = getStyles$5(tokens);
+  const styles = getStyles$7(tokens);
   const getNextDelay = getDelay();
   const handleDone = () => fadeOut(containerRef.current, "up", 300).then(() => props.handleDone());
   const manualAccountSuccessMessage = __(
@@ -72474,7 +72270,7 @@ const ManualAccountSuccess = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AriaLive, { level: "assertive", message: manualAccountSuccessMessage, timeout: 100 })
   ] });
 };
-const getStyles$5 = (tokens) => ({
+const getStyles$7 = (tokens) => ({
   container: {
     textAlign: "center"
   },
@@ -72659,7 +72455,7 @@ const RenderConnectStep = (props) => {
   const { handleSelectInstitution } = useSelectInstitution();
   const dispatch = useDispatch();
   const tokens = useTokens();
-  const styles = getStyles$4(tokens, step);
+  const styles = getStyles$6(tokens, step);
   const mode = connectConfig?.mode ?? AGG_MODE;
   const isMicrodepositsEnabled = mode === VERIFY_MODE && // MDV is only enabled in verification
   clientProfile.account_verification_is_enabled && // Client supports verification
@@ -72885,7 +72681,7 @@ RenderConnectStep.propTypes = {
   setConnectLocalState: PropTypes$1.func.isRequired
 };
 RenderConnectStep.displayName = "RenderConnectStep";
-const getStyles$4 = (tokens, step) => {
+const getStyles$6 = (tokens, step) => {
   return {
     container: {
       backgroundColor: tokens.BackgroundColor.Container,
@@ -74402,7 +74198,7 @@ const DeleteMemberSurvey = (props) => {
   });
   const [isSubmitted, setIsSubmitted] = useState(false);
   const tokens = useTokens();
-  const styles = getStyles$3(tokens);
+  const styles = getStyles$5(tokens);
   useEffect(() => {
     if (deleteMemberState.loading === false) return () => {
     };
@@ -74500,7 +74296,7 @@ const DeleteMemberSurvey = (props) => {
     )
   ] }) }) }) });
 };
-const getStyles$3 = (tokens) => ({
+const getStyles$5 = (tokens) => ({
   component: {
     display: "block",
     whiteSpace: "normal"
@@ -74582,7 +74378,7 @@ const NON_CONECTED_REASONS = [
 const ConnectNavigationHeader = (props) => {
   const goBackButtonContainerRef = useRef();
   const tokens = useTokens();
-  const styles = getStyles$2(tokens);
+  const styles = getStyles$4(tokens);
   const step = useSelector(
     (state) => state.connect.location[state.connect.location.length - 1]?.step ?? STEPS.SEARCH
   );
@@ -74614,7 +74410,7 @@ ConnectNavigationHeader.propTypes = {
   connectGoBack: PropTypes$1.func.isRequired,
   stepComponentRef: PropTypes$1.object
 };
-const getStyles$2 = (tokens) => {
+const getStyles$4 = (tokens) => {
   return {
     container: {
       display: "flex",
@@ -74638,6 +74434,61 @@ const getStyles$2 = (tokens) => {
   };
 };
 
+const Container = (props) => {
+  const tokens = useTokens();
+  const styles = getStyles$3(tokens, props.step);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "container", style: styles.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.content, children: props.children }) });
+};
+Container.propTypes = {
+  step: PropTypes$1.string
+};
+const getStyles$3 = (tokens, step) => {
+  return {
+    container: {
+      backgroundColor: tokens.BackgroundColor.Container,
+      minHeight: "100%",
+      maxHeight: step === STEPS.SEARCH ? "100%" : null,
+      display: "flex",
+      justifyContent: "center"
+    },
+    content: {
+      maxWidth: "400px",
+      // Our max content width (does not include side margin)
+      minWidth: "270px",
+      // Our min content width (does not include side margin)
+      width: "100%",
+      // We want this container to shrink and grow between our min-max
+      margin: tokens.Spacing.Large
+    }
+  };
+};
+
+const ConfigError = ({ error }) => {
+  const tokens = useTokens();
+  const styles = getStyles$2(tokens);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: "#4D4D4D", size: 32, style: styles.errorIcon }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "h2", style: styles.errorTitle, truncate: false, variant: "H2", children: error.title }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", truncate: false, variant: "Paragraph", children: error.message })
+  ] }) });
+};
+const getStyles$2 = (tokens) => ({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyCcontent: "center",
+    marginTop: "36px",
+    textAlign: "center"
+  },
+  errorTitle: {
+    marginBottom: tokens.Spacing.Tiny
+  },
+  errorIcon: {
+    marginBottom: tokens.Spacing.Large
+  }
+});
+
 const getErrorResource = (err) => {
   if (err.config?.url.includes("/institutions")) {
     return "/institutions";
@@ -74670,23 +74521,39 @@ const useLoadConnect = () => {
       request$ = of({ config });
     }
     const requestSubscription$ = request$.pipe(
-      mergeMap(
-        (dependencies) => from(api.loadMembers()).pipe(
-          map(
-            (members) => loadConnectSuccess$1({
-              members,
-              widgetProfile: profiles.widgetProfile,
-              ...dependencies
-            })
-          )
-        )
-      ),
+      mergeMap((dependencies) => {
+        if (clientSupportRequestedProducts(config, profiles.clientProfile)) {
+          return from(api.loadMembers()).pipe(
+            map(
+              (members) => loadConnectSuccess$1({
+                members,
+                widgetProfile: profiles.widgetProfile,
+                ...dependencies
+              })
+            )
+          );
+        }
+        return of(
+          loadConnectError$1({
+            title: __("Mode not enabled"),
+            message: __(
+              "This mode isn’t available in your current plan. Please contact your representative to explore options."
+            ),
+            type: "config"
+          })
+        );
+      }),
       catchError((err) => {
-        if (err instanceof VerifyNotEnabled) {
+        if (err instanceof InstitutionConfigNotEnabled) {
           return of(
             loadConnectError$1({
-              message: __("This connection doesn't support verification."),
-              resource: err.entity_type
+              title: __("Feature not available"),
+              message: __(
+                "%1 does not offer this feature. Please contact your representative to explore options.",
+                err.entity.name
+              ),
+              resource: err.entity_type,
+              type: "config"
             })
           );
         } else {
@@ -74714,16 +74581,21 @@ const useLoadConnect = () => {
 function loadConnectFromMemberConfig(config, api) {
   return from(api.loadMemberByGuid(config.current_member_guid)).pipe(
     mergeMap((member) => {
-      if (config.mode === VERIFY_MODE && !member.verification_is_enabled) {
-        throw new VerifyNotEnabled(member, "Loaded member does not support verification", "/member");
-      }
-      if (config.mode === VERIFY_MODE && member.connection_status === ReadableStatuses$1.CONNECTED) {
-        return defer(() => api.loadInstitutionByGuid(member.institution_guid)).pipe(
-          map((institution) => ({ member, institution, config }))
-        );
-      }
       return defer(() => api.loadInstitutionByGuid(member.institution_guid)).pipe(
-        map((institution) => ({ member, institution, config }))
+        map((institution) => {
+          if (instutionSupportRequestedProducts(config, institution)) {
+            return {
+              member,
+              institution,
+              config
+            };
+          }
+          throw new InstitutionConfigNotEnabled(
+            institution,
+            "Loaded institution does not support verification",
+            "/institution"
+          );
+        })
       );
     })
   );
@@ -74732,14 +74604,17 @@ function loadConnectFromInstitutionConfig(config, api) {
   const request$ = config.current_institution_guid ? from(api.loadInstitutionByGuid(config.current_institution_guid)) : from(api.loadInstitutionByCode(config.current_institution_code));
   return request$.pipe(
     map((institution) => {
-      if (config.mode === VERIFY_MODE && !institution.account_verification_is_enabled) {
-        throw new VerifyNotEnabled(
+      if (instutionSupportRequestedProducts(config, institution)) {
+        return {
           institution,
-          "Loaded institution does not support verification",
-          "/institution"
-        );
+          config
+        };
       }
-      return { institution, config };
+      throw new InstitutionConfigNotEnabled(
+        institution,
+        "Loaded institution does not support verification",
+        "/institution"
+      );
     })
   );
 }
@@ -74748,12 +74623,28 @@ function loadConnectFromMicrodepositConfig(config, api) {
     map((microdeposit) => ({ microdeposit, config }))
   );
 }
-class VerifyNotEnabled extends Error {
+function clientSupportRequestedProducts(config, clientProfile) {
+  const products = config?.data_request?.products;
+  if (Array.isArray(products) && products.length > 0) {
+    return products.every((product) => {
+      switch (product) {
+        case COMBO_JOB_DATA_TYPES.ACCOUNT_NUMBER:
+          return clientProfile.account_verification_is_enabled;
+        case COMBO_JOB_DATA_TYPES.ACCOUNT_OWNER:
+          return clientProfile.account_identification_is_enabled;
+        default:
+          return true;
+      }
+    });
+  }
+  return true;
+}
+class InstitutionConfigNotEnabled extends Error {
   entity;
   entity_type;
   constructor(entity, message, entity_type) {
     super(message);
-    this.name = "VerifyNotEnabled";
+    this.name = "InstitutionConfigNotEnabled";
     this.message = message;
     this.stack = new Error().stack;
     this.entity = entity;
@@ -74766,7 +74657,7 @@ const AnalyticContext = createContext({
   },
   onAnalyticPageview: () => {
   },
-  onShowConnectSuccessSurvey: null,
+  onShowConnectSuccessSurvey: void 0,
   onSubmitConnectSuccessSurvey: () => {
   }
 });
@@ -74784,7 +74675,7 @@ const Connect$2 = ({
   },
   onAnalyticPageview = () => {
   },
-  onShowConnectSuccessSurvey = null,
+  onShowConnectSuccessSurvey = void 0,
   onSubmitConnectSuccessSurvey = () => {
   },
   ...props
@@ -74794,12 +74685,6 @@ const Connect$2 = ({
   const hasAtriumAPI = useSelector((state2) => state2.profiles.client.has_atrium_api);
   const isLoading = useSelector((state2) => state2.connect.isComponentLoading);
   const isMobileWebview = useSelector(selectIsMobileWebView);
-  const isVerificationEnabled = useSelector(
-    (state2) => state2.profiles.clientProfile.account_verification_is_enabled
-  );
-  const isTaxStatementIsEnabled = useSelector(
-    (state2) => state2.profiles.clientProfile.tax_statement_is_enabled
-  );
   const step = useSelector(
     (state2) => state2.connect.location[state2.connect.location.length - 1]?.step ?? STEPS.SEARCH
   );
@@ -74818,10 +74703,10 @@ const Connect$2 = ({
   const dispatch = useDispatch();
   useEffect(() => {
     const [name, path] = PageviewInfo.CONNECT;
-    const mode2 = props.clientConfig.mode;
-    dispatch(addAnalyticPath({ name, path: `${path}/${mode2}` }));
+    const mode = props.clientConfig.mode;
+    dispatch(addAnalyticPath({ name, path: `${path}/${mode}` }));
     return () => {
-      dispatch(removeAnalyticPath(`${PageviewInfo.CONNECT[1]}/${mode2}`));
+      dispatch(removeAnalyticPath(`${PageviewInfo.CONNECT[1]}/${mode}`));
     };
   }, []);
   useEffect(() => {
@@ -74922,19 +74807,13 @@ const Connect$2 = ({
   const _handleStepDOMChange = useCallback((ref) => {
     setState((prevState) => ({ ...prevState, stepComponentRef: ref }));
   }, []);
-  const mode = connectConfig?.mode ?? AGG_MODE;
-  const IS_IN_TAX_MODE = mode === TAX_MODE;
-  const IS_IN_VERIFY_MODE = mode === VERIFY_MODE;
-  const invalidTaxMode = IS_IN_TAX_MODE && !isTaxStatementIsEnabled;
-  const invalidVerifyMode = IS_IN_VERIFY_MODE && !isVerificationEnabled;
-  if (invalidVerifyMode || invalidTaxMode) {
-    const title = IS_IN_TAX_MODE ? __("Oops! Tax statements must be enabled to use this feature.") : __("Oops! Verification must be enabled to use this feature.");
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericError, { onAnalyticPageview, title });
-  }
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, { showText: true });
   }
   if (loadError) {
+    if (loadError.type === "config") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigError, { error: loadError });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       GenericError,
       {
@@ -75425,6 +75304,11 @@ const frCa = {
 	"Please select an option before continuing.": "Veuillez sélectionner une option avant de continuer.",
 	"Send feedback": "Envoyer des commentaires",
 	"Give feedback": "Donnez votre avis",
+	"Disconnect institution": "Déconnecter l'institution",
+	"Mode not enabled": "Mode non activé",
+	"This mode isn’t available in your current plan. Please contact your representative to explore options.": "Ce mode n'est pas disponible avec votre forfait actuel. Veuillez contacter votre représentant pour explorer les options.",
+	"Feature not available": "Fonctionnalité non disponible",
+	"%1 does not offer this feature. Please contact your representative to explore options.": "%1 n'offre pas cette fonctionnalité. Veuillez contacter votre représentant pour explorer les options.",
 	"connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "En cliquant sur Continuer, vous acceptez la ",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy.": "Politique de confidentialité de MX.",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy": "Politique de confidentialité de MX.",
@@ -75851,6 +75735,11 @@ const es = {
 	"Please select an option before continuing.": "Seleccione una opción antes de continuar.",
 	"Send feedback": "Enviar comentarios",
 	"Give feedback": "Dar retroalimentación",
+	"Disconnect institution": "Desconectar institución",
+	"Mode not enabled": "Modo no habilitado",
+	"This mode isn’t available in your current plan. Please contact your representative to explore options.": "Este modo no está disponible en tu plan actual. Contacte a su representante para explorar las opciones.",
+	"Feature not available": "Característica no disponible",
+	"%1 does not offer this feature. Please contact your representative to explore options.": "%1 no ofrece esta función. Contacte a su representante para explorar las opciones.",
 	"connect/disclosure/button\u0004Continue": "Continuar",
 	"connect/disclosure/policy/text\u0004By clicking Continue, you agree to the ": "Al hacer clic en Continuar, tu aceptas la ",
 	"connect/disclosure/policy/link\u0004MX Privacy Policy.": "Política de privacidad de Money Experience.",