@medusajs/loyalty-plugin 0.0.1

package/.medusa/server/src/admin/components/json-view-section.js

@@ -0,0 +1,139 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ArrowUpRightOnBox, XMarkMini, TriangleDownMini, Check, SquareTwoStack } from "@medusajs/icons";
+import { Container, Heading, Badge, Drawer, IconButton, Kbd } from "@medusajs/ui";
+import Primitive from "/Users/oliverjuhl/Desktop/medusa/loyalty-plugin/node_modules/@uiw/react-json-view/esm/index.js";
+import { Suspense, useState } from "react";
+const JsonViewSection = ({ data }) => {
+  const numberOfKeys = Object.keys(data).length;
+  return /* @__PURE__ */ jsxs(Container, { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "JSON" }),
+      /* @__PURE__ */ jsxs(Badge, { size: "2xsmall", rounded: "full", children: [
+        numberOfKeys,
+        " keys"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Drawer, { children: [
+      /* @__PURE__ */ jsx(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          variant: "transparent",
+          className: "text-ui-fg-muted hover:text-ui-fg-subtle",
+          children: /* @__PURE__ */ jsx(ArrowUpRightOnBox, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Drawer.Content, { className: "bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-ui-code-bg-base flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { className: "text-ui-contrast-fg-primary", children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle", children: numberOfKeys }) }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx(Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary", children: "esc" }),
+            /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                variant: "transparent",
+                className: "text-ui-contrast-fg-secondary hover:text-ui-contrast-fg-primary hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:bg-ui-contrast-bg-base-hover focus-visible:shadow-borders-interactive-with-active",
+                children: /* @__PURE__ */ jsx(XMarkMini, {})
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col overflow-hidden px-[5px] py-0 pb-[5px]", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-contrast-bg-subtle flex-1 overflow-auto rounded-b-[4px] rounded-t-lg p-3", children: /* @__PURE__ */ jsx(
+          Suspense,
+          {
+            fallback: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col" }),
+            children: /* @__PURE__ */ jsxs(
+              Primitive,
+              {
+                value: data,
+                displayDataTypes: false,
+                style: {
+                  "--w-rjv-font-family": "Roboto Mono, monospace",
+                  "--w-rjv-line-color": "var(--contrast-border-base)",
+                  "--w-rjv-curlybraces-color": "var(--contrast-fg-secondary)",
+                  "--w-rjv-brackets-color": "var(--contrast-fg-secondary)",
+                  "--w-rjv-key-string": "var(--contrast-fg-primary)",
+                  "--w-rjv-info-color": "var(--contrast-fg-secondary)",
+                  "--w-rjv-type-string-color": "var(--tag-green-icon)",
+                  "--w-rjv-quotes-string-color": "var(--tag-green-icon)",
+                  "--w-rjv-type-boolean-color": "var(--tag-orange-icon)",
+                  "--w-rjv-type-int-color": "var(--tag-orange-icon)",
+                  "--w-rjv-type-float-color": "var(--tag-orange-icon)",
+                  "--w-rjv-type-bigint-color": "var(--tag-orange-icon)",
+                  "--w-rjv-key-number": "var(--contrast-fg-secondary)",
+                  "--w-rjv-arrow-color": "var(--contrast-fg-secondary)",
+                  "--w-rjv-copied-color": "var(--contrast-fg-secondary)",
+                  "--w-rjv-copied-success-color": "var(--contrast-fg-primary)",
+                  "--w-rjv-colon-color": "var(--contrast-fg-primary)",
+                  "--w-rjv-ellipsis-color": "var(--contrast-fg-secondary)"
+                },
+                collapsed: 1,
+                children: [
+                  /* @__PURE__ */ jsx(Primitive.Quote, { render: () => /* @__PURE__ */ jsx("span", {}) }),
+                  /* @__PURE__ */ jsx(
+                    Primitive.Null,
+                    {
+                      render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-red-icon", children: "null" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Primitive.Undefined,
+                    {
+                      render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-blue-icon", children: "undefined" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Primitive.CountInfo,
+                    {
+                      render: (_props, { value }) => {
+                        return /* @__PURE__ */ jsxs("span", { className: "text-ui-contrast-fg-secondary ml-2", children: [
+                          Object.keys(value).length,
+                          " items"
+                        ] });
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Primitive.Arrow, { children: /* @__PURE__ */ jsx(TriangleDownMini, { className: "text-ui-contrast-fg-secondary -ml-[0.5px]" }) }),
+                  /* @__PURE__ */ jsx(Primitive.Colon, { children: /* @__PURE__ */ jsx("span", { className: "mr-1", children: ":" }) }),
+                  /* @__PURE__ */ jsx(
+                    Primitive.Copied,
+                    {
+                      render: ({ style }, { value }) => {
+                        return /* @__PURE__ */ jsx(Copied, { style, value });
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) }) })
+      ] })
+    ] })
+  ] });
+};
+const Copied = ({ style, value }) => {
+  const [copied, setCopied] = useState(false);
+  const handler = (e) => {
+    e.stopPropagation();
+    setCopied(true);
+    if (typeof value === "string") {
+      navigator.clipboard.writeText(value);
+    } else {
+      const json = JSON.stringify(value, null, 2);
+      navigator.clipboard.writeText(json);
+    }
+    setTimeout(() => {
+      setCopied(false);
+    }, 2e3);
+  };
+  const styl = { whiteSpace: "nowrap", width: "20px" };
+  if (copied) {
+    return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, children: /* @__PURE__ */ jsx(Check, { className: "text-ui-contrast-fg-primary" }) });
+  }
+  return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) });
+};
+export {
+  JsonViewSection
+};

