@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/domain/SelectedItem/index.js

@@ -1,4 +1,2 @@
 export * from "./SelectedItemsRepository.js";
 export * from "./SelectedItemsRepositoryFactory.js";
-
-//# sourceMappingURL=index.js.map

package/domain/Sorting/SortingRepositoryWithDefaults.js

@@ -1,22 +1,21 @@
 import { makeAutoObservable, runInAction } from "mobx";
-export class SortingRepositoryWithDefaults {
-  constructor(defaults, repository) {
-    this.defaults = defaults;
-    this.repository = repository;
-    makeAutoObservable(this);
-  }
-  get() {
-    const existingSort = this.repository.get();
-    if (existingSort.length === 0) {
-      runInAction(() => {
-        this.set(this.defaults);
-      });
+class SortingRepositoryWithDefaults {
+    constructor(defaults, repository){
+        this.defaults = defaults;
+        this.repository = repository;
+        makeAutoObservable(this);
+    }
+    get() {
+        const existingSort = this.repository.get();
+        if (0 === existingSort.length) runInAction(()=>{
+            this.set(this.defaults);
+        });
+        return this.repository.get();
+    }
+    set(sorts) {
+        return this.repository.set(sorts);
     }
-    return this.repository.get();
-  }
-  set(sorts) {
-    return this.repository.set(sorts);
-  }
 }
+export { SortingRepositoryWithDefaults };
 
 //# sourceMappingURL=SortingRepositoryWithDefaults.js.map

package/domain/Sorting/SortingRepositoryWithDefaults.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","runInAction","SortingRepositoryWithDefaults","constructor","defaults","repository","get","existingSort","length","set","sorts"],"sources":["SortingRepositoryWithDefaults.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { ISortingRepository, Sorting } from \"@webiny/app-utils\";\n\nexport class SortingRepositoryWithDefaults implements ISortingRepository {\n    private defaults: Sorting[];\n    private repository: ISortingRepository;\n\n    constructor(defaults: Sorting[], repository: ISortingRepository) {\n        this.defaults = defaults;\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    get() {\n        const existingSort = this.repository.get();\n\n        if (existingSort.length === 0) {\n            runInAction(() => {\n                this.set(this.defaults);\n            });\n        }\n\n        return this.repository.get();\n    }\n\n    set(sorts: Sorting[]) {\n        return this.repository.set(sorts);\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAGtD,OAAO,MAAMC,6BAA6B,CAA+B;EAIrEC,WAAWA,CAACC,QAAmB,EAAEC,UAA8B,EAAE;IAC7D,IAAI,CAACD,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACC,UAAU,GAAGA,UAAU;IAC5BL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,GAAGA,CAAA,EAAG;IACF,MAAMC,YAAY,GAAG,IAAI,CAACF,UAAU,CAACC,GAAG,CAAC,CAAC;IAE1C,IAAIC,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE;MAC3BP,WAAW,CAAC,MAAM;QACd,IAAI,CAACQ,GAAG,CAAC,IAAI,CAACL,QAAQ,CAAC;MAC3B,CAAC,CAAC;IACN;IAEA,OAAO,IAAI,CAACC,UAAU,CAACC,GAAG,CAAC,CAAC;EAChC;EAEAG,GAAGA,CAACC,KAAgB,EAAE;IAClB,OAAO,IAAI,CAACL,UAAU,CAACI,GAAG,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}
+{"version":3,"file":"domain/Sorting/SortingRepositoryWithDefaults.js","sources":["../../../src/domain/Sorting/SortingRepositoryWithDefaults.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { ISortingRepository, Sorting } from \"@webiny/app-utils\";\n\nexport class SortingRepositoryWithDefaults implements ISortingRepository {\n    private defaults: Sorting[];\n    private repository: ISortingRepository;\n\n    constructor(defaults: Sorting[], repository: ISortingRepository) {\n        this.defaults = defaults;\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    get() {\n        const existingSort = this.repository.get();\n\n        if (existingSort.length === 0) {\n            runInAction(() => {\n                this.set(this.defaults);\n            });\n        }\n\n        return this.repository.get();\n    }\n\n    set(sorts: Sorting[]) {\n        return this.repository.set(sorts);\n    }\n}\n"],"names":["SortingRepositoryWithDefaults","defaults","repository","makeAutoObservable","existingSort","runInAction","sorts"],"mappings":";AAGO,MAAMA;IAIT,YAAYC,QAAmB,EAAEC,UAA8B,CAAE;QAC7D,IAAI,CAAC,QAAQ,GAAGD;QAChB,IAAI,CAAC,UAAU,GAAGC;QAClBC,mBAAmB,IAAI;IAC3B;IAEA,MAAM;QACF,MAAMC,eAAe,IAAI,CAAC,UAAU,CAAC,GAAG;QAExC,IAAIA,AAAwB,MAAxBA,aAAa,MAAM,EACnBC,YAAY;YACR,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC1B;QAGJ,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG;IAC9B;IAEA,IAAIC,KAAgB,EAAE;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAACA;IAC/B;AACJ"}

package/domain/Sorting/index.js

@@ -1,3 +1 @@
 export * from "./SortingRepositoryWithDefaults.js";
-
-//# sourceMappingURL=index.js.map

package/ecommerce/CreateInputRenderers.js

@@ -1,34 +1,25 @@
-import React from "react";
+import react from "react";
 import capitalize from "lodash/capitalize.js";
 import { createResourcePicker } from "./createResourcePicker.js";
 import { createResourceListPicker } from "./createResourceListPicker.js";
 import { Editor } from "../index.js";
 import { useEcommerceApi } from "../features/ecommerce/apis/index.js";
-const {
-  ElementInput
-} = Editor.EditorConfig;
-export const CreateInputRenderers = ({
-  pluginName
-}) => {
-  const {
-    api
-  } = useEcommerceApi(pluginName);
-  if (!api) {
-    return null;
-  }
-  const resources = Object.keys(api);
-  const inputRenderers = resources.map(resourceName => {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: resourceName
-    }, /*#__PURE__*/React.createElement(ElementInput.Renderer, {
-      name: `${pluginName}/${capitalize(resourceName)}`,
-      component: createResourcePicker(pluginName, api, resourceName)
-    }), /*#__PURE__*/React.createElement(ElementInput.Renderer, {
-      name: `${pluginName}/${capitalize(resourceName)}/List`,
-      component: createResourceListPicker(pluginName, api, resourceName)
-    }));
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, inputRenderers);
+const { ElementInput: ElementInput } = Editor.EditorConfig;
+const CreateInputRenderers = ({ pluginName })=>{
+    const { api } = useEcommerceApi(pluginName);
+    if (!api) return null;
+    const resources = Object.keys(api);
+    const inputRenderers = resources.map((resourceName)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: resourceName
+        }, /*#__PURE__*/ react.createElement(ElementInput.Renderer, {
+            name: `${pluginName}/${capitalize(resourceName)}`,
+            component: createResourcePicker(pluginName, api, resourceName)
+        }), /*#__PURE__*/ react.createElement(ElementInput.Renderer, {
+            name: `${pluginName}/${capitalize(resourceName)}/List`,
+            component: createResourceListPicker(pluginName, api, resourceName)
+        })));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, inputRenderers);
 };
