@webiny/app 5.44.1-beta.0 → 5.45.0-beta.0

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js

@@ -1,37 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
-var _ErrorOverlay = _interopRequireDefault(require("./ErrorOverlay"));
-/**
- * TODO fix with react 19
- */
-// eslint-disable-next-line react/no-deprecated
-
-var createErrorOverlay = function createErrorOverlay(params) {
-  var query = params.query,
-    networkError = params.networkError;
+import { createRoot } from "react-dom/client";
+const createErrorOverlay = params => {
+  const {
+    element
+  } = params;
   // If the element already present in DOM, return immediately.
   if (document.getElementById("overlay-root")) {
     return;
   }
   // Create root element to hold React tree.
-  var container = document.createElement("div");
+  const container = document.createElement("div");
   container.id = "overlay-root";
   // Insert root element into body.
-  var body = document.getElementsByTagName("body")[0];
+  const body = document.getElementsByTagName("body")[0];
   body.appendChild(container);
   // Mount the ErrorOverlay component into root element.
-  (0, _reactDom.render)(/*#__PURE__*/_react.default.createElement(_ErrorOverlay.default, {
-    query: query,
-    networkError: networkError
-  }), container);
+  const root = createRoot(container);
+  root.render(element);
 };
-var _default = exports.default = createErrorOverlay;
+export default createErrorOverlay;
 
 //# sourceMappingURL=createErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_ErrorOverlay","createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","render","default","_default","exports"],"sources":["createErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * TODO fix with react 19\n */\n// eslint-disable-next-line react/no-deprecated\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AACA;;AASA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,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,eAACjB,MAAA,CAAAkB,OAAA,CAAAN,aAAA,CAACR,aAAA,CAAAc,OAAY;IAACX,KAAK,EAAEA,KAAM;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,EAAEG,SAAS,CAAC;AACjF,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEab,kBAAkB","ignoreList":[]}
+{"version":3,"names":["createRoot","createErrorOverlay","params","element","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","root","render"],"sources":["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"],"mappings":"AACA,SAASA,UAAU,QAAQ,kBAAkB;AAO7C,MAAMC,kBAAkB,GAAIC,MAAgC,IAAW;EACnE,MAAM;IAAEC;EAAQ,CAAC,GAAGD,MAAM;EAC1B;EACA,IAAIE,QAAQ,CAACC,cAAc,CAAC,cAAc,CAAC,EAAE;IACzC;EACJ;EACA;EACA,MAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;EAC/DD,SAAS,CAACE,EAAE,GAAG,cAAc;EAC7B;EACA,MAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACtED,IAAI,CAACE,WAAW,CAACL,SAAS,CAAC;EAC3B;EACA,MAAMM,IAAI,GAAGZ,UAAU,CAACM,SAAS,CAAC;EAClCM,IAAI,CAACC,MAAM,CAACV,OAAO,CAAC;AACxB,CAAC;AAED,eAAeF,kBAAkB","ignoreList":[]}

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,47 +1,70 @@
-"use strict";
+import React from "react";
+import { onError } from "apollo-link-error";
+import { print } from "graphql/language/index.js";
+import { boolean } from "boolean";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
+import createErrorOverlay from "./NetworkErrorLinkPlugin/createErrorOverlay.js";
+import { LocalAwsLambdaTimeoutMessage } from "./NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.js";
+import { config as appConfig } from "../config.js";
+import { ErrorOverlay } from "./NetworkErrorLinkPlugin/ErrorOverlay.js";
+import { GqlErrorOverlay } from "./NetworkErrorLinkPlugin/GqlErrorOverlay.js";
+import { NetworkErrorEvent } from "../errors/index.js";
+const isLocalAwsLambdaFnInvocationTimeoutError = error => {
+  return error.result && error.result.code === "LOCAL_AWS_LAMBDA_TIMEOUT";
+};
 
-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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-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 = exports.NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  function NetworkErrorLinkPlugin() {
-    (0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
-    return (0, _callSuper2.default)(this, NetworkErrorLinkPlugin, arguments);
+export class NetworkErrorLinkPlugin extends ApolloLinkPlugin {
+  constructor(getEventPublisher) {
+    super();
+    this.getEventPublisher = getEventPublisher;
   }
-  (0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
-  return (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
+  createLink() {
+    return onError(({
+      networkError,
+      operation
+    }) => {
+      const debug = appConfig.getKey("DEBUG", boolean(process.env.REACT_APP_DEBUG));
+      if (networkError) {
+        // Publish network error event
+        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);
+
+        // Keep existing overlay logic for now
+        if (debug) {
+          if (isLocalAwsLambdaFnInvocationTimeoutError(networkError)) {
+            createErrorOverlay({
+              element: /*#__PURE__*/React.createElement(ErrorOverlay, {
+                message: /*#__PURE__*/React.createElement(LocalAwsLambdaTimeoutMessage, null),
+                closeable: false
+              }),
+              closeable: false
+            });
+            return;
+          }
+          createErrorOverlay({
+            element: /*#__PURE__*/React.createElement(GqlErrorOverlay, {
+              query: print(operation.query),
+              networkError: networkError
+            })
           });
         }
+      }
 
-        // TODO: also print graphQLErrors
-      });
-    }
-  }]);
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+      // TODO: also print graphQLErrors
+    });
+  }
+}
 
 //# sourceMappingURL=NetworkErrorLinkPlugin.js.map

