@webiny/app 5.44.1-beta.0 → 5.45.0-beta.0

package/plugins/ConsoleLinkPlugin.js

@@ -1,47 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleLinkPlugin = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _apolloLink = require("apollo-link");
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 /**
  * This link checks for presence of `extensions.console` in the response and logs all items to browser console.
  */
-var ConsoleLinkPlugin = exports.ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  function ConsoleLinkPlugin() {
-    (0, _classCallCheck2.default)(this, ConsoleLinkPlugin);
-    return (0, _callSuper2.default)(this, ConsoleLinkPlugin, arguments);
-  }
-  (0, _inherits2.default)(ConsoleLinkPlugin, _ApolloLinkPlugin);
-  return (0, _createClass2.default)(ConsoleLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      return new _apolloLink.ApolloLink(function (operation, forward) {
-        var firstDefinition = operation.query.definitions[0];
-        var isQuery = firstDefinition["operation"] === "query";
-        return forward(operation).map(function (data) {
-          if (data.extensions && Array.isArray(data.extensions.console) && data.extensions.console.length) {
-            var variables = isQuery ? JSON.stringify(operation.variables) : "{ see request details in the Network tab }";
-            console.groupCollapsed("Logs for graphQL ".concat(isQuery ? "query" : "mutation", ": %c").concat(operation.operationName || "anonymous operation", " %c").concat(variables, "%c"), "color: #fa5a28", "color: #6b6b6b", "color: black");
-            data.extensions.console.forEach(function (log) {
-              var _console;
-              (_console = console)[log.method].apply(_console, (0, _toConsumableArray2.default)(log.args));
-            });
-            console.groupEnd();
-          }
-          return data;
-        });
+export class ConsoleLinkPlugin extends ApolloLinkPlugin {
+  createLink() {
+    return new ApolloLink((operation, forward) => {
+      const firstDefinition = operation.query.definitions[0];
+      const isQuery = firstDefinition["operation"] === "query";
+      return forward(operation).map(data => {
+        if (data.extensions && Array.isArray(data.extensions.console) && data.extensions.console.length) {
+          const variables = isQuery ? JSON.stringify(operation.variables) : "{ see request details in the Network tab }";
+          console.groupCollapsed(`Logs for graphQL ${isQuery ? "query" : "mutation"}: %c${operation.operationName || "anonymous operation"} %c${variables}%c`, "color: #fa5a28", "color: #6b6b6b", "color: black");
+          data.extensions.console.forEach(log => {
+            console[log.method](...log.args);
+          });
+          console.groupEnd();
+        }
+        return data;
       });
-    }
-  }]);
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+    });
+  }
+}
 
 //# sourceMappingURL=ConsoleLinkPlugin.js.map

