@webiny/app 5.43.2 → 6.0.0-alpha.0

package/plugins/ApolloDynamicLink.js

@@ -1,58 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApolloDynamicLink = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _apolloLink = require("apollo-link");
-var _plugins = require("@webiny/plugins");
+import { ApolloLink } from "apollo-link";
+import { plugins } from "@webiny/plugins";
 function createLink(plugin) {
   try {
     return plugin.createLink();
   } catch (e) {
-    console.error("Caught an error while executing \"createLink\" on plugin", plugin);
+    console.error(`Caught an error while executing "createLink" on plugin`, plugin);
     console.error(e);
   }
   return null;
 }
-var ApolloDynamicLink = exports.ApolloDynamicLink = /*#__PURE__*/function (_ApolloLink) {
-  function ApolloDynamicLink() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ApolloDynamicLink);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+export class ApolloDynamicLink extends ApolloLink {
+  cache = new Map();
+  request(operation, forward) {
+    const linkPlugins = plugins.byType("apollo-link");
+    if (!linkPlugins.length) {
+      return forward(operation);
     }
-    _this = (0, _callSuper2.default)(this, ApolloDynamicLink, [].concat(args));
-    (0, _defineProperty2.default)(_this, "cache", new Map());
-    return _this;
-  }
-  (0, _inherits2.default)(ApolloDynamicLink, _ApolloLink);
-  return (0, _createClass2.default)(ApolloDynamicLink, [{
-    key: "request",
-    value: function request(operation, forward) {
-      var linkPlugins = _plugins.plugins.byType("apollo-link");
-      if (!linkPlugins.length) {
-        return forward(operation);
-      }
-      var cacheKey = linkPlugins.map(function (pl) {
-        return pl.cacheKey;
-      }).join(",");
-      if (!this.cache.has(cacheKey)) {
-        /**
-         * We filter out falsy items from the linkPlugins because there might be some error while creating link.
-         */
-        var links = linkPlugins.map(createLink).filter(Boolean);
-        this.cache.set(cacheKey, _apolloLink.ApolloLink.from(links));
-      }
-      return this.cache.get(cacheKey).request(operation, forward);
+    const cacheKey = linkPlugins.map(pl => pl.cacheKey).join(",");
+    if (!this.cache.has(cacheKey)) {
+      /**
+       * We filter out falsy items from the linkPlugins because there might be some error while creating link.
+       */
+      const links = linkPlugins.map(createLink).filter(Boolean);
+      this.cache.set(cacheKey, ApolloLink.from(links));
     }
-  }]);
-}(_apolloLink.ApolloLink);
+    return this.cache.get(cacheKey).request(operation, forward);
+  }
+}
 
 //# sourceMappingURL=ApolloDynamicLink.js.map

