@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","_Icon","_Draggable","_EMOTION_STRINGIFIED_CSS_ERROR__","FieldContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FileInfo","FieldLabel","FieldDescription","FieldHandle","Field","props","onFieldDragStart","_props$fieldType","fieldType","type","icon","description","createElement","beginDrag","_ref","drag","ref","style","marginBottom","concat","onDragStart","Icon","FieldsSidebar","exports","_ref2","fieldTypePlugin","plugins","byType","Fragment","fieldPlugin","key","field"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import React, { DragEventHandler } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport Draggable from \"../Draggable\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\nconst FieldContainer = styled(\"div\")({\n    padding: \"10px 15px\",\n    marginBottom: 20,\n    display: \"flex\",\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 15,\n    boxSizing: \"border-box\",\n    cursor: \"grab\",\n    opacity: 1,\n    transition: \"opacity 225ms\",\n    \"&:hover\": {\n        opacity: 0.8\n    },\n    \"&:last-child\": {\n        marginBottom: 0\n    }\n});\n\nconst FileInfo = styled(\"div\")({});\n\nconst FieldLabel = styled(\"div\")({\n    textTransform: \"uppercase\",\n    lineHeight: \"145%\",\n    fontFamily: \"var(--mdc-typography-font-family)\",\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst FieldDescription = styled(\"div\")({\n    fontSize: 14,\n    fontFamily: \"var(--mdc-typography-font-family)\",\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst FieldHandle = styled(\"div\")({\n    marginRight: 15,\n    color: \"var(--mdc-theme-on-surface)\"\n});\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                    style={{ marginBottom: 10 }}\n                    data-testid={`cms-editor-fields-field-${type}`}\n                    onDragStart={onFieldDragStart}\n                >\n                    <FieldContainer>\n                        <FieldHandle>\n                            <Icon icon={icon as React.ReactElement} />\n                        </FieldHandle>\n                        <FileInfo>\n                            <FieldLabel>{label}</FieldLabel>\n                            <FieldDescription>{description}</FieldDescription>\n                        </FileInfo>\n                    </FieldContainer>\n                </div>\n            )}\n        </Draggable>\n    );\n};\n\ninterface FieldsSidebarProps {\n    onFieldDragStart: DragEventHandler;\n}\n\nexport const FieldsSidebar = ({ onFieldDragStart }: FieldsSidebarProps) => {\n    const fieldTypePlugin = plugins.byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\");\n\n    return (\n        <React.Fragment>\n            {fieldTypePlugin.map(fieldPlugin => (\n                <Field\n                    key={fieldPlugin.field.type}\n                    fieldType={fieldPlugin.field}\n                    onFieldDragStart={onFieldDragStart}\n                />\n            ))}\n        </React.Fragment>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/admin/components/ContentModelEditor/Header.js

@@ -1,34 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var _plugins = require("@webiny/app/plugins");
-var _emotion = require("emotion");
-var topBar = (0, _emotion.css)({
-  boxShadow: "1px 0px 5px 0px rgba(128,128,128,1)"
-});
-var EditorBar = function EditorBar() {
-  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, {
-    className: topBar,
-    fixed: true,
-    "data-testid": "cms-editor-top-bar"
-  }, /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-    style: {
-      width: "50%"
-    },
-    alignEnd: true
-  }, (0, _plugins.renderPlugins)("content-model-editor-default-bar-left")), /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-    style: {
-      width: "50%"
-    },
-    alignEnd: true
-  }, (0, _plugins.renderPlugins)("content-model-editor-default-bar-right")));
+import React from "react";
+import { HeaderBar } from "@webiny/admin-ui";
+import { renderPlugins } from "@webiny/app/plugins";
+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"
+    }, renderPlugins("content-model-editor-default-bar-left")),
+    end: /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-items-center wby-justify-end wby-gap-xs"
+    }, renderPlugins("content-model-editor-default-bar-right"))
+  });
 };