+export { CreateInputRenderers };
 
 //# sourceMappingURL=CreateInputRenderers.js.map

package/ecommerce/CreateInputRenderers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","capitalize","createResourcePicker","createResourceListPicker","Editor","useEcommerceApi","ElementInput","EditorConfig","CreateInputRenderers","pluginName","api","resources","Object","keys","inputRenderers","map","resourceName","createElement","Fragment","key","Renderer","name","component"],"sources":["CreateInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport capitalize from \"lodash/capitalize.js\";\nimport { createResourcePicker } from \"./createResourcePicker.js\";\nimport { createResourceListPicker } from \"./createResourceListPicker.js\";\nimport { Editor } from \"~/index.js\";\nimport { useEcommerceApi } from \"~/features/ecommerce/apis/index.js\";\n\nconst { ElementInput } = Editor.EditorConfig;\n\ninterface CreateCommerceInputRenderersProps {\n    pluginName: string;\n}\n\nexport const CreateInputRenderers = ({ pluginName }: CreateCommerceInputRenderersProps) => {\n    const { api } = useEcommerceApi(pluginName);\n\n    if (!api) {\n        return null;\n    }\n\n    const resources = Object.keys(api);\n\n    const inputRenderers = resources.map(resourceName => {\n        return (\n            <React.Fragment key={resourceName}>\n                {/* Single resource. */}\n                <ElementInput.Renderer\n                    name={`${pluginName}/${capitalize(resourceName)}`}\n                    component={createResourcePicker(pluginName, api, resourceName)}\n                />\n                {/* List of resources. */}\n                <ElementInput.Renderer\n                    name={`${pluginName}/${capitalize(resourceName)}/List`}\n                    component={createResourceListPicker(pluginName, api, resourceName)}\n                />\n            </React.Fragment>\n        );\n    });\n\n    return <>{inputRenderers}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,SAASC,oBAAoB;AAC7B,SAASC,wBAAwB;AACjC,SAASC,MAAM;AACf,SAASC,eAAe;AAExB,MAAM;EAAEC;AAAa,CAAC,GAAGF,MAAM,CAACG,YAAY;AAM5C,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAA8C,CAAC,KAAK;EACvF,MAAM;IAAEC;EAAI,CAAC,GAAGL,eAAe,CAACI,UAAU,CAAC;EAE3C,IAAI,CAACC,GAAG,EAAE;IACN,OAAO,IAAI;EACf;EAEA,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACH,GAAG,CAAC;EAElC,MAAMI,cAAc,GAAGH,SAAS,CAACI,GAAG,CAACC,YAAY,IAAI;IACjD,oBACIhB,KAAA,CAAAiB,aAAA,CAACjB,KAAK,CAACkB,QAAQ;MAACC,GAAG,EAAEH;IAAa,gBAE9BhB,KAAA,CAAAiB,aAAA,CAACX,YAAY,CAACc,QAAQ;MAClBC,IAAI,EAAE,GAAGZ,UAAU,IAAIR,UAAU,CAACe,YAAY,CAAC,EAAG;MAClDM,SAAS,EAAEpB,oBAAoB,CAACO,UAAU,EAAEC,GAAG,EAAEM,YAAY;IAAE,CAClE,CAAC,eAEFhB,KAAA,CAAAiB,aAAA,CAACX,YAAY,CAACc,QAAQ;MAClBC,IAAI,EAAE,GAAGZ,UAAU,IAAIR,UAAU,CAACe,YAAY,CAAC,OAAQ;MACvDM,SAAS,EAAEnB,wBAAwB,CAACM,UAAU,EAAEC,GAAG,EAAEM,YAAY;IAAE,CACtE,CACW,CAAC;EAEzB,CAAC,CAAC;EAEF,oBAAOhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,QAAGJ,cAAiB,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"file":"ecommerce/CreateInputRenderers.js","sources":["../../src/ecommerce/CreateInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport capitalize from \"lodash/capitalize.js\";\nimport { createResourcePicker } from \"./createResourcePicker.js\";\nimport { createResourceListPicker } from \"./createResourceListPicker.js\";\nimport { Editor } from \"~/index.js\";\nimport { useEcommerceApi } from \"~/features/ecommerce/apis/index.js\";\n\nconst { ElementInput } = Editor.EditorConfig;\n\ninterface CreateCommerceInputRenderersProps {\n    pluginName: string;\n}\n\nexport const CreateInputRenderers = ({ pluginName }: CreateCommerceInputRenderersProps) => {\n    const { api } = useEcommerceApi(pluginName);\n\n    if (!api) {\n        return null;\n    }\n\n    const resources = Object.keys(api);\n\n    const inputRenderers = resources.map(resourceName => {\n        return (\n            <React.Fragment key={resourceName}>\n                {/* Single resource. */}\n                <ElementInput.Renderer\n                    name={`${pluginName}/${capitalize(resourceName)}`}\n                    component={createResourcePicker(pluginName, api, resourceName)}\n                />\n                {/* List of resources. */}\n                <ElementInput.Renderer\n                    name={`${pluginName}/${capitalize(resourceName)}/List`}\n                    component={createResourceListPicker(pluginName, api, resourceName)}\n                />\n            </React.Fragment>\n        );\n    });\n\n    return <>{inputRenderers}</>;\n};\n"],"names":["ElementInput","Editor","CreateInputRenderers","pluginName","api","useEcommerceApi","resources","Object","inputRenderers","resourceName","React","capitalize","createResourcePicker","createResourceListPicker"],"mappings":";;;;;;AAOA,MAAM,EAAEA,cAAAA,YAAY,EAAE,GAAGC,OAAO,YAAY;AAMrC,MAAMC,uBAAuB,CAAC,EAAEC,UAAU,EAAqC;IAClF,MAAM,EAAEC,GAAG,EAAE,GAAGC,gBAAgBF;IAEhC,IAAI,CAACC,KACD,OAAO;IAGX,MAAME,YAAYC,OAAO,IAAI,CAACH;IAE9B,MAAMI,iBAAiBF,UAAU,GAAG,CAACG,CAAAA,eAC1B,WAAP,GACI,oBAACC,MAAAA,QAAc;YAAC,KAAKD;yBAEjB,oBAACT,aAAa,QAAQ;YAClB,MAAM,GAAGG,WAAW,CAAC,EAAEQ,WAAWF,eAAe;YACjD,WAAWG,qBAAqBT,YAAYC,KAAKK;0BAGrD,oBAACT,aAAa,QAAQ;YAClB,MAAM,GAAGG,WAAW,CAAC,EAAEQ,WAAWF,cAAc,KAAK,CAAC;YACtD,WAAWI,yBAAyBV,YAAYC,KAAKK;;IAMrE,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/ecommerce/EcommerceIntegration.js

