npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

package/admin/components/ContentEntryForm/useFormRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["plugins","useFormRenderer","model","byType","find","pl","modelId"],"sources":["useFormRenderer.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type { CmsContentFormRendererPlugin, CmsModel } from \"@webiny/app-headless-cms-common/types\";\n\nexport const useFormRenderer = (model: CmsModel) => {\n return plugins\n .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n .find(pl => pl.modelId === model.modelId);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;~~AAGzC~~,OAAO,MAAMC,eAAe,GAAIC,KAAe,IAAK;EAChD,OAAOF,OAAO,CACTG,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,OAAO,KAAKJ,KAAK,CAACI,OAAO,CAAC;AACjD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["plugins","useFormRenderer","model","byType","find","pl","modelId"],"sources":["useFormRenderer.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n CmsContentFormRendererPlugin,\n CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const useFormRenderer = (model: CmsModel) => {\n return plugins\n .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n .find(pl => pl.modelId === model.modelId);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAMzC,OAAO,MAAMC,eAAe,GAAIC,KAAe,IAAK;EAChD,OAAOF,OAAO,CACTG,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,OAAO,KAAKJ,KAAK,CAACI,OAAO,CAAC;AACjD,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/useGoToRevision.js CHANGED Viewed

@@ -1,19 +1,20 @@
-import { useRouter } from "@webiny/react-router";
+import { useRoute, useRouter } from "@webiny/app-admin";
 import { useCallback } from "react";
-import { useModel } from "../../hooks";
+import { Routes } from "../../../routes.js";
 export const useGoToRevision = () => {
   const {
-    model
-  } = useModel();
-  const {
-    history,
-    search
+    goToRoute
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.ContentEntries.List);
   const goToRevision = useCallback(id => {
-    const fId = search[0].get("folderId");
-    const folderId = fId ? `&folderId=${encodeURIComponent(fId)}` : "";
-    history.push(`/cms/content-entries/${model.modelId}?id=${encodeURIComponent(id)}${folderId}`);
-  }, [search[0]]);
+    goToRoute(Routes.ContentEntries.List, {
+      id,
+      modelId: route.params.modelId,
+      folderId: route.params.folderId
+    });
+  }, [route]);
   return {
     goToRevision
   };

package/admin/components/ContentEntryForm/useGoToRevision.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useRouter","useCallback","~~useModel~~","useGoToRevision","~~model~~","~~history~~","~~search~~","goToRevision","id","~~fId~~","~~get~~","folderId"~~,"encodeURIComponent","push","modelId"~~],"sources":["useGoToRevision.ts"],"sourcesContent":["import { useRouter } from \"@webiny/~~react~~-~~router~~\";\nimport { useCallback } from \"react\";\nimport { ~~useModel~~ } from \"~/~~admin/hooks~~\";\n\nexport const useGoToRevision = () => {\n const { ~~model~~ } = ~~useModel~~();\n const { ~~history,~~ ~~search~~ } = ~~useRouter~~();\n\n const goToRevision = useCallback(\n (id: string) => {\n ~~const fId = search[0]~~.~~get(\"folderId\");\n const~~ ~~folderId = fId ? `&folderId=$~~{~~encodeURIComponent(fId)}` :~~ \~~"\";\~~n ~~history.push(\~~n ~~`/cms/content-entries/${model~~.modelId~~}?id=${encodeURIComponent(id)}${~~folderId~~}`\~~n );\n },\n [~~search[0~~]]\n );\n\n return { goToRevision };\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,~~sBAAsB~~;~~AAChD~~,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,~~QAAQ~~;~~AAEjB~~,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;~~EAAM~~,CAAC,~~GAAGF~~,~~QAAQ~~,CAAC,CAAC;~~EAC5B~~,MAAM;~~IAAEG,OAAO~~;~~IAAEC;EAAO~~,CAAC,GAAGN,~~SAAS~~,~~CAAC~~,CAAC;~~EAEvC~~,~~MAAMO~~,YAAY,~~GAAGN~~,WAAW,~~CAC3BO~~,EAAU,IAAK;~~IACZ~~,~~MAAMC~~,~~GAAG~~,~~GAAGH,~~MAAM,~~CAAC,CAAC,CAAC,~~CAACI,~~GAAG~~,~~CAAC~~,~~UAAU~~,~~CAAC~~;~~IACrC~~,~~MAAMC,QAAQ,GAAGF,GAAG,GAAG,aAAaG,kBAAkB,CAACH,GAAG,CAAC,~~EAAE~~,GAAG,EAAE~~;~~IAClEJ~~,OAAO,~~CAACQ~~,~~IAAI~~,~~CACR~~,~~wBAAwBT~~,~~KAAK~~,~~CAACU,~~OAAO,~~OAAOF~~,~~kBAAkB~~,~~CAACJ~~,~~EAAE~~,~~CAAC~~,~~GAAGG~~,~~QAAQ~~,~~EACjF,~~CAAC;~~EACL~~,CAAC,EACD,~~CAACL~~,~~MAAM~~,~~CAAC~~,CAAC~~,CAAC,CACd,CAAC~~;EAED,OAAO;~~IAAEC~~;EAAa,CAAC;AAC3B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useRoute","useRouter","useCallback","Routes","useGoToRevision","goToRoute","route","ContentEntries","List","goToRevision","id","modelId","params","folderId"],"sources":["useGoToRevision.ts"],"sourcesContent":["import { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { useCallback } from \"react\";\nimport { Routes } from \"~/routes.js\";\n\nexport const useGoToRevision = () => {\n const { goToRoute } = useRouter();\n const { route } = useRoute(Routes.ContentEntries.List);\n\n const goToRevision = useCallback(\n (id: string) => {\n goToRoute(Routes.ContentEntries.List, {\n id,\n modelId: route.params.modelId,\n folderId: route.params.folderId\n });\n },\n [route]\n );\n\n return { goToRevision };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,MAAM;AAEf,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAGJ,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEK;EAAM,CAAC,GAAGN,QAAQ,CAACG,MAAM,CAACI,cAAc,CAACC,IAAI,CAAC;EAEtD,MAAMC,YAAY,GAAGP,WAAW,CAC3BQ,EAAU,IAAK;IACZL,SAAS,CAACF,MAAM,CAACI,cAAc,CAACC,IAAI,EAAE;MAClCE,EAAE;MACFC,OAAO,EAAEL,KAAK,CAACM,MAAM,CAACD,OAAO;MAC7BE,QAAQ,EAAEP,KAAK,CAACM,MAAM,CAACC;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,CAACP,KAAK,CACV,CAAC;EAED,OAAO;IAAEG;EAAa,CAAC;AAC3B,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/useRenderPlugins.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins";
1	+ export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins.js";

package/admin/components/ContentEntryForm/useRenderPlugins.js CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins";
+export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins.js";
 //# sourceMappingURL=useRenderPlugins.js.map

package/admin/components/ContentEntryForm/useRenderPlugins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["useRenderPlugins.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useRenderPlugins\";\n"],"mappings":"AAAA,cAAc,~~yDAAyD~~","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["useRenderPlugins.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useRenderPlugins.js\";\n"],"mappings":"AAAA,cAAc,4DAA4D","ignoreList":[]}

package/admin/components/ContentModelEditor/ContentModelEditor.js CHANGED Viewed

@@ -1,21 +1,19 @@
 import React, { useState, useEffect } from "react";
