@webiny/app 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/config.js

@@ -1,25 +1,24 @@
-const deepFreeze = obj => {
-  Object.keys(obj).forEach(prop => {
-    if (typeof obj[prop] === "object" && !Object.isFrozen(obj[prop])) {
-      deepFreeze(obj[prop]);
-    }
-  });
-  return Object.freeze(obj);
+const deepFreeze = (obj)=>{
+    Object.keys(obj).forEach((prop)=>{
+        if ("object" == typeof obj[prop] && !Object.isFrozen(obj[prop])) deepFreeze(obj[prop]);
+    });
+    return Object.freeze(obj);
 };
 function createConfig() {
-  let _config = {};
-  return {
-    set(config) {
-      _config = deepFreeze(config);
-    },
-    get() {
-      return _config;
-    },
-    getKey(key, defaultValue) {
-      return key in _config ? _config[key] : defaultValue;
-    }
-  };
+    let _config = {};
+    return {
+        set (config) {
+            _config = deepFreeze(config);
+        },
+        get () {
+            return _config;
+        },
+        getKey (key, defaultValue) {
+            return key in _config ? _config[key] : defaultValue;
+        }
+    };
 }
-export const config = createConfig();
+const config_config = createConfig();
+export { config_config as config };
 
 //# sourceMappingURL=config.js.map

package/config.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepFreeze","obj","Object","keys","forEach","prop","isFrozen","freeze","createConfig","_config","set","config","get","getKey","key","defaultValue"],"sources":["config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"mappings":"AAQA,MAAMA,UAAU,GAAIC,GAAwB,IAA0B;EAClEC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,OAAO,CAACC,IAAI,IAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAI,CAAC,KAAK,QAAQ,IAAI,CAACH,MAAM,CAACI,QAAQ,CAACL,GAAG,CAACI,IAAI,CAAC,CAAC,EAAE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAI,CAAC,CAAC;IACzB;EACJ,CAAC,CAAC;EACF,OAAOH,MAAM,CAACK,MAAM,CAACN,GAAG,CAAC;AAC7B,CAAC;AAED,SAASO,YAAYA,CAAA,EAAc;EAC/B,IAAIC,OAA4B,GAAG,CAAC,CAAC;EAErC,OAAO;IACHC,GAAGA,CAACC,MAAc,EAAE;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAM,CAAC;IAChC,CAAC;IACDC,GAAGA,CAAA,EAAG;MACF,OAAOH,OAAO;IAClB,CAAC;IACDI,MAAMA,CAACC,GAAG,EAAEC,YAAY,EAAE;MACtB,OAAOD,GAAG,IAAIL,OAAO,GAAGA,OAAO,CAACK,GAAG,CAAC,GAAGC,YAAY;IACvD;EACJ,CAAC;AACL;AAEA,OAAO,MAAMJ,MAAM,GAAGH,YAAY,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"config.js","sources":["../src/config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"names":["deepFreeze","obj","Object","prop","createConfig","_config","config","key","defaultValue"],"mappings":"AAQA,MAAMA,aAAa,CAACC;IAChBC,OAAO,IAAI,CAACD,KAAK,OAAO,CAACE,CAAAA;QACrB,IAAI,AAAqB,YAArB,OAAOF,GAAG,CAACE,KAAK,IAAiB,CAACD,OAAO,QAAQ,CAACD,GAAG,CAACE,KAAK,GAC3DH,WAAWC,GAAG,CAACE,KAAK;IAE5B;IACA,OAAOD,OAAO,MAAM,CAACD;AACzB;AAEA,SAASG;IACL,IAAIC,UAA+B,CAAC;IAEpC,OAAO;QACH,KAAIC,MAAc;YACdD,UAAUL,WAAWM;QACzB;QACA;YACI,OAAOD;QACX;QACA,QAAOE,GAAG,EAAEC,YAAY;YACpB,OAAOD,OAAOF,UAAUA,OAAO,CAACE,IAAI,GAAGC;QAC3C;IACJ;AACJ;AAEO,MAAMF,gBAASF"}

package/contexts/Ui/index.js

@@ -1,32 +1,30 @@
-import React from "react";
+import react from "react";
 import { plugins } from "@webiny/plugins";
