@webiny/app-website-builder 6.0.0-alpha.0

package/modules/integrations/useIntegrationsDialog.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { useDialogs } from "@webiny/app-admin";
+import { IntegrationsSettings } from "./IntegrationsSettings";
+import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features";
+import { useToast } from "@webiny/admin-ui";
+export const useIntegrationsDialog = () => {
+  const {
+    showSuccessToast
+  } = useToast();
+  const dialogs = useDialogs();
+  const provider = useEcommerceApiProvider();
+  const manifests = provider.getApiManifests();
+  const {
+    getSettings
+  } = useGetEcommerceSettings();
+  const {
+    updateSettings
+  } = useUpdateEcommerceSettings();
+  const noIntegrations = manifests.length === 0;
+  const showIntegrationsDialog = () => {
+    dialogs.showDialog({
+      title: `Website Builder Integrations`,
+      formData: getSettings,
+      description: "Configure your website builder integrations here.",
+      acceptLabel: noIntegrations ? null : "Save Settings",
+      cancelLabel: noIntegrations ? "Close" : "Cancel",
+      content: /*#__PURE__*/React.createElement(IntegrationsSettings, {
+        manifests: manifests
+      }),
+      onAccept: async data => {
+        await updateSettings(data);
+        showSuccessToast({
+          title: "Success!",
+          description: "Integrations settings were saved successfully.",
+          duration: 3000
+        });
+      }
+    });
+  };
+  return {
+    showIntegrationsDialog
+  };
+};
+
+//# sourceMappingURL=useIntegrationsDialog.js.map

package/modules/integrations/useIntegrationsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDialogs","IntegrationsSettings","useEcommerceApiProvider","useGetEcommerceSettings","useUpdateEcommerceSettings","useToast","useIntegrationsDialog","showSuccessToast","dialogs","provider","manifests","getApiManifests","getSettings","updateSettings","noIntegrations","length","showIntegrationsDialog","showDialog","title","formData","description","acceptLabel","cancelLabel","content","createElement","onAccept","data","duration"],"sources":["useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { getSettings } = useGetEcommerceSettings();\n    const { updateSettings } = useUpdateEcommerceSettings();\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: getSettings,\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,oBAAoB;AAC7B,SACIC,uBAAuB,EACvBC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGF,QAAQ,CAAC,CAAC;EACvC,MAAMG,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGD,QAAQ,CAACE,eAAe,CAAC,CAAC;EAC5C,MAAM;IAAEC;EAAY,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACjD,MAAM;IAAEU;EAAe,CAAC,GAAGT,0BAA0B,CAAC,CAAC;EAEvD,MAAMU,cAAc,GAAGJ,SAAS,CAACK,MAAM,KAAK,CAAC;EAE7C,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACjCR,OAAO,CAACS,UAAU,CAAC;MACfC,KAAK,EAAE,8BAA8B;MACrCC,QAAQ,EAAEP,WAAW;MACrBQ,WAAW,EAAE,mDAAmD;MAChEC,WAAW,EAAEP,cAAc,GAAG,IAAI,GAAG,eAAe;MACpDQ,WAAW,EAAER,cAAc,GAAG,OAAO,GAAG,QAAQ;MAChDS,OAAO,eAAExB,KAAA,CAAAyB,aAAA,CAACvB,oBAAoB;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;MACvDe,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMb,cAAc,CAACa,IAAI,CAAC;QAC1BnB,gBAAgB,CAAC;UACbW,KAAK,EAAE,UAAU;UACjBE,WAAW,EAAE,gDAAgD;UAC7DO,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEX;EAAuB,CAAC;AACrC,CAAC","ignoreList":[]}

package/modules/settings/WebsiteBuilderSettings.d.ts

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

package/modules/settings/WebsiteBuilderSettings.js

@@ -0,0 +1,15 @@
+import { Grid, Input } from "@webiny/admin-ui";
+import React from "react";
+import { Bind } from "@webiny/form";
+export const WebsiteBuilderSettings = () => {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "previewDomain"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Preview Domain",
+    description: "This domain will be used in the page editor."
+  }))));
+};
+
+//# sourceMappingURL=WebsiteBuilderSettings.js.map

package/modules/settings/WebsiteBuilderSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Grid","Input","React","Bind","WebsiteBuilderSettings","createElement","Column","span","name","label","description"],"sources":["WebsiteBuilderSettings.tsx"],"sourcesContent":["import { Grid, Input } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport { Bind } from \"@webiny/form\";\n\nexport const WebsiteBuilderSettings = () => {\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"previewDomain\"}>\n                    <Input\n                        label={\"Preview Domain\"}\n                        description={\"This domain will be used in the page editor.\"}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,oBACIF,KAAA,CAAAG,aAAA,CAACL,IAAI,qBACDE,KAAA,CAAAG,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBL,KAAA,CAAAG,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAAgB,gBACxBN,KAAA,CAAAG,aAAA,CAACJ,KAAK;IACFQ,KAAK,EAAE,gBAAiB;IACxBC,WAAW,EAAE;EAA+C,CAC/D,CACC,CACG,CACX,CAAC;AAEf,CAAC","ignoreList":[]}

