@commercetools-demo/puck-content-manager 0.5.1 → 0.5.2

package/dist/index.mjs

@@ -13,7 +13,33 @@ import TextInput from "@commercetools-uikit/text-input";
 import Label from "@commercetools-uikit/label";
 import { PlusThinIcon, SearchIcon } from "@commercetools-uikit/icons";
 import Stamp from "@commercetools-uikit/stamp";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/EnsureIntlProvider.tsx
+import { useContext } from "react";
+import { IntlContext, IntlProvider, ReactIntlErrorCode } from "react-intl";
+import { Fragment, jsx } from "react/jsx-runtime";
+var EnsureIntlProvider = ({ children }) => {
+  const intl = useContext(IntlContext);
+  if (intl) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(
+    IntlProvider,
+    {
+      locale: "en",
+      defaultLocale: "en",
+      messages: {},
+      onError: (err) => {
+        if (err.code === ReactIntlErrorCode.MISSING_TRANSLATION) return;
+        console.error(err);
+      },
+      children
+    }
+  );
+};
+
+// src/ContentManager.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var columns = [
   { key: "name", label: "Name" },
   { key: "contentType", label: "Content Type" },
@@ -68,25 +94,25 @@ var ContentList = ({ defaultContentType, onEdit }) => {
     }
   };
   const rows = contents.map((c) => ({ ...c, id: c.key }));
-  return /* @__PURE__ */ jsx("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "l", children: [
+  return /* @__PURE__ */ jsx2("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "l", children: [
     /* @__PURE__ */ jsxs(Spacings.Inline, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Text.Headline, { as: "h1", children: "Content Items" }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(Text.Headline, { as: "h1", children: "Content Items" }),
+      /* @__PURE__ */ jsx2(
         PrimaryButton,
         {
           label: "New Content",
-          iconLeft: /* @__PURE__ */ jsx(PlusThinIcon, {}),
+          iconLeft: /* @__PURE__ */ jsx2(PlusThinIcon, {}),
           onClick: () => setShowCreate((v) => !v)
         }
       )
     ] }),