package/plugins/NetworkErrorLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ApolloLinkPlugin2","require","_apolloLinkError","_language","_createErrorOverlay","_interopRequireDefault","_boolean","_config","NetworkErrorLinkPlugin","exports","_ApolloLinkPlugin","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","createLink","onError","_ref","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,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA;AACA;AACA;AAFA,IAGaO,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAAE,iBAAA;EAAA,SAAAF,uBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,sBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,sBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,sBAAA,EAAAE,iBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,sBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC/B,SAAgBC,UAAUA,CAAA,EAAG;MACzB,OAAO,IAAAC,wBAAO,EAAC,UAAAC,IAAA,EAAiC;QAAA,IAA9BC,YAAY,GAAAD,IAAA,CAAZC,YAAY;UAAEC,SAAS,GAAAF,IAAA,CAATE,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;AAAA,EAXuCY,mCAAgB","ignoreList":[]}
+{"version":3,"names":["React","onError","print","boolean","ApolloLinkPlugin","createErrorOverlay","LocalAwsLambdaTimeoutMessage","config","appConfig","ErrorOverlay","GqlErrorOverlay","NetworkErrorEvent","isLocalAwsLambdaFnInvocationTimeoutError","error","result","code","NetworkErrorLinkPlugin","constructor","getEventPublisher","createLink","networkError","operation","debug","getKey","process","env","REACT_APP_DEBUG","errorType","event","message","operationName","query","variables","statusCode","publish","element","createElement","closeable"],"sources":["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 { boolean } from \"boolean\";\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\", boolean(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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,mBAAmB;AAE3C,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,OAAO,QAAQ,SAAS;AACjC,SAASC,gBAAgB;AACzB,OAAOC,kBAAkB;AACzB,SAASC,4BAA4B;AACrC,SAASC,MAAM,IAAIC,SAAS;AAC5B,SAASC,YAAY;AACrB,SAASC,eAAe;AAExB,SAASC,iBAAiB;AAE1B,MAAMC,wCAAwC,GAAIC,KAAU,IAA2B;EACnF,OAAOA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACC,MAAM,CAACC,IAAI,KAAK,0BAA0B;AAC3E,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,SAASZ,gBAAgB,CAAC;EACzDa,WAAWA,CAASC,iBAAiD,EAAE;IACnE,KAAK,CAAC,CAAC;IAAC,KADQA,iBAAiD,GAAjDA,iBAAiD;EAErE;EAEgBC,UAAUA,CAAA,EAAG;IACzB,OAAOlB,OAAO,CAAC,CAAC;MAAEmB,YAAY;MAAEC;IAAU,CAAC,KAAK;MAC5C,MAAMC,KAAK,GAAGd,SAAS,CAACe,MAAM,CAAC,OAAO,EAAEpB,OAAO,CAACqB,OAAO,CAACC,GAAG,CAACC,eAAe,CAAC,CAAC;MAE7E,IAAIN,YAAY,EAAE;QACd;QACA,MAAMO,SAAS,GAAGf,wCAAwC,CAACQ,YAAY,CAAC,GAClE,SAAS,GACT,SAAS;QAEf,MAAMQ,KAAK,GAAG,IAAIjB,iBAAiB,CAAC;UAChCkB,OAAO,EAAET,YAAY,CAACS,OAAO;UAC7BC,aAAa,EAAET,SAAS,CAACS,aAAa;UACtCC,KAAK,EAAE7B,KAAK,CAACmB,SAAS,CAACU,KAAK,CAAC;UAC7BC,SAAS,EAAEX,SAAS,CAACW,SAAS;UAC9BL,SAAS;UACTM,UAAU,EAAGb,YAAY,CAASa,UAAU;UAC5CnB,MAAM,EAAGM,YAAY,CAASN;QAClC,CAAC,CAAC;QAEF,IAAI,CAACI,iBAAiB,CAAC,CAAC,CAACgB,OAAO,CAACN,KAAK,CAAC;;QAEvC;QACA,IAAIN,KAAK,EAAE;UACP,IAAIV,wCAAwC,CAACQ,YAAY,CAAC,EAAE;YACxDf,kBAAkB,CAAC;cACf8B,OAAO,eACHnC,KAAA,CAAAoC,aAAA,CAAC3B,YAAY;gBACToB,OAAO,eAAE7B,KAAA,CAAAoC,aAAA,CAAC9B,4BAA4B,MAAE,CAAE;gBAC1C+B,SAAS,EAAE;cAAM,CACpB,CACJ;cACDA,SAAS,EAAE;YACf,CAAC,CAAC;YACF;UACJ;UAEAhC,kBAAkB,CAAC;YACf8B,OAAO,eACHnC,KAAA,CAAAoC,aAAA,CAAC1B,eAAe;cACZqB,KAAK,EAAE7B,KAAK,CAACmB,SAAS,CAACU,KAAK,CAAE;cAC9BX,YAAY,EAAEA;YAAa,CAC9B;UAET,CAAC,CAAC;QACN;MACJ;;MAEA;IACJ,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

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,16 +1,5 @@
-"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 _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.js";
 function omitTypename(key, value) {
   return key === "__typename" ? undefined : value;
 }
@@ -18,23 +7,15 @@ function omitTypename(key, value) {
 /**
  * This link removes `__typename` from the variables being sent to the API.
  */
-var OmitTypenameLinkPlugin = exports.OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  function OmitTypenameLinkPlugin() {
-    (0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
-    return (0, _callSuper2.default)(this, OmitTypenameLinkPlugin, arguments);
+export 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);
+    });
   }
-  (0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
-  return (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);
-      });
-    }
-  }]);
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+}
 
 //# sourceMappingURL=OmitTypenameLinkPlugin.js.map