package/modules/settings/useSettingsDialog.d.ts

@@ -0,0 +1,3 @@
+export declare const useSettingsDialog: () => {
+    showSettingsDialog: () => void;
+};

package/modules/settings/useSettingsDialog.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { useDialogs } from "@webiny/app-admin";
+import { useToast } from "@webiny/admin-ui";
+import { WebsiteBuilderSettings } from "./WebsiteBuilderSettings";
+import { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from "../../features";
+export const useSettingsDialog = () => {
+  const {
+    showSuccessToast
+  } = useToast();
+  const dialogs = useDialogs();
+  const {
+    getSettings
+  } = useGetWebsiteBuilderSettings();
+  const {
+    updateSettings
+  } = useUpdateWebsiteBuilderSettings();
+  const showSettingsDialog = () => {
+    dialogs.showDialog({
+      formData: () => getSettings(),
+      title: "Website Builder Settings",
+      acceptLabel: "Save Settings",
+      cancelLabel: "Cancel",
+      loadingLabel: "Saving...",
+      content: /*#__PURE__*/React.createElement(WebsiteBuilderSettings, null),
+      onAccept: async data => {
+        await updateSettings(data);
+        showSuccessToast({
+          title: "Success!",
+          description: "Settings were saved successfully.",
+          duration: 3000
+        });
+      }
+    });
+  };
+  return {
+    showSettingsDialog
+  };
+};
+
+//# sourceMappingURL=useSettingsDialog.js.map

package/modules/settings/useSettingsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDialogs","useToast","WebsiteBuilderSettings","useGetWebsiteBuilderSettings","useUpdateWebsiteBuilderSettings","useSettingsDialog","showSuccessToast","dialogs","getSettings","updateSettings","showSettingsDialog","showDialog","formData","title","acceptLabel","cancelLabel","loadingLabel","content","createElement","onAccept","data","description","duration"],"sources":["useSettingsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { WebsiteBuilderSettings } from \"./WebsiteBuilderSettings\";\nimport { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from \"~/features\";\n\nexport const useSettingsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const { updateSettings } = useUpdateWebsiteBuilderSettings();\n\n    type SettingsType = Awaited<ReturnType<typeof getSettings>>;\n\n    const showSettingsDialog = () => {\n        dialogs.showDialog({\n            formData: () => getSettings(),\n            title: \"Website Builder Settings\",\n            acceptLabel: \"Save Settings\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Saving...\",\n            content: <WebsiteBuilderSettings />,\n            onAccept: async data => {\n                await updateSettings(data as SettingsType);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showSettingsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B,EAAEC,+BAA+B;AAEtE,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAiB,CAAC,GAAGL,QAAQ,CAAC,CAAC;EACvC,MAAMM,OAAO,GAAGP,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEQ;EAAY,CAAC,GAAGL,4BAA4B,CAAC,CAAC;EACtD,MAAM;IAAEM;EAAe,CAAC,GAAGL,+BAA+B,CAAC,CAAC;EAI5D,MAAMM,kBAAkB,GAAGA,CAAA,KAAM;IAC7BH,OAAO,CAACI,UAAU,CAAC;MACfC,QAAQ,EAAEA,CAAA,KAAMJ,WAAW,CAAC,CAAC;MAC7BK,KAAK,EAAE,0BAA0B;MACjCC,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,WAAW;MACzBC,OAAO,eAAElB,KAAA,CAAAmB,aAAA,CAAChB,sBAAsB,MAAE,CAAC;MACnCiB,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMX,cAAc,CAACW,IAAoB,CAAC;QAC1Cd,gBAAgB,CAAC;UACbO,KAAK,EAAE,UAAU;UACjBQ,WAAW,EAAE,mCAAmC;UAChDC,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEZ;EAAmB,CAAC;AACjC,CAAC","ignoreList":[]}

package/package.json