package/plugins/ApolloDynamicLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloLink","require","_plugins","createLink","plugin","e","console","error","ApolloDynamicLink","exports","_ApolloLink","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","Map","_inherits2","_createClass2","key","value","request","operation","forward","linkPlugins","plugins","byType","cacheKey","map","pl","join","cache","has","links","filter","Boolean","set","ApolloLink","from","get"],"sources":["ApolloDynamicLink.ts"],"sourcesContent":["import { ApolloLink, NextLink } from \"apollo-link\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { Operation } from \"apollo-link/lib/types\";\n\nfunction createLink(plugin: ApolloLinkPlugin) {\n    try {\n        return plugin.createLink();\n    } catch (e) {\n        console.error(`Caught an error while executing \"createLink\" on plugin`, plugin);\n        console.error(e);\n    }\n    return null;\n}\n\nexport class ApolloDynamicLink extends ApolloLink {\n    private cache = new Map();\n\n    public override request(operation: Operation, forward: NextLink) {\n        const linkPlugins = plugins.byType<ApolloLinkPlugin>(\"apollo-link\");\n\n        if (!linkPlugins.length) {\n            return forward(operation);\n        }\n\n        const cacheKey = linkPlugins.map(pl => pl.cacheKey).join(\",\");\n\n        if (!this.cache.has(cacheKey)) {\n            /**\n             * We filter out falsy items from the linkPlugins because there might be some error while creating link.\n             */\n            const links = linkPlugins.map(createLink).filter(Boolean) as ApolloLink[];\n            this.cache.set(cacheKey, ApolloLink.from(links));\n        }\n\n        return this.cache.get(cacheKey).request(operation, forward);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAIA,SAASE,UAAUA,CAACC,MAAwB,EAAE;EAC1C,IAAI;IACA,OAAOA,MAAM,CAACD,UAAU,CAAC,CAAC;EAC9B,CAAC,CAAC,OAAOE,CAAC,EAAE;IACRC,OAAO,CAACC,KAAK,6DAA2DH,MAAM,CAAC;IAC/EE,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;EACpB;EACA,OAAO,IAAI;AACf;AAAC,IAEYG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,WAAA;EAAA,SAAAF,kBAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,iBAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,iBAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACV,IAAIY,GAAG,CAAC,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAA,IAAAa,UAAA,CAAAX,OAAA,EAAAL,iBAAA,EAAAE,WAAA;EAAA,WAAAe,aAAA,CAAAZ,OAAA,EAAAL,iBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAEzB,SAAgBC,OAAOA,CAACC,SAAoB,EAAEC,OAAiB,EAAE;MAC7D,IAAMC,WAAW,GAAGC,gBAAO,CAACC,MAAM,CAAmB,aAAa,CAAC;MAEnE,IAAI,CAACF,WAAW,CAACf,MAAM,EAAE;QACrB,OAAOc,OAAO,CAACD,SAAS,CAAC;MAC7B;MAEA,IAAMK,QAAQ,GAAGH,WAAW,CAACI,GAAG,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACF,QAAQ;MAAA,EAAC,CAACG,IAAI,CAAC,GAAG,CAAC;MAE7D,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,GAAG,CAACL,QAAQ,CAAC,EAAE;QAC3B;AACZ;AACA;QACY,IAAMM,KAAK,GAAGT,WAAW,CAACI,GAAG,CAAChC,UAAU,CAAC,CAACsC,MAAM,CAACC,OAAO,CAAiB;QACzE,IAAI,CAACJ,KAAK,CAACK,GAAG,CAACT,QAAQ,EAAEU,sBAAU,CAACC,IAAI,CAACL,KAAK,CAAC,CAAC;MACpD;MAEA,OAAO,IAAI,CAACF,KAAK,CAACQ,GAAG,CAACZ,QAAQ,CAAC,CAACN,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;IAC/D;EAAC;AAAA,EArBkCc,sBAAU","ignoreList":[]}
+{"version":3,"names":["ApolloLink","plugins","createLink","plugin","e","console","error","ApolloDynamicLink","cache","Map","request","operation","forward","linkPlugins","byType","length","cacheKey","map","pl","join","has","links","filter","Boolean","set","from","get"],"sources":["ApolloDynamicLink.ts"],"sourcesContent":["import { ApolloLink, NextLink } from \"apollo-link\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { Operation } from \"apollo-link/lib/types\";\n\nfunction createLink(plugin: ApolloLinkPlugin) {\n    try {\n        return plugin.createLink();\n    } catch (e) {\n        console.error(`Caught an error while executing \"createLink\" on plugin`, plugin);\n        console.error(e);\n    }\n    return null;\n}\n\nexport class ApolloDynamicLink extends ApolloLink {\n    private cache = new Map();\n\n    public override request(operation: Operation, forward: NextLink) {\n        const linkPlugins = plugins.byType<ApolloLinkPlugin>(\"apollo-link\");\n\n        if (!linkPlugins.length) {\n            return forward(operation);\n        }\n\n        const cacheKey = linkPlugins.map(pl => pl.cacheKey).join(\",\");\n\n        if (!this.cache.has(cacheKey)) {\n            /**\n             * We filter out falsy items from the linkPlugins because there might be some error while creating link.\n             */\n            const links = linkPlugins.map(createLink).filter(Boolean) as ApolloLink[];\n            this.cache.set(cacheKey, ApolloLink.from(links));\n        }\n\n        return this.cache.get(cacheKey).request(operation, forward);\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAkB,aAAa;AAClD,SAASC,OAAO,QAAQ,iBAAiB;AAIzC,SAASC,UAAUA,CAACC,MAAwB,EAAE;EAC1C,IAAI;IACA,OAAOA,MAAM,CAACD,UAAU,CAAC,CAAC;EAC9B,CAAC,CAAC,OAAOE,CAAC,EAAE;IACRC,OAAO,CAACC,KAAK,CAAC,wDAAwD,EAAEH,MAAM,CAAC;IAC/EE,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;EACpB;EACA,OAAO,IAAI;AACf;AAEA,OAAO,MAAMG,iBAAiB,SAASP,UAAU,CAAC;EACtCQ,KAAK,GAAG,IAAIC,GAAG,CAAC,CAAC;EAETC,OAAOA,CAACC,SAAoB,EAAEC,OAAiB,EAAE;IAC7D,MAAMC,WAAW,GAAGZ,OAAO,CAACa,MAAM,CAAmB,aAAa,CAAC;IAEnE,IAAI,CAACD,WAAW,CAACE,MAAM,EAAE;MACrB,OAAOH,OAAO,CAACD,SAAS,CAAC;IAC7B;IAEA,MAAMK,QAAQ,GAAGH,WAAW,CAACI,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;IAE7D,IAAI,CAAC,IAAI,CAACX,KAAK,CAACY,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAC3B;AACZ;AACA;MACY,MAAMK,KAAK,GAAGR,WAAW,CAACI,GAAG,CAACf,UAAU,CAAC,CAACoB,MAAM,CAACC,OAAO,CAAiB;MACzE,IAAI,CAACf,KAAK,CAACgB,GAAG,CAACR,QAAQ,EAAEhB,UAAU,CAACyB,IAAI,CAACJ,KAAK,CAAC,CAAC;IACpD;IAEA,OAAO,IAAI,CAACb,KAAK,CAACkB,GAAG,CAACV,QAAQ,CAAC,CAACN,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;EAC/D;AACJ","ignoreList":[]}

package/plugins/ApolloLinkPlugin.js

@@ -1,41 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApolloLinkPlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _nanoid = require("nanoid");
-var _plugins = require("@webiny/plugins");
-var ApolloLinkPlugin = exports.ApolloLinkPlugin = /*#__PURE__*/function (_Plugin) {
-  function ApolloLinkPlugin(factory) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ApolloLinkPlugin);
-    _this = (0, _callSuper2.default)(this, ApolloLinkPlugin);
-    _this.factory = factory;
-    _this.cacheKey = (0, _nanoid.nanoid)();
-    return _this;
+import { nanoid } from "nanoid";
+import { Plugin } from "@webiny/plugins";
+export class ApolloLinkPlugin extends Plugin {
+  static type = "apollo-link";
+  constructor(factory) {
+    super();
+    this.factory = factory;
+    this.cacheKey = nanoid();
   }
-  (0, _inherits2.default)(ApolloLinkPlugin, _Plugin);
-  return (0, _createClass2.default)(ApolloLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      if (this.cache) {
-        return this.cache;
-      }
-      if (typeof this.factory === "function") {
-        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."));
+  createLink() {
+    if (this.cache) {
+      return this.cache;
+    }
+    if (typeof this.factory === "function") {
+      this.cache = this.factory();
+      return this.cache;
     }
-  }]);
-}(_plugins.Plugin);
-(0, _defineProperty2.default)(ApolloLinkPlugin, "type", "apollo-link");
+    throw Error(`Missing ApolloLinkFactory in plugin "${this.name}"! Either pass a factory to ApolloLinkPlugin constructor or extend the class and override the "createLink" method.`);
+  }
+}
 
 //# sourceMappingURL=ApolloLinkPlugin.js.map