-export const UiContext = /*#__PURE__*/React.createContext({});
-export class UiProvider extends React.Component {
-  state = {
-    ui: {}
-  };
-  setData = setter => {
-    return this.setState(state => {
-      return {
-        ui: {
-          ...state.ui,
-          ...setter(state.ui)
-        }
-      };
-    });
-  };
-  render() {
-    const value = {
-      ...this.state.ui,
-      setState: this.setData
-    };
-    const uiStatePlugins = plugins.byType("ui-state");
-    return /*#__PURE__*/React.createElement(UiContext.Provider, {
-      value: value
-    }, uiStatePlugins.map(pl => /*#__PURE__*/React.cloneElement(pl.render(), {
-      key: pl.name
-    })), this.props.children);
-  }
+const UiContext = /*#__PURE__*/ react.createContext({});
+class UiProvider extends react.Component {
+    render() {
+        const value = {
+            ...this.state.ui,
+            setState: this.setData
+        };
+        const uiStatePlugins = plugins.byType("ui-state");
+        return /*#__PURE__*/ react.createElement(UiContext.Provider, {
+            value: value
+        }, uiStatePlugins.map((pl)=>/*#__PURE__*/ react.cloneElement(pl.render(), {
+                key: pl.name
+            })), this.props.children);
+    }
+    constructor(...args){
+        super(...args), this.state = {
+            ui: {}
+        }, this.setData = (setter)=>this.setState((state)=>({
+                    ui: {
+                        ...state.ui,
+                        ...setter(state.ui)
+                    }
+                }));
+    }
 }
+export { UiContext, UiProvider };
 
 //# sourceMappingURL=index.js.map

package/contexts/Ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","plugins","UiContext","createContext","UiProvider","Component","state","ui","setData","setter","setState","render","value","uiStatePlugins","byType","createElement","Provider","map","pl","cloneElement","key","name","props","children"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,OAAO,MAAMC,SAAS,gBAAGF,KAAK,CAACG,aAAa,CAAsB,CAAC,CAAC,CAAC;AAqBrE,OAAO,MAAMC,UAAU,SAASJ,KAAK,CAACK,SAAS,CAAe;EAC1CC,KAAK,GAAU;IAC3BC,EAAE,EAAE,CAAC;EACT,CAAC;EAEgBC,OAAO,GAAIC,MAAoB,IAAW;IACvD,OAAO,IAAI,CAACC,QAAQ,CAAEJ,KAAY,IAAK;MACnC,OAAO;QAAEC,EAAE,EAAE;UAAE,GAAGD,KAAK,CAACC,EAAE;UAAE,GAAGE,MAAM,CAACH,KAAK,CAACC,EAAE;QAAE;MAAE,CAAC;IACvD,CAAC,CAAC;EACN,CAAC;EAEeI,MAAMA,CAAA,EAAG;IACrB,MAAMC,KAAqB,GAAG;MAAE,GAAG,IAAI,CAACN,KAAK,CAACC,EAAE;MAAEG,QAAQ,EAAE,IAAI,CAACF;IAAQ,CAAC;IAC1E,MAAMK,cAAc,GAAGZ,OAAO,CAACa,MAAM,CAAgB,UAAU,CAAC;IAChE,oBACId,KAAA,CAAAe,aAAA,CAACb,SAAS,CAACc,QAAQ;MAACJ,KAAK,EAAEA;IAAM,GAC5BC,cAAc,CAACI,GAAG,CAACC,EAAE,iBAAIlB,KAAK,CAACmB,YAAY,CAACD,EAAE,CAACP,MAAM,CAAC,CAAC,EAAE;MAAES,GAAG,EAAEF,EAAE,CAACG;IAAK,CAAC,CAAC,CAAC,EAC3E,IAAI,CAACC,KAAK,CAACC,QACI,CAAC;EAE7B;AACJ","ignoreList":[]}
+{"version":3,"file":"contexts/Ui/index.js","sources":["../../../src/contexts/Ui/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { UiStatePlugin } from \"~/types.js\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport const UiContext = React.createContext<Record<string, any>>({});\n\ntype Props = Record<string, any>;\n\ntype State = {\n    ui: { [key: string]: any };\n};\n\ninterface UiData {\n    [key: string]: any;\n}\n\ninterface UiDataSetter {\n    (ui: UiData): UiData;\n}\n\nexport interface UiContextValue {\n    setState: (setter: UiDataSetter) => void;\n    [key: string]: any;\n}\n\nexport class UiProvider extends React.Component<Props, State> {\n    public override state: State = {\n        ui: {}\n    };\n\n    private readonly setData = (setter: UiDataSetter): void => {\n        return this.setState((state: State) => {\n            return { ui: { ...state.ui, ...setter(state.ui) } };\n        });\n    };\n\n    public override render() {\n        const value: UiContextValue = { ...this.state.ui, setState: this.setData };\n        const uiStatePlugins = plugins.byType<UiStatePlugin>(\"ui-state\");\n        return (\n            <UiContext.Provider value={value}>\n                {uiStatePlugins.map(pl => React.cloneElement(pl.render(), { key: pl.name }))}\n                {this.props.children}\n            </UiContext.Provider>\n        );\n    }\n}\n"],"names":["UiContext","React","UiProvider","value","uiStatePlugins","plugins","pl","setter","state"],"mappings":";;AAIO,MAAMA,YAAY,WAAHA,GAAGC,MAAAA,aAAmB,CAAsB,CAAC;AAqB5D,MAAMC,mBAAmBD,MAAAA,SAAe;IAW3B,SAAS;QACrB,MAAME,QAAwB;YAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE;YAAE,UAAU,IAAI,CAAC,OAAO;QAAC;QACzE,MAAMC,iBAAiBC,QAAQ,MAAM,CAAgB;QACrD,OAAO,WAAP,GACI,oBAACL,UAAU,QAAQ;YAAC,OAAOG;WACtBC,eAAe,GAAG,CAACE,CAAAA,KAAAA,WAAAA,GAAML,MAAAA,YAAkB,CAACK,GAAG,MAAM,IAAI;gBAAE,KAAKA,GAAG,IAAI;YAAC,KACxE,IAAI,CAAC,KAAK,CAAC,QAAQ;IAGhC;;QApBG,qBACa,KAAK,GAAU;YAC3B,IAAI,CAAC;QACT,QAEiB,OAAO,GAAG,CAACC,SACjB,IAAI,CAAC,QAAQ,CAAC,CAACC,QACX;oBAAE,IAAI;wBAAE,GAAGA,MAAM,EAAE;wBAAE,GAAGD,OAAOC,MAAM,EAAE,CAAC;oBAAC;gBAAE;;AAc9D"}

package/core/Plugin.d.ts

@@ -4,5 +4,5 @@ interface PluginProps {
     providers?: Decorator<GenericComponent>[];
     children?: React.ReactNode;
 }
-export declare const Plugin: React.NamedExoticComponent<PluginProps>;
+export declare const Plugin: React.MemoExoticComponent<({ providers, children }: PluginProps) => React.JSX.Element>;
 export {};

package/core/Plugin.js

