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

package/dist/admin/{useModelSchema-B2tmzlwQ.mjs → useModelSchema-C6bxNjW4.mjs}

@@ -1,31 +1,59 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Modal, Typography, Button, Portal, Flex, IconButton, Box, Field, TextInput, Combobox, ComboboxOption, Checkbox, SingleSelect, SingleSelectOption, NumberInput, JSONInput, Textarea } from "@strapi/design-system";
-import { Cross, Images, Trash } from "@strapi/icons";
-import { useEffect, useState, useRef } from "react";
+import { Dialog, Button, Typography, Flex, Grid, Box, Badge, Field, TextInput, Modal, Combobox, ComboboxOption, IconButton, Checkbox, SingleSelect, SingleSelectOption, NumberInput, JSONInput, Textarea } from "@strapi/design-system";
+import { WarningCircle, Clock, Images, Trash } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { g as getTranslation, i as getMediaLibraryComponent, j as getEditViewSidePanels } from "./index-BI2WIsds.mjs";
+import { useState, useRef } from "react";
 import styled, { keyframes } from "styled-components";
-import { f as getMediaLibraryComponent, i as getEditViewSidePanels } from "./index-D9CiI8Yr.mjs";
 import { useFetchClient } from "@strapi/strapi/admin";
 import { useQuery } from "react-query";
 function ConfirmDialog({
   title,
   message,
-  confirmLabel = "Confirm",
+  confirmLabel,
   variant = "danger",
   loading = false,
   onConfirm,
   onCancel
 }) {
+  const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsx(
-    Modal.Root,
+    Dialog.Root,
     {
       defaultOpen: true,
       onOpenChange: (open) => !open && onCancel(),
-      children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-        /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: title }) }),
-        /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: message }) }),
-        /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-          /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: loading, children: "Cancel" }),
-          /* @__PURE__ */ jsx(Button, { variant, loading, onClick: onConfirm, children: confirmLabel })
+      children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
+        /* @__PURE__ */ jsx(
+          Dialog.Body,
+          {
+            icon: /* @__PURE__ */ jsx(
+              WarningCircle,
+              {
+                fill: variant === "danger" ? "danger600" : "primary600"
+              }
+            ),
+            children: message
+          }
+        ),
+        /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+          /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "tertiary", disabled: loading, children: formatMessage({
+            id: getTranslation("components.confirmDialog.cancel"),
+            defaultMessage: "Cancel"
+          }) }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              fullWidth: true,
+              variant,
+              loading,
+              onClick: onConfirm,
+              children: confirmLabel ?? formatMessage({
+                id: getTranslation("components.confirmDialog.confirm"),
+                defaultMessage: "Confirm"
+              })
+            }
+          )
         ] })
       ] })
     }
@@ -38,238 +66,134 @@ const withContext = (ctx, headers) => ({
     [DASH_CONTEXT_HEADER]: btoa(JSON.stringify(ctx))
   }
 });
