@webiny/app 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/plugins/ApolloLinkPlugin.js

@@ -1,63 +1,23 @@
-"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 _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");
-
-var _plugins = require("@webiny/plugins");
-
-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 = (0, _nanoid.nanoid)();
-    return _this;
-  }
-
-  (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."));
+import { nanoid } from "nanoid";
+import { Plugin } from "@webiny/plugins";
+class ApolloLinkPlugin extends Plugin {
+    static{
+        this.type = "apollo-link";
+    }
+    constructor(factory){
+        super();
+        this.factory = factory;
+        this.cacheKey = nanoid();
+    }
+    createLink() {
+        if (this.cache) return this.cache;
+        if ("function" == typeof this.factory) {
+            this.cache = this.factory();
+            return this.cache;
+        }
+        throw Error(`Missing ApolloLinkFactory in plugin "${this.name}"! Either pass a factory to ApolloLinkPlugin constructor or extend the class and override the "createLink" method.`);
     }
-  }]);
-  return ApolloLinkPlugin;
-}(_plugins.Plugin);
+}
+export { ApolloLinkPlugin };
 
-exports.ApolloLinkPlugin = ApolloLinkPlugin;
-(0, _defineProperty2.default)(ApolloLinkPlugin, "type", "apollo-link");
+//# sourceMappingURL=ApolloLinkPlugin.js.map

package/plugins/ApolloLinkPlugin.js.map

@@ -1 +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"}
+{"version":3,"file":"plugins/ApolloLinkPlugin.js","sources":["../../src/plugins/ApolloLinkPlugin.ts"],"sourcesContent":["import type { 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"],"names":["ApolloLinkPlugin","Plugin","factory","nanoid","Error"],"mappings":";;AAQO,MAAMA,yBAAyBC;;aACF,IAAI,GAAW;;IAK/C,YAAYC,OAA2B,CAAE;QACrC,KAAK;QACL,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,QAAQ,GAAGC;IACpB;IAEO,aAAyB;QAC5B,IAAI,IAAI,CAAC,KAAK,EACV,OAAO,IAAI,CAAC,KAAK;QAGrB,IAAI,AAAwB,cAAxB,OAAO,IAAI,CAAC,OAAO,EAAiB;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;YAEzB,OAAO,IAAI,CAAC,KAAK;QACrB;QAEA,MAAMC,MACF,CAAC,qCAAqC,EAAE,IAAI,CAAC,IAAI,CAAC,kHAAkH,CAAC;IAE7K;AACJ"}

package/plugins/ConsoleLinkPlugin.d.ts

@@ -1,5 +1,5 @@
 import { ApolloLink } from "apollo-link";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 /**
  * This link checks for presence of `extensions.console` in the response and logs all items to browser console.
  */

package/plugins/ConsoleLinkPlugin.js

@@ -1,63 +1,24 @@
-"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);
-
-  var _super = (0, _createSuper2.default)(ConsoleLinkPlugin);
-
-  function ConsoleLinkPlugin() {
-    (0, _classCallCheck2.default)(this, ConsoleLinkPlugin);
-    return _super.apply(this, arguments);
-  }
-
-  (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));
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+class ConsoleLinkPlugin extends ApolloLinkPlugin {
+    createLink() {
+        return new ApolloLink((operation, forward)=>{
+            const firstDefinition = operation.query.definitions[0];
+            const isQuery = "query" === firstDefinition["operation"];
+            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;
             });
-            console.groupEnd();
-          }
-
-          return data;
         });
-      });
     }
-  }]);
-  return ConsoleLinkPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+}
+export { ConsoleLinkPlugin };
 
-exports.ConsoleLinkPlugin = ConsoleLinkPlugin;
+//# sourceMappingURL=ConsoleLinkPlugin.js.map

package/plugins/ConsoleLinkPlugin.js.map