package/.medusa/server/src/admin/components/keybound-form.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+const KeyboundForm = React.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit == null ? void 0 : onSubmit(event);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
+        return;
+      }
+      event.preventDefault();
+      if (event.metaKey || event.ctrlKey) {
+        handleSubmit(event);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      ...rest,
+      onSubmit: handleSubmit,
+      onKeyDown: onKeyDown ?? handleKeyDown,
+      ref
+    }
+  );
+});
+KeyboundForm.displayName = "KeyboundForm";
+export {
+  KeyboundForm
+};

package/.medusa/server/src/admin/components/layouts/single-column.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+const SingleColumnLayout = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3", children });
+};
+export {
+  SingleColumnLayout
+};

package/.medusa/server/src/admin/components/layouts/two-column.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const TwoColumnLayout = ({
+  firstCol,
+  secondCol
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-4 gap-y-3 xl:flex-row xl:items-start", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-3", children: firstCol }),
+    /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-[100%] flex-col gap-y-3 xl:mt-0 xl:max-w-[440px]", children: secondCol })
+  ] });
+};
+export {
+  TwoColumnLayout
+};

package/.medusa/server/src/admin/components/listicle.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@medusajs/ui";
+const Listicle = ({
+  labelKey,
+  descriptionKey,
+  children,
+  icon
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    icon && /* @__PURE__ */ jsx("div", { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: descriptionKey })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children })
+  ] }) }) });
+};
+export {
+  Listicle
+};

package/.medusa/server/src/admin/components/modals/index.js

@@ -0,0 +1,19 @@
+import { RouteDrawer } from "./route-drawer/route-drawer.js";
+import { RouteFocusModal } from "./route-focus-modal/route-focus-modal.js";
+import "react/jsx-runtime";
+import "react";
+import "react-router-dom";
+import "./route-modal-provider/route-modal-context.js";
+import { useRouteModal } from "./route-modal-provider/use-route-modal.js";
+import { StackedDrawer } from "./stacked-drawer/stacked-drawer.js";
+import { StackedFocusModal } from "./stacked-focus-modal/stacked-focus-modal.js";
+import "./stacked-modal-provider/stacked-modal-context.js";
+import { useStackedModal } from "./stacked-modal-provider/use-stacked-modal.js";
+export {
+  RouteDrawer,
+  RouteFocusModal,
+  StackedDrawer,
+  StackedFocusModal,
+  useRouteModal,
+  useStackedModal
+};

package/.medusa/server/src/admin/components/modals/route-drawer/index.js

@@ -0,0 +1,4 @@
+import { RouteDrawer } from "./route-drawer.js";
+export {
+  RouteDrawer
+};