@@ -1,62 +1,55 @@
-import React, { useEffect, useMemo } from "react";
-import { useContainer } from "@webiny/app";
+import react, { useEffect, useMemo } from "react";
+import { createGenericContext, useContainer } from "@webiny/app";
 import { Editor } from "../index.js";
 import { CreateInputRenderers } from "./CreateInputRenderers.js";
 import { EcommerceResourcePageType, createResourcePickerRenderer } from "./components/ResourcePage.js";
 import { AdminConfig } from "@webiny/app-admin";
-import { createGenericContext } from "@webiny/app";
 import { EcommerceApiManifest, EcommerceApiProviderAbstraction, useEcommerceApiProvider } from "../features/index.js";
-import { PageType as PageTypeAbstraction } from "../presentation/pages/CreatePage/abstractions.js";
+import { PageType } from "../presentation/pages/CreatePage/abstractions.js";
 import { createPageTypeRemovalDecorator } from "../presentation/pages/CreatePage/PageTypeProvider.js";
 const Context = createGenericContext("EcommerceIntegrationContext");
-const EcommerceIntegrationBase = props => {
-  const provider = useEcommerceApiProvider();
-  const container = useContainer();
-  useMemo(() => {
-    container.registerInstance(EcommerceApiProviderAbstraction, provider);
-  }, []);
-  useEffect(() => {
-    provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));
-  }, []);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    pluginName: props.name
-  }, /*#__PURE__*/React.createElement(Editor.EditorConfig, {
-    priority: "secondary"
-  }, /*#__PURE__*/React.createElement(CreateInputRenderers, {
-    pluginName: props.name
-  })), props.children);
+const EcommerceIntegrationBase = (props)=>{
+    const provider = useEcommerceApiProvider();
+    const container = useContainer();
+    useMemo(()=>{
+        container.registerInstance(EcommerceApiProviderAbstraction, provider);
+    }, []);
+    useEffect(()=>{
+        provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));
+    }, []);
+    return /*#__PURE__*/ react.createElement(Context.Provider, {
+        pluginName: props.name
+    }, /*#__PURE__*/ react.createElement(Editor.EditorConfig, {
+        priority: "secondary"
+    }, /*#__PURE__*/ react.createElement(CreateInputRenderers, {
+        pluginName: props.name
+    })), props.children);
 };
-const PageType = props => {
-  const {
-    pluginName
-  } = Context.useHook();
-  const container = useContainer();
-  const provider = useEcommerceApiProvider();
-  const renderer = useMemo(() => {
-    if (props.remove) {
-      container.registerDecorator(createPageTypeRemovalDecorator(props.name));
-      return undefined;
-    }
-    const pageType = new EcommerceResourcePageType({
-      ...props,
-      apiName: pluginName
-    }, provider);
-    container.registerInstance(PageTypeAbstraction, pageType);
-    return createResourcePickerRenderer({
-      pluginName,
-      resourceType: props.resourceType
-    });
-  }, []);
-  if (!renderer) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
-    name: "resource-picker",
-    component: renderer
-  }));
+const EcommerceIntegration_PageType = (props)=>{
+    const { pluginName } = Context.useHook();
+    const container = useContainer();
+    const provider = useEcommerceApiProvider();
+    const renderer = useMemo(()=>{
+        if (props.remove) return void container.registerDecorator(createPageTypeRemovalDecorator(props.name));
+        const pageType = new EcommerceResourcePageType({
+            ...props,
+            apiName: pluginName
+        }, provider);
+        container.registerInstance(PageType, pageType);
+        return createResourcePickerRenderer({
+            pluginName,
+            resourceType: props.resourceType
+        });
+    }, []);
+    if (!renderer) return null;
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Form.FieldRenderer, {
+        name: "resource-picker",
+        component: renderer
+    }));
 };
