@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/menus/CmsMenuLoader.js

@@ -1,65 +1,90 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CmsMenuLoader = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _devices_otherBlack24px = require("../icons/devices_other-black-24px.svg");
-var _GlobalSearchPlugins = _interopRequireDefault(require("./GlobalSearchPlugins"));
-var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
-var _ContentGroupsMenuItems = require("./ContentGroupsMenuItems");
-var CmsContentModelsMenu = function CmsContentModelsMenu(_ref) {
-  var canAccess = _ref.canAccess;
-  if (!canAccess) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+import React from "react";
+import { AdminConfig, useRouter } from "@webiny/app-admin";
+import { ReactComponent as HeadlessCmsIcon } from "@webiny/icons/web.svg";
+import { ReactComponent as HeadlessCmsContentIcon } from "@webiny/icons/wysiwyg.svg";
+import { usePermission } from "../hooks/usePermission.js";
+import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems.js";
+import { Routes } from "../../routes.js";
+const {
+  Menu
+} = AdminConfig;
+const CmsContentModelsMenu = () => {
+  const router = useRouter();
+  return /*#__PURE__*/React.createElement(Menu, {
     name: "headlessCMS.contentModels.models",
-    label: "Models",
-    path: "/cms/content-models"
+    parent: "headlessCMS",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Models",
+      to: router.getLink(Routes.ContentModels.List),
+      pinnable: true
+    })
   });
 };
-var CmsContentGroupsMenu = function CmsContentGroupsMenu(_ref2) {
-  var canAccess = _ref2.canAccess;
-  if (!canAccess) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+const CmsContentGroupsMenu = () => {
+  const router = useRouter();
+  return /*#__PURE__*/React.createElement(Menu, {
     name: "headlessCMS.contentModels.groups",
-    label: "Groups",
-    path: "/cms/content-model-groups"
+    parent: "headlessCMS",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Groups",
+      to: router.getLink(Routes.ContentModelGroups.List),
+      pinnable: true
+    })
   });
 };
-var CmsMenuLoaderComponent = function CmsMenuLoaderComponent() {
-  var _usePermission = (0, _usePermission2.default)(),
-    canAccessManageEndpoint = _usePermission.canAccessManageEndpoint,
-    canReadContentModels = _usePermission.canReadContentModels,
-    canReadContentModelGroups = _usePermission.canReadContentModelGroups,
-    canCreateContentModels = _usePermission.canCreateContentModels,
-    canCreateContentModelGroups = _usePermission.canCreateContentModelGroups;
-  var hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
+
+// Helper components for clarity and DRY
+
+/**
+ * Renders the main "Headless CMS" menu item in the admin sidebar.
+ * This is the top-level entry point for all CMS-related navigation.
+ * The menu item includes a custom icon and is positioned after the "home" menu.
+ */
+const CmsContentModelingMenu = () => /*#__PURE__*/React.createElement(Menu, {
+  name: "headlessCMS",
+  after: "home",
+  element: /*#__PURE__*/React.createElement(Menu.Item, {
+    text: "Content Modeling",
+    icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+      label: "Headless CMS",
+      element: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
+    })
+  })
+});
+
+/**
+ * Displays the "Content" submenu under the Headless CMS section.
+ * This menu item provides access to content management features within the CMS.
+ * It uses the same icon as the main CMS menu for visual consistency.
+ */
+const CmsContentMenu = () => /*#__PURE__*/React.createElement(Menu, {
+  name: "headlessCMSContent",
+  after: "headlessCMS",
+  hideIfEmpty: true,
+  element: /*#__PURE__*/React.createElement(Menu.Item, {
+    text: "Content",
+    icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+      label: "Content",
+      element: /*#__PURE__*/React.createElement(HeadlessCmsContentIcon, null)
+    })
+  })
+});
+const CmsMenuLoaderComponent = () => {
+  const {
+    canAccessManageEndpoint,
+    canReadContentModels,
+    canReadContentModelGroups,
+    canCreateContentModels,
+    canCreateContentModelGroups
+  } = usePermission();
+  const hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
   if (!hasAccess) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "headlessCMS",
-    label: "Headless CMS",
-    icon: /*#__PURE__*/_react.default.createElement(_devices_otherBlack24px.ReactComponent, null)
-  }, (canCreateContentModels || canCreateContentModelGroups) && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "headlessCMS.contentModels",
-    label: "Content Models",
-    pin: "first"
-  }, /*#__PURE__*/_react.default.createElement(CmsContentModelsMenu, {
-    canAccess: canCreateContentModels
-  }), /*#__PURE__*/_react.default.createElement(CmsContentGroupsMenu, {
-    canAccess: canCreateContentModelGroups
-  })), /*#__PURE__*/_react.default.createElement(_ContentGroupsMenuItems.ContentGroupsMenuItems, null)), /*#__PURE__*/_react.default.createElement(_GlobalSearchPlugins.default, null));
+  const canModelContent = canCreateContentModels || canCreateContentModelGroups;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, canModelContent ? /*#__PURE__*/React.createElement(CmsContentModelingMenu, null) : null, canCreateContentModels ? /*#__PURE__*/React.createElement(CmsContentModelsMenu, null) : null, canCreateContentModelGroups ? /*#__PURE__*/React.createElement(CmsContentGroupsMenu, null) : null, /*#__PURE__*/React.createElement(CmsContentMenu, null), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, null));
 };