@@ -1,14 +1,12 @@
-import React from "react";
-import { Provider } from "./Provider";
-import { Plugins } from "./Plugins";
-export const Plugin = /*#__PURE__*/React.memo(function Plugin({
-  providers,
-  children
-}) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (providers || []).map((provider, index) => /*#__PURE__*/React.createElement(Provider, {
-    key: index,
-    hoc: provider
-  })), children ? /*#__PURE__*/React.createElement(Plugins, null, children) : null);
+import react from "react";
+import { Provider } from "./Provider.js";
+import { Plugins } from "./Plugins.js";
+const Plugin_Plugin = /*#__PURE__*/ react.memo(function({ providers, children }) {
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, (providers || []).map((provider, index)=>/*#__PURE__*/ react.createElement(Provider, {
+            key: index,
+            hoc: provider
+        })), children ? /*#__PURE__*/ react.createElement(Plugins, null, children) : null);
 });
+export { Plugin_Plugin as Plugin };
 
 //# sourceMappingURL=Plugin.js.map

package/core/Plugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Provider","Plugins","Plugin","memo","providers","children","createElement","Fragment","map","provider","index","key","hoc"],"sources":["Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider\";\nimport { Plugins } from \"./Plugins\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AACjB,SAASC,OAAO;AAQhB,OAAO,MAAMC,MAAM,gBAAGH,KAAK,CAACI,IAAI,CAAC,SAASD,MAAMA,CAAC;EAAEE,SAAS;EAAEC;AAAsB,CAAC,EAAE;EACnF,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACK,CAACH,SAAS,IAAI,EAAE,EAAEI,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBACnCX,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACW,GAAG,EAAED,KAAM;IAACE,GAAG,EAAEH;EAAS,CAAE,CACzC,CAAC,EACDJ,QAAQ,gBAAGN,KAAA,CAAAO,aAAA,CAACL,OAAO,QAAEI,QAAkB,CAAC,GAAG,IAC9C,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"core/Plugin.js","sources":["../../src/core/Plugin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"./Provider.js\";\nimport { Plugins } from \"./Plugins.js\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\n\ninterface PluginProps {\n    providers?: Decorator<GenericComponent>[];\n    children?: React.ReactNode;\n}\n\nexport const Plugin = React.memo(function Plugin({ providers, children }: PluginProps) {\n    return (\n        <>\n            {(providers || []).map((provider, index) => (\n                <Provider key={index} hoc={provider} />\n            ))}\n            {children ? <Plugins>{children}</Plugins> : null}\n        </>\n    );\n});\n"],"names":["Plugin","React","providers","children","provider","index","Provider","Plugins"],"mappings":";;;AAUO,MAAMA,gBAAS,WAAHA,GAAGC,MAAAA,IAAU,CAAC,SAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAe;IACjF,OAAO,WAAP,GACI,0CACMD,AAAAA,CAAAA,aAAa,EAAC,EAAG,GAAG,CAAC,CAACE,UAAUC,QAAAA,WAAAA,GAC9B,oBAACC,UAAQA;YAAC,KAAKD;YAAO,KAAKD;aAE9BD,WAAW,WAAXA,GAAW,oBAACI,SAAOA,MAAEJ,YAAsB;AAGxD"}

package/core/Plugins.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 export declare const PluginsContext: React.Context<boolean>;
 interface PluginsProviderComponentProps {
-    children: JSX.Element[];
+    children: React.JSX.Element[];
 }
-export declare const PluginsProvider: React.MemoExoticComponent<({ children }: PluginsProviderComponentProps) => React.JSX.Element>;
+declare const PluginsProviderComponent: ({ children }: PluginsProviderComponentProps) => React.JSX.Element;
+export declare const PluginsProvider: React.MemoExoticComponent<typeof PluginsProviderComponent>;
 /**
  * @param children
  * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
@@ -11,5 +12,5 @@ export declare const PluginsProvider: React.MemoExoticComponent<({ children }: P
 interface PluginsComponentsProps {
     children: React.ReactNode;
 }
-export declare const Plugins: ({ children }: PluginsComponentsProps) => React.JSX.Element | null;
+export declare const Plugins: React.MemoExoticComponent<({ children }: PluginsComponentsProps) => React.JSX.Element | null>;
 export {};

package/core/Plugins.js

@@ -1,39 +1,21 @@
-import React, { Fragment, Children, createContext, useContext, useEffect, memo } from "react";
-import { useApp } from "../App";
-export const PluginsContext = /*#__PURE__*/createContext(false);
+import react, { Children, Fragment, createContext, memo, useContext, useEffect } from "react";
+import { useApp } from "../App.js";
+const PluginsContext = /*#__PURE__*/ createContext(false);
 PluginsContext.displayName = "PluginsContext";
-const PluginsProviderComponent = ({
-  children
-}) => {
-  /**
-   * This context only serves as a safeguard. We need to warn users when they mount a plugin without using
-   * the <Plugins> component. In that case, the context will not be available, and we can log warnings.
-   */
-  return /*#__PURE__*/React.createElement(PluginsContext.Provider, {
-    value: true
-  }, children);
-};
-export const PluginsProvider = /*#__PURE__*/memo(PluginsProviderComponent);
-
-/**
- * @param children
- * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.
- */
-
-export const Plugins = ({
-  children
-}) => {
-  const {
-    addPlugin
-  } = useApp();
-  const hasParentPlugin = useContext(PluginsContext);
-  useEffect(() => {
-    if (hasParentPlugin) {
-      return;
-    }
-    Children.forEach(children, child => addPlugin(child));
-  }, []);
-  return hasParentPlugin ? /*#__PURE__*/React.createElement(Fragment, null, children) : null;
-};
+const PluginsProviderComponent = ({ children })=>/*#__PURE__*/ react.createElement(PluginsContext.Provider, {
+        value: true
+    }, children);
+const PluginsProvider = /*#__PURE__*/ memo(PluginsProviderComponent);
+const Plugins = /*#__PURE__*/ react.memo(({ children })=>{
+    const { addPlugin } = useApp();
+    const hasParentPlugin = useContext(PluginsContext);
+    useEffect(()=>{
+        if (hasParentPlugin) return;
+        Children.forEach(children, (child)=>addPlugin(child));
+    }, []);
+    return hasParentPlugin ? /*#__PURE__*/ react.createElement(Fragment, null, children) : null;
+});
+Plugins.displayName = "Plugins";
+export { Plugins, PluginsContext, PluginsProvider };
 
 //# sourceMappingURL=Plugins.js.map

