@webiny/app 0.0.0-unstable.79032b23a5 → 0.0.0-unstable.7be00a75a9

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","render"],"sources":["createErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\nimport { ServerError, ServerParseError } from \"apollo-link-http-common\";\n\ninterface CreateErrorOverlayParams {\n    query: string;\n    networkError: Error | ServerError | ServerParseError;\n}\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n    const { query, networkError } = params;\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    render(<ErrorOverlay query={query} networkError={networkError} />, container);\n};\n\nexport default createErrorOverlay;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAOA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,MAAgC,EAAW;EACnE,IAAQC,KAAK,GAAmBD,MAAM,CAA9BC,KAAK;IAAEC,YAAY,GAAKF,MAAM,CAAvBE,YAAY;EAC3B;EACA,IAAIC,QAAQ,CAACC,cAAc,CAAC,cAAc,CAAC,EAAE;IACzC;EACJ;EACA;EACA,IAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;EAC/DD,SAAS,CAACE,EAAE,GAAG,cAAc;EAC7B;EACA,IAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACtED,IAAI,CAACE,WAAW,CAACL,SAAS,CAAC;EAC3B;EACA,IAAAM,gBAAM,gBAAC,6BAAC,qBAAY;IAAC,KAAK,EAAEV,KAAM;IAAC,YAAY,EAAEC;EAAa,EAAG,EAAEG,SAAS,CAAC;AACjF,CAAC;AAAC,eAEaN,kBAAkB;AAAA"}
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/createErrorOverlay.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/createErrorOverlay.tsx"],"sourcesContent":["import type React from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\ninterface CreateErrorOverlayParams {\n    element: React.ReactElement;\n    closeable?: boolean;\n}\n\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n    const { element } = params;\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    const root = createRoot(container);\n    root.render(element);\n};\n\nexport default createErrorOverlay;\n"],"names":["createErrorOverlay","params","element","document","container","body","root","createRoot"],"mappings":";AAQA,MAAMA,qBAAqB,CAACC;IACxB,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,IAAIE,SAAS,cAAc,CAAC,iBACxB;IAGJ,MAAMC,YAA4BD,SAAS,aAAa,CAAC;IACzDC,UAAU,EAAE,GAAG;IAEf,MAAMC,OAAwBF,SAAS,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACtEE,KAAK,WAAW,CAACD;IAEjB,MAAME,OAAOC,WAAWH;IACxBE,KAAK,MAAM,CAACJ;AAChB;AAEA,kDAAeF"}

package/plugins/NetworkErrorLinkPlugin.d.ts

@@ -1,7 +1,10 @@
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+import type { EventPublisher } from "../features/eventPublisher/index.js";
 /**
  * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
  */
 export declare class NetworkErrorLinkPlugin extends ApolloLinkPlugin {
+    private getEventPublisher;
+    constructor(getEventPublisher: () => EventPublisher.Interface);
     createLink(): import("apollo-link").ApolloLink;
 }

package/plugins/NetworkErrorLinkPlugin.js

