@strapi-community/plugin-better-auth-dashboard 1.0.0-alpha.9 → 1.0.0-beta.1

package/dist/admin/index-D9CiI8Yr.mjs

@@ -0,0 +1,403 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useQuery } from "react-query";
+import { dashClient } from "@better-auth/infra/client";
+import { createAuthClient, InferPlugin } from "better-auth/client";
+import { Page } from "@strapi/strapi/admin";
+import { createElement } from "react";
+const PluginIcon = ({
+  size = 16,
+  background = "transparent",
+  opacity = 1,
+  rotation = 0,
+  shadow = 0,
+  flipHorizontal = false,
+  flipVertical = false,
+  padding = 0
+}) => {
+  const transforms = [];
+  if (rotation !== 0) transforms.push(`rotate(${rotation}deg)`);
+  if (flipHorizontal) transforms.push("scaleX(-1)");
+  if (flipVertical) transforms.push("scaleY(-1)");
+  const viewBoxSize = 24 + padding * 2;
+  const viewBoxOffset = -padding;
+  const viewBox = `${viewBoxOffset} ${viewBoxOffset} ${viewBoxSize} ${viewBoxSize}`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox,
+      width: size,
+      height: size,
+      fill: "none",
+      style: {
+        opacity,
+        transform: transforms.join(" ") || void 0,
+        filter: shadow > 0 ? `drop-shadow(0 ${shadow}px ${shadow * 2}px rgba(0,0,0,0.3))` : void 0,
+        backgroundColor: background !== "transparent" ? background : void 0
+      },
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Better Auth Logo" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M0 3.39v17.22h5.783v-5.55h6.434V8.939H5.783V3.39Zm12.217 5.55h5.638v6.122h-5.638v5.548H24V3.391H12.217Z"
+          }
+        )
+      ]
+    }
+  );
+};
+const PLUGIN_ID = "better-auth-dashboard";
+const PERMISSIONS = {
+  overview: [{ action: `plugin::${PLUGIN_ID}.overview.read`, subject: null }],
+  user: [
+    { action: `plugin::${PLUGIN_ID}.user.create`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.user.read`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.user.update`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.user.delete`, subject: null }
+  ],
+  organization: [
+    { action: `plugin::${PLUGIN_ID}.organization.create`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.organization.read`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.organization.update`, subject: null },
+    { action: `plugin::${PLUGIN_ID}.organization.delete`, subject: null }
+  ]
+};
+const dashPathMethods = () => ({
+  id: "dash-path-methods",
+  pathMethods: {
+    "/dash/organization/directory/create": "POST",
+    "/dash/organization/directory/delete": "POST",
+    "/dash/organization/directory/regenerate-token": "POST",
+    "/dash/execute-adapter": "POST",
+    "/dash/complete-invitation": "POST",
+    "/dash/check-user-exists": "POST",
+    "/dash/organization/invite-member": "POST",
+    "/dash/organization/check-user-by-email": "POST",
+    "/dash/organization/cancel-invitation": "POST",
+    "/dash/organization/resend-invitation": "POST",
+    "/dash/organization/add-member": "POST",
+    "/dash/organization/remove-member": "POST",
+    "/dash/organization/update-member-role": "POST",
+    "/dash/organization/delete": "POST",
+    "/dash/organization/delete-many": "POST",
+    "/dash/organization/create": "POST",
+    "/dash/organization/update": "POST",
+    "/dash/organization/update-team": "POST",
+    "/dash/organization/delete-team": "POST",
+    "/dash/organization/create-team": "POST",
+    "/dash/organization/add-team-member": "POST",
+    "/dash/organization/remove-team-member": "POST",
+    "/dash/sessions/revoke": "POST",
+    "/dash/sessions/revoke-all": "POST",
+    "/dash/sessions/revoke-many": "POST",
+    "/dash/organization/:id/sso-provider/create": "POST",
+    "/dash/organization/:id/sso-provider/update": "POST",
+    "/dash/organization/:id/sso-provider/request-verification-token": "POST",
+    "/dash/organization/:id/sso-provider/verify-domain": "POST",
+    "/dash/organization/:id/sso-provider/delete": "POST",
+    "/dash/organization/:id/sso-provider/mark-domain-verified": "POST",
+    "/dash/enable-two-factor": "POST",
+    "/dash/view-two-factor-totp-uri": "POST",
+    "/dash/view-backup-codes": "POST",
+    "/dash/disable-two-factor": "POST",
+    "/dash/generate-backup-codes": "POST",
+    "/dash/delete-user": "POST",
+    "/dash/delete-many-users": "POST",
+    "/dash/create-user": "POST",
+    "/dash/set-password": "POST",
+    "/dash/unlink-account": "POST",
+    "/dash/update-user": "POST",
+    "/dash/ban-user": "POST",
+    "/dash/ban-many-users": "POST",
+    "/dash/unban-user": "POST",
+    "/dash/send-verification-email": "POST",
+    "/dash/send-many-verification-emails": "POST",
+    "/dash/send-reset-password-email": "POST"
+  }
+});
+const STORAGE_KEYS = {
+  TOKEN: "jwtToken"
+};
+const getCookieValue = (name) => {
+  let result = null;
+  const cookieArray = document.cookie.split(";");
+  cookieArray.forEach((cookie) => {
+    const [key, value] = cookie.split("=").map((item) => item.trim());
+    if (key === name) {
+      result = decodeURIComponent(value);
+    }
+  });
+  return result;
+};
+const getToken = () => {
+  const fromLocalStorage = localStorage.getItem(STORAGE_KEYS.TOKEN);
+  if (fromLocalStorage) {
+    return JSON.parse(fromLocalStorage);
+  }
+  const fromCookie = getCookieValue(STORAGE_KEYS.TOKEN);
+  return fromCookie ?? null;
+};
+function getAuthHeaders() {
+  const token = getToken();
+  return token ? { Authorization: `Bearer ${token}` } : {};
+}
+const client = createAuthClient({
+  baseURL: window.location.origin,
+  basePath: "/auth",
+  plugins: [
+    dashClient(),
+    dashPathMethods(),
+    InferPlugin()
+  ],
+  fetchOptions: {
+    headers: getAuthHeaders()
+  }
+});
+async function getDashConfig() {
+  const result = await client.dash.config();
+  if (result.error) {
+    throw new Error(result.error.message ?? "Failed to load config");
+  }
+  return result.data;
+}
+function useDashConfig() {
+  return useQuery({
+    queryKey: ["dash-config"],
+    queryFn: getDashConfig,
+    staleTime: 5 * 60 * 1e3
+  });
+}
+function useOrganizationOptions(enabled = true) {
+  return useQuery({
+    queryKey: ["dash-org-options"],
+    queryFn: async () => {
+      const result = await client.dash.organization.options();
+      if (result.error) return { teamsEnabled: false };
+      return result.data ?? { teamsEnabled: false };
+    },
+    enabled
+  });
+}
+function hasPlugin(config, id) {
+  return config?.plugins.some((p) => p.id === id) ?? false;
+}
+const DASH_LINK_AVAILABILITY_STALE_TIME = 5 * 60 * 1e3;
+const getDashLinkAvailabilityQueryKey = (link) => [
+  PLUGIN_ID,
+  "link-availability",
+  link.id,
+  link.to
+];
+const resolveDashLinkAvailability = async (link) => {
+  try {
+    return await link.isAvailable?.() ?? true;
+  } catch {
+    return false;
+  }
+};
+let currentStore = {};
+const getDashLinks = () => currentStore;
+const RouteProtector = Page.Protect;
+const AvailabilityProtector = ({
+  link,
+  children
+}) => {
+  const { data: isAvailable, isLoading } = useQuery({
+    queryKey: getDashLinkAvailabilityQueryKey(link),
+    queryFn: () => resolveDashLinkAvailability(link),
+    staleTime: DASH_LINK_AVAILABILITY_STALE_TIME
+  });
+  if (isLoading) return createElement(Page.Loading);
+  if (!isAvailable) return createElement(Page.NoPermissions);
+  return children;
+};
+const initDash = (app) => {
+  const store = {};
+  currentStore = store;
+  const addDashLink = (section, link) => {
+    const router = app.router;
+    const storeIndex = router._routes.findIndex(
+      (route2) => route2.path === `plugins/${PLUGIN_ID}/*`
+    );
+    const route = router._routes[storeIndex];
+    if (section) {
+      if (!route) {
+        throw new Error(
+          `Dashboard route for plugin ${PLUGIN_ID} was not found`
+        );
+      }
+    }
+    if (!route.children) {
+      route.children = [];
+    }
+    route.children?.push(mapLinkToRoute(link));
+    const sectionId = typeof section === "string" ? section : section.id;
+    const existing = store[sectionId];
+    if (!existing) {
+      if (typeof section === "string") {
+        throw new Error(`Dashboard section ${sectionId} does not exist`);
+      }
+      store[sectionId] = {
+        ...section,
+        links: []
+      };
+    } else if (typeof section.priority === "number" && section.priority !== existing.priority) {
+      console.warn(
+        "[DASH] Only the first instance of section can declare its priority."
+      );
+    }
+    store[sectionId].links.push(link);
+  };
+  const addDashSection = (section) => {
+    const existing = store[section.id];
+    if (existing) {
+      console.warn("[DASH] A section with this ID already exists.");
+      return;
+    }
+    store[section.id] = {
+      ...section,
+      links: []
+    };
+  };
+  const getDashLinks2 = () => {
+    return store;
+  };
+  return {
+    addDashLink,
+    addDashSection,
+    getDashLinks: getDashLinks2
+  };
+};
+const mapLinkToRoute = (link) => {
+  if (!link.Component)
+    throw new Error(
+      `Link with id ${link.to} does not have a Component property`
+    );
+  const permissions = link.permissions;
+  const hasPermissions = Array.isArray(permissions) && permissions.length > 0;
+  return {
+    path: `${link.to.replace(/^\/+|\/+$/g, "")}/*`,
+    lazy: async () => {
+      const mod = await link.Component();
+      const Component = "default" in mod ? mod.default : mod;
+      return {
+        Component: () => createElement(
+          AvailabilityProtector,
+          { link },
+          hasPermissions ? createElement(
+            RouteProtector,
+            { permissions },
+            createElement(Component)
+          ) : createElement(Component)
+        )
+      };
+    }
+  };
+};
+const panels = [];
+function addEditViewSidePanel(config) {
+  if (panels.some((p) => p.id === config.id)) {
+    console.warn(
+      `[better-auth-dashboard] Panel with id "${config.id}" is already registered.`
+    );
+    return;
+  }
+  panels.push(config);
+}
+function getEditViewSidePanels(model) {
+  return panels.filter((p) => {
+    if (!p.model) return true;
+    if (Array.isArray(p.model)) return p.model.includes(model);
+    return p.model === model;
+  });
+}
+function captureApp(app) {
+  window.__betterAuthDashApp = app;
+}
+function getMediaLibraryComponent() {
+  return window.__betterAuthDashApp?.library?.components?.["media-library"] ?? null;
+}
+const plugin = {
+  register(app) {
+    captureApp(app);
+    const dash = initDash(app);
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      name: "Auth Dashboard",
+      apis: { addEditViewSidePanel, ...dash }
+    });
+    app.addMenuLink({
+      to: `/plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: "Auth Dashboard"
+      },
+      Component: async () => import("./Root-2FMy-qQg.mjs"),
+      permissions: [
+        ...PERMISSIONS.overview,
+        ...PERMISSIONS.user,
+        ...PERMISSIONS.organization
+      ]
+    });
+  },
+  bootstrap(app) {
+    const dash = app.getPlugin(PLUGIN_ID).apis;
+    dash.addDashSection({
+      id: "general",
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.general`,
+        defaultMessage: "General"
+      }
+    });
+    dash.addDashLink("general", {
+      id: "overview",
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.overview`,
+        defaultMessage: "Overview"
+      },
+      to: "/overview",
+      Component: () => import("./index-CANDPUGD.mjs"),
+      permissions: PERMISSIONS.overview
+    });
+    dash.addDashLink("general", {
+      id: "users",
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.users`,
+        defaultMessage: "User Management"
+      },
+      to: "/users",
+      Component: () => import("./index-BQi_BUi6.mjs"),
+      permissions: PERMISSIONS.user
+    });
+    dash.addDashLink("general", {
+      id: "organizations",
+      intlLabel: {
+        id: `${PLUGIN_ID}.settings.organizations`,
+        defaultMessage: "Organization Management"
+      },
+      to: "/organizations",
+      Component: () => import("./index-DszX3ibA.mjs"),
+      permissions: PERMISSIONS.organization,
+      isAvailable: async () => hasPlugin(await getDashConfig(), "organization")
+    });
+  }
+};
+export {
+  DASH_LINK_AVAILABILITY_STALE_TIME as D,
+  PLUGIN_ID as P,
+  getDashLinkAvailabilityQueryKey as a,
+  PERMISSIONS as b,
+  client as c,
+  getAuthHeaders as d,
+  useOrganizationOptions as e,
+  getMediaLibraryComponent as f,
+  getDashLinks as g,
+  hasPlugin as h,
+  getEditViewSidePanels as i,
+  plugin as p,
+  resolveDashLinkAvailability as r,
+  useDashConfig as u
+};