package/core/Plugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","Children","createContext","useContext","useEffect","memo","useApp","PluginsContext","displayName","PluginsProviderComponent","children","createElement","Provider","value","PluginsProvider","Plugins","addPlugin","hasParentPlugin","forEach","child"],"sources":["Plugins.tsx"],"sourcesContent":["import React, { Fragment, Children, createContext, useContext, useEffect, memo } from \"react\";\nimport { useApp } from \"~/App\";\n\nexport const PluginsContext = createContext<boolean>(false);\nPluginsContext.displayName = \"PluginsContext\";\n\ninterface PluginsProviderComponentProps {\n    children: JSX.Element[];\n}\nconst PluginsProviderComponent = ({ children }: PluginsProviderComponentProps) => {\n    /**\n     * This context only serves as a safeguard. We need to warn users when they mount a plugin without using\n     * the <Plugins> component. In that case, the context will not be available, and we can log warnings.\n     */\n    return <PluginsContext.Provider value={true}>{children}</PluginsContext.Provider>;\n};\n\nexport const PluginsProvider = memo(PluginsProviderComponent);\n\n/**\n * @param children\n * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.\n */\ninterface PluginsComponentsProps {\n    children: React.ReactNode;\n}\nexport const Plugins = ({ children }: PluginsComponentsProps) => {\n    const { addPlugin } = useApp();\n    const hasParentPlugin = useContext(PluginsContext);\n\n    useEffect(() => {\n        if (hasParentPlugin) {\n            return;\n        }\n\n        Children.forEach(children, child => addPlugin(child));\n    }, []);\n\n    return hasParentPlugin ? <Fragment>{children}</Fragment> : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,OAAO;AAC7F,SAASC,MAAM;AAEf,OAAO,MAAMC,cAAc,gBAAGL,aAAa,CAAU,KAAK,CAAC;AAC3DK,cAAc,CAACC,WAAW,GAAG,gBAAgB;AAK7C,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC9E;AACJ;AACA;AACA;EACI,oBAAOX,KAAA,CAAAY,aAAA,CAACJ,cAAc,CAACK,QAAQ;IAACC,KAAK,EAAE;EAAK,GAAEH,QAAkC,CAAC;AACrF,CAAC;AAED,OAAO,MAAMI,eAAe,gBAAGT,IAAI,CAACI,wBAAwB,CAAC;;AAE7D;AACA;AACA;AACA;;AAIA,OAAO,MAAMM,OAAO,GAAGA,CAAC;EAAEL;AAAiC,CAAC,KAAK;EAC7D,MAAM;IAAEM;EAAU,CAAC,GAAGV,MAAM,CAAC,CAAC;EAC9B,MAAMW,eAAe,GAAGd,UAAU,CAACI,cAAc,CAAC;EAElDH,SAAS,CAAC,MAAM;IACZ,IAAIa,eAAe,EAAE;MACjB;IACJ;IAEAhB,QAAQ,CAACiB,OAAO,CAACR,QAAQ,EAAES,KAAK,IAAIH,SAAS,CAACG,KAAK,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,eAAe,gBAAGlB,KAAA,CAAAY,aAAA,CAACX,QAAQ,QAAEU,QAAmB,CAAC,GAAG,IAAI;AACnE,CAAC","ignoreList":[]}
+{"version":3,"file":"core/Plugins.js","sources":["../../src/core/Plugins.tsx"],"sourcesContent":["import React, { Children, createContext, Fragment, memo, useContext, useEffect } from \"react\";\nimport { useApp } from \"~/App.js\";\n\nexport const PluginsContext = createContext<boolean>(false);\nPluginsContext.displayName = \"PluginsContext\";\n\ninterface PluginsProviderComponentProps {\n    children: React.JSX.Element[];\n}\nconst PluginsProviderComponent = ({ children }: PluginsProviderComponentProps) => {\n    /**\n     * This context only serves as a safeguard. We need to warn users when they mount a plugin without using\n     * the <Plugins> component. In that case, the context will not be available, and we can log warnings.\n     */\n    return <PluginsContext.Provider value={true}>{children}</PluginsContext.Provider>;\n};\n\nexport const PluginsProvider = memo(PluginsProviderComponent);\n\n/**\n * @param children\n * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.\n */\ninterface PluginsComponentsProps {\n    children: React.ReactNode;\n}\nexport const Plugins = React.memo(({ children }: PluginsComponentsProps) => {\n    const { addPlugin } = useApp();\n    const hasParentPlugin = useContext(PluginsContext);\n\n    useEffect(() => {\n        if (hasParentPlugin) {\n            return;\n        }\n\n        Children.forEach(children, child => addPlugin(child));\n    }, []);\n\n    return hasParentPlugin ? <Fragment>{children}</Fragment> : null;\n});\n\nPlugins.displayName = \"Plugins\";\n"],"names":["PluginsContext","createContext","PluginsProviderComponent","children","PluginsProvider","memo","Plugins","React","addPlugin","useApp","hasParentPlugin","useContext","useEffect","Children","child","Fragment"],"mappings":";;AAGO,MAAMA,iBAAiB,WAAHA,GAAGC,cAAuB;AACrDD,eAAe,WAAW,GAAG;AAK7B,MAAME,2BAA2B,CAAC,EAAEC,QAAQ,EAAiC,GAKlE,WAAP,GAAO,oBAACH,eAAe,QAAQ;QAAC,OAAO;OAAOG;AAG3C,MAAMC,kBAAkB,WAAHA,GAAGC,KAAKH;AAS7B,MAAMI,UAAU,WAAHA,GAAGC,MAAAA,IAAU,CAAC,CAAC,EAAEJ,QAAQ,EAA0B;IACnE,MAAM,EAAEK,SAAS,EAAE,GAAGC;IACtB,MAAMC,kBAAkBC,WAAWX;IAEnCY,UAAU;QACN,IAAIF,iBACA;QAGJG,SAAS,OAAO,CAACV,UAAUW,CAAAA,QAASN,UAAUM;IAClD,GAAG,EAAE;IAEL,OAAOJ,kBAAkB,WAAlBA,GAAkB,oBAACK,UAAQA,MAAEZ,YAAuB;AAC/D;AAEAG,QAAQ,WAAW,GAAG"}

