@webiny/app 5.27.0-beta.0 → 5.28.0

package/plugins/LocaleHeaderLinkPlugin.js

@@ -1,29 +1,44 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { setContext } from "apollo-link-context";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocaleHeaderLinkPlugin = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _apolloLinkContext = require("apollo-link-context");
+
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
 
 /**
  * Append `x-i18n-locale` header from URL query (necessary for prerendering service).
  */
-export var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(LocaleHeaderLinkPlugin, _ApolloLinkPlugin);
+var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(LocaleHeaderLinkPlugin, _ApolloLinkPlugin);
 
-  var _super = _createSuper(LocaleHeaderLinkPlugin);
+  var _super = (0, _createSuper2.default)(LocaleHeaderLinkPlugin);
 
   function LocaleHeaderLinkPlugin(locale) {
     var _this;
 
-    _classCallCheck(this, LocaleHeaderLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, LocaleHeaderLinkPlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "locale", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "locale", void 0);
 
     if (!locale) {
       var query = new URLSearchParams(location.search);
@@ -34,17 +49,17 @@ export var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
     return _this;
   }
 
-  _createClass(LocaleHeaderLinkPlugin, [{
+  (0, _createClass2.default)(LocaleHeaderLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
       var _this2 = this;
 
-      return setContext(function (_, _ref) {
+      return (0, _apolloLinkContext.setContext)(function (_, _ref) {
         var headers = _ref.headers;
 
         if (_this2.locale) {
           return {
-            headers: _objectSpread(_objectSpread({}, headers), {}, {
+            headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
               "x-i18n-locale": "content:".concat(_this2.locale, ";")
             })
           };
@@ -56,6 +71,7 @@ export var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
       });
     }
   }]);
-
   return LocaleHeaderLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+
+exports.LocaleHeaderLinkPlugin = LocaleHeaderLinkPlugin;

package/plugins/LocaleHeaderLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleHeaderLinkPlugin.ts"],"names":["setContext","ApolloLinkPlugin","LocaleHeaderLinkPlugin","locale","query","URLSearchParams","location","search","get","window","__PS_RENDER_LOCALE__","_","headers"],"mappings":";;;;;;;AAAA,SAASA,UAAT,QAA2B,qBAA3B;AACA,SAASC,gBAAT;;AASA;AACA;AACA;AACA,WAAaC,sBAAb;AAAA;;AAAA;;AAGI,kCAAYC,MAAZ,EAA6B;AAAA;;AAAA;;AACzB;;AADyB;;AAGzB,QAAI,CAACA,MAAL,EAAa;AACT,UAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;AACAJ,MAAAA,MAAM,GAAGC,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;AACH;;AAED,UAAKP,MAAL,GAAcA,MAAd;AARyB;AAS5B;;AAZL;AAAA;AAAA,WAcI,sBAAyC;AAAA;;AACrC,aAAOH,UAAU,CAAC,UAACW,CAAD,QAAoB;AAAA,YAAdC,OAAc,QAAdA,OAAc;;AAClC,YAAI,MAAI,CAACT,MAAT,EAAiB;AACb,iBAAO;AACHS,YAAAA,OAAO,kCACAA,OADA;AAEH,iDAA4B,MAAI,CAACT,MAAjC;AAFG;AADJ,WAAP;AAMH;;AAED,eAAO;AAAES,UAAAA,OAAO,EAAPA;AAAF,SAAP;AACH,OAXgB,CAAjB;AAYH;AA3BL;;AAAA;AAAA,EAA4CX,gBAA5C","sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\n\ndeclare global {\n    interface Window {\n        __PS_RENDER_LOCALE__: string;\n    }\n}\n\n/**\n * Append `x-i18n-locale` header from URL query (necessary for prerendering service).\n */\nexport class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {\n    private readonly locale: string;\n\n    constructor(locale?: string) {\n        super();\n\n        if (!locale) {\n            const query = new URLSearchParams(location.search);\n            locale = query.get(\"__locale\") || window.__PS_RENDER_LOCALE__;\n        }\n\n        this.locale = locale;\n    }\n\n    public override createLink(): ApolloLink {\n        return setContext((_, { headers }) => {\n            if (this.locale) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-i18n-locale\": `content:${this.locale};`\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"]}
+{"version":3,"names":["LocaleHeaderLinkPlugin","locale","query","URLSearchParams","location","search","get","window","__PS_RENDER_LOCALE__","setContext","_","headers","ApolloLinkPlugin"],"sources":["LocaleHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\n\ndeclare global {\n    interface Window {\n        __PS_RENDER_LOCALE__: string;\n    }\n}\n\n/**\n * Append `x-i18n-locale` header from URL query (necessary for prerendering service).\n */\nexport class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {\n    private readonly locale: string;\n\n    constructor(locale?: string) {\n        super();\n\n        if (!locale) {\n            const query = new URLSearchParams(location.search);\n            locale = query.get(\"__locale\") || window.__PS_RENDER_LOCALE__;\n        }\n\n        this.locale = locale;\n    }\n\n    public override createLink(): ApolloLink {\n        return setContext((_, { headers }) => {\n            if (this.locale) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-i18n-locale\": `content:${this.locale};`\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AASA;AACA;AACA;IACaA,sB;;;;;EAGT,gCAAYC,MAAZ,EAA6B;IAAA;;IAAA;IACzB;IADyB;;IAGzB,IAAI,CAACA,MAAL,EAAa;MACT,IAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;MACAJ,MAAM,GAAGC,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;IACH;;IAED,MAAKP,MAAL,GAAcA,MAAd;IARyB;EAS5B;;;;WAED,sBAAyC;MAAA;;MACrC,OAAO,IAAAQ,6BAAA,EAAW,UAACC,CAAD,QAAoB;QAAA,IAAdC,OAAc,QAAdA,OAAc;;QAClC,IAAI,MAAI,CAACV,MAAT,EAAiB;UACb,OAAO;YACHU,OAAO,8DACAA,OADA;cAEH,mCAA4B,MAAI,CAACV,MAAjC;YAFG;UADJ,CAAP;QAMH;;QAED,OAAO;UAAEU,OAAO,EAAPA;QAAF,CAAP;MACH,CAXM,CAAP;IAYH;;;EA3BuCC,mC"}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

@@ -1,24 +1,44 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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;
 
-import React, { useState } from "react";
-import get from "lodash/get";
-import { IconButton } from "@webiny/ui/Button";
-import { Typography } from "@webiny/ui/Typography";
-import { i18n } from "../../i18n";
-import { OverlayWrapper, Pre } from "./StyledComponents";
-import { ReactComponent as CloseIcon } from "./assets/close_24px.svg";
-var t = i18n.ns("app/graphql/error-overlay");
+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 = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
+  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.
 
@@ -31,46 +51,47 @@ var ErrorOverlay = function ErrorOverlay(props) {
     return null;
   }
 
-  var stackTrace = get(networkError, "result.error.stack");
-  return /*#__PURE__*/React.createElement(OverlayWrapper, null, /*#__PURE__*/React.createElement("div", {
+  var stackTrace = (0, _get.default)(networkError, "result.error.stack");
+  return /*#__PURE__*/_react.default.createElement(_StyledComponents.OverlayWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "inner"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "header"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "header__title"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "headline4"
-  }, networkError.message)), /*#__PURE__*/React.createElement("div", {
+  }, networkError.message)), /*#__PURE__*/_react.default.createElement("div", {
     className: "header__action"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_close_24px.ReactComponent, null),
     onClick: function onClick() {
       return setOpen(false);
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "body"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "body__summary"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Error occurred while executing operation:"])))), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, query))), stackTrace && /*#__PURE__*/React.createElement("div", {
+  }, 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", {
     className: "body__description"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Complete stack trace:"])))), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, stackTrace)))), /*#__PURE__*/React.createElement("div", {
+  }, 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", {
     className: "footer"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body2"
-  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. "])))({
-    message: /*#__PURE__*/React.createElement("span", {
+  }, 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", {
       className: "highlight"
     }, "`REACT_APP_DEBUG=true`"),
-    link: /*#__PURE__*/React.createElement("a", {
+    link: /*#__PURE__*/_react.default.createElement("a", {
       href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,
       target: "_blank",
       rel: "noreferrer noopener"
     }, "environment variables article")
-  }), /*#__PURE__*/React.createElement("br", null), t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Open your browser's developer console to further inspect this error."])))))));
+  }), /*#__PURE__*/_react.default.createElement("br", null), t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Open your browser's developer console to further inspect this error."])))))));
 };
 
-export default ErrorOverlay;
+var _default = ErrorOverlay;
+exports.default = _default;

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ErrorOverlay.tsx"],"names":["React","useState","get","IconButton","Typography","i18n","OverlayWrapper","Pre","ReactComponent","CloseIcon","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","open","setOpen","console","error","stackTrace","message","link"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,IAAT;AACA,SAASC,cAAT,EAAyBC,GAAzB;AACA,SAASC,cAAc,IAAIC,SAA3B;AAEA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,2BAAR,CAAV;AAEA,IAAMC,kCAAkC,GACpC,iEADJ;;AAcA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAAAC,KAAK,EAAI;AACvD,MAAQC,KAAR,GAAgCD,KAAhC,CAAQC,KAAR;AAAA,MAAeC,YAAf,GAAgCF,KAAhC,CAAeE,YAAf;;AACA,kBAAwBf,QAAQ,CAAC,IAAD,CAAhC;AAAA;AAAA,MAAOgB,IAAP;AAAA,MAAaC,OAAb,iBAFuD,CAGvD;;;AACAC,EAAAA,OAAO,CAACC,KAAR,CAAc;AAAEJ,IAAAA,YAAY,EAAZA;AAAF,GAAd;;AAEA,MAAI,CAACC,IAAL,EAAW;AACP,WAAO,IAAP;AACH;;AAED,MAAMI,UAAU,GAAGnB,GAAG,CAACc,YAAD,EAAe,oBAAf,CAAtB;AAEA,sBACI,oBAAC,cAAD,qBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BA,YAAY,CAACM,OAA5C,CADJ,CADJ,eAII;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,SAAD,OAAlB;AAAiC,IAAA,OAAO,EAAE;AAAA,aAAMJ,OAAO,CAAC,KAAD,CAAb;AAAA;AAA1C,IADJ,CAJJ,CADJ,eASI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AACI,IAAA,GAAG,EAAE;AADT,KAEER,CAFF,+GADJ,eAII,oBAAC,GAAD,qBACI,kCAAOK,KAAP,CADJ,CAJJ,CADJ,EASKM,UAAU,iBACP;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BX,CAA/B,6FADJ,eAEI,oBAAC,GAAD,qBACI,kCAAOW,UAAP,CADJ,CAFJ,CAVR,CATJ,eA2BI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KACKX,CAAC,kOAAD,CAEmC;AAChCY,IAAAA,OAAO,eAAE;AAAM,MAAA,SAAS,EAAE;AAAjB,gCADuB;AAEhCC,IAAAA,IAAI,eACA;AACI,MAAA,IAAI,EAAEX,kCADV;AAEI,MAAA,MAAM,EAAE,QAFZ;AAGI,MAAA,GAAG,EAAE;AAHT;AAH4B,GAFnC,CADL,eAeI,+BAfJ,EAgBKF,CAhBL,4IADJ,CA3BJ,CADJ,CADJ;AAoDH,CAhED;;AAkEA,eAAeG,YAAf","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: React.FC<ErrorOverlayProps> = props => {\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"]}
+{"version":3,"names":["t","i18n","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","useState","open","setOpen","console","error","stackTrace","get","message","link"],"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: React.FC<ErrorOverlayProps> = props => {\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":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,2BAAR,CAAV;;AAEA,IAAMC,kCAAkC,GACpC,iEADJ;;AAcA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAAAC,KAAK,EAAI;EACvD,IAAQC,KAAR,GAAgCD,KAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,KAAhC,CAAeE,YAAf;;EACA,gBAAwB,IAAAC,eAAA,EAAS,IAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb,iBAFuD,CAGvD;;;EACAC,OAAO,CAACC,KAAR,CAAc;IAAEL,YAAY,EAAZA;EAAF,CAAd;;EAEA,IAAI,CAACE,IAAL,EAAW;IACP,OAAO,IAAP;EACH;;EAED,IAAMI,UAAU,GAAG,IAAAC,YAAA,EAAIP,YAAJ,EAAkB,oBAAlB,CAAnB;EAEA,oBACI,6BAAC,gCAAD,qBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BA,YAAY,CAACQ,OAA5C,CADJ,CADJ,eAII;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,0BAAD,OAAlB;IAAiC,OAAO,EAAE;MAAA,OAAML,OAAO,CAAC,KAAD,CAAb;IAAA;EAA1C,EADJ,CAJJ,CADJ,eASI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IACI,GAAG,EAAE;EADT,GAEEV,CAFF,6HADJ,eAII,6BAAC,qBAAD,qBACI,2CAAOM,KAAP,CADJ,CAJJ,CADJ,EASKO,UAAU,iBACP;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+Bb,CAA/B,2GADJ,eAEI,6BAAC,qBAAD,qBACI,2CAAOa,UAAP,CADJ,CAFJ,CAVR,CATJ,eA2BI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GACKb,CAAC,gPAAD,CAEmC;IAChCe,OAAO,eAAE;MAAM,SAAS,EAAE;IAAjB,4BADuB;IAEhCC,IAAI,eACA;MACI,IAAI,EAAEb,kCADV;MAEI,MAAM,EAAE,QAFZ;MAGI,GAAG,EAAE;IAHT;EAH4B,CAFnC,CADL,eAeI,wCAfJ,EAgBKH,CAhBL,0JADJ,CA3BJ,CADJ,CADJ;AAoDH,CAhED;;eAkEeI,Y"}

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js

@@ -1,9 +1,21 @@
-import styled from "@emotion/styled";
-export var OverlayWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pre = exports.OverlayWrapper = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var OverlayWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1rvk94r0",
   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");
-export var Pre = /*#__PURE__*/styled("pre", {
+exports.OverlayWrapper = OverlayWrapper;
+var Pre = /*#__PURE__*/(0, _styled.default)("pre", {
   target: "e1rvk94r1",
   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");
+})("\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");
+exports.Pre = Pre;

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledComponents.tsx"],"names":["styled","OverlayWrapper","Pre"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,cAAc,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,4hCAApB;AAgDP,OAAO,IAAME,GAAG,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,uYAAT","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"]}
+{"version":3,"names":["OverlayWrapper","styled","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":";;;;;;;;;AAAA;;AAEO,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,4hCAApB;;AAgDA,IAAMC,GAAG,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,uYAAT"}

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js

@@ -1,6 +1,17 @@
-import React from "react";
-import { render } from "react-dom";
-import ErrorOverlay from "./ErrorOverlay";
+"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 _reactDom = require("react-dom");
+
+var _ErrorOverlay = _interopRequireDefault(require("./ErrorOverlay"));
 
 var createErrorOverlay = function createErrorOverlay(params) {
   var query = params.query,
@@ -17,10 +28,11 @@ var createErrorOverlay = function createErrorOverlay(params) {
   var body = document.getElementsByTagName("body")[0];
   body.appendChild(container); // Mount the ErrorOverlay component into root element.
 
-  render( /*#__PURE__*/React.createElement(ErrorOverlay, {
+  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_ErrorOverlay.default, {
     query: query,
     networkError: networkError
   }), container);
 };
 
-export default createErrorOverlay;
+var _default = createErrorOverlay;
+exports.default = _default;

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createErrorOverlay.tsx"],"names":["React","render","ErrorOverlay","createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,OAAOC,YAAP;;AAOA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD,EAA4C;AACnE,MAAQC,KAAR,GAAgCD,MAAhC,CAAQC,KAAR;AAAA,MAAeC,YAAf,GAAgCF,MAAhC,CAAeE,YAAf,CADmE,CAEnE;;AACA,MAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;AACzC;AACH,GALkE,CAMnE;;;AACA,MAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;AACAD,EAAAA,SAAS,CAACE,EAAV,GAAe,cAAf,CARmE,CASnE;;AACA,MAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;AACAD,EAAAA,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAXmE,CAYnE;;AACAR,EAAAA,MAAM,eAAC,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEI,KAArB;AAA4B,IAAA,YAAY,EAAEC;AAA1C,IAAD,EAA6DG,SAA7D,CAAN;AACH,CAdD;;AAgBA,eAAeN,kBAAf","sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\nimport { ServerError, ServerParseError } from \"apollo-link-http-common\";\n\ninterface CreateErrorOverlayParams {\n    query: string;\n    networkError: Error | ServerError | ServerParseError;\n}\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n    const { query, networkError } = params;\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    render(<ErrorOverlay query={query} networkError={networkError} />, container);\n};\n\nexport default createErrorOverlay;\n"]}
+{"version":3,"names":["createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","render"],"sources":["createErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\nimport { ServerError, ServerParseError } from \"apollo-link-http-common\";\n\ninterface CreateErrorOverlayParams {\n    query: string;\n    networkError: Error | ServerError | ServerParseError;\n}\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n    const { query, networkError } = params;\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    render(<ErrorOverlay query={query} networkError={networkError} />, container);\n};\n\nexport default createErrorOverlay;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD,EAA4C;EACnE,IAAQC,KAAR,GAAgCD,MAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,MAAhC,CAAeE,YAAf,CADmE,CAEnE;;EACA,IAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;IACzC;EACH,CALkE,CAMnE;;;EACA,IAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;EACAD,SAAS,CAACE,EAAV,GAAe,cAAf,CARmE,CASnE;;EACA,IAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;EACAD,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAXmE,CAYnE;;EACA,IAAAM,gBAAA,gBAAO,6BAAC,qBAAD;IAAc,KAAK,EAAEV,KAArB;IAA4B,YAAY,EAAEC;EAA1C,EAAP,EAAmEG,SAAnE;AACH,CAdD;;eAgBeN,kB"}

package/plugins/NetworkErrorLinkPlugin.js

@@ -1,39 +1,57 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-import { onError } from "apollo-link-error";
-import { print } from "graphql/language";
-import createErrorOverlay from "./NetworkErrorLinkPlugin/createErrorOverlay";
-import { boolean } from "boolean";
-import { config as appConfig } from "../config";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkErrorLinkPlugin = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
+
+var _apolloLinkError = require("apollo-link-error");
+
+var _language = require("graphql/language");
+
+var _createErrorOverlay = _interopRequireDefault(require("./NetworkErrorLinkPlugin/createErrorOverlay"));
+
+var _boolean = require("boolean");
+
+var _config = require("../config");
+
 /**
  * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
  */
+var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
 
-export var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
-
-  var _super = _createSuper(NetworkErrorLinkPlugin);
+  var _super = (0, _createSuper2.default)(NetworkErrorLinkPlugin);
 
   function NetworkErrorLinkPlugin() {
-    _classCallCheck(this, NetworkErrorLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
     return _super.apply(this, arguments);
   }
 
-  _createClass(NetworkErrorLinkPlugin, [{
+  (0, _createClass2.default)(NetworkErrorLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
-      return onError(function (_ref) {
+      return (0, _apolloLinkError.onError)(function (_ref) {
         var networkError = _ref.networkError,
             operation = _ref.operation;
-        var debug = appConfig.getKey("DEBUG", boolean(process.env.REACT_APP_DEBUG));
+
+        var debug = _config.config.getKey("DEBUG", (0, _boolean.boolean)(process.env.REACT_APP_DEBUG));
 
         if (networkError && debug) {
-          createErrorOverlay({
-            query: print(operation.query),
+          (0, _createErrorOverlay.default)({
+            query: (0, _language.print)(operation.query),
             networkError: networkError
           });
         } // TODO: also print graphQLErrors
@@ -41,6 +59,7 @@ export var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
       });
     }
   }]);
-
   return NetworkErrorLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+
+exports.NetworkErrorLinkPlugin = NetworkErrorLinkPlugin;

package/plugins/NetworkErrorLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NetworkErrorLinkPlugin.ts"],"names":["ApolloLinkPlugin","onError","print","createErrorOverlay","boolean","config","appConfig","NetworkErrorLinkPlugin","networkError","operation","debug","getKey","process","env","REACT_APP_DEBUG","query"],"mappings":";;;;AAAA,SAASA,gBAAT;AACA,SAASC,OAAT,QAAwB,mBAAxB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,OAAOC,kBAAP;AACA,SAASC,OAAT,QAAwB,SAAxB;AACA,SAASC,MAAM,IAAIC,SAAnB;AAEA;AACA;AACA;;AACA,WAAaC,sBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,sBAA6B;AACzB,aAAON,OAAO,CAAC,gBAAiC;AAAA,YAA9BO,YAA8B,QAA9BA,YAA8B;AAAA,YAAhBC,SAAgB,QAAhBA,SAAgB;AAC5C,YAAMC,KAAK,GAAGJ,SAAS,CAACK,MAAV,CAAiB,OAAjB,EAA0BP,OAAO,CAACQ,OAAO,CAACC,GAAR,CAAYC,eAAb,CAAjC,CAAd;;AAEA,YAAIN,YAAY,IAAIE,KAApB,EAA2B;AACvBP,UAAAA,kBAAkB,CAAC;AAAEY,YAAAA,KAAK,EAAEb,KAAK,CAACO,SAAS,CAACM,KAAX,CAAd;AAAiCP,YAAAA,YAAY,EAAZA;AAAjC,WAAD,CAAlB;AACH,SAL2C,CAO5C;;AACH,OARa,CAAd;AASH;AAXL;;AAAA;AAAA,EAA4CR,gBAA5C","sourcesContent":["import { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { onError } from \"apollo-link-error\";\nimport { print } from \"graphql/language\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay\";\nimport { boolean } from \"boolean\";\nimport { config as appConfig } from \"~/config\";\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return onError(({ networkError, operation }) => {\n            const debug = appConfig.getKey(\"DEBUG\", boolean(process.env.REACT_APP_DEBUG));\n\n            if (networkError && debug) {\n                createErrorOverlay({ query: print(operation.query), networkError });\n            }\n\n            // TODO: also print graphQLErrors\n        });\n    }\n}\n"]}
+{"version":3,"names":["NetworkErrorLinkPlugin","onError","networkError","operation","debug","appConfig","getKey","boolean","process","env","REACT_APP_DEBUG","createErrorOverlay","query","print","ApolloLinkPlugin"],"sources":["NetworkErrorLinkPlugin.ts"],"sourcesContent":["import { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { onError } from \"apollo-link-error\";\nimport { print } from \"graphql/language\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay\";\nimport { boolean } from \"boolean\";\nimport { config as appConfig } from \"~/config\";\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return onError(({ networkError, operation }) => {\n            const debug = appConfig.getKey(\"DEBUG\", boolean(process.env.REACT_APP_DEBUG));\n\n            if (networkError && debug) {\n                createErrorOverlay({ query: print(operation.query), networkError });\n            }\n\n            // TODO: also print graphQLErrors\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;IACaA,sB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAAC,wBAAA,EAAQ,gBAAiC;QAAA,IAA9BC,YAA8B,QAA9BA,YAA8B;QAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;QAC5C,IAAMC,KAAK,GAAGC,cAAA,CAAUC,MAAV,CAAiB,OAAjB,EAA0B,IAAAC,gBAAA,EAAQC,OAAO,CAACC,GAAR,CAAYC,eAApB,CAA1B,CAAd;;QAEA,IAAIR,YAAY,IAAIE,KAApB,EAA2B;UACvB,IAAAO,2BAAA,EAAmB;YAAEC,KAAK,EAAE,IAAAC,eAAA,EAAMV,SAAS,CAACS,KAAhB,CAAT;YAAiCV,YAAY,EAAZA;UAAjC,CAAnB;QACH,CAL2C,CAO5C;;MACH,CARM,CAAP;IASH;;;EAXuCY,mC"}

package/plugins/OmitTypenameLinkPlugin.js

@@ -1,9 +1,23 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { ApolloLink } from "apollo-link";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OmitTypenameLinkPlugin = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _apolloLink = require("apollo-link");
+
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
 
 function omitTypename(key, value) {
   return key === "__typename" ? undefined : value;
@@ -13,21 +27,20 @@ function omitTypename(key, value) {
  */
 
 
-export var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
+var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
 
-  var _super = _createSuper(OmitTypenameLinkPlugin);
+  var _super = (0, _createSuper2.default)(OmitTypenameLinkPlugin);
 
   function OmitTypenameLinkPlugin() {
-    _classCallCheck(this, OmitTypenameLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
     return _super.apply(this, arguments);
   }
 
-  _createClass(OmitTypenameLinkPlugin, [{
+  (0, _createClass2.default)(OmitTypenameLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
-      return new ApolloLink(function (operation, forward) {
+      return new _apolloLink.ApolloLink(function (operation, forward) {
         if (operation.variables) {
           operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
         }
@@ -36,6 +49,7 @@ export var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
       });
     }
   }]);
-
   return OmitTypenameLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+
+exports.OmitTypenameLinkPlugin = OmitTypenameLinkPlugin;

package/plugins/OmitTypenameLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["OmitTypenameLinkPlugin.ts"],"names":["ApolloLink","ApolloLinkPlugin","omitTypename","key","value","undefined","OmitTypenameLinkPlugin","operation","forward","variables","JSON","parse","stringify"],"mappings":";;;;AAAA,SAASA,UAAT,QAA2B,aAA3B;AACA,SAASC,gBAAT;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAAmCC,KAAnC,EAAsE;AAClE,SAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;AACA,WAAaE,sBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,sBAAyC;AACrC,aAAO,IAAIN,UAAJ,CAAe,UAACO,SAAD,EAAYC,OAAZ,EAAwB;AAC1C,YAAID,SAAS,CAACE,SAAd,EAAyB;AACrBF,UAAAA,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDP,YAAhD,CAAtB;AACH;;AACD,eAAOM,OAAO,CAACD,SAAD,CAAd;AACH,OALM,CAAP;AAMH;AARL;;AAAA;AAAA,EAA4CN,gBAA5C","sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.variables) {\n                operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n            }\n            return forward(operation);\n        });\n    }\n}\n"]}
+{"version":3,"names":["omitTypename","key","value","undefined","OmitTypenameLinkPlugin","ApolloLink","operation","forward","variables","JSON","parse","stringify","ApolloLinkPlugin"],"sources":["OmitTypenameLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.variables) {\n                operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n            }\n            return forward(operation);\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,SAASA,YAAT,CAAsBC,GAAtB,EAAmCC,KAAnC,EAAsE;EAClE,OAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;IACaE,sB;;;;;;;;;;;;WACT,sBAAyC;MACrC,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAID,SAAS,CAACE,SAAd,EAAyB;UACrBF,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDR,YAAhD,CAAtB;QACH;;QACD,OAAOO,OAAO,CAACD,SAAD,CAAd;MACH,CALM,CAAP;IAMH;;;EARuCM,mC"}

package/plugins/RoutePlugin.js

@@ -1,29 +1,42 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin } from "@webiny/plugins";
-export var RoutePlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(RoutePlugin, _Plugin);
-
-  var _super = _createSuper(RoutePlugin);
+"use strict";
 
-  function RoutePlugin(config) {
-    var _this;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-    _classCallCheck(this, RoutePlugin);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoutePlugin = void 0;
 
-    _this = _super.call(this);
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
+var _plugins = require("@webiny/plugins");
 
+var RoutePlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(RoutePlugin, _Plugin);
+
+  var _super = (0, _createSuper2.default)(RoutePlugin);
+
+  function RoutePlugin(config) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, RoutePlugin);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
     _this._config = config || {};
     return _this;
   }
 
-  _createClass(RoutePlugin, [{
+  (0, _createClass2.default)(RoutePlugin, [{
     key: "route",
     get: function get() {
       if (!this._config.route) {
@@ -33,8 +46,8 @@ export var RoutePlugin = /*#__PURE__*/function (_Plugin) {
       return this._config.route;
     }
   }]);
-
   return RoutePlugin;
-}(Plugin);
+}(_plugins.Plugin);
 
-_defineProperty(RoutePlugin, "type", "route");
+exports.RoutePlugin = RoutePlugin;
+(0, _defineProperty2.default)(RoutePlugin, "type", "route");

package/plugins/RoutePlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RoutePlugin.tsx"],"names":["Plugin","RoutePlugin","config","_config","route"],"mappings":";;;;;;AACA,SAASA,MAAT,QAAuB,iBAAvB;AAMA,WAAaC,WAAb;AAAA;;AAAA;;AAII,uBAAYC,MAAZ,EAA6B;AAAA;;AAAA;;AACzB;;AADyB;;AAEzB,UAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;AAFyB;AAG5B;;AAPL;AAAA;AAAA,SASI,eAA6B;AACzB,UAAI,CAAC,KAAKC,OAAL,CAAaC,KAAlB,EAAyB;AACrB,eAAO,IAAP;AACH;;AACD,aAAO,KAAKD,OAAL,CAAaC,KAApB;AACH;AAdL;;AAAA;AAAA,EAAiCJ,MAAjC;;gBAAaC,W,UACsC,O","sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config {\n    route: React.ReactElement | null;\n}\n\nexport class RoutePlugin extends Plugin {\n    public static override readonly type: string = \"route\";\n    private _config: Partial<Config>;\n\n    constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get route(): Config[\"route\"] {\n        if (!this._config.route) {\n            return null;\n        }\n        return this._config.route;\n    }\n}\n"]}
+{"version":3,"names":["RoutePlugin","config","_config","route","Plugin"],"sources":["RoutePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config {\n    route: React.ReactElement | null;\n}\n\nexport class RoutePlugin extends Plugin {\n    public static override readonly type: string = \"route\";\n    private _config: Partial<Config>;\n\n    constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get route(): Config[\"route\"] {\n        if (!this._config.route) {\n            return null;\n        }\n        return this._config.route;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;IAMaA,W;;;;;EAIT,qBAAYC,MAAZ,EAA6B;IAAA;;IAAA;IACzB;IADyB;IAEzB,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFyB;EAG5B;;;;SAED,eAA6B;MACzB,IAAI,CAAC,KAAKC,OAAL,CAAaC,KAAlB,EAAyB;QACrB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKD,OAAL,CAAaC,KAApB;IACH;;;EAd4BC,e;;;8BAApBJ,W,UACsC,O"}