@webiny/app 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/hooks/useDataList/utils/prepareLoadListParams.js.map

@@ -1 +1 @@
-{"version":3,"names":["keys","location","params","query","URLSearchParams","search","after","get","before","limit","parseInt","forEach","key","value","JSON","parse","e"],"sources":["prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n    after?: string;\n    before?: string;\n    limit?: number;\n    sort?: string;\n    where?: Record<string, any>;\n    search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location?: Location): Params => {\n    const params: Params = {};\n    if (!location) {\n        return params;\n    }\n\n    const query = new URLSearchParams(location.search);\n\n    const after = query.get(\"after\");\n    const before = query.get(\"before\");\n    const limit = query.get(\"limit\");\n\n    if (after) {\n        params.after = after;\n    }\n\n    if (before) {\n        params.before = before;\n    }\n\n    if (limit) {\n        params.limit = parseInt(limit);\n    }\n\n    keys.forEach(key => {\n        const value = query.get(key);\n        if (typeof value !== \"string\") {\n            return;\n        }\n        try {\n            params[key] = JSON.parse(value);\n        } catch (e) {\n            /**\n             * If we can't parse the value, it means it's a string.\n             */\n            // @ts-expect-error\n            params[key] = value;\n        }\n    });\n    return params;\n};\n"],"mappings":"AASA,MAAMA,IAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE1D,eAAgBC,QAAmB,IAAa;EAC5C,MAAMC,MAAc,GAAG,CAAC,CAAC;EACzB,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOC,MAAM;EACjB;EAEA,MAAMC,KAAK,GAAG,IAAIC,eAAe,CAACH,QAAQ,CAACI,MAAM,CAAC;EAElD,MAAMC,KAAK,GAAGH,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAChC,MAAMC,MAAM,GAAGL,KAAK,CAACI,GAAG,CAAC,QAAQ,CAAC;EAClC,MAAME,KAAK,GAAGN,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAEhC,IAAID,KAAK,EAAE;IACPJ,MAAM,CAACI,KAAK,GAAGA,KAAK;EACxB;EAEA,IAAIE,MAAM,EAAE;IACRN,MAAM,CAACM,MAAM,GAAGA,MAAM;EAC1B;EAEA,IAAIC,KAAK,EAAE;IACPP,MAAM,CAACO,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;EAClC;EAEAT,IAAI,CAACW,OAAO,CAACC,GAAG,IAAI;IAChB,MAAMC,KAAK,GAAGV,KAAK,CAACI,GAAG,CAACK,GAAG,CAAC;IAC5B,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IACA,IAAI;MACAX,MAAM,CAACU,GAAG,CAAC,GAAGE,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC;IACnC,CAAC,CAAC,OAAOG,CAAC,EAAE;MACR;AACZ;AACA;MACY;MACAd,MAAM,CAACU,GAAG,CAAC,GAAGC,KAAK;IACvB;EACJ,CAAC,CAAC;EACF,OAAOX,MAAM;AACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["keys","location","params","query","URLSearchParams","search","after","get","before","limit","parseInt","forEach","key","value","JSON","parse"],"sources":["prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n    after?: string;\n    before?: string;\n    limit?: number;\n    sort?: string;\n    where?: Record<string, any>;\n    search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location?: Location): Params => {\n    const params: Params = {};\n    if (!location) {\n        return params;\n    }\n\n    const query = new URLSearchParams(location.search);\n\n    const after = query.get(\"after\");\n    const before = query.get(\"before\");\n    const limit = query.get(\"limit\");\n\n    if (after) {\n        params.after = after;\n    }\n\n    if (before) {\n        params.before = before;\n    }\n\n    if (limit) {\n        params.limit = parseInt(limit);\n    }\n\n    keys.forEach(key => {\n        const value = query.get(key);\n        if (typeof value !== \"string\") {\n            return;\n        }\n        try {\n            params[key] = JSON.parse(value);\n        } catch {\n            /**\n             * If we can't parse the value, it means it's a string.\n             */\n            // @ts-expect-error\n            params[key] = value;\n        }\n    });\n    return params;\n};\n"],"mappings":"AASA,MAAMA,IAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE1D,eAAgBC,QAAmB,IAAa;EAC5C,MAAMC,MAAc,GAAG,CAAC,CAAC;EACzB,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOC,MAAM;EACjB;EAEA,MAAMC,KAAK,GAAG,IAAIC,eAAe,CAACH,QAAQ,CAACI,MAAM,CAAC;EAElD,MAAMC,KAAK,GAAGH,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAChC,MAAMC,MAAM,GAAGL,KAAK,CAACI,GAAG,CAAC,QAAQ,CAAC;EAClC,MAAME,KAAK,GAAGN,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAEhC,IAAID,KAAK,EAAE;IACPJ,MAAM,CAACI,KAAK,GAAGA,KAAK;EACxB;EAEA,IAAIE,MAAM,EAAE;IACRN,MAAM,CAACM,MAAM,GAAGA,MAAM;EAC1B;EAEA,IAAIC,KAAK,EAAE;IACPP,MAAM,CAACO,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;EAClC;EAEAT,IAAI,CAACW,OAAO,CAACC,GAAG,IAAI;IAChB,MAAMC,KAAK,GAAGV,KAAK,CAACI,GAAG,CAACK,GAAG,CAAC;IAC5B,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IACA,IAAI;MACAX,MAAM,CAACU,GAAG,CAAC,GAAGE,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC;IACnC,CAAC,CAAC,MAAM;MACJ;AACZ;AACA;MACY;MACAX,MAAM,CAACU,GAAG,CAAC,GAAGC,KAAK;IACvB;EACJ,CAAC,CAAC;EACF,OAAOX,MAAM;AACjB,CAAC","ignoreList":[]}