@@ -1,48 +1,53 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkErrorLinkPlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
-var _apolloLinkError = require("apollo-link-error");
-var _language = require("graphql/language");
-var _createErrorOverlay = _interopRequireDefault(require("./NetworkErrorLinkPlugin/createErrorOverlay"));
-var _boolean = require("boolean");
-var _config = require("../config");
-/**
- * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
- */
-var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  (0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
-  var _super = (0, _createSuper2.default)(NetworkErrorLinkPlugin);
-  function NetworkErrorLinkPlugin() {
-    (0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(NetworkErrorLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      return (0, _apolloLinkError.onError)(function (_ref) {
-        var networkError = _ref.networkError,
-          operation = _ref.operation;
-        var debug = _config.config.getKey("DEBUG", (0, _boolean.boolean)(process.env.REACT_APP_DEBUG));
-        if (networkError && debug) {
-          (0, _createErrorOverlay.default)({
-            query: (0, _language.print)(operation.query),
-            networkError: networkError
-          });
-        }
-
-        // TODO: also print graphQLErrors
-      });
+import react from "react";
+import { onError } from "apollo-link-error";
+import { print } from "graphql/language/index.js";
+import { toBoolean } from "@webiny/stdlib";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+import createErrorOverlay from "./NetworkErrorLinkPlugin/createErrorOverlay.js";
+import { LocalAwsLambdaTimeoutMessage } from "./NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js";
+import { config } from "../config.js";
+import { ErrorOverlay } from "./NetworkErrorLinkPlugin/ErrorOverlay.js";
+import { GqlErrorOverlay } from "./NetworkErrorLinkPlugin/GqlErrorOverlay.js";
+import { NetworkErrorEvent } from "../errors/index.js";
+const isLocalAwsLambdaFnInvocationTimeoutError = (error)=>error.result && "LOCAL_AWS_LAMBDA_TIMEOUT" === error.result.code;
+class NetworkErrorLinkPlugin extends ApolloLinkPlugin {
+    constructor(getEventPublisher){
+        super(), this.getEventPublisher = getEventPublisher;
     }
-  }]);
-  return NetworkErrorLinkPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
-exports.NetworkErrorLinkPlugin = NetworkErrorLinkPlugin;
+    createLink() {
+        return onError(({ networkError, operation })=>{
+            const debug = config.getKey("DEBUG", toBoolean(process.env.REACT_APP_DEBUG));
+            if (networkError) {
+                const errorType = isLocalAwsLambdaFnInvocationTimeoutError(networkError) ? "timeout" : "network";
+                const event = new NetworkErrorEvent({
+                    message: networkError.message,
+                    operationName: operation.operationName,
+                    query: print(operation.query),
+                    variables: operation.variables,
+                    errorType,
+                    statusCode: networkError.statusCode,
+                    result: networkError.result
+                });
+                this.getEventPublisher().publish(event);
+                if (debug) {
+                    if (isLocalAwsLambdaFnInvocationTimeoutError(networkError)) return void createErrorOverlay({
+                        element: /*#__PURE__*/ react.createElement(ErrorOverlay, {
+                            message: /*#__PURE__*/ react.createElement(LocalAwsLambdaTimeoutMessage, null),
+                            closeable: false
+                        }),
+                        closeable: false
+                    });
+                    createErrorOverlay({
+                        element: /*#__PURE__*/ react.createElement(GqlErrorOverlay, {
+                            query: print(operation.query),
+                            networkError: networkError
+                        })
+                    });
+                }
+            }
+        });
+    }
+}
+export { NetworkErrorLinkPlugin };
+
+//# sourceMappingURL=NetworkErrorLinkPlugin.js.map

package/plugins/NetworkErrorLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["NetworkErrorLinkPlugin","onError","networkError","operation","debug","appConfig","getKey","boolean","process","env","REACT_APP_DEBUG","createErrorOverlay","query","print","ApolloLinkPlugin"],"sources":["NetworkErrorLinkPlugin.ts"],"sourcesContent":["import { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { onError } from \"apollo-link-error\";\nimport { print } from \"graphql/language\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay\";\nimport { boolean } from \"boolean\";\nimport { config as appConfig } from \"~/config\";\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return onError(({ networkError, operation }) => {\n            const debug = appConfig.getKey(\"DEBUG\", boolean(process.env.REACT_APP_DEBUG));\n\n            if (networkError && debug) {\n                createErrorOverlay({ query: print(operation.query), networkError });\n            }\n\n            // TODO: also print graphQLErrors\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGaA,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC/B,sBAA6B;MACzB,OAAO,IAAAC,wBAAO,EAAC,gBAAiC;QAAA,IAA9BC,YAAY,QAAZA,YAAY;UAAEC,SAAS,QAATA,SAAS;QACrC,IAAMC,KAAK,GAAGC,cAAS,CAACC,MAAM,CAAC,OAAO,EAAE,IAAAC,gBAAO,EAACC,OAAO,CAACC,GAAG,CAACC,eAAe,CAAC,CAAC;QAE7E,IAAIR,YAAY,IAAIE,KAAK,EAAE;UACvB,IAAAO,2BAAkB,EAAC;YAAEC,KAAK,EAAE,IAAAC,eAAK,EAACV,SAAS,CAACS,KAAK,CAAC;YAAEV,YAAY,EAAZA;UAAa,CAAC,CAAC;QACvE;;QAEA;MACJ,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EAXuCY,mCAAgB;AAAA"}
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin.js","sources":["../../src/plugins/NetworkErrorLinkPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { onError } from \"apollo-link-error\";\nimport { type ServerError } from \"apollo-link-http-common\";\nimport { print } from \"graphql/language/index.js\";\nimport { toBoolean } from \"@webiny/stdlib\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay.js\";\nimport { LocalAwsLambdaTimeoutMessage } from \"./NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js\";\nimport { config as appConfig } from \"~/config.js\";\nimport { ErrorOverlay } from \"~/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js\";\nimport { GqlErrorOverlay } from \"./NetworkErrorLinkPlugin/GqlErrorOverlay.js\";\nimport type { EventPublisher } from \"~/features/eventPublisher/index.js\";\nimport { NetworkErrorEvent } from \"~/errors/index.js\";\n\nconst isLocalAwsLambdaFnInvocationTimeoutError = (error: any): error is ServerError => {\n    return error.result && error.result.code === \"LOCAL_AWS_LAMBDA_TIMEOUT\";\n};\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n    constructor(private getEventPublisher: () => EventPublisher.Interface) {\n        super();\n    }\n\n    public override createLink() {\n        return onError(({ networkError, operation }) => {\n            const debug = appConfig.getKey(\"DEBUG\", toBoolean(process.env.REACT_APP_DEBUG));\n\n            if (networkError) {\n                // Publish network error event\n                const errorType = isLocalAwsLambdaFnInvocationTimeoutError(networkError)\n                    ? \"timeout\"\n                    : \"network\";\n\n                const event = new NetworkErrorEvent({\n                    message: networkError.message,\n                    operationName: operation.operationName,\n                    query: print(operation.query),\n                    variables: operation.variables,\n                    errorType,\n                    statusCode: (networkError as any).statusCode,\n                    result: (networkError as any).result\n                });\n\n                this.getEventPublisher().publish(event);\n\n                // Keep existing overlay logic for now\n                if (debug) {\n                    if (isLocalAwsLambdaFnInvocationTimeoutError(networkError)) {\n                        createErrorOverlay({\n                            element: (\n                                <ErrorOverlay\n                                    message={<LocalAwsLambdaTimeoutMessage />}\n                                    closeable={false}\n                                />\n                            ),\n                            closeable: false\n                        });\n                        return;\n                    }\n\n                    createErrorOverlay({\n                        element: (\n                            <GqlErrorOverlay\n                                query={print(operation.query)}\n                                networkError={networkError}\n                            />\n                        )\n                    });\n                }\n            }\n\n            // TODO: also print graphQLErrors\n        });\n    }\n}\n"],"names":["isLocalAwsLambdaFnInvocationTimeoutError","error","NetworkErrorLinkPlugin","ApolloLinkPlugin","getEventPublisher","onError","networkError","operation","debug","appConfig","toBoolean","process","errorType","event","NetworkErrorEvent","print","createErrorOverlay","ErrorOverlay","LocalAwsLambdaTimeoutMessage","GqlErrorOverlay"],"mappings":";;;;;;;;;;;AAcA,MAAMA,2CAA2C,CAACC,QACvCA,MAAM,MAAM,IAAIA,AAAsB,+BAAtBA,MAAM,MAAM,CAAC,IAAI;AAMrC,MAAMC,+BAA+BC;IACxC,YAAoBC,iBAAiD,CAAE;QACnE,KAAK,SADWA,iBAAiB,GAAjBA;IAEpB;IAEgB,aAAa;QACzB,OAAOC,QAAQ,CAAC,EAAEC,YAAY,EAAEC,SAAS,EAAE;YACvC,MAAMC,QAAQC,OAAAA,MAAgB,CAAC,SAASC,UAAUC,QAAQ,GAAG,CAAC,eAAe;YAE7E,IAAIL,cAAc;gBAEd,MAAMM,YAAYZ,yCAAyCM,gBACrD,YACA;gBAEN,MAAMO,QAAQ,IAAIC,kBAAkB;oBAChC,SAASR,aAAa,OAAO;oBAC7B,eAAeC,UAAU,aAAa;oBACtC,OAAOQ,MAAMR,UAAU,KAAK;oBAC5B,WAAWA,UAAU,SAAS;oBAC9BK;oBACA,YAAaN,aAAqB,UAAU;oBAC5C,QAASA,aAAqB,MAAM;gBACxC;gBAEA,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAACO;gBAGjC,IAAIL,OAAO;oBACP,IAAIR,yCAAyCM,eAAe,YACxDU,mBAAmB;wBACf,SAAS,WAAT,GACI,oBAACC,cAAYA;4BACT,uBAAS,oBAACC,8BAA4BA;4BACtC,WAAW;;wBAGnB,WAAW;oBACf;oBAIJF,mBAAmB;wBACf,SAAS,WAAT,GACI,oBAACG,iBAAeA;4BACZ,OAAOJ,MAAMR,UAAU,KAAK;4BAC5B,cAAcD;;oBAG1B;gBACJ;YACJ;QAGJ;IACJ;AACJ"}

