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

package/dist/admin/useModelSchema-BogQah8f.js

@@ -0,0 +1,756 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const index = require("./index-BCBu-0nr.js");
+const react = require("react");
+const styled = require("styled-components");
+const admin = require("@strapi/strapi/admin");
+const reactQuery = require("react-query");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+function ConfirmDialog({
+  title,
+  message,
+  confirmLabel,
+  variant = "danger",
+  loading = false,
+  onConfirm,
+  onCancel
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Dialog.Root,
+    {
+      defaultOpen: true,
+      onOpenChange: (open) => !open && onCancel(),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Dialog.Body,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(
+              icons.WarningCircle,
+              {
+                fill: variant === "danger" ? "danger600" : "primary600"
+              }
+            ),
+            children: message
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, variant: "tertiary", disabled: loading, children: formatMessage({
+            id: index.getTranslation("components.confirmDialog.cancel"),
+            defaultMessage: "Cancel"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              fullWidth: true,
+              variant,
+              loading,
+              onClick: onConfirm,
+              children: confirmLabel ?? formatMessage({
+                id: index.getTranslation("components.confirmDialog.confirm"),
+                defaultMessage: "Confirm"
+              })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+const DASH_CONTEXT_HEADER = "X-Dash-Context";
+const withContext = (ctx, headers) => ({
+  headers: {
+    ...headers,
+    [DASH_CONTEXT_HEADER]: btoa(JSON.stringify(ctx))
+  }
+});
+const FormSection = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Flex,
+  {
+    direction: "column",
+    alignItems: "stretch",
+    gap: 4,
+    width: "100%",
+    background: "neutral100",
+    hasRadius: true,
+    paddingTop: 4,
+    paddingBottom: 4,
+    paddingLeft: 5,
+    paddingRight: 5,
+    ...props
+  }
+);
+const EditLayout = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Grid.Root,
+  {
+    gap: 6,
+    paddingTop: 6,
+    style: {
+      gridTemplateColumns: "minmax(0, 1fr) 25.6rem",
+      alignItems: "start"
+    },
+    children
+  }
+);
+const EditSidebar = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Flex,
+  {
+    direction: "column",
+    alignItems: "stretch",
+    gap: 5,
+    position: "sticky",
+    top: 0,
+    children
+  }
+);
+const SectionLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", tag: "p", ...props });
+const MetaItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 1, ...props });
+const MetaKey = (props) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", ...props });
+const MetaVal = (props) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral800", ...props });
+const Code = styled__default.default(designSystem.Typography)`
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+  word-break: break-all;
+`;
+const MonoChip = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Box,
+  {
+    background: "primary100",
+    borderColor: "primary200",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    hasRadius: true,
+    paddingLeft: 2,
+    paddingRight: 2,
+    paddingTop: 1,
+    paddingBottom: 1,
+    children: /* @__PURE__ */ jsxRuntime.jsx(Code, { variant: "pi", textColor: "primary600", children })
+  }
+);
+const ProviderBadge = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "primary", children });
+const WarnCard = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Flex,
+  {
+    direction: "column",
+    alignItems: "flex-start",
+    gap: 1,
+    background: "danger100",
+    borderColor: "danger200",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    hasRadius: true,
+    padding: 4,
+    children
+  }
+);
+const PreviewPill = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  designSystem.Flex,
+  {
+    gap: 2,
+    background: "warning100",
+    borderColor: "warning200",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    hasRadius: true,
+    paddingTop: 2,
+    paddingBottom: 2,
+    paddingLeft: 3,
+    paddingRight: 3,
+    width: "fit-content",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { fill: "warning700", width: "1.2rem", height: "1.2rem" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", textColor: "warning700", children })
+    ]
+  }
+);
+const AccountRow = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Flex,
+  {
+    width: "100%",
+    justifyContent: "space-between",
+    gap: 3,
+    background: "neutral0",
+    borderColor: "neutral200",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    hasRadius: true,
+    paddingTop: 3,
+    paddingBottom: 3,
+    paddingLeft: 4,
+    paddingRight: 4,
+    ...props
+  }
+);
+const DangerRow = (props) => /* @__PURE__ */ jsxRuntime.jsx(AccountRow, { background: "danger100", borderColor: "danger200", ...props });
+const RoleBadge = ({
+  memberRole,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Badge,
+  {
+    size: "S",
+    variant: memberRole === "owner" ? "primary" : memberRole === "admin" ? "success" : "neutral",
+    children
+  }
+);
+function MediaPickerField({
+  label,
+  value,
+  onChange,
+  hint,
+  placeholder,
+  name,
+  required
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const [showMedia, setShowMedia] = react.useState(false);
+  const MediaLibraryDialog = index.getMediaLibraryComponent();
+  const handleSelect = (assets) => {
+    const asset = assets[0];
+    if (!asset) return;
+    const url = asset.formats?.small?.url ?? asset.formats?.thumbnail?.url ?? asset.url;
+    onChange(url);
+    setShowMedia(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "100%" }, hint, required, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: 1, minWidth: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.TextInput,
+          {
+            name,
+            type: "url",
+            value,
+            onChange: (e) => onChange(e.target.value),
+            placeholder
+          }
+        ) }),
+        MediaLibraryDialog && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "secondary",
+            size: "S",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Images, {}),
+            onClick: () => setShowMedia(true),
+            style: { flexShrink: 0 },
+            children: formatMessage({
+              id: index.getTranslation("components.mediaPickerField.browse"),
+              defaultMessage: "Browse"
+            })
+          }
+        )
+      ] }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+    ] }),
+    showMedia && MediaLibraryDialog && /* @__PURE__ */ jsxRuntime.jsx(
+      MediaLibraryDialog,
+      {
+        allowedTypes: ["images"],
+        multiple: false,
+        onClose: () => setShowMedia(false),
+        onSelectAssets: handleSelect
+      }
+    )
+  ] });
+}
+const slideIn = styled.keyframes`
+  from { transform: translateX(100%); opacity: 0; }
+  to   { transform: translateX(0); opacity: 1; }
+`;
+const slideOut = styled.keyframes`
+  from { transform: translateX(0); opacity: 1; }
+  to   { transform: translateX(100%); opacity: 0; }
+`;
+const Content = styled__default.default(designSystem.Modal.Content)`
+  && {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: auto;
+    transform: none;
+    width: min(${(p) => p.$width}, 95vw);
+    max-width: none;
+    height: 100%;
+    max-height: none;
+    border-radius: 0;
+    box-shadow: ${({ theme }) => theme.shadows.popupShadow};
+
+    @media (prefers-reduced-motion: no-preference) {
+      &[data-state='open'] {
+        animation: ${slideIn} ${({ theme }) => theme.motion.timings["200"]}
+          ${({ theme }) => theme.motion.easings.authenticMotion};
+      }
+      &[data-state='closed'] {
+        animation: ${slideOut} ${({ theme }) => theme.motion.timings["120"]}
+          ${({ theme }) => theme.motion.easings.easeOutQuad};
+      }
+    }
+  }
+`;
+const Body = styled__default.default(designSystem.Modal.Body)`
+  flex: 1 1 auto;
+  min-height: 0;
+`;
+const Footer = styled__default.default(designSystem.Modal.Footer)`
+  flex: 0 0 auto;
+`;
+function SheetDialog({
+  title,
+  children,
+  actionButtons,
+  onClose,
+  width = "760px",
+  "data-testid": testId
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Modal.Root,
+    {
+      defaultOpen: true,
+      onOpenChange: (open) => !open && onClose(),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Content, { $width: width, "data-testid": testId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Modal.Header,
+          {
+            closeLabel: formatMessage({
+              id: index.getTranslation("components.sheet.closeLabel"),
+              defaultMessage: "Close panel"
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: title })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Body, { children }),
+        actionButtons && /* @__PURE__ */ jsxRuntime.jsx(Footer, { children: actionButtons })
+      ] })
+    }
+  );
+}
+function getDisplayLabel(doc) {
+  for (const key of ["name", "title", "email", "username", "label", "slug"]) {
+    const v = doc[key];
+    if (typeof v === "string" && v.trim()) return v;
+  }
+  return String(doc.documentId ?? doc.id ?? "");
+}
+function normalizeValue(val, cache) {
+  if (!val) return [];
+  if (typeof val === "object" && !Array.isArray(val) && val !== null && "set" in val) {
+    const items2 = val.set ?? [];
+    return items2.filter((item) => item?.documentId).map((item) => ({
+      documentId: item.documentId,
+      label: cache.get(item.documentId) ?? item.documentId
+    }));
+  }
+  const items = Array.isArray(val) ? val : [val];
+  return items.filter(
+    (item) => typeof item === "object" && item !== null && "documentId" in item
+  ).map((item) => ({
+    documentId: String(item.documentId),
+    label: getDisplayLabel(item)
+  }));
+}
+function RelationField({
+  name,
+  label,
+  attribute,
+  value,
+  onChange,
+  readOnly = false
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get } = admin.useFetchClient();
+  const cache = react.useRef(/* @__PURE__ */ new Map());
+  const [search, setSearch] = react.useState("");
+  const [addKey, setAddKey] = react.useState(0);
+  const target = attribute.target ?? "";
+  const relationType = attribute.relation ?? "manyToOne";
+  const isMulti = relationType === "oneToMany" || relationType === "manyToMany";
+  const currentDocs = normalizeValue(value, cache.current);
+  const selectedIds = new Set(currentDocs.map((d) => d.documentId));
+  const { data: searchResults = [], isLoading } = reactQuery.useQuery({
+    queryKey: ["relation-search", target, search],
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        uid: target,
+        "pagination[pageSize]": "50"
+      });
+      if (search) params.set("filters[name][$containsi]", search);
+      const { data } = await get(
+        `/better-auth-dashboard/db?${params}`
+      );
+      const docs = data.results ?? [];
+      for (const doc of docs) {
+        if (doc.documentId) {
+          cache.current.set(String(doc.documentId), getDisplayLabel(doc));
+        }
+      }
+      return docs.map((doc) => ({
+        documentId: String(doc.documentId ?? ""),
+        label: getDisplayLabel(doc)
+      })).filter((d) => d.documentId);
+    },
+    keepPreviousData: true,
+    enabled: !readOnly
+  });
+  const availableOptions = searchResults.filter(
+    (r) => !selectedIds.has(r.documentId)
+  );
+  const commit = (ids) => {
+    onChange(name, { set: ids.map((id) => ({ documentId: id })) });
+  };
+  const handleSelect = (val) => {
+    if (!val) return;
+    const opt = searchResults.find((r) => r.documentId === val);
+    if (opt) cache.current.set(val, opt.label);
+    if (isMulti) {
+      if (selectedIds.has(val)) return;
+      commit([...currentDocs.map((d) => d.documentId), val]);
+    } else {
+      commit([val]);
+    }
+    setSearch("");
+    setAddKey((k) => k + 1);
+  };
+  const handleRemove = (docId) => {
+    commit(
+      currentDocs.filter((d) => d.documentId !== docId).map((d) => d.documentId)
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+    !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Combobox,
+      {
+        value: "",
+        onChange: (val) => handleSelect(val),
+        onInputChange: (e) => setSearch(e.target.value),
+        loading: isLoading,
+        placeholder: formatMessage({
+          id: index.getTranslation("components.relationField.searchPlaceholder"),
+          defaultMessage: "Search…"
+        }),
+        children: availableOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: opt.documentId, children: opt.label }, opt.documentId))
+      },
+      addKey
+    ),
+    currentDocs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Flex,
+      {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 1,
+        marginTop: 2,
+        width: "100%",
+        children: currentDocs.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Flex,
+          {
+            justifyContent: "space-between",
+            gap: 2,
+            paddingTop: 2,
+            paddingBottom: 2,
+            paddingLeft: 3,
+            paddingRight: 3,
+            background: "neutral0",
+            borderColor: "neutral200",
+            borderStyle: "solid",
+            borderWidth: "1px",
+            hasRadius: true,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Typography,
+                {
+                  variant: "omega",
+                  textColor: "neutral800",
+                  ellipsis: true,
+                  style: { flex: 1, minWidth: 0 },
+                  children: doc.label
+                }
+              ),
+              !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.IconButton,
+                {
+                  label: formatMessage({
+                    id: index.getTranslation("components.relationField.remove"),
+                    defaultMessage: "Remove"
+                  }),
+                  size: "S",
+                  onClick: () => handleRemove(doc.documentId),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                }
+              )
+            ]
+          },
+          doc.documentId
+        ))
+      }
+    )
+  ] });
+}
+function makeLabel(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+}
+const fieldStyle = { width: "100%" };
+function DynamicField({
+  field,
+  value,
+  onChange,
+  readOnly = false
+}) {
+  const { name, attribute } = field;
+  const { type, required, enum: enumValues } = attribute;
+  const label = makeLabel(name);
+  if (type === "boolean") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Checkbox,
+        {
+          checked: Boolean(value),
+          onCheckedChange: (checked) => onChange(name, checked),
+          disabled: readOnly,
+          children: label
+        }
+      )
+    ] });
+  }
+  if (type === "enumeration" && Array.isArray(enumValues)) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.SingleSelect,
+        {
+          value: value != null ? String(value) : "",
+          onChange: (v) => onChange(name, String(v)),
+          disabled: readOnly,
+          required,
+          placeholder: "—",
+          children: enumValues.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: opt, children: opt }, opt))
+        }
+      )
+    ] });
+  }
+  if (type === "integer" || type === "biginteger" || type === "float" || type === "decimal") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.NumberInput,
+        {
+          value: value != null ? Number(value) : void 0,
+          onValueChange: (v) => onChange(name, v),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "json") {
+    const jsonStr = value == null ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2);
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.JSONInput,
+        {
+          value: jsonStr,
+          onChange: (v) => {
+            try {
+              onChange(name, JSON.parse(v));
+            } catch {
+              onChange(name, v);
+            }
+          },
+          disabled: readOnly
+        }
+      )
+    ] });
+  }
+  if (type === "date") {
+    const dateStr = value instanceof Date ? value.toISOString().slice(0, 10) : typeof value === "string" ? value.slice(0, 10) : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          type: "date",
+          value: dateStr,
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "datetime" || type === "timestamp") {
+    const dtStr = value instanceof Date ? value.toISOString().slice(0, 16) : typeof value === "string" ? value.slice(0, 16) : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          type: "datetime-local",
+          value: dtStr,
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "text" || type === "richtext") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Textarea,
+        {
+          value: value != null ? String(value) : "",
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly
+        }
+      )
+    ] });
+  }
+  if (type === "relation") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RelationField,
+      {
+        name,
+        label,
+        attribute,
+        value,
+        onChange,
+        readOnly
+      }
+    );
+  }
+  const inputType = type === "email" ? "email" : type === "password" ? "password" : type === "time" ? "time" : "text";
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: fieldStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.TextInput,
+      {
+        type: inputType,
+        value: value != null ? String(value) : "",
+        onChange: (e) => onChange(name, e.target.value),
+        disabled: readOnly,
+        required
+      }
+    )
+  ] });
+}
+const SKIP_TYPES = /* @__PURE__ */ new Set(["media", "dynamiczone", "blocks", "component"]);
+function CustomFieldsSection({
+  fields,
+  data,
+  onChange
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const renderable = fields.filter((f) => !SKIP_TYPES.has(f.attribute.type));
+  if (renderable.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: formatMessage({
+      id: index.getTranslation("components.dynamicField.customFields"),
+      defaultMessage: "Custom fields"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 4, alignItems: "stretch", children: renderable.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+      DynamicField,
+      {
+        field,
+        value: data[field.name],
+        onChange
+      },
+      field.name
+    )) })
+  ] });
+}
+function EditViewSidePanels({ model, documentId, document }) {
+  const panels = index.getEditViewSidePanels(model);
+  if (panels.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: panels.map(({ id, title, Component }) => /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        model,
+        documentId,
+        document
+      }
+    )
+  ] }, id)) });
+}
+const SYSTEM_FIELDS = /* @__PURE__ */ new Set([
+  "id",
+  "documentId",
+  "createdAt",
+  "updatedAt",
+  "publishedAt",
+  "createdBy",
+  "updatedBy",
+  "locale",
+  "localizations"
+]);
+const MODEL_UID = {
+  user: "plugin::better-auth.user",
+  organization: "plugin::better-auth.organization"
+};
+function useModelSchema(model) {
+  const { get } = admin.useFetchClient();
+  const { formatMessage } = reactIntl.useIntl();
+  return reactQuery.useQuery({
+    queryKey: ["ba-model-schema", model],
+    queryFn: async () => {
+      const { data } = await get(
+        "/content-manager/content-types"
+      );
+      const uid = MODEL_UID[model];
+      const contentType = data.data.find((ct) => ct.uid === uid);
+      if (!contentType)
+        throw new Error(
+          formatMessage(
+            {
+              id: index.getTranslation("common.errors.contentTypeNotFound"),
+              defaultMessage: "Content type {uid} not found"
+            },
+            { uid }
+          )
+        );
+      const attributes = {};
+      for (const [name, attr] of Object.entries(contentType.attributes)) {
+        if (SYSTEM_FIELDS.has(name)) continue;
+        if (attr.type === "relation" && typeof attr.target === "string" && (attr.target.startsWith("plugin::users-permissions") || attr.target.startsWith("admin::")))
+          continue;
+        const baOptions = attr.pluginOptions?.["better-auth"];
+        if (baOptions?.managed === true) continue;
+        attributes[name] = attr;
+      }
+      return attributes;
+    },
+    staleTime: 10 * 60 * 1e3,
+    retry: false
+  });
+}
+exports.AccountRow = AccountRow;
+exports.Code = Code;
+exports.ConfirmDialog = ConfirmDialog;
+exports.CustomFieldsSection = CustomFieldsSection;
+exports.DangerRow = DangerRow;
+exports.EditLayout = EditLayout;
+exports.EditSidebar = EditSidebar;
+exports.EditViewSidePanels = EditViewSidePanels;
+exports.FormSection = FormSection;
+exports.MediaPickerField = MediaPickerField;
+exports.MetaItem = MetaItem;
+exports.MetaKey = MetaKey;
+exports.MetaVal = MetaVal;
+exports.MonoChip = MonoChip;
+exports.PreviewPill = PreviewPill;
+exports.ProviderBadge = ProviderBadge;
+exports.RoleBadge = RoleBadge;
+exports.SectionLabel = SectionLabel;
+exports.SheetDialog = SheetDialog;
+exports.WarnCard = WarnCard;
+exports.useModelSchema = useModelSchema;
+exports.withContext = withContext;