-export const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, {
-  PageType
+const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, {
+    PageType: EcommerceIntegration_PageType
 });
+export { EcommerceIntegration };
 
 //# sourceMappingURL=EcommerceIntegration.js.map

package/ecommerce/EcommerceIntegration.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useContainer","Editor","CreateInputRenderers","EcommerceResourcePageType","createResourcePickerRenderer","AdminConfig","createGenericContext","EcommerceApiManifest","EcommerceApiProviderAbstraction","useEcommerceApiProvider","PageType","PageTypeAbstraction","createPageTypeRemovalDecorator","Context","EcommerceIntegrationBase","props","provider","container","registerInstance","addApiManifest","name","init","settings","createElement","Provider","pluginName","EditorConfig","priority","children","useHook","renderer","remove","registerDecorator","undefined","pageType","apiName","resourceType","Form","FieldRenderer","component","EcommerceIntegration","Object","assign"],"sources":["EcommerceIntegration.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { Editor } from \"~/index.js\";\nimport type {\n    IEcommerceApi,\n    IEcommerceApiFactory,\n    SettingsInput as ISettingsInput,\n    Resource as IResource\n} from \"./types.js\";\nimport { CreateInputRenderers } from \"./CreateInputRenderers.js\";\nimport type { EcommerceResourcePageTypeConfig } from \"./components/ResourcePage.js\";\nimport {\n    EcommerceResourcePageType,\n    createResourcePickerRenderer\n} from \"./components/ResourcePage.js\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { createGenericContext } from \"@webiny/app\";\nimport {\n    EcommerceApiManifest,\n    EcommerceApiProviderAbstraction,\n    useEcommerceApiProvider\n} from \"~/features/index.js\";\nimport { PageType as PageTypeAbstraction } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport { createPageTypeRemovalDecorator } from \"~/presentation/pages/CreatePage/PageTypeProvider.js\";\n\nexport interface CustomResourcePickerProps<T = any> {\n    value?: T;\n    onChange(val: T | undefined): void;\n}\n\nexport type EcommerceIntegrationProps = {\n    name: string;\n    init: IEcommerceApiFactory;\n    settings: ISettingsInput[];\n    children?: React.ReactNode;\n};\n\nconst Context = createGenericContext<{ pluginName: string }>(\"EcommerceIntegrationContext\");\n\nconst EcommerceIntegrationBase = (props: EcommerceIntegrationProps) => {\n    const provider = useEcommerceApiProvider();\n    const container = useContainer();\n\n    useMemo(() => {\n        container.registerInstance(EcommerceApiProviderAbstraction, provider);\n    }, []);\n\n    useEffect(() => {\n        provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));\n    }, []);\n\n    return (\n        <Context.Provider pluginName={props.name}>\n            <Editor.EditorConfig priority={\"secondary\"}>\n                <CreateInputRenderers pluginName={props.name} />\n            </Editor.EditorConfig>\n            {props.children}\n        </Context.Provider>\n    );\n};\n\nexport type PageTypeProps =\n    | (Omit<EcommerceResourcePageTypeConfig, \"apiName\"> & { remove?: never })\n    | { name: string; remove: true };\n\nconst PageType = (props: PageTypeProps) => {\n    const { pluginName } = Context.useHook();\n    const container = useContainer();\n    const provider = useEcommerceApiProvider();\n\n    const renderer = useMemo(() => {\n        if (props.remove) {\n            container.registerDecorator(createPageTypeRemovalDecorator(props.name));\n            return undefined;\n        }\n\n        const pageType = new EcommerceResourcePageType({ ...props, apiName: pluginName }, provider);\n        container.registerInstance(PageTypeAbstraction, pageType);\n\n        return createResourcePickerRenderer({\n            pluginName,\n            resourceType: props.resourceType\n        });\n    }, []);\n\n    if (!renderer) {\n        return null;\n    }\n\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"resource-picker\"} component={renderer} />\n        </AdminConfig>\n    );\n};\n\nexport const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, { PageType });\n\nexport namespace EcommerceIntegration {\n    export type Props = EcommerceIntegrationProps;\n    export type EcommerceApi = IEcommerceApi;\n    export type EcommerceApiFactory = IEcommerceApiFactory;\n    export type SettingsInput = ISettingsInput;\n    export type Resource = IResource;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,MAAM;AAOf,SAASC,oBAAoB;AAE7B,SACIC,yBAAyB,EACzBC,4BAA4B;AAEhC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SACIC,oBAAoB,EACpBC,+BAA+B,EAC/BC,uBAAuB;AAE3B,SAASC,QAAQ,IAAIC,mBAAmB;AACxC,SAASC,8BAA8B;AAcvC,MAAMC,OAAO,GAAGP,oBAAoB,CAAyB,6BAA6B,CAAC;AAE3F,MAAMQ,wBAAwB,GAAIC,KAAgC,IAAK;EACnE,MAAMC,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGjB,YAAY,CAAC,CAAC;EAEhCD,OAAO,CAAC,MAAM;IACVkB,SAAS,CAACC,gBAAgB,CAACV,+BAA+B,EAAEQ,QAAQ,CAAC;EACzE,CAAC,EAAE,EAAE,CAAC;EAENlB,SAAS,CAAC,MAAM;IACZkB,QAAQ,CAACG,cAAc,CAAC,IAAIZ,oBAAoB,CAACQ,KAAK,CAACK,IAAI,EAAEL,KAAK,CAACM,IAAI,EAAEN,KAAK,CAACO,QAAQ,CAAC,CAAC;EAC7F,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIzB,KAAA,CAAA0B,aAAA,CAACV,OAAO,CAACW,QAAQ;IAACC,UAAU,EAAEV,KAAK,CAACK;EAAK,gBACrCvB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,CAACyB,YAAY;IAACC,QAAQ,EAAE;EAAY,gBACvC9B,KAAA,CAAA0B,aAAA,CAACrB,oBAAoB;IAACuB,UAAU,EAAEV,KAAK,CAACK;EAAK,CAAE,CAC9B,CAAC,EACrBL,KAAK,CAACa,QACO,CAAC;AAE3B,CAAC;AAMD,MAAMlB,QAAQ,GAAIK,KAAoB,IAAK;EACvC,MAAM;IAAEU;EAAW,CAAC,GAAGZ,OAAO,CAACgB,OAAO,CAAC,CAAC;EACxC,MAAMZ,SAAS,GAAGjB,YAAY,CAAC,CAAC;EAChC,MAAMgB,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAE1C,MAAMqB,QAAQ,GAAG/B,OAAO,CAAC,MAAM;IAC3B,IAAIgB,KAAK,CAACgB,MAAM,EAAE;MACdd,SAAS,CAACe,iBAAiB,CAACpB,8BAA8B,CAACG,KAAK,CAACK,IAAI,CAAC,CAAC;MACvE,OAAOa,SAAS;IACpB;IAEA,MAAMC,QAAQ,GAAG,IAAI/B,yBAAyB,CAAC;MAAE,GAAGY,KAAK;MAAEoB,OAAO,EAAEV;IAAW,CAAC,EAAET,QAAQ,CAAC;IAC3FC,SAAS,CAACC,gBAAgB,CAACP,mBAAmB,EAAEuB,QAAQ,CAAC;IAEzD,OAAO9B,4BAA4B,CAAC;MAChCqB,UAAU;MACVW,YAAY,EAAErB,KAAK,CAACqB;IACxB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACN,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIjC,KAAA,CAAA0B,aAAA,CAAClB,WAAW,qBACRR,KAAA,CAAA0B,aAAA,CAAClB,WAAW,CAACgC,IAAI,CAACC,aAAa;IAAClB,IAAI,EAAE,iBAAkB;IAACmB,SAAS,EAAET;EAAS,CAAE,CACtE,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMU,oBAAoB,GAAGC,MAAM,CAACC,MAAM,CAAC5B,wBAAwB,EAAE;EAAEJ;AAAS,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"ecommerce/EcommerceIntegration.js","sources":["../../src/ecommerce/EcommerceIntegration.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { Editor } from \"~/index.js\";\nimport type {\n    IEcommerceApi,\n    IEcommerceApiFactory,\n    SettingsInput as ISettingsInput,\n    Resource as IResource\n} from \"./types.js\";\nimport { CreateInputRenderers } from \"./CreateInputRenderers.js\";\nimport type { EcommerceResourcePageTypeConfig } from \"./components/ResourcePage.js\";\nimport {\n    EcommerceResourcePageType,\n    createResourcePickerRenderer\n} from \"./components/ResourcePage.js\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { createGenericContext } from \"@webiny/app\";\nimport {\n    EcommerceApiManifest,\n    EcommerceApiProviderAbstraction,\n    useEcommerceApiProvider\n} from \"~/features/index.js\";\nimport { PageType as PageTypeAbstraction } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport { createPageTypeRemovalDecorator } from \"~/presentation/pages/CreatePage/PageTypeProvider.js\";\n\nexport interface CustomResourcePickerProps<T = any> {\n    value?: T;\n    onChange(val: T | undefined): void;\n}\n\nexport type EcommerceIntegrationProps = {\n    name: string;\n    init: IEcommerceApiFactory;\n    settings: ISettingsInput[];\n    children?: React.ReactNode;\n};\n\nconst Context = createGenericContext<{ pluginName: string }>(\"EcommerceIntegrationContext\");\n\nconst EcommerceIntegrationBase = (props: EcommerceIntegrationProps) => {\n    const provider = useEcommerceApiProvider();\n    const container = useContainer();\n\n    useMemo(() => {\n        container.registerInstance(EcommerceApiProviderAbstraction, provider);\n    }, []);\n\n    useEffect(() => {\n        provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));\n    }, []);\n\n    return (\n        <Context.Provider pluginName={props.name}>\n            <Editor.EditorConfig priority={\"secondary\"}>\n                <CreateInputRenderers pluginName={props.name} />\n            </Editor.EditorConfig>\n            {props.children}\n        </Context.Provider>\n    );\n};\n\nexport type PageTypeProps =\n    | (Omit<EcommerceResourcePageTypeConfig, \"apiName\"> & { remove?: never })\n    | { name: string; remove: true };\n\nconst PageType = (props: PageTypeProps) => {\n    const { pluginName } = Context.useHook();\n    const container = useContainer();\n    const provider = useEcommerceApiProvider();\n\n    const renderer = useMemo(() => {\n        if (props.remove) {\n            container.registerDecorator(createPageTypeRemovalDecorator(props.name));\n            return undefined;\n        }\n\n        const pageType = new EcommerceResourcePageType({ ...props, apiName: pluginName }, provider);\n        container.registerInstance(PageTypeAbstraction, pageType);\n\n        return createResourcePickerRenderer({\n            pluginName,\n            resourceType: props.resourceType\n        });\n    }, []);\n\n    if (!renderer) {\n        return null;\n    }\n\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"resource-picker\"} component={renderer} />\n        </AdminConfig>\n    );\n};\n\nexport const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, { PageType });\n\nexport namespace EcommerceIntegration {\n    export type Props = EcommerceIntegrationProps;\n    export type EcommerceApi = IEcommerceApi;\n    export type EcommerceApiFactory = IEcommerceApiFactory;\n    export type SettingsInput = ISettingsInput;\n    export type Resource = IResource;\n}\n"],"names":["Context","createGenericContext","EcommerceIntegrationBase","props","provider","useEcommerceApiProvider","container","useContainer","useMemo","EcommerceApiProviderAbstraction","useEffect","EcommerceApiManifest","Editor","CreateInputRenderers","PageType","pluginName","renderer","createPageTypeRemovalDecorator","pageType","EcommerceResourcePageType","PageTypeAbstraction","createResourcePickerRenderer","AdminConfig","EcommerceIntegration","Object"],"mappings":";;;;;;;;;AAqCA,MAAMA,UAAUC,qBAA6C;AAE7D,MAAMC,2BAA2B,CAACC;IAC9B,MAAMC,WAAWC;IACjB,MAAMC,YAAYC;IAElBC,QAAQ;QACJF,UAAU,gBAAgB,CAACG,iCAAiCL;IAChE,GAAG,EAAE;IAELM,UAAU;QACNN,SAAS,cAAc,CAAC,IAAIO,qBAAqBR,MAAM,IAAI,EAAEA,MAAM,IAAI,EAAEA,MAAM,QAAQ;IAC3F,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACH,QAAQ,QAAQ;QAAC,YAAYG,MAAM,IAAI;qBACpC,oBAACS,OAAO,YAAY;QAAC,UAAU;qBAC3B,oBAACC,sBAAoBA;QAAC,YAAYV,MAAM,IAAI;SAE/CA,MAAM,QAAQ;AAG3B;AAMA,MAAMW,gCAAW,CAACX;IACd,MAAM,EAAEY,UAAU,EAAE,GAAGf,QAAQ,OAAO;IACtC,MAAMM,YAAYC;IAClB,MAAMH,WAAWC;IAEjB,MAAMW,WAAWR,QAAQ;QACrB,IAAIL,MAAM,MAAM,EAAE,YACdG,UAAU,iBAAiB,CAACW,+BAA+Bd,MAAM,IAAI;QAIzE,MAAMe,WAAW,IAAIC,0BAA0B;YAAE,GAAGhB,KAAK;YAAE,SAASY;QAAW,GAAGX;QAClFE,UAAU,gBAAgB,CAACc,UAAqBF;QAEhD,OAAOG,6BAA6B;YAChCN;YACA,cAAcZ,MAAM,YAAY;QACpC;IACJ,GAAG,EAAE;IAEL,IAAI,CAACa,UACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,IAAI,CAAC,aAAa;QAAC,MAAM;QAAmB,WAAWN;;AAGhF;AAEO,MAAMO,uBAAuBC,OAAO,MAAM,CAACtB,0BAA0B;IAAEY,UAAAA;AAAS"}