package/plugins/ConsoleLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloLink","require","_ApolloLinkPlugin2","ConsoleLinkPlugin","exports","_ApolloLinkPlugin","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","createLink","ApolloLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","concat","operationName","forEach","log","_console","method","apply","_toConsumableArray2","args","groupEnd","ApolloLinkPlugin"],"sources":["ConsoleLinkPlugin.ts"],"sourcesContent":["import { ApolloLink, FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { OperationDefinitionNode } from \"graphql/language/ast\";\n\ninterface Log {\n    args: any[];\n    method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n    extensions?: {\n        console?: Log[];\n    };\n}\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return new ApolloLink((operation, forward) => {\n            const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n            const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n            return forward(operation).map((data: FetchResult) => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach((log: Log) => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAcA;AACA;AACA;AAFA,IAGaE,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,iBAAA;EAAA,SAAAF,kBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,iBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,iBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,iBAAA,EAAAE,iBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC1B,SAAgBC,UAAUA,CAAA,EAAG;MACzB,OAAO,IAAIC,sBAAU,CAAC,UAACC,SAAS,EAAEC,OAAO,EAAK;QAC1C,IAAMC,eAAe,GAAGF,SAAS,CAACG,KAAK,CAACC,WAAW,CAAC,CAAC,CAA4B;QACjF,IAAMC,OAAO,GAAGH,eAAe,CAAC,WAAW,CAAC,KAAK,OAAO;QAExD,OAAOD,OAAO,CAACD,SAAS,CAAC,CAACM,GAAG,CAAC,UAACC,IAAiB,EAAK;UACjD,IACIA,IAAI,CAACC,UAAU,IACfC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACC,UAAU,CAACG,OAAO,CAAC,IACtCJ,IAAI,CAACC,UAAU,CAACG,OAAO,CAACC,MAAM,EAChC;YACE,IAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAS,CAACf,SAAS,CAACa,SAAS,CAAC,GACnC,4CAA4C;YAClDF,OAAO,CAACK,cAAc,qBAAAC,MAAA,CACEZ,OAAO,GAAG,OAAO,GAAG,UAAU,UAAAY,MAAA,CAC9CjB,SAAS,CAACkB,aAAa,IAAI,qBAAqB,SAAAD,MAAA,CAC9CJ,SAAS,SACf,gBAAgB,EAChB,gBAAgB,EAChB,cACJ,CAAC;YACDN,IAAI,CAACC,UAAU,CAACG,OAAO,CAACQ,OAAO,CAAC,UAACC,GAAQ,EAAK;cAAA,IAAAC,QAAA;cAC1C,CAAAA,QAAA,GAAAV,OAAO,EAACS,GAAG,CAACE,MAAM,CAAC,CAAAC,KAAA,CAAAF,QAAA,MAAAG,mBAAA,CAAAjC,OAAA,EAAI6B,GAAG,CAACK,IAAI,EAAC;YACpC,CAAC,CAAC;YACFd,OAAO,CAACe,QAAQ,CAAC,CAAC;UACtB;UAEA,OAAOnB,IAAI;QACf,CAAC,CAAC;MACN,CAAC,CAAC;IACN;EAAC;AAAA,EAhCkCoB,mCAAgB","ignoreList":[]}
+{"version":3,"names":["ApolloLink","ApolloLinkPlugin","ConsoleLinkPlugin","createLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","args","groupEnd"],"sources":["ConsoleLinkPlugin.ts"],"sourcesContent":["import type { FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { OperationDefinitionNode } from \"graphql/language/ast.js\";\n\ninterface Log {\n    args: any[];\n    method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n    extensions?: {\n        console?: Log[];\n    };\n}\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return new ApolloLink((operation, forward) => {\n            const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n            const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n            return forward(operation).map((data: FetchResult) => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach((log: Log) => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,gBAAgB;AAczB;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACpCE,UAAUA,CAAA,EAAG;IACzB,OAAO,IAAIH,UAAU,CAAC,CAACI,SAAS,EAAEC,OAAO,KAAK;MAC1C,MAAMC,eAAe,GAAGF,SAAS,CAACG,KAAK,CAACC,WAAW,CAAC,CAAC,CAA4B;MACjF,MAAMC,OAAO,GAAGH,eAAe,CAAC,WAAW,CAAC,KAAK,OAAO;MAExD,OAAOD,OAAO,CAACD,SAAS,CAAC,CAACM,GAAG,CAAEC,IAAiB,IAAK;QACjD,IACIA,IAAI,CAACC,UAAU,IACfC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACC,UAAU,CAACG,OAAO,CAAC,IACtCJ,IAAI,CAACC,UAAU,CAACG,OAAO,CAACC,MAAM,EAChC;UACE,MAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAS,CAACf,SAAS,CAACa,SAAS,CAAC,GACnC,4CAA4C;UAClDF,OAAO,CAACK,cAAc,CAClB,oBAAoBX,OAAO,GAAG,OAAO,GAAG,UAAU,OAC9CL,SAAS,CAACiB,aAAa,IAAI,qBAAqB,MAC9CJ,SAAS,IAAI,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cACJ,CAAC;UACDN,IAAI,CAACC,UAAU,CAACG,OAAO,CAACO,OAAO,CAAEC,GAAQ,IAAK;YAC1CR,OAAO,CAACQ,GAAG,CAACC,MAAM,CAAC,CAAC,GAAGD,GAAG,CAACE,IAAI,CAAC;UACpC,CAAC,CAAC;UACFV,OAAO,CAACW,QAAQ,CAAC,CAAC;QACtB;QAEA,OAAOf,IAAI;MACf,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts

@@ -1,14 +1,9 @@
 import React from "react";
-interface ErrorOverlayProps {
-    query: string;
-    networkError: {
-        message: string;
-        result?: {
-            error?: {
-                stack?: string;
-            };
-        };
-    };
-}
-declare const ErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element | null;
-export default ErrorOverlay;
+type ErrorOverlayProps = Partial<{
+    title: React.ReactNode;
+    message: React.ReactNode;
+    description: React.ReactNode;
+    closeable?: boolean;
+}>;
+export declare const ErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element | null;
+export {};

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

@@ -1,78 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Button = require("@webiny/ui/Button");
-var _Typography = require("@webiny/ui/Typography");
-var _i18n = require("../../i18n");
-var _StyledComponents = require("./StyledComponents");
-var _close_24px = require("./assets/close_24px.svg");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var t = _i18n.i18n.ns("app/graphql/error-overlay");
-var ENVIRONMENT_VARIABLES_ARTICLE_LINK = "https://www.webiny.com/docs/how-to-guides/environment-variables";
-var ErrorOverlay = function ErrorOverlay(props) {
-  var query = props.query,
-    networkError = props.networkError;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  // Log error in browser's developer console for further inspection.
-  console.error({
-    networkError: networkError
-  });
+import React, { useState } from "react";
+import { Typography } from "./Typography.js";
+import { i18n } from "../../i18n/index.js";
+import { OverlayWrapper } from "./StyledComponents.js";
+import { ReactComponent as CloseIcon } from "./assets/close_24px.svg";
+const t = i18n.ns("app/graphql/error-overlay");
+const ENVIRONMENT_VARIABLES_ARTICLE_LINK = "https://www.webiny.com/docs/how-to-guides/environment-variables";
+export const ErrorOverlay = props => {
+  const {
+    title = "An error occurred",
+    message,
+    description,
+    closeable
+  } = props;
+  const [open, setOpen] = useState(true);
   if (!open) {
     return null;
   }
-  var stackTrace = (0, _get.default)(networkError, "result.error.stack");
-  return /*#__PURE__*/_react.default.createElement(_StyledComponents.OverlayWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement(OverlayWrapper, null, /*#__PURE__*/React.createElement("div", {
     className: "inner"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "header__title"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline4"
-  }, networkError.message)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline"
+  }, title)), closeable !== false && /*#__PURE__*/React.createElement("div", {
     className: "header__action"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close_24px.ReactComponent, null),
-    onClick: function onClick() {
-      return setOpen(false);
-    }
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: () => setOpen(false)
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)))), /*#__PURE__*/React.createElement("div", {
     className: "body"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "body__summary"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Error occurred while executing operation:"])))), /*#__PURE__*/_react.default.createElement(_StyledComponents.Pre, null, /*#__PURE__*/_react.default.createElement("code", null, query))), stackTrace && /*#__PURE__*/_react.default.createElement("div", {
+  }, message), description && /*#__PURE__*/React.createElement("div", {
     className: "body__description"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Complete stack trace:"])))), /*#__PURE__*/_react.default.createElement(_StyledComponents.Pre, null, /*#__PURE__*/_react.default.createElement("code", null, stackTrace)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, description)), /*#__PURE__*/React.createElement("div", {
     className: "footer"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. "])))({
-    message: /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body"
+  }, t`
+                        This screen is only visible if {message} environment variable is set.
+                        Read more about it in the {link}. `({
+    message: /*#__PURE__*/React.createElement("span", {
       className: "highlight"
     }, "`REACT_APP_DEBUG=true`"),
-    link: /*#__PURE__*/_react.default.createElement("a", {
+    link: /*#__PURE__*/React.createElement("a", {
       href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,
       target: "_blank",
       rel: "noreferrer noopener"
     }, "environment variables article")
-  }), /*#__PURE__*/_react.default.createElement("br", null), t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Open your browser's developer console to further inspect this error."])))))));
+  }), /*#__PURE__*/React.createElement("br", null), t`Open your browser's developer console to further inspect this error.`))));
 };