package/plugins/OmitTypenameLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloLink","require","_ApolloLinkPlugin2","omitTypename","key","value","undefined","OmitTypenameLinkPlugin","exports","_ApolloLinkPlugin","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","createLink","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,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,SAASE,YAAYA,CAACC,GAAW,EAAEC,KAAa,EAAsB;EAClE,OAAOD,GAAG,KAAK,YAAY,GAAGE,SAAS,GAAGD,KAAK;AACnD;;AAEA;AACA;AACA;AAFA,IAGaE,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAAE,iBAAA;EAAA,SAAAF,uBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,sBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,sBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,sBAAA,EAAAE,iBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,sBAAA;IAAAH,GAAA;IAAAC,KAAA,EAC/B,SAAgBW,UAAUA,CAAA,EAAe;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,EAAEjB,YAAY,CAAC;QACvF;QACA,OAAOgB,OAAO,CAACD,SAAS,CAAC;MAC7B,CAAC,CAAC;IACN;EAAC;AAAA,EARuCM,mCAAgB","ignoreList":[]}
+{"version":3,"names":["ApolloLink","ApolloLinkPlugin","omitTypename","key","value","undefined","OmitTypenameLinkPlugin","createLink","operation","forward","variables","JSON","parse","stringify"],"sources":["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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,gBAAgB;AAEzB,SAASC,YAAYA,CAACC,GAAW,EAAEC,KAAa,EAAsB;EAClE,OAAOD,GAAG,KAAK,YAAY,GAAGE,SAAS,GAAGD,KAAK;AACnD;;AAEA;AACA;AACA;AACA,OAAO,MAAME,sBAAsB,SAASL,gBAAgB,CAAC;EACzCM,UAAUA,CAAA,EAAe;IACrC,OAAO,IAAIP,UAAU,CAAC,CAACQ,SAAS,EAAEC,OAAO,KAAK;MAC1C,IAAID,SAAS,CAACE,SAAS,EAAE;QACrBF,SAAS,CAACE,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACL,SAAS,CAACE,SAAS,CAAC,EAAER,YAAY,CAAC;MACvF;MACA,OAAOO,OAAO,CAACD,SAAS,CAAC;IAC7B,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

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,56 +1,37 @@
-"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 _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");
+import { setContext } from "apollo-link-context";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 /**
  * Append `x-tenant` header from URL query (necessary for prerendering service).
  */
-var TenantHeaderLinkPlugin = exports.TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  function TenantHeaderLinkPlugin(tenant) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TenantHeaderLinkPlugin);
-    _this = (0, _callSuper2.default)(this, TenantHeaderLinkPlugin);
-    _this.name = "tenant-header-link";
-    _this.tenant = tenant || (0, _utils.getTenantId)();
-    return _this;
+export class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
+  constructor(tenant) {
+    super();
+    this.name = "tenant-header-link";
+    this.tenant = tenant;
   }