package/plugins/OmitTypenameLinkPlugin.d.ts

@@ -1,5 +1,5 @@
 import { ApolloLink } from "apollo-link";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 /**
  * This link removes `__typename` from the variables being sent to the API.
  */

package/plugins/OmitTypenameLinkPlugin.js

@@ -1,41 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OmitTypenameLinkPlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _apolloLink = require("apollo-link");
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 function omitTypename(key, value) {
-  return key === "__typename" ? undefined : value;
+    return "__typename" === key ? void 0 : value;
 }
-
-/**
- * This link removes `__typename` from the variables being sent to the API.
- */
-var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  (0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
-  var _super = (0, _createSuper2.default)(OmitTypenameLinkPlugin);
-  function OmitTypenameLinkPlugin() {
-    (0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(OmitTypenameLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      return new _apolloLink.ApolloLink(function (operation, forward) {
-        if (operation.variables) {
-          operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
-        }
-        return forward(operation);
-      });
+class OmitTypenameLinkPlugin extends ApolloLinkPlugin {
+    createLink() {
+        return new ApolloLink((operation, forward)=>{
+            if (operation.variables) operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
+            return forward(operation);
+        });
     }
-  }]);
-  return OmitTypenameLinkPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
-exports.OmitTypenameLinkPlugin = OmitTypenameLinkPlugin;
+}
+export { OmitTypenameLinkPlugin };
+
+//# sourceMappingURL=OmitTypenameLinkPlugin.js.map

package/plugins/OmitTypenameLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["omitTypename","key","value","undefined","OmitTypenameLinkPlugin","ApolloLink","operation","forward","variables","JSON","parse","stringify","ApolloLinkPlugin"],"sources":["OmitTypenameLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.variables) {\n                operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n            }\n            return forward(operation);\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,SAASA,YAAY,CAACC,GAAW,EAAEC,KAAa,EAAsB;EAClE,OAAOD,GAAG,KAAK,YAAY,GAAGE,SAAS,GAAGD,KAAK;AACnD;;AAEA;AACA;AACA;AAFA,IAGaE,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC/B,sBAAyC;MACrC,OAAO,IAAIC,sBAAU,CAAC,UAACC,SAAS,EAAEC,OAAO,EAAK;QAC1C,IAAID,SAAS,CAACE,SAAS,EAAE;UACrBF,SAAS,CAACE,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACL,SAAS,CAACE,SAAS,CAAC,EAAER,YAAY,CAAC;QACvF;QACA,OAAOO,OAAO,CAACD,SAAS,CAAC;MAC7B,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EARuCM,mCAAgB;AAAA"}
+{"version":3,"file":"plugins/OmitTypenameLinkPlugin.js","sources":["../../src/plugins/OmitTypenameLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.variables) {\n                operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n            }\n            return forward(operation);\n        });\n    }\n}\n"],"names":["omitTypename","key","value","undefined","OmitTypenameLinkPlugin","ApolloLinkPlugin","ApolloLink","operation","forward","JSON"],"mappings":";;AAGA,SAASA,aAAaC,GAAW,EAAEC,KAAa;IAC5C,OAAOD,AAAQ,iBAARA,MAAuBE,SAAYD;AAC9C;AAKO,MAAME,+BAA+BC;IACxB,aAAyB;QACrC,OAAO,IAAIC,WAAW,CAACC,WAAWC;YAC9B,IAAID,UAAU,SAAS,EACnBA,UAAU,SAAS,GAAGE,KAAK,KAAK,CAACA,KAAK,SAAS,CAACF,UAAU,SAAS,GAAGP;YAE1E,OAAOQ,QAAQD;QACnB;IACJ;AACJ"}

package/plugins/TenantHeaderLinkPlugin.d.ts

@@ -1,10 +1,10 @@
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+import type { ApolloLink } from "apollo-link";
 /**
  * Append `x-tenant` header from URL query (necessary for prerendering service).
  */
 export declare class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
     private readonly tenant;
-    constructor(tenant?: string);
+    constructor(tenant: string);
     createLink(): ApolloLink;
 }