-var CmsMenuLoader = exports.CmsMenuLoader = /*#__PURE__*/_react.default.memo(CmsMenuLoaderComponent);
+export const CmsMenuLoader = /*#__PURE__*/React.memo(CmsMenuLoaderComponent);
 CmsMenuLoader.displayName = "CmsMenuLoader";
 
 //# sourceMappingURL=CmsMenuLoader.js.map

package/admin/menus/CmsMenuLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_devices_otherBlack24px","_GlobalSearchPlugins","_interopRequireDefault","_usePermission2","_ContentGroupsMenuItems","CmsContentModelsMenu","_ref","canAccess","default","createElement","AddMenu","name","label","path","CmsContentGroupsMenu","_ref2","CmsMenuLoaderComponent","_usePermission","usePermission","canAccessManageEndpoint","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","hasAccess","Fragment","icon","ReactComponent","pin","ContentGroupsMenuItems","CmsMenuLoader","exports","React","memo","displayName"],"sources":["CmsMenuLoader.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { ReactComponent as HeadlessCmsIcon } from \"~/admin/icons/devices_other-black-24px.svg\";\nimport GlobalSearchPlugins from \"./GlobalSearchPlugins\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems\";\n\ninterface ChildMenuProps {\n    canAccess: boolean;\n}\n\nconst CmsContentModelsMenu = ({ canAccess }: ChildMenuProps) => {\n    if (!canAccess) {\n        return null;\n    }\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.models\"}\n            label={\"Models\"}\n            path={\"/cms/content-models\"}\n        />\n    );\n};\n\nconst CmsContentGroupsMenu = ({ canAccess }: ChildMenuProps) => {\n    if (!canAccess) {\n        return null;\n    }\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.groups\"}\n            label={\"Groups\"}\n            path={\"/cms/content-model-groups\"}\n        />\n    );\n};\n\nconst CmsMenuLoaderComponent = () => {\n    const {\n        canAccessManageEndpoint,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups\n    } = usePermission();\n\n    const hasAccess =\n        canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);\n\n    if (!hasAccess) {\n        return null;\n    }\n\n    return (\n        <Fragment>\n            <Menu name={\"headlessCMS\"} label={\"Headless CMS\"} icon={<HeadlessCmsIcon />}>\n                {(canCreateContentModels || canCreateContentModelGroups) && (\n                    <Menu name={\"headlessCMS.contentModels\"} label={\"Content Models\"} pin={\"first\"}>\n                        <CmsContentModelsMenu canAccess={canCreateContentModels} />\n                        <CmsContentGroupsMenu canAccess={canCreateContentModelGroups} />\n                    </Menu>\n                )}\n                <ContentGroupsMenuItems />\n            </Menu>\n            <GlobalSearchPlugins />\n        </Fragment>\n    );\n};\n\nexport const CmsMenuLoader: React.ComponentType = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","AdminConfig","useRouter","ReactComponent","HeadlessCmsIcon","HeadlessCmsContentIcon","usePermission","ContentGroupsMenuItems","Routes","Menu","CmsContentModelsMenu","router","createElement","name","parent","element","Link","text","to","getLink","ContentModels","List","pinnable","CmsContentGroupsMenu","ContentModelGroups","CmsContentModelingMenu","after","Item","icon","Icon","label","CmsContentMenu","hideIfEmpty","CmsMenuLoaderComponent","canAccessManageEndpoint","canReadContentModels","canReadContentModelGroups","canCreateContentModels","canCreateContentModelGroups","hasAccess","canModelContent","Fragment","CmsMenuLoader","memo","displayName"],"sources":["CmsMenuLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as HeadlessCmsIcon } from \"@webiny/icons/web.svg\";\nimport { ReactComponent as HeadlessCmsContentIcon } from \"@webiny/icons/wysiwyg.svg\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { ContentGroupsMenuItems } from \"./ContentGroupsMenuItems.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu } = AdminConfig;\n\nconst CmsContentModelsMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.models\"}\n            parent={\"headlessCMS\"}\n            element={\n                <Menu.Link\n                    text={\"Models\"}\n                    to={router.getLink(Routes.ContentModels.List)}\n                    pinnable={true}\n                />\n            }\n        />\n    );\n};\n\nconst CmsContentGroupsMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"headlessCMS.contentModels.groups\"}\n            parent={\"headlessCMS\"}\n            element={\n                <Menu.Link\n                    text={\"Groups\"}\n                    to={router.getLink(Routes.ContentModelGroups.List)}\n                    pinnable={true}\n                />\n            }\n        />\n    );\n};\n\n// Helper components for clarity and DRY\n\n/**\n * Renders the main \"Headless CMS\" menu item in the admin sidebar.\n * This is the top-level entry point for all CMS-related navigation.\n * The menu item includes a custom icon and is positioned after the \"home\" menu.\n */\nconst CmsContentModelingMenu = () => (\n    <Menu\n        name=\"headlessCMS\"\n        after=\"home\"\n        element={\n            <Menu.Item\n                text=\"Content Modeling\"\n                icon={<Menu.Link.Icon label=\"Headless CMS\" element={<HeadlessCmsIcon />} />}\n            />\n        }\n    />\n);\n\n/**\n * Displays the \"Content\" submenu under the Headless CMS section.\n * This menu item provides access to content management features within the CMS.\n * It uses the same icon as the main CMS menu for visual consistency.\n */\nconst CmsContentMenu = () => (\n    <Menu\n        name=\"headlessCMSContent\"\n        after=\"headlessCMS\"\n        hideIfEmpty={true}\n        element={\n            <Menu.Item\n                text=\"Content\"\n                icon={<Menu.Link.Icon label=\"Content\" element={<HeadlessCmsContentIcon />} />}\n            />\n        }\n    />\n);\n\nconst CmsMenuLoaderComponent = () => {\n    const {\n        canAccessManageEndpoint,\n        canReadContentModels,\n        canReadContentModelGroups,\n        canCreateContentModels,\n        canCreateContentModelGroups\n    } = usePermission();\n\n    const hasAccess =\n        canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);\n\n    if (!hasAccess) {\n        return null;\n    }\n\n    const canModelContent = canCreateContentModels || canCreateContentModelGroups;\n\n    return (\n        <>\n            {/* Content modeling */}\n            {canModelContent ? <CmsContentModelingMenu /> : null}\n            {canCreateContentModels ? <CmsContentModelsMenu /> : null}\n            {canCreateContentModelGroups ? <CmsContentGroupsMenu /> : null}\n\n            {/* Content */}\n            <CmsContentMenu />\n            <ContentGroupsMenuItems />\n        </>\n    );\n};\n\nexport const CmsMenuLoader: React.ComponentType = React.memo(CmsMenuLoaderComponent);\n\nCmsMenuLoader.displayName = \"CmsMenuLoader\";\n"],"mappings":"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","ignoreList":[]}

