@oneuptime/common 12.0.22 → 12.0.24

package/Tests/UI/Components/ToastStacking.test.tsx

@@ -1,198 +0,0 @@
-import ToastLayout, {
-  ShowToastNotification,
-} from "../../../UI/Components/Toast/ToastInit";
-import { ToastType } from "../../../UI/Components/Toast/Toast";
-import "@testing-library/jest-dom";
-import {
-  act,
-  cleanup,
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-} from "@testing-library/react";
-import React from "react";
-import { afterEach, describe, expect, jest, test } from "@jest/globals";
-
-/*
- * ToastInit used to render every toast as its own fixed strip at top-0 (the
- * index prop that was supposed to offset them was never passed), so stacked
- * toasts painted on top of each other and only the last one was readable.
- * The contract pinned here: ONE fixed region, cards stacked in a flex column
- * in insertion order.
- */
-
-type ShowToastFunction = (title: string, onClose?: () => void) => void;
-
-const showToast: ShowToastFunction = (
-  title: string,
-  onClose?: () => void,
-): void => {
-  act(() => {
-    ShowToastNotification({
-      title,
-      description: `${title} description`,
-      type: ToastType.SUCCESS,
-      onClose,
-    });
-  });
-};
-
-describe("Toast stacking", () => {
-  afterEach(() => {
-    cleanup();
-    jest.clearAllMocks();
-  });
-
-  test("renders one fixed region that keeps its slot in the z-index ladder", () => {
-    render(<ToastLayout />);
-
-    const region: HTMLElement = screen.getByTestId("toast-region");
-
-    /*
-     * z-40 is deliberate: above SideOver (z-30), below Modal (z-50). The
-     * region itself takes no pointer events; only the cards inside do.
-     */
-    expect(region).toHaveClass(
-      "pointer-events-none",
-      "fixed",
-      "z-40",
-      "top-0",
-      "left-0",
-      "right-0",
-    );
-    expect(region).toHaveClass("sm:items-start", "sm:p-6");
-    expect(region).toHaveAttribute("aria-live", "assertive");
-  });
-
-  test("stacks multiple toasts in one region, in insertion order", () => {
-    render(<ToastLayout />);
-
-    showToast("First");
-    showToast("Second");
-    showToast("Third");
-
-    const toasts: Array<HTMLElement> = screen.getAllByTestId("toast");
-
-    expect(toasts).toHaveLength(3);
-
-    // All three cards live inside the ONE region, not three fixed strips.
-    const region: HTMLElement = screen.getByTestId("toast-region");
-
-    for (const toast of toasts) {
-      expect(region).toContainElement(toast);
-      expect(toast).not.toHaveClass("fixed");
-    }
-
-    // The stack is a flex column with a gap, so cards never overlap.
-    const stack: HTMLElement = toasts[0]?.parentElement as HTMLElement;
-
-    expect(stack).toHaveClass("flex", "flex-col", "gap-4");
-    expect(toasts[1]?.parentElement).toBe(stack);
-    expect(toasts[2]?.parentElement).toBe(stack);
-
-    const titles: Array<string | null> = screen
-      .getAllByTestId("title")
-      .map((title: HTMLElement) => {
-        return title.textContent;
-      });
-
-    expect(titles).toEqual(["First", "Second", "Third"]);
-  });
-
-  test("dismissing one toast removes only that toast and calls its onClose", async () => {
-    const onCloseFirst: () => void = jest.fn();
-
-    render(<ToastLayout />);
-
-    showToast("First", onCloseFirst);
-    showToast("Second");
-
-    const closeButtons: Array<HTMLElement> =
-      screen.getAllByTestId("close-button");
-
-    expect(closeButtons).toHaveLength(2);
-
-    fireEvent.click(closeButtons[0] as HTMLElement);
-
-    /*
-     * The exit fade delays the unmount, so removal is awaited rather than
-     * asserted synchronously.
-     */
-    await waitFor(() => {
-      expect(screen.getAllByTestId("toast")).toHaveLength(1);
-    });
-
-    expect(onCloseFirst).toHaveBeenCalledTimes(1);
-    expect(screen.getByTestId("title")).toHaveTextContent("Second");
-  });
-
-  test("a toast dispatched after a dismissal still stacks below the survivors", async () => {
-    render(<ToastLayout />);
-
-    showToast("First");
-    showToast("Second");
-
-    fireEvent.click(screen.getAllByTestId("close-button")[0] as HTMLElement);
-
-    await waitFor(() => {
-      expect(screen.getAllByTestId("toast")).toHaveLength(1);
-    });
-
-    showToast("Third");
-
-    const titles: Array<string | null> = screen
-      .getAllByTestId("title")
-      .map((title: HTMLElement) => {
-        return title.textContent;
-      });
-
-    expect(titles).toEqual(["Second", "Third"]);
-  });
-
-  /*
-   * Regression: dispatching a toast re-renders the whole stack, and the
-   * layout used to hand every card a freshly created onClose on each render.
-   * A dismissed card mid-exit-fade saw the new prop, cleared its unmount
-   * timer, and re-armed it — so a burst of toasts could keep an invisible
-   * pointer-events-auto card alive indefinitely, intercepting clicks.
-   */
-  test("a toast dispatched during another toast's exit fade does not restart its unmount timer", () => {
-    jest.useFakeTimers();
-
-    try {
-      const onCloseFirst: () => void = jest.fn();
-
-      render(<ToastLayout />);
-
-      showToast("First", onCloseFirst);
-
-      fireEvent.click(screen.getByTestId("close-button"));
-
-      // 100ms into the 150ms exit fade a second toast re-renders the stack.
-      act(() => {
-        jest.advanceTimersByTime(100);
-      });
-      showToast("Second");
-
-      expect(screen.getAllByTestId("toast")).toHaveLength(2);
-
-      // The ORIGINAL 150ms deadline holds: 50ms later the first card is gone.
-      act(() => {
-        jest.advanceTimersByTime(50);
-      });
-
-      expect(onCloseFirst).toHaveBeenCalledTimes(1);
-
-      const titles: Array<string | null> = screen
-        .getAllByTestId("title")
-        .map((title: HTMLElement) => {
-          return title.textContent;
-        });
-
-      expect(titles).toEqual(["Second"]);
-    } finally {
-      jest.useRealTimers();
-    }
-  });
-});