-var _default = exports.default = ErrorOverlay;
 
 //# sourceMappingURL=ErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_Button","_Typography","_i18n","_StyledComponents","_close_24px","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","_useState","useState","_useState2","_slicedToArray2","default","open","setOpen","console","error","stackTrace","get","createElement","OverlayWrapper","className","Typography","use","message","IconButton","icon","ReactComponent","onClick","_taggedTemplateLiteral2","Pre","link","href","target","rel","_default","exports"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { i18n } from \"../../i18n\";\nimport { OverlayWrapper, Pre } from \"./StyledComponents\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\nconst ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const [open, setOpen] = useState(true);\n    // Log error in browser's developer console for further inspection.\n    console.error({ networkError });\n\n    if (!open) {\n        return null;\n    }\n\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline4\"}>{networkError.message}</Typography>\n                    </div>\n                    <div className=\"header__action\">\n                        <IconButton icon={<CloseIcon />} onClick={() => setOpen(false)} />\n                    </div>\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">\n                        <Typography\n                            use={\"subtitle1\"}\n                        >{t`Error occurred while executing operation:`}</Typography>\n                        <Pre>\n                            <code>{query}</code>\n                        </Pre>\n                    </div>\n                    {stackTrace && (\n                        <div className=\"body__description\">\n                            <Typography use={\"subtitle1\"}>{t`Complete stack trace:`}</Typography>\n                            <Pre>\n                                <code>{stackTrace}</code>\n                            </Pre>\n                        </div>\n                    )}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body2\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n\nexport default ErrorOverlay;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Typography","i18n","OverlayWrapper","ReactComponent","CloseIcon","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","title","message","description","closeable","open","setOpen","createElement","className","use","onClick","link","href","target","rel"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { OverlayWrapper } from \"./StyledComponents.js\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ntype ErrorOverlayProps = Partial<{\n    title: React.ReactNode;\n    message: React.ReactNode;\n    description: React.ReactNode;\n    closeable?: boolean;\n}>;\n\nexport const ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { title = \"An error occurred\", message, description, closeable } = props;\n    const [open, setOpen] = useState(true);\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline\"}>{title}</Typography>\n                    </div>\n                    {closeable !== false && (\n                        <div className=\"header__action\">\n                            <span onClick={() => setOpen(false)}>\n                                <CloseIcon />\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">{message}</div>\n                    {description && <div className=\"body__description\">{description}</div>}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,cAAc;AACvB,SAASC,cAAc,IAAIC,SAAS;AAEpC,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,2BAA2B,CAAC;AAE9C,MAAMC,kCAAkC,GACpC,iEAAiE;AASrE,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAM;IAAEC,KAAK,GAAG,mBAAmB;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAC9E,MAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EACtC,IAAI,CAACe,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIhB,KAAA,CAAAkB,aAAA,CAACd,cAAc,qBACXJ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAO,gBAClBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC1BnB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACkB,GAAG,EAAE;EAAW,GAAER,KAAkB,CAC/C,CAAC,EACLG,SAAS,KAAK,KAAK,iBAChBf,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC3BnB,KAAA,CAAAkB,aAAA;IAAMG,OAAO,EAAEA,CAAA,KAAMJ,OAAO,CAAC,KAAK;EAAE,gBAChCjB,KAAA,CAAAkB,aAAA,CAACZ,SAAS,MAAE,CACV,CACL,CAER,CAAC,eACNN,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACjBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAe,GAAEN,OAAa,CAAC,EAC7CC,WAAW,iBAAId,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEL,WAAiB,CACpE,CAAC,eACNd,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBnB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACkB,GAAG,EAAE;EAAO,GACnBb,CAAC;AAC1B;AACA,2DAA2D,CAAC;IAChCM,OAAO,eAAEb,KAAA,CAAAkB,aAAA;MAAMC,SAAS,EAAE;IAAY,GAAC,wBAA4B,CAAC;IACpEG,IAAI,eACAtB,KAAA,CAAAkB,aAAA;MACIK,IAAI,EAAEd,kCAAmC;MACzCe,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE;IAAsB,GAC9B,+BAEE;EAEX,CAAC,CAAC,eACFzB,KAAA,CAAAkB,aAAA,WAAK,CAAC,EACLX,CAAC,sEACM,CACX,CACJ,CACO,CAAC;AAEzB,CAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ErrorOverlayProps {