package/admin/menus/ContentGroupsMenuItems.js

@@ -1,85 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentGroupsMenuItems = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _viewsGraphql = require("../viewsGraphql");
-var _useQuery = _interopRequireDefault(require("../hooks/useQuery"));
-var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
-var _appAdmin = require("@webiny/app-admin");
-var _NothingToShowElement = require("./NothingToShowElement");
-var HasContentEntryPermissions = function HasContentEntryPermissions(_ref) {
-  var group = _ref.group,
-    contentModel = _ref.contentModel,
-    children = _ref.children;
-  var _usePermission = (0, _usePermission2.default)(),
-    canReadEntries = _usePermission.canReadEntries;
-  if (contentModel) {
-    if (!canReadEntries({
-      contentModelGroup: group,
-      contentModel: contentModel
-    })) {
-      return null;
-    }
-  } else {
-    var hasContentEntryPermission = group.contentModels.some(function (contentModel) {
-      return canReadEntries({
-        contentModelGroup: group,
-        contentModel: contentModel
-      });
-    });
-    if (group.contentModels.length > 0 && !hasContentEntryPermission) {
-      return null;
-    }
-  }
-  return children;
-};
-var Icon = function Icon(_ref2) {
-  var group = _ref2.group;
-  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    style: {
-      color: "var(--mdc-theme-text-secondary-on-background)"
-    },
-    icon: (group.icon || "").split("/")
-  });
-};
-var ContentGroupsMenuItems = exports.ContentGroupsMenuItems = function ContentGroupsMenuItems() {
-  var response = (0, _useQuery.default)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS);
-  var groups = (0, _get.default)(response, "data.listContentModelGroups.data") || [];
+import React from "react";
+import get from "lodash/get.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../viewsGraphql.js";
+import useQuery from "../hooks/useQuery.js";
+import { GroupMenu } from "./GroupMenu.js";
+import { HasContentEntryPermissions } from "./HasContentEntryPermissions.js";
+import { GroupContentModels } from "./GroupContentModels.js";
+export const ContentGroupsMenuItems = () => {
+  const response = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
+  const groups = get(response, "data.listContentModelGroups.data") || [];
   if (!groups || groups.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, groups.map(function (group) {
-    return /*#__PURE__*/_react.default.createElement(HasContentEntryPermissions, {
-      key: group.id,
-      group: group
-    }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-      name: group.id,
-      label: group.name,
-      tags: ["headlessCMS"],
-      icon: /*#__PURE__*/_react.default.createElement(Icon, {
-        group: group
-      })
-    }, group.contentModels.length === 0 && /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-      name: "".concat(group.id, "-empty"),
-      element: /*#__PURE__*/_react.default.createElement(_NothingToShowElement.NothingToShow, null)
-    }), group.contentModels.length > 0 && group.contentModels.map(function (contentModel) {
-      return /*#__PURE__*/_react.default.createElement(HasContentEntryPermissions, {
-        key: contentModel.modelId,
-        group: group,
-        contentModel: contentModel
-      }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-        name: contentModel.modelId,
-        label: contentModel.name,
-        path: "/cms/content-entries/".concat(contentModel.modelId)
-      }));
-    })));
-  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, groups.map(group => /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
+    key: group.id,
+    group: group
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GroupMenu, {
+    group: group
+  }), /*#__PURE__*/React.createElement(GroupContentModels, {
+    group: group
+  })))));
 };
 
 //# sourceMappingURL=ContentGroupsMenuItems.js.map