@@ -0,0 +1,110 @@
+{
+	"name": "@webiny/app-website-builder",
+	"version": "6.0.0-alpha.0",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"exports": {
+		".": "./index.js",
+		"./App": "./App.js",
+		"./sdk": "./sdk/index.js",
+		"./ecommerce": "./ecommerce/index.js",
+		"./Extension": "./Extension.js"
+	},
+	"author": "Pavel Denisjuk",
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-hooks": "3.1.5",
+		"@emotion/react": "11.10.8",
+		"@emotion/styled": "11.10.6",
+		"@lexical/utils": "0.23.1",
+		"@monaco-editor/react": "4.7.0",
+		"@svgr/webpack": "6.5.1",
+		"@types/react": "18.2.79",
+		"@webiny/admin-ui": "6.0.0-alpha.0",
+		"@webiny/app": "6.0.0-alpha.0",
+		"@webiny/app-aco": "6.0.0-alpha.0",
+		"@webiny/app-admin": "6.0.0-alpha.0",
+		"@webiny/app-headless-cms-common": "6.0.0-alpha.0",
+		"@webiny/app-i18n": "6.0.0-alpha.0",
+		"@webiny/app-security": "6.0.0-alpha.0",
+		"@webiny/app-tenancy": "6.0.0-alpha.0",
+		"@webiny/app-utils": "6.0.0-alpha.0",
+		"@webiny/error": "6.0.0-alpha.0",
+		"@webiny/form": "6.0.0-alpha.0",
+		"@webiny/icons": "6.0.0-alpha.0",
+		"@webiny/lexical-converter": "6.0.0-alpha.0",
+		"@webiny/lexical-editor": "6.0.0-alpha.0",
+		"@webiny/lexical-nodes": "6.0.0-alpha.0",
+		"@webiny/lexical-theme": "6.0.0-alpha.0",
+		"@webiny/react-composition": "6.0.0-alpha.0",
+		"@webiny/react-properties": "6.0.0-alpha.0",
+		"@webiny/react-router": "6.0.0-alpha.0",
+		"@webiny/theme": "6.0.0-alpha.0",
+		"@webiny/ui": "6.0.0-alpha.0",
+		"@webiny/utils": "6.0.0-alpha.0",
+		"@webiny/validation": "6.0.0-alpha.0",
+		"apollo-cache": "1.3.5",
+		"apollo-client": "2.6.10",
+		"apollo-link": "1.2.14",
+		"apollo-utilities": "1.3.4",
+		"classnames": "2.5.1",
+		"deep-equal": "2.2.3",
+		"emotion": "10.0.27",
+		"fast-json-patch": "3.1.1",
+		"fast-json-stable-stringify": "2.1.0",
+		"graphql": "15.9.0",
+		"graphql-tag": "2.12.6",
+		"is-hotkey": "0.2.0",
+		"lodash": "4.17.21",
+		"micromatch": "4.0.8",
+		"mobx": "6.9.0",
+		"mobx-react-lite": "3.4.3",
+		"pino": "9.7.0",
+		"pino-pretty": "13.0.0",
+		"pluralize": "8.0.0",
+		"prop-types": "15.8.1",
+		"react": "18.2.0",
+		"react-dnd": "16.0.1",
+		"react-dnd-html5-backend": "16.0.1",
+		"react-dom": "18.2.0",
+		"slugify": "1.6.6"
+	},
+	"devDependencies": {
+		"@emotion/babel-plugin": "11.11.0",
+		"@types/deep-equal": "1.0.4",
+		"@types/is-hotkey": "0.1.10",
+		"@types/micromatch": "4.0.9",
+		"@types/pako": "2.0.3",
+		"@types/platform": "1.3.4",
+		"@types/randomcolor": "0.5.9",
+		"@types/react-images": "0.5.3",
+		"@types/react-resizable": "3.0.8",
+		"@types/react-virtualized": "9.22.2",
+		"@types/resize-observer-browser": "0.1.7",
+		"@types/store": "2.0.2",
+		"@webiny/cli": "6.0.0-alpha.0",
+		"@webiny/project-utils": "6.0.0-alpha.0",
+		"execa": "5.1.1",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"adio": {
+		"ignore": {
+			"dependencies": [
+				"pino-pretty"
+			]
+		}
+	},
+	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
+}

package/pages/PageEditor.d.ts

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

package/pages/PageEditor.js