-var _default = exports.default = EditorBar;
+export default EditorBar;
 
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_plugins","_emotion","topBar","css","boxShadow","EditorBar","default","createElement","TopAppBar","className","fixed","TopAppBarSection","style","width","alignEnd","renderPlugins","_default","exports"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { renderPlugins } from \"@webiny/app/plugins\";\n\nimport { css } from \"emotion\";\n\nconst topBar = css({\n    boxShadow: \"1px 0px 5px 0px rgba(128,128,128,1)\"\n});\n\nconst EditorBar = () => {\n    return (\n        <TopAppBar className={topBar} fixed data-testid={\"cms-editor-top-bar\"}>\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-left\")}\n            </TopAppBarSection>\n\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-right\")}\n            </TopAppBarSection>\n        </TopAppBar>\n    );\n};\n\nexport default EditorBar;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAMI,MAAM,GAAG,IAAAC,YAAG,EAAC;EACfC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAS,SAAS;IAACC,SAAS,EAAEP,MAAO;IAACQ,KAAK;IAAC,eAAa;EAAqB,gBAClEd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAY,gBAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAM,CAAE;IAACC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,uCAAuC,CACxC,CAAC,eAEnBnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAY,gBAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAM,CAAE;IAACC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,wCAAwC,CACzC,CACX,CAAC;AAEpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEaD,SAAS","ignoreList":[]}
+{"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":[]}

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

