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

package/modules/integrations/IntegrationsSettings.js

@@ -1,57 +1,52 @@
-import React from "react";
+import react from "react";
 import { Alert, Grid, Input, Select, Switch, Tabs } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
 import { toTitleCaseLabel } from "../../ecommerce/components/toTitleCaseLabel.js";
 import { validation } from "@webiny/validation";
-export const IntegrationsSettings = ({
-  manifests
-}) => {
-  if (!manifests.length) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      type: "info"
+const IntegrationsSettings = ({ manifests })=>{
+    if (!manifests.length) return /*#__PURE__*/ react.createElement(Alert, {
+        type: "info"
     }, "There are no integrations to configure.");
-  }
-  const tabs = manifests.map(manifest => {
-    const name = manifest.getName();
-    return /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: name,
-      trigger: toTitleCaseLabel(name),
-      value: name,
-      content: /*#__PURE__*/React.createElement(IntegrationForm, {
-        manifest: manifest
-      })
+    const tabs = manifests.map((manifest)=>{
+        const name = manifest.getName();
+        return /*#__PURE__*/ react.createElement(Tabs.Tab, {
+            key: name,
+            trigger: toTitleCaseLabel(name),
+            value: name,
+            content: /*#__PURE__*/ react.createElement(IntegrationForm, {
+                manifest: manifest
+            })
+        });
+    });
+    return /*#__PURE__*/ react.createElement(Tabs, {
+        tabs: tabs,
+        size: "md",
+        spacing: "sm"
     });
-  });
-  return /*#__PURE__*/React.createElement(Tabs, {
-    tabs: tabs,
-    size: "md",
-    spacing: "sm"
-  });
-};
-const IntegrationForm = ({
-  manifest
-}) => {
-  return /*#__PURE__*/React.createElement(Grid, null, manifest.getSettingsInputs().map(input => {
-    const bindProps = {
-      name: `${manifest.getName()}.${input.name}`,
-      validators: input.required ? validation.create("required") : undefined,
-      defaultValue: input.defaultValue
-    };
-    const inputProps = {
-      label: input.label ?? toTitleCaseLabel(input.name),
-      description: input.description,
-      note: input.note
-    };
-    return /*#__PURE__*/React.createElement(Grid.Column, {
-      key: input.name,
-      span: 12
-    }, input.type === "text" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, inputProps)) : null, input.type === "number" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Input, Object.assign({
-      type: "number"
-    }, inputProps))) : null, input.type === "select" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Select, Object.assign({
-      displayResetAction: false,
-      options: input.options
-    }, inputProps))) : null, input.type === "boolean" ? /*#__PURE__*/React.createElement(Bind, bindProps, /*#__PURE__*/React.createElement(Switch, inputProps)) : null);
-  }));
 };
+const IntegrationForm = ({ manifest })=>/*#__PURE__*/ react.createElement(Grid, null, manifest.getSettingsInputs().map((input)=>{
+        const bindProps = {
+            name: `${manifest.getName()}.${input.name}`,
+            validators: input.required ? validation.create("required") : void 0,
+            defaultValue: input.defaultValue
+        };
+        const inputProps = {
+            label: input.label ?? toTitleCaseLabel(input.name),
+            description: input.description,
+            note: input.note
+        };
+        return /*#__PURE__*/ react.createElement(Grid.Column, {
+            key: input.name,
+            span: 12
+        }, "text" === input.type ? /*#__PURE__*/ react.createElement(Bind, bindProps, /*#__PURE__*/ react.createElement(Input, inputProps)) : null, "number" === input.type ? /*#__PURE__*/ react.createElement(Bind, bindProps, /*#__PURE__*/ react.createElement(Input, {
+            type: "number",
+            ...inputProps
+        })) : null, "select" === input.type ? /*#__PURE__*/ react.createElement(Bind, bindProps, /*#__PURE__*/ react.createElement(Select, {
+            displayResetAction: false,
+            options: input.options,
+            ...inputProps
+        })) : null, "boolean" === input.type ? /*#__PURE__*/ react.createElement(Bind, bindProps, /*#__PURE__*/ react.createElement(Switch, inputProps)) : null);
+    }));
+export { IntegrationsSettings };
 
 //# sourceMappingURL=IntegrationsSettings.js.map