package/ecommerce/components/ResourcePage.js

@@ -1,75 +1,58 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { Skeleton } from "@webiny/admin-ui";
 import { ResourcesPickerButton } from "./ResourcesPicker.js";
 import { toTitleCaseLabel } from "./toTitleCaseLabel.js";
 import { useEcommerceApi } from "../../features/index.js";
-
-// ---------------------------------------------------------------------------
-// ResourcePicker field renderer
-// ---------------------------------------------------------------------------
-
-export function createResourcePickerRenderer(config) {
-  return observer(function ResourcePickerField({
-    field
-  }) {
-    const {
-      api
-    } = useEcommerceApi(config.pluginName);
-    if (!api) {
-      return /*#__PURE__*/React.createElement(Skeleton, null);
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "border-sm rounded-md border-neutral-muted p-sm"
-    }, /*#__PURE__*/React.createElement(ResourcesPickerButton, {
-      api: api,
-      resourceName: config.resourceType,
-      pluginName: config.pluginName,
-      value: field.value,
-      onChange: value => field.onChange(value)
-    }));
-  });
+function createResourcePickerRenderer(config) {
+    return observer(function({ field }) {
+        const { api } = useEcommerceApi(config.pluginName);
+        if (!api) return /*#__PURE__*/ react.createElement(Skeleton, null);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "border-sm rounded-md border-neutral-muted p-sm"
+        }, /*#__PURE__*/ react.createElement(ResourcesPickerButton, {
+            api: api,
+            resourceName: config.resourceType,
+            pluginName: config.pluginName,
+            value: field.value,
+            onChange: (value)=>field.onChange(value)
+        }));
+    });
 }
