powr-sdk-web 6.0.0 → 6.2.0

package/dist/shell/PowrBaseAppWrapper.js

@@ -0,0 +1,348 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POWR_SHELL_MODES = void 0;
+exports["default"] = PowrBaseAppWrapper;
+var _react = _interopRequireWildcard(require("react"));
+var _PowrThemeProvider = _interopRequireWildcard(require("../theme/PowrThemeProvider"));
+var _PowrThemeSettings = _interopRequireDefault(require("../theme/PowrThemeSettings"));
+var _host = require("../theme/host");
+var _session = _interopRequireWildcard(require("../session"));
+var _auth = _interopRequireDefault(require("../auth"));
+var _PowrOnboardingProvider = _interopRequireDefault(require("../onboarding/PowrOnboardingProvider"));
+var _useMediaQuery = _interopRequireDefault(require("../utils/useMediaQuery"));
+var _styles = require("./styles");
+var _parts = require("./parts");
+var _excluded = ["theme", "presets", "scheme", "density", "preset", "persistTheme", "user", "token", "refreshToken", "onSessionChange", "onLogout"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var config = require("../config");
+var POWR_SHELL_MODES = exports.POWR_SHELL_MODES = Object.freeze(["sidebar", "topbar"]);
+
+/**
+ * PowrBaseAppWrapper — the one root mount for a Powr web app.
+ *
+ * Replaces the files every new app copied: auth store, route guards, top bar /
+ * sidebar, login page glue, providers. Chrome + selectors live here; palette,
+ * presets, logo, nav items, product roles and public pages stay in the product.
+ *
+ * Guardrails: no colours of its own (every colour is `var(--powr-*)`), more
+ * than one shape (`sidebar` | `topbar`), no `next/*` import — `Link` and
+ * `pathname` come in as props, like `apiUrl` does elsewhere.
+ */
+function PowrBaseAppWrapper(props) {
+  var theme = props.theme,
+    presets = props.presets,
+    scheme = props.scheme,
+    density = props.density,
+    preset = props.preset,
+    _props$persistTheme = props.persistTheme,
+    persistTheme = _props$persistTheme === void 0 ? true : _props$persistTheme,
+    user = props.user,
+    token = props.token,
+    refreshToken = props.refreshToken,
+    onSessionChange = props.onSessionChange,
+    onLogout = props.onLogout,
+    rest = _objectWithoutProperties(props, _excluded);
+  var outerTheme = (0, _PowrThemeProvider.usePowrTheme)();
+  var needsThemeProvider = !outerTheme.mounted || theme !== undefined || presets !== undefined;
+  var shell = /*#__PURE__*/_react["default"].createElement(_session["default"], {
+    user: user,
+    token: token,
+    refreshToken: refreshToken,
+    onChange: onSessionChange,
+    onLogout: onLogout
+  }, /*#__PURE__*/_react["default"].createElement(Shell, rest));
+  if (!needsThemeProvider) return shell;
+  return /*#__PURE__*/_react["default"].createElement(_PowrThemeProvider["default"], {
+    theme: theme,
+    presets: presets,
+    scheme: scheme,
+    density: density,
+    preset: preset,
+    persist: persistTheme,
+    projectId: rest.projectId || config.projectId
+  }, shell);
+}
+function Shell(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "topbar" : _ref$mode,
+    _ref$brand = _ref.brand,
+    brand = _ref$brand === void 0 ? null : _ref$brand,
+    _ref$brandHref = _ref.brandHref,
+    brandHref = _ref$brandHref === void 0 ? "/" : _ref$brandHref,
+    _ref$nav = _ref.nav,
+    nav = _ref$nav === void 0 ? [] : _ref$nav,
+    _ref$headerRight = _ref.headerRight,
+    headerRight = _ref$headerRight === void 0 ? null : _ref$headerRight,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$Link = _ref.Link,
+    Link = _ref$Link === void 0 ? _parts.DefaultLink : _ref$Link,
+    _ref$pathname = _ref.pathname,
+    pathname = _ref$pathname === void 0 ? "" : _ref$pathname,
+    _ref$gate = _ref.gate,
+    gate = _ref$gate === void 0 ? "login" : _ref$gate,
+    _ref$login = _ref.login,
+    login = _ref$login === void 0 ? {} : _ref$login,
+    _ref$onboarding = _ref.onboarding,
+    onboarding = _ref$onboarding === void 0 ? {} : _ref$onboarding,
+    _ref$adminHref = _ref.adminHref,
+    adminHref = _ref$adminHref === void 0 ? "/powr-admin" : _ref$adminHref,
+    _ref$loginHref = _ref.loginHref,
+    loginHref = _ref$loginHref === void 0 ? "/login" : _ref$loginHref,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
+    _ref$showThemeSetting = _ref.showThemeSettings,
+    showThemeSettings = _ref$showThemeSetting === void 0 ? true : _ref$showThemeSetting,
+    _ref$syncThemeWithHos = _ref.syncThemeWithHost,
+    syncThemeWithHost = _ref$syncThemeWithHos === void 0 ? true : _ref$syncThemeWithHos,
+    apiUrl = _ref.apiUrl,
+    projectId = _ref.projectId,
+    appName = _ref.appName,
+    appLogo = _ref.appLogo,
+    children = _ref.children;
+  var session = (0, _session.usePowrSession)();
+  // Host is truth after login: pull once per token, Save writes back.
+  var themeHost = (0, _host.usePowrThemeHost)({
+    token: session.token,
+    apiUrl: apiUrl,
+    projectId: projectId,
+    enabled: syncThemeWithHost && showThemeSettings
+  });
+  var narrow = (0, _useMediaQuery["default"])(_styles.NARROW_QUERY, false);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    navOpen = _useState2[0],
+    setNavOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    settingsOpen = _useState4[0],
+    setSettingsOpen = _useState4[1];
+  var closeNav = (0, _react.useCallback)(function () {
+    return setNavOpen(false);
+  }, []);
+  var closeSettings = (0, _react.useCallback)(function () {
+    return setSettingsOpen(false);
+  }, []);
+  var resolvedAppName = appName || login.appName || "App";
+  var resolvedAppLogo = appLogo || login.appLogo;
+  if (!session.hydrated) return /*#__PURE__*/_react["default"].createElement(_parts.Skeleton, null);
+
+  // ---- Gate -------------------------------------------------------------
+  if (!session.user && gate === "login") {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: _styles.s.gatePage
+    }, /*#__PURE__*/_react["default"].createElement("header", {
+      style: _styles.s.header
+    }, /*#__PURE__*/_react["default"].createElement(Brand, {
+      Link: Link,
+      href: brandHref,
+      brand: brand,
+      appName: resolvedAppName,
+      appLogo: resolvedAppLogo
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: _styles.s.headerRight
+    }, showThemeSettings ? /*#__PURE__*/_react["default"].createElement("button", {
+      type: "button",
+      "aria-label": "Appearance",
+      onClick: function onClick() {
+        return setSettingsOpen(true);
+      },
+      style: _styles.s.iconButton
+    }, "\u25D0") : null)), /*#__PURE__*/_react["default"].createElement("main", {
+      style: {
+        flex: 1,
+        padding: 16
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: _styles.s.gateCard
+    }, /*#__PURE__*/_react["default"].createElement(_auth["default"], _extends({
+      apiUrl: apiUrl,
+      projectId: projectId,
+      appName: resolvedAppName,
+      appLogo: resolvedAppLogo,
+      requirePhoneVerification: false
+    }, login, {
+      onLogin: function onLogin(result) {
+        var _login$onLogin;
+        if (result !== null && result !== void 0 && result.success && result.token) {
+          session.setSession(result.user, result.token, result.refreshToken || null);
+        }
+        (_login$onLogin = login.onLogin) === null || _login$onLogin === void 0 || _login$onLogin.call(login, result);
+      },
+      onRegister: function onRegister(result) {
+        var _login$onRegister;
+        if (result !== null && result !== void 0 && result.success && result.token) {
+          session.setSession(result.user, result.token, result.refreshToken || null);
+        }
+        (_login$onRegister = login.onRegister) === null || _login$onRegister === void 0 || _login$onRegister.call(login, result);
+      },
+      onSessionExpired: function onSessionExpired() {
+        var _login$onSessionExpir;
+        session.clear();
+        (_login$onSessionExpir = login.onSessionExpired) === null || _login$onSessionExpir === void 0 || _login$onSessionExpir.call(login);
+      }
+    })))), footer ? /*#__PURE__*/_react["default"].createElement("footer", {
+      style: _styles.s.footer
+    }, footer) : null, /*#__PURE__*/_react["default"].createElement(SettingsDrawer, {
+      open: settingsOpen,
+      onClose: closeSettings,
+      host: null
+    }));
+  }
+
+  // ---- Shell ------------------------------------------------------------
+  var vertical = mode === "sidebar" && !narrow;
+  var showBurger = narrow && nav.length > 0;
+  var content = /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.root
+  }, /*#__PURE__*/_react["default"].createElement("header", {
+    style: _styles.s.header
+  }, showBurger ? /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    "aria-label": "Menu",
+    onClick: function onClick() {
+      return setNavOpen(true);
+    },
+    style: _styles.s.iconButton
+  }, "\u2630") : null, /*#__PURE__*/_react["default"].createElement(Brand, {
+    Link: Link,
+    href: brandHref,
+    brand: brand,
+    appName: resolvedAppName,
+    appLogo: resolvedAppLogo
+  }), mode === "topbar" && !narrow && nav.length ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.headerNav
+  }, /*#__PURE__*/_react["default"].createElement(_parts.NavList, {
+    items: nav,
+    pathname: pathname,
+    Link: Link,
+    vertical: false
+  })) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.headerRight
+  }, headerRight, session.user ? /*#__PURE__*/_react["default"].createElement(_parts.ProfileMenu, {
+    user: session.user,
+    isPowrAdmin: session.isPowrAdmin,
+    adminHref: adminHref,
+    Link: Link,
+    extraItems: menuItems,
+    onOpenSettings: showThemeSettings ? function () {
+      return setSettingsOpen(true);
+    } : null,
+    onLogout: session.clear
+  }) : /*#__PURE__*/_react["default"].createElement(Link, {
+    href: loginHref,
+    style: _objectSpread(_objectSpread({}, _styles.s.navItem(false, false)), {}, {
+      border: "1px solid ".concat(_styles.v.border)
+    })
+  }, "Sign in"))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.body
+  }, vertical && nav.length ? /*#__PURE__*/_react["default"].createElement("aside", {
+    style: _styles.s.sidebar
+  }, /*#__PURE__*/_react["default"].createElement(_parts.NavList, {
+    items: nav,
+    pathname: pathname,
+    Link: Link,
+    vertical: true
+  })) : null, /*#__PURE__*/_react["default"].createElement("main", {
+    style: _styles.s.main
+  }, children)), footer ? /*#__PURE__*/_react["default"].createElement("footer", {
+    style: _styles.s.footer
+  }, footer) : null, /*#__PURE__*/_react["default"].createElement(_parts.Drawer, {
+    open: navOpen,
+    side: "left",
+    title: resolvedAppName,
+    onClose: closeNav
+  }, /*#__PURE__*/_react["default"].createElement(_parts.NavList, {
+    items: nav,
+    pathname: pathname,
+    Link: Link,
+    vertical: true,
+    onNavigate: closeNav
+  })), /*#__PURE__*/_react["default"].createElement(SettingsDrawer, {
+    open: settingsOpen,
+    onClose: closeSettings,
+    host: syncThemeWithHost && session.token ? themeHost : null
+  }));
+  if (onboarding === false || !session.user) return content;
+  return /*#__PURE__*/_react["default"].createElement(_PowrOnboardingProvider["default"], _extends({
+    apiUrl: apiUrl,
+    projectId: projectId || config.projectId,
+    user: session.user,
+    token: session.token,
+    refreshToken: session.refreshToken,
+    isHydrated: session.hydrated,
+    appName: resolvedAppName,
+    appLogo: resolvedAppLogo
+  }, onboarding, {
+    onUserUpdate: function onUserUpdate(u) {
+      var _onboarding$onUserUpd;
+      session.setSession(u, session.token, session.refreshToken);
+      (_onboarding$onUserUpd = onboarding.onUserUpdate) === null || _onboarding$onUserUpd === void 0 || _onboarding$onUserUpd.call(onboarding, u);
+    },
+    onTokenRefreshed: function onTokenRefreshed(newToken) {
+      var _onboarding$onTokenRe;
+      session.setSession(session.user, newToken, session.refreshToken);
+      (_onboarding$onTokenRe = onboarding.onTokenRefreshed) === null || _onboarding$onTokenRe === void 0 || _onboarding$onTokenRe.call(onboarding, newToken);
+    },
+    onSessionExpired: function onSessionExpired() {
+      var _onboarding$onSession;
+      session.clear();
+      (_onboarding$onSession = onboarding.onSessionExpired) === null || _onboarding$onSession === void 0 || _onboarding$onSession.call(onboarding);
+    }
+  }), content);
+}
+function Brand(_ref2) {
+  var Link = _ref2.Link,
+    href = _ref2.href,
+    brand = _ref2.brand,
+    appName = _ref2.appName,
+    appLogo = _ref2.appLogo;
+  return /*#__PURE__*/_react["default"].createElement(Link, {
+    href: href,
+    style: _styles.s.brand
+  }, brand !== null && brand !== undefined ? brand : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, appLogo ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: appLogo,
+    alt: "",
+    style: {
+      height: 24,
+      width: "auto"
+    }
+  }) : null, /*#__PURE__*/_react["default"].createElement("span", null, appName)));
+}
+function SettingsDrawer(_ref3) {
+  var open = _ref3.open,
+    onClose = _ref3.onClose,
+    host = _ref3.host;
+  return /*#__PURE__*/_react["default"].createElement(_parts.Drawer, {
+    open: open,
+    side: "right",
+    title: "Appearance",
+    onClose: onClose
+  }, /*#__PURE__*/_react["default"].createElement(_PowrThemeSettings["default"], {
+    title: null,
+    onSave: host ? function () {
+      return host.save()["catch"](function () {});
+    } : undefined,
+    saving: host ? host.saving : false,
+    error: host ? host.error : null
+  }));
+}