package/plugins/TenantHeaderLinkPlugin.js

@@ -1,60 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TenantHeaderLinkPlugin = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _apolloLinkContext = require("apollo-link-context");
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
-var _utils = require("../utils");
-/**
- * Append `x-tenant` header from URL query (necessary for prerendering service).
- */
-var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  (0, _inherits2.default)(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
-  var _super = (0, _createSuper2.default)(TenantHeaderLinkPlugin);
-  function TenantHeaderLinkPlugin(tenant) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TenantHeaderLinkPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tenant", void 0);
-    _this.name = "tenant-header-link";
-    _this.tenant = tenant || (0, _utils.getTenantId)();
-    return _this;
-  }
-  (0, _createClass2.default)(TenantHeaderLinkPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      var _this2 = this;
-      return (0, _apolloLinkContext.setContext)(function (_, _ref) {
-        var headers = _ref.headers;
-        // If tenant header is already set, do not overwrite it.
-        if (headers && "x-tenant" in headers) {
-          return {
-            headers: headers
-          };
-        }
-        if (_this2.tenant) {
-          return {
-            headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
-              "x-tenant": _this2.tenant
-            })
-          };
-        }
-        return {
-          headers: headers
-        };
-      });
+import { setContext } from "apollo-link-context";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
+    constructor(tenant){
+        super();
+        this.name = "tenant-header-link";
+        this.tenant = tenant;
+    }
+    createLink() {
+        return setContext((_, { headers })=>{
+            if (headers && "x-tenant" in headers) return {
+                headers
+            };
+            if (this.tenant) return {
+                headers: {
+                    ...headers,
+                    "x-tenant": this.tenant
+                }
+            };
+            return {
+                headers
+            };
+        });
     }