package/admin/menus/ContentGroupsMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_reactFontawesome","_viewsGraphql","_useQuery","_usePermission2","_appAdmin","_NothingToShowElement","HasContentEntryPermissions","_ref","group","contentModel","children","_usePermission","usePermission","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length","Icon","_ref2","default","createElement","FontAwesomeIcon","style","color","icon","split","ContentGroupsMenuItems","exports","response","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","groups","get","Fragment","map","key","id","AddMenu","name","label","tags","concat","element","NothingToShow","modelId","path"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport useQuery from \"~/admin/hooks/useQuery\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { AddMenu as Menu } from \"@webiny/app-admin\";\nimport { NothingToShow } from \"./NothingToShowElement\";\nimport { CmsGroup, CmsModel } from \"~/types\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface HasContentEntryPermissionsProps {\n    group: CmsGroup;\n    contentModel?: CmsModel;\n    children: JSX.Element;\n}\n\nconst HasContentEntryPermissions = ({\n    group,\n    contentModel,\n    children\n}: HasContentEntryPermissionsProps) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel) {\n        if (!canReadEntries({ contentModelGroup: group, contentModel })) {\n            return null;\n        }\n    } else {\n        const hasContentEntryPermission = group.contentModels.some(contentModel =>\n            canReadEntries({\n                contentModelGroup: group,\n                contentModel\n            })\n        );\n\n        if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n            return null;\n        }\n    }\n\n    return children;\n};\n\ninterface IconProps {\n    group: CmsGroup;\n}\nconst Icon = ({ group }: IconProps) => {\n    return (\n        <FontAwesomeIcon\n            style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n            icon={(group.icon || \"\").split(\"/\") as IconProp}\n        />\n    );\n};\n\nexport const ContentGroupsMenuItems = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => {\n                return (\n                    <HasContentEntryPermissions key={group.id} group={group}>\n                        <Menu\n                            name={group.id}\n                            label={group.name}\n                            tags={[\"headlessCMS\"]}\n                            icon={<Icon group={group} />}\n                        >\n                            {group.contentModels.length === 0 && (\n                                <Menu name={`${group.id}-empty`} element={<NothingToShow />} />\n                            )}\n                            {group.contentModels.length > 0 &&\n                                group.contentModels.map(contentModel => (\n                                    <HasContentEntryPermissions\n                                        key={contentModel.modelId}\n                                        group={group}\n                                        contentModel={contentModel}\n                                    >\n                                        <Menu\n                                            name={contentModel.modelId}\n                                            label={contentModel.name}\n                                            path={`/cms/content-entries/${contentModel.modelId}`}\n                                        />\n                                    </HasContentEntryPermissions>\n                                ))}\n                        </Menu>\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupMenu","HasContentEntryPermissions","GroupContentModels","ContentGroupsMenuItems","response","groups","length","createElement","Fragment","map","group","key","id"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport useQuery from \"~/admin/hooks/useQuery.js\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { GroupMenu } from \"./GroupMenu.js\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { GroupContentModels } from \"./GroupContentModels.js\";\n\nexport const ContentGroupsMenuItems = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => (\n                <HasContentEntryPermissions key={group.id} group={group}>\n                    <>\n                        <GroupMenu group={group} />\n                        <GroupContentModels group={group} />\n                    </>\n                </HasContentEntryPermissions>\n            ))}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,+BAA+B;AACxC,OAAOC,QAAQ;AAEf,SAASC,SAAS;AAClB,SAASC,0BAA0B;AACnC,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAGL,QAAQ,CAAiCD,+BAA+B,CAAC;EAC1F,MAAMO,MAAkB,GAAGR,GAAG,CAACO,QAAQ,EAAE,kCAAkC,CAAC,IAAI,EAAE;EAElF,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKH,MAAM,CAACI,GAAG,CAACC,KAAK,iBACbd,KAAA,CAAAW,aAAA,CAACN,0BAA0B;IAACU,GAAG,EAAED,KAAK,CAACE,EAAG;IAACF,KAAK,EAAEA;EAAM,gBACpDd,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACP,SAAS;IAACU,KAAK,EAAEA;EAAM,CAAE,CAAC,eAC3Bd,KAAA,CAAAW,aAAA,CAACL,kBAAkB;IAACQ,KAAK,EAAEA;EAAM,CAAE,CACrC,CACsB,CAC/B,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/menus/GroupContentModels.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsGroup } from "../../types.js";
+interface IGroupContentModelsProps {
+    group: Pick<CmsGroup, "id" | "slug" | "contentModels">;
+}
+/**
+ * Renders menu items for all content models within a group.
+ * If the group has no content models, displays a "Nothing to show" message.
+ * Wraps each content model menu item with permission checks.
+ */
+export declare const GroupContentModels: ({ group }: IGroupContentModelsProps) => React.JSX.Element;
+export {};