package/modules/integrations/IntegrationsSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","Grid","Input","Select","Switch","Tabs","Bind","toTitleCaseLabel","validation","IntegrationsSettings","manifests","length","createElement","type","tabs","map","manifest","name","getName","Tab","key","trigger","value","content","IntegrationForm","size","spacing","getSettingsInputs","input","bindProps","validators","required","create","undefined","defaultValue","inputProps","label","description","note","Column","span","Object","assign","displayResetAction","options"],"sources":["IntegrationsSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid, Input, Select, Switch, Tabs } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel.js\";\nimport { validation } from \"@webiny/validation\";\nimport { type EcommerceApiManifest } from \"~/features/index.js\";\n\nexport const IntegrationsSettings = ({ manifests }: { manifests: EcommerceApiManifest[] }) => {\n    if (!manifests.length) {\n        return <Alert type={\"info\"}>There are no integrations to configure.</Alert>;\n    }\n\n    const tabs = manifests.map(manifest => {\n        const name = manifest.getName();\n        return (\n            <Tabs.Tab\n                key={name}\n                trigger={toTitleCaseLabel(name)}\n                value={name}\n                content={<IntegrationForm manifest={manifest} />}\n            />\n        );\n    });\n\n    return <Tabs tabs={tabs} size={\"md\"} spacing={\"sm\"} />;\n};\n\ninterface IntegrationFormProps {\n    manifest: EcommerceApiManifest;\n}\n\nconst IntegrationForm = ({ manifest }: IntegrationFormProps) => {\n    return (\n        <Grid>\n            {manifest.getSettingsInputs().map(input => {\n                const bindProps = {\n                    name: `${manifest.getName()}.${input.name}`,\n                    validators: input.required ? validation.create(\"required\") : undefined,\n                    defaultValue: input.defaultValue\n                };\n\n                const inputProps = {\n                    label: input.label ?? toTitleCaseLabel(input.name),\n                    description: input.description,\n                    note: input.note\n                };\n\n                return (\n                    <Grid.Column key={input.name} span={12}>\n                        {input.type === \"text\" ? (\n                            <Bind {...bindProps}>\n                                <Input {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"number\" ? (\n                            <Bind {...bindProps}>\n                                <Input type=\"number\" {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"select\" ? (\n                            <Bind {...bindProps}>\n                                <Select\n                                    displayResetAction={false}\n                                    options={input.options}\n                                    {...inputProps}\n                                />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"boolean\" ? (\n                            <Bind {...bindProps}>\n                                <Switch {...inputProps} />\n                            </Bind>\n                        ) : null}\n                    </Grid.Column>\n                );\n            })}\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB;AACzB,SAASC,UAAU,QAAQ,oBAAoB;AAG/C,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAiD,CAAC,KAAK;EAC1F,IAAI,CAACA,SAAS,CAACC,MAAM,EAAE;IACnB,oBAAOZ,KAAA,CAAAa,aAAA,CAACZ,KAAK;MAACa,IAAI,EAAE;IAAO,GAAC,yCAA8C,CAAC;EAC/E;EAEA,MAAMC,IAAI,GAAGJ,SAAS,CAACK,GAAG,CAACC,QAAQ,IAAI;IACnC,MAAMC,IAAI,GAAGD,QAAQ,CAACE,OAAO,CAAC,CAAC;IAC/B,oBACInB,KAAA,CAAAa,aAAA,CAACP,IAAI,CAACc,GAAG;MACLC,GAAG,EAAEH,IAAK;MACVI,OAAO,EAAEd,gBAAgB,CAACU,IAAI,CAAE;MAChCK,KAAK,EAAEL,IAAK;MACZM,OAAO,eAAExB,KAAA,CAAAa,aAAA,CAACY,eAAe;QAACR,QAAQ,EAAEA;MAAS,CAAE;IAAE,CACpD,CAAC;EAEV,CAAC,CAAC;EAEF,oBAAOjB,KAAA,CAAAa,aAAA,CAACP,IAAI;IAACS,IAAI,EAAEA,IAAK;IAACW,IAAI,EAAE,IAAK;IAACC,OAAO,EAAE;EAAK,CAAE,CAAC;AAC1D,CAAC;AAMD,MAAMF,eAAe,GAAGA,CAAC;EAAER;AAA+B,CAAC,KAAK;EAC5D,oBACIjB,KAAA,CAAAa,aAAA,CAACX,IAAI,QACAe,QAAQ,CAACW,iBAAiB,CAAC,CAAC,CAACZ,GAAG,CAACa,KAAK,IAAI;IACvC,MAAMC,SAAS,GAAG;MACdZ,IAAI,EAAE,GAAGD,QAAQ,CAACE,OAAO,CAAC,CAAC,IAAIU,KAAK,CAACX,IAAI,EAAE;MAC3Ca,UAAU,EAAEF,KAAK,CAACG,QAAQ,GAAGvB,UAAU,CAACwB,MAAM,CAAC,UAAU,CAAC,GAAGC,SAAS;MACtEC,YAAY,EAAEN,KAAK,CAACM;IACxB,CAAC;IAED,MAAMC,UAAU,GAAG;MACfC,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI7B,gBAAgB,CAACqB,KAAK,CAACX,IAAI,CAAC;MAClDoB,WAAW,EAAET,KAAK,CAACS,WAAW;MAC9BC,IAAI,EAAEV,KAAK,CAACU;IAChB,CAAC;IAED,oBACIvC,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACsC,MAAM;MAACnB,GAAG,EAAEQ,KAAK,CAACX,IAAK;MAACuB,IAAI,EAAE;IAAG,GAClCZ,KAAK,CAACf,IAAI,KAAK,MAAM,gBAClBd,KAAA,CAAAa,aAAA,CAACN,IAAI,EAAKuB,SAAS,eACf9B,KAAA,CAAAa,aAAA,CAACV,KAAK,EAAKiC,UAAa,CACtB,CAAC,GACP,IAAI,EACPP,KAAK,CAACf,IAAI,KAAK,QAAQ,gBACpBd,KAAA,CAAAa,aAAA,CAACN,IAAI,EAAKuB,SAAS,eACf9B,KAAA,CAAAa,aAAA,CAACV,KAAK,EAAAuC,MAAA,CAAAC,MAAA;MAAC7B,IAAI,EAAC;IAAQ,GAAKsB,UAAU,CAAG,CACpC,CAAC,GACP,IAAI,EACPP,KAAK,CAACf,IAAI,KAAK,QAAQ,gBACpBd,KAAA,CAAAa,aAAA,CAACN,IAAI,EAAKuB,SAAS,eACf9B,KAAA,CAAAa,aAAA,CAACT,MAAM,EAAAsC,MAAA,CAAAC,MAAA;MACHC,kBAAkB,EAAE,KAAM;MAC1BC,OAAO,EAAEhB,KAAK,CAACgB;IAAQ,GACnBT,UAAU,CACjB,CACC,CAAC,GACP,IAAI,EACPP,KAAK,CAACf,IAAI,KAAK,SAAS,gBACrBd,KAAA,CAAAa,aAAA,CAACN,IAAI,EAAKuB,SAAS,eACf9B,KAAA,CAAAa,aAAA,CAACR,MAAM,EAAK+B,UAAa,CACvB,CAAC,GACP,IACK,CAAC;EAEtB,CAAC,CACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/integrations/IntegrationsSettings.js","sources":["../../../src/modules/integrations/IntegrationsSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid, Input, Select, Switch, Tabs } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel.js\";\nimport { validation } from \"@webiny/validation\";\nimport { type EcommerceApiManifest } from \"~/features/index.js\";\n\nexport const IntegrationsSettings = ({ manifests }: { manifests: EcommerceApiManifest[] }) => {\n    if (!manifests.length) {\n        return <Alert type={\"info\"}>There are no integrations to configure.</Alert>;\n    }\n\n    const tabs = manifests.map(manifest => {\n        const name = manifest.getName();\n        return (\n            <Tabs.Tab\n                key={name}\n                trigger={toTitleCaseLabel(name)}\n                value={name}\n                content={<IntegrationForm manifest={manifest} />}\n            />\n        );\n    });\n\n    return <Tabs tabs={tabs} size={\"md\"} spacing={\"sm\"} />;\n};\n\ninterface IntegrationFormProps {\n    manifest: EcommerceApiManifest;\n}\n\nconst IntegrationForm = ({ manifest }: IntegrationFormProps) => {\n    return (\n        <Grid>\n            {manifest.getSettingsInputs().map(input => {\n                const bindProps = {\n                    name: `${manifest.getName()}.${input.name}`,\n                    validators: input.required ? validation.create(\"required\") : undefined,\n                    defaultValue: input.defaultValue\n                };\n\n                const inputProps = {\n                    label: input.label ?? toTitleCaseLabel(input.name),\n                    description: input.description,\n                    note: input.note\n                };\n\n                return (\n                    <Grid.Column key={input.name} span={12}>\n                        {input.type === \"text\" ? (\n                            <Bind {...bindProps}>\n                                <Input {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"number\" ? (\n                            <Bind {...bindProps}>\n                                <Input type=\"number\" {...inputProps} />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"select\" ? (\n                            <Bind {...bindProps}>\n                                <Select\n                                    displayResetAction={false}\n                                    options={input.options}\n                                    {...inputProps}\n                                />\n                            </Bind>\n                        ) : null}\n                        {input.type === \"boolean\" ? (\n                            <Bind {...bindProps}>\n                                <Switch {...inputProps} />\n                            </Bind>\n                        ) : null}\n                    </Grid.Column>\n                );\n            })}\n        </Grid>\n    );\n};\n"],"names":["IntegrationsSettings","manifests","Alert","tabs","manifest","name","Tabs","toTitleCaseLabel","IntegrationForm","Grid","input","bindProps","validation","undefined","inputProps","Bind","Input","Select","Switch"],"mappings":";;;;;AAOO,MAAMA,uBAAuB,CAAC,EAAEC,SAAS,EAAyC;IACrF,IAAI,CAACA,UAAU,MAAM,EACjB,OAAO,WAAP,GAAO,oBAACC,OAAKA;QAAC,MAAM;OAAQ;IAGhC,MAAMC,OAAOF,UAAU,GAAG,CAACG,CAAAA;QACvB,MAAMC,OAAOD,SAAS,OAAO;QAC7B,OAAO,WAAP,GACI,oBAACE,KAAK,GAAG;YACL,KAAKD;YACL,SAASE,iBAAiBF;YAC1B,OAAOA;YACP,uBAAS,oBAACG,iBAAeA;gBAAC,UAAUJ;;;IAGhD;IAEA,OAAO,WAAP,GAAO,oBAACE,MAAIA;QAAC,MAAMH;QAAM,MAAM;QAAM,SAAS;;AAClD;AAMA,MAAMK,kBAAkB,CAAC,EAAEJ,QAAQ,EAAwB,GAChD,WAAP,GACI,oBAACK,MAAIA,MACAL,SAAS,iBAAiB,GAAG,GAAG,CAACM,CAAAA;QAC9B,MAAMC,YAAY;YACd,MAAM,GAAGP,SAAS,OAAO,GAAG,CAAC,EAAEM,MAAM,IAAI,EAAE;YAC3C,YAAYA,MAAM,QAAQ,GAAGE,WAAW,MAAM,CAAC,cAAcC;YAC7D,cAAcH,MAAM,YAAY;QACpC;QAEA,MAAMI,aAAa;YACf,OAAOJ,MAAM,KAAK,IAAIH,iBAAiBG,MAAM,IAAI;YACjD,aAAaA,MAAM,WAAW;YAC9B,MAAMA,MAAM,IAAI;QACpB;QAEA,OAAO,WAAP,GACI,oBAACD,KAAK,MAAM;YAAC,KAAKC,MAAM,IAAI;YAAE,MAAM;WAC/BA,AAAe,WAAfA,MAAM,IAAI,GAAc,WAAT,GACZ,oBAACK,MAASJ,WAAAA,WAAAA,GACN,oBAACK,OAAUF,eAEf,MACHJ,AAAe,aAAfA,MAAM,IAAI,GAAgB,WAAX,GACZ,oBAACK,MAASJ,WAAAA,WAAAA,GACN,oBAACK,OAAKA;YAAC,MAAK;YAAU,GAAGF,UAAU;cAEvC,MACHJ,AAAe,aAAfA,MAAM,IAAI,GAAgB,WAAX,GACZ,oBAACK,MAASJ,WAAAA,WAAAA,GACN,oBAACM,QAAMA;YACH,oBAAoB;YACpB,SAASP,MAAM,OAAO;YACrB,GAAGI,UAAU;cAGtB,MACHJ,AAAe,cAAfA,MAAM,IAAI,GAAiB,WAAZ,GACZ,oBAACK,MAASJ,WAAAA,WAAAA,GACN,oBAACO,QAAWJ,eAEhB;IAGhB"}