package/core/Provider.d.ts

@@ -1,4 +1,4 @@
-import type { GenericComponent, Decorator } from "../index";
+import type { GenericComponent, Decorator } from "../index.js";
 export interface ProviderProps {
     hoc: Decorator<GenericComponent>;
 }

package/core/Provider.js

@@ -1,18 +1,10 @@
 import { useEffect } from "react";
-import { useApp } from "./..";
-/**
- * Register a new React context provider.
- */
-export const Provider = ({
-  hoc
-}) => {
-  const {
-    addProvider
-  } = useApp();
-  useEffect(() => {
-    return addProvider(hoc);
-  }, []);
-  return null;
+import { useApp } from "../index.js";
+const Provider = ({ hoc })=>{
+    const { addProvider } = useApp();
+    useEffect(()=>addProvider(hoc), []);
+    return null;
 };
+export { Provider };
 
 //# sourceMappingURL=Provider.js.map

package/core/Provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useApp","Provider","hoc","addProvider"],"sources":["Provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { GenericComponent, Decorator } from \"~/index\";\nimport { useApp } from \"~/index\";\n\nexport interface ProviderProps {\n    hoc: Decorator<GenericComponent>;\n}\n\n/**\n * Register a new React context provider.\n */\nexport const Provider = ({ hoc }: ProviderProps) => {\n    const { addProvider } = useApp();\n\n    useEffect(() => {\n        return addProvider(hoc);\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,MAAM;AAMf;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EAChD,MAAM;IAAEC;EAAY,CAAC,GAAGH,MAAM,CAAC,CAAC;EAEhCD,SAAS,CAAC,MAAM;IACZ,OAAOI,WAAW,CAACD,GAAG,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"core/Provider.js","sources":["../../src/core/Provider.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { GenericComponent, Decorator } from \"~/index.js\";\nimport { useApp } from \"~/index.js\";\n\nexport interface ProviderProps {\n    hoc: Decorator<GenericComponent>;\n}\n\n/**\n * Register a new React context provider.\n */\nexport const Provider = ({ hoc }: ProviderProps) => {\n    const { addProvider } = useApp();\n\n    useEffect(() => {\n        return addProvider(hoc);\n    }, []);\n\n    return null;\n};\n"],"names":["Provider","hoc","addProvider","useApp","useEffect"],"mappings":";;AAWO,MAAMA,WAAW,CAAC,EAAEC,GAAG,EAAiB;IAC3C,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExBC,UAAU,IACCF,YAAYD,MACpB,EAAE;IAEL,OAAO;AACX"}

package/core/createProvider.js

@@ -1,9 +1,6 @@
-/**
- * Creates a Higher Order Component which wraps the entire app content.
- * This is mostly useful for adding React Context providers.
- */
-export function createProvider(decorator) {
-  return decorator;
+function createProvider(decorator) {
+    return decorator;
 }
+export { createProvider };
 
 //# sourceMappingURL=createProvider.js.map

package/core/createProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createProvider","decorator"],"sources":["createProvider.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { Decorator, GenericComponent } from \"@webiny/react-composition\";\n\nexport interface ChildrenProps {\n    children: React.ReactNode;\n}\n\n/**\n * Creates a Higher Order Component which wraps the entire app content.\n * This is mostly useful for adding React Context providers.\n */\nexport function createProvider(\n    decorator: Decorator<GenericComponent<ChildrenProps>>\n): Decorator<GenericComponent<ChildrenProps>> {\n    return decorator;\n}\n"],"mappings":"AAOA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAC1BC,SAAqD,EACX;EAC1C,OAAOA,SAAS;AACpB","ignoreList":[]}
+{"version":3,"file":"core/createProvider.js","sources":["../../src/core/createProvider.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { Decorator, GenericComponent } from \"@webiny/react-composition\";\n\nexport interface ChildrenProps {\n    children: React.ReactNode;\n}\n\n/**\n * Creates a Higher Order Component which wraps the entire app content.\n * This is mostly useful for adding React Context providers.\n */\nexport function createProvider(\n    decorator: Decorator<GenericComponent<ChildrenProps>>\n): Decorator<GenericComponent<ChildrenProps>> {\n    return decorator;\n}\n"],"names":["createProvider","decorator"],"mappings":"AAWO,SAASA,eACZC,SAAqD;IAErD,OAAOA;AACX"}