-  }]);
-  return TenantHeaderLinkPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
-exports.TenantHeaderLinkPlugin = TenantHeaderLinkPlugin;
+}
+export { TenantHeaderLinkPlugin };
+
+//# sourceMappingURL=TenantHeaderLinkPlugin.js.map

package/plugins/TenantHeaderLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["TenantHeaderLinkPlugin","tenant","name","getTenantId","setContext","_","headers","ApolloLinkPlugin"],"sources":["TenantHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\nimport { getTenantId } from \"~/utils\";\n\n/**\n * Append `x-tenant` header from URL query (necessary for prerendering service).\n */\nexport class TenantHeaderLinkPlugin extends ApolloLinkPlugin {\n    private readonly tenant: string;\n\n    public constructor(tenant?: string) {\n        super();\n        this.name = \"tenant-header-link\";\n\n        this.tenant = tenant || (getTenantId() as string);\n    }\n\n    public override createLink(): ApolloLink {\n        return setContext((_, { headers }) => {\n            // If tenant header is already set, do not overwrite it.\n            if (headers && \"x-tenant\" in headers) {\n                return { headers };\n            }\n\n            if (this.tenant) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-tenant\": this.tenant\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAFA,IAGaA,sBAAsB;EAAA;EAAA;EAG/B,gCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,IAAI,GAAG,oBAAoB;IAEhC,MAAKD,MAAM,GAAGA,MAAM,IAAK,IAAAE,kBAAW,GAAa;IAAC;EACtD;EAAC;IAAA;IAAA,OAED,sBAAyC;MAAA;MACrC,OAAO,IAAAC,6BAAU,EAAC,UAACC,CAAC,QAAkB;QAAA,IAAdC,OAAO,QAAPA,OAAO;QAC3B;QACA,IAAIA,OAAO,IAAI,UAAU,IAAIA,OAAO,EAAE;UAClC,OAAO;YAAEA,OAAO,EAAPA;UAAQ,CAAC;QACtB;QAEA,IAAI,MAAI,CAACL,MAAM,EAAE;UACb,OAAO;YACHK,OAAO,8DACAA,OAAO;cACV,UAAU,EAAE,MAAI,CAACL;YAAM;UAE/B,CAAC;QACL;QAEA,OAAO;UAAEK,OAAO,EAAPA;QAAQ,CAAC;MACtB,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EA5BuCC,mCAAgB;AAAA"}
+{"version":3,"file":"plugins/TenantHeaderLinkPlugin.js","sources":["../../src/plugins/TenantHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { ApolloLink } from \"apollo-link\";\n\n/**\n * Append `x-tenant` header from URL query (necessary for prerendering service).\n */\nexport class TenantHeaderLinkPlugin extends ApolloLinkPlugin {\n    private readonly tenant: string;\n\n    public constructor(tenant: string) {\n        super();\n        this.name = \"tenant-header-link\";\n\n        this.tenant = tenant;\n    }\n\n    public override createLink(): ApolloLink {\n        return setContext((_, { headers }) => {\n            // If tenant header is already set, do not overwrite it.\n            if (headers && \"x-tenant\" in headers) {\n                return { headers };\n            }\n\n            if (this.tenant) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-tenant\": this.tenant\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"],"names":["TenantHeaderLinkPlugin","ApolloLinkPlugin","tenant","setContext","_","headers"],"mappings":";;AAOO,MAAMA,+BAA+BC;IAGxC,YAAmBC,MAAc,CAAE;QAC/B,KAAK;QACL,IAAI,CAAC,IAAI,GAAG;QAEZ,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEgB,aAAyB;QACrC,OAAOC,WAAW,CAACC,GAAG,EAAEC,OAAO,EAAE;YAE7B,IAAIA,WAAW,cAAcA,SACzB,OAAO;gBAAEA;YAAQ;YAGrB,IAAI,IAAI,CAAC,MAAM,EACX,OAAO;gBACH,SAAS;oBACL,GAAGA,OAAO;oBACV,YAAY,IAAI,CAAC,MAAM;gBAC3B;YACJ;YAGJ,OAAO;gBAAEA;YAAQ;QACrB;IACJ;AACJ"}

