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

package/dist/admin/{useModelSchema-CqOTI7P1.js → useModelSchema-BogQah8f.js}

@@ -2,9 +2,10 @@
 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 index = require("./index-BHfYu0uA.js");
 const admin = require("@strapi/strapi/admin");
 const reactQuery = require("react-query");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -12,23 +13,50 @@ const styled__default = /* @__PURE__ */ _interopDefault(styled);
 function ConfirmDialog({
   title,
   message,
-  confirmLabel = "Confirm",
+  confirmLabel,
   variant = "danger",
   loading = false,
   onConfirm,
   onCancel
 }) {
+  const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Modal.Root,
+    designSystem.Dialog.Root,
     {
       defaultOpen: true,
       onOpenChange: (open) => !open && onCancel(),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: title }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: message }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onCancel, disabled: loading, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant, loading, onClick: onConfirm, children: confirmLabel })
+      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"
+              })
+            }
+          )
         ] })
       ] })
     }
@@ -41,238 +69,134 @@ const withContext = (ctx, headers) => ({
     [DASH_CONTEXT_HEADER]: btoa(JSON.stringify(ctx))
   }
 });
-const slideIn = styled.keyframes`
-  from { transform: translateX(100%); opacity: 0.6; }
-  to   { transform: translateX(0);    opacity: 1; }
-`;
-const fadeIn = styled.keyframes`
-  from { opacity: 0; }
-  to   { opacity: 1; }
-`;
-const Overlay = styled__default.default.div`
-  position: absolute;
-  inset: 0;
-  background: rgba(33, 33, 52, 0.4);
-  animation: ${fadeIn} 180ms ease;
-`;
-const Panel = styled__default.default.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: min(760px, 95vw);
-  display: flex;
-  flex-direction: column;
-  background: white;
-  box-shadow: -8px 0 40px rgba(33, 33, 52, 0.18);
-  animation: ${slideIn} 220ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-`;
-function Drawer({
-  title,
-  children,
-  footer,
-  onClose,
-  "data-testid": testId
-}) {
-  react.useEffect(() => {
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, []);
-  react.useEffect(() => {
-    const handler = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 200 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Overlay, { onClick: onClose, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Panel, { "data-testid": testId, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Flex,
-        {
-          justifyContent: "space-between",
-          alignItems: "center",
-          paddingTop: 5,
-          paddingBottom: 5,
-          paddingLeft: 6,
-          paddingRight: 6,
-          borderColor: "neutral150",
-          borderStyle: "solid",
-          borderWidth: "0 0 1px 0",
-          style: { flexShrink: 0 },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Box,
-        {
-          paddingTop: 6,
-          paddingBottom: 6,
-          paddingLeft: 6,
-          paddingRight: 6,
-          style: { flex: 1, overflowY: "auto" },
-          children
-        }
-      ),
-      footer && /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Flex,
-        {
-          justifyContent: "flex-end",
-          gap: 2,
-          paddingTop: 4,
-          paddingBottom: 4,
-          paddingLeft: 6,
-          paddingRight: 6,
-          borderColor: "neutral150",
-          borderStyle: "solid",
-          borderWidth: "1px 0 0 0",
-          style: { flexShrink: 0 },
-          children: footer
-        }
-      )
-    ] })
-  ] }) });
-}
-const FormSection = styled__default.default.div`
-  width: 100%;
-  background: #f6f6f9;
-  border-radius: 8px;
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-`;
-const EditLayout = styled__default.default.div`
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 256px;
-  gap: 28px;
-  align-items: start;
-  padding-top: 24px;
-`;
-const EditSidebar = styled__default.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  position: sticky;
-  top: 0;
-`;
-const SectionLabel = styled__default.default.p`
-  font-size: 11px;
-  font-weight: 700;
-  color: #8e8ea9;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin: 0 0 4px;
-`;
-styled__default.default.div`
-  background: #f6f6f9;
-  border-radius: 8px;
-  padding: 16px;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-`;
-const MetaItem = styled__default.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
-const MetaKey = styled__default.default.span`
-  font-size: 11px;
-  font-weight: 600;
-  color: #8e8ea9;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-`;
-const MetaVal = styled__default.default.span`
-  font-size: 13px;
-  color: #32324d;
-`;
-const MonoChip = styled__default.default.code`
-  display: inline;
-  font-size: 11px;
-  color: #4945ff;
+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;
-  background: #f0f0ff;
-  padding: 2px 6px;
-  border-radius: 3px;
-`;
-const ProviderBadge = styled__default.default.span`
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  background: #f0f0ff;
-  border: 1px solid #d9d8ff;
-  border-radius: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  color: #4945ff;
-  text-transform: capitalize;
-`;
-const WarnCard = styled__default.default.div`
-  background: #fcecea;
-  border: 1px solid #f5c0b8;
-  border-radius: 8px;
-  padding: 14px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
-styled__default.default.div`
-  background: #eafbe7;
-  border: 1px solid #c6efbd;
-  border-radius: 8px;
-  padding: 14px 16px;
-`;
-const PreviewPill = styled__default.default.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: #fff3d3;
-  border: 1px solid #f5d97f;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  color: #8e6a00;
-  width: fit-content;
-`;
-const AccountRow = styled__default.default.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 14px;
-  background: white;
-  border: 1px solid #dcdce4;
-  border-radius: 8px;
-  gap: 12px;
-`;
-const DangerRow = styled__default.default(AccountRow)`
-  background: #fef8f8;
-  border-color: #f5c0b8;
-`;
-const RoleBadge = styled__default.default.span`
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: capitalize;
-  background: ${(p) => p.$role === "owner" ? "#f0f0ff" : p.$role === "admin" ? "#eafbe7" : "#f5f5f9"};
-  border: 1px solid
-    ${(p) => p.$role === "owner" ? "#d9d8ff" : p.$role === "admin" ? "#c6efbd" : "#dcdce4"};
-  color: ${(p) => p.$role === "owner" ? "#4945ff" : p.$role === "admin" ? "#2e8044" : "#666687"};
 `;
+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,
@@ -282,6 +206,7 @@ function MediaPickerField({
   name,
   required
 }) {
+  const { formatMessage } = reactIntl.useIntl();
   const [showMedia, setShowMedia] = react.useState(false);
   const MediaLibraryDialog = index.getMediaLibraryComponent();
   const handleSelect = (assets) => {
@@ -295,15 +220,14 @@ function MediaPickerField({
     /* @__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("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__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,
-            style: { width: "100%" }
+            placeholder
           }
         ) }),
         MediaLibraryDialog && /* @__PURE__ */ jsxRuntime.jsx(
@@ -314,7 +238,10 @@ function MediaPickerField({
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Images, {}),
             onClick: () => setShowMedia(true),
             style: { flexShrink: 0 },
-            children: "Browse"
+            children: formatMessage({
+              id: index.getTranslation("components.mediaPickerField.browse"),
+              defaultMessage: "Browse"
+            })
           }
         )
       ] }),
@@ -331,19 +258,78 @@ function MediaPickerField({
     )
   ] });
 }
-const EntryRow = styled__default.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 8px 12px;
-  width: 100%;
-  box-sizing: border-box;
-  background: #ffffff;
-  border: 1px solid ${({ theme }) => theme.colors?.neutral200 ?? "#dcdce4"};
-  border-radius: 4px;
-  min-width: 0;
+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];
@@ -376,6 +362,7 @@ function RelationField({
   onChange,
   readOnly = false
 }) {
+  const { formatMessage } = reactIntl.useIntl();
   const { get } = admin.useFetchClient();
   const cache = react.useRef(/* @__PURE__ */ new Map());
   const [search, setSearch] = react.useState("");
@@ -443,7 +430,10 @@ function RelationField({
         onChange: (val) => handleSelect(val),
         onInputChange: (e) => setSearch(e.target.value),
         loading: isLoading,
-        placeholder: "Search…",
+        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
@@ -452,34 +442,51 @@ function RelationField({
       designSystem.Flex,
       {
         direction: "column",
+        alignItems: "stretch",
         gap: 1,
-        style: { marginTop: 8, width: "100%" },
-        children: currentDocs.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(EntryRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Typography,
-            {
-              variant: "omega",
-              textColor: "neutral800",
-              style: {
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                flex: 1,
-                minWidth: 0
-              },
-              children: doc.label
-            }
-          ),
-          !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.IconButton,
-            {
-              label: "Remove",
-              size: "S",
-              onClick: () => handleRemove(doc.documentId),
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-            }
-          )
-        ] }, doc.documentId))
+        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
+        ))
       }
     )
   ] });
@@ -640,10 +647,14 @@ function CustomFieldsSection({
   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: "Custom fields" }),
+    /* @__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,
       {
@@ -655,7 +666,7 @@ function CustomFieldsSection({
     )) })
   ] });
 }
-function EditViewSidePanels({ model, documentId, document: document2 }) {
+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: [
@@ -665,7 +676,7 @@ function EditViewSidePanels({ model, documentId, document: document2 }) {
       {
         model,
         documentId,
-        document: document2
+        document
       }
     )
   ] }, id)) });
@@ -687,6 +698,7 @@ const MODEL_UID = {
 };
 function useModelSchema(model) {
   const { get } = admin.useFetchClient();
+  const { formatMessage } = reactIntl.useIntl();
   return reactQuery.useQuery({
     queryKey: ["ba-model-schema", model],
     queryFn: async () => {
@@ -695,7 +707,16 @@ function useModelSchema(model) {
       );
       const uid = MODEL_UID[model];
       const contentType = data.data.find((ct) => ct.uid === uid);
-      if (!contentType) throw new Error(`Content type ${uid} not found`);
+      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;
@@ -712,10 +733,10 @@ function useModelSchema(model) {
   });
 }
 exports.AccountRow = AccountRow;
+exports.Code = Code;
 exports.ConfirmDialog = ConfirmDialog;
 exports.CustomFieldsSection = CustomFieldsSection;
 exports.DangerRow = DangerRow;
-exports.Drawer = Drawer;
 exports.EditLayout = EditLayout;
 exports.EditSidebar = EditSidebar;
 exports.EditViewSidePanels = EditViewSidePanels;
@@ -729,6 +750,7 @@ exports.PreviewPill = PreviewPill;
 exports.ProviderBadge = ProviderBadge;
 exports.RoleBadge = RoleBadge;
 exports.SectionLabel = SectionLabel;
+exports.SheetDialog = SheetDialog;
 exports.WarnCard = WarnCard;
 exports.useModelSchema = useModelSchema;
 exports.withContext = withContext;