-  (0, _inherits2.default)(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
-  return (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
-            })
-          };
-        }
+  createLink() {
+    return setContext((_, {
+      headers
+    }) => {
+      // If tenant header is already set, do not overwrite it.
+      if (headers && "x-tenant" in headers) {
+        return {
+          headers
+        };
+      }
+      if (this.tenant) {
         return {
-          headers: headers
+          headers: {
+            ...headers,
+            "x-tenant": this.tenant
+          }
         };
-      });
-    }
-  }]);
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+      }
+      return {
+        headers
+      };
+    });
+  }
+}
 
 //# sourceMappingURL=TenantHeaderLinkPlugin.js.map

package/plugins/TenantHeaderLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apolloLinkContext","require","_ApolloLinkPlugin2","_utils","TenantHeaderLinkPlugin","exports","_ApolloLinkPlugin","tenant","_this","_classCallCheck2","default","_callSuper2","name","getTenantId","_inherits2","_createClass2","key","value","createLink","_this2","setContext","_","_ref","headers","_objectSpread2","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,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,uBAAmBG,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,sBAAA;IAChCI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,sBAAA;IACAI,KAAA,CAAKI,IAAI,GAAG,oBAAoB;IAEhCJ,KAAA,CAAKD,MAAM,GAAGA,MAAM,IAAK,IAAAM,kBAAW,EAAC,CAAY;IAAC,OAAAL,KAAA;EACtD;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAN,sBAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAL,OAAA,EAAAN,sBAAA;IAAAY,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;QACA,IAAIA,OAAO,IAAI,UAAU,IAAIA,OAAO,EAAE;UAClC,OAAO;YAAEA,OAAO,EAAPA;UAAQ,CAAC;QACtB;QAEA,IAAIJ,MAAI,CAACZ,MAAM,EAAE;UACb,OAAO;YACHgB,OAAO,MAAAC,cAAA,CAAAd,OAAA,MAAAc,cAAA,CAAAd,OAAA,MACAa,OAAO;cACV,UAAU,EAAEJ,MAAI,CAACZ;YAAM;UAE/B,CAAC;QACL;QAEA,OAAO;UAAEgB,OAAO,EAAPA;QAAQ,CAAC;MACtB,CAAC,CAAC;IACN;EAAC;AAAA,EA5BuCE,mCAAgB","ignoreList":[]}
+{"version":3,"names":["setContext","ApolloLinkPlugin","TenantHeaderLinkPlugin","constructor","tenant","name","createLink","_","headers"],"sources":["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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,qBAAqB;AAChD,SAASC,gBAAgB;AAGzB;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,SAASD,gBAAgB,CAAC;EAGlDE,WAAWA,CAACC,MAAc,EAAE;IAC/B,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,IAAI,GAAG,oBAAoB;IAEhC,IAAI,CAACD,MAAM,GAAGA,MAAM;EACxB;EAEgBE,UAAUA,CAAA,EAAe;IACrC,OAAON,UAAU,CAAC,CAACO,CAAC,EAAE;MAAEC;IAAQ,CAAC,KAAK;MAClC;MACA,IAAIA,OAAO,IAAI,UAAU,IAAIA,OAAO,EAAE;QAClC,OAAO;UAAEA;QAAQ,CAAC;MACtB;MAEA,IAAI,IAAI,CAACJ,MAAM,EAAE;QACb,OAAO;UACHI,OAAO,EAAE;YACL,GAAGA,OAAO;YACV,UAAU,EAAE,IAAI,CAACJ;UACrB;QACJ,CAAC;MACL;MAEA,OAAO;QAAEI;MAAQ,CAAC;IACtB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

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,19 @@
+import React from "react";
+
+// Accepts all props that a normal <img> element would accept.
+
+const Image = ({
+  ...rest
+}) => {
+  const finalProps = {
+    ...rest
+  };
+  const srcSet = finalProps.srcSet;
+  if (srcSet && typeof srcSet === "object") {
+    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,"names":["React","Image","rest","finalProps","srcSet","Object","keys","map","key","join","createElement"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\n\n// Accepts all props that a normal <img> element would accept.\ninterface ImageProps\n    extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;;AAMA,MAAMC,KAAK,GAAGA,CAAC;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvC,MAAMC,UAAU,GAAG;IAAE,GAAGD;EAAK,CAAC;EAC9B,MAAME,MAAM,GAAGD,UAAU,CAACC,MAAM;EAChC,IAAIA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IACtCD,UAAU,CAACC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAClCG,GAAG,CAACC,GAAG,IAAI,GAAGJ,MAAM,CAACI,GAAG,CAAC,IAAIA,GAAG,EAAE,CAAC,CACnCC,IAAI,CAAC,IAAI,CAAC;EACnB;EAEA,oBAAOT,KAAA,CAAAU,aAAA,QAASP,UAAa,CAAC;AAClC,CAAC;AAED,SAASF,KAAK","ignoreList":[]}

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,24 +1,14 @@
-"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];
+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];
 
 /**
  * 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;
+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];
@@ -40,37 +30,37 @@ var getSupportedImageResizeWidth = function getSupportedImageResizeWidth(width)
  * Currently we only allow "width" as a transform option.
  * @param args
  */
-var sanitizeTransformArgs = function sanitizeTransformArgs(args) {
-  var output = {};
+const sanitizeTransformArgs = args => {
+  const output = {};
   if (!args || args.width === undefined || args.width === null) {
     return output;
   }
-  var width = parseInt(args.width);
+  const width = parseInt(args.width);
   if (width > 0) {
     output.width = getSupportedImageResizeWidth(width);
   }
   return output;
 };
-var getSizes = function getSizes(width) {
+const 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");
+    return `${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");
+    return `${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 `${parseInt(width)}em`;
   }
   return undefined;
 };
-var isFixedImageWidth = function isFixedImageWidth(width) {
+const isFixedImageWidth = width => {
   if (Number.isFinite(width)) {
     return true;
   }
@@ -79,20 +69,18 @@ var isFixedImageWidth = function isFixedImageWidth(width) {
   }
   return false;
 };
-var getSrcSetAutoSizes = function getSrcSetAutoSizes(max) {
+const getSrcSetAutoSizes = max => {
   max = isFixedImageWidth(max) ? parseInt("" + max) : 2500;
-  var maxWidth = getSupportedImageResizeWidth(max);
-  return SUPPORTED_IMAGE_RESIZE_WIDTHS.filter(function (supportedWidth) {
+  const maxWidth = getSupportedImageResizeWidth(max);
+  return SUPPORTED_IMAGE_RESIZE_WIDTHS.filter(supportedWidth => {
     return supportedWidth <= maxWidth;
   });
 };
-var convertTransformToQueryParams = function convertTransformToQueryParams(transform) {
-  return Object.keys(transform).map(function (key) {
-    return "".concat(key, "=").concat(transform[key]);
-  }).join("&");
+const convertTransformToQueryParams = transform => {
+  return Object.keys(transform).map(key => `${key}=${transform[key]}`).join("&");
 };
-var _default = exports.default = function _default() {
-  var imagePlugin = {
+export default () => {
+  const imagePlugin = {
     name: "image-component",
     type: "image-component",
     presets: {
@@ -100,46 +88,51 @@ var _default = exports.default = function _default() {
         width: 300
       }
     },
-    getImageSrc: function getImageSrc(props) {
+    getImageSrc: props => {
       if (!props) {
         return "";
       }
-      var src = props.src,
-        transform = props.transform;
+      const {
+        src,
+        transform
+      } = props;
       if (!transform) {
         return src;
       }
       if (!src || src.startsWith("data:") || src.endsWith("svg")) {
         return src;
       }
-      var sanitizedParams = sanitizeTransformArgs(transform);
-      var params = convertTransformToQueryParams(sanitizedParams);
+      const sanitizedParams = sanitizeTransformArgs(transform);
+      const 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;
+    render(props) {
+      const {
+        transform,
+        srcSet: srcSetInitial,
+        ...imageProps
+      } = props;
+      let srcSet = srcSetInitial;
+      let sizes;
+      const src = imageProps.src;
       if (srcSet && srcSet === "auto") {
         srcSet = {};
 
         // 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) {
+        const forcedWidth = props.width || props.style && props.style.width;
+        const srcSetAutoWidths = getSrcSetAutoSizes(forcedWidth);
+        srcSetAutoWidths.forEach(width => {
           srcSet[width + "w"] = imagePlugin.getImageSrc({
-            src: src,
-            transform: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
-              width: width
-            })
+            src,
+            transform: {
+              ...transform,
+              width
+            }
           });
         });
         sizes = getSizes(forcedWidth);
       }
-      return /*#__PURE__*/_react.default.createElement(_Image.Image, Object.assign({}, imageProps, {
+      return /*#__PURE__*/React.createElement(Image, Object.assign({}, imageProps, {
         srcSet: srcSet,
         src: src,
         sizes: sizes