@webiny/app 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db

package/plugins/ApolloLinkPlugin.d.ts

@@ -1,13 +1,13 @@
 import { ApolloLink } from "apollo-link";
 import { Plugin } from "@webiny/plugins";
-interface ApolloLinkFactory {
+export interface ApolloLinkFactory {
     (): ApolloLink;
 }
 export declare class ApolloLinkPlugin extends Plugin {
-    static readonly type = "apollo-link";
-    readonly cacheKey: any;
-    private factory;
+    static readonly type: string;
+    readonly cacheKey: string;
+    private readonly factory?;
+    private cache?;
     constructor(factory?: ApolloLinkFactory);
     createLink(): ApolloLink;
 }
-export {};

package/plugins/ApolloLinkPlugin.js

@@ -1,43 +1,63 @@
-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 ApolloLinkPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(ApolloLinkPlugin, _Plugin);
-
-  var _super = _createSuper(ApolloLinkPlugin);
+"use strict";
 
-  function ApolloLinkPlugin(factory) {
-    var _this;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-    _classCallCheck(this, ApolloLinkPlugin);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ApolloLinkPlugin = 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"));
+
+var _nanoid = require("nanoid");
 
-    _defineProperty(_assertThisInitialized(_this), "cacheKey", void 0);
+var _plugins = require("@webiny/plugins");
 
-    _defineProperty(_assertThisInitialized(_this), "factory", void 0);
+var ApolloLinkPlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(ApolloLinkPlugin, _Plugin);
 
+  var _super = (0, _createSuper2.default)(ApolloLinkPlugin);
+
+  function ApolloLinkPlugin(factory) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ApolloLinkPlugin);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cacheKey", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "factory", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cache", void 0);
     _this.factory = factory;
-    _this.cacheKey = Date.now();
+    _this.cacheKey = (0, _nanoid.nanoid)();
     return _this;
   }
 
-  _createClass(ApolloLinkPlugin, [{
+  (0, _createClass2.default)(ApolloLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
+      if (this.cache) {
+        return this.cache;
+      }
+
       if (typeof this.factory === "function") {
-        return this.factory();
+        this.cache = this.factory();
+        return this.cache;
       }
 
       throw Error("Missing ApolloLinkFactory in plugin \"".concat(this.name, "\"! Either pass a factory to ApolloLinkPlugin constructor or extend the class and override the \"createLink\" method."));
     }
   }]);
-
   return ApolloLinkPlugin;
-}(Plugin);
+}(_plugins.Plugin);
 
-_defineProperty(ApolloLinkPlugin, "type", "apollo-link");
+exports.ApolloLinkPlugin = ApolloLinkPlugin;
+(0, _defineProperty2.default)(ApolloLinkPlugin, "type", "apollo-link");

package/plugins/ApolloLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApolloLinkPlugin","factory","cacheKey","nanoid","cache","Error","name","Plugin"],"sources":["ApolloLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { nanoid } from \"nanoid\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface ApolloLinkFactory {\n    (): ApolloLink;\n}\n\nexport class ApolloLinkPlugin extends Plugin {\n    public static override readonly type: string = \"apollo-link\";\n    public readonly cacheKey;\n    private readonly factory?: ApolloLinkFactory;\n    private cache?: ApolloLink;\n\n    constructor(factory?: ApolloLinkFactory) {\n        super();\n        this.factory = factory;\n        this.cacheKey = nanoid();\n    }\n\n    public createLink(): ApolloLink {\n        if (this.cache) {\n            return this.cache;\n        }\n\n        if (typeof this.factory === \"function\") {\n            this.cache = this.factory();\n\n            return this.cache;\n        }\n\n        throw Error(\n            `Missing ApolloLinkFactory in plugin \"${this.name}\"! Either pass a factory to ApolloLinkPlugin constructor or extend the class and override the \"createLink\" method.`\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;IAMaA,gB;;;;;EAMT,0BAAYC,OAAZ,EAAyC;IAAA;;IAAA;IACrC;IADqC;IAAA;IAAA;IAErC,MAAKA,OAAL,GAAeA,OAAf;IACA,MAAKC,QAAL,GAAgB,IAAAC,cAAA,GAAhB;IAHqC;EAIxC;;;;WAED,sBAAgC;MAC5B,IAAI,KAAKC,KAAT,EAAgB;QACZ,OAAO,KAAKA,KAAZ;MACH;;MAED,IAAI,OAAO,KAAKH,OAAZ,KAAwB,UAA5B,EAAwC;QACpC,KAAKG,KAAL,GAAa,KAAKH,OAAL,EAAb;QAEA,OAAO,KAAKG,KAAZ;MACH;;MAED,MAAMC,KAAK,iDACiC,KAAKC,IADtC,2HAAX;IAGH;;;EA1BiCC,e;;;8BAAzBP,gB,UACsC,a"}

package/plugins/ConsoleLinkPlugin.js

@@ -1,30 +1,45 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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.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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _apolloLink = require("apollo-link");
+
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
+
 /**
  * This link checks for presence of `extensions.console` in the response and logs all items to browser console.
  */
+var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(ConsoleLinkPlugin, _ApolloLinkPlugin);
 
