@drawbridge/components 0.1.0 → 0.1.2

package/dist/dashboard/menu.js

@@ -33,7 +33,8 @@ __export(menu_exports, {
   MenuAdmin: () => MenuAdmin,
   MenuApp: () => MenuApp,
   MenuCampaign: () => MenuCampaign,
-  MenuOrganization: () => MenuOrganization
+  MenuOrganization: () => MenuOrganization,
+  releaseId: () => releaseId
 });
 module.exports = __toCommonJS(menu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -56,6 +57,7 @@ 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,
@@ -522,6 +524,46 @@ const MenuAccountProcessButton = ({
     }
   );
 };
+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,
@@ -530,8 +572,13 @@ const MenuAccountDropdown = ({
   modal,
   onClick
 }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const inbox = Number(((_b = (_a = account == null ? void 0 : account.data) == null ? void 0 : _a.totals) == null ? void 0 : _b.inbox) || 0);
+  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 && {
@@ -569,7 +616,7 @@ const MenuAccountDropdown = ({
     onClick: actions.signout,
     title: "Logout"
   });
-  if ((0, import_helpers.isAdmin)((_c = account == null ? void 0 : account.data) == null ? void 0 : _c.permissions)) {
+  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",
@@ -606,7 +653,7 @@ const MenuAccountDropdown = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    !Boolean((_d = balance == null ? void 0 : balance.data) == null ? void 0 : _d.ai) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    !Boolean((_e = balance == null ? void 0 : balance.data) == null ? void 0 : _e.ai) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ...{
@@ -670,11 +717,19 @@ const MenuAccountDropdown = ({
         }
       }
     ),
+    banded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MenuRelease,
+      {
+        ...{
+          link: release
+        }
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ...{
-          className: "flex flex-col justify-between border-t border-gray-dark p-6 space-y-4"
+          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)(
@@ -718,8 +773,8 @@ const MenuAccountDropdown = ({
                             import_avatar.default,
                             {
                               ...{
-                                email: (_e = account == null ? void 0 : account.data) == null ? void 0 : _e.email,
-                                image: (_f = account == null ? void 0 : account.data) == null ? void 0 : _f.image,
+                                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)
                               }
                             }
@@ -774,5 +829,6 @@ const MenuAccountDropdown = ({
   MenuAdmin,
   MenuApp,
   MenuCampaign,
-  MenuOrganization
+  MenuOrganization,
+  releaseId
 });

package/dist/dashboard/menu.mjs

@@ -1,24 +1,25 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import Link from "./link";
+import Link from "./link.mjs";
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/react";
 import { useQuery } from "@tanstack/react-query";
 import { formatCurrency } from "@drawbridge/drawbridge-utils";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
 import { menuEndpoint } from "@drawbridge/drawbridge-utils/oauth";
-import { formatUserName, isAdmin } from "../shared/lib/helpers";
-import Badge from "../shared/badge";
-import Empty from "../shared/empty";
-import Avatar from "./avatar";
-import Indicator from "../shared/indicator";
-import ListResource from "./list-resource";
-import Lock from "../icons/lock";
-import Loader from "../icons/loader";
-import ArrowRight from "../icons/arrow-right";
-import ProviderResource from "./provider-resource";
-import WrapperAI from "./wrapper-ai";
-import Button from "../shared/button";
+import { formatUserName, isAdmin } from "../shared/lib/helpers.mjs";
+import Badge from "../shared/badge.mjs";
+import Empty from "../shared/empty.mjs";
+import Avatar from "./avatar.mjs";
+import Indicator from "../shared/indicator.mjs";
+import ListResource from "./list-resource.mjs";
+import Lock from "../icons/lock.mjs";
+import Loader from "../icons/loader.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import ProviderResource from "./provider-resource.mjs";
+import WrapperAI from "./wrapper-ai.mjs";
+import Button from "../shared/button.mjs";
+import External from "../icons/external.mjs";
 const MenuItem = ({
   active,
   badge,
@@ -485,6 +486,46 @@ const MenuAccountProcessButton = ({
     }
   );
 };
+const releaseId = (link) => {
+  var _a;
+  return ((_a = String(link || "").match(/\/task\/(\d+)/)) == null ? void 0 : _a[1]) || null;
+};
+const MenuRelease = ({
+  link
+}) => /* @__PURE__ */ 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__ */ jsxs(
+        "span",
+        {
+          ...{
+            className: "flex-1"
+          },
+          children: [
+            "Release ",
+            releaseId(link)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        External,
+        {
+          ...{
+            "aria-hidden": true,
+            className: "w-3 h-3 shrink-0"
+          }
+        }
+      )
+    ]
+  }
+);
 const MenuAccountDropdown = ({
   account,
   balance,
@@ -493,8 +534,13 @@ const MenuAccountDropdown = ({
   modal,
   onClick
 }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const inbox = Number(((_b = (_a = account == null ? void 0 : account.data) == null ? void 0 : _a.totals) == null ? void 0 : _b.inbox) || 0);
+  var _a, _b, _c, _d, _e, _f, _g;
+  const app = 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 && {
@@ -532,7 +578,7 @@ const MenuAccountDropdown = ({
     onClick: actions.signout,
     title: "Logout"
   });
-  if (isAdmin((_c = account == null ? void 0 : account.data) == null ? void 0 : _c.permissions)) {
+  if (isAdmin((_d = account == null ? void 0 : account.data) == null ? void 0 : _d.permissions)) {
     items.unshift({
       element: Link,
       href: "/admin",
@@ -569,7 +615,7 @@ const MenuAccountDropdown = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { children: [
-    !Boolean((_d = balance == null ? void 0 : balance.data) == null ? void 0 : _d.ai) && /* @__PURE__ */ jsx(
+    !Boolean((_e = balance == null ? void 0 : balance.data) == null ? void 0 : _e.ai) && /* @__PURE__ */ jsx(
       "div",
       {
         ...{
@@ -633,11 +679,19 @@ const MenuAccountDropdown = ({
         }
       }
     ),
+    banded && /* @__PURE__ */ jsx(
+      MenuRelease,
+      {
+        ...{
+          link: release
+        }
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
         ...{
-          className: "flex flex-col justify-between border-t border-gray-dark p-6 space-y-4"
+          className: "flex flex-col justify-between p-6 space-y-4" + (banded ? "" : " border-t border-gray-dark")
         },
         children: /* @__PURE__ */ jsxs(Disclosure, { children: [
           /* @__PURE__ */ jsx(
@@ -681,8 +735,8 @@ const MenuAccountDropdown = ({
                             Avatar,
                             {
                               ...{
-                                email: (_e = account == null ? void 0 : account.data) == null ? void 0 : _e.email,
-                                image: (_f = account == null ? void 0 : account.data) == null ? void 0 : _f.image,
+                                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: formatUserName(account == null ? void 0 : account.data)
                               }
                             }
@@ -736,5 +790,6 @@ export {
   MenuAdmin,
   MenuApp,
   MenuCampaign,
-  MenuOrganization
+  MenuOrganization,
+  releaseId
 };

package/dist/dashboard/modal.mjs

@@ -2,11 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect } from "react";
 import { Transition } from "@headlessui/react";
-import Times from "../icons/times";
-import Button from "../shared/button";
-import { FormScope } from "../shared/lib/form";
-import Overlay from "../shared/overlay";
-import { useModal } from "./lib/hooks";
+import Times from "../icons/times.mjs";
+import Button from "../shared/button.mjs";
+import { FormScope } from "../shared/lib/form.mjs";
+import Overlay from "../shared/overlay.mjs";
+import { useModal } from "./lib/hooks.mjs";
 let open = 0;
 const Modal = ({
   active = false,

package/dist/dashboard/notes.mjs

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useCallbacks } from "./lib/hooks";
-import Paged from "./paged";
-import CardNote from "./card-note";
-import FormNote from "./form-note";
-import LinkBack from "./link-back";
-import Plus from "../icons/plus";
-import Button from "../shared/button";
+import { useCallbacks } from "./lib/hooks.mjs";
+import Paged from "./paged.mjs";
+import CardNote from "./card-note.mjs";
+import FormNote from "./form-note.mjs";
+import LinkBack from "./link-back.mjs";
+import Plus from "../icons/plus.mjs";
+import Button from "../shared/button.mjs";
 const Notes = ({
   endpoint = "",
   limit = 12,

package/dist/dashboard/notice.mjs

@@ -2,9 +2,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
 import { Transition } from "@headlessui/react";
-import Times from "../icons/times";
-import Link from "./link";
-import Button from "../shared/button";
+import Times from "../icons/times.mjs";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
 const Notice = ({
   active,
   queryClient,

package/dist/dashboard/paged.mjs

@@ -4,13 +4,13 @@ import { useEffect, useRef, useState } from "react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import Empty from "../shared/empty";
-import Loader from "../shared/loader";
-import ArrowLeft from "../icons/arrow-left";
-import ArrowRight from "../icons/arrow-right";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
-import WrapperGradient from "../wrapper-gradient";
+import Empty from "../shared/empty.mjs";
+import Loader from "../shared/loader.mjs";
+import ArrowLeft from "../icons/arrow-left.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
+import WrapperGradient from "../wrapper-gradient.mjs";
 const Pagination = ({
   className = null,
   counter: counterOverride = void 0,

package/dist/dashboard/provider-resource.mjs

@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import { notFound } from "next/navigation";
 import { isTransientError, request } from "@drawbridge/drawbridge-utils/fetch";
 import { useQuery } from "@tanstack/react-query";
-import Loader from "../shared/loader";
-import TemplateNotFound from "./template-not-found";
+import Loader from "../shared/loader.mjs";
+import TemplateNotFound from "./template-not-found.mjs";
 const ProviderResource = ({
   cache,
   children,

package/dist/dashboard/provider-ui.mjs

@@ -4,12 +4,12 @@ import { Fragment, useEffect, useRef } from "react";
 import { useQueries, useQueryClient } from "@tanstack/react-query";
 import { isTransientError, request, setMemoryToken } from "@drawbridge/drawbridge-utils/fetch";
 import { io } from "socket.io-client";
-import TemplateNotFound from "./template-not-found";
-import Drawer from "./drawer";
-import GuardNavigation from "./guard-navigation";
-import Modal from "./modal";
-import Notice from "./notice";
-import { LogoLoader } from "../shared/loader";
+import TemplateNotFound from "./template-not-found.mjs";
+import Drawer from "./drawer.mjs";
+import GuardNavigation from "./guard-navigation.mjs";
+import Modal from "./modal.mjs";
+import Notice from "./notice.mjs";
+import { LogoLoader } from "../shared/loader.mjs";
 const ProviderUi = ({
   children,
   token

package/dist/dashboard/provider.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import dynamic from "next/dynamic";
-import { LoaderDynamic } from "../shared/loader";
+import { LoaderDynamic } from "../shared/loader.mjs";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 const ReactQueryDevtools = dynamic(
   () => import("@tanstack/react-query-devtools").then((mod) => mod.ReactQueryDevtools),

package/dist/dashboard/recharts.mjs

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { capitalize } from "@drawbridge/drawbridge-utils";
 import { AreaChart, Area, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from "recharts";
-import Empty from "../shared/empty";
+import Empty from "../shared/empty.mjs";
 const ChartEmpty = ({ message }) => /* @__PURE__ */ jsx(
   Empty,
   {

package/dist/dashboard/steps.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { capitalize, formatDateString } from "@drawbridge/drawbridge-utils";
-import Accordion from "./accordion";
-import Paged from "./paged";
-import Empty from "../shared/empty";
-import CodeFormater from "./code-formatter";
-import CardTask from "./card-task";
-import Indicator from "../shared/indicator";
+import Accordion from "./accordion.mjs";
+import Paged from "./paged.mjs";
+import Empty from "../shared/empty.mjs";
+import CodeFormater from "./code-formatter.mjs";
+import CardTask from "./card-task.mjs";
+import Indicator from "../shared/indicator.mjs";
 const badgeType = (status) => {
   if (status === "succeeded") return "success";
   if (status === "failed") return "error";

package/dist/dashboard/swatch.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useCopyToClipboard } from "./lib/hooks";
-import Tooltip from "../shared/tooltip";
-import Button from "../shared/button";
+import { useCopyToClipboard } from "./lib/hooks.mjs";
+import Tooltip from "../shared/tooltip.mjs";
+import Button from "../shared/button.mjs";
 const Swatch = ({
   color,
   label,

package/dist/dashboard/table-cell-title.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import Avatar from "./avatar";
-import Badge from "../shared/badge";
-import CardAsset from "../shared/card-asset";
-import Error from "../shared/error";
-import Indicator from "../shared/indicator";
-import Tooltip from "../shared/tooltip";
+import Avatar from "./avatar.mjs";
+import Badge from "../shared/badge.mjs";
+import CardAsset from "../shared/card-asset.mjs";
+import Error from "../shared/error.mjs";
+import Indicator from "../shared/indicator.mjs";
+import Tooltip from "../shared/tooltip.mjs";
 const TableCellTitleContext = createContext(null);
 const TableCellTitle = (props) => {
   const {

package/dist/dashboard/table.mjs

@@ -4,22 +4,22 @@ import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-tabl
 import { useQueryClient } from "@tanstack/react-query";
 import { formatDateString } from "@drawbridge/drawbridge-utils";
 import { request } from "@drawbridge/drawbridge-utils/fetch";
-import Link from "./link";
+import Link from "./link.mjs";
 import { forwardRef, useMemo } from "react";
-import { useModal } from "./lib/hooks";
-import { iconLabel } from "../shared/lib/icon-labels";
-import BarsArrowDown from "../icons/bars-arrow-down";
-import BarsArrowUp from "../icons/bars-arrow-up";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
-import CopyToClipboard from "../shared/copy-to-clipboard";
-import { TableCellTitleContext } from "./table-cell-title";
-import Progress from "../shared/progress";
-import Dropdown from "./dropdown";
-import FormAction from "./form-action";
-import Warning from "../icons/warning";
-import Tooltip from "../shared/tooltip";
-import { useWrapperGradient } from "../wrapper-gradient";
+import { useModal } from "./lib/hooks.mjs";
+import { iconLabel } from "../shared/lib/icon-labels.mjs";
+import BarsArrowDown from "../icons/bars-arrow-down.mjs";
+import BarsArrowUp from "../icons/bars-arrow-up.mjs";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
+import CopyToClipboard from "../shared/copy-to-clipboard.mjs";
+import { TableCellTitleContext } from "./table-cell-title.mjs";
+import Progress from "../shared/progress.mjs";
+import Dropdown from "./dropdown.mjs";
+import FormAction from "./form-action.mjs";
+import Warning from "../icons/warning.mjs";
+import Tooltip from "../shared/tooltip.mjs";
+import { useWrapperGradient } from "../wrapper-gradient.mjs";
 const STICKY_ACTIONS_FADE_BASE = "before:content-[''] before:absolute before:right-full before:top-0 before:bottom-0 before:w-8 before:bg-gradient-to-l before:from-30% before:to-transparent before:pointer-events-none";
 const STICKY_ACTIONS_FADE_BODY = STICKY_ACTIONS_FADE_BASE + " before:from-white";
 const STICKY_ACTIONS_FADE_HEADER = STICKY_ACTIONS_FADE_BASE + " before:from-gray-light";

package/dist/dashboard/template-dashboard.mjs

@@ -3,20 +3,20 @@ import { isValidElement, useState } from "react";
 import { keepPreviousData, useQueryClient } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 import { isTransientError } from "@drawbridge/drawbridge-utils/fetch";
-import { useDrawer } from "./lib/hooks";
-import { iconLabel } from "../shared/lib/icon-labels";
-import ProviderResource from "./provider-resource";
-import ArrowRight from "../icons/arrow-right";
-import LoaderIcon from "../icons/loader";
-import Refresh from "../icons/refresh";
-import Empty from "../shared/empty";
-import Badge from "../shared/badge";
-import Button from "../shared/button";
-import List from "./list";
-import LinkBack from "./link-back";
-import WrapperGradient from "../wrapper-gradient";
+import { useDrawer } from "./lib/hooks.mjs";
+import { iconLabel } from "../shared/lib/icon-labels.mjs";
+import ProviderResource from "./provider-resource.mjs";
+import ArrowRight from "../icons/arrow-right.mjs";
+import LoaderIcon from "../icons/loader.mjs";
+import Refresh from "../icons/refresh.mjs";
+import Empty from "../shared/empty.mjs";
+import Badge from "../shared/badge.mjs";
+import Button from "../shared/button.mjs";
+import List from "./list.mjs";
+import LinkBack from "./link-back.mjs";
+import WrapperGradient from "../wrapper-gradient.mjs";
 import Image from "next/image";
-import Link from "./link";
+import Link from "./link.mjs";
 const Refetch = ({
   invalidate = []
 }) => {

package/dist/dashboard/template-not-found.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import LogoMark from "../icons/logo-mark";
-import Link from "./link";
-import Button from "../shared/button";
+import LogoMark from "../icons/logo-mark.mjs";
+import Link from "./link.mjs";
+import Button from "../shared/button.mjs";
 const TemplateNotFound = ({
   button = "Back to organizations",
   href = "/organizations",

package/dist/dashboard/template-socket.mjs

@@ -2,9 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useParams } from "next/navigation";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useSocketRoom } from "./lib/hooks";
-import { isAdmin } from "../shared/lib/helpers";
-import TemplateSuspended from "./template-suspended";
+import { useSocketRoom } from "./lib/hooks.mjs";
+import { isAdmin } from "../shared/lib/helpers.mjs";
+import TemplateSuspended from "./template-suspended.mjs";
 const TemplateSocketAccount = ({
   children
 }) => {

package/dist/dashboard/template-suspended.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
+import { useModal } from "./lib/hooks.mjs";
 const suspension = {
   message: /* @__PURE__ */ jsxs(
     "div",

package/dist/dashboard/template-ui.js

@@ -228,7 +228,10 @@ const TemplateUiHeader = ({
 const TemplateUiBand = ({
   record
 }) => {
-  const alert = (0, import_helpers.alertFor)(record);
+  const alert = (0, import_helpers.alertFor)({
+    error: record == null ? void 0 : record.error,
+    status: record == null ? void 0 : record.status
+  });
   if (!alert) return null;
   const { icon: Icon, message } = alert;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/dashboard/template-ui.mjs

@@ -3,18 +3,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useContext, useMemo, useState } from "react";
 import { useParams, usePathname } from "next/navigation";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useModal } from "./lib/hooks";
-import WrapperGradient from "../wrapper-gradient";
-import Guide from "./guide";
-import { MenuAccount, MenuAccountDropdown, MenuAdmin, MenuApp, MenuCampaign, MenuOrganization } from "./menu";
-import MenuIcon from "../icons/menu";
-import Switch from "../icons/switch";
-import Times from "../icons/times";
-import Link from "./link";
-import ArrowLeft from "../icons/arrow-left";
-import Button from "../shared/button";
-import { FormScope } from "../shared/lib/form";
-import { alertFor } from "../shared/lib/helpers";
+import { useModal } from "./lib/hooks.mjs";
+import WrapperGradient from "../wrapper-gradient.mjs";
+import Guide from "./guide.mjs";
+import { MenuAccount, MenuAccountDropdown, MenuAdmin, MenuApp, MenuCampaign, MenuOrganization } from "./menu.mjs";
+import MenuIcon from "../icons/menu.mjs";
+import Switch from "../icons/switch.mjs";
+import Times from "../icons/times.mjs";
+import Link from "./link.mjs";
+import ArrowLeft from "../icons/arrow-left.mjs";
+import Button from "../shared/button.mjs";
+import { FormScope } from "../shared/lib/form.mjs";
+import { alertFor } from "../shared/lib/helpers.mjs";
 const offsets = {
   header: "h-16 md:h-20",
   paddingTop: "pt-16 md:pt-0"
@@ -196,7 +196,10 @@ const TemplateUiHeader = ({
 const TemplateUiBand = ({
   record
 }) => {
-  const alert = alertFor(record);
+  const alert = alertFor({
+    error: record == null ? void 0 : record.error,
+    status: record == null ? void 0 : record.status
+  });
   if (!alert) return null;
   const { icon: Icon, message } = alert;
   return /* @__PURE__ */ jsxs(

package/dist/dashboard/wrapper-ai.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import Badge from "../shared/badge";
+import Badge from "../shared/badge.mjs";
 const WrapperAI = ({
   children,
   className,