-const slideIn = keyframes`
-  from { transform: translateX(100%); opacity: 0.6; }
-  to   { transform: translateX(0);    opacity: 1; }
-`;
-const fadeIn = keyframes`
-  from { opacity: 0; }
-  to   { opacity: 1; }
-`;
-const Overlay = styled.div`
-  position: absolute;
-  inset: 0;
-  background: rgba(33, 33, 52, 0.4);
-  animation: ${fadeIn} 180ms ease;
-`;
-const Panel = styled.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
-}) {
-  useEffect(() => {
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, []);
-  useEffect(() => {
-    const handler = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [onClose]);
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 200 }, children: [
-    /* @__PURE__ */ jsx(Overlay, { onClick: onClose, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs(Panel, { "data-testid": testId, children: [
-      /* @__PURE__ */ jsxs(
-        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__ */ jsx(Typography, { variant: "beta", tag: "h2", children: title }),
-            /* @__PURE__ */ jsx(IconButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx(Cross, {}) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          paddingTop: 6,
-          paddingBottom: 6,
-          paddingLeft: 6,
-          paddingRight: 6,
-          style: { flex: 1, overflowY: "auto" },
-          children
-        }
-      ),
-      footer && /* @__PURE__ */ jsx(
-        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.div`
-  width: 100%;
-  background: #f6f6f9;
-  border-radius: 8px;
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-`;
-const EditLayout = styled.div`
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 256px;
-  gap: 28px;
-  align-items: start;
-  padding-top: 24px;
-`;
-const EditSidebar = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  position: sticky;
-  top: 0;
-`;
-const SectionLabel = styled.p`
-  font-size: 11px;
-  font-weight: 700;
-  color: #8e8ea9;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin: 0 0 4px;
-`;
-styled.div`
-  background: #f6f6f9;
-  border-radius: 8px;
-  padding: 16px;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-`;
-const MetaItem = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
-const MetaKey = styled.span`
-  font-size: 11px;
-  font-weight: 600;
-  color: #8e8ea9;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-`;
-const MetaVal = styled.span`
-  font-size: 13px;
-  color: #32324d;
-`;
-const MonoChip = styled.code`
-  display: inline;
-  font-size: 11px;
-  color: #4945ff;
+const FormSection = (props) => /* @__PURE__ */ jsx(
+  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__ */ jsx(
+  Grid.Root,
+  {
+    gap: 6,
+    paddingTop: 6,
+    style: {
+      gridTemplateColumns: "minmax(0, 1fr) 25.6rem",
+      alignItems: "start"
+    },
+    children
+  }
+);
+const EditSidebar = ({ children }) => /* @__PURE__ */ jsx(
+  Flex,
+  {
+    direction: "column",
+    alignItems: "stretch",
+    gap: 5,
+    position: "sticky",
+    top: 0,
+    children
+  }
+);
+const SectionLabel = (props) => /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", tag: "p", ...props });
+const MetaItem = (props) => /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "flex-start", gap: 1, ...props });
+const MetaKey = (props) => /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", ...props });
+const MetaVal = (props) => /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral800", ...props });
+const Code = styled(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.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.div`
-  background: #fcecea;
-  border: 1px solid #f5c0b8;
-  border-radius: 8px;
-  padding: 14px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
-styled.div`
-  background: #eafbe7;
-  border: 1px solid #c6efbd;
-  border-radius: 8px;
-  padding: 14px 16px;
-`;
-const PreviewPill = styled.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.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(AccountRow)`
-  background: #fef8f8;
-  border-color: #f5c0b8;
-`;
-const RoleBadge = styled.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__ */ jsx(
+  Box,
+  {
+    background: "primary100",
+    borderColor: "primary200",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    hasRadius: true,
+    paddingLeft: 2,
+    paddingRight: 2,
+    paddingTop: 1,
+    paddingBottom: 1,
+    children: /* @__PURE__ */ jsx(Code, { variant: "pi", textColor: "primary600", children })
+  }
+);
+const ProviderBadge = ({ children }) => /* @__PURE__ */ jsx(Badge, { variant: "primary", children });
+const WarnCard = ({ children }) => /* @__PURE__ */ jsx(
+  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__ */ jsxs(
+  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__ */ jsx(Clock, { fill: "warning700", width: "1.2rem", height: "1.2rem" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "semiBold", textColor: "warning700", children })
+    ]
+  }
+);
+const AccountRow = (props) => /* @__PURE__ */ jsx(
+  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__ */ jsx(AccountRow, { background: "danger100", borderColor: "danger200", ...props });
+const RoleBadge = ({
+  memberRole,
+  children
+}) => /* @__PURE__ */ jsx(
+  Badge,
+  {
+    size: "S",
+    variant: memberRole === "owner" ? "primary" : memberRole === "admin" ? "success" : "neutral",
+    children
+  }
+);
 function MediaPickerField({
   label,
   value,
@@ -279,6 +203,7 @@ function MediaPickerField({
   name,
   required
 }) {
+  const { formatMessage } = useIntl();
   const [showMedia, setShowMedia] = useState(false);
   const MediaLibraryDialog = getMediaLibraryComponent();
   const handleSelect = (assets) => {
@@ -292,15 +217,14 @@ function MediaPickerField({
     /* @__PURE__ */ jsxs(Field.Root, { style: { width: "100%" }, hint, required, children: [
       /* @__PURE__ */ jsx(Field.Label, { children: label }),
       /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { flex: 1, minWidth: 0, children: /* @__PURE__ */ jsx(
           TextInput,
           {
             name,
             type: "url",
             value,
             onChange: (e) => onChange(e.target.value),
-            placeholder,
-            style: { width: "100%" }
+            placeholder
           }
         ) }),
         MediaLibraryDialog && /* @__PURE__ */ jsx(
@@ -311,7 +235,10 @@ function MediaPickerField({
             startIcon: /* @__PURE__ */ jsx(Images, {}),
             onClick: () => setShowMedia(true),
             style: { flexShrink: 0 },
-            children: "Browse"
+            children: formatMessage({
+              id: getTranslation("components.mediaPickerField.browse"),
+              defaultMessage: "Browse"
+            })
           }
         )
       ] }),
@@ -328,19 +255,78 @@ function MediaPickerField({
     )
   ] });
 }
-const EntryRow = styled.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 = keyframes`
+  from { transform: translateX(100%); opacity: 0; }
+  to   { transform: translateX(0); opacity: 1; }
 `;
+const slideOut = keyframes`
+  from { transform: translateX(0); opacity: 1; }
+  to   { transform: translateX(100%); opacity: 0; }
+`;
+const Content = styled(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(Modal.Body)`
+  flex: 1 1 auto;
+  min-height: 0;
+`;
+const Footer = styled(Modal.Footer)`
+  flex: 0 0 auto;
+`;
+function SheetDialog({
+  title,
+  children,
+  actionButtons,
+  onClose,
+  width = "760px",
+  "data-testid": testId
+}) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(
+    Modal.Root,
+    {
+      defaultOpen: true,
+      onOpenChange: (open) => !open && onClose(),
+      children: /* @__PURE__ */ jsxs(Content, { $width: width, "data-testid": testId, children: [
+        /* @__PURE__ */ jsx(
+          Modal.Header,
+          {
+            closeLabel: formatMessage({
+              id: getTranslation("components.sheet.closeLabel"),
+              defaultMessage: "Close panel"
+            }),
+            children: /* @__PURE__ */ jsx(Modal.Title, { children: title })
+          }
+        ),
+        /* @__PURE__ */ jsx(Body, { children }),
+        actionButtons && /* @__PURE__ */ jsx(Footer, { children: actionButtons })
+      ] })
+    }
+  );
+}
 function getDisplayLabel(doc) {
   for (const key of ["name", "title", "email", "username", "label", "slug"]) {
     const v = doc[key];
@@ -373,6 +359,7 @@ function RelationField({
   onChange,
   readOnly = false
 }) {
+  const { formatMessage } = useIntl();
   const { get } = useFetchClient();
   const cache = useRef(/* @__PURE__ */ new Map());
   const [search, setSearch] = useState("");
@@ -440,7 +427,10 @@ function RelationField({
         onChange: (val) => handleSelect(val),
         onInputChange: (e) => setSearch(e.target.value),
         loading: isLoading,
-        placeholder: "Search…",
+        placeholder: formatMessage({
+          id: getTranslation("components.relationField.searchPlaceholder"),
+          defaultMessage: "Search…"
+        }),
         children: availableOptions.map((opt) => /* @__PURE__ */ jsx(ComboboxOption, { value: opt.documentId, children: opt.label }, opt.documentId))
       },
       addKey
@@ -449,34 +439,51 @@ function RelationField({
       Flex,
       {
         direction: "column",
+        alignItems: "stretch",
         gap: 1,
-        style: { marginTop: 8, width: "100%" },
-        children: currentDocs.map((doc) => /* @__PURE__ */ jsxs(EntryRow, { children: [
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "omega",
-              textColor: "neutral800",
-              style: {
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                flex: 1,
-                minWidth: 0
-              },
-              children: doc.label
-            }
-          ),
-          !readOnly && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              label: "Remove",
-              size: "S",
-              onClick: () => handleRemove(doc.documentId),
-              children: /* @__PURE__ */ jsx(Trash, {})
-            }
-          )
-        ] }, doc.documentId))
+        marginTop: 2,
+        width: "100%",
+        children: currentDocs.map((doc) => /* @__PURE__ */ jsxs(
+          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__ */ jsx(
+                Typography,
+                {
+                  variant: "omega",
+                  textColor: "neutral800",
+                  ellipsis: true,
+                  style: { flex: 1, minWidth: 0 },
+                  children: doc.label
+                }
+              ),
+              !readOnly && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  label: formatMessage({
+                    id: getTranslation("components.relationField.remove"),
+                    defaultMessage: "Remove"
+                  }),
+                  size: "S",
+                  onClick: () => handleRemove(doc.documentId),
+                  children: /* @__PURE__ */ jsx(Trash, {})
+                }
+              )
+            ]
+          },
+          doc.documentId
+        ))
       }
     )
   ] });
@@ -637,10 +644,14 @@ function CustomFieldsSection({
   data,
   onChange
 }) {
+  const { formatMessage } = useIntl();
   const renderable = fields.filter((f) => !SKIP_TYPES.has(f.attribute.type));
   if (renderable.length === 0) return null;
   return /* @__PURE__ */ jsxs(FormSection, { children: [
-    /* @__PURE__ */ jsx(SectionLabel, { children: "Custom fields" }),
+    /* @__PURE__ */ jsx(SectionLabel, { children: formatMessage({
+      id: getTranslation("components.dynamicField.customFields"),
+      defaultMessage: "Custom fields"
+    }) }),
     /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 4, alignItems: "stretch", children: renderable.map((field) => /* @__PURE__ */ jsx(
       DynamicField,
       {
@@ -652,7 +663,7 @@ function CustomFieldsSection({
     )) })
   ] });
 }
-function EditViewSidePanels({ model, documentId, document: document2 }) {
+function EditViewSidePanels({ model, documentId, document }) {
   const panels = getEditViewSidePanels(model);
   if (panels.length === 0) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: panels.map(({ id, title, Component }) => /* @__PURE__ */ jsxs(FormSection, { children: [
@@ -662,7 +673,7 @@ function EditViewSidePanels({ model, documentId, document: document2 }) {
       {
         model,
         documentId,
-        document: document2
+        document
       }
     )
   ] }, id)) });
@@ -684,6 +695,7 @@ const MODEL_UID = {
 };
 function useModelSchema(model) {
   const { get } = useFetchClient();
+  const { formatMessage } = useIntl();
   return useQuery({
     queryKey: ["ba-model-schema", model],
     queryFn: async () => {
@@ -692,7 +704,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: 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;
@@ -711,23 +732,24 @@ function useModelSchema(model) {
 export {
   AccountRow as A,
   CustomFieldsSection as C,
-  Drawer as D,
+  DangerRow as D,
   EditLayout as E,
   FormSection as F,
   MediaPickerField as M,
   ProviderBadge as P,
   RoleBadge as R,
-  SectionLabel as S,
+  SheetDialog as S,
   WarnCard as W,
-  EditSidebar as a,
-  MetaItem as b,
-  MetaKey as c,
-  MonoChip as d,
-  MetaVal as e,
-  EditViewSidePanels as f,
-  DangerRow as g,
+  SectionLabel as a,
+  EditSidebar as b,
+  MetaItem as c,
+  MetaKey as d,
+  MonoChip as e,
+  MetaVal as f,
+  EditViewSidePanels as g,
   PreviewPill as h,
   ConfirmDialog as i,
+  Code as j,
   useModelSchema as u,
   withContext as w
 };