@@ -1 +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"}
+{"version":3,"file":"plugins/ConsoleLinkPlugin.js","sources":["../../src/plugins/ConsoleLinkPlugin.ts"],"sourcesContent":["import type { FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { OperationDefinitionNode } from \"graphql/language/ast.js\";\n\ninterface Log {\n    args: any[];\n    method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n    extensions?: {\n        console?: Log[];\n    };\n}\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return new ApolloLink((operation, forward) => {\n            const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n            const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n            return forward(operation).map((data: FetchResult) => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach((log: Log) => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"names":["ConsoleLinkPlugin","ApolloLinkPlugin","ApolloLink","operation","forward","firstDefinition","isQuery","data","Array","variables","JSON","console","log"],"mappings":";;AAmBO,MAAMA,0BAA0BC;IACnB,aAAa;QACzB,OAAO,IAAIC,WAAW,CAACC,WAAWC;YAC9B,MAAMC,kBAAkBF,UAAU,KAAK,CAAC,WAAW,CAAC,EAAE;YACtD,MAAMG,UAAUD,AAAiC,YAAjCA,eAAe,CAAC,YAAY;YAE5C,OAAOD,QAAQD,WAAW,GAAG,CAAC,CAACI;gBAC3B,IACIA,KAAK,UAAU,IACfC,MAAM,OAAO,CAACD,KAAK,UAAU,CAAC,OAAO,KACrCA,KAAK,UAAU,CAAC,OAAO,CAAC,MAAM,EAChC;oBACE,MAAME,YAAYH,UACZI,KAAK,SAAS,CAACP,UAAU,SAAS,IAClC;oBACNQ,QAAQ,cAAc,CAClB,CAAC,iBAAiB,EAAEL,UAAU,UAAU,WAAW,IAAI,EACnDH,UAAU,aAAa,IAAI,sBAC9B,GAAG,EAAEM,UAAU,EAAE,CAAC,EACnB,kBACA,kBACA;oBAEJF,KAAK,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAACK;wBAC7BD,OAAO,CAACC,IAAI,MAAM,CAAC,IAAIA,IAAI,IAAI;oBACnC;oBACAD,QAAQ,QAAQ;gBACpB;gBAEA,OAAOJ;YACX;QACJ;IACJ;AACJ"}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts

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

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

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

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -1 +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"}
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/ErrorOverlay.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { OverlayWrapper } from \"./StyledComponents.js\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ntype ErrorOverlayProps = Partial<{\n    title: React.ReactNode;\n    message: React.ReactNode;\n    description: React.ReactNode;\n    closeable?: boolean;\n}>;\n\nexport const ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { title = \"An error occurred\", message, description, closeable } = props;\n    const [open, setOpen] = useState(true);\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline\"}>{title}</Typography>\n                    </div>\n                    {closeable !== false && (\n                        <div className=\"header__action\">\n                            <span onClick={() => setOpen(false)}>\n                                <CloseIcon />\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">{message}</div>\n                    {description && <div className=\"body__description\">{description}</div>}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n"],"names":["t","i18n","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","title","message","description","closeable","open","setOpen","useState","OverlayWrapper","Typography","CloseIcon"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,qCACF;AASG,MAAMC,eAAe,CAACC;IACzB,MAAM,EAAEC,QAAQ,mBAAmB,EAAEC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGJ;IACzE,MAAM,CAACK,MAAMC,QAAQ,GAAGC,SAAS;IACjC,IAAI,CAACF,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACG,gBAAcA,MAAAA,WAAAA,GACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,YAAUA;QAAC,KAAK;OAAaR,SAEjCG,AAAc,UAAdA,aAAuB,WAAT,GACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAK,SAAS,IAAME,QAAQ;qBACzB,oBAACI,gBAASA,UAAAA,WAAAA,GAK1B,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;OAAiBR,UAC/BC,eAAe,WAAfA,GAAe,oBAAC;QAAI,WAAU;OAAqBA,eAAAA,WAAAA,GAExD,oBAAC;QAAI,WAAU;qBACX,oBAACM,YAAUA;QAAC,KAAK;OACZb,CAAC,CAAC;;0DAE+B,CAAC,CAAC;QAChC,SAAS,WAAT,GAAS,oBAAC;YAAK,WAAW;WAAa;QACvC,MAAM,WAAN,GACI,oBAAC;YACG,MAAME;YACN,QAAQ;YACR,KAAK;WACR;IAIT,kBACA,oBAAC,aACAF,CAAC,CAAC,oEAAoE,CAAC;AAMhG"}

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.d.ts

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

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js

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

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { Pre } from \"./StyledComponents.js\";\nimport { ErrorOverlay } from \"./ErrorOverlay.js\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\n\nexport const GqlErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    const title = networkError.message;\n\n    const message = (\n        <>\n            <Typography use={\"subtitle\"}>{t`Error occurred while executing operation:`}</Typography>\n            <Pre>\n                <code>{query}</code>\n            </Pre>\n        </>\n    );\n\n    let description: React.ReactNode = null;\n    if (stackTrace) {\n        description = (\n            <>\n                <Typography use={\"subtitle\"}>{t`Complete stack trace:`}</Typography>\n                <Pre>\n                    <code>{stackTrace}</code>\n                </Pre>\n            </>\n        );\n    }\n\n    return <ErrorOverlay title={title} message={message} description={description} />;\n};\n"],"names":["t","i18n","GqlErrorOverlay","props","query","networkError","stackTrace","get","title","message","Typography","Pre","description","ErrorOverlay"],"mappings":";;;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAcX,MAAMC,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGF;IAChC,MAAMG,aAAaC,IAAIF,cAAc;IAErC,MAAMG,QAAQH,aAAa,OAAO;IAElC,MAAMI,UAAU,WAAVA,GACF,wDACI,oBAACC,YAAUA;QAAC,KAAK;OAAaV,CAAC,CAAC,yCAAyC,CAAC,iBAC1E,oBAACW,KAAGA,MAAAA,WAAAA,GACA,oBAAC,cAAMP;IAKnB,IAAIQ,cAA+B;IACnC,IAAIN,YACAM,cAAc,WAAdA,GACI,wDACI,oBAACF,YAAUA;QAAC,KAAK;OAAaV,CAAC,CAAC,qBAAqB,CAAC,iBACtD,oBAACW,KAAGA,MAAAA,WAAAA,GACA,oBAAC,cAAML;IAMvB,OAAO,WAAP,GAAO,oBAACO,cAAYA;QAAC,OAAOL;QAAO,SAASC;QAAS,aAAaG;;AACtE"}

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.d.ts

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

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js

@@ -0,0 +1,23 @@
+import react from "react";
+import styled from "@emotion/styled";
+const Code = styled.code`
+    font-family: monospace;
+    font-size: 0.85rem;
+    line-height: 1rem;
+`;
+const LocalAwsLambdaTimeoutMessage = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, "Local AWS Lambda function execution timed out.", /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("br", null), "Did you stop the\xa0", /*#__PURE__*/ react.createElement("a", {
+        href: "https://www.webiny.com/docs/core-development-concepts/basics/watch-command",
+        rel: "noreferrer noopener",
+        target: "_blank"
+    }, /*#__PURE__*/ react.createElement(Code, null, "webiny watch")), "\xa0command? If so, please restart the command or deploy your changes via the\xa0", /*#__PURE__*/ react.createElement("a", {
+        href: "https://www.webiny.com/docs/core-development-concepts/basics/project-deployment",
+        rel: "noreferrer noopener",
+        target: "_blank"
+    }, /*#__PURE__*/ react.createElement(Code, null, "webiny deploy")), "\xa0command. For example: ", /*#__PURE__*/ react.createElement(Code, null, "yarn webiny deploy api --env dev"), ".", /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("br", null), "Learn more:\xa0", /*#__PURE__*/ react.createElement("a", {
+        href: "https://webiny.link/local-aws-lambda-development",
+        rel: "noreferrer noopener",
+        target: "_blank"
+    }, "https://webiny.link/local-aws-lambda-development"));
+export { LocalAwsLambdaTimeoutMessage };
+
+//# sourceMappingURL=LocalAwsLambdaTimeoutMessage.js.map

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Code = styled.code`\n    font-family: monospace;\n    font-size: 0.85rem;\n    line-height: 1rem;\n`;\n\nexport const LocalAwsLambdaTimeoutMessage = () => (\n    <>\n        Local AWS Lambda function execution timed out.\n        <br />\n        <br />\n        Did you stop the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/watch-command\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny watch</Code>\n        </a>\n        &nbsp;command? If so, please restart the command or deploy your changes via the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/project-deployment\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny deploy</Code>\n        </a>\n        &nbsp;command. For example: <Code>yarn webiny deploy api --env dev</Code>.\n        <br />\n        <br />\n        Learn more:&nbsp;\n        <a\n            href={\"https://webiny.link/local-aws-lambda-development\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            https://webiny.link/local-aws-lambda-development\n        </a>\n    </>\n);\n"],"names":["Code","styled","LocalAwsLambdaTimeoutMessage"],"mappings":";;AAGA,MAAMA,OAAOC,OAAO,IAAI,CAAC;;;;AAIzB,CAAC;AAEM,MAAMC,+BAA+B,kBACxC,0CAAE,gEAEE,oBAAC,2BACD,oBAAC,aAAK,sCAEN,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;qBAER,oBAACF,MAAIA,MAAC,kBACN,mGAEJ,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;qBAER,oBAACA,MAAIA,MAAC,mBACN,4CACwB,oBAACA,MAAIA,MAAC,qCAAuC,mBACzE,oBAAC,2BACD,oBAAC,aAAK,iCAEN,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;OACX"}