package/core/createProviderPlugin.js

@@ -1,17 +1,12 @@
-import React from "react";
-import { Provider } from "./Provider";
-
-/**
- * Creates a component, which, when mounted, will register an app provider.
- * This is particularly useful for wrapping the entire app with custom React Context providers.
- * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.
- */
-export function createProviderPlugin(decorator) {
-  return function ProviderPlugin() {
-    return /*#__PURE__*/React.createElement(Provider, {
-      hoc: decorator
-    });
-  };
+import react from "react";
+import { Provider } from "./Provider.js";
+function createProviderPlugin(decorator) {
+    return function() {
+        return /*#__PURE__*/ react.createElement(Provider, {
+            hoc: decorator
+        });
+    };
 }
+export { createProviderPlugin };
 
 //# sourceMappingURL=createProviderPlugin.js.map

package/core/createProviderPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Provider","createProviderPlugin","decorator","ProviderPlugin","createElement","hoc"],"sources":["createProviderPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\nimport { Provider } from \"./Provider\";\n\n/**\n * Creates a component, which, when mounted, will register an app provider.\n * This is particularly useful for wrapping the entire app with custom React Context providers.\n * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.\n */\nexport function createProviderPlugin(decorator: Decorator<GenericComponent>) {\n    return function ProviderPlugin() {\n        return <Provider hoc={decorator} />;\n    };\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ;;AAEjB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACC,SAAsC,EAAE;EACzE,OAAO,SAASC,cAAcA,CAAA,EAAG;IAC7B,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ;MAACK,GAAG,EAAEH;IAAU,CAAE,CAAC;EACvC,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"core/createProviderPlugin.js","sources":["../../src/core/createProviderPlugin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { GenericComponent, Decorator } from \"@webiny/react-composition\";\nimport { Provider } from \"./Provider.js\";\n\n/**\n * Creates a component, which, when mounted, will register an app provider.\n * This is particularly useful for wrapping the entire app with custom React Context providers.\n * For more information, visit https://www.webiny.com/docs/admin-area/basics/framework.\n */\nexport function createProviderPlugin(decorator: Decorator<GenericComponent>) {\n    return function ProviderPlugin() {\n        return <Provider hoc={decorator} />;\n    };\n}\n"],"names":["createProviderPlugin","decorator","Provider"],"mappings":";;AASO,SAASA,qBAAqBC,SAAsC;IACvE,OAAO;QACH,OAAO,WAAP,GAAO,oBAACC,UAAQA;YAAC,KAAKD;;IAC1B;AACJ"}

package/errors/AuthenticationErrorEvent.d.ts

@@ -0,0 +1,9 @@
+import { BaseEvent } from "../features/eventPublisher/index.js";
+export interface AuthenticationErrorPayload {
+    message: string;
+    code: string;
+}
+export declare class AuthenticationErrorEvent extends BaseEvent<AuthenticationErrorPayload> {
+    eventType: "Authentication/Error";
+    getHandlerAbstraction(): import("@webiny/di").Abstraction<import("~/features/eventPublisher/index.js").IEventHandler<AuthenticationErrorEvent>>;
+}

package/errors/AuthenticationErrorEvent.js

@@ -0,0 +1,13 @@
+import { AuthenticationErrorEventHandler } from "./abstractions.js";
+import { BaseEvent } from "../features/eventPublisher/index.js";
+class AuthenticationErrorEvent extends BaseEvent {
+    getHandlerAbstraction() {
+        return AuthenticationErrorEventHandler;
+    }
+    constructor(...args){
+        super(...args), this.eventType = "Authentication/Error";
+    }
+}
+export { AuthenticationErrorEvent };
+
+//# sourceMappingURL=AuthenticationErrorEvent.js.map

package/errors/AuthenticationErrorEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/AuthenticationErrorEvent.js","sources":["../../src/errors/AuthenticationErrorEvent.ts"],"sourcesContent":["import { AuthenticationErrorEventHandler } from \"./abstractions.js\";\nimport { BaseEvent } from \"~/features/eventPublisher/index.js\";\n\nexport interface AuthenticationErrorPayload {\n    message: string;\n    code: string;\n}\n\nexport class AuthenticationErrorEvent extends BaseEvent<AuthenticationErrorPayload> {\n    eventType = \"Authentication/Error\" as const;\n\n    getHandlerAbstraction() {\n        return AuthenticationErrorEventHandler;\n    }\n}\n"],"names":["AuthenticationErrorEvent","BaseEvent","AuthenticationErrorEventHandler"],"mappings":";;AAQO,MAAMA,iCAAiCC;IAG1C,wBAAwB;QACpB,OAAOC;IACX;;QALG,qBACH,SAAS,GAAG;;AAKhB"}

package/errors/NetworkErrorEvent.d.ts

@@ -0,0 +1,15 @@
+import { BaseEvent } from "../features/eventPublisher/index.js";
+export interface NetworkErrorPayload {
+    message: string;
+    code?: string;
+    operationName?: string;
+    query?: string;
+    variables?: Record<string, any>;
+    errorType: "network" | "timeout" | "fetch" | "unknown";
+    statusCode?: number;
+    result?: any;
+}
+export declare class NetworkErrorEvent extends BaseEvent<NetworkErrorPayload> {
+    eventType: "network.error";
+    getHandlerAbstraction(): import("@webiny/di").Abstraction<import("~/features/eventPublisher/index.js").IEventHandler<NetworkErrorEvent>>;
+}

package/errors/NetworkErrorEvent.js