package/plugins/components/Image.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
+    [key: string]: any;
+}
+declare const Image: ({ ...rest }: ImageProps) => React.JSX.Element;
+export { Image, type ImageProps };

package/plugins/components/Image.js

@@ -0,0 +1,12 @@
+import react from "react";
+const Image = ({ ...rest })=>{
+    const finalProps = {
+        ...rest
+    };
+    const srcSet = finalProps.srcSet;
+    if (srcSet && "object" == typeof srcSet) finalProps.srcSet = Object.keys(srcSet).map((key)=>`${srcSet[key]} ${key}`).join(", ");
+    return /*#__PURE__*/ react.createElement("img", finalProps);
+};
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/plugins/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/components/Image.js","sources":["../../../src/plugins/components/Image.tsx"],"sourcesContent":["import React from \"react\";\n\n// Accepts all props that a normal <img> element would accept.\ninterface ImageProps extends React.DetailedHTMLProps<\n    React.ImgHTMLAttributes<HTMLImageElement>,\n    HTMLImageElement\n> {\n    [key: string]: any;\n}\n\nconst Image = ({ ...rest }: ImageProps) => {\n    const finalProps = { ...rest };\n    const srcSet = finalProps.srcSet;\n    if (srcSet && typeof srcSet === \"object\") {\n        finalProps.srcSet = Object.keys(srcSet)\n            .map(key => `${srcSet[key]} ${key}`)\n            .join(\", \");\n    }\n\n    return <img {...finalProps} />;\n};\n\nexport { Image, type ImageProps };\n"],"names":["Image","rest","finalProps","srcSet","Object","key"],"mappings":";AAUA,MAAMA,QAAQ,CAAC,EAAE,GAAGC,MAAkB;IAClC,MAAMC,aAAa;QAAE,GAAGD,IAAI;IAAC;IAC7B,MAAME,SAASD,WAAW,MAAM;IAChC,IAAIC,UAAU,AAAkB,YAAlB,OAAOA,QACjBD,WAAW,MAAM,GAAGE,OAAO,IAAI,CAACD,QAC3B,GAAG,CAACE,CAAAA,MAAO,GAAGF,MAAM,CAACE,IAAI,CAAC,CAAC,EAAEA,KAAK,EAClC,IAAI,CAAC;IAGd,OAAO,WAAP,GAAO,oBAAC,OAAQH;AACpB"}