package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
-/// <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>;
+export declare const OverlayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Pre: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js

@@ -1,21 +1,69 @@
-"use strict";
+import styled from "@emotion/styled";
+const OverlayWrapper = styled("div")(`
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 105; // The highest z-index value is 100 for Dialogs
+    
+    .inner {
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        background-color: white;
+        padding: 1rem;
+    }
+    
+    .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 1rem;
+        .header__title {
+            color: var(--mdc-theme-error);
+        }
+    }
+    
+    .body {
+        grow: 1;
+        .body__summary {
+            margin-bottom: 1rem;
+        }
+    }
+    
+    .footer {
+        color: var(--mdc-theme-text-secondary-on-background);
+        
+        .highlight {
+            background-color: rgba(251, 245, 180, 0.5);
+            padding: 0 4px;
+            border-radius: 6px;
+            font-family: monospace;
+        }
+    }
+`);
+const Pre = styled("pre")(`
+    position: relative;
+    display: block;
+    padding: 0.5em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    border-radius: 0.25rem;
+    background-color: rgba(251, 245, 180, 0.3);
+    color: inherit;
+    
+    code {
+        font-family: monospace;
+        font-size: 0.85rem;
+        line-height: 1rem;
+    }
+`);
+export { OverlayWrapper, Pre };
 
-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");
-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");
-exports.Pre = Pre;
+//# sourceMappingURL=StyledComponents.js.map