package/UI/Components/Toast/Toast.tsx

@@ -1,189 +0,0 @@
-import React, {
-  FunctionComponent,
-  ReactElement,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
-import Icon from "../Icon/Icon";
-import IconProp from "../../../Types/Icon/IconProp";
-import useTranslateValue from "../../Utils/Translation";
-
-export enum ToastType {
-  DANGER,
-  SUCCESS,
-  INFO,
-  WARNING,
-  NORMAL,
-}
-
-export interface ComponentProps {
-  title: string;
-  description: string;
-  onClose?: undefined | (() => void);
-  type?: undefined | ToastType;
-  icon?: IconProp | undefined;
-}
-
-/* How long the exit fade runs before the toast actually unmounts. */
-const EXIT_DURATION_IN_MS: number = 150;
-
-const Component: FunctionComponent<ComponentProps> = (
-  props: ComponentProps,
-): ReactElement => {
-  const { translateString } = useTranslateValue();
-  const [show, setShow] = useState<boolean>(true);
-
-  /*
-   * The toast is mounted in its closed state (faded, nudged down) and flipped
-   * open one frame later so the browser has something to transition from —
-   * the same pattern Modal uses for its entrance.
-   */
-  const [hasEntered, setHasEntered] = useState<boolean>(false);
-
-  /*
-   * Dismissal fades the card out first and only unmounts (and notifies the
-   * owner) once the fade has finished, so the toast never blinks away.
-   */
-  const [isLeaving, setIsLeaving] = useState<boolean>(false);
-
-  useEffect(() => {
-    const open: () => void = (): void => {
-      setHasEntered(true);
-    };
-
-    const frame: number = requestAnimationFrame(open);
-
-    /*
-     * A hidden or throttled tab never runs an animation frame; the timer
-     * skips the transition rather than leaving the toast at zero opacity.
-     */
-    const fallbackTimer: ReturnType<typeof setTimeout> = setTimeout(open, 80);
-
-    return () => {
-      cancelAnimationFrame(frame);
-      clearTimeout(fallbackTimer);
-    };
-  }, []);
-
-  /*
-   * The latest onClose lives in a ref so the exit effect can depend on
-   * isLeaving alone. Owners may recreate onClose every render, and a dep on
-   * it would restart the unmount timer whenever a sibling toast re-renders
-   * the stack mid-exit — leaving an invisible pointer-events-auto card
-   * intercepting clicks past its original deadline.
-   */
-  const onCloseRef: React.MutableRefObject<(() => void) | undefined> = useRef<
-    (() => void) | undefined
-  >(props.onClose);
-  onCloseRef.current = props.onClose;
-
-  useEffect(() => {
-    if (!isLeaving) {
-      return undefined;
-    }
-
-    const exitTimer: ReturnType<typeof setTimeout> = setTimeout(() => {
-      setShow(false);
-      if (onCloseRef.current) {
-        onCloseRef.current();
-      }
-    }, EXIT_DURATION_IN_MS);
-
-    return () => {
-      clearTimeout(exitTimer);
-    };
-  }, [isLeaving]);
-
-  let typeCssClass: string = "text-gray-400";
-  let iconType: IconProp = IconProp.Info;
-
-  if (props.type === ToastType.NORMAL) {
-    typeCssClass = "text-gray-400";
-    iconType = IconProp.Info;
-  }
-  if (props.type === ToastType.DANGER) {
-    typeCssClass = "text-red-400";
-    iconType = IconProp.Error;
-  }
-  if (props.type === ToastType.WARNING) {
-    typeCssClass = "text-yellow-400";
-    iconType = IconProp.Alert;
-  }
-  if (props.type === ToastType.SUCCESS) {
-    typeCssClass = "text-green-400";
-    iconType = IconProp.CheckCircle;
-  }
-  if (props.type === ToastType.INFO) {
-    typeCssClass = "text-blue-400";
-    iconType = IconProp.Info;
-  }
-
-  if (props.icon) {
-    iconType = props.icon;
-  }
-
-  /*
-   * Settled state carries no transform class at all — leaving a translate on
-   * the card would make it the containing block for position:fixed
-   * descendants (the Modal invariant).
-   */
-  let motionClassName: string = "translate-y-2 opacity-0";
-
-  if (isLeaving) {
-    motionClassName = "opacity-0";
-  } else if (hasEntered) {
-    motionClassName = "opacity-100";
-  }
-
-  if (show) {
-    return (
-      <div
-        data-testid="toast"
-        className={`pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition duration-150 ease-out motion-reduce:transition-none ${motionClassName}`}
-      >
-        <div className="p-4">
-          <div className="flex items-start">
-            <div className="flex-shrink-0">
-              <Icon
-                className={`h-6 w-6 ${typeCssClass}`}
-                data-testid="toast-icon"
-                icon={iconType}
-              />
-            </div>
-            <div className="ml-3 w-0 flex-1 pt-0.5">
-              <p
-                data-testid="title"
-                className="text-sm font-medium text-gray-900"
-              >
-                {translateString(props.title)}
-              </p>
-              <p
-                data-testid="description"
-                className="mt-1 text-sm text-gray-500"
-              >
-                {translateString(props.description)}
-              </p>
-            </div>
-            <div className="ml-4 flex flex-shrink-0">
-              <button
-                onClick={() => {
-                  setIsLeaving(true);
-                }}
-                data-testid="close-button"
-                type="button"
-                className="inline-flex rounded-md bg-white text-gray-400 transition-colors duration-150 ease-out hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
-              >
-                <span className="sr-only">Close</span>
-                <Icon className={`h-5 w-5`} icon={IconProp.Close} />
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-  return <></>;
-};
-
-export default Component;

package/UI/Components/Toast/ToastInit.tsx

@@ -1,110 +0,0 @@
-import React, {
-  FunctionComponent,
-  ReactElement,
-  useEffect,
-  useRef,
-} from "react";
-import Toast, { ComponentProps as ToastComponentProps } from "./Toast";
-import GlobalEvents from "../../Utils/GlobalEvents";
-
-type ShowToastNotificationFunction = (toast: ToastComponentProps) => void;
-
-export const ShowToastNotification: ShowToastNotificationFunction = (
-  toast: ToastComponentProps,
-): void => {
-  GlobalEvents.dispatchEvent("toast", toast as any);
-};
-
-/*
- * Each queued toast gets a stable id so removals key correctly — keying by
- * array index would re-key (and so re-mount and re-animate) every toast below
- * the one that was dismissed.
- */
-interface ToastEntry {
-  id: number;
-  toast: ToastComponentProps;
-  /*
-   * Built once at dispatch and stable for the toast's lifetime: recreating
-   * onClose per render would hand every Toast a fresh prop on each stack
-   * re-render, which used to restart the exit-unmount timer of any toast
-   * mid-fade.
-   */
-  onClose: () => void;
-}
-
-const ToastLayout: FunctionComponent = (): ReactElement => {
-  const [currentToasts, setCurrentToasts] = React.useState<Array<ToastEntry>>(
-    [],
-  );
-  const nextToastIdRef: React.MutableRefObject<number> = useRef<number>(0);
-
-  useEffect(() => {
-    const addToastNotification: (event: CustomEvent) => void = (
-      event: CustomEvent,
-    ): void => {
-      const toast: ToastComponentProps = event.detail;
-      const id: number = nextToastIdRef.current;
-      nextToastIdRef.current += 1;
-
-      // setCurrentToasts is stable, so this closure never goes stale.
-      const onClose: () => void = (): void => {
-        if (toast.onClose) {
-          toast.onClose();
-        }
-
-        setCurrentToasts((toasts: Array<ToastEntry>) => {
-          return toasts.filter((candidate: ToastEntry) => {
-            return candidate.id !== id;
-          });
-        });
-      };
-
-      /*
-       * Functional update: this listener is registered once, so reading
-       * currentToasts from its closure would always see the mount-time empty
-       * array and every new toast would clobber the ones before it.
-       */
-      setCurrentToasts((toasts: Array<ToastEntry>) => {
-        return [...toasts, { id, toast, onClose }];
-      });
-    };
-
-    GlobalEvents.addEventListener("toast", addToastNotification);
-
-    return () => {
-      GlobalEvents.removeEventListener("toast", addToastNotification);
-    };
-  }, []);
-
-  /*
-   * ONE fixed container for every toast. Each toast used to render its own
-   * fixed strip at top-0 (the index prop that offset them was never passed),
-   * so stacked toasts painted on top of each other. A single region stacking
-   * cards with flex-col gap makes the order self-evident and keeps the
-   * z-index ladder in exactly one place (Toast z-40, under Modal z-50).
-   */
-  return (
-    <div
-      data-testid="toast-region"
-      aria-live="assertive"
-      className="pointer-events-none fixed z-40 top-0 left-0 right-0 flex items-end px-4 py-6 sm:items-start sm:p-6"
-    >
-      <div className="flex w-full flex-col items-center gap-4 sm:items-end">
-        {currentToasts.map((entry: ToastEntry) => {
-          return (
-            <Toast
-              key={entry.id}
-              title={entry.toast.title}
-              description={entry.toast.description}
-              type={entry.toast.type}
-              icon={entry.toast.icon}
-              onClose={entry.onClose}
-            />
-          );
-        })}
-      </div>
-    </div>
-  );
-};
-
-export default ToastLayout;

package/build/dist/UI/Components/Toast/Toast.js

@@ -1,123 +0,0 @@
-import React, { useEffect, useRef, useState, } from "react";
-import Icon from "../Icon/Icon";
-import IconProp from "../../../Types/Icon/IconProp";
-import useTranslateValue from "../../Utils/Translation";
-export var ToastType;
-(function (ToastType) {
-    ToastType[ToastType["DANGER"] = 0] = "DANGER";
-    ToastType[ToastType["SUCCESS"] = 1] = "SUCCESS";
-    ToastType[ToastType["INFO"] = 2] = "INFO";
-    ToastType[ToastType["WARNING"] = 3] = "WARNING";
-    ToastType[ToastType["NORMAL"] = 4] = "NORMAL";
-})(ToastType || (ToastType = {}));
-/* How long the exit fade runs before the toast actually unmounts. */
-const EXIT_DURATION_IN_MS = 150;
-const Component = (props) => {
-    const { translateString } = useTranslateValue();
-    const [show, setShow] = useState(true);
-    /*
-     * The toast is mounted in its closed state (faded, nudged down) and flipped
-     * open one frame later so the browser has something to transition from —
-     * the same pattern Modal uses for its entrance.
-     */
-    const [hasEntered, setHasEntered] = useState(false);
-    /*
-     * Dismissal fades the card out first and only unmounts (and notifies the
-     * owner) once the fade has finished, so the toast never blinks away.
-     */
-    const [isLeaving, setIsLeaving] = useState(false);
-    useEffect(() => {
-        const open = () => {
-            setHasEntered(true);
-        };
-        const frame = requestAnimationFrame(open);
-        /*
-         * A hidden or throttled tab never runs an animation frame; the timer
-         * skips the transition rather than leaving the toast at zero opacity.
-         */
-        const fallbackTimer = setTimeout(open, 80);
-        return () => {
-            cancelAnimationFrame(frame);
-            clearTimeout(fallbackTimer);
-        };
-    }, []);
-    /*
-     * The latest onClose lives in a ref so the exit effect can depend on
-     * isLeaving alone. Owners may recreate onClose every render, and a dep on
-     * it would restart the unmount timer whenever a sibling toast re-renders
-     * the stack mid-exit — leaving an invisible pointer-events-auto card
-     * intercepting clicks past its original deadline.
-     */
-    const onCloseRef = useRef(props.onClose);
-    onCloseRef.current = props.onClose;
-    useEffect(() => {
-        if (!isLeaving) {
-            return undefined;
-        }
-        const exitTimer = setTimeout(() => {
-            setShow(false);
-            if (onCloseRef.current) {
-                onCloseRef.current();
-            }
-        }, EXIT_DURATION_IN_MS);
-        return () => {
-            clearTimeout(exitTimer);
-        };
-    }, [isLeaving]);
-    let typeCssClass = "text-gray-400";
-    let iconType = IconProp.Info;
-    if (props.type === ToastType.NORMAL) {
-        typeCssClass = "text-gray-400";
-        iconType = IconProp.Info;
-    }
-    if (props.type === ToastType.DANGER) {
-        typeCssClass = "text-red-400";
-        iconType = IconProp.Error;
-    }
-    if (props.type === ToastType.WARNING) {
-        typeCssClass = "text-yellow-400";
-        iconType = IconProp.Alert;
-    }
-    if (props.type === ToastType.SUCCESS) {
-        typeCssClass = "text-green-400";
-        iconType = IconProp.CheckCircle;
-    }
-    if (props.type === ToastType.INFO) {
-        typeCssClass = "text-blue-400";
-        iconType = IconProp.Info;
-    }
-    if (props.icon) {
-        iconType = props.icon;
-    }
-    /*
-     * Settled state carries no transform class at all — leaving a translate on
-     * the card would make it the containing block for position:fixed
-     * descendants (the Modal invariant).
-     */
-    let motionClassName = "translate-y-2 opacity-0";
-    if (isLeaving) {
-        motionClassName = "opacity-0";
-    }
-    else if (hasEntered) {
-        motionClassName = "opacity-100";
-    }
-    if (show) {
-        return (React.createElement("div", { "data-testid": "toast", className: `pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition duration-150 ease-out motion-reduce:transition-none ${motionClassName}` },
-            React.createElement("div", { className: "p-4" },
-                React.createElement("div", { className: "flex items-start" },
-                    React.createElement("div", { className: "flex-shrink-0" },
-                        React.createElement(Icon, { className: `h-6 w-6 ${typeCssClass}`, "data-testid": "toast-icon", icon: iconType })),
-                    React.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
-                        React.createElement("p", { "data-testid": "title", className: "text-sm font-medium text-gray-900" }, translateString(props.title)),
-                        React.createElement("p", { "data-testid": "description", className: "mt-1 text-sm text-gray-500" }, translateString(props.description))),
-                    React.createElement("div", { className: "ml-4 flex flex-shrink-0" },
-                        React.createElement("button", { onClick: () => {
-                                setIsLeaving(true);
-                            }, "data-testid": "close-button", type: "button", className: "inline-flex rounded-md bg-white text-gray-400 transition-colors duration-150 ease-out hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" },
-                            React.createElement("span", { className: "sr-only" }, "Close"),
-                            React.createElement(Icon, { className: `h-5 w-5`, icon: IconProp.Close })))))));
-    }
-    return React.createElement(React.Fragment, null);
-};
-export default Component;
-//# sourceMappingURL=Toast.js.map

package/build/dist/UI/Components/Toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../../UI/Components/Toast/Toast.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Toast/ToastInit.js

@@ -1,53 +0,0 @@
-import React, { useEffect, useRef, } from "react";
-import Toast from "./Toast";
-import GlobalEvents from "../../Utils/GlobalEvents";
-export const ShowToastNotification = (toast) => {
-    GlobalEvents.dispatchEvent("toast", toast);
-};
-const ToastLayout = () => {
-    const [currentToasts, setCurrentToasts] = React.useState([]);
-    const nextToastIdRef = useRef(0);
-    useEffect(() => {
-        const addToastNotification = (event) => {
-            const toast = event.detail;
-            const id = nextToastIdRef.current;
-            nextToastIdRef.current += 1;
-            // setCurrentToasts is stable, so this closure never goes stale.
-            const onClose = () => {
-                if (toast.onClose) {
-                    toast.onClose();
-                }
-                setCurrentToasts((toasts) => {
-                    return toasts.filter((candidate) => {
-                        return candidate.id !== id;
-                    });
-                });
-            };
-            /*
-             * Functional update: this listener is registered once, so reading
-             * currentToasts from its closure would always see the mount-time empty
-             * array and every new toast would clobber the ones before it.
-             */
-            setCurrentToasts((toasts) => {
-                return [...toasts, { id, toast, onClose }];
-            });
-        };
-        GlobalEvents.addEventListener("toast", addToastNotification);
-        return () => {
-            GlobalEvents.removeEventListener("toast", addToastNotification);
-        };
-    }, []);
-    /*
-     * ONE fixed container for every toast. Each toast used to render its own
-     * fixed strip at top-0 (the index prop that offset them was never passed),
-     * so stacked toasts painted on top of each other. A single region stacking
-     * cards with flex-col gap makes the order self-evident and keeps the
-     * z-index ladder in exactly one place (Toast z-40, under Modal z-50).
-     */
-    return (React.createElement("div", { "data-testid": "toast-region", "aria-live": "assertive", className: "pointer-events-none fixed z-40 top-0 left-0 right-0 flex items-end px-4 py-6 sm:items-start sm:p-6" },
-        React.createElement("div", { className: "flex w-full flex-col items-center gap-4 sm:items-end" }, currentToasts.map((entry) => {
-            return (React.createElement(Toast, { key: entry.id, title: entry.toast.title, description: entry.toast.description, type: entry.toast.type, icon: entry.toast.icon, onClose: entry.onClose }));
-        }))));
-};
-export default ToastLayout;
-//# sourceMappingURL=ToastInit.js.map

package/build/dist/UI/Components/Toast/ToastInit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastInit.js","sourceRoot":"","sources":["../../../../../UI/Components/Toast/ToastInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,KAAgD,MAAM,SAAS,CAAC;AACvE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAIpD,MAAM,CAAC,MAAM,qBAAqB,GAAkC,CAClE,KAA0B,EACpB,EAAE;IACR,YAAY,CAAC,aAAa,CAAC,OAAO,EAAE,KAAY,CAAC,CAAC;AACpD,CAAC,CAAC;AAmBF,MAAM,WAAW,GAAsB,GAAiB,EAAE;IACxD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,EAAE,CACH,CAAC;IACF,MAAM,cAAc,GAAmC,MAAM,CAAS,CAAC,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,oBAAoB,GAAiC,CACzD,KAAkB,EACZ,EAAE;YACR,MAAM,KAAK,GAAwB,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,EAAE,GAAW,cAAc,CAAC,OAAO,CAAC;YAC1C,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;YAE5B,gEAAgE;YAChE,MAAM,OAAO,GAAe,GAAS,EAAE;gBACrC,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBAClB,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC;gBAED,gBAAgB,CAAC,CAAC,MAAyB,EAAE,EAAE;oBAC7C,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,SAAqB,EAAE,EAAE;wBAC7C,OAAO,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;oBAC7B,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;YAEF;;;;eAIG;YACH,gBAAgB,CAAC,CAAC,MAAyB,EAAE,EAAE;gBAC7C,OAAO,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;;;;OAMG;IACH,OAAO,CACL,4CACc,cAAc,eAChB,WAAW,EACrB,SAAS,EAAC,oGAAoG;QAE9G,6BAAK,SAAS,EAAC,sDAAsD,IAClE,aAAa,CAAC,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE;YACvC,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EACpC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACtB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,CACH,CAAC;QACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}