@servicetitan/anvil2 1.29.0 → 1.31.0

package/dist/toast-CbokOkfo.js

@@ -1,937 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createContext, forwardRef, useRef, useState, useEffect, useCallback, useMemo, useContext } from 'react';
-import { c as cx } from './index-tZvMCc77.js';
-import { B as Button } from './Button-Ce--YZ9L-Csh0Zzuf.js';
-import { A as Alert } from './Alert-CRv6t4jJ-g1uOIz5i.js';
-import { P as ProgressBar } from './ProgressBar-DQ1lsFk2-Ci4eqzM0.js';
-import { u as useSwipe } from './useSwipe-DIUHs7T5-DIUHs7T5.js';
-import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-
-import './toast.css';/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-var byteToHex = [];
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  //
-  // Note to future-self: No, you can't remove the `toLowerCase()` call.
-  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-}
-
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-  return getRandomValues(rnds8);
-}
-
-var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)();
-
-  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80;
-  return unsafeStringify(rnds);
-}
-
-const toaster = "_toaster_nxs96_3";
-const hidden = "_hidden_nxs96_65";
-const stacked = "_stacked_nxs96_72";
-const open = "_open_nxs96_164";
-const close = "_close_nxs96_165";
-const slideIn = "_slideIn_nxs96_1";
-const slideOut = "_slideOut_nxs96_1";
-const styles = {
-	toaster: toaster,
-	"toast-wrapper": "_toast-wrapper_nxs96_28",
-	"toast-alert": "_toast-alert_nxs96_42",
-	"alert-action": "_alert-action_nxs96_47",
-	"message-container": "_message-container_nxs96_53",
-	"show-extra-toast": "_show-extra-toast_nxs96_62",
-	hidden: hidden,
-	stacked: stacked,
-	"stack-one": "_stack-one_nxs96_75",
-	"stack-two": "_stack-two_nxs96_75",
-	"stacked-show-extra": "_stacked-show-extra_nxs96_91",
-	"stacked-extra": "_stacked-extra_nxs96_105",
-	"show-more-button-container": "_show-more-button-container_nxs96_118",
-	"show-collapse-button-container": "_show-collapse-button-container_nxs96_119",
-	"show-collapse-button": "_show-collapse-button_nxs96_119",
-	open: open,
-	close: close,
-	slideIn: slideIn,
-	slideOut: slideOut
-};
-
-const ToastProviderContext = createContext({
-  toasts: [],
-  setToasts: () => [],
-  toastHeights: [],
-  setToastHeights: () => [],
-  getToasterHeight: () => 0,
-  toastsBeforeStack: 3,
-  setToastsBeforeStack: () => [],
-  extraToastsVisible: false,
-  setExtraToastsVisible: () => []
-});
-const ToastProvider = (children) => {
-  const [toasts, setToasts] = useState([]);
-  const [toastHeights, setToastHeights] = useState([]);
-  const [toastsBeforeStack, setToastsBeforeStack] = useState(3);
-  const [extraToastsVisible, setExtraToastsVisible] = useState(false);
-  const removeDuplicateToasts = (toasts2) => {
-    const toastIds = /* @__PURE__ */ new Set();
-    const uniqueToasts = toasts2.filter((toast) => {
-      if (toastIds.has(toast.id)) {
-        console.error(
-          `Encountered toast with duplicate id ${toast.id}. Each toast id needs to be unique.`
-        );
-        return false;
-      } else {
-        toastIds.add(toast.id);
-        return true;
-      }
-    });
-    return uniqueToasts;
-  };
-  useEffect(() => {
-    const uniqueToasts = removeDuplicateToasts(toasts);
-    if (toasts.length !== uniqueToasts.length) {
-      setToasts(uniqueToasts);
-    }
-  }, [toasts]);
-  const getToasterHeight = useCallback(
-    (index) => {
-      const toastHeightsOnly = toastHeights.filter((t, i) => {
-        return index !== undefined ? i > index : true;
-      }).map((t) => t.height);
-      if (toastHeightsOnly.length > 0) {
-        if (extraToastsVisible) {
-          return toastHeightsOnly.reduce((totalHeight, currentHeight) => {
-            return totalHeight + currentHeight;
-          });
-        }
-        return toastHeightsOnly.filter((t, i) => i >= toastHeightsOnly.length - toastsBeforeStack).reduce((totalHeight, currentHeight) => {
-          return totalHeight + currentHeight;
-        });
-      }
-      return 0;
-    },
-    [toastHeights, extraToastsVisible, toastsBeforeStack]
-  );
-  const value = useMemo(
-    () => ({
-      toasts,
-      setToasts,
-      toastHeights,
-      setToastHeights,
-      getToasterHeight,
-      toastsBeforeStack,
-      setToastsBeforeStack,
-      extraToastsVisible,
-      setExtraToastsVisible
-    }),
-    [
-      extraToastsVisible,
-      getToasterHeight,
-      toastHeights,
-      toasts,
-      toastsBeforeStack
-    ]
-  );
-  return /* @__PURE__ */ jsx(ToastProviderContext.Provider, { value, ...children });
-};
-const useToasts = () => {
-  const context = useContext(ToastProviderContext);
-  if (context == null) {
-    throw new Error("useToasts must be wrapped in <ToastProvider />");
-  }
-  return context;
-};
-
-const toast$1 = () => {
-  const toastMethods = [
-    "info",
-    "success",
-    "warning",
-    "danger",
-    "promise",
-    "update",
-    "dismiss"
-  ];
-  console.error(
-    "Please use one of the following toast methods:\n",
-    ...toastMethods.map((m) => `	toast.${m}()
-`)
-  );
-};
-const TOAST_EVENT_NAME = "hammer-toast";
-const TOAST_TYPES = ["info", "success", "warning", "danger"];
-const methods = {};
-TOAST_TYPES.forEach((type) => {
-  methods[type] = (props) => {
-    const uniqueId = v4();
-    const ToastAddEvent = new CustomEvent(TOAST_EVENT_NAME, {
-      composed: true,
-      detail: {
-        id: uniqueId,
-        eventType: "add",
-        status: type,
-        createdAt: Date.now(),
-        ...props
-      }
-    });
-    dispatchEvent(ToastAddEvent);
-    return uniqueId;
-  };
-});
-const update = (id, props) => {
-  const ToastEvent = new CustomEvent(
-    TOAST_EVENT_NAME,
-    {
-      composed: true,
-      detail: {
-        eventType: "update",
-        id,
-        ...props
-      }
-    }
-  );
-  dispatchEvent(ToastEvent);
-};
-const dismiss = (id) => {
-  const ToastEvent = new CustomEvent(
-    TOAST_EVENT_NAME,
-    {
-      composed: true,
-      detail: {
-        eventType: "dismiss",
-        id
-      }
-    }
-  );
-  dispatchEvent(ToastEvent);
-};
-const promise = async (promise2, toastConfig) => {
-  const { onClose, ...loadingToastConfig } = toastConfig.loading;
-  let closedWhileLoading = false;
-  const onCloseWhileLoading = (e) => {
-    toastConfig.loading.onClose?.(e);
-    closedWhileLoading = true;
-  };
-  const id = toast$1.info({
-    ...loadingToastConfig,
-    onClose: onCloseWhileLoading,
-    duration: false
-  });
-  await Promise.resolve(promise2).then((res) => {
-    if (closedWhileLoading) {
-      toast$1.success({
-        ...toastConfig.success(res)
-      });
-    } else {
-      toast$1.update(id, {
-        ...toastConfig.success(res),
-        status: "success"
-      });
-    }
-  }).catch((err) => {
-    if (closedWhileLoading) {
-      toast$1.danger({
-        ...toastConfig.error(err)
-      });
-    } else {
-      toast$1.update(id, {
-        ...toastConfig.error(err),
-        status: "danger"
-      });
-    }
-  });
-  return id;
-};
-toast$1.info = methods.info;
-toast$1.success = methods.success;
-toast$1.warning = methods.warning;
-toast$1.danger = methods.danger;
-toast$1.update = update;
-toast$1.dismiss = dismiss;
-toast$1.promise = promise;
-
-const useShowMoreButtonPositionStyles = () => {
-  const { toastHeights, toastsBeforeStack } = useToasts();
-  const totalToasts = toastHeights.length;
-  const extraSpace = totalToasts > toastsBeforeStack + 1 ? "2rem" : "1rem";
-  const top = useMemo(() => {
-    if (totalToasts > toastsBeforeStack) {
-      return toastHeights.filter((t, i) => i >= totalToasts - toastsBeforeStack).map((t) => t.height).reduce((t, c) => t + c);
-    }
-    return "unset";
-  }, [toastHeights, toastsBeforeStack]);
-  return {
-    // -0.75px fixes hover issue when 1rem != 16px due to pixel rounding
-    top: `calc(${top}px + ${extraSpace} - 0.75px)`,
-    position: "absolute",
-    display: totalToasts > toastsBeforeStack ? undefined : "none"
-  };
-};
-const STACKED_TOAST_HEIGHT = "5.3125rem";
-const STACKED_TOAST_PEEK_HEIGHT = "1rem";
-const TOAST_GAP = `${24 / 16}rem`;
-const useToastPositionStyles = (index) => {
-  const {
-    toasts,
-    toastHeights,
-    getToasterHeight,
-    toastsBeforeStack,
-    extraToastsVisible
-  } = useToasts();
-  const toastCount = toasts.length;
-  const toasterHeight = getToasterHeight(index);
-  return useMemo(() => {
-    if (index === toastCount - 1) {
-      return {
-        top: TOAST_GAP,
-        zIndex: 3
-      };
-    } else if (
-      // all toasts when show more is clicked
-      extraToastsVisible || // or visible toasts when stacked
-      !extraToastsVisible && (toastCount <= toastsBeforeStack || toastCount > toastsBeforeStack && index >= toastCount - toastsBeforeStack)
-    ) {
-      return {
-        top: `calc(${toasterHeight}px + ${TOAST_GAP})`
-      };
-    } else {
-      if (toastCount > toastsBeforeStack) {
-        if (index === toastCount - toastsBeforeStack - 1) {
-          return {
-            top: `calc(${toasterHeight || 0}px - ${STACKED_TOAST_HEIGHT} +
-              ${STACKED_TOAST_PEEK_HEIGHT})`,
-            zIndex: 1
-          };
-        } else if (index <= toastCount - toastsBeforeStack - 2) {
-          return {
-            top: `calc(${toasterHeight || 0}px -
-              ${STACKED_TOAST_HEIGHT} 
-             + ${STACKED_TOAST_PEEK_HEIGHT} * 2)`,
-            zIndex: 0
-          };
-        }
-      }
-    }
-    return undefined;
-  }, [toastHeights]);
-};
-const addOrUpdateToastHeight = (toastId, toastHeight, setToastHeights) => {
-  setToastHeights((prev) => {
-    if (prev.find((t) => t.id === toastId)) {
-      return prev.map((t) => {
-        if (t.id === toastId) {
-          return { ...t, height: toastHeight };
-        }
-        return t;
-      });
-    }
-    return [
-      ...prev,
-      {
-        id: toastId,
-        height: toastHeight
-      }
-    ];
-  });
-};
-const setToastsAfterClose = (setToasts, setToastHeights, id) => {
-  setToasts((prev) => id ? prev.filter((t) => t.id !== id) : []);
-  setToastHeights((prev) => id ? prev.filter((t) => t.id !== id) : []);
-};
-const closeToast = (setToasts, setToastHeights, closingToastClassName, id) => {
-  const prefersReducedMotion = globalThis.matchMedia(
-    `(prefers-reduced-motion: reduce)`
-  ).matches;
-  if (prefersReducedMotion) {
-    setToastsAfterClose(setToasts, setToastHeights, id);
-  } else {
-    setToasts(
-      (prev) => prev.map((t) => {
-        if (!id || t.id === id) {
-          return {
-            ...t,
-            toastClassName: closingToastClassName
-          };
-        }
-        return t;
-      })
-    );
-    setTimeout(() => {
-      setToastsAfterClose(setToasts, setToastHeights, id);
-    }, 290);
-  }
-};
-const useCloseToast = (closingToastClassName) => {
-  const { setToasts, setToastHeights } = useToasts();
-  return (id) => {
-    closeToast(setToasts, setToastHeights, closingToastClassName, id);
-  };
-};
-
-const Toast = forwardRef(
-  ({
-    actions,
-    containerClassName,
-    createdAt,
-    duration,
-    index = 0,
-    isBelowStackIndex,
-    isStacked,
-    message,
-    onClose,
-    onDismiss,
-    pausedStatus,
-    progress,
-    toastClassName,
-    ...alertProps
-  }, ref) => {
-    const { setToastHeights, extraToastsVisible } = useToasts();
-    const closeToast = useCloseToast(styles.close);
-    const toastPositionStyles = useToastPositionStyles(index);
-    const toastWrapperRef = useRef(null);
-    const timerRef = useRef();
-    const pausedAtRef = useRef(0);
-    const createdAtRef = useRef(createdAt ?? 0);
-    const hasBeenStackedRef = useRef(false);
-    const [transitionClass, setTransitionClass] = useState(
-      styles.hidden
-    );
-    const [toastOpened, setToastOpened] = useState(false);
-    const alertClasses = cx(
-      styles["toast-alert"],
-      toastClassName,
-      transitionClass
-    );
-    useEffect(() => {
-      if (!toastOpened) {
-        setTransitionClass(styles.open);
-        setToastOpened(true);
-      }
-      return () => {
-        onDismiss?.();
-      };
-    }, []);
-    useEffect(() => {
-      if (toastWrapperRef.current && toastOpened && !isStacked) {
-        if (isBelowStackIndex && extraToastsVisible) {
-          setTimeout(() => {
-            const height = toastWrapperRef.current?.clientHeight;
-            addOrUpdateToastHeight(alertProps.id, height ?? 0, setToastHeights);
-          }, 300);
-        } else {
-          const height = toastWrapperRef.current.clientHeight;
-          addOrUpdateToastHeight(alertProps.id, height, setToastHeights);
-        }
-      }
-    }, [
-      toastOpened,
-      isStacked,
-      extraToastsVisible,
-      // toast updates
-      actions,
-      message,
-      alertProps.title
-    ]);
-    useEffect(() => {
-      if (duration && !isStacked) {
-        if (!pausedStatus) {
-          timerRef.current = setTimeout(
-            () => closeToast(alertProps.id),
-            duration
-          );
-          return () => clearTimeout(timerRef.current);
-        } else if (typeof pausedStatus === "number") {
-          clearTimeout(timerRef.current);
-          pausedAtRef.current = pausedStatus;
-        } else if (pausedStatus === "resumed") {
-          const remainingDuration = (
-            // rendering new toast after initial hover
-            pausedAtRef.current === 0 ? duration : (
-              // resume timer after valid hover
-              duration + (createdAtRef.current || 0) - pausedAtRef.current
-            )
-          );
-          timerRef.current = setTimeout(() => {
-            closeToast(alertProps.id);
-            pausedAtRef.current = 0;
-          }, remainingDuration);
-          return () => clearTimeout(timerRef.current);
-        }
-      }
-    }, [createdAtRef.current, duration, pausedStatus]);
-    useEffect(() => {
-      if (duration) {
-        if (isStacked) {
-          clearTimeout(timerRef.current);
-          hasBeenStackedRef.current = true;
-        } else if (!isStacked && hasBeenStackedRef.current && !(typeof pausedStatus === "number")) {
-          createdAtRef.current = Date.now();
-          timerRef.current = setTimeout(() => {
-            closeToast(alertProps.id);
-            hasBeenStackedRef.current = false;
-          }, duration);
-          return () => clearTimeout(timerRef.current);
-        }
-      }
-    }, [isStacked, duration]);
-    const onSwipe = (dir) => {
-      if (dir === "right") {
-        toast$1.dismiss(alertProps.id);
-        return;
-      }
-    };
-    const { direction, ...touchProps } = useSwipe(onSwipe);
-    const alertCloseProps = isStacked && !extraToastsVisible ? {} : {
-      onClose
-    };
-    if (duration !== false && actions) {
-      throw new Error(
-        "If actions are provided to toast message, duration must be false."
-      );
-    }
-    const hasMessage = message && message !== "";
-    const hasProgress = progress != null;
-    const hasActions = actions && duration === false;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-anv": "toast",
-        className: containerClassName,
-        style: toastPositionStyles ?? { top: "1.5rem" },
-        ref: toastWrapperRef,
-        onAnimationStart: () => setToastOpened(true),
-        role: isStacked ? "presentation" : undefined,
-        ...touchProps,
-        children: /* @__PURE__ */ jsx(
-          Alert,
-          {
-            className: alertClasses,
-            ...alertProps,
-            ...alertCloseProps,
-            ref,
-            tabIndex: isStacked && !extraToastsVisible ? -1 : 0,
-            children: hasMessage || hasProgress || hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              hasMessage ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: styles["message-container"],
-                  id: `toast-message-${alertProps.id}`,
-                  children: message
-                }
-              ) : null,
-              hasProgress ? /* @__PURE__ */ jsx(Fragment, { children: progress === "indeterminate" ? /* @__PURE__ */ jsx(
-                ProgressBar,
-                {
-                  "aria-labelledby": `toast-message-${alertProps.id}`,
-                  indeterminate: true
-                }
-              ) : /* @__PURE__ */ jsx(
-                ProgressBar,
-                {
-                  "aria-labelledby": `toast-message-${alertProps.id}`,
-                  value: progress
-                }
-              ) }) : null,
-              hasActions ? /* @__PURE__ */ jsxs("div", { className: styles["alert-action"], children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    appearance: actions.primary.appearance,
-                    onClick: actions.primary.onClick,
-                    size: "small",
-                    children: actions.primary.label
-                  }
-                ),
-                actions.secondary && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    appearance: actions.secondary.appearance,
-                    onClick: actions.secondary.onClick,
-                    size: "small",
-                    children: actions.secondary.label
-                  }
-                )
-              ] }) : null
-            ] }) : null
-          }
-        )
-      }
-    );
-  }
-);
-Toast.displayName = "Toast";
-
-function useHotkeyFocus({
-  disabled,
-  hotkey,
-  onHotkeyIn,
-  onHotkeyOut,
-  refToFocus,
-  rootRef
-}) {
-  const [shouldEscapeRefocus, setShouldEscapeRefocus] = useState(false);
-  const previousFocusElement = useRef(null);
-  useEffect(() => {
-    if (disabled || typeof document === "undefined") return;
-    const rootElement = rootRef.current;
-    const blurHandler = (e) => {
-      if (e.relatedTarget && rootElement.contains(e.relatedTarget)) {
-        return;
-      }
-      setShouldEscapeRefocus(false);
-    };
-    const keyDownHandler = async (e) => {
-      const activeElement = document.activeElement?.shadowRoot?.activeElement || document.activeElement;
-      if (activeElement?.tagName.toLowerCase() !== "input" && activeElement?.tagName.toLowerCase() !== "textarea" && activeElement?.tagName.toLowerCase() !== "pre" && e.key === hotkey) {
-        e.preventDefault();
-        previousFocusElement.current = activeElement;
-        await onHotkeyIn?.();
-        if (refToFocus.current) {
-          refToFocus.current.focus();
-          setShouldEscapeRefocus(true);
-          if (refToFocus.current.scrollTo) {
-            refToFocus.current.scrollTo();
-          }
-        }
-      } else if (e.code === "Escape" && shouldEscapeRefocus) {
-        onHotkeyOut?.();
-        if (previousFocusElement.current && previousFocusElement.current.tagName.toLowerCase() !== "body") {
-          previousFocusElement.current.focus();
-        } else {
-          activeElement.blur();
-        }
-      }
-    };
-    document.addEventListener("keydown", keyDownHandler);
-    rootElement.addEventListener("focusout", blurHandler);
-    return () => {
-      document.removeEventListener("keydown", keyDownHandler);
-      rootElement.removeEventListener("focusout", blurHandler);
-    };
-  }, [
-    hotkey,
-    disabled,
-    rootRef,
-    shouldEscapeRefocus,
-    onHotkeyIn,
-    refToFocus,
-    onHotkeyOut
-  ]);
-  return { returnFocusRef: previousFocusElement };
-}
-
-const Toaster$1 = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(ToasterContent, { ...props, ...ref }) });
-  }
-);
-const ToasterContent = forwardRef(
-  ({
-    className,
-    duration = false,
-    focusKey = "t",
-    forceRender = false,
-    id,
-    toastsBeforeStack = 3,
-    ...props
-  }, ref) => {
-    const toasterRef = useRef(null);
-    const firstToastRef = useRef(null);
-    const mergedToasterRef = useMergeRefs([toasterRef, ref]);
-    const {
-      toasts,
-      setToastsBeforeStack,
-      extraToastsVisible,
-      setExtraToastsVisible,
-      setToasts,
-      getToasterHeight
-    } = useToasts();
-    const toastCount = toasts.length;
-    const lastToastCount = useRef(0);
-    const a1ToastGroupObserver = useRef(null);
-    const a1ToastGroupObserverConnected = useRef(false);
-    const closeToast = useCloseToast(styles.close);
-    const [toasterHeight, setToasterHeight] = useState(0);
-    const [a1ToastGroups, setA1ToastGroups] = useState([]);
-    const updateA1ToastGroups = () => {
-      const mfeRoots = document.querySelectorAll(
-        "[data-mfe-portal-name],[data-mfe-name]"
-      );
-      const a1ToastGroupsLocal = [
-        ...document.getElementsByClassName("ToastGroup")
-      ];
-      if (mfeRoots.length > 0) {
-        mfeRoots.forEach((el) => {
-          setTimeout(() => {
-            if (el.shadowRoot) {
-              a1ToastGroupsLocal.push(
-                ...el.shadowRoot.querySelectorAll(".ToastGroup")
-              );
-            }
-            setA1ToastGroups(a1ToastGroupsLocal);
-          });
-        });
-      } else {
-        setA1ToastGroups(a1ToastGroupsLocal);
-      }
-    };
-    const handleToasterBlur = useCallback(() => {
-      setExtraToastsVisible(false);
-      setToastPausedStatus("resumed");
-      if (toasterRef.current?.scrollTo) {
-        toasterRef.current?.scrollTo(0, 0);
-      }
-    }, [setExtraToastsVisible]);
-    useEffect(() => {
-      const toastEventListener = (e) => {
-        const toasters = document.querySelectorAll("[data-anv='toaster']");
-        const shadowToasters = toasterRef.current?.getRootNode()?.querySelectorAll("[data-anv='toaster']") || [];
-        if (toasters.length && id !== toasters[0].getAttribute("data-toaster-id")) {
-          return;
-        } else if (
-          // Toaster(s) exist in the shadow dom, bail out if this toaster is not the first one
-          shadowToasters.length && id !== shadowToasters[0].getAttribute("data-toaster-id")
-        ) {
-          return;
-        }
-        const { eventType, ...toastProps } = e.detail;
-        if (eventType === "add") {
-          const toastAddProps = toastProps;
-          if (!toastAddProps.toasterId || toastAddProps.toasterId === id) {
-            setToasts((prev) => [...prev, toastProps]);
-          }
-        } else if (eventType === "update") {
-          setToasts((prev) => {
-            return prev.map((t) => {
-              if (t.id === toastProps.id) {
-                return {
-                  ...t,
-                  ...toastProps
-                };
-              } else {
-                return t;
-              }
-            });
-          });
-        } else if (eventType === "dismiss") {
-          if (toastProps.id) {
-            closeToast(toastProps.id);
-          } else {
-            closeToast();
-          }
-        }
-      };
-      window.addEventListener("hammer-toast", toastEventListener);
-      a1ToastGroupObserver.current = new MutationObserver(updateA1ToastGroups);
-      return () => window.removeEventListener("hammer-toast", toastEventListener);
-    }, []);
-    useEffect(() => {
-      if (a1ToastGroupObserver.current !== null) {
-        if (toastCount > 0 && a1ToastGroupObserverConnected.current === false) {
-          a1ToastGroupObserver.current.observe(document.body, {
-            childList: true,
-            subtree: true
-          });
-          a1ToastGroupObserverConnected.current = true;
-          updateA1ToastGroups();
-        } else if (toastCount === 0 && a1ToastGroupObserverConnected.current === true) {
-          a1ToastGroupObserver.current.disconnect();
-          a1ToastGroupObserverConnected.current = false;
-        }
-      }
-    }, [toastCount]);
-    useEffect(() => {
-      if (a1ToastGroups && a1ToastGroups.length > 0) {
-        a1ToastGroups.forEach((group) => {
-          group.style.top = toastCount === 0 ? "16px" : `calc(${toasterHeight}px + 3.5rem)`;
-        });
-      }
-    }, [toasterHeight, a1ToastGroups.length]);
-    useEffect(() => {
-      let timer;
-      if (toastCount > lastToastCount.current) {
-        setToasterHeight(getToasterHeight());
-      } else {
-        timer = setTimeout(() => setToasterHeight(getToasterHeight()), 290);
-      }
-      lastToastCount.current = toastCount;
-      return () => {
-        clearTimeout(timer);
-      };
-    }, [getToasterHeight]);
-    useEffect(() => {
-      setToastsBeforeStack(toastsBeforeStack);
-    }, [setToastsBeforeStack, toastsBeforeStack]);
-    const isToasterEmpty = toastCount === 0;
-    const { returnFocusRef } = useHotkeyFocus({
-      disabled: isToasterEmpty,
-      hotkey: focusKey,
-      onHotkeyIn: async () => {
-        setExtraToastsVisible(true);
-        return new Promise((resolve) => {
-          setTimeout(() => {
-            resolve();
-          }, 100);
-        });
-      },
-      onHotkeyOut: () => {
-        setExtraToastsVisible(false);
-        handleToasterBlur();
-      },
-      refToFocus: firstToastRef,
-      rootRef: toasterRef
-    });
-    const showMoreButtonPositionStyles = useShowMoreButtonPositionStyles();
-    const [toastPausedStatus, setToastPausedStatus] = useState(undefined);
-    const showMoreButton = !extraToastsVisible && toastCount > toastsBeforeStack;
-    const extraToastsLength = toastCount - toastsBeforeStack;
-    const showMoreButtonText = `${extraToastsLength} more message${extraToastsLength > 1 ? "s" : ""}`;
-    const toasterClasses = cx(styles.toaster, className, {
-      [styles["show-more-button"]]: showMoreButton,
-      [styles["show-extra-toast"]]: extraToastsVisible
-    });
-    const handleToasterFocusHover = () => {
-      if (toastPausedStatus === "resumed" || toastPausedStatus === undefined) {
-        setToastPausedStatus(Date.now());
-      }
-    };
-    const handleToasterOnBlur = () => {
-      if (!toasterRef.current?.matches(":focus-within")) {
-        handleToasterBlur();
-      }
-    };
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "data-anv": "toaster",
-          "data-toaster-id": id,
-          className: toasterClasses,
-          ref: mergedToasterRef,
-          onMouseOver: handleToasterFocusHover,
-          onMouseLeave: handleToasterBlur,
-          onFocus: handleToasterFocusHover,
-          onBlur: handleToasterOnBlur,
-          style: {
-            height: extraToastsVisible ? "100vh" : `calc(${toasterHeight}px + 2rem + var(--toaster-padding))`
-          },
-          ...props,
-          children: [
-            toasts.map(({ toastClassName, onClose, ...toastProps }, index) => {
-              const isStacked = !extraToastsVisible && index < toastCount - toastsBeforeStack;
-              const isLastToastDisplayed = index === toastCount - toastsBeforeStack;
-              const isHidden = index < toastCount - toastsBeforeStack - 2;
-              const toastClasses = cx(styles.toast, toastClassName);
-              const toastContainerClasses = cx(styles["toast-wrapper"], {
-                [styles.stacked]: isStacked || isLastToastDisplayed,
-                [styles["stack-one"]]: isStacked && index === toastCount - toastsBeforeStack - 1,
-                [styles["stack-two"]]: isStacked && index === toastCount - toastsBeforeStack - 2,
-                [styles["stacked-extra"]]: isHidden,
-                [styles["stacked-show-extra"]]: extraToastsVisible
-              });
-              const handleOnClose = (e) => {
-                onClose?.(e);
-                returnFocusRef.current?.focus();
-                toast$1.dismiss(toastProps.id);
-              };
-              return /* @__PURE__ */ jsx(
-                Toast,
-                {
-                  containerClassName: toastContainerClasses,
-                  duration,
-                  index,
-                  isStacked,
-                  isBelowStackIndex: index < toastCount - toastsBeforeStack,
-                  onClose: handleOnClose,
-                  pausedStatus: toastPausedStatus,
-                  toastClassName: toastClasses,
-                  ref: index === 0 ? firstToastRef : undefined,
-                  ...toastProps
-                },
-                toastProps.id
-              );
-            }),
-            showMoreButton && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: styles["show-more-button-container"],
-                style: showMoreButtonPositionStyles,
-                children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    className: styles["show-collapse-button"],
-                    onClick: () => setExtraToastsVisible(true),
-                    appearance: "secondary",
-                    tabIndex: 0,
-                    children: showMoreButtonText
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs(SrOnly, { "aria-live": "polite", children: [
-              "New toast message appeared. Press the ",
-              focusKey,
-              " key to focus on the toast messages. Press escape to return focus to previous position."
-            ] })
-          ]
-        }
-      ),
-      extraToastsVisible && /* @__PURE__ */ jsx("div", { className: styles["show-collapse-button-container"], children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: styles["show-collapse-button"],
-          onClick: handleToasterBlur,
-          appearance: "secondary",
-          children: "Collapse Messages"
-        }
-      ) })
-    ] });
-  }
-);
-Toaster$1.displayName = "Toaster";
-ToasterContent.displayName = "ToasterContent";
-
-const Toaster = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(Toaster$1, { ref, ...props });
-  }
-);
-
-const toast = toast$1;
-
-export { Toaster as T, toast as t };
-//# sourceMappingURL=toast-CbokOkfo.js.map