package/hooks/useHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useHandlers","props","factories","propsRef","handlersRef","names","Object","keys","reduce","handlers","name","args","handler","current"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce((handlers, name) => {\n                /**\n                 * TODO: figure out args types\n                 */\n                handlers[name] = (...args: any) => {\n                    const handler = factories[name](propsRef.current);\n                    return handler(...args);\n                };\n                return handlers;\n            }, {} as Record<string, any>);\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAQzC,OAAO,SAASC,WAAWA,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,WAAW,GAAGN,MAAM,CACtB,CAAC,MAAM;IACH,MAAMO,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC;IACpC,OAAOG,KAAK,CAACG,MAAM,CAAC,CAACC,QAAQ,EAAEC,IAAI,KAAK;MACpC;AAChB;AACA;MACgBD,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGC,IAAS,KAAK;QAC/B,MAAMC,OAAO,GAAGV,SAAS,CAACQ,IAAI,CAAC,CAACP,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CACP,CAAC;EAEDV,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,WAAW,CAACS,OAAO;AAC9B","ignoreList":[]}
+{"version":3,"names":["useRef","useEffect","useHandlers","props","factories","propsRef","handlersRef","names","Object","keys","reduce","handlers","name","args","handler","current"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce(\n                (handlers, name) => {\n                    /**\n                     * TODO: figure out args types\n                     */\n                    handlers[name] = (...args: any) => {\n                        const handler = factories[name](propsRef.current);\n                        return handler(...args);\n                    };\n                    return handlers;\n                },\n                {} as Record<string, any>\n            );\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAQzC,OAAO,SAASC,WAAWA,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,WAAW,GAAGN,MAAM,CACtB,CAAC,MAAM;IACH,MAAMO,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC;IACpC,OAAOG,KAAK,CAACG,MAAM,CACf,CAACC,QAAQ,EAAEC,IAAI,KAAK;MAChB;AACpB;AACA;MACoBD,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGC,IAAS,KAAK;QAC/B,MAAMC,OAAO,GAAGV,SAAS,CAACQ,IAAI,CAAC,CAACP,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EACD,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACP,CAAC;EAEDV,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,WAAW,CAACS,OAAO;AAC9B","ignoreList":[]}

package/hooks/useRegisterLegacyPlugin.d.ts

@@ -1,2 +1,2 @@
-import { type Plugin } from "@webiny/plugins/types";
+import { type Plugin } from "@webiny/plugins/types.js";
 export declare function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin): void;

package/hooks/useRegisterLegacyPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","plugins","useRegisterLegacyPlugin","plugin","pluginRegistered","current","register"],"sources":["useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,SAASC,uBAAuBA,CAAyBC,MAAe,EAAE;EAC7E,MAAMC,gBAAgB,GAAGJ,MAAM,CAAU,KAAK,CAAC;EAC/C,IAAI,CAACI,gBAAgB,CAACC,OAAO,EAAE;IAC3BD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/BJ,OAAO,CAACK,QAAQ,CAACH,MAAM,CAAC;EAC5B;AACJ","ignoreList":[]}
+{"version":3,"names":["useRef","plugins","useRegisterLegacyPlugin","plugin","pluginRegistered","current","register"],"sources":["useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types.js\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,SAASC,uBAAuBA,CAAyBC,MAAe,EAAE;EAC7E,MAAMC,gBAAgB,GAAGJ,MAAM,CAAU,KAAK,CAAC;EAC/C,IAAI,CAACI,gBAAgB,CAACC,OAAO,EAAE;IAC3BD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/BJ,OAAO,CAACK,QAAQ,CAACH,MAAM,CAAC;EAC5B;AACJ","ignoreList":[]}

package/hooks/useUi.d.ts

@@ -1,2 +1,2 @@
-import type { UiContextValue } from "../contexts/Ui";
+import type { UiContextValue } from "../contexts/Ui/index.js";
 export declare const useUi: () => UiContextValue;

package/hooks/useUi.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { UiContext } from "../contexts/Ui";
+import { UiContext } from "../contexts/Ui/index.js";
 export const useUi = () => {
   return useContext(UiContext);
 };

package/hooks/useUi.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","UiContext","useUi"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui\";\nimport { UiContext } from \"~/contexts/Ui\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAElB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,OAAOF,UAAU,CAACC,SAAS,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","UiContext","useUi"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui/index.js\";\nimport { UiContext } from \"~/contexts/Ui/index.js\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAElB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,OAAOF,UAAU,CAACC,SAAS,CAAC;AAChC,CAAC","ignoreList":[]}

package/i18n/index.d.ts

@@ -1 +1 @@
-export { default as i18n } from "./i18n";
+export { default as i18n } from "./i18n.js";

package/i18n/index.js

@@ -1,3 +1,3 @@
-export { default as i18n } from "./i18n";
+export { default as i18n } from "./i18n.js";
 
 //# sourceMappingURL=index.js.map

package/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","i18n"],"sources":["index.ts"],"sourcesContent":["export { default as i18n } from \"./i18n\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI","ignoreList":[]}
+{"version":3,"names":["default","i18n"],"sources":["index.ts"],"sourcesContent":["export { default as i18n } from \"./i18n.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI","ignoreList":[]}

package/index.d.ts

@@ -1,17 +1,25 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
-export { RoutePlugin } from "./plugins/RoutePlugin";
-export { ApolloCacheObjectIdPlugin, ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin";
+export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
+export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
+export { ApolloCacheObjectIdPlugin, type ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin.js";
 export * from "@webiny/react-composition";
 export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
-export * from "./App";
-export * from "./AppContainer";
-export type { AppProps } from "./App";
-export * from "./core/Plugins";
-export * from "./core/Plugin";
-export * from "./core/Provider";
-export * from "./core/DebounceRender";
-export * from "./core/createProvider";
-export * from "./core/createProviderPlugin";
-export * from "./renderApp";
-export * from "./utils/createGenericContext";
+export * from "./App.js";
+export * from "./AppContainer.js";
+export type { AppProps } from "./App.js";
+export * from "./core/Plugins.js";
+export * from "./core/Plugin.js";
+export * from "./core/Provider.js";
+export * from "./core/createProvider.js";
+export * from "./core/createProviderPlugin.js";
+export * from "./renderApp.js";
+export * from "./utils/createGenericContext.js";
+export { useContainer, DiContainerProvider } from "./shared/di/DiContainerProvider.js";
+export { useFeature } from "./shared/di/useFeature.js";
+export { createFeature } from "./shared/di/createFeature.js";
+export { Route } from "./features/router/Route.js";
+export { RouteLink, type RouteLinkProps } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink, type SimpleLinkProps } from "./presentation/router/components/SimpleLink.js";
+export { useEnvConfig } from "./presentation/envConfig/useEnvConfig.js";
+export { useRouter, useRoute } from "./presentation/router/index.js";
+export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "./presentation/localStorage/index.js";
+export * from "./helpers/InterfaceGenerator/index.js";

package/index.js

@@ -1,20 +1,28 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
-export { RoutePlugin } from "./plugins/RoutePlugin";
-export { ApolloCacheObjectIdPlugin, ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin";
+export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
+export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
+export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin.js";
 
 // Composition - we re-export this for ease of use
 export * from "@webiny/react-composition";
 // App framework
-export * from "./App";
-export * from "./AppContainer";
-export * from "./core/Plugins";
-export * from "./core/Plugin";
-export * from "./core/Provider";
-export * from "./core/DebounceRender";
-export * from "./core/createProvider";
-export * from "./core/createProviderPlugin";
-export * from "./renderApp";
-export * from "./utils/createGenericContext";
+export * from "./App.js";
+export * from "./AppContainer.js";
+export * from "./core/Plugins.js";
+export * from "./core/Plugin.js";
+export * from "./core/Provider.js";
+export * from "./core/createProvider.js";
+export * from "./core/createProviderPlugin.js";
+export * from "./renderApp.js";
+export * from "./utils/createGenericContext.js";
+export { useContainer, DiContainerProvider } from "./shared/di/DiContainerProvider.js";
+export { useFeature } from "./shared/di/useFeature.js";
+export { createFeature } from "./shared/di/createFeature.js";
+export { Route } from "./features/router/Route.js";
+export { RouteLink } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink } from "./presentation/router/components/SimpleLink.js";
+export { useEnvConfig } from "./presentation/envConfig/useEnvConfig.js";
+export { useRouter, useRoute } from "./presentation/router/index.js";
+export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "./presentation/localStorage/index.js";
+export * from "./helpers/InterfaceGenerator/index.js";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AddQuerySelectionPlugin","ApolloLinkPlugin","RoutePlugin","ApolloCacheObjectIdPlugin","ApolloCacheObject"],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin\";\nexport { RoutePlugin } from \"./plugins/RoutePlugin\";\nexport { ApolloCacheObjectIdPlugin, ApolloCacheObject } from \"./plugins/ApolloCacheObjectIdPlugin\";\n\n// Composition - we re-export this for ease of use\nexport * from \"@webiny/react-composition\";\nexport type { HigherOrderComponent, ComposeProps, ComposableFC } from \"@webiny/react-composition\";\n\n// App framework\nexport * from \"./App\";\nexport * from \"./AppContainer\";\nexport type { AppProps } from \"./App\";\nexport * from \"./core/Plugins\";\nexport * from \"./core/Plugin\";\nexport * from \"./core/Provider\";\nexport * from \"./core/DebounceRender\";\nexport * from \"./core/createProvider\";\nexport * from \"./core/createProviderPlugin\";\nexport * from \"./renderApp\";\nexport * from \"./utils/createGenericContext\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,yBAAyB,EAAEC,iBAAiB;;AAErD;AACA,cAAc,2BAA2B;AAGzC;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["AddQuerySelectionPlugin","ApolloLinkPlugin","ApolloCacheObjectIdPlugin","useContainer","DiContainerProvider","useFeature","createFeature","Route","RouteLink","SimpleLink","useEnvConfig","useRouter","useRoute","useLocalStorage","useLocalStorageValue","useLocalStorageValues"],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin.js\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin.js\";\nexport {\n    ApolloCacheObjectIdPlugin,\n    type ApolloCacheObject\n} from \"./plugins/ApolloCacheObjectIdPlugin.js\";\n\n// Composition - we re-export this for ease of use\nexport * from \"@webiny/react-composition\";\nexport type { HigherOrderComponent, ComposeProps, ComposableFC } from \"@webiny/react-composition\";\n\n// App framework\nexport * from \"./App.js\";\nexport * from \"./AppContainer.js\";\nexport type { AppProps } from \"./App.js\";\nexport * from \"./core/Plugins.js\";\nexport * from \"./core/Plugin.js\";\nexport * from \"./core/Provider.js\";\nexport * from \"./core/createProvider.js\";\nexport * from \"./core/createProviderPlugin.js\";\nexport * from \"./renderApp.js\";\nexport * from \"./utils/createGenericContext.js\";\nexport { useContainer, DiContainerProvider } from \"./shared/di/DiContainerProvider.js\";\nexport { useFeature } from \"./shared/di/useFeature.js\";\nexport { createFeature } from \"./shared/di/createFeature.js\";\n\nexport { Route } from \"./features/router/Route.js\";\nexport { RouteLink, type RouteLinkProps } from \"./presentation/router/components/RouteLink.js\";\nexport { SimpleLink, type SimpleLinkProps } from \"./presentation/router/components/SimpleLink.js\";\n\nexport { useEnvConfig } from \"./presentation/envConfig/useEnvConfig.js\";\nexport { useRouter, useRoute } from \"./presentation/router/index.js\";\nexport {\n    useLocalStorage,\n    useLocalStorageValue,\n    useLocalStorageValues\n} from \"./presentation/localStorage/index.js\";\n\nexport * from \"./helpers/InterfaceGenerator/index.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SACIC,yBAAyB;;AAI7B;AACA,cAAc,2BAA2B;AAGzC;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAY,EAAEC,mBAAmB;AAC1C,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,SAASC,KAAK;AACd,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,SAASC,YAAY;AACrB,SAASC,SAAS,EAAEC,QAAQ;AAC5B,SACIC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB;AAGzB","ignoreList":[]}

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app",
-	"version": "0.0.0-unstable.e53eceafb5",
-	"main": "index.js",
+	"version": "0.0.0-unstable.e6f0dc8ca7",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -15,15 +19,15 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "11.10.6",
-		"@types/react": "18.2.79",
-		"@webiny/i18n": "0.0.0-unstable.e53eceafb5",
-		"@webiny/i18n-react": "0.0.0-unstable.e53eceafb5",
-		"@webiny/plugins": "0.0.0-unstable.e53eceafb5",
-		"@webiny/react-composition": "0.0.0-unstable.e53eceafb5",
-		"@webiny/react-properties": "0.0.0-unstable.e53eceafb5",
-		"@webiny/react-router": "0.0.0-unstable.e53eceafb5",
-		"@webiny/ui": "0.0.0-unstable.e53eceafb5",
+		"@emotion/styled": "11.14.1",
+		"@types/react": "18.3.28",
+		"@webiny/di": "0.2.3",
+		"@webiny/feature": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/i18n": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/i18n-react": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/plugins": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/react-composition": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/react-properties": "0.0.0-unstable.e6f0dc8ca7",
 		"apollo-cache": "1.3.5",
 		"apollo-cache-inmemory": "1.6.6",
 		"apollo-client": "2.6.10",
@@ -34,31 +38,32 @@
 		"apollo-utilities": "1.3.4",
 		"boolean": "3.2.0",
 		"bytes": "3.1.2",
-		"graphql": "15.9.0",
+		"graphql": "16.14.0",
+		"history": "5.3.0",
 		"invariant": "2.2.4",
-		"lodash": "4.17.21",
-		"minimatch": "5.1.6",
-		"nanoid": "3.3.8",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
+		"lodash": "4.18.1",
+		"minimatch": "10.2.5",
+		"mobx": "6.15.3",
+		"nanoid": "5.1.11",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
 		"ts-invariant": "0.10.3",
-		"warning": "4.0.3"
+		"warning": "4.0.3",
+		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@types/lodash": "4.17.13",
-		"@types/warning": "3.0.0",
-		"@webiny/project-utils": "0.0.0-unstable.e53eceafb5",
-		"rimraf": "6.0.1",
-		"typescript": "5.3.3"
+		"@types/lodash": "4.17.24",
+		"@types/warning": "3.0.4",
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
+		"rimraf": "6.1.3",
+		"type-fest": "5.6.0",
+		"typescript": "6.0.3",
+		"vitest": "4.1.5"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
@@ -66,5 +71,5 @@
 			]
 		}
 	},