package/modules/integrations/useIntegrationsDialog.js

@@ -1,45 +1,40 @@
-import React from "react";
+import react from "react";
 import { useDialogs } from "@webiny/app-admin";
 import { IntegrationsSettings } from "./IntegrationsSettings.js";
 import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features/index.js";
 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
+const useIntegrationsDialog = ()=>{
+    const { showSuccessToast } = useToast();
+    const dialogs = useDialogs();
+    const provider = useEcommerceApiProvider();
+    const manifests = provider.getApiManifests();
+    const { getSettings } = useGetEcommerceSettings();
+    const { updateSettings } = useUpdateEcommerceSettings();
+    const noIntegrations = 0 === manifests.length;
+    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
-  };
+    };
+    return {
+        showIntegrationsDialog
+    };
 };
+export { useIntegrationsDialog };
 
 //# sourceMappingURL=useIntegrationsDialog.js.map

package/modules/integrations/useIntegrationsDialog.js.map

@@ -1 +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.js\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features/index.js\";\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":[]}
+{"version":3,"file":"modules/integrations/useIntegrationsDialog.js","sources":["../../../src/modules/integrations/useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features/index.js\";\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"],"names":["useIntegrationsDialog","showSuccessToast","useToast","dialogs","useDialogs","provider","useEcommerceApiProvider","manifests","getSettings","useGetEcommerceSettings","updateSettings","useUpdateEcommerceSettings","noIntegrations","showIntegrationsDialog","IntegrationsSettings","data"],"mappings":";;;;;AAUO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAMC,WAAWC;IACjB,MAAMC,YAAYF,SAAS,eAAe;IAC1C,MAAM,EAAEG,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,iBAAiBL,AAAqB,MAArBA,UAAU,MAAM;IAEvC,MAAMM,yBAAyB;QAC3BV,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,UAAUK;YACV,aAAa;YACb,aAAaI,iBAAiB,OAAO;YACrC,aAAaA,iBAAiB,UAAU;YACxC,SAAS,WAAT,GAAS,oBAACE,sBAAoBA;gBAAC,WAAWP;;YAC1C,UAAU,OAAMQ;gBACZ,MAAML,eAAeK;gBACrBd,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEY;IAAuB;AACpC"}

package/modules/pages/PageEditor/DefaultPageEditorConfig.js