package/.medusa/server/src/admin/components/modals/route-drawer/route-drawer.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { Drawer, clx } from "@medusajs/ui";
+import { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { RouteModalForm } from "../route-modal-form/route-modal-form.js";
+import { RouteModalProvider } from "../route-modal-provider/route-provider.js";
+import { StackedModalProvider } from "../stacked-modal-provider/stacked-modal-provider.js";
+import "../stacked-modal-provider/stacked-modal-context.js";
+const Root = ({ prev = "..", children }) => {
+  const navigate = useNavigate();
+  const [open, setOpen] = useState(false);
+  const [stackedModalOpen, onStackedModalOpen] = useState(false);
+  useEffect(() => {
+    setOpen(true);
+    return () => {
+      setOpen(false);
+      onStackedModalOpen(false);
+    };
+  }, []);
+  const handleOpenChange = (open2) => {
+    if (!open2) {
+      document.body.style.pointerEvents = "auto";
+      navigate(prev, { replace: true });
+      return;
+    }
+    setOpen(open2);
+  };
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(RouteModalProvider, { prev, children: /* @__PURE__ */ jsx(StackedModalProvider, { onOpenChange: onStackedModalOpen, children: /* @__PURE__ */ jsx(
+    Drawer.Content,
+    {
+      "aria-describedby": void 0,
+      className: clx({
+        "!bg-ui-bg-disabled !inset-y-5 !right-5": stackedModalOpen
+      }),
+      children
+    }
+  ) }) }) });
+};
+const Header = Drawer.Header;
+const Title = Drawer.Title;
+const Description = Drawer.Description;
+const Body = Drawer.Body;
+const Footer = Drawer.Footer;
+const Close = Drawer.Close;
+const Form = RouteModalForm;
+const RouteDrawer = Object.assign(Root, {
+  Header,
+  Title,
+  Body,
+  Description,
+  Footer,
+  Close,
+  Form
+});
+export {
+  RouteDrawer
+};

package/.medusa/server/src/admin/components/modals/route-focus-modal/index.js

@@ -0,0 +1,4 @@
+import { RouteFocusModal } from "./route-focus-modal.js";
+export {
+  RouteFocusModal
+};

package/.medusa/server/src/admin/components/modals/route-focus-modal/route-focus-modal.js

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { FocusModal, clx } from "@medusajs/ui";
+import { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { RouteModalForm } from "../route-modal-form/route-modal-form.js";
+import { RouteModalProvider } from "../route-modal-provider/route-provider.js";
+import { useRouteModal } from "../route-modal-provider/use-route-modal.js";
+import { StackedModalProvider } from "../stacked-modal-provider/stacked-modal-provider.js";
+import "../stacked-modal-provider/stacked-modal-context.js";
+const Root = ({ prev = "..", onClose, children }) => {
+  const navigate = useNavigate();
+  const [open, setOpen] = useState(false);
+  const [stackedModalOpen, onStackedModalOpen] = useState(false);
+  useEffect(() => {
+    setOpen(true);
+    return () => {
+      setOpen(false);
+      onStackedModalOpen(false);
+    };
+  }, []);
+  const handleOpenChange = async (open2) => {
+    if (!open2) {
+      if (onClose) {
+        const ret = await onClose();
+        if (!ret) {
+          return;
+        }
+      }
+      document.body.style.pointerEvents = "auto";
+      navigate(prev, { replace: true });
+      return;
+    }
+    setOpen(open2);
+  };
+  return /* @__PURE__ */ jsx(FocusModal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(RouteModalProvider, { prev, children: /* @__PURE__ */ jsx(StackedModalProvider, { onOpenChange: onStackedModalOpen, children: /* @__PURE__ */ jsx(Content, { stackedModalOpen, children }) }) }) });
+};
+const Content = ({ stackedModalOpen, children }) => {
+  const { __internal } = useRouteModal();
+  const shouldPreventClose = !__internal.closeOnEscape;
+  return /* @__PURE__ */ jsx(
+    FocusModal.Content,
+    {
+      onEscapeKeyDown: shouldPreventClose ? (e) => {
+        e.preventDefault();
+      } : void 0,
+      className: clx({
+        "!bg-ui-bg-disabled !inset-x-5 !inset-y-3": stackedModalOpen
+      }),
+      children
+    }
+  );
+};
+const Header = FocusModal.Header;
+const Title = FocusModal.Title;
+const Description = FocusModal.Description;
+const Footer = FocusModal.Footer;
+const Body = FocusModal.Body;
+const Close = FocusModal.Close;
+const Form = RouteModalForm;
+const RouteFocusModal = Object.assign(Root, {
+  Header,
+  Title,
+  Body,
+  Description,
+  Footer,
+  Close,
+  Form
+});
+export {
+  RouteFocusModal
+};

package/.medusa/server/src/admin/components/modals/route-modal-form/index.js

@@ -0,0 +1,4 @@
+import { RouteModalForm } from "./route-modal-form.js";
+export {
+  RouteModalForm
+};