package/plugins/image.d.ts

@@ -1,3 +1,3 @@
-import { ImageComponentPlugin } from "../types";
+import type { ImageComponentPlugin } from "../types.js";
 declare const _default: () => ImageComponentPlugin;
 export default _default;

package/plugins/image.js

@@ -1,151 +1,106 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Image = require("@webiny/ui/Image");
-var _excluded = ["transform", "srcSet"];
-var SUPPORTED_IMAGE_RESIZE_WIDTHS = [100, 300, 500, 750, 1000, 1500, 2500];
-
-/**
- * Width of the image should not be just any random number. For optimization reasons,
- * we only allow the ones listed in SUPPORTED_IMAGE_RESIZE_WIDTHS list (Webiny Cloud supports only these).
- */
-var getSupportedImageResizeWidth = function getSupportedImageResizeWidth(width) {
-  var output = SUPPORTED_IMAGE_RESIZE_WIDTHS[0];
-  var i = SUPPORTED_IMAGE_RESIZE_WIDTHS.length;
-  while (i >= 0) {
-    if (width === SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
-      output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
-      break;
+import react from "react";
+import { Image } from "./components/Image.js";
+const SUPPORTED_IMAGE_RESIZE_WIDTHS = [
+    128,
+    384,
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+];
+const getSupportedImageResizeWidth = (width)=>{
+    let output = SUPPORTED_IMAGE_RESIZE_WIDTHS[0];
+    let i = SUPPORTED_IMAGE_RESIZE_WIDTHS.length;
+    while(i >= 0){
+        if (width === SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
+            output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
+            break;
+        }
+        if (width > SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
+            output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i + 1];
+            if (!output) output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
+            break;
+        }
+        i--;
     }
-    if (width > SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
-      // Use next larger width. If there isn't any, use current.
-      output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i + 1];
-      if (!output) {
-        output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
-      }
-      break;
-    }
-    i--;
-  }
-  return output;
+    return output;
 };