@@ -1,20 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelIsBeingDeletedError = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var React = _interopRequireWildcard(require("react"));
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-var _emotion = require("emotion");
-var _Typography = require("@webiny/ui/Typography");
-var _SecureRouteError = _interopRequireDefault(require("./SecureRouteError.svg"));
-var _reactRouter = require("@webiny/react-router");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import * as React from "react";
+import Helmet from "react-helmet";
+import { css } from "@emotion/css";
+import { Typography } from "@webiny/ui/Typography";
+import authErrorImg from "./SecureRouteError.svg";
+import { useRouter } from "@webiny/react-router";
+const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e4og8xm0"
 } : {
   target: "e4og8xm0",
@@ -25,49 +17,58 @@ var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
 } : {
   name: "11cfxg3",
   styles: "display:block;padding-top:15%;text-align:center;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvcmVhY3Qtcm91dGVyXCI7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcGFkZGluZ1RvcDogXCIxNSVcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luOiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBhdXRoRXJyb3JJbWdTdHlsZTogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiMTkycHhcIixcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogXCIyNHB4XCJcbiAgICB9KSxcbiAgICBib2R5U3R5bGU6IGNzcyh7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBcIiBzdHJvbmdcIjoge1xuICAgICAgICAgICAgZm9udFdlaWdodDogXCJib2xkXCJcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGxpbmtTdHlsZTogY3NzKHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCJcbiAgICAgICAgfVxuICAgIH0pXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlUHJvcHMge1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEltYWdlID0gKHsgY2xhc3NOYW1lID0gc3R5bGVzLmF1dGhFcnJvckltZ1N0eWxlLCBhbHQgPSBcIk5vdCBBdXRob3JpemVkXCIgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8aW1nIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcmM9e2F1dGhFcnJvckltZ30gYWx0PXthbHR9IC8+O1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJuYW1lXCI+O1xufVxuXG5leHBvcnQgY29uc3QgTW9kZWxJc0JlaW5nRGVsZXRlZEVycm9yID0gKHByb3BzOiBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBoaXN0b3J5IH0gPSB1c2VSb3V0ZXIoKTtcblxuICAgIGNvbnN0IGdvQmFjayA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgaGlzdG9yeS5wdXNoKGAvY21zL2NvbnRlbnQtbW9kZWxzYCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAgICAgIDxIZWxtZXQgdGl0bGU9e1wiQ2Fubm90IGFjY2VzcyB0aGUgbW9kZWwhXCJ9IC8+XG4gICAgICAgICAgICA8SW1hZ2UgLz5cblxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9IGNsYXNzTmFtZT17c3R5bGVzLmJvZHlTdHlsZX0+XG4gICAgICAgICAgICAgICAgTW9kZWwgPHN0cm9uZz57cHJvcHMubW9kZWwubmFtZX08L3N0cm9uZz4gaXMgYmVpbmcgZGVsZXRlZCBhbmQgY2Fubm90IGJlIGFjY2Vzc2VkIG9yXG4gICAgICAgICAgICAgICAgY2hhbmdlZC5cbiAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cblxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgIDxhIG9uQ2xpY2s9e2dvQmFja30gY2xhc3NOYW1lPXtzdHlsZXMubGlua1N0eWxlfT5cbiAgICAgICAgICAgICAgICBHbyBiYWNrXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IGF1dGhFcnJvckltZyBmcm9tIFwiLi9TZWN1cmVSb3V0ZUVycm9yLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbCB9IGZyb20gXCJAd2ViaW55L2FwcC1oZWFkbGVzcy1jbXMtY29tbW9uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGhpc3RvcnkgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgY29uc3QgZ29CYWNrID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICBoaXN0b3J5LnB1c2goYC9jbXMvY29udGVudC1tb2RlbHNgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0gY2xhc3NOYW1lPXtzdHlsZXMuYm9keVN0eWxlfT5cbiAgICAgICAgICAgICAgICBNb2RlbCA8c3Ryb25nPntwcm9wcy5tb2RlbC5uYW1lfTwvc3Ryb25nPiBpcyBiZWluZyBkZWxldGVkIGFuZCBjYW5ub3QgYmUgYWNjZXNzZWQgb3JcbiAgICAgICAgICAgICAgICBjaGFuZ2VkLlxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuXG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGEgb25DbGljaz17Z29CYWNrfSBjbGFzc05hbWU9e3N0eWxlcy5saW5rU3R5bGV9PlxuICAgICAgICAgICAgICAgIEdvIGJhY2tcbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var styles = {
-  authErrorImgStyle: (0, _emotion.css)({
-    width: "192px",
-    paddingBottom: "24px"
+const styles = {
+  authErrorImgStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "kayry4",
+    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= */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
-  bodyStyle: (0, _emotion.css)({
-    color: "var(--mdc-theme-text-primary-on-background)",
-    display: "block",
-    " strong": {
-      fontWeight: "bold"
-    }
+  bodyStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "cz0plx",
+    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== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
-  linkStyle: (0, _emotion.css)({
-    cursor: "pointer",
-    textDecoration: "none",
-    "&:hover": {
-      textDecoration: "underline"
-    }
+  linkStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "1gayxz4",
+    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== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   })
 };
-var Image = function Image(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? styles.authErrorImgStyle : _ref$className,
-    _ref$alt = _ref.alt,
-    alt = _ref$alt === void 0 ? "Not Authorized" : _ref$alt;
+const Image = ({
+  className = styles.authErrorImgStyle,
+  alt = "Not Authorized"
+}) => {
   return /*#__PURE__*/React.createElement("img", {
     className: className,
-    src: _SecureRouteError.default,
+    src: authErrorImg,
     alt: alt
   });
 };
-var ModelIsBeingDeletedError = exports.ModelIsBeingDeletedError = function ModelIsBeingDeletedError(props) {
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
-  var goBack = function goBack() {
-    history.push("/cms/content-models");
+export const ModelIsBeingDeletedError = props => {
+  const {
+    history
+  } = useRouter();
+  const goBack = () => {
+    history.push(`/cms/content-models`);
   };
-  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(_reactHelmet.default, {
+  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Helmet, {
     title: "Cannot access the model!"
-  }), /*#__PURE__*/React.createElement(Image, null), /*#__PURE__*/React.createElement(_Typography.Typography, {
+  }), /*#__PURE__*/React.createElement(Image, null), /*#__PURE__*/React.createElement(Typography, {
     use: "body1",
     className: styles.bodyStyle
   }, "Model ", /*#__PURE__*/React.createElement("strong", null, props.model.name), " is being deleted and cannot be accessed or changed."), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement("a", {

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactHelmet","_interopRequireDefault","_emotion","_Typography","_SecureRouteError","_reactRouter","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","authErrorImgStyle","css","width","paddingBottom","bodyStyle","color","display","fontWeight","linkStyle","cursor","textDecoration","Image","_ref","_ref$className","className","_ref$alt","alt","createElement","src","authErrorImg","ModelIsBeingDeletedError","exports","props","_useRouter","useRouter","history","goBack","push","title","Typography","use","model","onClick"],"sources":["ModelIsBeingDeletedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Helmet from \"react-helmet\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { useRouter } from \"@webiny/react-router\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\",\n        \" strong\": {\n            fontWeight: \"bold\"\n        }\n    }),\n    linkStyle: css({\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"underline\"\n        }\n    })\n};\n\nexport interface ImageProps {\n    className?: string;\n    alt?: string;\n}\n\nconst Image = ({ className = styles.authErrorImgStyle, alt = \"Not Authorized\" }: ImageProps) => {\n    return <img className={className} src={authErrorImg} alt={alt} />;\n};\n\nexport interface IModelIsBeingDeletedProps {\n    model: Pick<CmsModel, \"name\">;\n}\n\nexport const ModelIsBeingDeletedError = (props: IModelIsBeingDeletedProps) => {\n    const { history } = useRouter();\n\n    const goBack = (): void => {\n        history.push(`/cms/content-models`);\n    };\n\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Cannot access the model!\"} />\n            <Image />\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                Model <strong>{props.model.name}</strong> is being deleted and cannot be accessed or\n                changed.\n            </Typography>\n\n            <p>\n                <br />\n            </p>\n\n            <a onClick={goBack} className={styles.linkStyle}>\n                Go back\n            </a>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAEA,IAAAM,YAAA,GAAAN,OAAA;AAAiD,SAAAO,iCAAA;AAEjD,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAKnC,CAAC;AAEF,IAAMU,MAAM,GAAG;EACXG,iBAAiB,EAAE,IAAAC,YAAG,EAAC;IACnBC,KAAK,EAAE,OAAO;IACdC,aAAa,EAAE;EACnB,CAAC,CAAC;EACFC,SAAS,EAAE,IAAAH,YAAG,EAAC;IACXI,KAAK,EAAE,6CAA6C;IACpDC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;MACPC,UAAU,EAAE;IAChB;EACJ,CAAC,CAAC;EACFC,SAAS,EAAE,IAAAP,YAAG,EAAC;IACXQ,MAAM,EAAE,SAAS;IACjBC,cAAc,EAAE,MAAM;IACtB,SAAS,EAAE;MACPA,cAAc,EAAE;IACpB;EACJ,CAAC;AACL,CAAC;AAOD,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAqF;EAAA,IAAAC,cAAA,GAAAD,IAAA,CAA/EE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAGhB,MAAM,CAACG,iBAAiB,GAAAa,cAAA;IAAAE,QAAA,GAAAH,IAAA,CAAEI,GAAG;IAAHA,GAAG,GAAAD,QAAA,cAAG,gBAAgB,GAAAA,QAAA;EACzE,oBAAOrC,KAAA,CAAAuC,aAAA;IAAKH,SAAS,EAAEA,SAAU;IAACI,GAAG,EAAEC,yBAAa;IAACH,GAAG,EAAEA;EAAI,CAAE,CAAC;AACrE,CAAC;AAMM,IAAMI,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,KAAgC,EAAK;EAC1E,IAAAC,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EAEf,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAe;IACvBD,OAAO,CAACE,IAAI,sBAAsB,CAAC;EACvC,CAAC;EAED,oBACIjD,KAAA,CAAAuC,aAAA,CAAC7B,cAAc,qBACXV,KAAA,CAAAuC,aAAA,CAACpC,YAAA,CAAAS,OAAM;IAACsC,KAAK,EAAE;EAA2B,CAAE,CAAC,eAC7ClD,KAAA,CAAAuC,aAAA,CAACN,KAAK,MAAE,CAAC,eAETjC,KAAA,CAAAuC,aAAA,CAACjC,WAAA,CAAA6C,UAAU;IAACC,GAAG,EAAE,OAAQ;IAAChB,SAAS,EAAEjB,MAAM,CAACO;EAAU,GAAC,QAC7C,eAAA1B,KAAA,CAAAuC,aAAA,iBAASK,KAAK,CAACS,KAAK,CAACnC,IAAa,CAAC,wDAEjC,CAAC,eAEblB,KAAA,CAAAuC,aAAA,yBACIvC,KAAA,CAAAuC,aAAA,WAAK,CACN,CAAC,eAEJvC,KAAA,CAAAuC,aAAA;IAAGe,OAAO,EAAEN,MAAO;IAACZ,SAAS,EAAEjB,MAAM,CAACW;EAAU,GAAC,SAE9C,CACS,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Helmet","css","Typography","authErrorImg","useRouter","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","authErrorImgStyle","bodyStyle","linkStyle","Image","className","alt","createElement","src","ModelIsBeingDeletedError","props","history","goBack","push","title","use","model","onClick"],"sources":["ModelIsBeingDeletedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Helmet from \"react-helmet\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { useRouter } from \"@webiny/react-router\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\",\n        \" strong\": {\n            fontWeight: \"bold\"\n        }\n    }),\n    linkStyle: css({\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"underline\"\n        }\n    })\n};\n\nexport interface ImageProps {\n    className?: string;\n    alt?: string;\n}\n\nconst Image = ({ className = styles.authErrorImgStyle, alt = \"Not Authorized\" }: ImageProps) => {\n    return <img className={className} src={authErrorImg} alt={alt} />;\n};\n\nexport interface IModelIsBeingDeletedProps {\n    model: Pick<CmsModel, \"name\">;\n}\n\nexport const ModelIsBeingDeletedError = (props: IModelIsBeingDeletedProps) => {\n    const { history } = useRouter();\n\n    const goBack = (): void => {\n        history.push(`/cms/content-models`);\n    };\n\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Cannot access the model!\"} />\n            <Image />\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                Model <strong>{props.model.name}</strong> is being deleted and cannot be accessed or\n                changed.\n            </Typography>\n\n            <p>\n                <br />\n            </p>\n\n            <a onClick={goBack} className={styles.linkStyle}>\n                Go back\n            </a>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,YAAY;AAEnB,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAKnC,CAAC;AAEF,MAAMH,MAAM,GAAG;EACXI,iBAAiB,eAAEhB,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC;EAAA,CAGrB,CAAC;EACFE,SAAS,eAAEjB,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC;EAAA,CAMb,CAAC;EACFG,SAAS,eAAElB,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC;EAAA,CAMb;AACL,CAAC;AAOD,MAAMI,KAAK,GAAGA,CAAC;EAAEC,SAAS,GAAGR,MAAM,CAACI,iBAAiB;EAAEK,GAAG,GAAG;AAA6B,CAAC,KAAK;EAC5F,oBAAOvB,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAEA,SAAU;IAACG,GAAG,EAAErB,YAAa;IAACmB,GAAG,EAAEA;EAAI,CAAE,CAAC;AACrE,CAAC;AAMD,OAAO,MAAMG,wBAAwB,GAAIC,KAAgC,IAAK;EAC1E,MAAM;IAAEC;EAAQ,CAAC,GAAGvB,SAAS,CAAC,CAAC;EAE/B,MAAMwB,MAAM,GAAGA,CAAA,KAAY;IACvBD,OAAO,CAACE,IAAI,CAAC,qBAAqB,CAAC;EACvC,CAAC;EAED,oBACI9B,KAAA,CAAAwB,aAAA,CAAClB,cAAc,qBACXN,KAAA,CAAAwB,aAAA,CAACvB,MAAM;IAAC8B,KAAK,EAAE;EAA2B,CAAE,CAAC,eAC7C/B,KAAA,CAAAwB,aAAA,CAACH,KAAK,MAAE,CAAC,eAETrB,KAAA,CAAAwB,aAAA,CAACrB,UAAU;IAAC6B,GAAG,EAAE,OAAQ;IAACV,SAAS,EAAER,MAAM,CAACK;EAAU,GAAC,QAC7C,eAAAnB,KAAA,CAAAwB,aAAA,iBAASG,KAAK,CAACM,KAAK,CAACpB,IAAa,CAAC,wDAEjC,CAAC,eAEbb,KAAA,CAAAwB,aAAA,yBACIxB,KAAA,CAAAwB,aAAA,WAAK,CACN,CAAC,eAEJxB,KAAA,CAAAwB,aAAA;IAAGU,OAAO,EAAEL,MAAO;IAACP,SAAS,EAAER,MAAM,CAACM;EAAU,GAAC,SAE9C,CACS,CAAC;AAEzB,CAAC","ignoreList":[]}

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ModelIsBeingDeletedError", {
-  enumerable: true,
-  get: function get() {
-    return _ModelIsBeingDeletedError.ModelIsBeingDeletedError;
-  }
-});
-var _ModelIsBeingDeletedError = require("./ModelIsBeingDeletedError");
+export { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ModelIsBeingDeletedError","require"],"sources":["index.ts"],"sourcesContent":["export { ModelIsBeingDeletedError } from \"./ModelIsBeingDeletedError\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["ModelIsBeingDeletedError"],"sources":["index.ts"],"sourcesContent":["export { ModelIsBeingDeletedError } from \"./ModelIsBeingDeletedError\";\n"],"mappings":"AAAA,SAASA,wBAAwB","ignoreList":[]}

package/admin/components/ContentModelEditor/PreviewTab.d.ts

@@ -1,2 +1,2 @@
-import { CmsEditorContentTab } from "../../../types";
+import type { CmsEditorContentTab } from "../../../types";
 export declare const PreviewTab: CmsEditorContentTab;

package/admin/components/ContentModelEditor/PreviewTab.js

@@ -1,41 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PreviewTab = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Elevation = require("@webiny/ui/Elevation");
-var _i18n = require("@webiny/app/i18n");
-var _hooks = require("../../hooks");
-var _ContentEntryFormPreview = require("../ContentEntryForm/ContentEntryFormPreview");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/components/editor/tabs/preview");
-var formPreviewWrapper = (0, _emotion.css)({
-  padding: 40,
-  margin: 40,
-  boxSizing: "border-box"
-});
-var style = {
-  noFieldsMessage: (0, _emotion.css)({
-    textAlign: "center"
-  })
-};
-var PreviewTab = exports.PreviewTab = function PreviewTab(_ref) {
-  var activeTab = _ref.activeTab;
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    data = _useModelEditor.data;
-  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 1,
-    className: formPreviewWrapper
-  }, data.fields && data.fields.length && activeTab ? /*#__PURE__*/_react.default.createElement(_ContentEntryFormPreview.ContentEntryFormPreview, {
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { useModelEditor } from "../../hooks";
+import { ContentEntryFormPreview } from "../ContentEntryForm/ContentEntryFormPreview";
+import { Alert } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/components/editor/tabs/preview");
+export const PreviewTab = ({
+  activeTab
+}) => {
+  const {
+    data
+  } = useModelEditor();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data.fields && data.fields.length && activeTab ? /*#__PURE__*/React.createElement(ContentEntryFormPreview, {
     contentModel: data
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: style.noFieldsMessage
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Before previewing the form, please add at least one field to the content model."])))));
+  }) : /*#__PURE__*/React.createElement(Alert, {
+    type: "warning"
+  }, t`Before previewing the form, please add at least one field to the content model.`));
 };
 
 //# sourceMappingURL=PreviewTab.js.map

package/admin/components/ContentModelEditor/PreviewTab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Elevation","_i18n","_hooks","_ContentEntryFormPreview","_templateObject","t","i18n","ns","formPreviewWrapper","css","padding","margin","boxSizing","style","noFieldsMessage","textAlign","PreviewTab","exports","_ref","activeTab","_useModelEditor","useModelEditor","data","default","createElement","Elevation","z","className","fields","length","ContentEntryFormPreview","contentModel","_taggedTemplateLiteral2"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentTab } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nconst formPreviewWrapper = css({\n    padding: 40,\n    margin: 40,\n    boxSizing: \"border-box\"\n});\n\nconst style = {\n    noFieldsMessage: css({\n        textAlign: \"center\"\n    })\n};\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <Elevation z={1} className={formPreviewWrapper}>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <div className={style.noFieldsMessage}>\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </div>\n            )}\n        </Elevation>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAAsF,IAAAM,eAAA;AAEtF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uDAAuD,CAAC;AAE1E,IAAMC,kBAAkB,GAAG,IAAAC,YAAG,EAAC;EAC3BC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,KAAK,GAAG;EACVC,eAAe,EAAE,IAAAL,YAAG,EAAC;IACjBM,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAEM,IAAMC,UAA+B,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAlCA,UAA+BA,CAAAE,IAAA,EAAsB;EAAA,IAAhBC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACvD,IAAAC,eAAA,GAAiB,IAAAC,qBAAc,EAAC,CAAC;IAAzBC,IAAI,GAAAF,eAAA,CAAJE,IAAI;EAEZ,oBACI1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,UAAA,CAAAyB,SAAS;IAACC,CAAC,EAAE,CAAE;IAACC,SAAS,EAAEnB;EAAmB,GAC1Cc,IAAI,CAACM,MAAM,IAAIN,IAAI,CAACM,MAAM,CAACC,MAAM,IAAIV,SAAS,gBAC3CvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACrB,wBAAA,CAAA2B,uBAAuB;IAACC,YAAY,EAAET;EAAK,CAAE,CAAC,gBAE/C1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA;IAAKG,SAAS,EAAEd,KAAK,CAACC;EAAgB,GACjCT,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAA4B,uBAAA,CAAAT,OAAA,wFACD,CAEF,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","useModelEditor","ContentEntryFormPreview","Alert","t","ns","PreviewTab","activeTab","data","createElement","Fragment","fields","length","contentModel","type"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsEditorContentTab } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <Alert type=\"warning\">\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </Alert>\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc;AACvB,SAASC,uBAAuB;AAChC,SAASC,KAAK,QAAQ,kBAAkB;AAExC,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,uDAAuD,CAAC;AAE1E,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAAEC;AAAU,CAAC,KAAK;EAC9D,MAAM;IAAEC;EAAK,CAAC,GAAGP,cAAc,CAAC,CAAC;EAEjC,oBACIF,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACKF,IAAI,CAACG,MAAM,IAAIH,IAAI,CAACG,MAAM,CAACC,MAAM,IAAIL,SAAS,gBAC3CR,KAAA,CAAAU,aAAA,CAACP,uBAAuB;IAACW,YAAY,EAAEL;EAAK,CAAE,CAAC,gBAE/CT,KAAA,CAAAU,aAAA,CAACN,KAAK;IAACW,IAAI,EAAC;EAAS,GAChBV,CAAC,iFACC,CAEb,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/ContentModelEditor/index.js

@@ -1,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ContentModelEditorProvider = require("./ContentModelEditorProvider");
-Object.keys(_ContentModelEditorProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ContentModelEditorProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ContentModelEditorProvider[key];
-    }
-  });
-});
-var _useModelEditor = require("./useModelEditor");
-Object.keys(_useModelEditor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useModelEditor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useModelEditor[key];
-    }
-  });
-});
+export * from "./ContentModelEditorProvider";
+export * from "./useModelEditor";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentModelEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ContentModelEditorProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useModelEditor"],"sources":["index.ts"],"sourcesContent":["export * from \"./ContentModelEditorProvider\";\nexport * from \"./useModelEditor\";\n"],"mappings":";;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,2BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,2BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,2BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ContentModelEditorProvider\";\nexport * from \"./useModelEditor\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/admin/components/ContentModelEditor/useModelEditor.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModelEditor = useModelEditor;
-var _react = _interopRequireDefault(require("react"));
-var _ContentModelEditorProvider = require("./ContentModelEditorProvider");
-function useModelEditor() {
-  var context = _react.default.useContext(_ContentModelEditorProvider.contentModelEditorContext);
+import React from "react";
+import { contentModelEditorContext } from "./ContentModelEditorProvider";
+export function useModelEditor() {
+  const context = React.useContext(contentModelEditorContext);
   if (!context) {
     throw new Error("useContentModelEditor must be used within a ContentModelEditorProvider");
   }

package/admin/components/ContentModelEditor/useModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ContentModelEditorProvider","useModelEditor","context","React","useContext","contentModelEditorContext","Error"],"sources":["useModelEditor.ts"],"sourcesContent":["import React from \"react\";\nimport { contentModelEditorContext } from \"./ContentModelEditorProvider\";\n\nexport function useModelEditor() {\n    const context = React.useContext(contentModelEditorContext);\n    if (!context) {\n        throw new Error(\"useContentModelEditor must be used within a ContentModelEditorProvider\");\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAAA,EAAG;EAC7B,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,qDAAyB,CAAC;EAC3D,IAAI,CAACH,OAAO,EAAE;IACV,MAAM,IAAII,KAAK,CAAC,wEAAwE,CAAC;EAC7F;EAEA,OAAOJ,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["React","contentModelEditorContext","useModelEditor","context","useContext","Error"],"sources":["useModelEditor.ts"],"sourcesContent":["import React from \"react\";\nimport { contentModelEditorContext } from \"./ContentModelEditorProvider\";\n\nexport function useModelEditor() {\n    const context = React.useContext(contentModelEditorContext);\n    if (!context) {\n        throw new Error(\"useContentModelEditor must be used within a ContentModelEditorProvider\");\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB;AAElC,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC7B,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,yBAAyB,CAAC;EAC3D,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,wEAAwE,CAAC;EAC7F;EAEA,OAAOF,OAAO;AAClB","ignoreList":[]}