@@ -0,0 +1,13 @@
+import { NetworkErrorEventHandler } from "./abstractions.js";
+import { BaseEvent } from "../features/eventPublisher/index.js";
+class NetworkErrorEvent extends BaseEvent {
+    getHandlerAbstraction() {
+        return NetworkErrorEventHandler;
+    }
+    constructor(...args){
+        super(...args), this.eventType = "network.error";
+    }
+}
+export { NetworkErrorEvent };
+
+//# sourceMappingURL=NetworkErrorEvent.js.map

package/errors/NetworkErrorEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/NetworkErrorEvent.js","sources":["../../src/errors/NetworkErrorEvent.ts"],"sourcesContent":["import { NetworkErrorEventHandler } from \"./abstractions.js\";\nimport { BaseEvent } from \"~/features/eventPublisher/index.js\";\n\nexport interface NetworkErrorPayload {\n    message: string;\n    code?: string;\n    operationName?: string;\n    query?: string;\n    variables?: Record<string, any>;\n    errorType: \"network\" | \"timeout\" | \"fetch\" | \"unknown\";\n    statusCode?: number;\n    result?: any;\n}\n\nexport class NetworkErrorEvent extends BaseEvent<NetworkErrorPayload> {\n    eventType = \"network.error\" as const;\n\n    getHandlerAbstraction() {\n        return NetworkErrorEventHandler;\n    }\n}\n"],"names":["NetworkErrorEvent","BaseEvent","NetworkErrorEventHandler"],"mappings":";;AAcO,MAAMA,0BAA0BC;IAGnC,wBAAwB;QACpB,OAAOC;IACX;;QALG,qBACH,SAAS,GAAG;;AAKhB"}

package/errors/abstractions.d.ts

@@ -0,0 +1,12 @@
+import type { NetworkErrorEvent } from "./NetworkErrorEvent.js";
+import type { AuthenticationErrorEvent } from "./AuthenticationErrorEvent.js";
+import type { IEventHandler } from "../features/eventPublisher/index.js";
+export declare const NetworkErrorEventHandler: import("@webiny/di").Abstraction<IEventHandler<NetworkErrorEvent>>;
+export declare namespace NetworkErrorEventHandler {
+    type Interface = IEventHandler<NetworkErrorEvent>;
+}
+export declare const AuthenticationErrorEventHandler: import("@webiny/di").Abstraction<IEventHandler<AuthenticationErrorEvent>>;
+export declare namespace AuthenticationErrorEventHandler {
+    type Interface = IEventHandler<AuthenticationErrorEvent>;
+    type Event = AuthenticationErrorEvent;
+}

package/errors/abstractions.js

@@ -0,0 +1,6 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const NetworkErrorEventHandler = createAbstraction("NetworkErrorEventHandler");
+const AuthenticationErrorEventHandler = createAbstraction("AuthenticationErrorEventHandler");
+export { AuthenticationErrorEventHandler, NetworkErrorEventHandler };
+
+//# sourceMappingURL=abstractions.js.map

package/errors/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/abstractions.js","sources":["../../src/errors/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { NetworkErrorEvent } from \"./NetworkErrorEvent.js\";\nimport type { AuthenticationErrorEvent } from \"./AuthenticationErrorEvent.js\";\nimport type { IEventHandler } from \"~/features/eventPublisher/index.js\";\n\nexport const NetworkErrorEventHandler = createAbstraction<IEventHandler<NetworkErrorEvent>>(\n    \"NetworkErrorEventHandler\"\n);\n\nexport namespace NetworkErrorEventHandler {\n    export type Interface = IEventHandler<NetworkErrorEvent>;\n}\n\nexport const AuthenticationErrorEventHandler = createAbstraction<\n    IEventHandler<AuthenticationErrorEvent>\n>(\"AuthenticationErrorEventHandler\");\n\nexport namespace AuthenticationErrorEventHandler {\n    export type Interface = IEventHandler<AuthenticationErrorEvent>;\n    export type Event = AuthenticationErrorEvent;\n}\n"],"names":["NetworkErrorEventHandler","createAbstraction","AuthenticationErrorEventHandler"],"mappings":";AAKO,MAAMA,2BAA2BC,kBACpC;AAOG,MAAMC,kCAAkCD,kBAE7C"}

package/errors/index.d.ts

@@ -0,0 +1,6 @@
+export { NetworkErrorEvent } from "./NetworkErrorEvent.js";
+export type { NetworkErrorPayload } from "./NetworkErrorEvent.js";
+export { NetworkErrorEventHandler } from "./abstractions.js";
+export { AuthenticationErrorEvent } from "./AuthenticationErrorEvent.js";
+export type { AuthenticationErrorPayload } from "./AuthenticationErrorEvent.js";
+export { AuthenticationErrorEventHandler } from "./abstractions.js";

package/errors/index.js

@@ -0,0 +1,3 @@
+export { NetworkErrorEvent } from "./NetworkErrorEvent.js";
+export { AuthenticationErrorEventHandler, NetworkErrorEventHandler } from "./abstractions.js";
+export { AuthenticationErrorEvent } from "./AuthenticationErrorEvent.js";

package/errors/overlay/ErrorOverlay.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type ErrorOverlayProps = Partial<{
+    title: React.ReactNode;
+    message: React.ReactNode;
+    description: React.ReactNode;
+    closeable?: boolean;
+}>;
+export declare const ErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element | null;
+export {};

package/errors/overlay/ErrorOverlay.js