package/plugins/ApolloLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_nanoid","require","_plugins","ApolloLinkPlugin","exports","_Plugin","factory","_this","_classCallCheck2","default","_callSuper2","cacheKey","nanoid","_inherits2","_createClass2","key","value","createLink","cache","Error","concat","name","Plugin","_defineProperty2"],"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,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAyC,IAM5BE,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAAE,OAAA;EAMzB,SAAAF,iBAAYG,OAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,gBAAA;IACrCI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,gBAAA;IACAI,KAAA,CAAKD,OAAO,GAAGA,OAAO;IACtBC,KAAA,CAAKI,QAAQ,GAAG,IAAAC,cAAM,EAAC,CAAC;IAAC,OAAAL,KAAA;EAC7B;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAN,gBAAA,EAAAE,OAAA;EAAA,WAAAS,aAAA,CAAAL,OAAA,EAAAN,gBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,UAAUA,CAAA,EAAe;MAC5B,IAAI,IAAI,CAACC,KAAK,EAAE;QACZ,OAAO,IAAI,CAACA,KAAK;MACrB;MAEA,IAAI,OAAO,IAAI,CAACZ,OAAO,KAAK,UAAU,EAAE;QACpC,IAAI,CAACY,KAAK,GAAG,IAAI,CAACZ,OAAO,CAAC,CAAC;QAE3B,OAAO,IAAI,CAACY,KAAK;MACrB;MAEA,MAAMC,KAAK,0CAAAC,MAAA,CACiC,IAAI,CAACC,IAAI,0HACrD,CAAC;IACL;EAAC;AAAA,EA1BiCC,eAAM;AAAA,IAAAC,gBAAA,CAAAd,OAAA,EAA/BN,gBAAgB,UACsB,aAAa","ignoreList":[]}
+{"version":3,"names":["nanoid","Plugin","ApolloLinkPlugin","type","constructor","factory","cacheKey","createLink","cache","Error","name"],"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,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,MAAM,QAAQ,iBAAiB;AAMxC,OAAO,MAAMC,gBAAgB,SAASD,MAAM,CAAC;EACzC,OAAgCE,IAAI,GAAW,aAAa;EAK5DC,WAAWA,CAACC,OAA2B,EAAE;IACrC,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,QAAQ,GAAGN,MAAM,CAAC,CAAC;EAC5B;EAEOO,UAAUA,CAAA,EAAe;IAC5B,IAAI,IAAI,CAACC,KAAK,EAAE;MACZ,OAAO,IAAI,CAACA,KAAK;IACrB;IAEA,IAAI,OAAO,IAAI,CAACH,OAAO,KAAK,UAAU,EAAE;MACpC,IAAI,CAACG,KAAK,GAAG,IAAI,CAACH,OAAO,CAAC,CAAC;MAE3B,OAAO,IAAI,CAACG,KAAK;IACrB;IAEA,MAAMC,KAAK,CACP,wCAAwC,IAAI,CAACC,IAAI,oHACrD,CAAC;EACL;AACJ","ignoreList":[]}