@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from "react";
+import { useRouter } from "@webiny/react-router";
+import { DocumentEditor } from "../DocumentEditor/DocumentEditor.js";
+import { useCreatePageRevisionFrom, useGetPage } from "../features/pages";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { useGetWebsiteBuilderSettings } from "../features";
+import { DefaultPageEditorConfig } from "./editor/DefaultPageEditorConfig";
+import { DefaultEditorConfig } from "../BaseEditor";
+import { EDITOR_NAME } from "./constants";
+import { PAGE_EDITOR_ROUTE, WbPageStatus } from "../constants";
+const getPageDataFromPage = page => {
+  return {
+    id: page.id,
+    version: page.version,
+    status: page.status,
+    location: page.location,
+    properties: page.properties,
+    bindings: page.bindings,
+    elements: page.elements,
+    metadata: page.metadata,
+    state: {}
+  };
+};
+export const PageEditor = () => {
+  const {
+    getSettings
+  } = useGetWebsiteBuilderSettings();
+  const [loading, setLoading] = useState(true);
+  const [page, setPage] = useState(null);
+  const {
+    history,
+    params
+  } = useRouter();
+  const {
+    getPage
+  } = useGetPage();
+  const {
+    createPageRevisionFrom
+  } = useCreatePageRevisionFrom();
+  useEffect(() => {
+    setLoading(true);
+    Promise.all([getSettings(), getPage({
+      id: params.id
+    }).then(page => {
+      if (page.status === WbPageStatus.Draft) {
+        setPage(getPageDataFromPage(page));
+        return;
+      }
+      return createPageRevisionFrom({
+        id: page.id
+      }).then(page => {
+        const encodedPageId = encodeURIComponent(page.id);
+        const encodedFolderId = encodeURIComponent(page.location.folderId);
+        history.push(`${PAGE_EDITOR_ROUTE}/${encodedPageId}?folderId=${encodedFolderId}`);
+      });
+    })]).then(() => {
+      setLoading(false);
+    });
+  }, [params.id]);
+  if (loading || !page) {
+    return /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: "Loading page..."
+    });
+  }
+  return /*#__PURE__*/React.createElement(DocumentEditor, {
+    key: page.id,
+    document: page,
+    name: EDITOR_NAME
+  }, /*#__PURE__*/React.createElement(DefaultEditorConfig, null), /*#__PURE__*/React.createElement(DefaultPageEditorConfig, null));
+};
+
+//# sourceMappingURL=PageEditor.js.map

package/pages/PageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useRouter","DocumentEditor","useCreatePageRevisionFrom","useGetPage","OverlayLoader","useGetWebsiteBuilderSettings","DefaultPageEditorConfig","DefaultEditorConfig","EDITOR_NAME","PAGE_EDITOR_ROUTE","WbPageStatus","getPageDataFromPage","page","id","version","status","location","properties","bindings","elements","metadata","state","PageEditor","getSettings","loading","setLoading","setPage","history","params","getPage","createPageRevisionFrom","Promise","all","then","Draft","encodedPageId","encodeURIComponent","encodedFolderId","folderId","push","createElement","text","key","document","name"],"sources":["PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useCreatePageRevisionFrom, useGetPage } from \"~/features/pages\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useGetWebsiteBuilderSettings } from \"~/features\";\nimport { DefaultPageEditorConfig } from \"./editor/DefaultPageEditorConfig\";\nimport { DefaultEditorConfig } from \"~/BaseEditor\";\nimport { EDITOR_NAME } from \"~/pages/constants\";\nimport { PAGE_EDITOR_ROUTE, WbPageStatus } from \"~/constants\";\nimport type { EditorPage } from \"~/sdk\";\nimport { Page } from \"~/domain/Page\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n    return {\n        id: page.id,\n        version: page.version,\n        status: page.status,\n        location: page.location,\n        properties: page.properties as EditorPage[\"properties\"],\n        bindings: page.bindings,\n        elements: page.elements,\n        metadata: page.metadata,\n        state: {}\n    };\n};\n\nexport const PageEditor = () => {\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const [loading, setLoading] = useState(true);\n    const [page, setPage] = useState<EditorPage | null>(null);\n\n    const { history, params } = useRouter();\n    const { getPage } = useGetPage();\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings(),\n            getPage({ id: params.id }).then(page => {\n                if (page.status === WbPageStatus.Draft) {\n                    setPage(getPageDataFromPage(page));\n\n                    return;\n                }\n\n                return createPageRevisionFrom({ id: page.id }).then(page => {\n                    const encodedPageId = encodeURIComponent(page.id);\n                    const encodedFolderId = encodeURIComponent(page.location.folderId);\n                    history.push(\n                        `${PAGE_EDITOR_ROUTE}/${encodedPageId}?folderId=${encodedFolderId}`\n                    );\n                });\n            })\n        ]).then(() => {\n            setLoading(false);\n        });\n    }, [params.id]);\n\n    if (loading || !page) {\n        return <OverlayLoader text={\"Loading page...\"} />;\n    }\n\n    return (\n        <DocumentEditor<EditorPage> key={page.id} document={page} name={EDITOR_NAME}>\n            <DefaultEditorConfig />\n            <DefaultPageEditorConfig />\n        </DocumentEditor>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/pages/PageList.d.ts

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