-import { makeDecoratable } from "@webiny/app-admin";
-import { Prompt } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
+import { makeDecoratable, NavigationPrompt, LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from "@webiny/admin-ui";
 import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
 import { ReactComponent as PreviewIcon } from "@webiny/icons/fullscreen.svg";
-import { FieldsSidebar } from "./FieldsSidebar";
-import { FieldEditor } from "../FieldEditor";
-import { PreviewTab } from "./PreviewTab";
-import Header from "./Header";
-import DragPreview from "../DragPreview";
-import { useModelEditor } from "./useModelEditor";
-import { ContentEntryEditorWithConfig } from "../../config/contentEntries";
-import { ContentEntryProvider } from "../../views/contentEntries/ContentEntry/ContentEntryContext";
-import { ContentEntriesProvider } from "../../views/contentEntries/ContentEntriesContext";
-import { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError";
+import { FieldsSidebar } from "./FieldsSidebar.js";
+import { FieldEditor } from "../FieldEditor/index.js";
+import { PreviewTab } from "./PreviewTab.js";
+import Header from "./Header.js";
+import DragPreview from "../DragPreview.js";
+import { useModelEditor } from "./useModelEditor.js";
+import { ContentEntryEditorWithConfig } from "../../config/contentEntries/index.js";
+import { ContentEntryProvider } from "../../views/contentEntries/ContentEntry/ContentEntryContext.js";
+import { ContentEntriesProvider } from "../../views/contentEntries/ContentEntriesContext.js";
+import { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError/index.js";
 const t = i18n.ns("app-headless-cms/admin/editor");
 const prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;
 export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
@@ -28,9 +26,9 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
   // Add a class to <body> to trigger global styles while this component is active
   useEffect(() => {
-    document.body.classList.add("wby-overflow-hidden");
+    document.body.classList.add("overflow-hidden");
     return () => {
-      document.body.classList.remove("wby-overflow-hidden");
+      document.body.classList.remove("overflow-hidden");
     };
   }, []);
   const [activeTab, setActiveTab] = useState("edit");
@@ -54,38 +52,38 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
     });
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "content-model-editor wby-flex-1"
-  }, /*#__PURE__*/React.createElement(Prompt, {
+    className: "content-model-editor flex-1"
+  }, /*#__PURE__*/React.createElement(NavigationPrompt, {
     when: !isPristine,
     message: prompt
   }), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-overflow-y-auto wby-h-main-content"
+    className: "w-full overflow-y-auto h-main-content"
   }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 4,
-    className: "wby-bg-neutral-light"
+    className: "bg-neutral-light"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-lg wby-py-md"
+    className: "px-lg py-md"
   }, /*#__PURE__*/React.createElement(Text, {
     as: "div",
-    className: "wby-uppercase wby-font-semibold wby-text-neutral-xstrong"
+    className: "uppercase font-semibold text-neutral-xstrong"
   }, "Fields")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll"
+    className: "px-lg py-md h-[calc(100vh-98px)] overflow-y-scroll"
   }, /*#__PURE__*/React.createElement(FieldsSidebar, {
     onFieldDragStart: () => {
       setActiveTab("edit");
     }
   }))), /*#__PURE__*/React.createElement(RightPanel, {
     span: 8,
-    className: "wby-bg-neutral-base"
+    className: "bg-neutral-base"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-full wby-overflow-y-scroll"
+    className: "h-full overflow-y-scroll"
   }, contentModel && /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-xl wby-pt-lg wby-pb-md-extra"
+    className: "px-xl pt-lg pb-md-extra"
   }, /*#__PURE__*/React.createElement(Heading, {
     level: 4
   }, contentModel.name), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-muted"