package/plugins/ConsoleLinkPlugin.js

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

package/plugins/ConsoleLinkPlugin.js.map

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

package/plugins/LocaleHeaderLinkPlugin.js

@@ -1,49 +1,32 @@
-"use strict";
+import { setContext } from "apollo-link-context";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { getLocaleCode } from "../utils";
 
-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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _apolloLinkContext = require("apollo-link-context");
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
-var _utils = require("../utils");
 /**
  * Append `x-i18n-locale` header from URL query (necessary for prerendering service).
  */
-var LocaleHeaderLinkPlugin = exports.LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  function LocaleHeaderLinkPlugin(locale) {
-    var _this;
-    (0, _classCallCheck2.default)(this, LocaleHeaderLinkPlugin);
-    _this = (0, _callSuper2.default)(this, LocaleHeaderLinkPlugin);
-    _this.locale = locale || (0, _utils.getLocaleCode)();
-    return _this;
+export class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {
+  constructor(locale) {
+    super();
+    this.locale = locale || getLocaleCode();
   }
-  (0, _inherits2.default)(LocaleHeaderLinkPlugin, _ApolloLinkPlugin);
-  return (0, _createClass2.default)(LocaleHeaderLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      var _this2 = this;
-      return (0, _apolloLinkContext.setContext)(function (_, _ref) {
-        var headers = _ref.headers;
-        if (_this2.locale) {
-          return {
-            headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
-              "x-i18n-locale": "content:".concat(_this2.locale, ";")
-            })
-          };
-        }
+  createLink() {
+    return setContext((_, {
+      headers
+    }) => {
+      if (this.locale) {
         return {
-          headers: headers
+          headers: {
+            ...headers,
+            "x-i18n-locale": `content:${this.locale};`
+          }
         };
-      });
-    }
-  }]);
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+      }
+      return {
+        headers
+      };
+    });
+  }
+}
 
 //# sourceMappingURL=LocaleHeaderLinkPlugin.js.map