-	"gitHead": "e53eceafb5ce1a3872c9b4548939bb2eae5b1aef"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

package/plugins/AddQuerySelectionPlugin.d.ts

@@ -1,6 +1,6 @@
 import { ApolloLink } from "apollo-link";
 import type { DocumentNode } from "graphql";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 declare module "graphql" {
     interface DocumentNode {
         __webiny__: Set<string>;

package/plugins/AddQuerySelectionPlugin.js

@@ -1,5 +1,5 @@
 import { ApolloLink } from "apollo-link";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin.js";
 export class AddQuerySelectionPlugin extends ApolloLinkPlugin {
   constructor(config) {
     super();

package/plugins/AddQuerySelectionPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["ApolloLink","ApolloLinkPlugin","AddQuerySelectionPlugin","constructor","config","createLink","operation","forward","operationName","addSelectionToQuery","query","document","isProcessed","markProcessed","addSelection","selectionPath","firstQueryDefinition","definitions","selectionSet","tree","selections","fields","split","fieldLoop","field","selection","name","value","push","hasOwnProperty","__webiny__","Set","has","cacheKey","add"],"sources":["AddQuerySelectionPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport type { DocumentNode } from \"graphql\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport type { ExecutableDefinitionNode, FieldNode } from \"graphql/language/ast\";\n\ndeclare module \"graphql\" {\n    interface DocumentNode {\n        __webiny__: Set<string>;\n    }\n}\n\ninterface Config {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport class AddQuerySelectionPlugin extends ApolloLinkPlugin {\n    private readonly config: Config;\n\n    constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.operationName !== this.config.operationName) {\n                return forward(operation);\n            }\n\n            this.addSelectionToQuery(operation.operationName, operation.query);\n\n            return forward(operation);\n        });\n    }\n\n    public addSelectionToQuery(operationName: string, document: DocumentNode): void {\n        if (operationName !== this.config.operationName) {\n            return;\n        }\n\n        // If this plugin already processed the given document (documents are always passed by reference),\n        // then we don't want to apply the selection again, to avoid adding duplicate selections.\n        if (this.isProcessed(document)) {\n            return;\n        }\n\n        this.markProcessed(document);\n\n        const { addSelection, selectionPath } = this.config;\n\n        const firstQueryDefinition = document.definitions[0] as ExecutableDefinitionNode;\n        if (!firstQueryDefinition) {\n            return;\n        } else if (!firstQueryDefinition.selectionSet) {\n            return;\n        }\n\n        let tree = firstQueryDefinition.selectionSet.selections as FieldNode[];\n        const fields = selectionPath.split(\".\");\n\n        fieldLoop: for (const field of fields) {\n            for (const selection of tree) {\n                if (!selection.selectionSet) {\n                    continue;\n                }\n                if (selection.name.value === field) {\n                    tree = selection.selectionSet.selections as FieldNode[];\n                    continue fieldLoop;\n                }\n            }\n            // If we get here, it means we didn't find the necessary selection\n            return;\n        }\n        /**\n         * We must cast because there are a lot of types that are not intertwined and TS is complaining\n         */\n        tree.push(\n            ...((addSelection.definitions[0] as ExecutableDefinitionNode).selectionSet\n                .selections as FieldNode[])\n        );\n    }\n\n    private isProcessed(document: DocumentNode) {\n        if (!document.hasOwnProperty(\"__webiny__\")) {\n            document.__webiny__ = new Set();\n        }\n\n        return document.__webiny__.has(this.cacheKey);\n    }\n\n    private markProcessed(document: DocumentNode) {\n        if (!document.hasOwnProperty(\"__webiny__\")) {\n            document.__webiny__ = new Set();\n        }\n\n        document.__webiny__.add(this.cacheKey);\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,SAASC,gBAAgB;AAezB,OAAO,MAAMC,uBAAuB,SAASD,gBAAgB,CAAC;EAG1DE,WAAWA,CAACC,MAAc,EAAE;IACxB,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEgBC,UAAUA,CAAA,EAAe;IACrC,OAAO,IAAIL,UAAU,CAAC,CAACM,SAAS,EAAEC,OAAO,KAAK;MAC1C,IAAID,SAAS,CAACE,aAAa,KAAK,IAAI,CAACJ,MAAM,CAACI,aAAa,EAAE;QACvD,OAAOD,OAAO,CAACD,SAAS,CAAC;MAC7B;MAEA,IAAI,CAACG,mBAAmB,CAACH,SAAS,CAACE,aAAa,EAAEF,SAAS,CAACI,KAAK,CAAC;MAElE,OAAOH,OAAO,CAACD,SAAS,CAAC;IAC7B,CAAC,CAAC;EACN;EAEOG,mBAAmBA,CAACD,aAAqB,EAAEG,QAAsB,EAAQ;IAC5E,IAAIH,aAAa,KAAK,IAAI,CAACJ,MAAM,CAACI,aAAa,EAAE;MAC7C;IACJ;;IAEA;IACA;IACA,IAAI,IAAI,CAACI,WAAW,CAACD,QAAQ,CAAC,EAAE;MAC5B;IACJ;IAEA,IAAI,CAACE,aAAa,CAACF,QAAQ,CAAC;IAE5B,MAAM;MAAEG,YAAY;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACX,MAAM;IAEnD,MAAMY,oBAAoB,GAAGL,QAAQ,CAACM,WAAW,CAAC,CAAC,CAA6B;IAChF,IAAI,CAACD,oBAAoB,EAAE;MACvB;IACJ,CAAC,MAAM,IAAI,CAACA,oBAAoB,CAACE,YAAY,EAAE;MAC3C;IACJ;IAEA,IAAIC,IAAI,GAAGH,oBAAoB,CAACE,YAAY,CAACE,UAAyB;IACtE,MAAMC,MAAM,GAAGN,aAAa,CAACO,KAAK,CAAC,GAAG,CAAC;IAEvCC,SAAS,EAAE,KAAK,MAAMC,KAAK,IAAIH,MAAM,EAAE;MACnC,KAAK,MAAMI,SAAS,IAAIN,IAAI,EAAE;QAC1B,IAAI,CAACM,SAAS,CAACP,YAAY,EAAE;UACzB;QACJ;QACA,IAAIO,SAAS,CAACC,IAAI,CAACC,KAAK,KAAKH,KAAK,EAAE;UAChCL,IAAI,GAAGM,SAAS,CAACP,YAAY,CAACE,UAAyB;UACvD,SAASG,SAAS;QACtB;MACJ;MACA;MACA;IACJ;IACA;AACR;AACA;IACQJ,IAAI,CAACS,IAAI,CACL,GAAKd,YAAY,CAACG,WAAW,CAAC,CAAC,CAAC,CAA8BC,YAAY,CACrEE,UACT,CAAC;EACL;EAEQR,WAAWA,CAACD,QAAsB,EAAE;IACxC,IAAI,CAACA,QAAQ,CAACkB,cAAc,CAAC,YAAY,CAAC,EAAE;MACxClB,QAAQ,CAACmB,UAAU,GAAG,IAAIC,GAAG,CAAC,CAAC;IACnC;IAEA,OAAOpB,QAAQ,CAACmB,UAAU,CAACE,GAAG,CAAC,IAAI,CAACC,QAAQ,CAAC;EACjD;EAEQpB,aAAaA,CAACF,QAAsB,EAAE;IAC1C,IAAI,CAACA,QAAQ,CAACkB,cAAc,CAAC,YAAY,CAAC,EAAE;MACxClB,QAAQ,CAACmB,UAAU,GAAG,IAAIC,GAAG,CAAC,CAAC;IACnC;IAEApB,QAAQ,CAACmB,UAAU,CAACI,GAAG,CAAC,IAAI,CAACD,QAAQ,CAAC;EAC1C;AACJ","ignoreList":[]}
+{"version":3,"names":["ApolloLink","ApolloLinkPlugin","AddQuerySelectionPlugin","constructor","config","createLink","operation","forward","operationName","addSelectionToQuery","query","document","isProcessed","markProcessed","addSelection","selectionPath","firstQueryDefinition","definitions","selectionSet","tree","selections","fields","split","fieldLoop","field","selection","name","value","push","hasOwnProperty","__webiny__","Set","has","cacheKey","add"],"sources":["AddQuerySelectionPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport type { DocumentNode } from \"graphql\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { ExecutableDefinitionNode, FieldNode } from \"graphql/language/ast.js\";\n\ndeclare module \"graphql\" {\n    interface DocumentNode {\n        __webiny__: Set<string>;\n    }\n}\n\ninterface Config {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport class AddQuerySelectionPlugin extends ApolloLinkPlugin {\n    private readonly config: Config;\n\n    constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.operationName !== this.config.operationName) {\n                return forward(operation);\n            }\n\n            this.addSelectionToQuery(operation.operationName, operation.query);\n\n            return forward(operation);\n        });\n    }\n\n    public addSelectionToQuery(operationName: string, document: DocumentNode): void {\n        if (operationName !== this.config.operationName) {\n            return;\n        }\n\n        // If this plugin already processed the given document (documents are always passed by reference),\n        // then we don't want to apply the selection again, to avoid adding duplicate selections.\n        if (this.isProcessed(document)) {\n            return;\n        }\n\n        this.markProcessed(document);\n\n        const { addSelection, selectionPath } = this.config;\n\n        const firstQueryDefinition = document.definitions[0] as ExecutableDefinitionNode;\n        if (!firstQueryDefinition) {\n            return;\n        } else if (!firstQueryDefinition.selectionSet) {\n            return;\n        }\n\n        let tree = firstQueryDefinition.selectionSet.selections as FieldNode[];\n        const fields = selectionPath.split(\".\");\n\n        fieldLoop: for (const field of fields) {\n            for (const selection of tree) {\n                if (!selection.selectionSet) {\n                    continue;\n                }\n                if (selection.name.value === field) {\n                    tree = selection.selectionSet.selections as FieldNode[];\n                    continue fieldLoop;\n                }\n            }\n            // If we get here, it means we didn't find the necessary selection\n            return;\n        }\n        /**\n         * We must cast because there are a lot of types that are not intertwined and TS is complaining\n         */\n        tree.push(\n            ...((addSelection.definitions[0] as ExecutableDefinitionNode).selectionSet\n                .selections as FieldNode[])\n        );\n    }\n\n    private isProcessed(document: DocumentNode) {\n        if (!document.hasOwnProperty(\"__webiny__\")) {\n            document.__webiny__ = new Set();\n        }\n\n        return document.__webiny__.has(this.cacheKey);\n    }\n\n    private markProcessed(document: DocumentNode) {\n        if (!document.hasOwnProperty(\"__webiny__\")) {\n            document.__webiny__ = new Set();\n        }\n\n        document.__webiny__.add(this.cacheKey);\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,SAASC,gBAAgB;AAezB,OAAO,MAAMC,uBAAuB,SAASD,gBAAgB,CAAC;EAG1DE,WAAWA,CAACC,MAAc,EAAE;IACxB,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEgBC,UAAUA,CAAA,EAAe;IACrC,OAAO,IAAIL,UAAU,CAAC,CAACM,SAAS,EAAEC,OAAO,KAAK;MAC1C,IAAID,SAAS,CAACE,aAAa,KAAK,IAAI,CAACJ,MAAM,CAACI,aAAa,EAAE;QACvD,OAAOD,OAAO,CAACD,SAAS,CAAC;MAC7B;MAEA,IAAI,CAACG,mBAAmB,CAACH,SAAS,CAACE,aAAa,EAAEF,SAAS,CAACI,KAAK,CAAC;MAElE,OAAOH,OAAO,CAACD,SAAS,CAAC;IAC7B,CAAC,CAAC;EACN;EAEOG,mBAAmBA,CAACD,aAAqB,EAAEG,QAAsB,EAAQ;IAC5E,IAAIH,aAAa,KAAK,IAAI,CAACJ,MAAM,CAACI,aAAa,EAAE;MAC7C;IACJ;;IAEA;IACA;IACA,IAAI,IAAI,CAACI,WAAW,CAACD,QAAQ,CAAC,EAAE;MAC5B;IACJ;IAEA,IAAI,CAACE,aAAa,CAACF,QAAQ,CAAC;IAE5B,MAAM;MAAEG,YAAY;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACX,MAAM;IAEnD,MAAMY,oBAAoB,GAAGL,QAAQ,CAACM,WAAW,CAAC,CAAC,CAA6B;IAChF,IAAI,CAACD,oBAAoB,EAAE;MACvB;IACJ,CAAC,MAAM,IAAI,CAACA,oBAAoB,CAACE,YAAY,EAAE;MAC3C;IACJ;IAEA,IAAIC,IAAI,GAAGH,oBAAoB,CAACE,YAAY,CAACE,UAAyB;IACtE,MAAMC,MAAM,GAAGN,aAAa,CAACO,KAAK,CAAC,GAAG,CAAC;IAEvCC,SAAS,EAAE,KAAK,MAAMC,KAAK,IAAIH,MAAM,EAAE;MACnC,KAAK,MAAMI,SAAS,IAAIN,IAAI,EAAE;QAC1B,IAAI,CAACM,SAAS,CAACP,YAAY,EAAE;UACzB;QACJ;QACA,IAAIO,SAAS,CAACC,IAAI,CAACC,KAAK,KAAKH,KAAK,EAAE;UAChCL,IAAI,GAAGM,SAAS,CAACP,YAAY,CAACE,UAAyB;UACvD,SAASG,SAAS;QACtB;MACJ;MACA;MACA;IACJ;IACA;AACR;AACA;IACQJ,IAAI,CAACS,IAAI,CACL,GAAKd,YAAY,CAACG,WAAW,CAAC,CAAC,CAAC,CAA8BC,YAAY,CACrEE,UACT,CAAC;EACL;EAEQR,WAAWA,CAACD,QAAsB,EAAE;IACxC,IAAI,CAACA,QAAQ,CAACkB,cAAc,CAAC,YAAY,CAAC,EAAE;MACxClB,QAAQ,CAACmB,UAAU,GAAG,IAAIC,GAAG,CAAC,CAAC;IACnC;IAEA,OAAOpB,QAAQ,CAACmB,UAAU,CAACE,GAAG,CAAC,IAAI,CAACC,QAAQ,CAAC;EACjD;EAEQpB,aAAaA,CAACF,QAAsB,EAAE;IAC1C,IAAI,CAACA,QAAQ,CAACkB,cAAc,CAAC,YAAY,CAAC,EAAE;MACxClB,QAAQ,CAACmB,UAAU,GAAG,IAAIC,GAAG,CAAC,CAAC;IACnC;IAEApB,QAAQ,CAACmB,UAAU,CAACI,GAAG,CAAC,IAAI,CAACD,QAAQ,CAAC;EAC1C;AACJ","ignoreList":[]}

package/plugins/ApolloDynamicLink.d.ts

@@ -1,6 +1,6 @@
 import type { NextLink } from "apollo-link";
 import { ApolloLink } from "apollo-link";
-import type { Operation } from "apollo-link/lib/types";
+import type { Operation } from "apollo-link/lib/types.js";
 export declare class ApolloDynamicLink extends ApolloLink {
     private cache;
     request(operation: Operation, forward: NextLink): any;

package/plugins/ApolloDynamicLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["ApolloLink","plugins","createLink","plugin","e","console","error","ApolloDynamicLink","cache","Map","request","operation","forward","linkPlugins","byType","length","cacheKey","map","pl","join","has","links","filter","Boolean","set","from","get"],"sources":["ApolloDynamicLink.ts"],"sourcesContent":["import type { NextLink } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport type { Operation } from \"apollo-link/lib/types\";\n\nfunction createLink(plugin: ApolloLinkPlugin) {\n    try {\n        return plugin.createLink();\n    } catch (e) {\n        console.error(`Caught an error while executing \"createLink\" on plugin`, plugin);\n        console.error(e);\n    }\n    return null;\n}\n\nexport class ApolloDynamicLink extends ApolloLink {\n    private cache = new Map();\n\n    public override request(operation: Operation, forward: NextLink) {\n        const linkPlugins = plugins.byType<ApolloLinkPlugin>(\"apollo-link\");\n\n        if (!linkPlugins.length) {\n            return forward(operation);\n        }\n\n        const cacheKey = linkPlugins.map(pl => pl.cacheKey).join(\",\");\n\n        if (!this.cache.has(cacheKey)) {\n            /**\n             * We filter out falsy items from the linkPlugins because there might be some error while creating link.\n             */\n            const links = linkPlugins.map(createLink).filter(Boolean) as ApolloLink[];\n            this.cache.set(cacheKey, ApolloLink.from(links));\n        }\n\n        return this.cache.get(cacheKey).request(operation, forward);\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,OAAO,QAAQ,iBAAiB;AAIzC,SAASC,UAAUA,CAACC,MAAwB,EAAE;EAC1C,IAAI;IACA,OAAOA,MAAM,CAACD,UAAU,CAAC,CAAC;EAC9B,CAAC,CAAC,OAAOE,CAAC,EAAE;IACRC,OAAO,CAACC,KAAK,CAAC,wDAAwD,EAAEH,MAAM,CAAC;IAC/EE,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;EACpB;EACA,OAAO,IAAI;AACf;AAEA,OAAO,MAAMG,iBAAiB,SAASP,UAAU,CAAC;EACtCQ,KAAK,GAAG,IAAIC,GAAG,CAAC,CAAC;EAETC,OAAOA,CAACC,SAAoB,EAAEC,OAAiB,EAAE;IAC7D,MAAMC,WAAW,GAAGZ,OAAO,CAACa,MAAM,CAAmB,aAAa,CAAC;IAEnE,IAAI,CAACD,WAAW,CAACE,MAAM,EAAE;MACrB,OAAOH,OAAO,CAACD,SAAS,CAAC;IAC7B;IAEA,MAAMK,QAAQ,GAAGH,WAAW,CAACI,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;IAE7D,IAAI,CAAC,IAAI,CAACX,KAAK,CAACY,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAC3B;AACZ;AACA;MACY,MAAMK,KAAK,GAAGR,WAAW,CAACI,GAAG,CAACf,UAAU,CAAC,CAACoB,MAAM,CAACC,OAAO,CAAiB;MACzE,IAAI,CAACf,KAAK,CAACgB,GAAG,CAACR,QAAQ,EAAEhB,UAAU,CAACyB,IAAI,CAACJ,KAAK,CAAC,CAAC;IACpD;IAEA,OAAO,IAAI,CAACb,KAAK,CAACkB,GAAG,CAACV,QAAQ,CAAC,CAACN,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;EAC/D;AACJ","ignoreList":[]}
+{"version":3,"names":["ApolloLink","plugins","createLink","plugin","e","console","error","ApolloDynamicLink","cache","Map","request","operation","forward","linkPlugins","byType","length","cacheKey","map","pl","join","has","links","filter","Boolean","set","from","get"],"sources":["ApolloDynamicLink.ts"],"sourcesContent":["import type { NextLink } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { Operation } from \"apollo-link/lib/types.js\";\n\nfunction createLink(plugin: ApolloLinkPlugin) {\n    try {\n        return plugin.createLink();\n    } catch (e) {\n        console.error(`Caught an error while executing \"createLink\" on plugin`, plugin);\n        console.error(e);\n    }\n    return null;\n}\n\nexport class ApolloDynamicLink extends ApolloLink {\n    private cache = new Map();\n\n    public override request(operation: Operation, forward: NextLink) {\n        const linkPlugins = plugins.byType<ApolloLinkPlugin>(\"apollo-link\");\n\n        if (!linkPlugins.length) {\n            return forward(operation);\n        }\n\n        const cacheKey = linkPlugins.map(pl => pl.cacheKey).join(\",\");\n\n        if (!this.cache.has(cacheKey)) {\n            /**\n             * We filter out falsy items from the linkPlugins because there might be some error while creating link.\n             */\n            const links = linkPlugins.map(createLink).filter(Boolean) as ApolloLink[];\n            this.cache.set(cacheKey, ApolloLink.from(links));\n        }\n\n        return this.cache.get(cacheKey).request(operation, forward);\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,OAAO,QAAQ,iBAAiB;AAIzC,SAASC,UAAUA,CAACC,MAAwB,EAAE;EAC1C,IAAI;IACA,OAAOA,MAAM,CAACD,UAAU,CAAC,CAAC;EAC9B,CAAC,CAAC,OAAOE,CAAC,EAAE;IACRC,OAAO,CAACC,KAAK,CAAC,wDAAwD,EAAEH,MAAM,CAAC;IAC/EE,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;EACpB;EACA,OAAO,IAAI;AACf;AAEA,OAAO,MAAMG,iBAAiB,SAASP,UAAU,CAAC;EACtCQ,KAAK,GAAG,IAAIC,GAAG,CAAC,CAAC;EAETC,OAAOA,CAACC,SAAoB,EAAEC,OAAiB,EAAE;IAC7D,MAAMC,WAAW,GAAGZ,OAAO,CAACa,MAAM,CAAmB,aAAa,CAAC;IAEnE,IAAI,CAACD,WAAW,CAACE,MAAM,EAAE;MACrB,OAAOH,OAAO,CAACD,SAAS,CAAC;IAC7B;IAEA,MAAMK,QAAQ,GAAGH,WAAW,CAACI,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;IAE7D,IAAI,CAAC,IAAI,CAACX,KAAK,CAACY,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAC3B;AACZ;AACA;MACY,MAAMK,KAAK,GAAGR,WAAW,CAACI,GAAG,CAACf,UAAU,CAAC,CAACoB,MAAM,CAACC,OAAO,CAAiB;MACzE,IAAI,CAACf,KAAK,CAACgB,GAAG,CAACR,QAAQ,EAAEhB,UAAU,CAACyB,IAAI,CAACJ,KAAK,CAAC,CAAC;IACpD;IAEA,OAAO,IAAI,CAACb,KAAK,CAACkB,GAAG,CAACV,QAAQ,CAAC,CAACN,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;EAC/D;AACJ","ignoreList":[]}

package/plugins/ConsoleLinkPlugin.d.ts

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

package/plugins/ConsoleLinkPlugin.js

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

package/plugins/ConsoleLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["ApolloLink","ApolloLinkPlugin","ConsoleLinkPlugin","createLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","args","groupEnd"],"sources":["ConsoleLinkPlugin.ts"],"sourcesContent":["import type { FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport type { OperationDefinitionNode } from \"graphql/language/ast\";\n\ninterface Log {\n    args: any[];\n    method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n    extensions?: {\n        console?: Log[];\n    };\n}\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return new ApolloLink((operation, forward) => {\n            const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n            const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n            return forward(operation).map((data: FetchResult) => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach((log: Log) => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,gBAAgB;AAczB;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACpCE,UAAUA,CAAA,EAAG;IACzB,OAAO,IAAIH,UAAU,CAAC,CAACI,SAAS,EAAEC,OAAO,KAAK;MAC1C,MAAMC,eAAe,GAAGF,SAAS,CAACG,KAAK,CAACC,WAAW,CAAC,CAAC,CAA4B;MACjF,MAAMC,OAAO,GAAGH,eAAe,CAAC,WAAW,CAAC,KAAK,OAAO;MAExD,OAAOD,OAAO,CAACD,SAAS,CAAC,CAACM,GAAG,CAAEC,IAAiB,IAAK;QACjD,IACIA,IAAI,CAACC,UAAU,IACfC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACC,UAAU,CAACG,OAAO,CAAC,IACtCJ,IAAI,CAACC,UAAU,CAACG,OAAO,CAACC,MAAM,EAChC;UACE,MAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAS,CAACf,SAAS,CAACa,SAAS,CAAC,GACnC,4CAA4C;UAClDF,OAAO,CAACK,cAAc,CAClB,oBAAoBX,OAAO,GAAG,OAAO,GAAG,UAAU,OAC9CL,SAAS,CAACiB,aAAa,IAAI,qBAAqB,MAC9CJ,SAAS,IAAI,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cACJ,CAAC;UACDN,IAAI,CAACC,UAAU,CAACG,OAAO,CAACO,OAAO,CAAEC,GAAQ,IAAK;YAC1CR,OAAO,CAACQ,GAAG,CAACC,MAAM,CAAC,CAAC,GAAGD,GAAG,CAACE,IAAI,CAAC;UACpC,CAAC,CAAC;UACFV,OAAO,CAACW,QAAQ,CAAC,CAAC;QACtB;QAEA,OAAOf,IAAI;MACf,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"names":["ApolloLink","ApolloLinkPlugin","ConsoleLinkPlugin","createLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","args","groupEnd"],"sources":["ConsoleLinkPlugin.ts"],"sourcesContent":["import type { FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin.js\";\nimport type { OperationDefinitionNode } from \"graphql/language/ast.js\";\n\ninterface Log {\n    args: any[];\n    method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n    extensions?: {\n        console?: Log[];\n    };\n}\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return new ApolloLink((operation, forward) => {\n            const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n            const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n            return forward(operation).map((data: FetchResult) => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach((log: Log) => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,aAAa;AACxC,SAASC,gBAAgB;AAczB;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,SAASD,gBAAgB,CAAC;EACpCE,UAAUA,CAAA,EAAG;IACzB,OAAO,IAAIH,UAAU,CAAC,CAACI,SAAS,EAAEC,OAAO,KAAK;MAC1C,MAAMC,eAAe,GAAGF,SAAS,CAACG,KAAK,CAACC,WAAW,CAAC,CAAC,CAA4B;MACjF,MAAMC,OAAO,GAAGH,eAAe,CAAC,WAAW,CAAC,KAAK,OAAO;MAExD,OAAOD,OAAO,CAACD,SAAS,CAAC,CAACM,GAAG,CAAEC,IAAiB,IAAK;QACjD,IACIA,IAAI,CAACC,UAAU,IACfC,KAAK,CAACC,OAAO,CAACH,IAAI,CAACC,UAAU,CAACG,OAAO,CAAC,IACtCJ,IAAI,CAACC,UAAU,CAACG,OAAO,CAACC,MAAM,EAChC;UACE,MAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAS,CAACf,SAAS,CAACa,SAAS,CAAC,GACnC,4CAA4C;UAClDF,OAAO,CAACK,cAAc,CAClB,oBAAoBX,OAAO,GAAG,OAAO,GAAG,UAAU,OAC9CL,SAAS,CAACiB,aAAa,IAAI,qBAAqB,MAC9CJ,SAAS,IAAI,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cACJ,CAAC;UACDN,IAAI,CAACC,UAAU,CAACG,OAAO,CAACO,OAAO,CAAEC,GAAQ,IAAK;YAC1CR,OAAO,CAACQ,GAAG,CAACC,MAAM,CAAC,CAAC,GAAGD,GAAG,CAACE,IAAI,CAAC;UACpC,CAAC,CAAC;UACFV,OAAO,CAACW,QAAQ,CAAC,CAAC;QACtB;QAEA,OAAOf,IAAI;MACf,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts

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

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

@@ -1,26 +1,21 @@
 import React, { useState } from "react";
-import get from "lodash/get";
-import { IconButton } from "@webiny/ui/Button";
-import { Typography } from "@webiny/ui/Typography";
-import { i18n } from "../../i18n";
-import { OverlayWrapper, Pre } from "./StyledComponents";
+import { Typography } from "./Typography.js";
+import { i18n } from "../../i18n/index.js";
+import { OverlayWrapper } from "./StyledComponents.js";
 import { ReactComponent as CloseIcon } from "./assets/close_24px.svg";
 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 => {
+export const ErrorOverlay = props => {
   const {
-    query,
-    networkError
+    title = "An error occurred",
+    message,
+    description,
+    closeable
   } = props;
   const [open, setOpen] = useState(true);
-  // Log error in browser's developer console for further inspection.
-  console.error({
-    networkError
-  });
   if (!open) {
     return null;
   }
-  const stackTrace = get(networkError, "result.error.stack");
   return /*#__PURE__*/React.createElement(OverlayWrapper, null, /*#__PURE__*/React.createElement("div", {
     className: "inner"
   }, /*#__PURE__*/React.createElement("div", {
@@ -28,26 +23,21 @@ const ErrorOverlay = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: "header__title"
   }, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline4"
-  }, networkError.message)), /*#__PURE__*/React.createElement("div", {
+    use: "headline"
+  }, title)), closeable !== false && /*#__PURE__*/React.createElement("div", {
     className: "header__action"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+  }, /*#__PURE__*/React.createElement("span", {
     onClick: () => setOpen(false)
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)))), /*#__PURE__*/React.createElement("div", {
     className: "body"
   }, /*#__PURE__*/React.createElement("div", {
     className: "body__summary"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle1"
-  }, t`Error occurred while executing operation:`), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, query))), stackTrace && /*#__PURE__*/React.createElement("div", {
+  }, message), description && /*#__PURE__*/React.createElement("div", {
     className: "body__description"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle1"
-  }, t`Complete stack trace:`), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, stackTrace)))), /*#__PURE__*/React.createElement("div", {
+  }, description)), /*#__PURE__*/React.createElement("div", {
     className: "footer"
   }, /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
+    use: "body"
   }, t`
                         This screen is only visible if {message} environment variable is set.
                         Read more about it in the {link}. `({
@@ -61,6 +51,5 @@ const ErrorOverlay = props => {
     }, "environment variables article")
   }), /*#__PURE__*/React.createElement("br", null), t`Open your browser's developer console to further inspect this error.`))));
 };