@@ -1,48 +1,52 @@
-import React from "react";
+import react from "react";
 import { PageAutoSave } from "./PageAutoSave.js";
 import { BackButton } from "./TopBar/BackButton.js";
 import { Title } from "./TopBar/Title.js";
 import { PublishButton } from "./TopBar/PublishButton.js";
+import { NewRevisionButton } from "./TopBar/NewRevisionButton.js";
 import { RevisionsMenu } from "./TopBar/RevisionsMenu.js";
 import { SettingsButton } from "./TopBar/SettingsButton.js";
 import { HasPermission } from "../../../presentation/security/HasPermission.js";
 import { InternalPageEditorConfig } from "./PageEditorConfig.js";
 import { TopBarOptionsMenu } from "../../../BaseEditor/config/TopBar/Layout.js";
-const {
-  Ui
-} = InternalPageEditorConfig;
-export const DefaultPageEditorConfig = () => {
-  return /*#__PURE__*/React.createElement(InternalPageEditorConfig, 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(Ui.IsNotReadOnly, null, /*#__PURE__*/React.createElement(SettingsButton, null))
-  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
-    name: "optionsMenu",
-    element: /*#__PURE__*/React.createElement(TopBarOptionsMenu, null)
-  }), /*#__PURE__*/React.createElement(HasPermission, {
-    entity: "page",
-    action: "publish"
-  }, /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
-    name: "buttonPublish",
-    element: /*#__PURE__*/React.createElement(PublishButton, null)
-  })), /*#__PURE__*/React.createElement(HasPermission, {
-    entity: "page",
-    action: "edit"
-  }, /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
-    group: "left",
-    name: "autoSave",
-    element: /*#__PURE__*/React.createElement(PageAutoSave, null)
-  })));
-};
+const { Ui: Ui } = InternalPageEditorConfig;
+const DefaultPageEditorConfig = ()=>/*#__PURE__*/ react.createElement(InternalPageEditorConfig, 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(Ui.IsNotReadOnly, null, /*#__PURE__*/ react.createElement(SettingsButton, null))
+    }), /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "optionsMenu",
+        element: /*#__PURE__*/ react.createElement(TopBarOptionsMenu, null)
+    }), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "create"
+    }, /*#__PURE__*/ react.createElement(Ui.IsReadOnly, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonNewRevision",
+        element: /*#__PURE__*/ react.createElement(NewRevisionButton, null)
+    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "publish"
+    }, /*#__PURE__*/ react.createElement(Ui.IsNotReadOnly, null, /*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        name: "buttonPublish",
+        element: /*#__PURE__*/ react.createElement(PublishButton, null)
+    }))), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "edit"
+    }, /*#__PURE__*/ react.createElement(Ui.TopBar.Element, {
+        group: "left",
+        name: "autoSave",
+        element: /*#__PURE__*/ react.createElement(PageAutoSave, null)
+    })));
+export { DefaultPageEditorConfig };
 
 //# sourceMappingURL=DefaultPageEditorConfig.js.map