+    query: string;
+    networkError: {
+        message: string;
+        result?: {
+            error?: {
+                stack?: string;
+            };
+        };
+    };
+}
+export declare const GqlErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element;
+export {};

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js

@@ -0,0 +1,31 @@
+import React from "react";
+import get from "lodash/get.js";
+import { Typography } from "./Typography.js";
+import { i18n } from "../../i18n/index.js";
+import { Pre } from "./StyledComponents.js";
+import { ErrorOverlay } from "./ErrorOverlay.js";
+const t = i18n.ns("app/graphql/error-overlay");
+export const GqlErrorOverlay = props => {
+  const {
+    query,
+    networkError
+  } = props;
+  const stackTrace = get(networkError, "result.error.stack");
+  const title = networkError.message;
+  const message = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+    use: "subtitle"
+  }, t`Error occurred while executing operation:`), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, query)));
+  let description = null;
+  if (stackTrace) {
+    description = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      use: "subtitle"
+    }, t`Complete stack trace:`), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, stackTrace)));
+  }
+  return /*#__PURE__*/React.createElement(ErrorOverlay, {
+    title: title,
+    message: message,
+    description: description
+  });
+};
+
+//# sourceMappingURL=GqlErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","Typography","i18n","Pre","ErrorOverlay","t","ns","GqlErrorOverlay","props","query","networkError","stackTrace","title","message","createElement","Fragment","use","description"],"sources":["GqlErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { Pre } from \"./StyledComponents.js\";\nimport { ErrorOverlay } from \"./ErrorOverlay.js\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\n\nexport const GqlErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    const title = networkError.message;\n\n    const message = (\n        <>\n            <Typography use={\"subtitle\"}>{t`Error occurred while executing operation:`}</Typography>\n            <Pre>\n                <code>{query}</code>\n            </Pre>\n        </>\n    );\n\n    let description: React.ReactNode = null;\n    if (stackTrace) {\n        description = (\n            <>\n                <Typography use={\"subtitle\"}>{t`Complete stack trace:`}</Typography>\n                <Pre>\n                    <code>{stackTrace}</code>\n                </Pre>\n            </>\n        );\n    }\n\n    return <ErrorOverlay title={title} message={message} description={description} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,GAAG;AACZ,SAASC,YAAY;AAErB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,2BAA2B,CAAC;AAc9C,OAAO,MAAMC,eAAe,GAAIC,KAAwB,IAAK;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGF,KAAK;EACrC,MAAMG,UAAU,GAAGX,GAAG,CAACU,YAAY,EAAE,oBAAoB,CAAC;EAE1D,MAAME,KAAK,GAAGF,YAAY,CAACG,OAAO;EAElC,MAAMA,OAAO,gBACTd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACb,UAAU;IAACe,GAAG,EAAE;EAAW,GAAEX,CAAC,2CAAwD,CAAC,eACxFN,KAAA,CAAAe,aAAA,CAACX,GAAG,qBACAJ,KAAA,CAAAe,aAAA,eAAOL,KAAY,CAClB,CACP,CACL;EAED,IAAIQ,WAA4B,GAAG,IAAI;EACvC,IAAIN,UAAU,EAAE;IACZM,WAAW,gBACPlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACb,UAAU;MAACe,GAAG,EAAE;IAAW,GAAEX,CAAC,uBAAoC,CAAC,eACpEN,KAAA,CAAAe,aAAA,CAACX,GAAG,qBACAJ,KAAA,CAAAe,aAAA,eAAOH,UAAiB,CACvB,CACP,CACL;EACL;EAEA,oBAAOZ,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACQ,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACI,WAAW,EAAEA;EAAY,CAAE,CAAC;AACrF,CAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LocalAwsLambdaTimeoutMessage: () => React.JSX.Element;

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js