-/**
- * Currently we only allow "width" as a transform option.
- * @param args
- */
-var sanitizeTransformArgs = function sanitizeTransformArgs(args) {
-  var output = {};
-  if (!args || args.width === undefined || args.width === null) {
+const sanitizeTransformArgs = (args)=>{
+    const output = {};
+    if (!args || void 0 === args.width || null === args.width) return output;
+    const width = parseInt(args.width);
+    if (width > 0) output.width = getSupportedImageResizeWidth(width);
     return output;
-  }
-  var width = parseInt(args.width);
-  if (width > 0) {
-    output.width = getSupportedImageResizeWidth(width);
-  }
-  return output;
 };
-var getSizes = function getSizes(width) {
-  if (typeof width !== "string") {
-    return undefined;
-  }
-  // Check if width was set as percentage, with "%" in the value.
-  if (width.endsWith("%")) {
-    return "".concat(parseInt(width), "vw");
-  }
-  // Check if width was set as viewport width, with "vw" in the value.
-  if (width.endsWith("vw")) {
-    return "".concat(parseInt(width), "vw");
-  }
-
-  // Check if width was set as relative, with "em" in the value.
-  if (width.endsWith("em")) {
-    return "".concat(parseInt(width), "em");
-  }
-  return undefined;
+const getSizes = (width)=>{
+    if ("string" != typeof width) return;
+    if (width.endsWith("%")) return `${parseInt(width)}vw`;
+    if (width.endsWith("vw")) return `${parseInt(width)}vw`;
+    if (width.endsWith("em")) return `${parseInt(width)}em`;
 };
-var isFixedImageWidth = function isFixedImageWidth(width) {
-  if (Number.isFinite(width)) {
-    return true;
-  }
-  if (typeof width === "string" && width.endsWith("px")) {
-    return true;
-  }
-  return false;
+const isFixedImageWidth = (width)=>{
+    if (Number.isFinite(width)) return true;
+    if ("string" == typeof width && width.endsWith("px")) return true;
+    return false;
 };
-var getSrcSetAutoSizes = function getSrcSetAutoSizes(max) {
-  max = isFixedImageWidth(max) ? parseInt("" + max) : 2500;
-  var maxWidth = getSupportedImageResizeWidth(max);
-  return SUPPORTED_IMAGE_RESIZE_WIDTHS.filter(function (supportedWidth) {
-    return supportedWidth <= maxWidth;
-  });
+const getSrcSetAutoSizes = (max)=>{
+    max = isFixedImageWidth(max) ? parseInt("" + max) : 2500;
+    const maxWidth = getSupportedImageResizeWidth(max);
+    return SUPPORTED_IMAGE_RESIZE_WIDTHS.filter((supportedWidth)=>supportedWidth <= maxWidth);
 };
-var convertTransformToQueryParams = function convertTransformToQueryParams(transform) {
-  return Object.keys(transform).map(function (key) {
-    return "".concat(key, "=").concat(transform[key]);
-  }).join("&");
+const convertTransformToQueryParams = (transform)=>Object.keys(transform).map((key)=>`${key}=${transform[key]}`).join("&");
+const plugins_image = ()=>{
+    const imagePlugin = {
+        name: "image-component",
+        type: "image-component",
+        presets: {
+            avatar: {
+                width: 300
+            }
+        },
+        getImageSrc: (props)=>{
+            if (!props) return "";
+            const { src, transform } = props;
+            if (!transform) return src;
+            if (!src || src.startsWith("data:") || src.endsWith("svg")) return src;
+            const sanitizedParams = sanitizeTransformArgs(transform);
+            const params = convertTransformToQueryParams(sanitizedParams);
+            return src + "?" + params;
+        },
+        render (props) {
+            const { transform, srcSet: srcSetInitial, ...imageProps } = props;
+            let srcSet = srcSetInitial;
+            let sizes;
+            const src = imageProps.src;
+            if (srcSet && "auto" === srcSet) {
+                srcSet = {};
+                const forcedWidth = props.width || props.style && props.style.width;
+                const srcSetAutoWidths = getSrcSetAutoSizes(forcedWidth);
+                srcSetAutoWidths.forEach((width)=>{
+                    srcSet[width + "w"] = imagePlugin.getImageSrc({
+                        src,
+                        transform: {
+                            ...transform,
+                            width
+                        }
+                    });
+                });
+                sizes = getSizes(forcedWidth);
+            }
+            return /*#__PURE__*/ react.createElement(Image, {
+                ...imageProps,
+                srcSet: srcSet,
+                src: src,
+                sizes: sizes
+            });
+        }
+    };
+    return imagePlugin;
 };
-var _default = function _default() {
-  var imagePlugin = {
-    name: "image-component",
-    type: "image-component",
-    presets: {
-      avatar: {
-        width: 300
-      }
-    },
-    getImageSrc: function getImageSrc(props) {
-      if (!props) {
-        return "";
-      }
-      var src = props.src,
-        transform = props.transform;
-      if (!transform) {
-        return src;
-      }
-      if (!src || src.startsWith("data:") || src.endsWith("svg")) {
-        return src;
-      }
-      var sanitizedParams = sanitizeTransformArgs(transform);
-      var params = convertTransformToQueryParams(sanitizedParams);
-      return src + "?" + params;
-    },
-    render: function render(props) {
-      var transform = props.transform,
-        srcSetInitial = props.srcSet,
-        imageProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-      var srcSet = srcSetInitial;
-      var sizes;
-      var src = imageProps.src;
-      if (srcSet && srcSet === "auto") {
-        srcSet = {};
+export default plugins_image;
 
-        // Check if image width was forced, and additionally if width was set as pixels, with "px" in the value.
-        var forcedWidth = props.width || props.style && props.style.width;
-        var srcSetAutoWidths = getSrcSetAutoSizes(forcedWidth);
-        srcSetAutoWidths.forEach(function (width) {
-          srcSet[width + "w"] = imagePlugin.getImageSrc({
-            src: src,
-            transform: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
-              width: width
-            })
-          });
-        });
-        sizes = getSizes(forcedWidth);
-      }
-      return /*#__PURE__*/_react.default.createElement(_Image.Image, Object.assign({}, imageProps, {
-        srcSet: srcSet,
-        src: src,
-        sizes: sizes
-      }));
-    }
-  };
-  return imagePlugin;
-};
-exports.default = _default;
+//# sourceMappingURL=image.js.map