-
-// ---------------------------------------------------------------------------
-// EcommerceResourcePageType — IPageType implementation
-// ---------------------------------------------------------------------------
-
-export class EcommerceResourcePageType {
-  constructor(config, provider) {
-    this.config = config;
-    this.provider = provider;
-    this.name = config.name;
-    this.label = config.label;
-  }
-  modifyForm(form) {
-    form.fields(fields => ({
-      resourceId: fields.text().label(toTitleCaseLabel(this.config.resourceType)).required().renderer("resource-picker").afterChange((value, f) => {
-        if (!value) {
-          return;
-        }
-        void this.onResourceSelected(String(value), f);
-      })
-    }));
-    form.field("title").setDisabled(true);
-    form.field("path").setDisabled(true);
-    form.layout(layout => [layout.row("resourceId").before("title")]);
-  }
-  mapFromForm(data, input) {
-    input.metadata = input.metadata ?? {};
-    input.metadata.resourceId = data.resourceId;
-  }
-  async onResourceSelected(resourceId, form) {
-    const api = await this.provider.getApi(this.config.apiName);
-    if (!api) {
-      return;
+class EcommerceResourcePageType {
+    constructor(config, provider){
+        this.config = config;
+        this.provider = provider;
+        this.name = config.name;
+        this.label = config.label;
+    }
+    modifyForm(form) {
+        form.fields((fields)=>({
+                resourceId: fields.text().label(toTitleCaseLabel(this.config.resourceType)).required().renderer("resource-picker").afterChange((value, f)=>{
+                    if (!value) return;
+                    this.onResourceSelected(String(value), f);
+                })
+            }));
+        form.field("title").setDisabled(true);
+        form.field("path").setDisabled(true);
+        form.layout((layout)=>[
+                layout.row("resourceId").before("title")
+            ]);
+    }
+    mapFromForm(data, input) {
+        input.metadata = input.metadata ?? {};
+        input.metadata.resourceId = data.resourceId;
+    }
+    async onResourceSelected(resourceId, form) {
+        const api = await this.provider.getApi(this.config.apiName);
+        if (!api) return;
+        const resource = await api[this.config.resourceType].findById(resourceId);
+        form.field("title").setValue(resource.title);
+        form.field("title").setDisabled(false);
+        form.field("path").setValue(this.config.previewPath(resource));
+        form.field("path").setDisabled(false);
     }
-    const resource = await api[this.config.resourceType].findById(resourceId);
-    form.field("title").setValue(resource.title);
-    form.field("title").setDisabled(false);
-    form.field("path").setValue(this.config.previewPath(resource));
-    form.field("path").setDisabled(false);
-  }
 }
+export { EcommerceResourcePageType, createResourcePickerRenderer };
 
 //# sourceMappingURL=ResourcePage.js.map

package/ecommerce/components/ResourcePage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","observer","Skeleton","ResourcesPickerButton","toTitleCaseLabel","useEcommerceApi","createResourcePickerRenderer","config","ResourcePickerField","field","api","pluginName","createElement","className","resourceName","resourceType","value","onChange","EcommerceResourcePageType","constructor","provider","name","label","modifyForm","form","fields","resourceId","text","required","renderer","afterChange","f","onResourceSelected","String","setDisabled","layout","row","before","mapFromForm","data","input","metadata","getApi","apiName","resource","findById","setValue","title","previewPath"],"sources":["ResourcePage.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Skeleton } from \"@webiny/admin-ui\";\nimport type { IFormModel, IFieldVM } from \"@webiny/app-admin\";\nimport type { IPageType } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { IEcommerceApiProvider } from \"~/features/index.js\";\nimport type { Resource } from \"../types.js\";\nimport { ResourcesPickerButton } from \"./ResourcesPicker.js\";\nimport { toTitleCaseLabel } from \"./toTitleCaseLabel.js\";\nimport { useEcommerceApi } from \"~/features/index.js\";\n\n// ---------------------------------------------------------------------------\n// ResourcePicker field renderer\n// ---------------------------------------------------------------------------\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        \"resource-picker\": { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ninterface ResourcePickerRendererConfig {\n    pluginName: string;\n    resourceType: string;\n}\n\nexport function createResourcePickerRenderer(config: ResourcePickerRendererConfig) {\n    return observer(function ResourcePickerField({ field }: { field: IFieldVM }) {\n        const { api } = useEcommerceApi(config.pluginName);\n\n        if (!api) {\n            return <Skeleton />;\n        }\n\n        return (\n            <div className={\"border-sm rounded-md border-neutral-muted p-sm\"}>\n                <ResourcesPickerButton\n                    api={api}\n                    resourceName={config.resourceType}\n                    pluginName={config.pluginName}\n                    value={field.value as string}\n                    onChange={value => field.onChange(value)}\n                />\n            </div>\n        );\n    });\n}\n\n// ---------------------------------------------------------------------------\n// EcommerceResourcePageType — IPageType implementation\n// ---------------------------------------------------------------------------\n\nexport interface EcommerceResourcePageTypeConfig {\n    name: string;\n    label: string;\n    resourceType: string;\n    previewPath: (resource: Resource) => string;\n    apiName: string;\n}\n\nexport class EcommerceResourcePageType implements IPageType {\n    readonly name: string;\n    readonly label: string;\n\n    constructor(\n        private config: EcommerceResourcePageTypeConfig,\n        private provider: IEcommerceApiProvider\n    ) {\n        this.name = config.name;\n        this.label = config.label;\n    }\n\n    modifyForm(form: IFormModel): void {\n        form.fields(fields => ({\n            resourceId: fields\n                .text()\n                .label(toTitleCaseLabel(this.config.resourceType))\n                .required()\n                .renderer(\"resource-picker\")\n                .afterChange((value, f) => {\n                    if (!value) {\n                        return;\n                    }\n                    void this.onResourceSelected(String(value), f);\n                })\n        }));\n\n        form.field(\"title\").setDisabled(true);\n        form.field(\"path\").setDisabled(true);\n\n        form.layout(layout => [layout.row(\"resourceId\").before(\"title\")]);\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        input.metadata = input.metadata ?? {};\n        input.metadata.resourceId = data.resourceId;\n    }\n\n    private async onResourceSelected(resourceId: string, form: IFormModel): Promise<void> {\n        const api = await this.provider.getApi(this.config.apiName);\n        if (!api) {\n            return;\n        }\n\n        const resource = await api[this.config.resourceType].findById(resourceId);\n        form.field(\"title\").setValue(resource.title);\n        form.field(\"title\").setDisabled(false);\n        form.field(\"path\").setValue(this.config.previewPath(resource));\n        form.field(\"path\").setDisabled(false);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ecommerce/components/ResourcePage.js","sources":["../../../src/ecommerce/components/ResourcePage.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Skeleton } from \"@webiny/admin-ui\";\nimport type { IFormModel, IFieldVM } from \"@webiny/app-admin\";\nimport type { IPageType } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/abstractions.js\";\nimport type { IEcommerceApiProvider } from \"~/features/index.js\";\nimport type { Resource } from \"../types.js\";\nimport { ResourcesPickerButton } from \"./ResourcesPicker.js\";\nimport { toTitleCaseLabel } from \"./toTitleCaseLabel.js\";\nimport { useEcommerceApi } from \"~/features/index.js\";\n\n// ---------------------------------------------------------------------------\n// ResourcePicker field renderer\n// ---------------------------------------------------------------------------\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        \"resource-picker\": { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ninterface ResourcePickerRendererConfig {\n    pluginName: string;\n    resourceType: string;\n}\n\nexport function createResourcePickerRenderer(config: ResourcePickerRendererConfig) {\n    return observer(function ResourcePickerField({ field }: { field: IFieldVM }) {\n        const { api } = useEcommerceApi(config.pluginName);\n\n        if (!api) {\n            return <Skeleton />;\n        }\n\n        return (\n            <div className={\"border-sm rounded-md border-neutral-muted p-sm\"}>\n                <ResourcesPickerButton\n                    api={api}\n                    resourceName={config.resourceType}\n                    pluginName={config.pluginName}\n                    value={field.value as string}\n                    onChange={value => field.onChange(value)}\n                />\n            </div>\n        );\n    });\n}\n\n// ---------------------------------------------------------------------------\n// EcommerceResourcePageType — IPageType implementation\n// ---------------------------------------------------------------------------\n\nexport interface EcommerceResourcePageTypeConfig {\n    name: string;\n    label: string;\n    resourceType: string;\n    previewPath: (resource: Resource) => string;\n    apiName: string;\n}\n\nexport class EcommerceResourcePageType implements IPageType {\n    readonly name: string;\n    readonly label: string;\n\n    constructor(\n        private config: EcommerceResourcePageTypeConfig,\n        private provider: IEcommerceApiProvider\n    ) {\n        this.name = config.name;\n        this.label = config.label;\n    }\n\n    modifyForm(form: IFormModel): void {\n        form.fields(fields => ({\n            resourceId: fields\n                .text()\n                .label(toTitleCaseLabel(this.config.resourceType))\n                .required()\n                .renderer(\"resource-picker\")\n                .afterChange((value, f) => {\n                    if (!value) {\n                        return;\n                    }\n                    void this.onResourceSelected(String(value), f);\n                })\n        }));\n\n        form.field(\"title\").setDisabled(true);\n        form.field(\"path\").setDisabled(true);\n\n        form.layout(layout => [layout.row(\"resourceId\").before(\"title\")]);\n    }\n\n    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void {\n        input.metadata = input.metadata ?? {};\n        input.metadata.resourceId = data.resourceId;\n    }\n\n    private async onResourceSelected(resourceId: string, form: IFormModel): Promise<void> {\n        const api = await this.provider.getApi(this.config.apiName);\n        if (!api) {\n            return;\n        }\n\n        const resource = await api[this.config.resourceType].findById(resourceId);\n        form.field(\"title\").setValue(resource.title);\n        form.field(\"title\").setDisabled(false);\n        form.field(\"path\").setValue(this.config.previewPath(resource));\n        form.field(\"path\").setDisabled(false);\n    }\n}\n"],"names":["createResourcePickerRenderer","config","observer","field","api","useEcommerceApi","Skeleton","ResourcesPickerButton","value","EcommerceResourcePageType","provider","form","fields","toTitleCaseLabel","f","String","layout","data","input","resourceId","resource"],"mappings":";;;;;;AA2BO,SAASA,6BAA6BC,MAAoC;IAC7E,OAAOC,SAAS,SAA6B,EAAEC,KAAK,EAAuB;QACvE,MAAM,EAAEC,GAAG,EAAE,GAAGC,gBAAgBJ,OAAO,UAAU;QAEjD,IAAI,CAACG,KACD,OAAO,WAAP,GAAO,oBAACE,UAAQA;QAGpB,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAACC,uBAAqBA;YAClB,KAAKH;YACL,cAAcH,OAAO,YAAY;YACjC,YAAYA,OAAO,UAAU;YAC7B,OAAOE,MAAM,KAAK;YAClB,UAAUK,CAAAA,QAASL,MAAM,QAAQ,CAACK;;IAIlD;AACJ;AAcO,MAAMC;IAIT,YACYR,MAAuC,EACvCS,QAA+B,CACzC;aAFUT,MAAM,GAANA;aACAS,QAAQ,GAARA;QAER,IAAI,CAAC,IAAI,GAAGT,OAAO,IAAI;QACvB,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;IAC7B;IAEA,WAAWU,IAAgB,EAAQ;QAC/BA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,YAAYA,OACP,IAAI,GACJ,KAAK,CAACC,iBAAiB,IAAI,CAAC,MAAM,CAAC,YAAY,GAC/C,QAAQ,GACR,QAAQ,CAAC,mBACT,WAAW,CAAC,CAACL,OAAOM;oBACjB,IAAI,CAACN,OACD;oBAEC,IAAI,CAAC,kBAAkB,CAACO,OAAOP,QAAQM;gBAChD;YACR;QAEAH,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;QAE/BA,KAAK,MAAM,CAACK,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC,cAAc,MAAM,CAAC;aAAS;IACpE;IAEA,YAAYC,IAA6B,EAAEC,KAAuB,EAAQ;QACtEA,MAAM,QAAQ,GAAGA,MAAM,QAAQ,IAAI,CAAC;QACpCA,MAAM,QAAQ,CAAC,UAAU,GAAGD,KAAK,UAAU;IAC/C;IAEA,MAAc,mBAAmBE,UAAkB,EAAER,IAAgB,EAAiB;QAClF,MAAMP,MAAM,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO;QAC1D,IAAI,CAACA,KACD;QAGJ,MAAMgB,WAAW,MAAMhB,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAACe;QAC9DR,KAAK,KAAK,CAAC,SAAS,QAAQ,CAACS,SAAS,KAAK;QAC3CT,KAAK,KAAK,CAAC,SAAS,WAAW,CAAC;QAChCA,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAACS;QACpDT,KAAK,KAAK,CAAC,QAAQ,WAAW,CAAC;IACnC;AACJ"}