@@ -0,0 +1,31 @@
+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)."; }
+import React from "react";
+const Code = /*#__PURE__*/_styled("code", process.env.NODE_ENV === "production" ? {
+  target: "e1nq64i10"
+} : {
+  target: "e1nq64i10",
+  label: "Code"
+})(process.env.NODE_ENV === "production" ? {
+  name: "rye9wa",
+  styles: "font-family:monospace;font-size:0.85rem;line-height:1rem"
+} : {
+  name: "rye9wa",
+  styles: "font-family:monospace;font-size:0.85rem;line-height:1rem/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvY2FsQXdzTGFtYmRhVGltZW91dE1lc3NhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QiIsImZpbGUiOiJMb2NhbEF3c0xhbWJkYVRpbWVvdXRNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb2RlID0gc3R5bGVkLmNvZGVgXG4gICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICBmb250LXNpemU6IDAuODVyZW07XG4gICAgbGluZS1oZWlnaHQ6IDFyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9jYWxBd3NMYW1iZGFUaW1lb3V0TWVzc2FnZSA9ICgpID0+IChcbiAgICA8PlxuICAgICAgICBMb2NhbCBBV1MgTGFtYmRhIGZ1bmN0aW9uIGV4ZWN1dGlvbiB0aW1lZCBvdXQuXG4gICAgICAgIDxiciAvPlxuICAgICAgICA8YnIgLz5cbiAgICAgICAgRGlkIHlvdSBzdG9wIHRoZSZuYnNwO1xuICAgICAgICA8YVxuICAgICAgICAgICAgaHJlZj17XCJodHRwczovL3d3dy53ZWJpbnkuY29tL2RvY3MvY29yZS1kZXZlbG9wbWVudC1jb25jZXB0cy9iYXNpY3Mvd2F0Y2gtY29tbWFuZFwifVxuICAgICAgICAgICAgcmVsPXtcIm5vcmVmZXJyZXIgbm9vcGVuZXJcIn1cbiAgICAgICAgICAgIHRhcmdldD17XCJfYmxhbmtcIn1cbiAgICAgICAgPlxuICAgICAgICAgICAgPENvZGU+d2ViaW55IHdhdGNoPC9Db2RlPlxuICAgICAgICA8L2E+XG4gICAgICAgICZuYnNwO2NvbW1hbmQ/IElmIHNvLCBwbGVhc2UgcmVzdGFydCB0aGUgY29tbWFuZCBvciBkZXBsb3kgeW91ciBjaGFuZ2VzIHZpYSB0aGUmbmJzcDtcbiAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9e1wiaHR0cHM6Ly93d3cud2ViaW55LmNvbS9kb2NzL2NvcmUtZGV2ZWxvcG1lbnQtY29uY2VwdHMvYmFzaWNzL3Byb2plY3QtZGVwbG95bWVudFwifVxuICAgICAgICAgICAgcmVsPXtcIm5vcmVmZXJyZXIgbm9vcGVuZXJcIn1cbiAgICAgICAgICAgIHRhcmdldD17XCJfYmxhbmtcIn1cbiAgICAgICAgPlxuICAgICAgICAgICAgPENvZGU+d2ViaW55IGRlcGxveTwvQ29kZT5cbiAgICAgICAgPC9hPlxuICAgICAgICAmbmJzcDtjb21tYW5kLiBGb3IgZXhhbXBsZTogPENvZGU+eWFybiB3ZWJpbnkgZGVwbG95IGFwaSAtLWVudiBkZXY8L0NvZGU+LlxuICAgICAgICA8YnIgLz5cbiAgICAgICAgPGJyIC8+XG4gICAgICAgIExlYXJuIG1vcmU6Jm5ic3A7XG4gICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPXtcImh0dHBzOi8vd2ViaW55LmxpbmsvbG9jYWwtYXdzLWxhbWJkYS1kZXZlbG9wbWVudFwifVxuICAgICAgICAgICAgcmVsPXtcIm5vcmVmZXJyZXIgbm9vcGVuZXJcIn1cbiAgICAgICAgICAgIHRhcmdldD17XCJfYmxhbmtcIn1cbiAgICAgICAgPlxuICAgICAgICAgICAgaHR0cHM6Ly93ZWJpbnkubGluay9sb2NhbC1hd3MtbGFtYmRhLWRldmVsb3BtZW50XG4gICAgICAgIDwvYT5cbiAgICA8Lz5cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const LocalAwsLambdaTimeoutMessage = () => /*#__PURE__*/React.createElement(React.Fragment, null, "Local AWS Lambda function execution timed out.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Did you stop the\xA0", /*#__PURE__*/React.createElement("a", {
+  href: "https://www.webiny.com/docs/core-development-concepts/basics/watch-command",
+  rel: "noreferrer noopener",
+  target: "_blank"
+}, /*#__PURE__*/React.createElement(Code, null, "webiny watch")), "\xA0command? If so, please restart the command or deploy your changes via the\xA0", /*#__PURE__*/React.createElement("a", {
+  href: "https://www.webiny.com/docs/core-development-concepts/basics/project-deployment",
+  rel: "noreferrer noopener",
+  target: "_blank"
+}, /*#__PURE__*/React.createElement(Code, null, "webiny deploy")), "\xA0command. For example: ", /*#__PURE__*/React.createElement(Code, null, "yarn webiny deploy api --env dev"), ".", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Learn more:\xA0", /*#__PURE__*/React.createElement("a", {
+  href: "https://webiny.link/local-aws-lambda-development",
+  rel: "noreferrer noopener",
+  target: "_blank"
+}, "https://webiny.link/local-aws-lambda-development"));
+
+//# sourceMappingURL=LocalAwsLambdaTimeoutMessage.js.map

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Code","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","LocalAwsLambdaTimeoutMessage","createElement","Fragment","href","rel"],"sources":["LocalAwsLambdaTimeoutMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Code = styled.code`\n    font-family: monospace;\n    font-size: 0.85rem;\n    line-height: 1rem;\n`;\n\nexport const LocalAwsLambdaTimeoutMessage = () => (\n    <>\n        Local AWS Lambda function execution timed out.\n        <br />\n        <br />\n        Did you stop the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/watch-command\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny watch</Code>\n        </a>\n        &nbsp;command? If so, please restart the command or deploy your changes via the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/project-deployment\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny deploy</Code>\n        </a>\n        &nbsp;command. For example: <Code>yarn webiny deploy api --env dev</Code>.\n        <br />\n        <br />\n        Learn more:&nbsp;\n        <a\n            href={\"https://webiny.link/local-aws-lambda-development\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            https://webiny.link/local-aws-lambda-development\n        </a>\n    </>\n);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,IAAI,gBAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIT;AAED,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,kBACxCZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAE,gDAEE,eAAAd,KAAA,CAAAa,aAAA,WAAK,CAAC,eACNb,KAAA,CAAAa,aAAA,WAAK,CAAC,wBAEN,eAAAb,KAAA,CAAAa,aAAA;EACIE,IAAI,EAAE,4EAA6E;EACnFC,GAAG,EAAE,qBAAsB;EAC3BV,MAAM,EAAE;AAAS,gBAEjBN,KAAA,CAAAa,aAAA,CAACZ,IAAI,QAAC,cAAkB,CACzB,CAAC,qFAEJ,eAAAD,KAAA,CAAAa,aAAA;EACIE,IAAI,EAAE,iFAAkF;EACxFC,GAAG,EAAE,qBAAsB;EAC3BV,MAAM,EAAE;AAAS,gBAEjBN,KAAA,CAAAa,aAAA,CAACZ,IAAI,QAAC,eAAmB,CAC1B,CAAC,8BACwB,eAAAD,KAAA,CAAAa,aAAA,CAACZ,IAAI,QAAC,kCAAsC,CAAC,KACzE,eAAAD,KAAA,CAAAa,aAAA,WAAK,CAAC,eACNb,KAAA,CAAAa,aAAA,WAAK,CAAC,mBAEN,eAAAb,KAAA,CAAAa,aAAA;EACIE,IAAI,EAAE,kDAAmD;EACzDC,GAAG,EAAE,qBAAsB;EAC3BV,MAAM,EAAE;AAAS,GACpB,kDAEE,CACL,CACL","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const OverlayWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Pre: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js

@@ -1,22 +1,78 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pre = exports.OverlayWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var OverlayWrapper = exports.OverlayWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+export const OverlayWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1rvk94r1"
 } : {
   target: "e1rvk94r1",
   label: "OverlayWrapper"
-})("\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        flex-grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgT3ZlcmxheVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoYFxuICAgIHdpZHRoOiAxMDB2dztcbiAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDU7IC8vIFRoZSBoaWdoZXN0IHotaW5kZXggdmFsdWUgaXMgMTAwIGZvciBEaWFsb2dzXG4gICAgXG4gICAgLmlubmVyIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICBwYWRkaW5nOiAxcmVtO1xuICAgIH1cbiAgICBcbiAgICAuaGVhZGVyIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICAuaGVhZGVyX190aXRsZSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLWVycm9yKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBcbiAgICAuYm9keSB7XG4gICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgLmJvZHlfX3N1bW1hcnkge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBcbiAgICAuZm9vdGVyIHtcbiAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbiAgICAgICAgXG4gICAgICAgIC5oaWdobGlnaHQge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTEsIDI0NSwgMTgwLCAwLjUpO1xuICAgICAgICAgICAgcGFkZGluZzogMCA0cHg7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgICB9XG4gICAgfVxuYCk7XG5cbmV4cG9ydCBjb25zdCBQcmUgPSBzdHlsZWQoXCJwcmVcIikoYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwLjVlbTtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjVlbTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjUxLCAyNDUsIDE4MCwgMC4zKTtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICBcbiAgICBjb2RlIHtcbiAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgZm9udC1zaXplOiAwLjg1cmVtO1xuICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICB9XG5gKTtcbiJdfQ== */");
-var Pre = exports.Pre = /*#__PURE__*/(0, _base.default)("pre", process.env.NODE_ENV === "production" ? {
+})(`
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 105; // The highest z-index value is 100 for Dialogs
+    
+    .inner {
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: white;
+        padding: 1rem;
+    }
+    
+    .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 1rem;
+        .header__title {
+            color: var(--mdc-theme-error);
+        }
+    }
+    
+    .body {
+        grow: 1;
+        .body__summary {
+            margin-bottom: 1rem;
+        }
+    }
+    
+    .footer {
+        color: var(--mdc-theme-text-secondary-on-background);
+        
+        .highlight {
+            background-color: rgba(251, 245, 180, 0.5);
+            padding: 0 4px;
+            border-radius: 6px;
+            font-family: monospace;
+        }
+    }
+`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgT3ZlcmxheVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoYFxuICAgIHdpZHRoOiAxMDB2dztcbiAgICBoZWlnaHQ6IDEwMHZoO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAxMDU7IC8vIFRoZSBoaWdoZXN0IHotaW5kZXggdmFsdWUgaXMgMTAwIGZvciBEaWFsb2dzXG4gICAgXG4gICAgLmlubmVyIHtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICBwYWRkaW5nOiAxcmVtO1xuICAgIH1cbiAgICBcbiAgICAuaGVhZGVyIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICAuaGVhZGVyX190aXRsZSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLWVycm9yKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBcbiAgICAuYm9keSB7XG4gICAgICAgIGdyb3c6IDE7XG4gICAgICAgIC5ib2R5X19zdW1tYXJ5IHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgLmZvb3RlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG4gICAgICAgIFxuICAgICAgICAuaGlnaGxpZ2h0IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjUxLCAyNDUsIDE4MCwgMC41KTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgNHB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgfVxuICAgIH1cbmApO1xuXG5leHBvcnQgY29uc3QgUHJlID0gc3R5bGVkKFwicHJlXCIpKGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcGFkZGluZzogMC41ZW07XG4gICAgbWFyZ2luLXRvcDogMC41ZW07XG4gICAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1MSwgMjQ1LCAxODAsIDAuMyk7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgXG4gICAgY29kZSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAgIGZvbnQtc2l6ZTogMC44NXJlbTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDFyZW07XG4gICAgfVxuYCk7XG4iXX0= */");
+export const Pre = /*#__PURE__*/_styled("pre", process.env.NODE_ENV === "production" ? {
   target: "e1rvk94r0"
 } : {
   target: "e1rvk94r0",
   label: "Pre"
-})("\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEbUIiLCJmaWxlIjoiU3R5bGVkQ29tcG9uZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKGBcbiAgICB3aWR0aDogMTAwdnc7XG4gICAgaGVpZ2h0OiAxMDB2aDtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMTA1OyAvLyBUaGUgaGlnaGVzdCB6LWluZGV4IHZhbHVlIGlzIDEwMCBmb3IgRGlhbG9nc1xuICAgIFxuICAgIC5pbm5lciB7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgcGFkZGluZzogMXJlbTtcbiAgICB9XG4gICAgXG4gICAgLmhlYWRlciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgLmhlYWRlcl9fdGl0bGUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS1lcnJvcik7XG4gICAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgLmJvZHkge1xuICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIC5ib2R5X19zdW1tYXJ5IHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgLmZvb3RlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG4gICAgICAgIFxuICAgICAgICAuaGlnaGxpZ2h0IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjUxLCAyNDUsIDE4MCwgMC41KTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgNHB4O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgfVxuICAgIH1cbmApO1xuXG5leHBvcnQgY29uc3QgUHJlID0gc3R5bGVkKFwicHJlXCIpKGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcGFkZGluZzogMC41ZW07XG4gICAgbWFyZ2luLXRvcDogMC41ZW07XG4gICAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1MSwgMjQ1LCAxODAsIDAuMyk7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgXG4gICAgY29kZSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAgIGZvbnQtc2l6ZTogMC44NXJlbTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDFyZW07XG4gICAgfVxuYCk7XG4iXX0= */");
+})(`
+    position: relative;
+    display: block;
+    padding: 0.5em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    border-radius: 0.25rem;
+    background-color: rgba(251, 245, 180, 0.3);
+    color: inherit;
+    
+    code {
+        font-family: monospace;
+        font-size: 0.85rem;
+        line-height: 1rem;
+    }
+`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEbUIiLCJmaWxlIjoiU3R5bGVkQ29tcG9uZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKGBcbiAgICB3aWR0aDogMTAwdnc7XG4gICAgaGVpZ2h0OiAxMDB2aDtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMTA1OyAvLyBUaGUgaGlnaGVzdCB6LWluZGV4IHZhbHVlIGlzIDEwMCBmb3IgRGlhbG9nc1xuICAgIFxuICAgIC5pbm5lciB7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgcGFkZGluZzogMXJlbTtcbiAgICB9XG4gICAgXG4gICAgLmhlYWRlciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgLmhlYWRlcl9fdGl0bGUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS1lcnJvcik7XG4gICAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgLmJvZHkge1xuICAgICAgICBncm93OiAxO1xuICAgICAgICAuYm9keV9fc3VtbWFyeSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICB9XG4gICAgfVxuICAgIFxuICAgIC5mb290ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpO1xuICAgICAgICBcbiAgICAgICAgLmhpZ2hsaWdodCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1MSwgMjQ1LCAxODAsIDAuNSk7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDRweDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAgIH1cbiAgICB9XG5gKTtcblxuZXhwb3J0IGNvbnN0IFByZSA9IHN0eWxlZChcInByZVwiKShgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgIG1hcmdpbi10b3A6IDAuNWVtO1xuICAgIG1hcmdpbi1ib3R0b206IDAuNWVtO1xuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTEsIDI0NSwgMTgwLCAwLjMpO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIFxuICAgIGNvZGUge1xuICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgICBmb250LXNpemU6IDAuODVyZW07XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxcmVtO1xuICAgIH1cbmApO1xuIl19 */");
 
 //# sourceMappingURL=StyledComponents.js.map

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayWrapper","exports","_base","default","process","env","NODE_ENV","target","label","Pre"],"sources":["StyledComponents.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OverlayWrapper = styled(\"div\")(`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        flex-grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n`);\n\nexport const Pre = styled(\"pre\")(`\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n`);\n"],"mappings":";;;;;;;;AAEO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,2hCAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,0zEA8C1C,CAAC;AAEK,IAAMG,GAAG,GAAAR,OAAA,CAAAQ,GAAA,gBAAG,IAAAP,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,sYAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,0zEAiB/B,CAAC","ignoreList":[]}
+{"version":3,"names":["OverlayWrapper","_styled","process","env","NODE_ENV","target","label","Pre"],"sources":["StyledComponents.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OverlayWrapper = styled(\"div\")(`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n`);\n\nexport const Pre = styled(\"pre\")(`\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n`);\n"],"mappings":";AAEA,OAAO,MAAMA,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mzEAAC;AAEF,OAAO,MAAMG,GAAG,gBAAGN,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mzEAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/Typography.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type TypographyT = "headline" | "body" | "subtitle";
+export interface TypographyProps {
+    use: TypographyT;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Typography: (props: TypographyProps) => React.JSX.Element;

package/plugins/NetworkErrorLinkPlugin/Typography.js

@@ -0,0 +1,18 @@
+import React from "react";
+export const Typography = props => {
+  const {
+    children,
+    use,
+    className
+  } = props;
+  if (use === "headline") {
+    return /*#__PURE__*/React.createElement("h4", {
+      className: className
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement("p", {
+    className: className
+  }, children);
+};
+
+//# sourceMappingURL=Typography.js.map

package/plugins/NetworkErrorLinkPlugin/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Typography","props","children","use","className","createElement"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\n\nexport declare type TypographyT = \"headline\" | \"body\" | \"subtitle\";\n\nexport interface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport const Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    if (use === \"headline\") {\n        return <h4 className={className}>{children}</h4>;\n    }\n\n    return <p className={className}>{children}</p>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,GAAG;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAE1C,IAAIE,GAAG,KAAK,UAAU,EAAE;IACpB,oBAAOJ,KAAA,CAAAM,aAAA;MAAID,SAAS,EAAEA;IAAU,GAAEF,QAAa,CAAC;EACpD;EAEA,oBAAOH,KAAA,CAAAM,aAAA;IAAGD,SAAS,EAAEA;EAAU,GAAEF,QAAY,CAAC;AAClD,CAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts

@@ -1,7 +1,7 @@
-import { ServerError, ServerParseError } from "apollo-link-http-common";
+import type React from "react";
 interface CreateErrorOverlayParams {
-    query: string;
-    networkError: Error | ServerError | ServerParseError;
+    element: React.ReactElement;
+    closeable?: boolean;
 }
 declare const createErrorOverlay: (params: CreateErrorOverlayParams) => void;
 export default createErrorOverlay;