package/modules/pages/PageEditor/DefaultPageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","HasPermission","InternalPageEditorConfig","TopBarOptionsMenu","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","IsNotReadOnly","entity","action"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { InternalPageEditorConfig } from \"./PageEditorConfig.js\";\nimport { TopBarOptionsMenu } from \"~/BaseEditor/config/TopBar/Layout.js\";\n\nconst { Ui } = InternalPageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n    return (\n        <InternalPageEditorConfig>\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\n                name={\"buttonSettings\"}\n                element={\n                    <Ui.IsNotReadOnly>\n                        <SettingsButton />\n                    </Ui.IsNotReadOnly>\n                }\n            />\n            <Ui.TopBar.Action name={\"optionsMenu\"} element={<TopBarOptionsMenu />} />\n            <HasPermission entity={\"page\"} action={\"publish\"}>\n                <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"edit\"}>\n                <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n            </HasPermission>\n        </InternalPageEditorConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,wBAAwB;AACjC,SAASC,iBAAiB;AAE1B,MAAM;EAAEC;AAAG,CAAC,GAAGF,wBAAwB;AAEvC,OAAO,MAAMG,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIX,KAAA,CAAAY,aAAA,CAACJ,wBAAwB,qBACrBR,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACV,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFF,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACT,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEH,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACP,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEL,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IACbH,IAAI,EAAE,gBAAiB;IACvBE,OAAO,eACHjB,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACS,aAAa,qBACbnB,KAAA,CAAAY,aAAA,CAACN,cAAc,MAAE,CACH;EACrB,CACJ,CAAC,eACFN,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,aAAc;IAACE,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACH,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACzET,KAAA,CAAAY,aAAA,CAACL,aAAa;IAACa,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAU,gBAC7CrB,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACR,aAAa,MAAE;EAAE,CAAE,CAC3D,CAAC,eAChBJ,KAAA,CAAAY,aAAA,CAACL,aAAa;IAACa,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,gBAC1CrB,KAAA,CAAAY,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACE,KAAK,EAAE,MAAO;IAACD,IAAI,EAAE,UAAW;IAACE,OAAO,eAAEjB,KAAA,CAAAY,aAAA,CAACX,YAAY,MAAE;EAAE,CAAE,CACrE,CACO,CAAC;AAEnC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/DefaultPageEditorConfig.js","sources":["../../../../src/modules/pages/PageEditor/DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { NewRevisionButton } from \"./TopBar/NewRevisionButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { InternalPageEditorConfig } from \"./PageEditorConfig.js\";\nimport { TopBarOptionsMenu } from \"~/BaseEditor/config/TopBar/Layout.js\";\n\nconst { Ui } = InternalPageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n    return (\n        <InternalPageEditorConfig>\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\n                name={\"buttonSettings\"}\n                element={\n                    <Ui.IsNotReadOnly>\n                        <SettingsButton />\n                    </Ui.IsNotReadOnly>\n                }\n            />\n            <Ui.TopBar.Action name={\"optionsMenu\"} element={<TopBarOptionsMenu />} />\n            <HasPermission entity={\"page\"} action={\"create\"}>\n                <Ui.IsReadOnly>\n                    <Ui.TopBar.Action name={\"buttonNewRevision\"} element={<NewRevisionButton />} />\n                </Ui.IsReadOnly>\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"publish\"}>\n                <Ui.IsNotReadOnly>\n                    <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n                </Ui.IsNotReadOnly>\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"edit\"}>\n                <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n            </HasPermission>\n        </InternalPageEditorConfig>\n    );\n};\n"],"names":["Ui","InternalPageEditorConfig","DefaultPageEditorConfig","BackButton","Title","RevisionsMenu","SettingsButton","TopBarOptionsMenu","HasPermission","NewRevisionButton","PublishButton","PageAutoSave"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAER,MAAMC,0BAA0B,IAC5B,WAAP,GACI,oBAACD,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACD,GAAG,MAAM,CAAC,OAAO;QAAC,MAAM;QAAc,OAAO;QAAQ,uBAAS,oBAACG,YAAUA;sBAC1E,oBAACH,GAAG,MAAM,CAAC,OAAO;QAAC,MAAM;QAAS,OAAO;QAAQ,uBAAS,oBAACI,OAAKA;sBAChE,oBAACJ,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAiB,uBAAS,oBAACK,eAAaA;sBAChE,oBAACL,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,uBACI,oBAACA,GAAG,aAAa,sBACb,oBAACM,gBAAcA;sBAI3B,oBAACN,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAe,uBAAS,oBAACO,mBAAiBA;sBAClE,oBAACC,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,UAAU,sBACV,oBAACA,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAqB,uBAAS,oBAACS,mBAAiBA;wBAGhF,oBAACD,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,aAAa,sBACb,oBAACA,GAAG,MAAM,CAAC,MAAM;QAAC,MAAM;QAAiB,uBAAS,oBAACU,eAAaA;wBAGxE,oBAACF,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACR,GAAG,MAAM,CAAC,OAAO;QAAC,OAAO;QAAQ,MAAM;QAAY,uBAAS,oBAACW,cAAYA"}

package/modules/pages/PageEditor/EditorStateDebugger.js

@@ -1,58 +1,49 @@
-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 react, { useEffect } from "react";
+import _monaco_editor_react from "@monaco-editor/react";
+import styled from "@emotion/styled";
 import { Button } from "@webiny/admin-ui";
 import { useDocumentEditor } from "../../../DocumentEditor/index.js";
 import { useSelectFromDocument } from "../../../BaseEditor/hooks/useSelectFromDocument.js";
-import React from "react";
 import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor.js";
-const Toolbar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ojwo140"
-} : {
-  target: "e1ojwo140",
-  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRvclN0YXRlRGVidWdnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiJFZGl0b3JTdGF0ZURlYnVnZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1vbmFjb0VkaXRvciBmcm9tIFwiQG1vbmFjby1lZGl0b3IvcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IHVzZURvY3VtZW50RWRpdG9yIH0gZnJvbSBcIn4vRG9jdW1lbnRFZGl0b3IvaW5kZXguanNcIjtcbmltcG9ydCB7IHVzZVNlbGVjdEZyb21Eb2N1bWVudCB9IGZyb20gXCJ+L0Jhc2VFZGl0b3IvaG9va3MvdXNlU2VsZWN0RnJvbURvY3VtZW50LmpzXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTZWxlY3RGcm9tRWRpdG9yIH0gZnJvbSBcIn4vQmFzZUVkaXRvci9ob29rcy91c2VTZWxlY3RGcm9tRWRpdG9yLmpzXCI7XG5pbXBvcnQgdHlwZSB7IEhpc3RvcnlTbmFwc2hvdCB9IGZyb20gXCJ+L2VkaXRvclNkay9IaXN0b3J5U25hcHNob3QuanNcIjtcblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XG4gICAgei1pbmRleDogMTAwMDA7XG5gO1xuXG5jb25zdCBtb25hY29PcHRpb25zID0geyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfTtcblxuY29uc3QgZm9ybWF0U25hcHNob3RzID0gKHNuYXBzaG90czogSGlzdG9yeVNuYXBzaG90W10sIGFjdGl2ZUluZGV4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gc25hcHNob3RzXG4gICAgICAgIC5tYXAoKHNuYXBzaG90LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXNTdHJpbmcgPSBKU09OLnN0cmluZ2lmeShzbmFwc2hvdC5nZXRTdGF0ZSgpLCBudWxsLCAyKTtcbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gYWN0aXZlSW5kZXggPT09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gYC8vICR7aXNBY3RpdmUgPyBcIvCfn6JcIiA6IFwi4pqq77iPXCJ9IFNuYXBzaG90ICMke2luZGV4ICsgMX0gKCR7c25hcHNob3RcbiAgICAgICAgICAgICAgICAuZ2V0Q3JlYXRlZE9uKClcbiAgICAgICAgICAgICAgICAudG9JU09TdHJpbmcoKX0pXFxuJHthc1N0cmluZ31gO1xuICAgICAgICB9KVxuICAgICAgICAuam9pbihcIixcXG5cIik7XG59O1xuXG5leHBvcnQgY29uc3QgRWRpdG9yU3RhdGVEZWJ1Z2dlciA9ICgpID0+IHtcbiAgICBjb25zdCBlZGl0b3IgPSB1c2VEb2N1bWVudEVkaXRvcigpO1xuXG4gICAgY29uc3QgZWRpdG9yU3RhdGUgPSB1c2VTZWxlY3RGcm9tRWRpdG9yKHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBkb2N1bWVudFN0YXRlID0gdXNlU2VsZWN0RnJvbURvY3VtZW50KHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBoaXN0b3J5ID0gZWRpdG9yLmdldERvY3VtZW50U3RhdGUoKS5nZXRIaXN0b3J5KCk7XG5cbiAgICBjb25zdCBudW1iZXJPZlNuYXBzaG90cyA9IGVkaXRvci5nZXREb2N1bWVudFN0YXRlKCkuZ2V0SGlzdG9yeSgpLmdldFNuYXBzaG90cygpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmUgMTIzXG4gICAgICAgIHdpbmRvd1tcImVkaXRvclwiXSA9IGVkaXRvcjtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBtb25hY29WYWx1ZSA9IGAvLyBFZGl0b3IgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBlZGl0b3JTdGF0ZSxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgMlxuICAgICl9XFxuXFxuLy8gRG9jdW1lbnQgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBkb2N1bWVudFN0YXRlLFxuICAgICAgICBudWxsLFxuICAgICAgICAyXG4gICAgKX1cXG5cXG4vLyBIaXN0b3J5XFxuXFxuJHtmb3JtYXRTbmFwc2hvdHMoaGlzdG9yeS5nZXRTbmFwc2hvdHMoKSwgaGlzdG9yeS5nZXRBY3RpdmVTbmFwc2hvdEluZGV4KCkpfVxuICAgIFxcbi8vIFNuYXBzaG90IENoYW5nZXNcXG4ke0pTT04uc3RyaW5naWZ5KGhpc3RvcnkuZ2V0Q3VycmVudFNuYXBzaG90KCkuZ2V0Q2hhbmdlcygpLCBudWxsLCAyKX1gO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2xiYXI+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiB0ZXh0PXtgU25hcHNob3RzOiAke251bWJlck9mU25hcHNob3RzfWB9PjwvQnV0dG9uPlxuICAgICAgICAgICAgPE1vbmFjb0VkaXRvclxuICAgICAgICAgICAgICAgIGhlaWdodD17XCIxMDB2aFwifVxuICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtcImpzb25cIn1cbiAgICAgICAgICAgICAgICB2YWx1ZT17bW9uYWNvVmFsdWV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17bW9uYWNvT3B0aW9uc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+const Toolbar = styled.div`
+    position: absolute;
+    padding-top: 5px;
+    width: 100%;
+    padding-left: 5px;
+    border-top: 1px solid #cccccc;
+    z-index: 10000;
+`;
 const monacoOptions = {
-  minimap: {
-    enabled: false
-  }
+    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())}
+const formatSnapshots = (snapshots, activeIndex)=>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");
+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(()=>{
+        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
-  }));
+    return /*#__PURE__*/ react.createElement(Toolbar, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: `Snapshots: ${numberOfSnapshots}`
+    }), /*#__PURE__*/ react.createElement(_monaco_editor_react, {
+        height: "100vh",
+        language: "json",
+        value: monacoValue,
+        options: monacoOptions
+    }));
 };
