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

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayWrapper","styled","Pre"],"sources":["StyledComponents.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OverlayWrapper = styled(\"div\")(`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        flex-grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n`);\n\nexport const Pre = styled(\"pre\")(`\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n`);\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,4hCAApB;;AAgDA,IAAMC,GAAG,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,uYAAT"}
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/StyledComponents.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/StyledComponents.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OverlayWrapper = styled(\"div\")(`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n`);\n\nexport const Pre = styled(\"pre\")(`\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n`);\n"],"names":["OverlayWrapper","styled","Pre"],"mappings":";AAEO,MAAMA,iBAAiBC,OAAO,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8C7C,CAAC;AAEM,MAAMC,MAAMD,OAAO,OAAO,CAAC;;;;;;;;;;;;;;;;;AAiBlC,CAAC"}

package/plugins/NetworkErrorLinkPlugin/Typography.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type TypographyT = "headline" | "body" | "subtitle";
+export interface TypographyProps {
+    use: TypographyT;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Typography: (props: TypographyProps) => React.JSX.Element;

package/plugins/NetworkErrorLinkPlugin/Typography.js

@@ -0,0 +1,13 @@
+import react from "react";
+const Typography = (props)=>{
+    const { children, use, className } = props;
+    if ("headline" === use) return /*#__PURE__*/ react.createElement("h4", {
+        className: className
+    }, children);
+    return /*#__PURE__*/ react.createElement("p", {
+        className: className
+    }, children);
+};
+export { Typography };
+
+//# sourceMappingURL=Typography.js.map

package/plugins/NetworkErrorLinkPlugin/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/Typography.js","sources":["../../../src/plugins/NetworkErrorLinkPlugin/Typography.tsx"],"sourcesContent":["import React from \"react\";\n\nexport declare type TypographyT = \"headline\" | \"body\" | \"subtitle\";\n\nexport interface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport const Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    if (use === \"headline\") {\n        return <h4 className={className}>{children}</h4>;\n    }\n\n    return <p className={className}>{children}</p>;\n};\n"],"names":["Typography","props","children","use","className"],"mappings":";AAUO,MAAMA,aAAa,CAACC;IACvB,MAAM,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGH;IAErC,IAAIE,AAAQ,eAARA,KACA,OAAO,WAAP,GAAO,oBAAC;QAAG,WAAWC;OAAYF;IAGtC,OAAO,WAAP,GAAO,oBAAC;QAAE,WAAWE;OAAYF;AACrC"}

package/plugins/NetworkErrorLinkPlugin/assets/close_24px.js

@@ -0,0 +1,19 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/close_24px.33adaadc.svg";
+import * as __rspack_external_react from "react";
+const SvgClose24Px = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
+    }));
+const close_24px = __rslib_svgr_url__0__;
+export default close_24px;
+export { SvgClose24Px as ReactComponent };
+
+//# sourceMappingURL=close_24px.js.map

package/plugins/NetworkErrorLinkPlugin/assets/close_24px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins/NetworkErrorLinkPlugin/assets/close_24px.js","sources":["../../../../src/plugins/NetworkErrorLinkPlugin/assets/close_24px.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgClose24Px = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path d=\"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4\" /></svg>;\nexport { SvgClose24Px as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/close_24px.33adaadc.svg\";"],"names":["SvgClose24Px","props"],"mappings":";;AACA,MAAMA,eAAeC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAE1K"}

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts

@@ -1,7 +1,7 @@
-import { ServerError, ServerParseError } from "apollo-link-http-common";
+import type React from "react";
 interface CreateErrorOverlayParams {
-    query: string;
-    networkError: Error | ServerError | ServerParseError;
+    element: React.ReactElement;
+    closeable?: boolean;
 }
 declare const createErrorOverlay: (params: CreateErrorOverlayParams) => void;
 export default createErrorOverlay;

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js

@@ -1,38 +1,15 @@
-"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"));
-
-var createErrorOverlay = function createErrorOverlay(params) {
-  var query = params.query,
-      networkError = params.networkError; // 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");
-  container.id = "overlay-root"; // Insert root element into body.
-
-  var 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);
+import { createRoot } from "react-dom/client";
+const createErrorOverlay = (params)=>{
+    const { element } = params;
+    if (document.getElementById("overlay-root")) return;
+    const container = document.createElement("div");
+    container.id = "overlay-root";
+    const body = document.getElementsByTagName("body")[0];
+    body.appendChild(container);
+    const root = createRoot(container);
+    root.render(element);
 };
+const NetworkErrorLinkPlugin_createErrorOverlay = createErrorOverlay;
+export default NetworkErrorLinkPlugin_createErrorOverlay;
 
