@drawbridge/components 0.0.78 → 0.1.1

package/dist/dashboard/menu.js

@@ -0,0 +1,834 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var menu_exports = {};
+__export(menu_exports, {
+  MenuAccount: () => MenuAccount,
+  MenuAccountDropdown: () => MenuAccountDropdown,
+  MenuAdmin: () => MenuAdmin,
+  MenuApp: () => MenuApp,
+  MenuCampaign: () => MenuCampaign,
+  MenuOrganization: () => MenuOrganization,
+  releaseId: () => releaseId
+});
+module.exports = __toCommonJS(menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_link = __toESM(require("./link"));
+var import_react2 = require("@headlessui/react");
+var import_react_query = require("@tanstack/react-query");
+var import_drawbridge_utils = require("@drawbridge/drawbridge-utils");
+var import_fetch = require("@drawbridge/drawbridge-utils/fetch");
+var import_oauth = require("@drawbridge/drawbridge-utils/oauth");
+var import_helpers = require("../shared/lib/helpers");
+var import_badge = __toESM(require("../shared/badge"));
+var import_empty = __toESM(require("../shared/empty"));
+var import_avatar = __toESM(require("./avatar"));
+var import_indicator = __toESM(require("../shared/indicator"));
+var import_list_resource = __toESM(require("./list-resource"));
+var import_lock = __toESM(require("../icons/lock"));
+var import_loader = __toESM(require("../icons/loader"));
+var import_arrow_right = __toESM(require("../icons/arrow-right"));
+var import_provider_resource = __toESM(require("./provider-resource"));
+var import_wrapper_ai = __toESM(require("./wrapper-ai"));
+var import_button = __toESM(require("../shared/button"));
+var import_external = __toESM(require("../icons/external"));
+const MenuItem = ({
+  active,
+  badge,
+  child,
+  children,
+  disabled,
+  element: Element = import_link.default,
+  error,
+  locked,
+  onClick = () => {
+  },
+  title,
+  ...rest
+}) => {
+  const hasChildren = (children == null ? void 0 : children.length) > 0;
+  const isActive = active || hasChildren && children.some((c) => c.active);
+  const classes = {
+    row: [
+      "flex items-center justify-between transform duration-300 text-left py-1 px-2 rounded",
+      child ? "w-auto ml-3" : "w-full",
+      isActive ? child ? "" : "bg-gray-dark" : "hover:bg-gray-dark/50",
+      // A Button fades itself from its own disabled prop.
+      disabled && Element !== "button" && "disabled"
+    ],
+    text: [
+      "flex items-center space-x-2 w-full",
+      isActive ? child ? "text-white/50" : "text-white" : "text-white"
+    ]
+  };
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        ...{
+          className: classes.text.filter(Boolean).join(" ")
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "span",
+      {
+        ...{
+          className: "flex items-center justify-center min-w-5 space-x-2 shrink-0"
+        },
+        children: [
+          badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_badge.default,
+            {
+              ...{
+                size: "small",
+                type: (badge == null ? void 0 : badge.type) || "primary"
+              },
+              children: badge == null ? void 0 : badge.text
+            }
+          ),
+          error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_indicator.default,
+            {
+              ...{
+                className: "w-2 h-2",
+                type: "warning"
+              }
+            }
+          ),
+          locked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_lock.default,
+            {
+              ...{
+                className: "shrink-0 w-4 h-4 text-gray disabled"
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    Element === "button" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.default,
+      {
+        ...{
+          disabled,
+          inline: Boolean(child),
+          onClick,
+          variant: "link",
+          ...rest
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ...{
+              className: classes.row.filter(Boolean).join(" ")
+            },
+            children: content
+          }
+        )
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Element,
+      {
+        ...{
+          className: classes.row.filter(Boolean).join(" "),
+          onClick,
+          ...rest
+        },
+        children: content
+      }
+    ),
+    hasChildren && isActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...{
+          className: "mb-4"
+        },
+        children: children.map((props, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          MenuItem,
+          {
+            ...{
+              ...props,
+              child: true
+            }
+          },
+          key
+        ))
+      }
+    )
+  ] });
+};
+const Menu = ({
+  guide,
+  menu = [],
+  onClick,
+  path
+}) => {
+  if (!(menu == null ? void 0 : menu.length)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...{
+        className: "p-6 space-y-4",
+        ...guide && {
+          "data-guide": guide
+        }
+      },
+      children: menu.map((group, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          ...{
+            className: "space-y-1 pb-2"
+          },
+          children: [
+            group.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "p",
+              {
+                ...{
+                  className: "px-2 pb-1 text-xs text-white/40 uppercase tracking-wider"
+                },
+                children: group.title
+              }
+            ),
+            group.items.map(({ key: itemKey, exact, ...item }, index) => {
+              const active = !item.href ? false : exact ? path === item.href : path === item.href || path.startsWith(item.href + "/");
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                MenuItem,
+                {
+                  ...{
+                    ...item,
+                    ...!item.href && {
+                      element: "div"
+                    },
+                    active,
+                    onClick
+                  }
+                },
+                itemKey || index
+              );
+            })
+          ]
+        },
+        key
+      ))
+    }
+  );
+};
+const classNameLoader = "h-full p-6 text-white";
+const menuError = (query) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      ...{
+        className: "text-white/60"
+      },
+      children: ((_a = query == null ? void 0 : query.error) == null ? void 0 : _a.message) || "Unable to load menu"
+    }
+  ) });
+};
+const MenuOrganization = ({
+  onClick,
+  organization,
+  path
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_provider_resource.default,
+  {
+    ...{
+      classNameLoader,
+      endpoint: (0, import_oauth.menuEndpoint)("organization", organization),
+      error: menuError,
+      loader: true,
+      queryKey: ["menu", "organization", organization]
+    },
+    children: (query) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Menu,
+      {
+        ...{
+          guide: "menu-organization",
+          menu: query == null ? void 0 : query.data,
+          onClick,
+          path
+        }
+      }
+    )
+  }
+);
+const MenuCampaign = ({
+  campaign,
+  onClick,
+  organization,
+  path
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_provider_resource.default,
+  {
+    ...{
+      classNameLoader,
+      endpoint: (0, import_oauth.menuEndpoint)("campaign", organization, campaign),
+      error: menuError,
+      loader: true,
+      queryKey: ["menu", "campaign", organization, campaign]
+    },
+    children: (query) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Menu,
+      {
+        ...{
+          menu: query == null ? void 0 : query.data,
+          onClick,
+          path
+        }
+      }
+    )
+  }
+);
+const MenuAdmin = ({
+  onClick,
+  path
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_provider_resource.default,
+  {
+    ...{
+      classNameLoader,
+      endpoint: (0, import_oauth.menuEndpoint)("admin"),
+      error: menuError,
+      loader: true,
+      queryKey: ["menu", "admin"]
+    },
+    children: (query) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Menu,
+      {
+        ...{
+          menu: query == null ? void 0 : query.data,
+          onClick,
+          path
+        }
+      }
+    )
+  }
+);
+const MenuAccount = ({
+  onClick,
+  path
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_provider_resource.default,
+  {
+    ...{
+      classNameLoader,
+      endpoint: (0, import_oauth.menuEndpoint)("account"),
+      error: menuError,
+      loader: true,
+      queryKey: ["menu", "account"]
+    },
+    children: (query) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Menu,
+      {
+        ...{
+          menu: query == null ? void 0 : query.data,
+          onClick,
+          path
+        }
+      }
+    )
+  }
+);
+const MenuApp = ({
+  onClick,
+  path
+}) => {
+  const links = [
+    {
+      active: Boolean(["/organizations"].includes(path)),
+      href: "/organizations",
+      title: "My organizations"
+    },
+    {
+      active: Boolean(["/shared"].includes(path)),
+      href: "/shared",
+      title: "Shared with me"
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...{
+        className: "p-6 space-y-1"
+      },
+      children: links.map((props, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        MenuItem,
+        {
+          ...{
+            ...props,
+            onClick
+          }
+        },
+        key
+      ))
+    }
+  );
+};
+const PROCESS_TYPE_LABELS = {
+  ai: "AI",
+  encode: "Encode",
+  poster: "Poster",
+  resize: "Resize",
+  contacts: "Contacts"
+};
+const MenuAccountProcessButton = ({
+  modal
+}) => {
+  var _a;
+  const { data } = (0, import_react_query.useQuery)({
+    queryKey: ["account", "process", "count"],
+    queryFn: async () => {
+      const { result } = await (0, import_fetch.request)({
+        endpoint: "/account/process",
+        params: {
+          limit: 1,
+          skip: 0,
+          sort: { createdAt: -1 }
+        }
+      });
+      return result;
+    },
+    staleTime: 3e4
+  });
+  const count = Number(((_a = data == null ? void 0 : data.pageInfo) == null ? void 0 : _a.total) || 0);
+  if (!count) return null;
+  const list = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_list_resource.default,
+    {
+      ...{
+        endpoint: "/account/process",
+        model: "process",
+        render: (item) => {
+          var _a2;
+          const subtitle = [((_a2 = item.ref) == null ? void 0 : _a2.collection) && item.ref.collection, item.type && PROCESS_TYPE_LABELS[item.type]].filter(Boolean).join(": ").toLocaleUpperCase();
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.default,
+            {
+              ...{
+                element: import_link.default,
+                href: (item == null ? void 0 : item.link) || "#",
+                onClick: modal.close,
+                variant: "link"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "span",
+                  {
+                    ...{
+                      // Fills the row, so the loader sits at its end.
+                      className: "flex-1 min-w-0 text-left"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "span",
+                        {
+                          ...{
+                            className: "block text-xs text-gray-dark truncate"
+                          },
+                          children: subtitle
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "span",
+                        {
+                          ...{
+                            className: "truncate"
+                          },
+                          children: (item == null ? void 0 : item.title) || "Untitled"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_loader.default,
+                  {
+                    ...{
+                      className: "w-4 h-4 shrink-0 text-gray-dark"
+                    }
+                  }
+                )
+              ]
+            }
+          );
+        },
+        searchKeys: ["title"]
+      }
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.default,
+    {
+      ...{
+        onClick: () => modal.open({
+          message: list,
+          title: "Processing"
+        }),
+        variant: "link"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          ...{
+            className: "flex items-center justify-between w-full space-x-3 text-left text-sm text-white border-t border-gray-dark px-6 py-3"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+              "Processing ",
+              count,
+              " item",
+              count === 1 ? "" : "s"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_loader.default,
+              {
+                ...{
+                  className: "w-4 h-4 shrink-0"
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const releaseId = (link) => {
+  var _a;
+  return ((_a = String(link || "").match(/\/task\/(\d+)/)) == null ? void 0 : _a[1]) || null;
+};
+const MenuRelease = ({
+  link
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  "a",
+  {
+    ...{
+      className: "flex items-center gap-1.5 px-6 py-1.5 bg-yellow-dark text-black text-xs hover:underline",
+      href: link,
+      rel: "noopener noreferrer",
+      target: "_blank"
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          ...{
+            className: "flex-1"
+          },
+          children: [
+            "Release ",
+            releaseId(link)
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_external.default,
+        {
+          ...{
+            "aria-hidden": true,
+            className: "w-3 h-3 shrink-0"
+          }
+        }
+      )
+    ]
+  }
+);
+const MenuAccountDropdown = ({
+  account,
+  balance,
+  actions,
+  guide,
+  modal,
+  onClick
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const app = (0, import_react_query.useQuery)({
+    queryKey: ["app"]
+  });
+  const release = (_a = app == null ? void 0 : app.data) == null ? void 0 : _a.release;
+  const banded = Boolean(releaseId(release));
+  const inbox = Number(((_c = (_b = account == null ? void 0 : account.data) == null ? void 0 : _b.totals) == null ? void 0 : _c.inbox) || 0);
+  const items = [
+    {
+      ...inbox && {
+        badge: {
+          text: inbox,
+          type: "warning"
+        }
+      },
+      element: import_link.default,
+      href: "/account",
+      title: "Account"
+    }
+  ];
+  if (guide) {
+    items.push({
+      "data-guide": "menu-item-account-guide",
+      element: "button",
+      onClick: actions.guide,
+      title: "Screen guide"
+    });
+  }
+  ;
+  if (process.env.NEXT_PUBLIC_SUPPORT_URI) {
+    items.push({
+      "data-guide": "menu-item-account-support",
+      element: import_link.default,
+      href: process.env.NEXT_PUBLIC_SUPPORT_URI,
+      target: "_blank",
+      title: "Support"
+    });
+  }
+  ;
+  items.push({
+    element: "button",
+    onClick: actions.signout,
+    title: "Logout"
+  });
+  if ((0, import_helpers.isAdmin)((_d = account == null ? void 0 : account.data) == null ? void 0 : _d.permissions)) {
+    items.unshift({
+      element: import_link.default,
+      href: "/admin",
+      title: "Admin"
+    });
+  }
+  ;
+  const renderStatus = () => {
+    var _a2, _b2;
+    const status = (_a2 = account == null ? void 0 : account.data) == null ? void 0 : _a2.status;
+    switch (status) {
+      case "suspended":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ...{
+              className: "text-red-dark text-xs"
+            },
+            children: "Suspended"
+          }
+        );
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ...{
+              className: "text-gray text-xs"
+            },
+            children: "Balance " + (0, import_drawbridge_utils.formatCurrency)({
+              value: (((_b2 = balance == null ? void 0 : balance.data) == null ? void 0 : _b2.ai) || 0) / 100
+            })
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    !Boolean((_e = balance == null ? void 0 : balance.data) == null ? void 0 : _e.ai) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...{
+          className: "p-6"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wrapper_ai.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.default,
+          {
+            ...{
+              element: import_link.default,
+              href: "/account",
+              variant: "link"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                ...{
+                  className: "flex flex-col space-y-1 w-full text-left"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "span",
+                    {
+                      ...{
+                        className: "flex items-center justify-between space-x-6"
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Add AI credits" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          import_arrow_right.default,
+                          {
+                            ...{
+                              className: "w-5 h-5 shrink-0"
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "p",
+                    {
+                      ...{
+                        className: "text-sm"
+                      },
+                      children: "Get started with Drawbridge AI credits by funding your account."
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MenuAccountProcessButton,
+      {
+        ...{
+          modal
+        }
+      }
+    ),
+    banded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MenuRelease,
+      {
+        ...{
+          link: release
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...{
+          className: "flex flex-col justify-between p-6 space-y-4" + (banded ? "" : " border-t border-gray-dark")
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Disclosure, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react2.DisclosureButton,
+            {
+              ...{
+                as: import_button.default,
+                variant: "link"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "span",
+                {
+                  ...{
+                    className: "flex items-center w-full space-x-3"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      "span",
+                      {
+                        ...{
+                          className: "relative w-8 h-8 shrink-0"
+                        },
+                        children: [
+                          Boolean(inbox) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            "span",
+                            {
+                              ...{
+                                className: "w-3 h-3 z-10 flex items-center justify-center absolute -top-[3px] -right-[3px] border-2 border-black rounded-full overflow-hidden"
+                              },
+                              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                import_indicator.default,
+                                {
+                                  ...{
+                                    type: "warning"
+                                  }
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            import_avatar.default,
+                            {
+                              ...{
+                                email: (_f = account == null ? void 0 : account.data) == null ? void 0 : _f.email,
+                                image: (_g = account == null ? void 0 : account.data) == null ? void 0 : _g.image,
+                                name: (0, import_helpers.formatUserName)(account == null ? void 0 : account.data)
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      "span",
+                      {
+                        ...{
+                          className: "w-full flex flex-col text-left leading-none space-y-[3px]"
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            "span",
+                            {
+                              ...{
+                                className: "block text-white"
+                              },
+                              children: (0, import_helpers.formatUserName)(account == null ? void 0 : account.data)
+                            }
+                          ),
+                          renderStatus()
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.DisclosurePanel, { children: items.map((item, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            MenuItem,
+            {
+              ...{
+                ...item,
+                onClick: item.onClick || onClick
+              }
+            },
+            key
+          )) })
+        ] })
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuAccount,
+  MenuAccountDropdown,
+  MenuAdmin,
+  MenuApp,
+  MenuCampaign,
+  MenuOrganization,
+  releaseId
+});