package/pages/PageList.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { CompositionScope, DialogsProvider } from "@webiny/app-admin";
+import { AcoWithConfig } from "@webiny/app-aco";
+import { DocumentList } from "../DocumentList/DocumentList.js";
+import { AdminLayout } from "@webiny/app-admin/components/AdminLayout.js";
+import { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { NavigateFolderProvider } from "../features/pages/index.js";
+import { WB_PAGE_APP } from "../constants.js";
+import { PageListWithConfig } from "../configs/index.js";
+export const PageList = () => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "wbPage"
+  }, /*#__PURE__*/React.createElement(AdminLayout, {
+    title: "Pages - Website Builder"
+  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
+    type: WB_PAGE_APP
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, null, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(DocumentList, null))))))));
+};
+
+//# sourceMappingURL=PageList.js.map

package/pages/PageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CompositionScope","DialogsProvider","AcoWithConfig","DocumentList","AdminLayout","FoldersProvider","NavigateFolderProvider","WB_PAGE_APP","PageListWithConfig","PageList","createElement","name","title","type"],"sources":["PageList.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope, DialogsProvider } from \"@webiny/app-admin\";\nimport { AcoWithConfig } from \"@webiny/app-aco\";\nimport { DocumentList } from \"~/DocumentList/DocumentList.js\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { NavigateFolderProvider } from \"~/features/pages/index.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageListWithConfig } from \"~/configs/index.js\";\n\nexport const PageList = () => {\n    return (\n        <CompositionScope name={\"wbPage\"}>\n            <AdminLayout title={\"Pages - Website Builder\"}>\n                <PageListWithConfig>\n                    <AcoWithConfig>\n                        <FoldersProvider type={WB_PAGE_APP}>\n                            <NavigateFolderProvider>\n                                <DialogsProvider>\n                                    <DocumentList />\n                                </DialogsProvider>\n                            </NavigateFolderProvider>\n                        </FoldersProvider>\n                    </AcoWithConfig>\n                </PageListWithConfig>\n            </AdminLayout>\n        </CompositionScope>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,mBAAmB;AACrE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY;AACrB,SAASC,WAAW,QAAQ,6CAA6C;AACzE,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,sBAAsB;AAC/B,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB;IAACW,IAAI,EAAE;EAAS,gBAC7BZ,KAAA,CAAAW,aAAA,CAACN,WAAW;IAACQ,KAAK,EAAE;EAA0B,gBAC1Cb,KAAA,CAAAW,aAAA,CAACF,kBAAkB,qBACfT,KAAA,CAAAW,aAAA,CAACR,aAAa,qBACVH,KAAA,CAAAW,aAAA,CAACL,eAAe;IAACQ,IAAI,EAAEN;EAAY,gBAC/BR,KAAA,CAAAW,aAAA,CAACJ,sBAAsB,qBACnBP,KAAA,CAAAW,aAAA,CAACT,eAAe,qBACZF,KAAA,CAAAW,aAAA,CAACP,YAAY,MAAE,CACF,CACG,CACX,CACN,CACC,CACX,CACC,CAAC;AAE3B,CAAC","ignoreList":[]}

package/pages/PagesConfig.d.ts

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

package/pages/PagesConfig.js