package/.medusa/server/src/admin/components/modals/route-modal-form/route-modal-form.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Prompt } from "@medusajs/ui";
+import { useBlocker } from "react-router-dom";
+import { Form } from "../../form.js";
+const RouteModalForm = ({
+  form,
+  blockSearchParams: blockSearch = false,
+  children,
+  onClose
+}) => {
+  const {
+    formState: { isDirty }
+  } = form;
+  const blocker = useBlocker(({ currentLocation, nextLocation }) => {
+    const { isSubmitSuccessful } = nextLocation.state || {};
+    if (isSubmitSuccessful) {
+      onClose == null ? void 0 : onClose(true);
+      return false;
+    }
+    const isPathChanged = currentLocation.pathname !== nextLocation.pathname;
+    const isSearchChanged = currentLocation.search !== nextLocation.search;
+    if (blockSearch) {
+      const ret2 = isDirty && (isPathChanged || isSearchChanged);
+      if (!ret2) {
+        onClose == null ? void 0 : onClose(isSubmitSuccessful);
+      }
+      return ret2;
+    }
+    const ret = isDirty && isPathChanged;
+    if (!ret) {
+      onClose == null ? void 0 : onClose(isSubmitSuccessful);
+    }
+    return ret;
+  });
+  const handleCancel = () => {
+    var _a;
+    (_a = blocker == null ? void 0 : blocker.reset) == null ? void 0 : _a.call(blocker);
+  };
+  const handleContinue = () => {
+    var _a;
+    (_a = blocker == null ? void 0 : blocker.proceed) == null ? void 0 : _a.call(blocker);
+    onClose == null ? void 0 : onClose(false);
+  };
+  return /* @__PURE__ */ jsxs(Form, { ...form, children: [
+    children,
+    /* @__PURE__ */ jsx(Prompt, { open: blocker.state === "blocked", variant: "confirmation", children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
+      /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+        /* @__PURE__ */ jsx(Prompt.Title, { children: "Unsaved Changes" }),
+        /* @__PURE__ */ jsx(Prompt.Description, { children: "You have unsaved changes. Are you sure you want to leave?" })
+      ] }),
+      /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
+        /* @__PURE__ */ jsx(Prompt.Cancel, { onClick: handleCancel, type: "button", children: "Cancel" }),
+        /* @__PURE__ */ jsx(Prompt.Action, { onClick: handleContinue, type: "button", children: "Continue" })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  RouteModalForm
+};

package/.medusa/server/src/admin/components/modals/route-modal-provider/index.js

@@ -0,0 +1,6 @@
+import { RouteModalProvider } from "./route-provider.js";
+import { useRouteModal } from "./use-route-modal.js";
+export {
+  RouteModalProvider,
+  useRouteModal
+};

package/.medusa/server/src/admin/components/modals/route-modal-provider/route-modal-context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const RouteModalProviderContext = createContext(null);
+export {
+  RouteModalProviderContext
+};

package/.medusa/server/src/admin/components/modals/route-modal-provider/route-provider.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import { RouteModalProviderContext } from "./route-modal-context.js";
+const RouteModalProvider = ({
+  prev,
+  children
+}) => {
+  const navigate = useNavigate();
+  const [closeOnEscape, setCloseOnEscape] = useState(true);
+  const handleSuccess = useCallback(
+    (path) => {
+      const to = path || prev;
+      navigate(to, { replace: true, state: { isSubmitSuccessful: true } });
+    },
+    [navigate, prev]
+  );
+  const value = useMemo(
+    () => ({
+      handleSuccess,
+      setCloseOnEscape,
+      __internal: { closeOnEscape }
+    }),
+    [handleSuccess, setCloseOnEscape, closeOnEscape]
+  );
+  return /* @__PURE__ */ jsx(RouteModalProviderContext.Provider, { value, children });
+};
+export {
+  RouteModalProvider
+};

package/.medusa/server/src/admin/components/modals/route-modal-provider/use-route-modal.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { RouteModalProviderContext } from "./route-modal-context.js";
+const useRouteModal = () => {
+  const context = useContext(RouteModalProviderContext);
+  if (!context) {
+    throw new Error("useRouteModal must be used within a RouteModalProvider");
+  }
+  return context;
+};
+export {
+  useRouteModal
+};

package/.medusa/server/src/admin/components/modals/stacked-drawer/index.js

@@ -0,0 +1,5 @@
+import { Root, StackedDrawer } from "./stacked-drawer.js";
+export {
+  Root,
+  StackedDrawer
+};

package/.medusa/server/src/admin/components/modals/stacked-drawer/stacked-drawer.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { Drawer, clx } from "@medusajs/ui";
+import { forwardRef, useEffect } from "react";
+import "../stacked-modal-provider/stacked-modal-context.js";
+import { useStackedModal } from "../stacked-modal-provider/use-stacked-modal.js";
+const Root = ({ id, children }) => {
+  const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
+  useEffect(() => {
+    register(id);
+    return () => unregister(id);
+  }, []);
+  return /* @__PURE__ */ jsx(Drawer, { open: getIsOpen(id), onOpenChange: (open) => setIsOpen(id, open), children });
+};
+const Close = Drawer.Close;
+Close.displayName = "StackedDrawer.Close";
+const Header = Drawer.Header;
+Header.displayName = "StackedDrawer.Header";
+const Body = Drawer.Body;
+Body.displayName = "StackedDrawer.Body";
+const Trigger = Drawer.Trigger;
+Trigger.displayName = "StackedDrawer.Trigger";
+const Footer = Drawer.Footer;
+Footer.displayName = "StackedDrawer.Footer";
+const Title = Drawer.Title;
+Title.displayName = "StackedDrawer.Title";
+const Description = Drawer.Description;
+Description.displayName = "StackedDrawer.Description";
+const Content = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Drawer.Content,
+    {
+      ref,
+      className: clx(className),
+      overlayProps: {
+        className: "bg-transparent"
+      },
+      ...props
+    }
+  );
+});
+Content.displayName = "StackedDrawer.Content";
+const StackedDrawer = Object.assign(Root, {
+  Close,
+  Header,
+  Body,
+  Content,
+  Trigger,
+  Footer,
+  Description,
+  Title
+});
+export {
+  Root,
+  StackedDrawer
+};