-export var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(ConsoleLinkPlugin, _ApolloLinkPlugin);
-
-  var _super = _createSuper(ConsoleLinkPlugin);
+  var _super = (0, _createSuper2.default)(ConsoleLinkPlugin);
 
   function ConsoleLinkPlugin() {
-    _classCallCheck(this, ConsoleLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, ConsoleLinkPlugin);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ConsoleLinkPlugin, [{
+  (0, _createClass2.default)(ConsoleLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
-      return new ApolloLink(function (operation, forward) {
-        var isQuery = operation.query.definitions[0]["operation"] === "query";
+      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 }";
@@ -32,7 +47,7 @@ export var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
             data.extensions.console.forEach(function (log) {
               var _console;
 
-              (_console = console)[log.method].apply(_console, _toConsumableArray(log.args));
+              (_console = console)[log.method].apply(_console, (0, _toConsumableArray2.default)(log.args));
             });
             console.groupEnd();
           }
@@ -42,6 +57,7 @@ export var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
       });
     }
   }]);
-
   return ConsoleLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+
+exports.ConsoleLinkPlugin = ConsoleLinkPlugin;

package/plugins/ConsoleLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConsoleLinkPlugin","ApolloLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","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;;AACA;;AAcA;AACA;AACA;IACaA,iB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAMC,eAAe,GAAGF,SAAS,CAACG,KAAV,CAAgBC,WAAhB,CAA4B,CAA5B,CAAxB;QACA,IAAMC,OAAO,GAAGH,eAAe,CAAC,WAAD,CAAf,KAAiC,OAAjD;QAEA,OAAOD,OAAO,CAACD,SAAD,CAAP,CAAmBM,GAAnB,CAAuB,UAACC,IAAD,EAAuB;UACjD,IACIA,IAAI,CAACC,UAAL,IACAC,KAAK,CAACC,OAAN,CAAcH,IAAI,CAACC,UAAL,CAAgBG,OAA9B,CADA,IAEAJ,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBC,MAH5B,EAIE;YACE,IAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAL,CAAef,SAAS,CAACa,SAAzB,CADmB,GAEnB,4CAFN;YAGAF,OAAO,CAACK,cAAR,4BACwBX,OAAO,GAAG,OAAH,GAAa,UAD5C,iBAEQL,SAAS,CAACiB,aAAV,IAA2B,qBAFnC,gBAGUJ,SAHV,SAII,gBAJJ,EAKI,gBALJ,EAMI,cANJ;YAQAN,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBO,OAAxB,CAAgC,UAACC,GAAD,EAAc;cAAA;;cAC1C,YAAAR,OAAO,EAACQ,GAAG,CAACC,MAAL,CAAP,kDAAuBD,GAAG,CAACE,IAA3B;YACH,CAFD;YAGAV,OAAO,CAACW,QAAR;UACH;;UAED,OAAOf,IAAP;QACH,CAxBM,CAAP;MAyBH,CA7BM,CAAP;IA8BH;;;EAhCkCgB,mC"}

package/plugins/LocaleHeaderLinkPlugin.d.ts

@@ -1,4 +1,5 @@
 import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLink } from "apollo-link";
 declare global {
     interface Window {
         __PS_RENDER_LOCALE__: string;
@@ -8,7 +9,7 @@ declare global {
  * Append `x-i18n-locale` header from URL query (necessary for prerendering service).
  */
 export declare class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {
-    private locale;
+    private readonly locale;
     constructor(locale?: string);
-    createLink(): import("apollo-link").ApolloLink;
+    createLink(): ApolloLink;
 }

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,6 +1,14 @@
-/// <reference types="react" />
-declare const ErrorOverlay: ({ query, networkError }: {
-    query: any;
-    networkError: any;
-}) => JSX.Element;
+import React from "react";
+interface ErrorOverlayProps {
+    query: string;
+    networkError: {
+        message: string;
+        result?: {
+            error?: {
+                stack?: string;
+            };
+        };
+    };
+}
+declare const ErrorOverlay: React.FC<ErrorOverlayProps>;
 export default ErrorOverlay;

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 "@svgr/webpack!./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(_ref) {
-  var query = _ref.query,
-      networkError = _ref.networkError;
+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(_ref) {
     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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const OverlayWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "title" | "style" | "children" | "slot" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const Pre: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "className" | "title" | "style" | "children" | "slot" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const OverlayWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Pre: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, Pick<import("react").ClassAttributes<HTMLPreElement> & import("react").HTMLAttributes<HTMLPreElement>, keyof import("react").HTMLAttributes<HTMLPreElement>>, object>;

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,5 +1,7 @@
-declare const createErrorOverlay: ({ query, networkError }: {
-    query: any;
-    networkError: any;
-}) => void;
+import { ServerError, ServerParseError } from "apollo-link-http-common";
+interface CreateErrorOverlayParams {
+    query: string;
+    networkError: Error | ServerError | ServerParseError;
+}
+declare const createErrorOverlay: (params: CreateErrorOverlayParams) => void;
 export default createErrorOverlay;

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js

@@ -1,12 +1,22 @@
-import React from "react";
-import { render } from "react-dom";
-import ErrorOverlay from "./ErrorOverlay";
+"use strict";
 
-var createErrorOverlay = function createErrorOverlay(_ref) {
-  var query = _ref.query,
-      networkError = _ref.networkError;
+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,
+      networkError = params.networkError; // If the element already present in DOM, return immediately.
 
-  // If the element already present in DOM, return immediately.
   if (document.getElementById("overlay-root")) {
     return;
   } // Create root element to hold React tree.
@@ -18,10 +28,11 @@ var createErrorOverlay = function createErrorOverlay(_ref) {
   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;