package/admin/menus/GroupContentModels.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { AdminConfig, useRouter } from "@webiny/app-admin";
+import { HasContentEntryPermissions } from "./HasContentEntryPermissions.js";
+import { Routes } from "../../routes.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../utils/normalizeIcon.js";
+const {
+  Menu
+} = AdminConfig;
+/**
+ * Renders menu items for all content models within a group.
+ * If the group has no content models, displays a "Nothing to show" message.
+ * Wraps each content model menu item with permission checks.
+ */
+export const GroupContentModels = ({
+  group
+}) => {
+  const router = useRouter();
+  if (group.contentModels.length === 0) {
+    return /*#__PURE__*/React.createElement(Menu, {
+      parent: "headlessCMSContent",
+      name: `cms/group/${group.slug}-empty`,
+      element: /*#__PURE__*/React.createElement(Menu.Group, {
+        text: "Nothing to show"
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, group.contentModels.map(contentModel => {
+    const icon = normalizeIcon(contentModel.icon);
+    return /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
+      key: contentModel.modelId,
+      group: group,
+      contentModel: contentModel
+    }, /*#__PURE__*/React.createElement(Menu, {
+      parent: `cms/group/${group.slug}`,
+      name: `cms/model/${contentModel.modelId}`,
+      element: /*#__PURE__*/React.createElement(Menu.Link, {
+        pinnable: true,
+        text: contentModel.name,
+        to: router.getLink(Routes.ContentEntries.List, {
+          modelId: contentModel.modelId
+        }),
+        pinnedIcon: icon ? /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+          label: contentModel.name,
+          element: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+            icon: icon
+          })
+        }) : undefined
+      })
+    }));
+  }));
+};
+
+//# sourceMappingURL=GroupContentModels.js.map