-export default ErrorOverlay;
 
 //# sourceMappingURL=ErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","get","IconButton","Typography","i18n","OverlayWrapper","Pre","ReactComponent","CloseIcon","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","open","setOpen","console","error","stackTrace","createElement","className","use","message","icon","onClick","link","href","target","rel"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { i18n } from \"../../i18n\";\nimport { OverlayWrapper, Pre } from \"./StyledComponents\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\nconst ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const [open, setOpen] = useState(true);\n    // Log error in browser's developer console for further inspection.\n    console.error({ networkError });\n\n    if (!open) {\n        return null;\n    }\n\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline4\"}>{networkError.message}</Typography>\n                    </div>\n                    <div className=\"header__action\">\n                        <IconButton icon={<CloseIcon />} onClick={() => setOpen(false)} />\n                    </div>\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">\n                        <Typography\n                            use={\"subtitle1\"}\n                        >{t`Error occurred while executing operation:`}</Typography>\n                        <Pre>\n                            <code>{query}</code>\n                        </Pre>\n                    </div>\n                    {stackTrace && (\n                        <div className=\"body__description\">\n                            <Typography use={\"subtitle1\"}>{t`Complete stack trace:`}</Typography>\n                            <Pre>\n                                <code>{stackTrace}</code>\n                            </Pre>\n                        </div>\n                    )}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body2\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n\nexport default ErrorOverlay;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,IAAI;AACb,SAASC,cAAc,EAAEC,GAAG;AAC5B,SAASC,cAAc,IAAIC,SAAS;AAEpC,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,2BAA2B,CAAC;AAE9C,MAAMC,kCAAkC,GACpC,iEAAiE;AAarE,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EAC/C,MAAM;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGF,KAAK;EACrC,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EACtC;EACAkB,OAAO,CAACC,KAAK,CAAC;IAAEJ;EAAa,CAAC,CAAC;EAE/B,IAAI,CAACC,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,MAAMI,UAAU,GAAGnB,GAAG,CAACc,YAAY,EAAE,oBAAoB,CAAC;EAE1D,oBACIhB,KAAA,CAAAsB,aAAA,CAAChB,cAAc,qBACXN,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAO,gBAClBvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC1BvB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IAACoB,GAAG,EAAE;EAAY,GAAER,YAAY,CAACS,OAAoB,CAC/D,CAAC,eACNzB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC3BvB,KAAA,CAAAsB,aAAA,CAACnB,UAAU;IAACuB,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACb,SAAS,MAAE,CAAE;IAACkB,OAAO,EAAEA,CAAA,KAAMT,OAAO,CAAC,KAAK;EAAE,CAAE,CAChE,CACJ,CAAC,eACNlB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACjBvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC1BvB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IACPoB,GAAG,EAAE;EAAY,GACnBd,CAAC,2CAAwD,CAAC,eAC5DV,KAAA,CAAAsB,aAAA,CAACf,GAAG,qBACAP,KAAA,CAAAsB,aAAA,eAAOP,KAAY,CAClB,CACJ,CAAC,EACLM,UAAU,iBACPrB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAmB,gBAC9BvB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IAACoB,GAAG,EAAE;EAAY,GAAEd,CAAC,uBAAoC,CAAC,eACrEV,KAAA,CAAAsB,aAAA,CAACf,GAAG,qBACAP,KAAA,CAAAsB,aAAA,eAAOD,UAAiB,CACvB,CACJ,CAER,CAAC,eACNrB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBvB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IAACoB,GAAG,EAAE;EAAQ,GACpBd,CAAC;AAC1B;AACA,2DAA2D,CAAC;IAChCe,OAAO,eAAEzB,KAAA,CAAAsB,aAAA;MAAMC,SAAS,EAAE;IAAY,GAAC,wBAA4B,CAAC;IACpEK,IAAI,eACA5B,KAAA,CAAAsB,aAAA;MACIO,IAAI,EAAEjB,kCAAmC;MACzCkB,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE;IAAsB,GAC9B,+BAEE;EAEX,CAAC,CAAC,eACF/B,KAAA,CAAAsB,aAAA,WAAK,CAAC,EACLZ,CAAC,sEACM,CACX,CACJ,CACO,CAAC;AAEzB,CAAC;AAED,eAAeG,YAAY","ignoreList":[]}