package/plugins/LocaleHeaderLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloLinkContext","require","_ApolloLinkPlugin2","_utils","LocaleHeaderLinkPlugin","exports","_ApolloLinkPlugin","locale","_this","_classCallCheck2","default","_callSuper2","getLocaleCode","_inherits2","_createClass2","key","value","createLink","_this2","setContext","_","_ref","headers","_objectSpread2","concat","ApolloLinkPlugin"],"sources":["LocaleHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\nimport { getLocaleCode } from \"~/utils\";\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        this.locale = locale || (getLocaleCode() as string);\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,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEA;AACA;AACA;AAFA,IAGaG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAAE,iBAAA;EAG/B,SAAAF,uBAAYG,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,sBAAA;IACzBI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,sBAAA;IAEAI,KAAA,CAAKD,MAAM,GAAGA,MAAM,IAAK,IAAAK,oBAAa,EAAC,CAAY;IAAC,OAAAJ,KAAA;EACxD;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,sBAAA,EAAAE,iBAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,sBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,UAAUA,CAAA,EAAe;MAAA,IAAAC,MAAA;MACrC,OAAO,IAAAC,6BAAU,EAAC,UAACC,CAAC,EAAAC,IAAA,EAAkB;QAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QAC3B,IAAIJ,MAAI,CAACX,MAAM,EAAE;UACb,OAAO;YACHe,OAAO,MAAAC,cAAA,CAAAb,OAAA,MAAAa,cAAA,CAAAb,OAAA,MACAY,OAAO;cACV,eAAe,aAAAE,MAAA,CAAaN,MAAI,CAACX,MAAM;YAAG;UAElD,CAAC;QACL;QAEA,OAAO;UAAEe,OAAO,EAAPA;QAAQ,CAAC;MACtB,CAAC,CAAC;IACN;EAAC;AAAA,EAtBuCG,mCAAgB","ignoreList":[]}
+{"version":3,"names":["setContext","ApolloLinkPlugin","getLocaleCode","LocaleHeaderLinkPlugin","constructor","locale","createLink","_","headers"],"sources":["LocaleHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\nimport { getLocaleCode } from \"~/utils\";\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        this.locale = locale || (getLocaleCode() as string);\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,SAASA,UAAU,QAAQ,qBAAqB;AAChD,SAASC,gBAAgB;AAEzB,SAASC,aAAa;;AAEtB;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,SAASF,gBAAgB,CAAC;EAGzDG,WAAWA,CAACC,MAAe,EAAE;IACzB,KAAK,CAAC,CAAC;IAEP,IAAI,CAACA,MAAM,GAAGA,MAAM,IAAKH,aAAa,CAAC,CAAY;EACvD;EAEgBI,UAAUA,CAAA,EAAe;IACrC,OAAON,UAAU,CAAC,CAACO,CAAC,EAAE;MAAEC;IAAQ,CAAC,KAAK;MAClC,IAAI,IAAI,CAACH,MAAM,EAAE;QACb,OAAO;UACHG,OAAO,EAAE;YACL,GAAGA,OAAO;YACV,eAAe,EAAE,WAAW,IAAI,CAACH,MAAM;UAC3C;QACJ,CAAC;MACL;MAEA,OAAO;QAAEG;MAAQ,CAAC;IACtB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

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

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_Button","_Typography","_i18n","_StyledComponents","_close_24px","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","_useState","useState","_useState2","_slicedToArray2","default","open","setOpen","console","error","stackTrace","get","createElement","OverlayWrapper","className","Typography","use","message","IconButton","icon","ReactComponent","onClick","_taggedTemplateLiteral2","Pre","link","href","target","rel","_default","exports"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { i18n } from \"../../i18n\";\nimport { OverlayWrapper, Pre } from \"./StyledComponents\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\nconst ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const [open, setOpen] = useState(true);\n    // Log error in browser's developer console for further inspection.\n    console.error({ networkError });\n\n    if (!open) {\n        return null;\n    }\n\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline4\"}>{networkError.message}</Typography>\n                    </div>\n                    <div className=\"header__action\">\n                        <IconButton icon={<CloseIcon />} onClick={() => setOpen(false)} />\n                    </div>\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">\n                        <Typography\n                            use={\"subtitle1\"}\n                        >{t`Error occurred while executing operation:`}</Typography>\n                        <Pre>\n                            <code>{query}</code>\n                        </Pre>\n                    </div>\n                    {stackTrace && (\n                        <div className=\"body__description\">\n                            <Typography use={\"subtitle1\"}>{t`Complete stack trace:`}</Typography>\n                            <Pre>\n                                <code>{stackTrace}</code>\n                            </Pre>\n                        </div>\n                    )}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body2\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n\nexport default ErrorOverlay;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","get","IconButton","Typography","i18n","OverlayWrapper","Pre","ReactComponent","CloseIcon","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","open","setOpen","console","error","stackTrace","createElement","className","use","message","icon","onClick","link","href","target","rel"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { i18n } from \"../../i18n\";\nimport { OverlayWrapper, Pre } from \"./StyledComponents\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\nconst ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const [open, setOpen] = useState(true);\n    // Log error in browser's developer console for further inspection.\n    console.error({ networkError });\n\n    if (!open) {\n        return null;\n    }\n\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline4\"}>{networkError.message}</Typography>\n                    </div>\n                    <div className=\"header__action\">\n                        <IconButton icon={<CloseIcon />} onClick={() => setOpen(false)} />\n                    </div>\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">\n                        <Typography\n                            use={\"subtitle1\"}\n                        >{t`Error occurred while executing operation:`}</Typography>\n                        <Pre>\n                            <code>{query}</code>\n                        </Pre>\n                    </div>\n                    {stackTrace && (\n                        <div className=\"body__description\">\n                            <Typography use={\"subtitle1\"}>{t`Complete stack trace:`}</Typography>\n                            <Pre>\n                                <code>{stackTrace}</code>\n                            </Pre>\n                        </div>\n                    )}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body2\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n\nexport default ErrorOverlay;\n"],"mappings":"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","ignoreList":[]}