package/admin/menus/GroupContentModels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","useRouter","HasContentEntryPermissions","Routes","FontAwesomeIcon","normalizeIcon","Menu","GroupContentModels","group","router","contentModels","length","createElement","parent","name","slug","element","Group","text","Fragment","map","contentModel","icon","key","modelId","Link","pinnable","to","getLink","ContentEntries","List","pinnedIcon","Icon","label","undefined"],"sources":["GroupContentModels.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupContentModelsProps {\n    group: Pick<CmsGroup, \"id\" | \"slug\" | \"contentModels\">;\n}\n\n/**\n * Renders menu items for all content models within a group.\n * If the group has no content models, displays a \"Nothing to show\" message.\n * Wraps each content model menu item with permission checks.\n */\nexport const GroupContentModels = ({ group }: IGroupContentModelsProps) => {\n    const router = useRouter();\n\n    if (group.contentModels.length === 0) {\n        return (\n            <Menu\n                parent=\"headlessCMSContent\"\n                name={`cms/group/${group.slug}-empty`}\n                element={<Menu.Group text=\"Nothing to show\" />}\n            />\n        );\n    }\n\n    return (\n        <>\n            {group.contentModels.map(contentModel => {\n                const icon = normalizeIcon(contentModel.icon);\n\n                return (\n                    <HasContentEntryPermissions\n                        key={contentModel.modelId}\n                        group={group}\n                        contentModel={contentModel}\n                    >\n                        <Menu\n                            parent={`cms/group/${group.slug}`}\n                            name={`cms/model/${contentModel.modelId}`}\n                            element={\n                                <Menu.Link\n                                    pinnable={true}\n                                    text={contentModel.name}\n                                    to={router.getLink(Routes.ContentEntries.List, {\n                                        modelId: contentModel.modelId\n                                    })}\n                                    pinnedIcon={\n                                        icon ? (\n                                            <Menu.Link.Icon\n                                                label={contentModel.name}\n                                                element={<FontAwesomeIcon icon={icon} />}\n                                            />\n                                        ) : undefined\n                                    }\n                                />\n                            }\n                        />\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,0BAA0B;AACnC,SAASC,MAAM;AACf,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAK,CAAC,GAAGN,WAAW;AAM5B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACvE,MAAMC,MAAM,GAAGR,SAAS,CAAC,CAAC;EAE1B,IAAIO,KAAK,CAACE,aAAa,CAACC,MAAM,KAAK,CAAC,EAAE;IAClC,oBACIZ,KAAA,CAAAa,aAAA,CAACN,IAAI;MACDO,MAAM,EAAC,oBAAoB;MAC3BC,IAAI,EAAE,aAAaN,KAAK,CAACO,IAAI,QAAS;MACtCC,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACW,KAAK;QAACC,IAAI,EAAC;MAAiB,CAAE;IAAE,CAClD,CAAC;EAEV;EAEA,oBACInB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAoB,QAAA,QACKX,KAAK,CAACE,aAAa,CAACU,GAAG,CAACC,YAAY,IAAI;IACrC,MAAMC,IAAI,GAAGjB,aAAa,CAACgB,YAAY,CAACC,IAAI,CAAC;IAE7C,oBACIvB,KAAA,CAAAa,aAAA,CAACV,0BAA0B;MACvBqB,GAAG,EAAEF,YAAY,CAACG,OAAQ;MAC1BhB,KAAK,EAAEA,KAAM;MACba,YAAY,EAAEA;IAAa,gBAE3BtB,KAAA,CAAAa,aAAA,CAACN,IAAI;MACDO,MAAM,EAAE,aAAaL,KAAK,CAACO,IAAI,EAAG;MAClCD,IAAI,EAAE,aAAaO,YAAY,CAACG,OAAO,EAAG;MAC1CR,OAAO,eACHjB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACmB,IAAI;QACNC,QAAQ,EAAE,IAAK;QACfR,IAAI,EAAEG,YAAY,CAACP,IAAK;QACxBa,EAAE,EAAElB,MAAM,CAACmB,OAAO,CAACzB,MAAM,CAAC0B,cAAc,CAACC,IAAI,EAAE;UAC3CN,OAAO,EAAEH,YAAY,CAACG;QAC1B,CAAC,CAAE;QACHO,UAAU,EACNT,IAAI,gBACAvB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACmB,IAAI,CAACO,IAAI;UACXC,KAAK,EAAEZ,YAAY,CAACP,IAAK;UACzBE,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACR,eAAe;YAACkB,IAAI,EAAEA;UAAK,CAAE;QAAE,CAC5C,CAAC,GACFY;MACP,CACJ;IACJ,CACJ,CACuB,CAAC;EAErC,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/menus/GroupMenu.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsGroup } from "../../types.js";
+interface IGroupMenuProps {
+    group: Pick<CmsGroup, "slug" | "name" | "icon">;
+}
+/**
+ * Renders a menu item for a given content group.
+ * Displays the group's name and icon in the menu.
+ */
+export declare const GroupMenu: ({ group }: IGroupMenuProps) => React.JSX.Element;
+export {};

package/admin/menus/GroupMenu.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../utils/normalizeIcon.js";
+const {
+  Menu
+} = AdminConfig;
+/**
+ * Renders a menu item for a given content group.
+ * Displays the group's name and icon in the menu.
+ */
+export const GroupMenu = ({
+  group
+}) => {
+  const icon = normalizeIcon(group.icon);
+  return /*#__PURE__*/React.createElement(Menu, {
+    name: `cms/group/${group.slug}`,
+    parent: "headlessCMSContent",
+    element: /*#__PURE__*/React.createElement(Menu.Item, {
+      text: group.name,
+      icon: icon ? /*#__PURE__*/React.createElement(Menu.Item.Icon, {
+        label: group.name,
+        element: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+          icon: icon
+        })
+      }) : null
+    })
+  });
+};
+
+//# sourceMappingURL=GroupMenu.js.map