@@ -0,0 +1,43 @@
+import react, { useState } from "react";
+import { Typography } from "./Typography.js";
+import { i18n } from "../../i18n/index.js";
+import { OverlayWrapper } from "./StyledComponents.js";
+import { ReactComponent } from "./assets/close_24px.js";
+const t = i18n.ns("app/graphql/error-overlay");
+const ENVIRONMENT_VARIABLES_ARTICLE_LINK = "https://www.webiny.com/docs/how-to-guides/environment-variables";
+const ErrorOverlay = (props)=>{
+    const { title = "An error occurred", message, description, closeable } = props;
+    const [open, setOpen] = useState(true);
+    if (!open) return null;
+    return /*#__PURE__*/ react.createElement(OverlayWrapper, null, /*#__PURE__*/ react.createElement("div", {
+        className: "box-border flex flex-col w-full h-full overflow-auto bg-white p-4"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center mb-4"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "text-[color:var(--mdc-theme-error)]"
+    }, /*#__PURE__*/ react.createElement(Typography, {
+        use: "headline"
+    }, title)), false !== closeable && /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("span", {
+        onClick: ()=>setOpen(false)
+    }, /*#__PURE__*/ react.createElement(ReactComponent, null)))), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "mb-4"
+    }, message), description && /*#__PURE__*/ react.createElement("div", null, description)), /*#__PURE__*/ react.createElement("div", {
+        className: "text-[color:var(--mdc-theme-text-secondary-on-background)]"
+    }, /*#__PURE__*/ react.createElement(Typography, {
+        use: "body"
+    }, t`
+                        This screen is only visible if {message} environment variable is set.
+                        Read more about it in the {link}. `({
+        message: /*#__PURE__*/ react.createElement("span", {
+            className: "bg-[rgba(251,245,180,0.5)] px-1 rounded-[6px] font-mono"
+        }, "`REACT_APP_DEBUG=true`"),
+        link: /*#__PURE__*/ react.createElement("a", {
+            href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,
+            target: "_blank",
+            rel: "noreferrer noopener"
+        }, "environment variables article")
+    }), /*#__PURE__*/ react.createElement("br", null), t`Open your browser's developer console to further inspect this error.`))));
+};
+export { ErrorOverlay };
+
+//# sourceMappingURL=ErrorOverlay.js.map

package/errors/overlay/ErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/ErrorOverlay.js","sources":["../../../src/errors/overlay/ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { OverlayWrapper } from \"./StyledComponents.js\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ntype ErrorOverlayProps = Partial<{\n    title: React.ReactNode;\n    message: React.ReactNode;\n    description: React.ReactNode;\n    closeable?: boolean;\n}>;\n\nexport const ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { title = \"An error occurred\", message, description, closeable } = props;\n    const [open, setOpen] = useState(true);\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <OverlayWrapper>\n            <div className={\"box-border flex flex-col w-full h-full overflow-auto bg-white p-4\"}>\n                <div className={\"flex justify-between items-center mb-4\"}>\n                    <div className={\"text-[color:var(--mdc-theme-error)]\"}>\n                        <Typography use={\"headline\"}>{title}</Typography>\n                    </div>\n                    {closeable !== false && (\n                        <div>\n                            <span onClick={() => setOpen(false)}>\n                                <CloseIcon />\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div>\n                    <div className={\"mb-4\"}>{message}</div>\n                    {description && <div>{description}</div>}\n                </div>\n                <div className={\"text-[color:var(--mdc-theme-text-secondary-on-background)]\"}>\n                    <Typography use={\"body\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: (\n                                <span\n                                    className={\n                                        \"bg-[rgba(251,245,180,0.5)] px-1 rounded-[6px] font-mono\"\n                                    }\n                                >\n                                    `REACT_APP_DEBUG=true`\n                                </span>\n                            ),\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n"],"names":["t","i18n","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","title","message","description","closeable","open","setOpen","useState","OverlayWrapper","Typography","CloseIcon"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,qCACF;AASG,MAAMC,eAAe,CAACC;IACzB,MAAM,EAAEC,QAAQ,mBAAmB,EAAEC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGJ;IACzE,MAAM,CAACK,MAAMC,QAAQ,GAAGC,SAAS;IACjC,IAAI,CAACF,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACG,gBAAcA,MAAAA,WAAAA,GACX,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QAAC,KAAK;OAAaR,SAEjCG,AAAc,UAAdA,aAAuB,WAAT,GACX,oBAAC,2BACG,oBAAC;QAAK,SAAS,IAAME,QAAQ;qBACzB,oBAACI,gBAASA,UAAAA,WAAAA,GAK1B,oBAAC,2BACG,oBAAC;QAAI,WAAW;OAASR,UACxBC,eAAe,WAAfA,GAAe,oBAAC,aAAKA,eAAAA,WAAAA,GAE1B,oBAAC;QAAI,WAAW;qBACZ,oBAACM,YAAUA;QAAC,KAAK;OACZb,CAAC,CAAC;;0DAE+B,CAAC,CAAC;QAChC,SAAS,WAAT,GACI,oBAAC;YACG,WACI;WAEP;QAIL,MAAM,WAAN,GACI,oBAAC;YACG,MAAME;YACN,QAAQ;YACR,KAAK;WACR;IAIT,kBACA,oBAAC,aACAF,CAAC,CAAC,oEAAoE,CAAC;AAMhG"}

package/{plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts → errors/overlay/GqlErrorOverlay.d.ts}

@@ -10,5 +10,5 @@ interface ErrorOverlayProps {
         };
     };
 }
-declare const ErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element | null;
-export default ErrorOverlay;
+export declare const GqlErrorOverlay: (props: ErrorOverlayProps) => React.JSX.Element;
+export {};

package/errors/overlay/GqlErrorOverlay.js

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

package/errors/overlay/GqlErrorOverlay.js.map

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