+{"version":3,"names":["React","useState","Typography","i18n","OverlayWrapper","ReactComponent","CloseIcon","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","title","message","description","closeable","open","setOpen","createElement","className","use","onClick","link","href","target","rel"],"sources":["ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { OverlayWrapper } from \"./StyledComponents.js\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ntype ErrorOverlayProps = Partial<{\n    title: React.ReactNode;\n    message: React.ReactNode;\n    description: React.ReactNode;\n    closeable?: boolean;\n}>;\n\nexport const ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { title = \"An error occurred\", message, description, closeable } = props;\n    const [open, setOpen] = useState(true);\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline\"}>{title}</Typography>\n                    </div>\n                    {closeable !== false && (\n                        <div className=\"header__action\">\n                            <span onClick={() => setOpen(false)}>\n                                <CloseIcon />\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">{message}</div>\n                    {description && <div className=\"body__description\">{description}</div>}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,cAAc;AACvB,SAASC,cAAc,IAAIC,SAAS;AAEpC,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,2BAA2B,CAAC;AAE9C,MAAMC,kCAAkC,GACpC,iEAAiE;AASrE,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAM;IAAEC,KAAK,GAAG,mBAAmB;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAC9E,MAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EACtC,IAAI,CAACe,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIhB,KAAA,CAAAkB,aAAA,CAACd,cAAc,qBACXJ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAO,gBAClBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC1BnB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACkB,GAAG,EAAE;EAAW,GAAER,KAAkB,CAC/C,CAAC,EACLG,SAAS,KAAK,KAAK,iBAChBf,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC3BnB,KAAA,CAAAkB,aAAA;IAAMG,OAAO,EAAEA,CAAA,KAAMJ,OAAO,CAAC,KAAK;EAAE,gBAChCjB,KAAA,CAAAkB,aAAA,CAACZ,SAAS,MAAE,CACV,CACL,CAER,CAAC,eACNN,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACjBnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAe,GAAEN,OAAa,CAAC,EAC7CC,WAAW,iBAAId,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,GAAEL,WAAiB,CACpE,CAAC,eACNd,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAQ,gBACnBnB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACkB,GAAG,EAAE;EAAO,GACnBb,CAAC;AAC1B;AACA,2DAA2D,CAAC;IAChCM,OAAO,eAAEb,KAAA,CAAAkB,aAAA;MAAMC,SAAS,EAAE;IAAY,GAAC,wBAA4B,CAAC;IACpEG,IAAI,eACAtB,KAAA,CAAAkB,aAAA;MACIK,IAAI,EAAEd,kCAAmC;MACzCe,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE;IAAsB,GAC9B,+BAEE;EAEX,CAAC,CAAC,eACFzB,KAAA,CAAAkB,aAAA,WAAK,CAAC,EACLX,CAAC,sEACM,CACX,CACJ,CACO,CAAC;AAEzB,CAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.d.ts

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

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js

@@ -0,0 +1,31 @@
+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");
+export 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
+  });
+};
+
+//# sourceMappingURL=GqlErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/GqlErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","Typography","i18n","Pre","ErrorOverlay","t","ns","GqlErrorOverlay","props","query","networkError","stackTrace","title","message","createElement","Fragment","use","description"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,GAAG;AACZ,SAASC,YAAY;AAErB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,2BAA2B,CAAC;AAc9C,OAAO,MAAMC,eAAe,GAAIC,KAAwB,IAAK;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGF,KAAK;EACrC,MAAMG,UAAU,GAAGX,GAAG,CAACU,YAAY,EAAE,oBAAoB,CAAC;EAE1D,MAAME,KAAK,GAAGF,YAAY,CAACG,OAAO;EAElC,MAAMA,OAAO,gBACTd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACb,UAAU;IAACe,GAAG,EAAE;EAAW,GAAEX,CAAC,2CAAwD,CAAC,eACxFN,KAAA,CAAAe,aAAA,CAACX,GAAG,qBACAJ,KAAA,CAAAe,aAAA,eAAOL,KAAY,CAClB,CACP,CACL;EAED,IAAIQ,WAA4B,GAAG,IAAI;EACvC,IAAIN,UAAU,EAAE;IACZM,WAAW,gBACPlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAe,aAAA,CAACb,UAAU;MAACe,GAAG,EAAE;IAAW,GAAEX,CAAC,uBAAoC,CAAC,eACpEN,KAAA,CAAAe,aAAA,CAACX,GAAG,qBACAJ,KAAA,CAAAe,aAAA,eAAOH,UAAiB,CACvB,CACP,CACL;EACL;EAEA,oBAAOZ,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACQ,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACI,WAAW,EAAEA;EAAY,CAAE,CAAC;AACrF,CAAC","ignoreList":[]}

package/plugins/NetworkErrorLinkPlugin/LocalAwsLambdaTimeoutMessage.d.ts

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