package/admin/menus/GroupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","FontAwesomeIcon","normalizeIcon","Menu","GroupMenu","group","icon","createElement","name","slug","parent","element","Item","text","Icon","label"],"sources":["GroupMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupMenuProps {\n    group: Pick<CmsGroup, \"slug\" | \"name\" | \"icon\">;\n}\n/**\n * Renders a menu item for a given content group.\n * Displays the group's name and icon in the menu.\n */\nexport const GroupMenu = ({ group }: IGroupMenuProps) => {\n    const icon = normalizeIcon(group.icon);\n\n    return (\n        <Menu\n            name={`cms/group/${group.slug}`}\n            parent=\"headlessCMSContent\"\n            element={\n                <Menu.Item\n                    text={group.name}\n                    icon={\n                        icon ? (\n                            <Menu.Item.Icon\n                                label={group.name}\n                                element={<FontAwesomeIcon icon={icon} />}\n                            />\n                        ) : null\n                    }\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAK,CAAC,GAAGH,WAAW;AAK5B;AACA;AACA;AACA;AACA,OAAO,MAAMI,SAAS,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACrD,MAAMC,IAAI,GAAGJ,aAAa,CAACG,KAAK,CAACC,IAAI,CAAC;EAEtC,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,IAAI;IACDK,IAAI,EAAE,aAAaH,KAAK,CAACI,IAAI,EAAG;IAChCC,MAAM,EAAC,oBAAoB;IAC3BC,OAAO,eACHZ,KAAA,CAAAQ,aAAA,CAACJ,IAAI,CAACS,IAAI;MACNC,IAAI,EAAER,KAAK,CAACG,IAAK;MACjBF,IAAI,EACAA,IAAI,gBACAP,KAAA,CAAAQ,aAAA,CAACJ,IAAI,CAACS,IAAI,CAACE,IAAI;QACXC,KAAK,EAAEV,KAAK,CAACG,IAAK;QAClBG,OAAO,eAAEZ,KAAA,CAAAQ,aAAA,CAACN,eAAe;UAACK,IAAI,EAAEA;QAAK,CAAE;MAAE,CAC5C,CAAC,GACF;IACP,CACJ;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/menus/HasContentEntryPermissions.d.ts

@@ -0,0 +1,8 @@
+import type { CmsGroup, CmsModel } from "../../types.js";
+interface HasContentEntryPermissionsProps {
+    group: Pick<CmsGroup, "id" | "contentModels">;
+    contentModel?: Pick<CmsModel, "modelId">;
+    children: JSX.Element;
+}
+export declare const HasContentEntryPermissions: ({ group, contentModel, children }: HasContentEntryPermissionsProps) => JSX.Element | null;
+export {};

package/admin/menus/HasContentEntryPermissions.js

@@ -0,0 +1,26 @@
+import { usePermission } from "../hooks/usePermission.js";
+export const HasContentEntryPermissions = ({
+  group,
+  contentModel,
+  children
+}) => {
+  const {
+    canReadEntries
+  } = usePermission();
+  if (contentModel && !canReadEntries({
+    contentModelGroup: group,
+    contentModel
+  })) {
+    return null;
+  }
+  const hasContentEntryPermission = group.contentModels.some(contentModel => canReadEntries({
+    contentModelGroup: group,
+    contentModel
+  }));
+  if (group.contentModels.length > 0 && !hasContentEntryPermission) {
+    return null;
+  }
+  return children;
+};
+
+//# sourceMappingURL=HasContentEntryPermissions.js.map

package/admin/menus/HasContentEntryPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePermission","HasContentEntryPermissions","group","contentModel","children","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length"],"sources":["HasContentEntryPermissions.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"~/types.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\n\ninterface HasContentEntryPermissionsProps {\n    group: Pick<CmsGroup, \"id\" | \"contentModels\">;\n    contentModel?: Pick<CmsModel, \"modelId\">;\n    children: JSX.Element;\n}\n\nexport const HasContentEntryPermissions = ({\n    group,\n    contentModel,\n    children\n}: HasContentEntryPermissionsProps) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel && !canReadEntries({ contentModelGroup: group, contentModel })) {\n        return null;\n    }\n\n    const hasContentEntryPermission = group.contentModels.some(contentModel =>\n        canReadEntries({\n            contentModelGroup: group,\n            contentModel\n        })\n    );\n\n    if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n        return null;\n    }\n\n    return children;\n};\n"],"mappings":"AACA,SAASA,aAAa;AAQtB,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,KAAK;EACLC,YAAY;EACZC;AAC6B,CAAC,KAAK;EACnC,MAAM;IAAEC;EAAe,CAAC,GAAGL,aAAa,CAAC,CAAC;EAE1C,IAAIG,YAAY,IAAI,CAACE,cAAc,CAAC;IAAEC,iBAAiB,EAAEJ,KAAK;IAAEC;EAAa,CAAC,CAAC,EAAE;IAC7E,OAAO,IAAI;EACf;EAEA,MAAMI,yBAAyB,GAAGL,KAAK,CAACM,aAAa,CAACC,IAAI,CAACN,YAAY,IACnEE,cAAc,CAAC;IACXC,iBAAiB,EAAEJ,KAAK;IACxBC;EACJ,CAAC,CACL,CAAC;EAED,IAAID,KAAK,CAACM,aAAa,CAACE,MAAM,GAAG,CAAC,IAAI,CAACH,yBAAyB,EAAE;IAC9D,OAAO,IAAI;EACf;EAEA,OAAOH,QAAQ;AACnB,CAAC","ignoreList":[]}