+export { EditorStateDebugger };
 
 //# sourceMappingURL=EditorStateDebugger.js.map

package/modules/pages/PageEditor/EditorStateDebugger.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","MonacoEditor","Button","useDocumentEditor","useSelectFromDocument","React","useSelectFromEditor","Toolbar","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","monacoOptions","minimap","enabled","formatSnapshots","snapshots","activeIndex","map","snapshot","index","asString","JSON","stringify","getState","isActive","getCreatedOn","toISOString","join","EditorStateDebugger","editor","editorState","state","documentState","history","getDocumentState","getHistory","numberOfSnapshots","getSnapshots","length","window","monacoValue","getActiveSnapshotIndex","getCurrentSnapshot","getChanges","createElement","variant","text","height","language","value","options"],"sources":["EditorStateDebugger.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport styled from \"@emotion/styled\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport type { HistorySnapshot } from \"~/editorSdk/HistorySnapshot.js\";\n\nconst Toolbar = styled.div`\n    position: absolute;\n    padding-top: 5px;\n    width: 100%;\n    padding-left: 5px;\n    border-top: 1px solid #cccccc;\n    z-index: 10000;\n`;\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst formatSnapshots = (snapshots: HistorySnapshot[], activeIndex: number) => {\n    return snapshots\n        .map((snapshot, index) => {\n            const asString = JSON.stringify(snapshot.getState(), null, 2);\n            const isActive = activeIndex === index;\n\n            return `// ${isActive ? \"🟢\" : \"⚪️\"} Snapshot #${index + 1} (${snapshot\n                .getCreatedOn()\n                .toISOString()})\\n${asString}`;\n        })\n        .join(\",\\n\");\n};\n\nexport const EditorStateDebugger = () => {\n    const editor = useDocumentEditor();\n\n    const editorState = useSelectFromEditor(state => state);\n    const documentState = useSelectFromDocument(state => state);\n    const history = editor.getDocumentState().getHistory();\n\n    const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;\n\n    useEffect(() => {\n        // @ts-ignore 123\n        window[\"editor\"] = editor;\n    }, []);\n\n    const monacoValue = `// Editor State\\n${JSON.stringify(\n        editorState,\n        null,\n        2\n    )}\\n\\n// Document State\\n${JSON.stringify(\n        documentState,\n        null,\n        2\n    )}\\n\\n// History\\n\\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}\n    \\n// Snapshot Changes\\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;\n\n    return (\n        <Toolbar>\n            <Button variant=\"secondary\" text={`Snapshots: ${numberOfSnapshots}`}></Button>\n            <MonacoEditor\n                height={\"100vh\"}\n                language={\"json\"}\n                value={monacoValue}\n                options={monacoOptions}\n            />\n        </Toolbar>\n    );\n};\n"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,YAAY,MAAM,sBAAsB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAG5B,MAAMC,OAAO,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAOZ;AAED,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMC,eAAe,GAAGA,CAACC,SAA4B,EAAEC,WAAmB,KAAK;EAC3E,OAAOD,SAAS,CACXE,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;IACtB,MAAMC,QAAQ,GAAGC,IAAI,CAACC,SAAS,CAACJ,QAAQ,CAACK,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7D,MAAMC,QAAQ,GAAGR,WAAW,KAAKG,KAAK;IAEtC,OAAO,MAAMK,QAAQ,GAAG,IAAI,GAAG,IAAI,cAAcL,KAAK,GAAG,CAAC,KAAKD,QAAQ,CAClEO,YAAY,CAAC,CAAC,CACdC,WAAW,CAAC,CAAC,MAAMN,QAAQ,EAAE;EACtC,CAAC,CAAC,CACDO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAMC,MAAM,GAAGjC,iBAAiB,CAAC,CAAC;EAElC,MAAMkC,WAAW,GAAG/B,mBAAmB,CAACgC,KAAK,IAAIA,KAAK,CAAC;EACvD,MAAMC,aAAa,GAAGnC,qBAAqB,CAACkC,KAAK,IAAIA,KAAK,CAAC;EAC3D,MAAME,OAAO,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAEtD,MAAMC,iBAAiB,GAAGP,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC,CAACE,YAAY,CAAC,CAAC,CAACC,MAAM;EAEtF7C,SAAS,CAAC,MAAM;IACZ;IACA8C,MAAM,CAAC,QAAQ,CAAC,GAAGV,MAAM;EAC7B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,WAAW,GAAG,oBAAoBnB,IAAI,CAACC,SAAS,CAClDQ,WAAW,EACX,IAAI,EACJ,CACJ,CAAC,0BAA0BT,IAAI,CAACC,SAAS,CACrCU,aAAa,EACb,IAAI,EACJ,CACJ,CAAC,qBAAqBlB,eAAe,CAACmB,OAAO,CAACI,YAAY,CAAC,CAAC,EAAEJ,OAAO,CAACQ,sBAAsB,CAAC,CAAC,CAAC;AACnG,6BAA6BpB,IAAI,CAACC,SAAS,CAACW,OAAO,CAACS,kBAAkB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE;EAE7F,oBACI7C,KAAA,CAAA8C,aAAA,CAAC5C,OAAO,qBACJF,KAAA,CAAA8C,aAAA,CAACjD,MAAM;IAACkD,OAAO,EAAC,WAAW;IAACC,IAAI,EAAE,cAAcV,iBAAiB;EAAG,CAAS,CAAC,eAC9EtC,KAAA,CAAA8C,aAAA,CAAClD,YAAY;IACTqD,MAAM,EAAE,OAAQ;IAChBC,QAAQ,EAAE,MAAO;IACjBC,KAAK,EAAET,WAAY;IACnBU,OAAO,EAAEvC;EAAc,CAC1B,CACI,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/EditorStateDebugger.js","sources":["../../../../src/modules/pages/PageEditor/EditorStateDebugger.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport styled from \"@emotion/styled\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport type { HistorySnapshot } from \"~/editorSdk/HistorySnapshot.js\";\n\nconst Toolbar = styled.div`\n    position: absolute;\n    padding-top: 5px;\n    width: 100%;\n    padding-left: 5px;\n    border-top: 1px solid #cccccc;\n    z-index: 10000;\n`;\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst formatSnapshots = (snapshots: HistorySnapshot[], activeIndex: number) => {\n    return snapshots\n        .map((snapshot, index) => {\n            const asString = JSON.stringify(snapshot.getState(), null, 2);\n            const isActive = activeIndex === index;\n\n            return `// ${isActive ? \"🟢\" : \"⚪️\"} Snapshot #${index + 1} (${snapshot\n                .getCreatedOn()\n                .toISOString()})\\n${asString}`;\n        })\n        .join(\",\\n\");\n};\n\nexport const EditorStateDebugger = () => {\n    const editor = useDocumentEditor();\n\n    const editorState = useSelectFromEditor(state => state);\n    const documentState = useSelectFromDocument(state => state);\n    const history = editor.getDocumentState().getHistory();\n\n    const numberOfSnapshots = editor.getDocumentState().getHistory().getSnapshots().length;\n\n    useEffect(() => {\n        // @ts-ignore 123\n        window[\"editor\"] = editor;\n    }, []);\n\n    const monacoValue = `// Editor State\\n${JSON.stringify(\n        editorState,\n        null,\n        2\n    )}\\n\\n// Document State\\n${JSON.stringify(\n        documentState,\n        null,\n        2\n    )}\\n\\n// History\\n\\n${formatSnapshots(history.getSnapshots(), history.getActiveSnapshotIndex())}\n    \\n// Snapshot Changes\\n${JSON.stringify(history.getCurrentSnapshot().getChanges(), null, 2)}`;\n\n    return (\n        <Toolbar>\n            <Button variant=\"secondary\" text={`Snapshots: ${numberOfSnapshots}`}></Button>\n            <MonacoEditor\n                height={\"100vh\"}\n                language={\"json\"}\n                value={monacoValue}\n                options={monacoOptions}\n            />\n        </Toolbar>\n    );\n};\n"],"names":["Toolbar","styled","monacoOptions","formatSnapshots","snapshots","activeIndex","snapshot","index","asString","JSON","isActive","EditorStateDebugger","editor","useDocumentEditor","editorState","useSelectFromEditor","state","documentState","useSelectFromDocument","history","numberOfSnapshots","useEffect","window","monacoValue","Button","MonacoEditor"],"mappings":";;;;;;;AAUA,MAAMA,UAAUC,OAAO,GAAG,CAAC;;;;;;;AAO3B,CAAC;AAED,MAAMC,gBAAgB;IAAE,SAAS;QAAE,SAAS;IAAM;AAAE;AAEpD,MAAMC,kBAAkB,CAACC,WAA8BC,cAC5CD,UACF,GAAG,CAAC,CAACE,UAAUC;QACZ,MAAMC,WAAWC,KAAK,SAAS,CAACH,SAAS,QAAQ,IAAI,MAAM;QAC3D,MAAMI,WAAWL,gBAAgBE;QAEjC,OAAO,CAAC,GAAG,EAAEG,WAAW,OAAO,KAAK,WAAW,EAAEH,QAAQ,EAAE,EAAE,EAAED,SAC1D,YAAY,GACZ,WAAW,GAAG,GAAG,EAAEE,UAAU;IACtC,GACC,IAAI,CAAC;AAGP,MAAMG,sBAAsB;IAC/B,MAAMC,SAASC;IAEf,MAAMC,cAAcC,oBAAoBC,CAAAA,QAASA;IACjD,MAAMC,gBAAgBC,sBAAsBF,CAAAA,QAASA;IACrD,MAAMG,UAAUP,OAAO,gBAAgB,GAAG,UAAU;IAEpD,MAAMQ,oBAAoBR,OAAO,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM;IAEtFS,UAAU;QAENC,MAAM,CAAC,SAAS,GAAGV;IACvB,GAAG,EAAE;IAEL,MAAMW,cAAc,CAAC,iBAAiB,EAAEd,KAAK,SAAS,CAClDK,aACA,MACA,GACF,uBAAuB,EAAEL,KAAK,SAAS,CACrCQ,eACA,MACA,GACF,kBAAkB,EAAEd,gBAAgBgB,QAAQ,YAAY,IAAIA,QAAQ,sBAAsB,IAAI;2BACzE,EAAEV,KAAK,SAAS,CAACU,QAAQ,kBAAkB,GAAG,UAAU,IAAI,MAAM,IAAI;IAE7F,OAAO,WAAP,GACI,oBAACnB,SAAOA,MAAAA,WAAAA,GACJ,oBAACwB,QAAMA;QAAC,SAAQ;QAAY,MAAM,CAAC,WAAW,EAAEJ,mBAAmB;sBACnE,oBAACK,sBAAYA;QACT,QAAQ;QACR,UAAU;QACV,OAAOF;QACP,SAASrB;;AAIzB"}