@@ -0,0 +1,89 @@
+import React from "react";
+import { PageListConfig } from "../configs";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellStatus, ChangeStatus, Delete, Duplicate, Edit, Move } from "../DocumentList/components/Table/index.js";
+import { BulkActionDelete, BulkActionDuplicate, BulkActionMovePage, BulkActionPublish, BulkActionUnpublish } from "../DocumentList/components/BulkActions/index.js";
+import { FilterByStatus } from "../DocumentList/components/Filters/index.js";
+const {
+  Browser
+} = PageListConfig;
+export const PagesConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageListConfig, null, /*#__PURE__*/React.createElement(Browser.Filter, {
+    name: "status",
+    element: /*#__PURE__*/React.createElement(FilterByStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(EditFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "permissions",
+    element: /*#__PURE__*/React.createElement(SetFolderPermissions, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(DeleteFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(Edit, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "changeStatus",
+    element: /*#__PURE__*/React.createElement(ChangeStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "duplicate",
+    element: /*#__PURE__*/React.createElement(Duplicate, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "moveToFolder",
+    element: /*#__PURE__*/React.createElement(Move, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(Delete, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "publishPages",
+    element: /*#__PURE__*/React.createElement(BulkActionPublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "unpublishPages",
+    element: /*#__PURE__*/React.createElement(BulkActionUnpublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "duplicatePages",
+    element: /*#__PURE__*/React.createElement(BulkActionDuplicate, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "movePages",
+    element: /*#__PURE__*/React.createElement(BulkActionMovePage, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "deletePages",
+    element: /*#__PURE__*/React.createElement(BulkActionDelete, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "name",
+    header: "Name",
+    cell: /*#__PURE__*/React.createElement(CellName, null),
+    sortable: false,
+    hideable: false,
+    size: 200
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdBy",
+    header: "Author",
+    cell: /*#__PURE__*/React.createElement(CellAuthor, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdOn",
+    header: "Created",
+    cell: /*#__PURE__*/React.createElement(CellCreated, null),
+    sortable: true
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "savedOn",
+    header: "Modified",
+    cell: /*#__PURE__*/React.createElement(CellModified, null),
+    sortable: true
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "status",
+    header: "Status",
+    cell: /*#__PURE__*/React.createElement(CellStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "actions",
+    header: "",
+    cell: /*#__PURE__*/React.createElement(CellActions, null),
+    size: 56,
+    resizable: false,
+    hideable: false,
+    className: "wby-text-right"
+  })));
+};
+
+//# sourceMappingURL=PagesConfig.js.map

package/pages/PagesConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageListConfig","DeleteFolder","EditFolder","SetFolderPermissions","CellActions","CellAuthor","CellCreated","CellModified","CellName","CellStatus","ChangeStatus","Delete","Duplicate","Edit","Move","BulkActionDelete","BulkActionDuplicate","BulkActionMovePage","BulkActionPublish","BulkActionUnpublish","FilterByStatus","Browser","PagesConfig","createElement","Fragment","Filter","name","element","Folder","Action","Page","BulkAction","Table","Column","header","cell","sortable","hideable","size","resizable","className"],"sources":["PagesConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"../configs\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellStatus,\n    ChangeStatus,\n    Delete,\n    Duplicate,\n    Edit,\n    Move\n} from \"~/DocumentList/components/Table/index.js\";\nimport {\n    BulkActionDelete,\n    BulkActionDuplicate,\n    BulkActionMovePage,\n    BulkActionPublish,\n    BulkActionUnpublish\n} from \"~/DocumentList/components/BulkActions/index.js\";\nimport { FilterByStatus } from \"~/DocumentList/components/Filters/index.js\";\n\nconst { Browser } = PageListConfig;\n\nexport const PagesConfig = () => {\n    return (\n        <>\n            <PageListConfig>\n                <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n                <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n                <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.Page.Action name={\"edit\"} element={<Edit />} />\n                <Browser.Page.Action name={\"changeStatus\"} element={<ChangeStatus />} />\n                <Browser.Page.Action name={\"duplicate\"} element={<Duplicate />} />\n                <Browser.Page.Action name={\"moveToFolder\"} element={<Move />} />\n                <Browser.Page.Action name={\"delete\"} element={<Delete />} />\n                <Browser.BulkAction name={\"publishPages\"} element={<BulkActionPublish />} />\n                <Browser.BulkAction name={\"unpublishPages\"} element={<BulkActionUnpublish />} />\n                <Browser.BulkAction name={\"duplicatePages\"} element={<BulkActionDuplicate />} />\n                <Browser.BulkAction name={\"movePages\"} element={<BulkActionMovePage />} />\n                <Browser.BulkAction name={\"deletePages\"} element={<BulkActionDelete />} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={false}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <Browser.Table.Column name={\"status\"} header={\"Status\"} cell={<CellStatus />} />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    resizable={false}\n                    hideable={false}\n                    className={\"wby-text-right\"}\n                />\n            </PageListConfig>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/pages/constants.d.ts

@@ -0,0 +1 @@
+export declare const EDITOR_NAME = "WebsiteBuilder/PageEditor";

package/pages/constants.js

@@ -0,0 +1,3 @@
+export const EDITOR_NAME = "WebsiteBuilder/PageEditor";
+
+//# sourceMappingURL=constants.js.map

package/pages/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EDITOR_NAME"],"sources":["constants.ts"],"sourcesContent":["export const EDITOR_NAME = \"WebsiteBuilder/PageEditor\";\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,2BAA2B","ignoreList":[]}

package/pages/editor/DefaultPageEditorConfig.d.ts

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

package/pages/editor/DefaultPageEditorConfig.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { PageEditorConfig } from "./PageEditorConfig";
+import { AutoSaveIndicator, PageAutoSave } from "./PageAutoSave";
+import { BackButton } from "./TopBar/BackButton";
+import { Title } from "./TopBar/Title";
+import { PublishButton } from "./TopBar/PublishButton";
+import { RevisionsMenu } from "./TopBar/RevisionsMenu";
+import { SettingsButton } from "./TopBar/SettingsButton";
+const {
+  Ui
+} = PageEditorConfig;
+export const DefaultPageEditorConfig = () => {
+  return /*#__PURE__*/React.createElement(PageEditorConfig, null, /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    name: "buttonBack",
+    group: "left",
+    element: /*#__PURE__*/React.createElement(BackButton, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    name: "title",
+    group: "left",
+    element: /*#__PURE__*/React.createElement(Title, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "revisionsMenu",
+    element: /*#__PURE__*/React.createElement(RevisionsMenu, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "buttonSettings",
+    element: /*#__PURE__*/React.createElement(SettingsButton, null)
+  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "buttonPublish",
+    element: /*#__PURE__*/React.createElement(PublishButton, null)
+  }), /*#__PURE__*/React.createElement(PageAutoSave, null), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+    group: "left",
+    name: "autoSave",
+    after: "title",
+    element: /*#__PURE__*/React.createElement(AutoSaveIndicator, null)
+  }));
+};
+
+//# sourceMappingURL=DefaultPageEditorConfig.js.map

package/pages/editor/DefaultPageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageEditorConfig","AutoSaveIndicator","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","after"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"~/pages/editor/PageEditorConfig\";\nimport { AutoSaveIndicator, PageAutoSave } from \"~/pages/editor/PageAutoSave\";\nimport { BackButton } from \"./TopBar/BackButton\";\nimport { Title } from \"./TopBar/Title\";\nimport { PublishButton } from \"./TopBar/PublishButton\";\nimport { RevisionsMenu } from \"~/pages/editor/TopBar/RevisionsMenu\";\nimport { SettingsButton } from \"./TopBar/SettingsButton\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n    return (\n        <PageEditorConfig>\n            <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n            <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n            <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n            <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n            <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n            <PageAutoSave />\n            <Ui.TopBar.Element\n                group={\"left\"}\n                name={\"autoSave\"}\n                after={\"title\"}\n                element={<AutoSaveIndicator />}\n            />\n        </PageEditorConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB,EAAEC,YAAY;AACxC,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AAEvB,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAE/B,OAAO,MAAMS,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB,qBACbD,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACP,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFJ,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACN,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEL,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACJ,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEP,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACH,cAAc,MAAE;EAAE,CAAE,CAAC,eACzER,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACL,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEN,KAAA,CAAAW,aAAA,CAACR,YAAY,MAAE,CAAC,eAChBH,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IACdE,KAAK,EAAE,MAAO;IACdD,IAAI,EAAE,UAAW;IACjBI,KAAK,EAAE,OAAQ;IACfF,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACT,iBAAiB,MAAE;EAAE,CAClC,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}

package/pages/editor/EditorStateDebugger.d.ts

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

package/pages/editor/EditorStateDebugger.js

@@ -0,0 +1,59 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { useEffect } from "react";
+import MonacoEditor from "@monaco-editor/react";
+import { Button } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../DocumentEditor";
+import { useSelectFromDocument } from "../../BaseEditor/hooks/useSelectFromDocument";
+import React from "react";
+import { useSelectFromEditor } from "../../BaseEditor/hooks/useSelectFromEditor";
+const Toolbar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1amskp10"
+} : {
+  target: "e1amskp10",
+  label: "Toolbar"
+})(process.env.NODE_ENV === "production" ? {
+  name: "5tttfu",
+  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000"
+} : {
+  name: "5tttfu",
+  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRvclN0YXRlRGVidWdnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiJFZGl0b3JTdGF0ZURlYnVnZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1vbmFjb0VkaXRvciBmcm9tIFwiQG1vbmFjby1lZGl0b3IvcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IHVzZURvY3VtZW50RWRpdG9yIH0gZnJvbSBcIn4vRG9jdW1lbnRFZGl0b3JcIjtcbmltcG9ydCB7IHVzZVNlbGVjdEZyb21Eb2N1bWVudCB9IGZyb20gXCJ+L0Jhc2VFZGl0b3IvaG9va3MvdXNlU2VsZWN0RnJvbURvY3VtZW50XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTZWxlY3RGcm9tRWRpdG9yIH0gZnJvbSBcIn4vQmFzZUVkaXRvci9ob29rcy91c2VTZWxlY3RGcm9tRWRpdG9yXCI7XG5pbXBvcnQgdHlwZSB7IEhpc3RvcnlTbmFwc2hvdCB9IGZyb20gXCJ+L2VkaXRvclNkay9IaXN0b3J5U25hcHNob3RcIjtcblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XG4gICAgei1pbmRleDogMTAwMDA7XG5gO1xuXG5jb25zdCBtb25hY29PcHRpb25zID0geyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfTtcblxuY29uc3QgZm9ybWF0U25hcHNob3RzID0gKHNuYXBzaG90czogSGlzdG9yeVNuYXBzaG90W10sIGFjdGl2ZUluZGV4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gc25hcHNob3RzXG4gICAgICAgIC5tYXAoKHNuYXBzaG90LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXNTdHJpbmcgPSBKU09OLnN0cmluZ2lmeShzbmFwc2hvdC5nZXRTdGF0ZSgpLCBudWxsLCAyKTtcbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gYWN0aXZlSW5kZXggPT09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gYC8vICR7aXNBY3RpdmUgPyBcIvCfn6JcIiA6IFwi4pqq77iPXCJ9IFNuYXBzaG90ICMke2luZGV4ICsgMX0gKCR7c25hcHNob3RcbiAgICAgICAgICAgICAgICAuZ2V0Q3JlYXRlZE9uKClcbiAgICAgICAgICAgICAgICAudG9JU09TdHJpbmcoKX0pXFxuJHthc1N0cmluZ31gO1xuICAgICAgICB9KVxuICAgICAgICAuam9pbihcIixcXG5cIik7XG59O1xuXG5leHBvcnQgY29uc3QgRWRpdG9yU3RhdGVEZWJ1Z2dlciA9ICgpID0+IHtcbiAgICBjb25zdCBlZGl0b3IgPSB1c2VEb2N1bWVudEVkaXRvcigpO1xuXG4gICAgY29uc3QgZWRpdG9yU3RhdGUgPSB1c2VTZWxlY3RGcm9tRWRpdG9yKHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBkb2N1bWVudFN0YXRlID0gdXNlU2VsZWN0RnJvbURvY3VtZW50KHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBoaXN0b3J5ID0gZWRpdG9yLmdldERvY3VtZW50U3RhdGUoKS5nZXRIaXN0b3J5KCk7XG5cbiAgICBjb25zdCBudW1iZXJPZlNuYXBzaG90cyA9IGVkaXRvci5nZXREb2N1bWVudFN0YXRlKCkuZ2V0SGlzdG9yeSgpLmdldFNuYXBzaG90cygpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmUgMTIzXG4gICAgICAgIHdpbmRvd1tcImVkaXRvclwiXSA9IGVkaXRvcjtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBtb25hY29WYWx1ZSA9IGAvLyBFZGl0b3IgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBlZGl0b3JTdGF0ZSxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgMlxuICAgICl9XFxuXFxuLy8gRG9jdW1lbnQgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBkb2N1bWVudFN0YXRlLFxuICAgICAgICBudWxsLFxuICAgICAgICAyXG4gICAgKX1cXG5cXG4vLyBIaXN0b3J5XFxuXFxuJHtmb3JtYXRTbmFwc2hvdHMoaGlzdG9yeS5nZXRTbmFwc2hvdHMoKSwgaGlzdG9yeS5nZXRBY3RpdmVTbmFwc2hvdEluZGV4KCkpfVxuICAgIFxcbi8vIFNuYXBzaG90IENoYW5nZXNcXG4ke0pTT04uc3RyaW5naWZ5KGhpc3RvcnkuZ2V0Q3VycmVudFNuYXBzaG90KCkuZ2V0Q2hhbmdlcygpLCBudWxsLCAyKX1gO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2xiYXI+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiB0ZXh0PXtgU25hcHNob3RzOiAke251bWJlck9mU25hcHNob3RzfWB9PjwvQnV0dG9uPlxuICAgICAgICAgICAgPE1vbmFjb0VkaXRvclxuICAgICAgICAgICAgICAgIGhlaWdodD17XCIxMDB2aFwifVxuICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtcImpzb25cIn1cbiAgICAgICAgICAgICAgICB2YWx1ZT17bW9uYWNvVmFsdWV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17bW9uYWNvT3B0aW9uc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const monacoOptions = {
+  minimap: {
+    enabled: false
+  }
+};
+const formatSnapshots = (snapshots, activeIndex) => {
+  return snapshots.map((snapshot, index) => {
+    const asString = JSON.stringify(snapshot.getState(), null, 2);
+    const isActive = activeIndex === index;
+    return `// ${isActive ? "🟢" : "⚪️"} Snapshot #${index + 1} (${snapshot.getCreatedOn().toISOString()})\n${asString}`;
+  }).join(",\n");
+};
+export const EditorStateDebugger = () => {
+  const editor = useDocumentEditor();
+  const editorState = useSelectFromEditor(state => state);
+  const documentState = useSelectFromDocument(state => state);
+  const history = editor.getDocumentState().getHistory();
+  const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;
+  useEffect(() => {
+    // @ts-ignore 123
+    window["editor"] = editor;
+  }, []);
+  const monacoValue = `// Editor State\n${JSON.stringify(editorState, null, 2)}\n\n// Document State\n${JSON.stringify(documentState, null, 2)}\n\n// History\n\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}
+    \n// Snapshot Changes\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;
+  return /*#__PURE__*/React.createElement(Toolbar, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: `Snapshots: ${numberOfSnapshots}`
+  }), /*#__PURE__*/React.createElement(MonacoEditor, {
+    height: "100vh",
+    language: "json",
+    value: monacoValue,
+    options: monacoOptions
+  }));
+};
+
+//# sourceMappingURL=EditorStateDebugger.js.map