-    showCreate && /* @__PURE__ */ jsx(Card, { insetScale: "l", children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "m", children: [
-      /* @__PURE__ */ jsx(Text.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
-      createError && /* @__PURE__ */ jsx(Text.Body, { tone: "negative", children: createError }),
+    showCreate && /* @__PURE__ */ jsx2(Card, { insetScale: "l", children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "m", children: [
+      /* @__PURE__ */ jsx2(Text.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
+      createError && /* @__PURE__ */ jsx2(Text.Body, { tone: "negative", children: createError }),
       /* @__PURE__ */ jsxs(Spacings.Inline, { scale: "m", children: [
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "xs", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "create-name", children: "Name" }),
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ jsx2(Label, { htmlFor: "create-name", children: "Name" }),
+          /* @__PURE__ */ jsx2(
             TextInput,
             {
               id: "create-name",
@@ -96,9 +122,9 @@ var ContentList = ({ defaultContentType, onEdit }) => {
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "xs", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "create-type", children: "Content Type" }),
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Spacings.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ jsx2(Label, { htmlFor: "create-type", children: "Content Type" }),
+          /* @__PURE__ */ jsx2(
             TextInput,
             {
               id: "create-type",
@@ -110,7 +136,7 @@ var ContentList = ({ defaultContentType, onEdit }) => {
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs(Spacings.Inline, { scale: "s", children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           PrimaryButton,
           {
             label: creating ? "Creating\u2026" : "Create",
@@ -118,11 +144,11 @@ var ContentList = ({ defaultContentType, onEdit }) => {
             isDisabled: creating
           }
         ),
-        /* @__PURE__ */ jsx(SecondaryButton, { label: "Cancel", onClick: () => setShowCreate(false) })
+        /* @__PURE__ */ jsx2(SecondaryButton, { label: "Cancel", onClick: () => setShowCreate(false) })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs(Spacings.Inline, { scale: "s", alignItems: "center", children: [
-      /* @__PURE__ */ jsx("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ jsx2(
         TextInput,
         {
           value: filterType,
@@ -130,15 +156,15 @@ var ContentList = ({ defaultContentType, onEdit }) => {
           placeholder: "Filter by content type\u2026"
         }
       ) }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         SecondaryButton,
         {
           label: "Filter",
-          iconLeft: /* @__PURE__ */ jsx(SearchIcon, {}),
+          iconLeft: /* @__PURE__ */ jsx2(SearchIcon, {}),
           onClick: handleFilter
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         FlatButton,
         {
           label: "Clear",
@@ -148,10 +174,10 @@ var ContentList = ({ defaultContentType, onEdit }) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(FlatButton, { label: "Refresh", onClick: () => void refresh() })
+      /* @__PURE__ */ jsx2(FlatButton, { label: "Refresh", onClick: () => void refresh() })
     ] }),
-    error && /* @__PURE__ */ jsx(Text.Body, { tone: "negative", children: error }),
-    loading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }) : contents.length === 0 ? /* @__PURE__ */ jsx(Spacings.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ jsx(Text.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ jsx(
+    error && /* @__PURE__ */ jsx2(Text.Body, { tone: "negative", children: error }),
+    loading ? /* @__PURE__ */ jsx2("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ jsx2(LoadingSpinner, {}) }) : contents.length === 0 ? /* @__PURE__ */ jsx2(Spacings.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ jsx2(Text.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ jsx2(
       DataTable,
       {
         columns,
@@ -159,9 +185,9 @@ var ContentList = ({ defaultContentType, onEdit }) => {
         itemRenderer: (row, column) => {
           switch (column.key) {
             case "name":
-              return /* @__PURE__ */ jsx(Text.Body, { fontWeight: "bold", children: row.value.name });
+              return /* @__PURE__ */ jsx2(Text.Body, { fontWeight: "bold", children: row.value.name });
             case "contentType":
-              return /* @__PURE__ */ jsx(
+              return /* @__PURE__ */ jsx2(
                 "code",
                 {
                   style: {
@@ -178,17 +204,17 @@ var ContentList = ({ defaultContentType, onEdit }) => {
               const hasDraft = !!row.states.draft;
               const hasPublished = !!row.states.published;
               return /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", gap: "4px", flexWrap: "wrap" }, children: [
-                hasDraft && /* @__PURE__ */ jsx(Stamp, { tone: "warning", label: "Draft", isCondensed: true }),
-                hasPublished && /* @__PURE__ */ jsx(Stamp, { tone: "positive", label: "Published", isCondensed: true }),
-                !hasDraft && !hasPublished && /* @__PURE__ */ jsx(Stamp, { tone: "secondary", label: "No state", isCondensed: true })
+                hasDraft && /* @__PURE__ */ jsx2(Stamp, { tone: "warning", label: "Draft", isCondensed: true }),
+                hasPublished && /* @__PURE__ */ jsx2(Stamp, { tone: "positive", label: "Published", isCondensed: true }),
+                !hasDraft && !hasPublished && /* @__PURE__ */ jsx2(Stamp, { tone: "secondary", label: "No state", isCondensed: true })
               ] });
             }
             case "updatedAt":
-              return /* @__PURE__ */ jsx(Text.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
+              return /* @__PURE__ */ jsx2(Text.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
             case "actions":
               return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                /* @__PURE__ */ jsx(PrimaryButton, { label: "Edit", size: "20", onClick: () => onEdit(row) }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx2(PrimaryButton, { label: "Edit", size: "20", onClick: () => onEdit(row) }),
+                /* @__PURE__ */ jsx2(
                   FlatButton,
                   {
                     tone: "critical",
@@ -213,16 +239,16 @@ var ContentManagerList = ({
   jwtToken,
   defaultContentType,
   onEdit
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx2(EnsureIntlProvider, { children: /* @__PURE__ */ jsx2(
   PuckApiProvider,
   {
     baseURL,
     projectKey,
     businessUnitKey,
     jwtToken,
-    children: /* @__PURE__ */ jsx(ContentList, { defaultContentType, onEdit })
+    children: /* @__PURE__ */ jsx2(ContentList, { defaultContentType, onEdit })
   }
-);
+) });
 
 // src/ContentEditor.tsx
 import { useCallback, useMemo, useRef, useState as useState2 } from "react";
@@ -246,7 +272,7 @@ import {
 import LoadingSpinner2 from "@commercetools-uikit/loading-spinner";
 import Text2 from "@commercetools-uikit/text";
 import Spacings2 from "@commercetools-uikit/spacings";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var ContentEditorInner = ({
   contentKey,
   config,
@@ -358,21 +384,21 @@ var ContentEditorInner = ({
     };
   }, [config]);
   if (loading) {
-    return /* @__PURE__ */ jsx2("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" }, children: /* @__PURE__ */ jsxs2(Spacings2.Stack, { scale: "m", alignItems: "center", children: [
-      /* @__PURE__ */ jsx2(LoadingSpinner2, {}),
-      /* @__PURE__ */ jsx2(Text2.Body, { tone: "secondary", children: "Loading editor\u2026" })
+    return /* @__PURE__ */ jsx3("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" }, children: /* @__PURE__ */ jsxs2(Spacings2.Stack, { scale: "m", alignItems: "center", children: [
+      /* @__PURE__ */ jsx3(LoadingSpinner2, {}),
+      /* @__PURE__ */ jsx3(Text2.Body, { tone: "secondary", children: "Loading editor\u2026" })
     ] }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx2("div", { style: { padding: "32px" }, children: /* @__PURE__ */ jsxs2(Text2.Body, { tone: "negative", children: [
-      /* @__PURE__ */ jsx2("strong", { children: "Error loading content:" }),
+    return /* @__PURE__ */ jsx3("div", { style: { padding: "32px" }, children: /* @__PURE__ */ jsxs2(Text2.Body, { tone: "negative", children: [
+      /* @__PURE__ */ jsx3("strong", { children: "Error loading content:" }),
       " ",
       error
     ] }) });
   }
   const activeData = versionHistory.previewData ?? currentData;
   const toolbarStates = states;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     VersionHistoryProvider,
     {
       diff,
@@ -385,7 +411,7 @@ var ContentEditorInner = ({
       onApply: () => void handleApplyVersion(),
       onDiscard: versionHistory.clearSelection,
       onLoadVersions: versionHistory.openPanel,
-      children: /* @__PURE__ */ jsx2(ComponentSearchProvider, { children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx3(ComponentSearchProvider, { children: /* @__PURE__ */ jsx3(
         Puck,
         {
           config: contentConfig,
@@ -394,7 +420,7 @@ var ContentEditorInner = ({
           onPublish: handlePublish,
           overrides: {
             headerActions: () => versionHistory.isPreviewingHistory ? /* @__PURE__ */ jsxs2(Spacings2.Inline, { scale: "s", alignItems: "center", children: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3(
                 VersionPreviewBanner,
                 {
                   timestamp: versionHistory.selectedVersion.timestamp,
@@ -403,8 +429,8 @@ var ContentEditorInner = ({
                   isApplying: isApplyingVersion
                 }
               ),
-              /* @__PURE__ */ jsx2(VersionHistoryButton, { disabled: isApplyingVersion })
-            ] }) : /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3(VersionHistoryButton, { disabled: isApplyingVersion })
+            ] }) : /* @__PURE__ */ jsx3(
               EditorToolbar,
               {
                 saving,
@@ -416,9 +442,9 @@ var ContentEditorInner = ({
                 showPublishButton: true
               }
             ),
-            components: ({ children }) => /* @__PURE__ */ jsx2(ComponentsPanel, { children }),
-            componentItem: ({ children, name }) => /* @__PURE__ */ jsx2(ComponentItemFilter, { name, children }),
-            fields: ({ children, isLoading }) => /* @__PURE__ */ jsx2(VersionAwareFieldsPanel, { isLoading, children })
+            components: ({ children }) => /* @__PURE__ */ jsx3(ComponentsPanel, { children }),
+            componentItem: ({ children, name }) => /* @__PURE__ */ jsx3(ComponentItemFilter, { name, children }),
+            fields: ({ children, isLoading }) => /* @__PURE__ */ jsx3(VersionAwareFieldsPanel, { isLoading, children })
           }
         },
         versionHistory.selectedVersionId ?? "current"
@@ -436,14 +462,14 @@ var ContentEditor = ({
   onPublish,
   onSave,
   onError
-}) => /* @__PURE__ */ jsx2(
+}) => /* @__PURE__ */ jsx3(EnsureIntlProvider, { children: /* @__PURE__ */ jsx3(
   PuckApiProvider2,
   {
     baseURL,
     projectKey,
     businessUnitKey,
     jwtToken,
-    children: /* @__PURE__ */ jsx2(
+    children: /* @__PURE__ */ jsx3(
       ContentEditorInner,
       {
         contentKey,
@@ -454,7 +480,7 @@ var ContentEditor = ({
       }
     )
   }
-);
+) });
 
 // src/ContentManagerRouter.tsx
 import { useState as useState3, useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2 } from "react";
@@ -500,7 +526,7 @@ import TextInput2 from "@commercetools-uikit/text-input";
 import Label2 from "@commercetools-uikit/label";
 import Stamp2 from "@commercetools-uikit/stamp";
 import { PlusThinIcon as PlusThinIcon2, SearchIcon as SearchIcon2, AngleLeftIcon } from "@commercetools-uikit/icons";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_CONFIG = {
   ...defaultPuckConfig,
   components: { ...defaultPuckConfig.components }
@@ -573,28 +599,28 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
     }
   };
   const rows = contents.map((c) => ({ ...c, id: c.key }));
-  return /* @__PURE__ */ jsx3("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "l", children: [
+  return /* @__PURE__ */ jsx4("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "32px 24px" }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "l", children: [
     /* @__PURE__ */ jsxs3(Spacings3.Inline, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "m", alignItems: "center", children: [
         backButton,
-        /* @__PURE__ */ jsx3(Text3.Headline, { as: "h1", children: "Content Items" })
+        /* @__PURE__ */ jsx4(Text3.Headline, { as: "h1", children: "Content Items" })
       ] }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         PrimaryButton2,
         {
           label: "New Content",
-          iconLeft: /* @__PURE__ */ jsx3(PlusThinIcon2, {}),
+          iconLeft: /* @__PURE__ */ jsx4(PlusThinIcon2, {}),
           onClick: () => setShowCreate((v) => !v)
         }
       )
     ] }),
-    showCreate && /* @__PURE__ */ jsx3(Card2, { insetScale: "l", children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "m", children: [
-      /* @__PURE__ */ jsx3(Text3.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
-      createError && /* @__PURE__ */ jsx3(Text3.Body, { tone: "negative", children: createError }),
+    showCreate && /* @__PURE__ */ jsx4(Card2, { insetScale: "l", children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "m", children: [
+      /* @__PURE__ */ jsx4(Text3.Subheadline, { as: "h4", isBold: true, children: "Create Content Item" }),
+      createError && /* @__PURE__ */ jsx4(Text3.Body, { tone: "negative", children: createError }),
       /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "m", children: [
-        /* @__PURE__ */ jsx3("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "xs", children: [
-          /* @__PURE__ */ jsx3(Label2, { htmlFor: "create-content-name", children: "Name" }),
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ jsx4(Label2, { htmlFor: "create-content-name", children: "Name" }),
+          /* @__PURE__ */ jsx4(
             TextInput2,
             {
               id: "create-content-name",
@@ -604,9 +630,9 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx3("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "xs", children: [
-          /* @__PURE__ */ jsx3(Label2, { htmlFor: "create-content-type", children: "Content Type" }),
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "xs", children: [
+          /* @__PURE__ */ jsx4(Label2, { htmlFor: "create-content-type", children: "Content Type" }),
+          /* @__PURE__ */ jsx4(
             TextInput2,
             {
               id: "create-content-type",
@@ -618,7 +644,7 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "s", children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           PrimaryButton2,
           {
             label: creating ? "Creating\u2026" : "Create",
@@ -626,11 +652,11 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
             isDisabled: creating
           }
         ),
-        /* @__PURE__ */ jsx3(SecondaryButton2, { label: "Cancel", onClick: () => setShowCreate(false) })
+        /* @__PURE__ */ jsx4(SecondaryButton2, { label: "Cancel", onClick: () => setShowCreate(false) })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "s", alignItems: "center", children: [
-      /* @__PURE__ */ jsx3("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("div", { style: { flex: 1, maxWidth: "280px" }, children: /* @__PURE__ */ jsx4(
         TextInput2,
         {
           value: filterType,
@@ -638,15 +664,15 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
           placeholder: "Filter by content type\u2026"
         }
       ) }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         SecondaryButton2,
         {
           label: "Filter",
-          iconLeft: /* @__PURE__ */ jsx3(SearchIcon2, {}),
+          iconLeft: /* @__PURE__ */ jsx4(SearchIcon2, {}),
           onClick: handleFilter
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         FlatButton2,
         {
           label: "Clear",
@@ -656,10 +682,10 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx3(FlatButton2, { label: "Refresh", onClick: () => void refresh() })
+      /* @__PURE__ */ jsx4(FlatButton2, { label: "Refresh", onClick: () => void refresh() })
     ] }),
-    error && /* @__PURE__ */ jsx3(Text3.Body, { tone: "negative", children: error }),
-    loading ? /* @__PURE__ */ jsx3("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ jsx3(LoadingSpinner3, {}) }) : contents.length === 0 ? /* @__PURE__ */ jsx3(Spacings3.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ jsx3(Text3.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ jsx3(
+    error && /* @__PURE__ */ jsx4(Text3.Body, { tone: "negative", children: error }),
+    loading ? /* @__PURE__ */ jsx4("div", { style: { display: "flex", justifyContent: "center", padding: "48px" }, children: /* @__PURE__ */ jsx4(LoadingSpinner3, {}) }) : contents.length === 0 ? /* @__PURE__ */ jsx4(Spacings3.Stack, { scale: "m", alignItems: "center", children: /* @__PURE__ */ jsx4(Text3.Body, { tone: "secondary", children: "No content items found." }) }) : /* @__PURE__ */ jsx4(
       DataTable2,
       {
         columns: COLUMNS,
@@ -667,9 +693,9 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
         itemRenderer: (row, column) => {
           switch (column.key) {
             case "name":
-              return /* @__PURE__ */ jsx3(Text3.Body, { fontWeight: "bold", children: row.value.name });
+              return /* @__PURE__ */ jsx4(Text3.Body, { fontWeight: "bold", children: row.value.name });
             case "contentType":
-              return /* @__PURE__ */ jsx3(
+              return /* @__PURE__ */ jsx4(
                 "code",
                 {
                   style: {
@@ -686,16 +712,16 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
               const hasDraft = !!row.states.draft;
               const hasPublished = !!row.states.published;
               return /* @__PURE__ */ jsxs3("span", { style: { display: "inline-flex", gap: "4px", flexWrap: "wrap" }, children: [
-                hasDraft && /* @__PURE__ */ jsx3(Stamp2, { tone: "warning", label: "Draft", isCondensed: true }),
-                hasPublished && /* @__PURE__ */ jsx3(Stamp2, { tone: "positive", label: "Published", isCondensed: true }),
-                !hasDraft && !hasPublished && /* @__PURE__ */ jsx3(Stamp2, { tone: "secondary", label: "No state", isCondensed: true })
+                hasDraft && /* @__PURE__ */ jsx4(Stamp2, { tone: "warning", label: "Draft", isCondensed: true }),
+                hasPublished && /* @__PURE__ */ jsx4(Stamp2, { tone: "positive", label: "Published", isCondensed: true }),
+                !hasDraft && !hasPublished && /* @__PURE__ */ jsx4(Stamp2, { tone: "secondary", label: "No state", isCondensed: true })
               ] });
             }
             case "updatedAt":
-              return /* @__PURE__ */ jsx3(Text3.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
+              return /* @__PURE__ */ jsx4(Text3.Body, { tone: "secondary", children: new Date(row.value.updatedAt).toLocaleDateString() });
             case "actions":
               return /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "s", alignItems: "center", children: [
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   PrimaryButton2,
                   {
                     label: "Edit",
@@ -703,7 +729,7 @@ var ContentListRoute = ({ defaultContentType, backButton }) => {
                     onClick: () => history.push(`/${row.key}`, { contentName: row.value.name })
                   }
                 ),
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   FlatButton2,
                   {
                     tone: "critical",
@@ -821,21 +847,21 @@ var ContentEditorRoute = ({ config, backButton }) => {
     };
   }, [config]);
   if (loading) {
-    return /* @__PURE__ */ jsx3("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "m", alignItems: "center", children: [
-      /* @__PURE__ */ jsx3(LoadingSpinner3, {}),
-      /* @__PURE__ */ jsx3(Text3.Body, { tone: "secondary", children: "Loading editor\u2026" })
+    return /* @__PURE__ */ jsx4("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" }, children: /* @__PURE__ */ jsxs3(Spacings3.Stack, { scale: "m", alignItems: "center", children: [
+      /* @__PURE__ */ jsx4(LoadingSpinner3, {}),
+      /* @__PURE__ */ jsx4(Text3.Body, { tone: "secondary", children: "Loading editor\u2026" })
     ] }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx3("div", { style: { padding: "32px" }, children: /* @__PURE__ */ jsxs3(Text3.Body, { tone: "negative", children: [
-      /* @__PURE__ */ jsx3("strong", { children: "Error loading content:" }),
+    return /* @__PURE__ */ jsx4("div", { style: { padding: "32px" }, children: /* @__PURE__ */ jsxs3(Text3.Body, { tone: "negative", children: [
+      /* @__PURE__ */ jsx4("strong", { children: "Error loading content:" }),
       " ",
       error
     ] }) });
   }
   const activeData = versionHistory.previewData ?? currentData;
   const toolbarStates = states;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     VersionHistoryProvider2,
     {
       diff,
@@ -851,20 +877,20 @@ var ContentEditorRoute = ({ config, backButton }) => {
       children: /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
         /* @__PURE__ */ jsxs3("div", { style: NAV_BAR_STYLE, children: [
           backButton,
-          backButton && /* @__PURE__ */ jsx3(Text3.Body, { tone: "secondary", children: "/" }),
-          /* @__PURE__ */ jsx3(
+          backButton && /* @__PURE__ */ jsx4(Text3.Body, { tone: "secondary", children: "/" }),
+          /* @__PURE__ */ jsx4(
             FlatButton2,
             {
               label: "Content Items",
-              icon: /* @__PURE__ */ jsx3(AngleLeftIcon, {}),
+              icon: /* @__PURE__ */ jsx4(AngleLeftIcon, {}),
               iconPosition: "left",
               onClick: () => history.push("/")
             }
           ),
-          /* @__PURE__ */ jsx3(Text3.Body, { tone: "secondary", children: "/" }),
-          /* @__PURE__ */ jsx3(Text3.Body, { fontWeight: "bold", children: contentName })
+          /* @__PURE__ */ jsx4(Text3.Body, { tone: "secondary", children: "/" }),
+          /* @__PURE__ */ jsx4(Text3.Body, { fontWeight: "bold", children: contentName })
         ] }),
-        /* @__PURE__ */ jsx3("div", { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx3(ComponentSearchProvider2, { children: /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx4(ComponentSearchProvider2, { children: /* @__PURE__ */ jsx4(
           Puck2,
           {
             config: contentConfig,
@@ -873,7 +899,7 @@ var ContentEditorRoute = ({ config, backButton }) => {
             onPublish: handlePublish,
             overrides: {
               headerActions: () => versionHistory.isPreviewingHistory ? /* @__PURE__ */ jsxs3(Spacings3.Inline, { scale: "s", alignItems: "center", children: [
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   VersionPreviewBanner2,
                   {
                     timestamp: versionHistory.selectedVersion.timestamp,
@@ -882,8 +908,8 @@ var ContentEditorRoute = ({ config, backButton }) => {
                     isApplying: isApplyingVersion
                   }
                 ),
-                /* @__PURE__ */ jsx3(VersionHistoryButton2, { disabled: isApplyingVersion })
-              ] }) : /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(VersionHistoryButton2, { disabled: isApplyingVersion })
+              ] }) : /* @__PURE__ */ jsx4(
                 EditorToolbar2,
                 {
                   saving,
@@ -895,9 +921,9 @@ var ContentEditorRoute = ({ config, backButton }) => {
                   showPublishButton: true
                 }
               ),
-              components: ({ children }) => /* @__PURE__ */ jsx3(ComponentsPanel2, { children }),
-              componentItem: ({ children, name }) => /* @__PURE__ */ jsx3(ComponentItemFilter2, { name, children }),
-              fields: ({ children, isLoading }) => /* @__PURE__ */ jsx3(VersionAwareFieldsPanel2, { isLoading, children })
+              components: ({ children }) => /* @__PURE__ */ jsx4(ComponentsPanel2, { children }),
+              componentItem: ({ children, name }) => /* @__PURE__ */ jsx4(ComponentItemFilter2, { name, children }),
+              fields: ({ children, isLoading }) => /* @__PURE__ */ jsx4(VersionAwareFieldsPanel2, { isLoading, children })
             }
           },
           versionHistory.selectedVersionId ?? "current"
@@ -911,19 +937,19 @@ var ContentManagerRouterInner = ({
   defaultContentType,
   backButton
 }) => /* @__PURE__ */ jsxs3(Switch, { children: [
-  /* @__PURE__ */ jsx3(
+  /* @__PURE__ */ jsx4(
     Route,
     {
       exact: true,
       path: "/",
-      render: () => /* @__PURE__ */ jsx3(ContentListRoute, { defaultContentType, backButton })
+      render: () => /* @__PURE__ */ jsx4(ContentListRoute, { defaultContentType, backButton })
     }
   ),
-  /* @__PURE__ */ jsx3(
+  /* @__PURE__ */ jsx4(
     Route,
     {
       path: "/:contentKey",
-      render: () => /* @__PURE__ */ jsx3(ContentEditorRoute, { config, backButton })
+      render: () => /* @__PURE__ */ jsx4(ContentEditorRoute, { config, backButton })
     }
   )
 ] });
@@ -936,14 +962,14 @@ var ContentManager = ({
   config = DEFAULT_CONFIG,
   defaultContentType,
   backButton
-}) => /* @__PURE__ */ jsx3(
+}) => /* @__PURE__ */ jsx4(EnsureIntlProvider, { children: /* @__PURE__ */ jsx4(
   PuckApiProvider3,
   {
     baseURL,
     projectKey,
     businessUnitKey,
     jwtToken,
-    children: /* @__PURE__ */ jsx3(BrowserRouter, { basename: parentUrl, children: /* @__PURE__ */ jsx3(
+    children: /* @__PURE__ */ jsx4(BrowserRouter, { basename: parentUrl, children: /* @__PURE__ */ jsx4(
       ContentManagerRouterInner,
       {
         config,
@@ -952,7 +978,7 @@ var ContentManager = ({
       }
     ) })
   }
-);
+) });
 export {
   ContentEditor,
   ContentManager,