package/modules/pages/PageEditor/PageAutoSave.js

@@ -1,39 +1,28 @@
-import React, { useEffect } from "react";
+import react, { useEffect } from "react";
 import debounce from "lodash/debounce.js";
 import { useDocumentEditor } from "../../../DocumentEditor/index.js";
 import { useUpdatePage } from "../../../features/pages/index.js";
-const PageAutoSaveAction = () => {
-  const editor = useDocumentEditor();
-  const {
-    updatePage
-  } = useUpdatePage();
-  const savePage = debounce(page => {
-    return updatePage(page);
-  }, 500);
-  useEffect(() => {
-    return editor.onDocumentStateChange(async event => {
-      const isReadOnly = editor.getEditorState().read().isReadOnly;
-      if (isReadOnly) {
-        return;
-      }
-      editor.updateEditor(state => {
-        state.autoSaving = true;
-      });
-      const {
-        state
-      } = event;
-      await savePage(state);
-      setTimeout(() => {
-        editor.updateEditor(state => {
-          state.autoSaving = false;
-        });
-      }, 500);
-    });
-  }, []);
-  return null;
-};
-export const PageAutoSave = () => {
-  return /*#__PURE__*/React.createElement(PageAutoSaveAction, null);
+const PageAutoSaveAction = ()=>{
+    const editor = useDocumentEditor();
+    const { updatePage } = useUpdatePage();
+    const savePage = debounce((page)=>updatePage(page), 500);
+    useEffect(()=>editor.onDocumentStateChange(async (event)=>{
+            const isReadOnly = editor.getEditorState().read().isReadOnly;
+            if (isReadOnly) return;
+            editor.updateEditor((state)=>{
+                state.autoSaving = true;
+            });
+            const { state } = event;
+            await savePage(state);
+            setTimeout(()=>{
+                editor.updateEditor((state)=>{
+                    state.autoSaving = false;
+                });
+            }, 500);
+        }), []);
+    return null;
 };
+const PageAutoSave = ()=>/*#__PURE__*/ react.createElement(PageAutoSaveAction, null);
+export { PageAutoSave };
 
 //# sourceMappingURL=PageAutoSave.js.map

package/modules/pages/PageEditor/PageAutoSave.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","debounce","useDocumentEditor","useUpdatePage","PageAutoSaveAction","editor","updatePage","savePage","page","onDocumentStateChange","event","isReadOnly","getEditorState","read","updateEditor","state","autoSaving","setTimeout","PageAutoSave","createElement"],"sources":["PageAutoSave.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useUpdatePage } from \"~/features/pages/index.js\";\n\nconst PageAutoSaveAction = () => {\n    const editor = useDocumentEditor();\n\n    const { updatePage } = useUpdatePage();\n\n    const savePage = debounce(page => {\n        return updatePage(page);\n    }, 500);\n\n    useEffect(() => {\n        return editor.onDocumentStateChange(async event => {\n            const isReadOnly = editor.getEditorState().read().isReadOnly;\n            if (isReadOnly) {\n                return;\n            }\n\n            editor.updateEditor(state => {\n                state.autoSaving = true;\n            });\n            const { state } = event;\n\n            await savePage(state);\n\n            setTimeout(() => {\n                editor.updateEditor(state => {\n                    state.autoSaving = false;\n                });\n            }, 500);\n        });\n    }, []);\n\n    return null;\n};\n\nexport const PageAutoSave = () => {\n    return <PageAutoSaveAction />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AAEtB,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEI;EAAW,CAAC,GAAGH,aAAa,CAAC,CAAC;EAEtC,MAAMI,QAAQ,GAAGN,QAAQ,CAACO,IAAI,IAAI;IAC9B,OAAOF,UAAU,CAACE,IAAI,CAAC;EAC3B,CAAC,EAAE,GAAG,CAAC;EAEPR,SAAS,CAAC,MAAM;IACZ,OAAOK,MAAM,CAACI,qBAAqB,CAAC,MAAMC,KAAK,IAAI;MAC/C,MAAMC,UAAU,GAAGN,MAAM,CAACO,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;MAC5D,IAAIA,UAAU,EAAE;QACZ;MACJ;MAEAN,MAAM,CAACS,YAAY,CAACC,KAAK,IAAI;QACzBA,KAAK,CAACC,UAAU,GAAG,IAAI;MAC3B,CAAC,CAAC;MACF,MAAM;QAAED;MAAM,CAAC,GAAGL,KAAK;MAEvB,MAAMH,QAAQ,CAACQ,KAAK,CAAC;MAErBE,UAAU,CAAC,MAAM;QACbZ,MAAM,CAACS,YAAY,CAACC,KAAK,IAAI;UACzBA,KAAK,CAACC,UAAU,GAAG,KAAK;QAC5B,CAAC,CAAC;MACN,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,OAAO,MAAME,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBAAOnB,KAAA,CAAAoB,aAAA,CAACf,kBAAkB,MAAE,CAAC;AACjC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageAutoSave.js","sources":["../../../../src/modules/pages/PageEditor/PageAutoSave.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useUpdatePage } from \"~/features/pages/index.js\";\n\nconst PageAutoSaveAction = () => {\n    const editor = useDocumentEditor();\n\n    const { updatePage } = useUpdatePage();\n\n    const savePage = debounce(page => {\n        return updatePage(page);\n    }, 500);\n\n    useEffect(() => {\n        return editor.onDocumentStateChange(async event => {\n            const isReadOnly = editor.getEditorState().read().isReadOnly;\n            if (isReadOnly) {\n                return;\n            }\n\n            editor.updateEditor(state => {\n                state.autoSaving = true;\n            });\n            const { state } = event;\n\n            await savePage(state);\n\n            setTimeout(() => {\n                editor.updateEditor(state => {\n                    state.autoSaving = false;\n                });\n            }, 500);\n        });\n    }, []);\n\n    return null;\n};\n\nexport const PageAutoSave = () => {\n    return <PageAutoSaveAction />;\n};\n"],"names":["PageAutoSaveAction","editor","useDocumentEditor","updatePage","useUpdatePage","savePage","debounce","page","useEffect","event","isReadOnly","state","setTimeout","PageAutoSave"],"mappings":";;;;AAKA,MAAMA,qBAAqB;IACvB,MAAMC,SAASC;IAEf,MAAM,EAAEC,UAAU,EAAE,GAAGC;IAEvB,MAAMC,WAAWC,SAASC,CAAAA,OACfJ,WAAWI,OACnB;IAEHC,UAAU,IACCP,OAAO,qBAAqB,CAAC,OAAMQ;YACtC,MAAMC,aAAaT,OAAO,cAAc,GAAG,IAAI,GAAG,UAAU;YAC5D,IAAIS,YACA;YAGJT,OAAO,YAAY,CAACU,CAAAA;gBAChBA,MAAM,UAAU,GAAG;YACvB;YACA,MAAM,EAAEA,KAAK,EAAE,GAAGF;YAElB,MAAMJ,SAASM;YAEfC,WAAW;gBACPX,OAAO,YAAY,CAACU,CAAAA;oBAChBA,MAAM,UAAU,GAAG;gBACvB;YACJ,GAAG;QACP,IACD,EAAE;IAEL,OAAO;AACX;AAEO,MAAME,eAAe,IACjB,WAAP,GAAO,oBAACb,oBAAkBA"}