package/dist/shell/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "POWR_SHELL_MODES", {
+  enumerable: true,
+  get: function get() {
+    return _PowrBaseAppWrapper.POWR_SHELL_MODES;
+  }
+});
+Object.defineProperty(exports, "PowrBaseAppWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _PowrBaseAppWrapper["default"];
+  }
+});
+var _PowrBaseAppWrapper = _interopRequireWildcard(require("./PowrBaseAppWrapper"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/dist/shell/parts.js

@@ -0,0 +1,267 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultLink = void 0;
+exports.Drawer = Drawer;
+exports.NavList = NavList;
+exports.ProfileMenu = ProfileMenu;
+exports.Skeleton = Skeleton;
+exports.initials = initials;
+exports.isActive = isActive;
+exports.useClickOutside = useClickOutside;
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("./styles");
+var _excluded = ["href", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/** Default `Link`: plain anchor. Next apps pass `next/link`. */
+var DefaultLink = exports.DefaultLink = /*#__PURE__*/_react["default"].forwardRef(function DefaultLink(_ref, ref) {
+  var href = _ref.href,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("a", _extends({
+    ref: ref,
+    href: href
+  }, rest), children);
+});
+function isActive(item, pathname) {
+  if (!pathname) return false;
+  if (typeof item.match === "function") return item.match(pathname);
+  if (item.match === "exact" || item.href === "/") return pathname === item.href;
+  return pathname === item.href || pathname.startsWith("".concat(item.href, "/"));
+}
+function NavList(_ref2) {
+  var items = _ref2.items,
+    pathname = _ref2.pathname,
+    Link = _ref2.Link,
+    vertical = _ref2.vertical,
+    onNavigate = _ref2.onNavigate;
+  return /*#__PURE__*/_react["default"].createElement("nav", {
+    "aria-label": "Primary",
+    style: {
+      display: "flex",
+      flexDirection: vertical ? "column" : "row",
+      gap: vertical ? 2 : 4
+    }
+  }, items.map(function (item) {
+    var active = isActive(item, pathname);
+    return /*#__PURE__*/_react["default"].createElement(Link, {
+      key: item.href,
+      href: item.href,
+      "aria-current": active ? "page" : undefined,
+      onClick: onNavigate,
+      style: _styles.s.navItem(active, vertical)
+    }, item.icon ? /*#__PURE__*/_react["default"].createElement("span", {
+      style: _styles.s.navIcon
+    }, item.icon) : null, /*#__PURE__*/_react["default"].createElement("span", null, item.label));
+  }));
+}
+function initials(user) {
+  var _parts$;
+  var name = ((user === null || user === void 0 ? void 0 : user.fullName) || (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.email) || "").trim();
+  if (!name) return "?";
+  var parts = name.split(/\s+/);
+  return (parts[0][0] + (((_parts$ = parts[1]) === null || _parts$ === void 0 ? void 0 : _parts$[0]) || "")).toUpperCase();
+}
+function useClickOutside(ref, onOutside, enabled) {
+  (0, _react.useEffect)(function () {
+    if (!enabled) return undefined;
+    var handler = function handler(e) {
+      if (ref.current && !ref.current.contains(e.target)) onOutside();
+    };
+    document.addEventListener("mousedown", handler);
+    document.addEventListener("touchstart", handler);
+    return function () {
+      document.removeEventListener("mousedown", handler);
+      document.removeEventListener("touchstart", handler);
+    };
+  }, [ref, onOutside, enabled]);
+}
+function ProfileMenu(_ref3) {
+  var user = _ref3.user,
+    isPowrAdmin = _ref3.isPowrAdmin,
+    adminHref = _ref3.adminHref,
+    Link = _ref3.Link,
+    onOpenSettings = _ref3.onOpenSettings,
+    onLogout = _ref3.onLogout,
+    _ref3$extraItems = _ref3.extraItems,
+    extraItems = _ref3$extraItems === void 0 ? [] : _ref3$extraItems;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var ref = (0, _react.useRef)(null);
+  useClickOutside(ref, function () {
+    return setOpen(false);
+  }, open);
+  var name = (user === null || user === void 0 ? void 0 : user.fullName) || (user === null || user === void 0 ? void 0 : user.username) || (user === null || user === void 0 ? void 0 : user.email) || "Account";
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    style: {
+      position: "relative"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    "aria-haspopup": "menu",
+    "aria-expanded": open,
+    onClick: function onClick() {
+      return setOpen(function (o) {
+        return !o;
+      });
+    },
+    style: _styles.s.avatarButton
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: _styles.s.avatar
+  }, initials(user)), /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      maxWidth: 140,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  }, name.split(" ")[0])), open ? /*#__PURE__*/_react["default"].createElement("div", {
+    role: "menu",
+    style: _styles.s.menu
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.menuHeader
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontWeight: 600,
+      fontSize: 14
+    }
+  }, name), user !== null && user !== void 0 && user.email ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      fontSize: 12,
+      color: _styles.v.muted
+    }
+  }, user.email) : null), isPowrAdmin && adminHref ? /*#__PURE__*/_react["default"].createElement(Link, {
+    href: adminHref,
+    role: "menuitem",
+    onClick: function onClick() {
+      return setOpen(false);
+    },
+    style: _styles.s.menuItem(false)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    "aria-hidden": true
+  }, "\u2699"), " Powr admin") : null, extraItems.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(Link, {
+      key: item.href,
+      href: item.href,
+      role: "menuitem",
+      onClick: function onClick() {
+        return setOpen(false);
+      },
+      style: _styles.s.menuItem(false)
+    }, item.icon ? /*#__PURE__*/_react["default"].createElement("span", {
+      "aria-hidden": true
+    }, item.icon) : null, " ", item.label);
+  }), onOpenSettings ? /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    role: "menuitem",
+    onClick: function onClick() {
+      setOpen(false);
+      onOpenSettings();
+    },
+    style: _styles.s.menuItem(false)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    "aria-hidden": true
+  }, "\u25D0"), " Appearance") : null, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    role: "menuitem",
+    onClick: function onClick() {
+      setOpen(false);
+      onLogout();
+    },
+    style: _styles.s.menuItem(true)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    "aria-hidden": true
+  }, "\u238B"), " Sign out")) : null);
+}
+function Drawer(_ref4) {
+  var open = _ref4.open,
+    _ref4$side = _ref4.side,
+    side = _ref4$side === void 0 ? "right" : _ref4$side,
+    title = _ref4.title,
+    onClose = _ref4.onClose,
+    children = _ref4.children;
+  (0, _react.useEffect)(function () {
+    if (!open) return undefined;
+    var onKey = function onKey(e) {
+      return e.key === "Escape" && onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return function () {
+      return document.removeEventListener("keydown", onKey);
+    };
+  }, [open, onClose]);
+  if (!open) return null;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.overlay,
+    onClick: onClose,
+    "aria-hidden": true
+  }), /*#__PURE__*/_react["default"].createElement("aside", {
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": title,
+    style: _styles.s.drawer(side)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.drawerHead
+  }, /*#__PURE__*/_react["default"].createElement("strong", {
+    style: {
+      fontSize: 15
+    }
+  }, title), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    "aria-label": "Close",
+    onClick: onClose,
+    style: _styles.s.iconButton
+  }, "\xD7")), children));
+}
+function Skeleton() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.root,
+    "aria-busy": "true"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.header
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.skeletonBar(120)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, _styles.s.skeletonBar(80)), {}, {
+      marginLeft: 16
+    })
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, _styles.s.skeletonBar(36)), {}, {
+      marginLeft: "auto",
+      height: 36,
+      borderRadius: 18
+    })
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      padding: 24,
+      display: "grid",
+      gap: 12
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.skeletonBar("40%")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.skeletonBar("70%")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: _styles.s.skeletonBar("55%")
+  })));
+}