package/admin/plugins/apiInformation/index.d.ts

@@ -1,3 +1,3 @@
-import { GraphQLPlaygroundTabPlugin } from "@webiny/app-graphql-playground/types";
+import type { GraphQLPlaygroundTabPlugin } from "@webiny/app-graphql-playground/types.js";
 declare const plugins: GraphQLPlaygroundTabPlugin[];
 export default plugins;

package/admin/plugins/apiInformation/index.js

@@ -1,26 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _config = require("@webiny/app/config");
-var manageQuery = "#  Webiny Headless CMS Manage API\n#\n#  This API controls all the operations within the Headless CMS module.\n#  Use it to manage content, create and modify content models and more.\n#  Explore the schema for details.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content model groups:\n{\n  listContentModelGroups {\n    data {\n      name\n      icon\n      slug\n    }\n  }\n}\n";
-var readQuery = "#  Webiny Headless CMS Read API\n#\n#  This is the API to use in your 3rd party apps to read your content.\n#  It returns only content that has been published.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n      modelId\n    }\n  }\n}\n";
-var previewQuery = "#  Webiny Headless CMS Preview API\n#\n#  This is the API to use in your 3rd party apps to preview content.\n#  It returns the latest content revision, regardless of whether it was published or not.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n    }\n  }\n}\n";
-var plugins = [{
+const manageQuery = "#  Webiny Headless CMS Manage API\n#\n#  This API controls all the operations within the Headless CMS module.\n#  Use it to manage content, create and modify content models and more.\n#  Explore the schema for details.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content model groups:\n{\n  listContentModelGroups {\n    data {\n      name\n      icon\n      slug\n    }\n  }\n}\n";
+const readQuery = "#  Webiny Headless CMS Read API\n#\n#  This is the API to use in your 3rd party apps to read your content.\n#  It returns only content that has been published.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n      modelId\n    }\n  }\n}\n";
+const previewQuery = "#  Webiny Headless CMS Preview API\n#\n#  This is the API to use in your 3rd party apps to preview content.\n#  It returns the latest content revision, regardless of whether it was published or not.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n    }\n  }\n}\n";
+import { config as appConfig } from "@webiny/app/config.js";
+const plugins = [{
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-manage",
-  tab: function tab(_ref) {
-    var locale = _ref.locale,
-      identity = _ref.identity;
-    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+  tab({
+    identity
+  }) {
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
     if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.manage")) {
       return null;
     }
     return {
       name: "Headless CMS - Manage API",
-      endpoint: apiUrl + "/cms/manage/" + locale,
+      endpoint: apiUrl + "/cms/manage",
       headers: {},
       query: manageQuery
     };
@@ -28,16 +22,16 @@ var plugins = [{
 }, {
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-read",
-  tab: function tab(_ref2) {
-    var locale = _ref2.locale,
-      identity = _ref2.identity;
-    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+  tab({
+    identity
+  }) {
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
     if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.read")) {
       return null;
     }
     return {
       name: "Headless CMS - Read API",
-      endpoint: apiUrl + "/cms/read/" + locale,
+      endpoint: apiUrl + "/cms/read",
       headers: {},
       query: readQuery
     };
@@ -45,21 +39,21 @@ var plugins = [{
 }, {
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-preview",
-  tab: function tab(_ref3) {
-    var locale = _ref3.locale,
-      identity = _ref3.identity;
-    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+  tab({
+    identity
+  }) {
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
     if (!identity || !identity.getPermission || !identity.getPermission("cms.endpoint.preview")) {
       return null;
     }
     return {
       name: "Headless CMS - Preview API",
-      endpoint: apiUrl + "/cms/preview/" + locale,
+      endpoint: apiUrl + "/cms/preview",
       headers: {},
       query: previewQuery
     };
   }
 }];
-var _default = exports.default = plugins;
+export default plugins;
 
 //# sourceMappingURL=index.js.map