@the-portland-company/shell 0.23.0 → 0.24.0

package/dist/native.cjs

@@ -1863,6 +1863,42 @@ function NavTabStrip({
     ) : null
   ] });
 }
+var BETA_BANNER_DEFAULTS = {
+  text: "Our product is in Beta. Thank you for participating in the Pilot Program. ",
+  linkLabel: "You can click here to see the Terms & Conditions for Beta users.",
+  href: "https://app.politogyvrm.com/beta-terms-and-conditions"
+};
+function NavBetaBanner({ text, linkLabel, href }) {
+  const body = text ?? BETA_BANNER_DEFAULTS.text;
+  const label = linkLabel ?? BETA_BANNER_DEFAULTS.linkLabel;
+  const target = href ?? BETA_BANNER_DEFAULTS.href;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "note",
+      className: "w-full border-y px-4 py-2 text-center text-sm",
+      style: {
+        background: "var(--beta-banner-bg)",
+        borderColor: "var(--beta-banner-border)",
+        color: "var(--beta-banner-text)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: body }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: safeHref(target),
+            target: "_blank",
+            rel: "noreferrer",
+            className: "font-bold underline",
+            style: { color: "var(--beta-banner-text)" },
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
 function useCloseNavDetailsOnOutsideClick() {
   react.useEffect(() => {
     const close = (target) => {
@@ -1882,12 +1918,13 @@ function useCloseNavDetailsOnOutsideClick() {
     };
   }, []);
 }
-function NavAppShell({ sidebar, topBar, children }) {
+function NavAppShell({ sidebar, topBar, betaBanner, children }) {
   useCloseNavDetailsOnOutsideClick();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-[color:var(--background)] text-[color:var(--foreground)]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(NavSidebar, { ...sidebar }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:pl-[240px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavTopBar, { ...topBar }),
+      betaBanner ? /* @__PURE__ */ jsxRuntime.jsx(NavBetaBanner, { ...betaBanner }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-6 py-7", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl", children }) })
     ] })
   ] });
@@ -1895,6 +1932,7 @@ function NavAppShell({ sidebar, topBar, children }) {
 
 exports.FuelAction = FuelAction;
 exports.NavAppShell = NavAppShell;
+exports.NavBetaBanner = NavBetaBanner;
 exports.NavChromeProvider = NavChromeProvider;
 exports.NavDisplayAction = NavDisplayAction;
 exports.NavSidebar = NavSidebar;