-var _default = createErrorOverlay;
-exports.default = _default;
+//# sourceMappingURL=createErrorOverlay.js.map

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,kBAAqB,CAACC,MAAD,EAA4C;EACnE,IAAQC,KAAR,GAAgCD,MAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,MAAhC,CAAeE,YAAf,CADmE,CAEnE;;EACA,IAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;IACzC;EACH,CALkE,CAMnE;;;EACA,IAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;EACAD,SAAS,CAACE,EAAV,GAAe,cAAf,CARmE,CASnE;;EACA,IAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;EACAD,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAXmE,CAYnE;;EACA,IAAAM,gBAAA,gBAAO,6BAAC,qBAAD;IAAc,KAAK,EAAEV,KAArB;IAA4B,YAAY,EAAEC;EAA1C,EAAP,EAAmEG,SAAnE;AACH,CAdD;;eAgBeN,kB"}
+{"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,65 +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;
+    }
+    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
+                        })
+                    });
+                }
+            }
+        });
     }
-  }]);
-  return NetworkErrorLinkPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+}
+export { NetworkErrorLinkPlugin };
 
-exports.NetworkErrorLinkPlugin = 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;IACaA,sB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAAC,wBAAA,EAAQ,gBAAiC;QAAA,IAA9BC,YAA8B,QAA9BA,YAA8B;QAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;QAC5C,IAAMC,KAAK,GAAGC,cAAA,CAAUC,MAAV,CAAiB,OAAjB,EAA0B,IAAAC,gBAAA,EAAQC,OAAO,CAACC,GAAR,CAAYC,eAApB,CAA1B,CAAd;;QAEA,IAAIR,YAAY,IAAIE,KAApB,EAA2B;UACvB,IAAAO,2BAAA,EAAmB;YAAEC,KAAK,EAAE,IAAAC,eAAA,EAAMV,SAAS,CAACS,KAAhB,CAAT;YAAiCV,YAAY,EAAZA;UAAjC,CAAnB;QACH,CAL2C,CAO5C;;MACH,CARM,CAAP;IASH;;;EAXuCY,mC"}
+{"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,55 +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);
+}
+export { OmitTypenameLinkPlugin };
 
-exports.OmitTypenameLinkPlugin = 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,YAAT,CAAsBC,GAAtB,EAAmCC,KAAnC,EAAsE;EAClE,OAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;IACaE,sB;;;;;;;;;;;;WACT,sBAAyC;MACrC,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAID,SAAS,CAACE,SAAd,EAAyB;UACrBF,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDR,YAAhD,CAAtB;QACH;;QACD,OAAOO,OAAO,CAACD,SAAD,CAAd;MACH,CALM,CAAP;IAMH;;;EARuCM,mC"}
+{"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,15 +1,10 @@
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-import { ApolloLink } from "apollo-link";
-declare global {
-    interface Window {
-        __PS_RENDER_TENANT__: string;
-    }
-}
+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,85 +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");
-
-/**
- * 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";
-
-    if (!tenant) {
-      var query = new URLSearchParams(location.search);
-      tenant = query.get("__tenant") || window.__PS_RENDER_TENANT__;
+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;
     }
-
-    _this.tenant = tenant;
-    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
-        };
-      });
+    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);
+}
+export { TenantHeaderLinkPlugin };
 
-exports.TenantHeaderLinkPlugin = TenantHeaderLinkPlugin;
+//# sourceMappingURL=TenantHeaderLinkPlugin.js.map

package/plugins/TenantHeaderLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["TenantHeaderLinkPlugin","tenant","name","query","URLSearchParams","location","search","get","window","__PS_RENDER_TENANT__","setContext","_","headers","ApolloLinkPlugin"],"sources":["TenantHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\n\ndeclare global {\n    interface Window {\n        __PS_RENDER_TENANT__: string;\n    }\n}\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        if (!tenant) {\n            const query = new URLSearchParams(location.search);\n            tenant = query.get(\"__tenant\") || window.__PS_RENDER_TENANT__;\n        }\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;;AACA;;AASA;AACA;AACA;IACaA,sB;;;;;EAGT,gCAAmBC,MAAnB,EAAoC;IAAA;;IAAA;IAChC;IADgC;IAEhC,MAAKC,IAAL,GAAY,oBAAZ;;IAEA,IAAI,CAACD,MAAL,EAAa;MACT,IAAME,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;MACAL,MAAM,GAAGE,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;IACH;;IAED,MAAKR,MAAL,GAAcA,MAAd;IATgC;EAUnC;;;;WAED,sBAAyC;MAAA;;MACrC,OAAO,IAAAS,6BAAA,EAAW,UAACC,CAAD,QAAoB;QAAA,IAAdC,OAAc,QAAdA,OAAc;;QAClC;QACA,IAAIA,OAAO,IAAI,cAAcA,OAA7B,EAAsC;UAClC,OAAO;YAAEA,OAAO,EAAPA;UAAF,CAAP;QACH;;QAED,IAAI,MAAI,CAACX,MAAT,EAAiB;UACb,OAAO;YACHW,OAAO,8DACAA,OADA;cAEH,YAAY,MAAI,CAACX;YAFd;UADJ,CAAP;QAMH;;QAED,OAAO;UAAEW,OAAO,EAAPA;QAAF,CAAP;MACH,CAhBM,CAAP;IAiBH;;;EAjCuCC,mC"}
+{"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;