+    className: "text-neutral-muted"
   }, `Created by ${contentModel.createdBy.displayName}. Last modified: `, /*#__PURE__*/React.createElement(TimeAgo, {
     datetime: contentModel.savedOn
   }), ".")), /*#__PURE__*/React.createElement(Tabs, {
@@ -101,7 +99,7 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
       icon: /*#__PURE__*/React.createElement(EditIcon, null),
       "data-testid": "cms.editor.tab.edit",
       content: /*#__PURE__*/React.createElement("div", {
-        className: "wby-relative wby-mb-lg"
+        className: "relative mb-lg"
       }, /*#__PURE__*/React.createElement(FieldEditor, {
         fields: data.fields,
         layout: data.layout || [],

package/admin/components/ContentModelEditor/ContentModelEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","useEffect","makeDecoratable","Prompt","i18n","LeftPanel","RightPanel","SplitView","Heading","OverlayLoader","Separator","Tabs","Text","TimeAgo","ReactComponent","EditIcon","PreviewIcon","FieldsSidebar","FieldEditor","PreviewTab","Header","DragPreview","useModelEditor","ContentEntryEditorWithConfig","ContentEntryProvider","ContentEntriesProvider","ModelIsBeingDeletedError","t","ns","prompt","ContentModelEditor","data","setData","isPristine","contentModel","document","body","classList","add","remove","activeTab","setActiveTab","onChange","fields","layout","createElement","text","isBeingDeleted","model","className","when","message","span","as","onFieldDragStart","level","name","size","createdBy","displayName","datetime","savedOn","spacing","separator","value","String","onValueChange","tabs","Tab","key","trigger","icon","content","readonly"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport type { CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\ninterface OnChangeParams {\n fields: CmsModelField[];\n layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n const { data, setData, isPristine, contentModel } = useModelEditor();\n\n // Add a class to <body> to trigger global styles while this component is active\n useEffect(() => {\n document.body.classList.add(\"wby-overflow-hidden\");\n\n return () => {\n document.body.classList.remove(\"wby-overflow-hidden\");\n };\n }, []);\n\n const [activeTab, setActiveTab] = useState<string>(\"edit\");\n\n const onChange = ({ fields, layout }: OnChangeParams) => {\n setData(data => ({ ...data, fields, layout }));\n };\n\n if (!data) {\n return <OverlayLoader text={\"Loading content model...\"} />;\n } else if (data.isBeingDeleted) {\n return <ModelIsBeingDeletedError model={data} />;\n }\n\n return (\n <div className={\"content-model-editor wby-flex-1\"}>\n <Prompt when={!isPristine} message={prompt} />\n <Header />\n <div className={\"wby-w-full wby-overflow-y-auto wby-h-main-content\"}>\n <SplitView>\n <LeftPanel span={4} className={\"wby-bg-neutral-light\"}>\n <div className={\"wby-px-lg wby-py-md\"}>\n <Text\n as={\"div\"}\n className={\n \"wby-uppercase wby-font-semibold wby-text-neutral-xstrong\"\n }\n >\n {\"Fields\"}\n </Text>\n </div>\n <Separator />\n <div\n className={\n \"wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll\"\n }\n >\n <FieldsSidebar\n onFieldDragStart={() => {\n setActiveTab(\"edit\");\n }}\n />\n </div>\n </LeftPanel>\n <RightPanel span={8} className={\"wby-bg-neutral-base\"}>\n <div className={\"wby-h-full wby-overflow-y-scroll\"}>\n {contentModel && (\n <div className={\"wby-px-xl wby-pt-lg wby-pb-md-extra\"}>\n <Heading level={4}>{contentModel.name}</Heading>\n <Text size={\"sm\"} className={\"wby-text-neutral-muted\"}>\n {`Created by ${contentModel.createdBy.displayName}. Last modified: `}\n <TimeAgo datetime={contentModel.savedOn} />.\n </Text>\n </div>\n )}\n <Tabs\n size={\"md\"}\n spacing={\"xl\"}\n separator={true}\n value={String(activeTab)}\n onValueChange={setActiveTab}\n tabs={[\n <Tabs.Tab\n key={\"edit\"}\n value={\"edit\"}\n trigger={\"Edit\"}\n icon={<EditIcon />}\n data-testid={\"cms.editor.tab.edit\"}\n content={\n <div className={\"wby-relative wby-mb-lg\"}>\n <FieldEditor\n fields={data.fields}\n layout={data.layout \|\| []}\n onChange={onChange}\n />\n </div>\n }\n />,\n <Tabs.Tab\n key={\"preview\"}\n value={\"preview\"}\n trigger={\"Preview\"}\n icon={<PreviewIcon />}\n data-testid={\"cms.editor.tab.preview\"}\n content={\n <ContentEntryEditorWithConfig>\n <ContentEntriesProvider contentModel={data}>\n <ContentEntryProvider readonly={true}>\n <PreviewTab\n activeTab={activeTab === \"preview\"}\n />\n </ContentEntryProvider>\n </ContentEntriesProvider>\n </ContentEntryEditorWithConfig>\n }\n />\n ]}\n />\n </div>\n </RightPanel>\n </SplitView>\n <DragPreview />\n </div>\n </div>\n );\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","useEffect","makeDecoratable","NavigationPrompt","LeftPanel","RightPanel","SplitView","i18n","Heading","OverlayLoader","Separator","Tabs","Text","TimeAgo","ReactComponent","EditIcon","PreviewIcon","FieldsSidebar","FieldEditor","PreviewTab","Header","DragPreview","useModelEditor","ContentEntryEditorWithConfig","ContentEntryProvider","ContentEntriesProvider","ModelIsBeingDeletedError","t","ns","prompt","ContentModelEditor","data","setData","isPristine","contentModel","document","body","classList","add","remove","activeTab","setActiveTab","onChange","fields","layout","createElement","text","isBeingDeleted","model","className","when","message","span","as","onFieldDragStart","level","name","size","createdBy","displayName","datetime","savedOn","spacing","separator","value","String","onValueChange","tabs","Tab","key","trigger","icon","content","readonly"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n makeDecoratable,\n NavigationPrompt,\n LeftPanel,\n RightPanel,\n SplitView\n} from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar.js\";\nimport { FieldEditor } from \"../FieldEditor/index.js\";\nimport { PreviewTab } from \"./PreviewTab.js\";\nimport Header from \"./Header.js\";\nimport DragPreview from \"../DragPreview.js\";\nimport { useModelEditor } from \"./useModelEditor.js\";\nimport type { CmsEditorFieldsLayout, CmsModelField } from \"~/types.js\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\ninterface OnChangeParams {\n fields: CmsModelField[];\n layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n const { data, setData, isPristine, contentModel } = useModelEditor();\n\n // Add a class to <body> to trigger global styles while this component is active\n useEffect(() => {\n document.body.classList.add(\"overflow-hidden\");\n\n return () => {\n document.body.classList.remove(\"overflow-hidden\");\n };\n }, []);\n\n const [activeTab, setActiveTab] = useState<string>(\"edit\");\n\n const onChange = ({ fields, layout }: OnChangeParams) => {\n setData(data => ({ ...data, fields, layout }));\n };\n\n if (!data) {\n return <OverlayLoader text={\"Loading content model...\"} />;\n } else if (data.isBeingDeleted) {\n return <ModelIsBeingDeletedError model={data} />;\n }\n\n return (\n <div className={\"content-model-editor flex-1\"}>\n <NavigationPrompt when={!isPristine} message={prompt} />\n <Header />\n <div className={\"w-full overflow-y-auto h-main-content\"}>\n <SplitView>\n <LeftPanel span={4} className={\"bg-neutral-light\"}>\n <div className={\"px-lg py-md\"}>\n <Text\n as={\"div\"}\n className={\"uppercase font-semibold text-neutral-xstrong\"}\n >\n {\"Fields\"}\n </Text>\n </div>\n <Separator />\n <div className={\"px-lg py-md h-[calc(100vh-98px)] overflow-y-scroll\"}>\n <FieldsSidebar\n onFieldDragStart={() => {\n setActiveTab(\"edit\");\n }}\n />\n </div>\n </LeftPanel>\n <RightPanel span={8} className={\"bg-neutral-base\"}>\n <div className={\"h-full overflow-y-scroll\"}>\n {contentModel && (\n <div className={\"px-xl pt-lg pb-md-extra\"}>\n <Heading level={4}>{contentModel.name}</Heading>\n <Text size={\"sm\"} className={\"text-neutral-muted\"}>\n {`Created by ${contentModel.createdBy.displayName}. Last modified: `}\n <TimeAgo datetime={contentModel.savedOn} />.\n </Text>\n </div>\n )}\n <Tabs\n size={\"md\"}\n spacing={\"xl\"}\n separator={true}\n value={String(activeTab)}\n onValueChange={setActiveTab}\n tabs={[\n <Tabs.Tab\n key={\"edit\"}\n value={\"edit\"}\n trigger={\"Edit\"}\n icon={<EditIcon />}\n data-testid={\"cms.editor.tab.edit\"}\n content={\n <div className={\"relative mb-lg\"}>\n <FieldEditor\n fields={data.fields}\n layout={data.layout \|\| []}\n onChange={onChange}\n />\n </div>\n }\n />,\n <Tabs.Tab\n key={\"preview\"}\n value={\"preview\"}\n trigger={\"Preview\"}\n icon={<PreviewIcon />}\n data-testid={\"cms.editor.tab.preview\"}\n content={\n <ContentEntryEditorWithConfig>\n <ContentEntriesProvider contentModel={data}>\n <ContentEntryProvider readonly={true}>\n <PreviewTab\n activeTab={activeTab === \"preview\"}\n />\n </ContentEntryProvider>\n </ContentEntriesProvider>\n </ContentEntryEditorWithConfig>\n }\n />\n ]}\n />\n </div>\n </RightPanel>\n </SplitView>\n <DragPreview />\n </div>\n </div>\n );\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentModelEditor/ContentModelEditorProvider.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
 import type { ApolloClient } from "apollo-client";
-import type { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../graphql/contentModels";
-import type { CmsModel } from "../../../types";
+import type { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../../admin/graphql/contentModels.js";
+import type { CmsModel } from "../../../types.js";
 import type { FetchResult } from "apollo-link";
 export interface ContentModelEditorProviderContext {
     apolloClient: ApolloClient<any>;

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import React, { useCallback, useEffect, useMemo, useReducer } from "react";
-import get from "lodash/get";
-import pick from "lodash/pick";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
-import { ModelProvider } from "../ModelProvider";
-import { createHashing } from "@webiny/app/utils";
+import get from "lodash/get.js";
+import pick from "lodash/pick.js";
+import { useSnackbar, useRouter } from "@webiny/app-admin";
+import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
+import { ModelProvider } from "../ModelProvider/index.js";
+import { createHashing } from "@webiny/app/utils/index.js";
+import { Routes } from "../../../routes.js";
 export const contentModelEditorContext = /*#__PURE__*/React.createContext(undefined);
 export const contentModelEditorReducer = (prev, action) => {
   const {
@@ -67,19 +67,22 @@ const cleanupModelData = data => {
     fields: cleanupModelDataFields(data.fields)
   };
 };
+const createDefaultState = modelId => {
+  return {
+    modelId: modelId || null,
+    isPristine: true,
+    data: null,
+    activeTabIndex: 0
+  };
+};
 export const ContentModelEditorProvider = ({
   children,
   apolloClient,
   modelId
 }) => {
-  const [state, dispatch] = useReducer(contentModelEditorReducer, {
-    modelId: modelId || null,
-    isPristine: true,
-    data: null,
-    activeTabIndex: 0
-  });
+  const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));
   const {
-    history
+    goToRoute
   } = useRouter();
   const {
     showSnackbar
@@ -169,7 +172,7 @@ export const ContentModelEditorProvider = ({
       return;
     }
     getContentModel(modelId).catch(() => {
-      history.push(`/cms/content-models`);
+      goToRoute(Routes.ContentModels.List);
       showSnackbar(`Could not load content model with given ID.`);
     });
   }, [modelId]);

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useReducer","get","pick","useRouter","useSnackbar","GET_CONTENT_MODEL","UPDATE_CONTENT_MODEL","LIST_MENU_CONTENT_GROUPS_MODELS","ModelProvider","createHashing","contentModelEditorContext","createContext","undefined","contentModelEditorReducer","prev","action","data","type","hashModel","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","children","apolloClient","modelId","state","dispatch","isPristine","activeTabIndex","history","showSnackbar","setPristine","flag","saveContentModel","modelData","response","mutate","mutation","variables","refetchQueries","query","updateContentModel","error","setActiveTabIndex","setData","setter","saveModel","existingHash","newHash","getContentModel","Error","message","catch","push","contentModel","Provider","createElement","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport type {\n GetCmsModelQueryResponse,\n GetCmsModelQueryVariables,\n UpdateCmsModelMutationResponse,\n UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport type { CmsModel, CmsModelField } from \"~/types\";\nimport type { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { createHashing } from \"@webiny/app/utils\";\n\nexport interface ContentModelEditorProviderContext {\n apolloClient: ApolloClient<any>;\n data: CmsModel;\n contentModel: CmsModel;\n isPristine: boolean;\n getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n saveContentModel: (\n data?: CmsModel\n ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n activeTabIndex: number;\n setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n ContentModelEditorProviderContext \| undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n CmsModel,\n \"layout\" \| \"fields\" \| \"name\" \| \"settings\" \| \"description\" \| \"titleFieldId\" \| \"group\"\n>;\ninterface State {\n modelId: string \| null;\n isPristine: boolean;\n data: CmsModel;\n activeTabIndex: number;\n}\ninterface Action {\n data: Partial<State> \| Partial<CmsModel>;\n type: \"state\" \| \"data\";\n}\ninterface Reducer {\n (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n const { data, type } = action;\n switch (type) {\n case \"state\":\n return { ...prev, ...data };\n\n case \"data\":\n return { ...prev, data: data as CmsModel };\n default:\n return prev;\n }\n};\n\nconst hashModel = createHashing(\"SHA-256\");\n\n/*\n Cleanup is required because backend always expects string value in predefined values entries\n /\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n return fields.map(field => {\n const { predefinedValues } = field;\n const { enabled = false, values = [] } = predefinedValues \|\| {};\n return {\n ...field,\n predefinedValues: {\n enabled,\n values: values.map(({ label, value, selected }) => {\n return {\n label,\n selected: selected \|\| false,\n value: String(value)\n };\n })\n }\n };\n });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n return {\n ...data,\n fields: cleanupModelDataFields(data.fields)\n };\n};\n\ninterface ContentModelEditorProviderProps {\n apolloClient: ApolloClient<any>;\n modelId?: string;\n children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider = ({\n children,\n apolloClient,\n modelId\n}: ContentModelEditorProviderProps) => {\n const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n modelId: modelId \|\| null,\n isPristine: true,\n data: null as unknown as CmsModel,\n activeTabIndex: 0\n });\n\n const { history } = useRouter();\n const { showSnackbar } = useSnackbar();\n\n const setPristine = (flag: boolean): void => {\n dispatch({ type: \"state\", data: { isPristine: flag } });\n };\n\n const saveContentModel = async (\n data?: CmsModel\n ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n if (!data) {\n data = state.data;\n }\n const modelData: PickedCmsModel = pick(data, [\n \"group\",\n \"layout\",\n \"fields\",\n \"tags\",\n \"name\",\n \"settings\",\n \"description\",\n \"titleFieldId\",\n \"descriptionFieldId\",\n \"imageFieldId\",\n \"icon\"\n ]);\n const response = await apolloClient.mutate<\n UpdateCmsModelMutationResponse,\n UpdateCmsModelMutationVariables\n >({\n mutation: UPDATE_CONTENT_MODEL,\n variables: {\n modelId: data.modelId,\n data: cleanupModelData(modelData)\n },\n refetchQueries: [\n {\n query: LIST_MENU_CONTENT_GROUPS_MODELS\n }\n ]\n });\n\n setPristine(true);\n\n if (!response.data \|\| !response.data.updateContentModel) {\n return {\n data: null,\n error: null\n };\n }\n\n return response.data.updateContentModel;\n };\n\n const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n dispatch({ type: \"state\", data: { activeTabIndex } });\n }, []);\n\n /\n Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n * Return new data once finished.\n */\n const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n const data = setter(state.data);\n const existingHash = await hashModel(state.data);\n const newHash = await hashModel(data);\n if (existingHash === newHash) {\n return;\n }\n setPristine(false);\n dispatch({ type: \"data\", data });\n if (!saveModel) {\n return;\n }\n await saveContentModel(data);\n };\n\n const getContentModel = async (\n modelId: string\n ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n const response = await apolloClient.query<\n GetCmsModelQueryResponse,\n GetCmsModelQueryVariables\n >({\n query: GET_CONTENT_MODEL,\n variables: {\n modelId\n }\n });\n\n const { data, error } = get(response, \"data.getContentModel\");\n if (error) {\n throw new Error(error.message);\n }\n\n await setData(() => data, false);\n\n setPristine(true);\n return response;\n };\n\n useEffect(() => {\n if (!modelId) {\n return;\n }\n getContentModel(modelId).catch(() => {\n history.push(`/cms/content-models`);\n showSnackbar(`Could not load content model with given ID.`);\n });\n }, [modelId]);\n\n const value = useMemo<ContentModelEditorProviderContext>(\n () => ({\n // Keeping `data` for compatibility\n data: state.data,\n contentModel: state.data,\n modelId,\n apolloClient,\n dispatch,\n isPristine: state.isPristine,\n getContentModel,\n saveContentModel,\n setData,\n activeTabIndex: state.activeTabIndex,\n setActiveTabIndex\n }),\n [state, apolloClient]\n );\n\n const { Provider } = contentModelEditorContext;\n\n return (\n <Provider value={value}>\n <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n </Provider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useReducer","get","pick","useSnackbar","useRouter","GET_CONTENT_MODEL","UPDATE_CONTENT_MODEL","LIST_MENU_CONTENT_GROUPS_MODELS","ModelProvider","createHashing","Routes","contentModelEditorContext","createContext","undefined","contentModelEditorReducer","prev","action","data","type","hashModel","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","createDefaultState","modelId","isPristine","activeTabIndex","ContentModelEditorProvider","children","apolloClient","state","dispatch","goToRoute","showSnackbar","setPristine","flag","saveContentModel","modelData","response","mutate","mutation","variables","refetchQueries","query","updateContentModel","error","setActiveTabIndex","setData","setter","saveModel","existingHash","newHash","getContentModel","Error","message","catch","ContentModels","List","contentModel","Provider","createElement","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get.js\";\nimport pick from \"lodash/pick.js\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { useSnackbar, useRouter } from \"@webiny/app-admin\";\nimport type {\n GetCmsModelQueryResponse,\n GetCmsModelQueryVariables,\n UpdateCmsModelMutationResponse,\n UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { createHashing } from \"@webiny/app/utils/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport interface ContentModelEditorProviderContext {\n apolloClient: ApolloClient<any>;\n data: CmsModel;\n contentModel: CmsModel;\n isPristine: boolean;\n getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n saveContentModel: (\n data?: CmsModel\n ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n activeTabIndex: number;\n setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n ContentModelEditorProviderContext \| undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n CmsModel,\n \"layout\" \| \"fields\" \| \"name\" \| \"settings\" \| \"description\" \| \"titleFieldId\" \| \"group\"\n>;\ninterface State {\n modelId: string \| null;\n isPristine: boolean;\n data: CmsModel;\n activeTabIndex: number;\n}\ninterface Action {\n data: Partial<State> \| Partial<CmsModel>;\n type: \"state\" \| \"data\";\n}\ninterface Reducer {\n (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n const { data, type } = action;\n switch (type) {\n case \"state\":\n return { ...prev, ...data };\n\n case \"data\":\n return { ...prev, data: data as CmsModel };\n default:\n return prev;\n }\n};\n\nconst hashModel = createHashing(\"SHA-256\");\n\n/*\n Cleanup is required because backend always expects string value in predefined values entries\n /\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n return fields.map(field => {\n const { predefinedValues } = field;\n const { enabled = false, values = [] } = predefinedValues \|\| {};\n return {\n ...field,\n predefinedValues: {\n enabled,\n values: values.map(({ label, value, selected }) => {\n return {\n label,\n selected: selected \|\| false,\n value: String(value)\n };\n })\n }\n };\n });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n return {\n ...data,\n fields: cleanupModelDataFields(data.fields)\n };\n};\n\ninterface ContentModelEditorProviderProps {\n apolloClient: ApolloClient<any>;\n modelId?: string;\n children: React.ReactElement;\n}\n\nconst createDefaultState = (modelId?: string): State => {\n return {\n modelId: modelId \|\| null,\n isPristine: true,\n data: null as unknown as CmsModel,\n activeTabIndex: 0\n };\n};\n\nexport const ContentModelEditorProvider = ({\n children,\n apolloClient,\n modelId\n}: ContentModelEditorProviderProps) => {\n const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));\n\n const { goToRoute } = useRouter();\n const { showSnackbar } = useSnackbar();\n\n const setPristine = (flag: boolean): void => {\n dispatch({ type: \"state\", data: { isPristine: flag } });\n };\n\n const saveContentModel = async (\n data?: CmsModel\n ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n if (!data) {\n data = state.data;\n }\n const modelData: PickedCmsModel = pick(data, [\n \"group\",\n \"layout\",\n \"fields\",\n \"tags\",\n \"name\",\n \"settings\",\n \"description\",\n \"titleFieldId\",\n \"descriptionFieldId\",\n \"imageFieldId\",\n \"icon\"\n ]);\n const response = await apolloClient.mutate<\n UpdateCmsModelMutationResponse,\n UpdateCmsModelMutationVariables\n >({\n mutation: UPDATE_CONTENT_MODEL,\n variables: {\n modelId: data.modelId,\n data: cleanupModelData(modelData)\n },\n refetchQueries: [\n {\n query: LIST_MENU_CONTENT_GROUPS_MODELS\n }\n ]\n });\n\n setPristine(true);\n\n if (!response.data \|\| !response.data.updateContentModel) {\n return {\n data: null,\n error: null\n };\n }\n\n return response.data.updateContentModel;\n };\n\n const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n dispatch({ type: \"state\", data: { activeTabIndex } });\n }, []);\n\n /\n Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n * Return new data once finished.\n */\n const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n const data = setter(state.data);\n const existingHash = await hashModel(state.data);\n const newHash = await hashModel(data);\n if (existingHash === newHash) {\n return;\n }\n setPristine(false);\n dispatch({ type: \"data\", data });\n if (!saveModel) {\n return;\n }\n await saveContentModel(data);\n };\n\n const getContentModel = async (\n modelId: string\n ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n const response = await apolloClient.query<\n GetCmsModelQueryResponse,\n GetCmsModelQueryVariables\n >({\n query: GET_CONTENT_MODEL,\n variables: {\n modelId\n }\n });\n\n const { data, error } = get(response, \"data.getContentModel\");\n if (error) {\n throw new Error(error.message);\n }\n\n await setData(() => data, false);\n\n setPristine(true);\n return response;\n };\n\n useEffect(() => {\n if (!modelId) {\n return;\n }\n getContentModel(modelId).catch(() => {\n goToRoute(Routes.ContentModels.List);\n showSnackbar(`Could not load content model with given ID.`);\n });\n }, [modelId]);\n\n const value = useMemo<ContentModelEditorProviderContext>(\n () => ({\n // Keeping `data` for compatibility\n data: state.data,\n contentModel: state.data,\n modelId,\n apolloClient,\n dispatch,\n isPristine: state.isPristine,\n getContentModel,\n saveContentModel,\n setData,\n activeTabIndex: state.activeTabIndex,\n setActiveTabIndex\n }),\n [state, apolloClient]\n );\n\n const { Provider } = contentModelEditorContext;\n\n return (\n <Provider value={value}>\n <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n </Provider>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentModelEditor/FieldsSidebar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { plugins } from "@webiny/plugins";
-import Draggable from "../Draggable";
+import Draggable from "../Draggable.js";
 import { Heading, Icon, Text } from "@webiny/admin-ui";
 const Field = props => {
   const {
@@ -23,9 +23,9 @@ const Field = props => {
     ref: drag,
     "data-testid": `cms-editor-fields-field-${type}`,
     onDragStart: onFieldDragStart,
-    className: "wby-bg-neutral-base wby-rounded-sm wby-mb-sm wby-py-sm wby-px-md wby-cursor-grab last-of-type:wby-mb-none hover:wby-opacity-80 wby-transition-opacity"
+    className: "bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-md"
+    className: "flex items-center gap-md"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     label: label,
@@ -35,7 +35,7 @@ const Field = props => {
     level: 6
   }, label), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, description)))));
 };
 export const FieldsSidebar = ({

package/admin/components/ContentModelEditor/FieldsSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","plugins","Draggable","Heading","Icon","Text","Field","props","onFieldDragStart","fieldType","type","label","icon","description","createElement","beginDrag","drag","ref","onDragStart","className","size","color","level","FieldsSidebar","fieldTypePlugin","byType","filter","p","field","hideInAdmin","Fragment","map","fieldPlugin","key"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import type { DragEventHandler } from \"react\";\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport Draggable from \"../Draggable\";\nimport type { CmsModelFieldTypePlugin } from \"~/types\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\ninterface FieldProps {\n onFieldDragStart: DragEventHandler;\n fieldType: CmsModelFieldTypePlugin[\"field\"];\n}\n\nconst Field = (props: FieldProps) => {\n const {\n onFieldDragStart,\n fieldType: { type, label, icon, description }\n } = props;\n return (\n <Draggable beginDrag={{ type: \"newField\", fieldType: type }}>\n {({ drag }) => (\n <div\n ref={drag}\n data-testid={`cms-editor-fields-field-${type}`}\n onDragStart={onFieldDragStart}\n className={\n \"~~wby-~~bg-neutral-base ~~wby-~~rounded-sm ~~wby-~~mb-sm ~~wby-~~py-sm ~~wby-~~px-md ~~wby-~~cursor-grab last-of-type:~~wby-~~mb-none hover:~~wby-~~opacity-80 ~~wby-~~transition-opacity\"\n }\n >\n <div className={\"~~wby-~~flex ~~wby-~~items-center ~~wby-~~gap-md\"}>\n <div>\n <Icon\n icon={icon as React.ReactElement}\n label={label}\n size={\"md\"}\n color={\"neutral-light\"}\n />\n </div>\n <div>\n <Heading level={6}>{label}</Heading>\n <Text size={\"sm\"} className={\"~~wby-~~text-neutral-strong\"}>\n {description}\n </Text>\n </div>\n </div>\n </div>\n )}\n </Draggable>\n );\n};\n\ninterface FieldsSidebarProps {\n onFieldDragStart: DragEventHandler;\n}\n\nexport const FieldsSidebar = ({ onFieldDragStart }: FieldsSidebarProps) => {\n const fieldTypePlugin = plugins\n .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n .filter(p => !p.field.hideInAdmin);\n\n return (\n <>\n {fieldTypePlugin.map(fieldPlugin => (\n <Field\n key={fieldPlugin.field.type}\n fieldType={fieldPlugin.field}\n onFieldDragStart={onFieldDragStart}\n />\n ))}\n </>\n );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,SAAS;AAEhB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAOtD,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EACjC,MAAM;IACFC,gBAAgB;IAChBC,SAAS,EAAE;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAY;EAChD,CAAC,GAAGN,KAAK;EACT,oBACIP,KAAA,CAAAc,aAAA,CAACZ,SAAS;IAACa,SAAS,EAAE;MAAEL,IAAI,EAAE,UAAU;MAAED,SAAS,EAAEC;IAAK;EAAE,GACvD,CAAC;IAAEM;EAAK,CAAC,kBACNhB,KAAA,CAAAc,aAAA;IACIG,GAAG,EAAED,IAAK;IACV,eAAa,2BAA2BN,IAAI,EAAG;IAC/CQ,WAAW,EAAEV,gBAAiB;IAC9BW,SAAS,EACL;EACH,gBAEDnB,KAAA,CAAAc,aAAA;IAAKK,SAAS,EAAE;~~EAAuC~~,~~gBACnDnB~~,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,CAACV,IAAI;IACDQ,IAAI,EAAEA,IAA2B;IACjCD,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAgB,CAC1B,CACA,CAAC,eACNrB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,CAACX,OAAO;IAACmB,KAAK,EAAE;EAAE,GAAEX,KAAe,CAAC,eACpCX,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;~~EAA0B~~,~~GAClDN~~,WACC,CACL,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAMD,OAAO,MAAMU,aAAa,GAAGA,CAAC;EAAEf;AAAqC,CAAC,KAAK;EACvE,MAAMgB,eAAe,GAAGvB,OAAO,CAC1BwB,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,KAAK,CAACC,WAAW,CAAC;EAEtC,oBACI7B,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAA8B,QAAA,QACKN,eAAe,CAACO,GAAG,CAACC,WAAW,iBAC5BhC,KAAA,CAAAc,aAAA,CAACR,KAAK;IACF2B,GAAG,EAAED,WAAW,CAACJ,KAAK,CAAClB,IAAK;IAC5BD,SAAS,EAAEuB,WAAW,CAACJ,KAAM;IAC7BpB,gBAAgB,EAAEA;EAAiB,CACtC,CACJ,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","plugins","Draggable","Heading","Icon","Text","Field","props","onFieldDragStart","fieldType","type","label","icon","description","createElement","beginDrag","drag","ref","onDragStart","className","size","color","level","FieldsSidebar","fieldTypePlugin","byType","filter","p","field","hideInAdmin","Fragment","map","fieldPlugin","key"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import type { DragEventHandler } from \"react\";\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport Draggable from \"../Draggable.js\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\ninterface FieldProps {\n onFieldDragStart: DragEventHandler;\n fieldType: CmsModelFieldTypePlugin[\"field\"];\n}\n\nconst Field = (props: FieldProps) => {\n const {\n onFieldDragStart,\n fieldType: { type, label, icon, description }\n } = props;\n return (\n <Draggable beginDrag={{ type: \"newField\", fieldType: type }}>\n {({ drag }) => (\n <div\n ref={drag}\n data-testid={`cms-editor-fields-field-${type}`}\n onDragStart={onFieldDragStart}\n className={\n \"bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity\"\n }\n >\n <div className={\"flex items-center gap-md\"}>\n <div>\n <Icon\n icon={icon as React.ReactElement}\n label={label}\n size={\"md\"}\n color={\"neutral-light\"}\n />\n </div>\n <div>\n <Heading level={6}>{label}</Heading>\n <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n {description}\n </Text>\n </div>\n </div>\n </div>\n )}\n </Draggable>\n );\n};\n\ninterface FieldsSidebarProps {\n onFieldDragStart: DragEventHandler;\n}\n\nexport const FieldsSidebar = ({ onFieldDragStart }: FieldsSidebarProps) => {\n const fieldTypePlugin = plugins\n .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n .filter(p => !p.field.hideInAdmin);\n\n return (\n <>\n {fieldTypePlugin.map(fieldPlugin => (\n <Field\n key={fieldPlugin.field.type}\n fieldType={fieldPlugin.field}\n onFieldDragStart={onFieldDragStart}\n />\n ))}\n </>\n );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,SAAS;AAEhB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAOtD,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EACjC,MAAM;IACFC,gBAAgB;IAChBC,SAAS,EAAE;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAY;EAChD,CAAC,GAAGN,KAAK;EACT,oBACIP,KAAA,CAAAc,aAAA,CAACZ,SAAS;IAACa,SAAS,EAAE;MAAEL,IAAI,EAAE,UAAU;MAAED,SAAS,EAAEC;IAAK;EAAE,GACvD,CAAC;IAAEM;EAAK,CAAC,kBACNhB,KAAA,CAAAc,aAAA;IACIG,GAAG,EAAED,IAAK;IACV,eAAa,2BAA2BN,IAAI,EAAG;IAC/CQ,WAAW,EAAEV,gBAAiB;IAC9BW,SAAS,EACL;EACH,gBAEDnB,KAAA,CAAAc,aAAA;IAAKK,SAAS,EAAE;EAA2B,gBACvCnB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,CAACV,IAAI;IACDQ,IAAI,EAAEA,IAA2B;IACjCD,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAgB,CAC1B,CACA,CAAC,eACNrB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA,CAACX,OAAO;IAACmB,KAAK,EAAE;EAAE,GAAEX,KAAe,CAAC,eACpCX,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACe,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAsB,GAC9CN,WACC,CACL,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAMD,OAAO,MAAMU,aAAa,GAAGA,CAAC;EAAEf;AAAqC,CAAC,KAAK;EACvE,MAAMgB,eAAe,GAAGvB,OAAO,CAC1BwB,MAAM,CAA0B,uBAAuB,CAAC,CACxDC,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,KAAK,CAACC,WAAW,CAAC;EAEtC,oBACI7B,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAA8B,QAAA,QACKN,eAAe,CAACO,GAAG,CAACC,WAAW,iBAC5BhC,KAAA,CAAAc,aAAA,CAACR,KAAK;IACF2B,GAAG,EAAED,WAAW,CAACJ,KAAK,CAAClB,IAAK;IAC5BD,SAAS,EAAEuB,WAAW,CAACJ,KAAM;IAC7BpB,gBAAgB,EAAEA;EAAiB,CACtC,CACJ,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/ContentModelEditor/Header.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import React from "react";
 import { HeaderBar } from "@webiny/admin-ui";
-import { renderPlugins } from "@webiny/app/plugins";
+import { renderPlugins } from "@webiny/app/plugins/index.js";
 const EditorBar = () => {
   return /*#__PURE__*/React.createElement(HeaderBar, {
     "data-testid": "cms-editor-top-bar",
     start: /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-justify-start wby-gap-sm"
+      className: "flex items-center justify-start gap-sm"
     }, renderPlugins("content-model-editor-default-bar-left")),
     end: /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+      className: "flex items-center justify-end gap-xs"
     }, renderPlugins("content-model-editor-default-bar-right"))
   });
 };

package/admin/components/ContentModelEditor/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","HeaderBar","renderPlugins","EditorBar","createElement","start","className","end"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { renderPlugins } from \"@webiny/app/plugins\";\n\nconst EditorBar = () => {\n return (\n <HeaderBar\n data-testid={\"cms-editor-top-bar\"}\n start={\n <div className={\"~~wby-~~flex ~~wby-~~items-center ~~wby-~~justify-start ~~wby-~~gap-sm\"}>\n {renderPlugins(\"content-model-editor-default-bar-left\")}\n </div>\n }\n end={\n <div className={\"~~wby-~~flex ~~wby-~~items-center ~~wby-~~justify-end ~~wby-~~gap-xs\"}>\n {renderPlugins(\"content-model-editor-default-bar-right\")}\n </div>\n }\n />\n );\n};\n\nexport default EditorBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa,QAAQ,~~qBAAqB~~;~~AAEnD~~,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACpB,oBACIH,KAAA,CAAAI,aAAA,CAACH,SAAS;IACN,eAAa,oBAAqB;IAClCI,KAAK,eACDL,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;~~IAAyD~~,~~GACpEJ~~,aAAa,CAAC,uCAAuC,CACrD,CACR;IACDK,GAAG,eACCP,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;~~IAAuD~~,~~GAClEJ~~,aAAa,CAAC,wCAAwC,CACtD;EACR,CACJ,CAAC;AAEV,CAAC;AAED,eAAeC,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["React","HeaderBar","renderPlugins","EditorBar","createElement","start","className","end"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { renderPlugins } from \"@webiny/app/plugins/index.js\";\n\nconst EditorBar = () => {\n return (\n <HeaderBar\n data-testid={\"cms-editor-top-bar\"}\n start={\n <div className={\"flex items-center justify-start gap-sm\"}>\n {renderPlugins(\"content-model-editor-default-bar-left\")}\n </div>\n }\n end={\n <div className={\"flex items-center justify-end gap-xs\"}>\n {renderPlugins(\"content-model-editor-default-bar-right\")}\n </div>\n }\n />\n );\n};\n\nexport default EditorBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAE5D,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACpB,oBACIH,KAAA,CAAAI,aAAA,CAACH,SAAS;IACN,eAAa,oBAAqB;IAClCI,KAAK,eACDL,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;IAAyC,GACpDJ,aAAa,CAAC,uCAAuC,CACrD,CACR;IACDK,GAAG,eACCP,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;IAAuC,GAClDJ,aAAa,CAAC,wCAAwC,CACtD;EACR,CACJ,CAAC;AAEV,CAAC;AAED,eAAeC,SAAS","ignoreList":[]}

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
 export interface ImageProps {
     className?: string;
     alt?: string;

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.js CHANGED Viewed

@@ -3,9 +3,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import * as React from "react";
 import Helmet from "react-helmet";
 import { css } from "@emotion/css";
-import { Typography } from "@webiny/ui/Typography";
+import { Typography } from "@webiny/ui/Typography/index.js";
 import authErrorImg from "./SecureRouteError.svg";
-import { useRouter } from "@webiny/react-router";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
 const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e4og8xm0"
 } : {
@@ -16,8 +17,7 @@ const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   styles: "display:block;padding-top:15%;text-align:center;margin:auto"
 } : {
   name: "11cfxg3",
-  styles: "display:block;padding-top:15%;text-align:center;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGhpc3RvcnkgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgY29uc3QgZ29CYWNrID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICBoaXN0b3J5LnB1c2goYC9jbXMvY29udGVudC1tb2RlbHNgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0gY2xhc3NOYW1lPXtzdHlsZXMuYm9keVN0eWxlfT5cbiAgICAgICAgICAgICAgICBNb2RlbCA8c3Ryb25nPntwcm9wcy5tb2RlbC5uYW1lfTwvc3Ryb25nPiBpcyBiZWluZyBkZWxldGVkIGFuZCBjYW5ub3QgYmUgYWNjZXNzZWQgb3JcbiAgICAgICAgICAgICAgICBjaGFuZ2VkLlxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuXG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGEgb25DbGljaz17Z29CYWNrfSBjbGFzc05hbWU9e3N0eWxlcy5saW5rU3R5bGV9PlxuICAgICAgICAgICAgICAgIEdvIGJhY2tcbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  styles: "display:block;padding-top:15%;text-align:center;margin:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXVCIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFJvdXRlcyB9IGZyb20gXCJ+L3JvdXRlcy5qc1wiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHBhZGRpbmdUb3A6IFwiMTUlXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbjogXCJhdXRvXCJcbn0pO1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYXV0aEVycm9ySW1nU3R5bGU6IGNzcyh7XG4gICAgICAgIHdpZHRoOiBcIjE5MnB4XCIsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IFwiMjRweFwiXG4gICAgfSksXG4gICAgYm9keVN0eWxlOiBjc3Moe1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgXCIgc3Ryb25nXCI6IHtcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiYm9sZFwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBsaW5rU3R5bGU6IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgICAgIH1cbiAgICB9KVxufTtcblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVByb3BzIHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7IGNsYXNzTmFtZSA9IHN0eWxlcy5hdXRoRXJyb3JJbWdTdHlsZSwgYWx0ID0gXCJOb3QgQXV0aG9yaXplZFwiIH06IEltYWdlUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPGltZyBjbGFzc05hbWU9e2NsYXNzTmFtZX0gc3JjPXthdXRoRXJyb3JJbWd9IGFsdD17YWx0fSAvPjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwibmFtZVwiPjtcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvciA9IChwcm9wczogSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgZ29Ub1JvdXRlIH0gPSB1c2VSb3V0ZXIoKTtcblxuICAgIGNvbnN0IGdvQmFjayA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgZ29Ub1JvdXRlKFJvdXRlcy5Db250ZW50TW9kZWxzLkxpc3QpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8SGVsbWV0IHRpdGxlPXtcIkNhbm5vdCBhY2Nlc3MgdGhlIG1vZGVsIVwifSAvPlxuICAgICAgICAgICAgPEltYWdlIC8+XG5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifSBjbGFzc05hbWU9e3N0eWxlcy5ib2R5U3R5bGV9PlxuICAgICAgICAgICAgICAgIE1vZGVsIDxzdHJvbmc+e3Byb3BzLm1vZGVsLm5hbWV9PC9zdHJvbmc+IGlzIGJlaW5nIGRlbGV0ZWQgYW5kIGNhbm5vdCBiZSBhY2Nlc3NlZCBvclxuICAgICAgICAgICAgICAgIGNoYW5nZWQuXG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgICA8YSBvbkNsaWNrPXtnb0JhY2t9IGNsYXNzTmFtZT17c3R5bGVzLmxpbmtTdHlsZX0+XG4gICAgICAgICAgICAgICAgR28gYmFja1xuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const styles = {
@@ -26,8 +26,7 @@ const styles = {
     styles: "width:192px;padding-bottom:24px"
   } : {
     name: "9tugsr-authErrorImgStyle",
-    styles: "width:192px;padding-bottom:24px;label:authErrorImgStyle;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ1QiIsImZpbGUiOiJNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgSGVsbWV0IGZyb20gXCJyZWFjdC1oZWxtZXRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvcmVhY3Qtcm91dGVyXCI7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcGFkZGluZ1RvcDogXCIxNSVcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luOiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBhdXRoRXJyb3JJbWdTdHlsZTogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiMTkycHhcIixcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogXCIyNHB4XCJcbiAgICB9KSxcbiAgICBib2R5U3R5bGU6IGNzcyh7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBcIiBzdHJvbmdcIjoge1xuICAgICAgICAgICAgZm9udFdlaWdodDogXCJib2xkXCJcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGxpbmtTdHlsZTogY3NzKHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCJcbiAgICAgICAgfVxuICAgIH0pXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlUHJvcHMge1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEltYWdlID0gKHsgY2xhc3NOYW1lID0gc3R5bGVzLmF1dGhFcnJvckltZ1N0eWxlLCBhbHQgPSBcIk5vdCBBdXRob3JpemVkXCIgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8aW1nIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcmM9e2F1dGhFcnJvckltZ30gYWx0PXthbHR9IC8+O1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJuYW1lXCI+O1xufVxuXG5leHBvcnQgY29uc3QgTW9kZWxJc0JlaW5nRGVsZXRlZEVycm9yID0gKHByb3BzOiBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBoaXN0b3J5IH0gPSB1c2VSb3V0ZXIoKTtcblxuICAgIGNvbnN0IGdvQmFjayA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgaGlzdG9yeS5wdXNoKGAvY21zL2NvbnRlbnQtbW9kZWxzYCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAgICAgIDxIZWxtZXQgdGl0bGU9e1wiQ2Fubm90IGFjY2VzcyB0aGUgbW9kZWwhXCJ9IC8+XG4gICAgICAgICAgICA8SW1hZ2UgLz5cblxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9IGNsYXNzTmFtZT17c3R5bGVzLmJvZHlTdHlsZX0+XG4gICAgICAgICAgICAgICAgTW9kZWwgPHN0cm9uZz57cHJvcHMubW9kZWwubmFtZX08L3N0cm9uZz4gaXMgYmVpbmcgZGVsZXRlZCBhbmQgY2Fubm90IGJlIGFjY2Vzc2VkIG9yXG4gICAgICAgICAgICAgICAgY2hhbmdlZC5cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cblxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgIDxhIG9uQ2xpY2s9e2dvQmFja30gY2xhc3NOYW1lPXtzdHlsZXMubGlua1N0eWxlfT5cbiAgICAgICAgICAgICAgICBHbyBiYWNrXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+    styles: "width:192px;padding-bottom:24px;label:authErrorImgStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1QiIsImZpbGUiOiJNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgSGVsbWV0IGZyb20gXCJyZWFjdC1oZWxtZXRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlcy9pbmRleC5qc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBSb3V0ZXMgfSBmcm9tIFwifi9yb3V0ZXMuanNcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGdvVG9Sb3V0ZSB9ID0gdXNlUm91dGVyKCk7XG5cbiAgICBjb25zdCBnb0JhY2sgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIGdvVG9Sb3V0ZShSb3V0ZXMuQ29udGVudE1vZGVscy5MaXN0KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0gY2xhc3NOYW1lPXtzdHlsZXMuYm9keVN0eWxlfT5cbiAgICAgICAgICAgICAgICBNb2RlbCA8c3Ryb25nPntwcm9wcy5tb2RlbC5uYW1lfTwvc3Ryb25nPiBpcyBiZWluZyBkZWxldGVkIGFuZCBjYW5ub3QgYmUgYWNjZXNzZWQgb3JcbiAgICAgICAgICAgICAgICBjaGFuZ2VkLlxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuXG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGEgb25DbGljaz17Z29CYWNrfSBjbGFzc05hbWU9e3N0eWxlcy5saW5rU3R5bGV9PlxuICAgICAgICAgICAgICAgIEdvIGJhY2tcbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
   bodyStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -35,8 +34,7 @@ const styles = {
     styles: "color:var(--mdc-theme-text-primary-on-background);display:block; strong{font-weight:bold;}"
   } : {
     name: "1cycbp0-bodyStyle",
-    styles: "color:var(--mdc-theme-text-primary-on-background);display:block; strong{font-weight:bold;};label:bodyStyle;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGhpc3RvcnkgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgY29uc3QgZ29CYWNrID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICBoaXN0b3J5LnB1c2goYC9jbXMvY29udGVudC1tb2RlbHNgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0gY2xhc3NOYW1lPXtzdHlsZXMuYm9keVN0eWxlfT5cbiAgICAgICAgICAgICAgICBNb2RlbCA8c3Ryb25nPntwcm9wcy5tb2RlbC5uYW1lfTwvc3Ryb25nPiBpcyBiZWluZyBkZWxldGVkIGFuZCBjYW5ub3QgYmUgYWNjZXNzZWQgb3JcbiAgICAgICAgICAgICAgICBjaGFuZ2VkLlxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuXG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGEgb25DbGljaz17Z29CYWNrfSBjbGFzc05hbWU9e3N0eWxlcy5saW5rU3R5bGV9PlxuICAgICAgICAgICAgICAgIEdvIGJhY2tcbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+    styles: "color:var(--mdc-theme-text-primary-on-background);display:block; strong{font-weight:bold;};label:bodyStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFJvdXRlcyB9IGZyb20gXCJ+L3JvdXRlcy5qc1wiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHBhZGRpbmdUb3A6IFwiMTUlXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbjogXCJhdXRvXCJcbn0pO1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYXV0aEVycm9ySW1nU3R5bGU6IGNzcyh7XG4gICAgICAgIHdpZHRoOiBcIjE5MnB4XCIsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IFwiMjRweFwiXG4gICAgfSksXG4gICAgYm9keVN0eWxlOiBjc3Moe1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgXCIgc3Ryb25nXCI6IHtcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiYm9sZFwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBsaW5rU3R5bGU6IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgICAgIH1cbiAgICB9KVxufTtcblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVByb3BzIHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7IGNsYXNzTmFtZSA9IHN0eWxlcy5hdXRoRXJyb3JJbWdTdHlsZSwgYWx0ID0gXCJOb3QgQXV0aG9yaXplZFwiIH06IEltYWdlUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPGltZyBjbGFzc05hbWU9e2NsYXNzTmFtZX0gc3JjPXthdXRoRXJyb3JJbWd9IGFsdD17YWx0fSAvPjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwibmFtZVwiPjtcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvciA9IChwcm9wczogSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgZ29Ub1JvdXRlIH0gPSB1c2VSb3V0ZXIoKTtcblxuICAgIGNvbnN0IGdvQmFjayA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgZ29Ub1JvdXRlKFJvdXRlcy5Db250ZW50TW9kZWxzLkxpc3QpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8SGVsbWV0IHRpdGxlPXtcIkNhbm5vdCBhY2Nlc3MgdGhlIG1vZGVsIVwifSAvPlxuICAgICAgICAgICAgPEltYWdlIC8+XG5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifSBjbGFzc05hbWU9e3N0eWxlcy5ib2R5U3R5bGV9PlxuICAgICAgICAgICAgICAgIE1vZGVsIDxzdHJvbmc+e3Byb3BzLm1vZGVsLm5hbWV9PC9zdHJvbmc+IGlzIGJlaW5nIGRlbGV0ZWQgYW5kIGNhbm5vdCBiZSBhY2Nlc3NlZCBvclxuICAgICAgICAgICAgICAgIGNoYW5nZWQuXG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgICA8YSBvbkNsaWNrPXtnb0JhY2t9IGNsYXNzTmFtZT17c3R5bGVzLmxpbmtTdHlsZX0+XG4gICAgICAgICAgICAgICAgR28gYmFja1xuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
   linkStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -44,8 +42,7 @@ const styles = {
     styles: "cursor:pointer;text-decoration:none;&:hover{text-decoration:underline;}"
   } : {
     name: "jgs9nl-linkStyle",
-    styles: "cursor:pointer;text-decoration:none;&:hover{text-decoration:underline;};label:linkStyle;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGhpc3RvcnkgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgY29uc3QgZ29CYWNrID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICBoaXN0b3J5LnB1c2goYC9jbXMvY29udGVudC1tb2RlbHNgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0gY2xhc3NOYW1lPXtzdHlsZXMuYm9keVN0eWxlfT5cbiAgICAgICAgICAgICAgICBNb2RlbCA8c3Ryb25nPntwcm9wcy5tb2RlbC5uYW1lfTwvc3Ryb25nPiBpcyBiZWluZyBkZWxldGVkIGFuZCBjYW5ub3QgYmUgYWNjZXNzZWQgb3JcbiAgICAgICAgICAgICAgICBjaGFuZ2VkLlxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuXG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGEgb25DbGljaz17Z29CYWNrfSBjbGFzc05hbWU9e3N0eWxlcy5saW5rU3R5bGV9PlxuICAgICAgICAgICAgICAgIEdvIGJhY2tcbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+    styles: "cursor:pointer;text-decoration:none;&:hover{text-decoration:underline;};label:linkStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFJvdXRlcyB9IGZyb20gXCJ+L3JvdXRlcy5qc1wiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHBhZGRpbmdUb3A6IFwiMTUlXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbjogXCJhdXRvXCJcbn0pO1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYXV0aEVycm9ySW1nU3R5bGU6IGNzcyh7XG4gICAgICAgIHdpZHRoOiBcIjE5MnB4XCIsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IFwiMjRweFwiXG4gICAgfSksXG4gICAgYm9keVN0eWxlOiBjc3Moe1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgXCIgc3Ryb25nXCI6IHtcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiYm9sZFwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBsaW5rU3R5bGU6IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiXG4gICAgICAgIH1cbiAgICB9KVxufTtcblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZVByb3BzIHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7IGNsYXNzTmFtZSA9IHN0eWxlcy5hdXRoRXJyb3JJbWdTdHlsZSwgYWx0ID0gXCJOb3QgQXV0aG9yaXplZFwiIH06IEltYWdlUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPGltZyBjbGFzc05hbWU9e2NsYXNzTmFtZX0gc3JjPXthdXRoRXJyb3JJbWd9IGFsdD17YWx0fSAvPjtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcyB7XG4gICAgbW9kZWw6IFBpY2s8Q21zTW9kZWwsIFwibmFtZVwiPjtcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvciA9IChwcm9wczogSU1vZGVsSXNCZWluZ0RlbGV0ZWRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgZ29Ub1JvdXRlIH0gPSB1c2VSb3V0ZXIoKTtcblxuICAgIGNvbnN0IGdvQmFjayA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgZ29Ub1JvdXRlKFJvdXRlcy5Db250ZW50TW9kZWxzLkxpc3QpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICA8SGVsbWV0IHRpdGxlPXtcIkNhbm5vdCBhY2Nlc3MgdGhlIG1vZGVsIVwifSAvPlxuICAgICAgICAgICAgPEltYWdlIC8+XG5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifSBjbGFzc05hbWU9e3N0eWxlcy5ib2R5U3R5bGV9PlxuICAgICAgICAgICAgICAgIE1vZGVsIDxzdHJvbmc+e3Byb3BzLm1vZGVsLm5hbWV9PC9zdHJvbmc+IGlzIGJlaW5nIGRlbGV0ZWQgYW5kIGNhbm5vdCBiZSBhY2Nlc3NlZCBvclxuICAgICAgICAgICAgICAgIGNoYW5nZWQuXG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgICA8YSBvbkNsaWNrPXtnb0JhY2t9IGNsYXNzTmFtZT17c3R5bGVzLmxpbmtTdHlsZX0+XG4gICAgICAgICAgICAgICAgR28gYmFja1xuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   })
 };
@@ -61,10 +58,10 @@ const Image = ({
 };
 export const ModelIsBeingDeletedError = props => {
   const {
-    history
+    goToRoute
   } = useRouter();
   const goBack = () => {
-    history.push(`/cms/content-models`);
+    goToRoute(Routes.ContentModels.List);
   };
   return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Helmet, {
     title: "Cannot access the model!"