package/.medusa/server/src/admin/components/modals/stacked-focus-modal/index.js

@@ -0,0 +1,5 @@
+import { Root, StackedFocusModal } from "./stacked-focus-modal.js";
+export {
+  Root,
+  StackedFocusModal
+};

package/.medusa/server/src/admin/components/modals/stacked-focus-modal/stacked-focus-modal.js

@@ -0,0 +1,63 @@
+import { jsx } from "react/jsx-runtime";
+import { FocusModal, clx } from "@medusajs/ui";
+import { forwardRef, useEffect } from "react";
+import "../stacked-modal-provider/stacked-modal-context.js";
+import { useStackedModal } from "../stacked-modal-provider/use-stacked-modal.js";
+const Root = ({
+  id,
+  onOpenChangeCallback,
+  children
+}) => {
+  const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
+  useEffect(() => {
+    register(id);
+    return () => unregister(id);
+  }, []);
+  const handleOpenChange = (open) => {
+    setIsOpen(id, open);
+    onOpenChangeCallback == null ? void 0 : onOpenChangeCallback(open);
+  };
+  return /* @__PURE__ */ jsx(FocusModal, { open: getIsOpen(id), onOpenChange: handleOpenChange, children });
+};
+const Close = FocusModal.Close;
+Close.displayName = "StackedFocusModal.Close";
+const Header = FocusModal.Header;
+Header.displayName = "StackedFocusModal.Header";
+const Body = FocusModal.Body;
+Body.displayName = "StackedFocusModal.Body";
+const Trigger = FocusModal.Trigger;
+Trigger.displayName = "StackedFocusModal.Trigger";
+const Footer = FocusModal.Footer;
+Footer.displayName = "StackedFocusModal.Footer";
+const Title = FocusModal.Title;
+Title.displayName = "StackedFocusModal.Title";
+const Description = FocusModal.Description;
+Description.displayName = "StackedFocusModal.Description";
+const Content = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    FocusModal.Content,
+    {
+      ref,
+      className: clx("!top-6", className),
+      overlayProps: {
+        className: "bg-transparent"
+      },
+      ...props
+    }
+  );
+});
+Content.displayName = "StackedFocusModal.Content";
+const StackedFocusModal = Object.assign(Root, {
+  Close,
+  Header,
+  Body,
+  Content,
+  Trigger,
+  Footer,
+  Description,
+  Title
+});
+export {
+  Root,
+  StackedFocusModal
+};

package/.medusa/server/src/admin/components/modals/stacked-modal-provider/index.js

@@ -0,0 +1,6 @@
+import { StackedModalProvider } from "./stacked-modal-provider.js";
+import { useStackedModal } from "./use-stacked-modal.js";
+export {
+  StackedModalProvider,
+  useStackedModal
+};

package/.medusa/server/src/admin/components/modals/stacked-modal-provider/stacked-modal-context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const StackedModalContext = createContext(null);
+export {
+  StackedModalContext
+};