@webiny/app-website-builder-workflows 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Components/OptionItem/OpenInNewWindow.js

@@ -1,41 +1,34 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { DropdownMenu, Icon } from "@webiny/admin-ui";
 import { Components } from "@webiny/app-workflows";
-import { ReactComponent as OpenInNewIcon } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent } from "@webiny/icons/open_in_new.svg";
 import { useRouter } from "@webiny/app";
 import { Routes } from "@webiny/app-website-builder/routes.js";
 import { WB_PAGE_APP } from "../../constants.js";
-const {
-  OpenInNewWindow
-} = Components.List.Options;
-export const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {
-  return function ListOpenInNewWindow(props) {
-    const {
-      state
-    } = props;
-    const {
-      getLink
-    } = useRouter();
-    const onClick = useCallback(() => {
-      const url = getLink(Routes.Pages.Editor, {
-        id: state.targetRevisionId,
-        folderId: "root"
-      });
-      const goTo = `${window.location.origin}${url}`;
-      window.open(goTo, "_blank");
-    }, [state.id]);
-    if (state.app !== WB_PAGE_APP) {
-      return /*#__PURE__*/React.createElement(Original, props);
-    }
-    return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(OpenInNewIcon, null),
-        label: "Open In New Window"
-      }),
-      text: "Open in New Window",
-      onClick: onClick
+const { OpenInNewWindow: OpenInNewWindow } = Components.List.Options;
+const OpenInNewWindow_ListOpenInNewWindow = OpenInNewWindow.createDecorator((Original)=>function(props) {
+        const { state } = props;
+        const { getLink } = useRouter();
+        const onClick = useCallback(()=>{
+            const url = getLink(Routes.Pages.Editor, {
+                id: state.targetRevisionId,
+                folderId: "root"
+            });
+            const goTo = `${window.location.origin}${url}`;
+            window.open(goTo, "_blank");
+        }, [
+            state.id
+        ]);
+        if (state.app !== WB_PAGE_APP) return /*#__PURE__*/ react.createElement(Original, props);
+        return /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Open In New Window"
+            }),
+            text: "Open in New Window",
+            onClick: onClick
+        });
     });
-  };
-});
+export { OpenInNewWindow_ListOpenInNewWindow as ListOpenInNewWindow };
 
 //# sourceMappingURL=OpenInNewWindow.js.map

package/Components/OptionItem/OpenInNewWindow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","DropdownMenu","Icon","Components","ReactComponent","OpenInNewIcon","useRouter","Routes","WB_PAGE_APP","OpenInNewWindow","List","Options","ListOpenInNewWindow","createDecorator","Original","props","state","getLink","onClick","url","Pages","Editor","id","targetRevisionId","folderId","goTo","window","location","origin","open","app","createElement","Item","icon","label","text"],"sources":["OpenInNewWindow.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"@webiny/app-website-builder/routes.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst { OpenInNewWindow } = Components.List.Options;\n\nexport const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {\n    return function ListOpenInNewWindow(props) {\n        const { state } = props;\n\n        const { getLink } = useRouter();\n        const onClick = useCallback(() => {\n            const url = getLink(Routes.Pages.Editor, {\n                id: state.targetRevisionId,\n                folderId: \"root\"\n            });\n\n            const goTo = `${window.location.origin}${url}`;\n\n            window.open(goTo, \"_blank\");\n        }, [state.id]);\n\n        if (state.app !== WB_PAGE_APP) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <DropdownMenu.Item\n                icon={<Icon icon={<OpenInNewIcon />} label={\"Open In New Window\"} />}\n                text={\"Open in New Window\"}\n                onClick={onClick}\n            />\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,YAAY,EAAEC,IAAI,QAAQ,kBAAkB;AACrD,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,cAAc,IAAIC,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,MAAM,QAAQ,uCAAuC;AAC9D,SAASC,WAAW;AAEpB,MAAM;EAAEC;AAAgB,CAAC,GAAGN,UAAU,CAACO,IAAI,CAACC,OAAO;AAEnD,OAAO,MAAMC,mBAAmB,GAAGH,eAAe,CAACI,eAAe,CAACC,QAAQ,IAAI;EAC3E,OAAO,SAASF,mBAAmBA,CAACG,KAAK,EAAE;IACvC,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK;IAEvB,MAAM;MAAEE;IAAQ,CAAC,GAAGX,SAAS,CAAC,CAAC;IAC/B,MAAMY,OAAO,GAAGlB,WAAW,CAAC,MAAM;MAC9B,MAAMmB,GAAG,GAAGF,OAAO,CAACV,MAAM,CAACa,KAAK,CAACC,MAAM,EAAE;QACrCC,EAAE,EAAEN,KAAK,CAACO,gBAAgB;QAC1BC,QAAQ,EAAE;MACd,CAAC,CAAC;MAEF,MAAMC,IAAI,GAAG,GAAGC,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGT,GAAG,EAAE;MAE9CO,MAAM,CAACG,IAAI,CAACJ,IAAI,EAAE,QAAQ,CAAC;IAC/B,CAAC,EAAE,CAACT,KAAK,CAACM,EAAE,CAAC,CAAC;IAEd,IAAIN,KAAK,CAACc,GAAG,KAAKtB,WAAW,EAAE;MAC3B,oBAAOT,KAAA,CAAAgC,aAAA,CAACjB,QAAQ,EAAKC,KAAQ,CAAC;IAClC;IAEA,oBACIhB,KAAA,CAAAgC,aAAA,CAAC9B,YAAY,CAAC+B,IAAI;MACdC,IAAI,eAAElC,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;QAAC+B,IAAI,eAAElC,KAAA,CAAAgC,aAAA,CAAC1B,aAAa,MAAE,CAAE;QAAC6B,KAAK,EAAE;MAAqB,CAAE,CAAE;MACrEC,IAAI,EAAE,oBAAqB;MAC3BjB,OAAO,EAAEA;IAAQ,CACpB,CAAC;EAEV,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/OptionItem/OpenInNewWindow.js","sources":["../../../src/Components/OptionItem/OpenInNewWindow.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"@webiny/app-website-builder/routes.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst { OpenInNewWindow } = Components.List.Options;\n\nexport const ListOpenInNewWindow = OpenInNewWindow.createDecorator(Original => {\n    return function ListOpenInNewWindow(props) {\n        const { state } = props;\n\n        const { getLink } = useRouter();\n        const onClick = useCallback(() => {\n            const url = getLink(Routes.Pages.Editor, {\n                id: state.targetRevisionId,\n                folderId: \"root\"\n            });\n\n            const goTo = `${window.location.origin}${url}`;\n\n            window.open(goTo, \"_blank\");\n        }, [state.id]);\n\n        if (state.app !== WB_PAGE_APP) {\n            return <Original {...props} />;\n        }\n\n        return (\n            <DropdownMenu.Item\n                icon={<Icon icon={<OpenInNewIcon />} label={\"Open In New Window\"} />}\n                text={\"Open in New Window\"}\n                onClick={onClick}\n            />\n        );\n    };\n});\n"],"names":["OpenInNewWindow","Components","ListOpenInNewWindow","Original","props","state","getLink","useRouter","onClick","useCallback","url","Routes","goTo","window","WB_PAGE_APP","DropdownMenu","Icon","OpenInNewIcon"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,WAAW,IAAI,CAAC,OAAO;AAE5C,MAAMC,sCAAsBF,gBAAgB,eAAe,CAACG,CAAAA,WACxD,SAA6BC,KAAK;QACrC,MAAM,EAAEC,KAAK,EAAE,GAAGD;QAElB,MAAM,EAAEE,OAAO,EAAE,GAAGC;QACpB,MAAMC,UAAUC,YAAY;YACxB,MAAMC,MAAMJ,QAAQK,OAAO,KAAK,CAAC,MAAM,EAAE;gBACrC,IAAIN,MAAM,gBAAgB;gBAC1B,UAAU;YACd;YAEA,MAAMO,OAAO,GAAGC,OAAO,QAAQ,CAAC,MAAM,GAAGH,KAAK;YAE9CG,OAAO,IAAI,CAACD,MAAM;QACtB,GAAG;YAACP,MAAM,EAAE;SAAC;QAEb,IAAIA,MAAM,GAAG,KAAKS,aACd,OAAO,WAAP,GAAO,oBAACX,UAAaC;QAGzB,OAAO,WAAP,GACI,oBAACW,aAAa,IAAI;YACd,oBAAM,oBAACC,MAAIA;gBAAC,oBAAM,oBAACC,gBAAaA;gBAAK,OAAO;;YAC5C,MAAM;YACN,SAAST;;IAGrB"}

package/Components/OptionItem/index.js

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

package/Components/PageEditor/PageEditorAutoSave.js

@@ -1,33 +1,22 @@
-import React from "react";
+import react from "react";
 import { PageEditorConfig } from "@webiny/app-website-builder";
 import { useWorkflowState } from "@webiny/app-workflows";
 import { observer } from "mobx-react-lite";
-const {
-  Ui
-} = PageEditorConfig;
-const WrappedAutoSave = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * Autosave should work only when the page does not have a workflow state assigned.
-   */
-  if (!presenter.vm.state?.state) {
-    return props.element;
-  }
-  return null;
-});
-export const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {
-  return function PageEditorAutoSaveDecorated(props) {
-    if (props.name === "autoSave") {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        element: /*#__PURE__*/React.createElement(WrappedAutoSave, {
-          element: props.element
-        })
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
+const { Ui: Ui } = PageEditorConfig;
+const WrappedAutoSave = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasState) return props.element;
+    return null;
 });
+const PageEditorAutoSave = Ui.TopBar.Element.createDecorator((Original)=>function(props) {
+        if ("autoSave" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedAutoSave, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageEditorAutoSave };
 
 //# sourceMappingURL=PageEditorAutoSave.js.map

package/Components/PageEditor/PageEditorAutoSave.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","useWorkflowState","observer","Ui","WrappedAutoSave","props","presenter","vm","state","element","PageEditorAutoSave","TopBar","Element","createDecorator","Original","PageEditorAutoSaveDecorated","name","createElement","Object","assign"],"sources":["PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.state?.state) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAM;EAAEC;AAAG,CAAC,GAAGH,gBAAgB;AAK/B,MAAMI,eAAe,GAAGF,QAAQ,CAAEG,KAAuB,IAAK;EAC1D,MAAM;IAAEC;EAAU,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;EACI,IAAI,CAACK,SAAS,CAACC,EAAE,CAACC,KAAK,EAAEA,KAAK,EAAE;IAC5B,OAAOH,KAAK,CAACI,OAAO;EACxB;EAEA,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,GAAGP,EAAE,CAACQ,MAAM,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC5E,OAAO,SAASC,2BAA2BA,CAACV,KAAK,EAAE;IAC/C,IAAIA,KAAK,CAACW,IAAI,KAAK,UAAU,EAAE;MAC3B,oBAAOjB,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKd,KAAK;QAAEI,OAAO,eAAEV,KAAA,CAAAkB,aAAA,CAACb,eAAe;UAACK,OAAO,EAAEJ,KAAK,CAACI;QAAQ,CAAE;MAAE,EAAE,CAAC;IACxF;IACA,oBAAOV,KAAA,CAAAkB,aAAA,CAACH,QAAQ,EAAKT,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorAutoSave.js","sources":["../../../src/Components/PageEditor/PageEditorAutoSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedAutoSave {\n    element?: React.ReactElement | null;\n}\nconst WrappedAutoSave = observer((props: IWrappedAutoSave) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Autosave should work only when the page does not have a workflow state assigned.\n     */\n    if (!presenter.vm.hasState) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorAutoSave = Ui.TopBar.Element.createDecorator(Original => {\n    return function PageEditorAutoSaveDecorated(props) {\n        if (props.name === \"autoSave\") {\n            return <Original {...props} element={<WrappedAutoSave element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedAutoSave","observer","props","presenter","useWorkflowState","PageEditorAutoSave","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAKf,MAAMC,kBAAkBC,SAAS,CAACC;IAC9B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,QAAQ,EACtB,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qBAAqBP,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAACQ,CAAAA,WACzD,SAAqCJ,KAAK;QAC7C,IAAIA,AAAe,eAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GAAO,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,iBAAeA;gBAAC,SAASE,MAAM,OAAO;;;QAEhF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}

package/Components/PageEditor/PageEditorConfig.js

@@ -1,10 +1,11 @@
-import React from "react";
-import { PageEditorConfig as BaseConfig } from "@webiny/app-website-builder";
+import react from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
 import { PageFormWorkflowStateTooltip } from "./PageFormWorkflowStateTooltip.js";
 import { PageFormWorkflowStatePublishButton } from "./PageFormWorkflowStatePublishButton.js";
 import { PageEditorTopBar } from "./PageEditorTopBar.js";
-export const PageEditorConfig = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageEditorTopBar, null), /*#__PURE__*/React.createElement(BaseConfig, null, /*#__PURE__*/React.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/React.createElement(PageFormWorkflowStatePublishButton, null)));
-};
+import { PageEditorLayout } from "./PageEditorLayout.js";
+import { PageEditorAutoSave } from "./PageEditorAutoSave.js";
+const PageEditorConfig_PageEditorConfig = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(PageEditorTopBar, null), /*#__PURE__*/ react.createElement(PageEditorLayout, null), /*#__PURE__*/ react.createElement(PageEditorAutoSave, null), /*#__PURE__*/ react.createElement(PageEditorConfig, null, /*#__PURE__*/ react.createElement(PageFormWorkflowStateTooltip, null), /*#__PURE__*/ react.createElement(PageFormWorkflowStatePublishButton, null)));
+export { PageEditorConfig_PageEditorConfig as PageEditorConfig };
 
 //# sourceMappingURL=PageEditorConfig.js.map

package/Components/PageEditor/PageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton","PageEditorTopBar","createElement","Fragment"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\n            <BaseConfig>\n                {/* Should add a button with list of steps and their states + comment button in each row */}\n                <PageFormWorkflowStateTooltip />\n                {/* should remove publish button from the form */}\n                <PageFormWorkflowStatePublishButton />\n            </BaseConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,IAAIC,UAAU,QAAQ,6BAA6B;AAC5E,SAASC,4BAA4B;AACrC,SAASC,kCAAkC;AAC3C,SAASC,gBAAgB;AAEzB,OAAO,MAAMJ,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACID,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,qBAEIP,KAAA,CAAAM,aAAA,CAACD,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAM,aAAA,CAACJ,UAAU,qBAEPF,KAAA,CAAAM,aAAA,CAACH,4BAA4B,MAAE,CAAC,eAEhCH,KAAA,CAAAM,aAAA,CAACF,kCAAkC,MAAE,CAC7B,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorConfig.js","sources":["../../../src/Components/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorTopBar } from \"./PageEditorTopBar.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            {/* Toggle editor \"readonly\" mode, and add workflow alerts */}\n            <PageEditorTopBar />\n            <PageEditorLayout />\n            <PageEditorAutoSave />\n            <BaseConfig>\n                {/* Should add a button with list of steps and their states + comment button in each row */}\n                <PageFormWorkflowStateTooltip />\n                {/* should remove publish button from the form */}\n                <PageFormWorkflowStatePublishButton />\n            </BaseConfig>\n        </>\n    );\n};\n"],"names":["PageEditorConfig","PageEditorTopBar","PageEditorLayout","PageEditorAutoSave","BaseConfig","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton"],"mappings":";;;;;;;AAQO,MAAMA,oCAAmB,IACrB,WAAP,GACI,wDAEI,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,kBAAUA,MAAAA,WAAAA,GAEP,oBAACC,8BAA4BA,OAAAA,WAAAA,GAE7B,oBAACC,oCAAkCA"}

package/Components/PageEditor/PageEditorLayout.js

@@ -1,54 +1,26 @@
-import React, { useEffect } from "react";
-import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
-import { useApolloClient } from "@apollo/react-hooks";
-import { useAuthentication } from "@webiny/app-admin";
-import { Components, useWorkflowState } from "@webiny/app-workflows";
-import { WB_PAGE_APP } from "../../constants.js";
+import react, { useEffect } from "react";
+import { useWorkflowState } from "@webiny/app-workflows";
 import { PageEditorConfig } from "@webiny/app-website-builder";
 import { observer } from "mobx-react-lite";
 import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
-const {
-  Ui
-} = PageEditorConfig;
-const {
-  ContentReview: {
-    WorkflowStateProvider
-  }
-} = Components;
-const ToggleReadonly = observer(() => {
-  const {
-    presenter
-  } = useWorkflowState();
-  const editor = useDocumentEditor();
-  const hasState = !!presenter.vm.state?.state;
-  useEffect(() => {
-    const options = editor.getEditorOptions();
-    editor.updateEditor(state => {
-      state.isReadOnly = options.isReadOnly || hasState;
-    });
-  }, [hasState]);
-  return null;
+const { Ui: Ui } = PageEditorConfig;
+const ToggleReadonly = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = presenter.vm.hasState;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
 });
-export const PageEditorLayout = Ui.Layout.createDecorator(Original => {
-  return function PageEditorTopBarWorkflowsState() {
-    const page = useSelectFromDocument(doc => {
-      return {
-        id: doc.id,
-        title: doc.properties.title || "unknown page"
-      };
+const PageEditorLayout = Ui.Layout.createDecorator((Original)=>function() {
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleReadonly, null));
     });
-    const client = useApolloClient();
-    const {
-      identity
-    } = useAuthentication();
-    return /*#__PURE__*/React.createElement(WorkflowStateProvider, {
-      app: WB_PAGE_APP,
-      id: page.id,
-      identity: identity,
-      client: client,
-      title: `Website Builder: ${page.title}`
-    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(ToggleReadonly, null));
-  };
-});
+export { PageEditorLayout };
 
 //# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useSelectFromDocument","useApolloClient","useAuthentication","Components","useWorkflowState","WB_PAGE_APP","PageEditorConfig","observer","useDocumentEditor","Ui","ContentReview","WorkflowStateProvider","ToggleReadonly","presenter","editor","hasState","vm","state","options","getEditorOptions","updateEditor","isReadOnly","PageEditorLayout","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","client","identity","createElement","app"],"sources":["PageEditorLayout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { Components, useWorkflowState } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nconst ToggleReadonly = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = !!presenter.vm.state?.state;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n\nexport const PageEditorLayout = Ui.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleReadonly />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,qBAAqB,QAAQ,uEAAuE;AAC7G,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,uBAAuB;AACpE,SAASC,WAAW;AACpB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB,QAAQ,qDAAqD;AAEvF,MAAM;EAAEC;AAAG,CAAC,GAAGH,gBAAgB;AAE/B,MAAM;EACFI,aAAa,EAAE;IAAEC;EAAsB;AAC3C,CAAC,GAAGR,UAAU;AAEd,MAAMS,cAAc,GAAGL,QAAQ,CAAC,MAAM;EAClC,MAAM;IAAEM;EAAU,CAAC,GAAGT,gBAAgB,CAAC,CAAC;EACxC,MAAMU,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,MAAMO,QAAQ,GAAG,CAAC,CAACF,SAAS,CAACG,EAAE,CAACC,KAAK,EAAEA,KAAK;EAE5ClB,SAAS,CAAC,MAAM;IACZ,MAAMmB,OAAO,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC;IACzCL,MAAM,CAACM,YAAY,CAACH,KAAK,IAAI;MACzBA,KAAK,CAACI,UAAU,GAAGH,OAAO,CAACG,UAAU,IAAIN,QAAQ;IACrD,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMO,gBAAgB,GAAGb,EAAE,CAACc,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAClE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAG3B,qBAAqB,CAAC4B,GAAG,IAAI;MACtC,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI;MACnC,CAAC;IACL,CAAC,CAAC;IAEF,MAAME,MAAM,GAAG/B,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEgC;IAAS,CAAC,GAAG/B,iBAAiB,CAAC,CAAC;IAExC,oBACIJ,KAAA,CAAAoC,aAAA,CAACvB,qBAAqB;MAClBwB,GAAG,EAAE9B,WAAY;MACjBwB,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZI,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfF,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAExChC,KAAA,CAAAoC,aAAA,CAACT,QAAQ,MAAE,CAAC,eACZ3B,KAAA,CAAAoC,aAAA,CAACtB,cAAc,MAAE,CACE,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorLayout.js","sources":["../../../src/Components/PageEditor/PageEditorLayout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDocumentEditor } from \"@webiny/app-website-builder/DocumentEditor/index.js\";\n\nconst { Ui } = PageEditorConfig;\n\nconst ToggleReadonly = observer(() => {\n    const { presenter } = useWorkflowState();\n    const editor = useDocumentEditor();\n\n    const hasState = presenter.vm.hasState;\n\n    useEffect(() => {\n        const options = editor.getEditorOptions();\n        editor.updateEditor(state => {\n            state.isReadOnly = options.isReadOnly || hasState;\n        });\n    }, [hasState]);\n\n    return null;\n});\n\nexport const PageEditorLayout = Ui.Layout.createDecorator(Original => {\n    return function PageEditorLayoutWorkflowsState() {\n        return (\n            <>\n                <Original />\n                <ToggleReadonly />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","ToggleReadonly","observer","presenter","useWorkflowState","editor","useDocumentEditor","hasState","useEffect","options","state","PageEditorLayout","Original"],"mappings":";;;;;AAMA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,iBAAiBC,SAAS;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMC,SAASC;IAEf,MAAMC,WAAWJ,UAAU,EAAE,CAAC,QAAQ;IAEtCK,UAAU;QACN,MAAMC,UAAUJ,OAAO,gBAAgB;QACvCA,OAAO,YAAY,CAACK,CAAAA;YAChBA,MAAM,UAAU,GAAGD,QAAQ,UAAU,IAAIF;QAC7C;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO;AACX;AAEO,MAAMI,mBAAmBZ,GAAG,MAAM,CAAC,eAAe,CAACa,CAAAA,WAC/C;QACH,OAAO,WAAP,GACI,wDACI,oBAACA,UAAAA,OAAAA,WAAAA,GACD,oBAACX,gBAAcA;IAG3B"}

package/Components/PageEditor/PageEditorTopBar.js

@@ -1,38 +1,28 @@
-import React from "react";
-import { useApolloClient } from "@apollo/react-hooks";
+import react, { useEffect } from "react";
 import { PageEditorConfig } from "@webiny/app-website-builder";
 import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
-import { useAuthentication } from "@webiny/app-admin";
-import { WorkflowStateProvider } from "@webiny/app-workflows/Components/WorkflowState/index.js";
+import { useWorkflowState } from "@webiny/app-workflows";
 import { WB_PAGE_APP } from "../../constants.js";
 import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
 import { ToggleEditorMode } from "./ToggleEditorMode.js";
 import { WbPageStatus } from "@webiny/app-website-builder/constants.js";
-const {
-  Ui
-} = PageEditorConfig;
-export const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {
-  return function PageEditorTopBarWorkflowsState() {
-    const page = useSelectFromDocument(doc => {
-      return {
-        id: doc.id,
-        title: doc.properties.title || "unknown page",
-        status: doc.status || "draft"
-      };
+const { Ui: Ui } = PageEditorConfig;
+const PageEditorTopBar = Ui.TopBar.Layout.createDecorator((Original)=>function() {
+        const page = useSelectFromDocument((doc)=>({
+                id: doc.id,
+                title: doc.properties.title || "unknown page",
+                status: doc.status || "draft"
+            }));
+        const { presenter } = useWorkflowState();
+        useEffect(()=>{
+            if (page.status === WbPageStatus.Draft) presenter.init(WB_PAGE_APP, page.id, `Website Builder: ${page.title}`);
+            return ()=>presenter.dispose();
+        }, [
+            page.id,
+            page.status
+        ]);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, null), /*#__PURE__*/ react.createElement(ToggleEditorMode, null), /*#__PURE__*/ react.createElement(PageFormWorkflowState, null));
     });
-    const client = useApolloClient();
-    const {
-      identity
-    } = useAuthentication();
-    return /*#__PURE__*/React.createElement(WorkflowStateProvider, {
-      app: WB_PAGE_APP,
-      id: page.id,
-      disabled: page.status !== WbPageStatus.Draft,
-      identity: identity,
-      client: client,
-      title: `Website Builder: ${page.title}`
-    }, /*#__PURE__*/React.createElement(Original, null), /*#__PURE__*/React.createElement(ToggleEditorMode, null), /*#__PURE__*/React.createElement(PageFormWorkflowState, null));
-  };
-});
+export { PageEditorTopBar };
 
 //# sourceMappingURL=PageEditorTopBar.js.map

package/Components/PageEditor/PageEditorTopBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useApolloClient","PageEditorConfig","useSelectFromDocument","useAuthentication","WorkflowStateProvider","WB_PAGE_APP","PageFormWorkflowState","ToggleEditorMode","WbPageStatus","Ui","PageEditorTopBar","TopBar","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","status","client","identity","createElement","app","disabled","Draft"],"sources":["PageEditorTopBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport {\n    type EditorDocument,\n    useSelectFromDocument\n} from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useAuthentication } from \"@webiny/app-admin\";\nimport { WorkflowStateProvider } from \"@webiny/app-workflows/Components/WorkflowState/index.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"~/Components/PageEditor/PageFormWorkflowState.js\";\nimport { ToggleEditorMode } from \"~/Components/PageEditor/ToggleEditorMode.js\";\nimport { WbPageStatus, type WbStatus } from \"@webiny/app-website-builder/constants.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface PageEditorTopBarEditorDocument extends EditorDocument {\n    status: WbStatus;\n}\n\ninterface ISelectedPage {\n    id: string;\n    title: string;\n    status: WbStatus;\n}\n\nexport const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument<ISelectedPage, PageEditorTopBarEditorDocument>(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\",\n                status: doc.status || \"draft\"\n            };\n        });\n\n        const client = useApolloClient();\n        const { identity } = useAuthentication();\n\n        return (\n            <WorkflowStateProvider\n                app={WB_PAGE_APP}\n                id={page.id}\n                disabled={page.status !== WbPageStatus.Draft}\n                identity={identity}\n                client={client}\n                title={`Website Builder: ${page.title}`}\n            >\n                <Original />\n                <ToggleEditorMode />\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAEIC,qBAAqB,QAClB,uEAAuE;AAC9E,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,qBAAqB,QAAQ,yDAAyD;AAC/F,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,YAAY,QAAuB,0CAA0C;AAEtF,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAY/B,OAAO,MAAMS,gBAAgB,GAAGD,EAAE,CAACE,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EACzE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAGd,qBAAqB,CAAgDe,GAAG,IAAI;MACrF,OAAO;QACHC,EAAE,EAAED,GAAG,CAACC,EAAE;QACVC,KAAK,EAAEF,GAAG,CAACG,UAAU,CAACD,KAAK,IAAI,cAAc;QAC7CE,MAAM,EAAEJ,GAAG,CAACI,MAAM,IAAI;MAC1B,CAAC;IACL,CAAC,CAAC;IAEF,MAAMC,MAAM,GAAGtB,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEuB;IAAS,CAAC,GAAGpB,iBAAiB,CAAC,CAAC;IAExC,oBACIJ,KAAA,CAAAyB,aAAA,CAACpB,qBAAqB;MAClBqB,GAAG,EAAEpB,WAAY;MACjBa,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZQ,QAAQ,EAAEV,IAAI,CAACK,MAAM,KAAKb,YAAY,CAACmB,KAAM;MAC7CJ,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfH,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAExCpB,KAAA,CAAAyB,aAAA,CAACV,QAAQ,MAAE,CAAC,eACZf,KAAA,CAAAyB,aAAA,CAACjB,gBAAgB,MAAE,CAAC,eACpBR,KAAA,CAAAyB,aAAA,CAAClB,qBAAqB,MAAE,CACL,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageEditorTopBar.js","sources":["../../../src/Components/PageEditor/PageEditorTopBar.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport {\n    type EditorDocument,\n    useSelectFromDocument\n} from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"~/Components/PageEditor/PageFormWorkflowState.js\";\nimport { ToggleEditorMode } from \"~/Components/PageEditor/ToggleEditorMode.js\";\nimport { WbPageStatus, type WbStatus } from \"@webiny/app-website-builder/constants.js\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface PageEditorTopBarEditorDocument extends EditorDocument {\n    status: WbStatus;\n}\n\ninterface ISelectedPage {\n    id: string;\n    title: string;\n    status: WbStatus;\n}\n\nexport const PageEditorTopBar = Ui.TopBar.Layout.createDecorator(Original => {\n    return function PageEditorTopBarWorkflowsState() {\n        const page = useSelectFromDocument<ISelectedPage, PageEditorTopBarEditorDocument>(doc => {\n            return {\n                id: doc.id,\n                title: doc.properties.title || \"unknown page\",\n                status: doc.status || \"draft\"\n            };\n        });\n\n        const { presenter } = useWorkflowState();\n\n        useEffect(() => {\n            if (page.status === WbPageStatus.Draft) {\n                presenter.init(WB_PAGE_APP, page.id, `Website Builder: ${page.title}`);\n            }\n            return () => presenter.dispose();\n        }, [page.id, page.status]);\n\n        return (\n            <>\n                <Original />\n                <ToggleEditorMode />\n                <PageFormWorkflowState />\n            </>\n        );\n    };\n});\n"],"names":["Ui","PageEditorConfig","PageEditorTopBar","Original","page","useSelectFromDocument","doc","presenter","useWorkflowState","useEffect","WbPageStatus","WB_PAGE_APP","ToggleEditorMode","PageFormWorkflowState"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAYR,MAAMC,mBAAmBF,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACG,CAAAA,WACtD;QACH,MAAMC,OAAOC,sBAAqEC,CAAAA,MACvE;gBACH,IAAIA,IAAI,EAAE;gBACV,OAAOA,IAAI,UAAU,CAAC,KAAK,IAAI;gBAC/B,QAAQA,IAAI,MAAM,IAAI;YAC1B;QAGJ,MAAM,EAAEC,SAAS,EAAE,GAAGC;QAEtBC,UAAU;YACN,IAAIL,KAAK,MAAM,KAAKM,aAAa,KAAK,EAClCH,UAAU,IAAI,CAACI,aAAaP,KAAK,EAAE,EAAE,CAAC,iBAAiB,EAAEA,KAAK,KAAK,EAAE;YAEzE,OAAO,IAAMG,UAAU,OAAO;QAClC,GAAG;YAACH,KAAK,EAAE;YAAEA,KAAK,MAAM;SAAC;QAEzB,OAAO,WAAP,GACI,wDACI,oBAACD,UAAAA,OAAAA,WAAAA,GACD,oBAACS,kBAAgBA,OAAAA,WAAAA,GACjB,oBAACC,uBAAqBA;IAGlC"}

package/Components/PageEditor/PageFormWorkflowState.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const PageFormWorkflowState: () => React.JSX.Element;
+export declare const PageFormWorkflowState: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
+};

package/Components/PageEditor/PageFormWorkflowState.js

@@ -1,19 +1,19 @@
-import React from "react";
-import { Components } from "@webiny/app-workflows";
-const {
-  ContentReview: {
-    WorkflowStateBar
-  }
-} = Components;
-export const PageFormWorkflowState = () => {
-  return /*#__PURE__*/React.createElement(WorkflowStateBar, null, ({
-    stateBar
-  }) => {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "max-w-screen bg-white p-sm",
-      "data-affects-preview": "height"
-    }, stateBar);
-  });
-};
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Alert } from "@webiny/admin-ui";
+import { Components, useWorkflowState } from "@webiny/app-workflows";
+const { ContentReview: { WorkflowStateBar: WorkflowStateBar } } = Components;
+const PageFormWorkflowState = observer(()=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasWorkflow && !presenter.vm.hasState) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed",
+        "data-affects-preview": "height"
+    }, /*#__PURE__*/ react.createElement(WorkflowStateBar, null), presenter.vm.hasState ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger",
+        className: "mt-sm"
+    }, "Any changes you do on the page will not be stored!") : null);
+});
+export { PageFormWorkflowState };
 
 //# sourceMappingURL=PageFormWorkflowState.js.map

package/Components/PageEditor/PageFormWorkflowState.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","ContentReview","WorkflowStateBar","PageFormWorkflowState","createElement","stateBar","className"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ stateBar }) => {\n                return (\n                    <div className={\"max-w-screen bg-white p-sm\"} data-affects-preview={\"height\"}>\n                        {stateBar}\n                    </div>\n                );\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAElD,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGF,UAAU;AAEd,OAAO,MAAMG,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIJ,KAAA,CAAAK,aAAA,CAACF,gBAAgB,QACZ,CAAC;IAAEG;EAAS,CAAC,KAAK;IACf,oBACIN,KAAA,CAAAK,aAAA;MAAKE,SAAS,EAAE,4BAA6B;MAAC,wBAAsB;IAAS,GACxED,QACA,CAAC;EAEd,CACc,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowState.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { Components, useWorkflowState } from \"@webiny/app-workflows\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\nexport const PageFormWorkflowState = observer(() => {\n    const { presenter } = useWorkflowState();\n\n    // Nothing to show — no workflow assigned and no state note. `WorkflowStateBar` already renders\n    // null without a workflow, so keeping the wrapper would draw an empty strip whose `border-b`\n    // stacks a second full-width hairline right under the top bar's own separator.\n    if (!presenter.vm.hasWorkflow && !presenter.vm.hasState) {\n        return null;\n    }\n\n    return (\n        <div\n            className={\"max-w-screen bg-white p-sm border-solid border-b-sm border-neutral-dimmed\"}\n            data-affects-preview={\"height\"}\n        >\n            <WorkflowStateBar />\n            {presenter.vm.hasState ? (\n                <Alert type=\"danger\" className={\"mt-sm\"}>\n                    Any changes you do on the page will not be stored!\n                </Alert>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["WorkflowStateBar","Components","PageFormWorkflowState","observer","presenter","useWorkflowState","Alert"],"mappings":";;;;AAKA,MAAM,EACF,eAAe,EAAEA,kBAAAA,gBAAgB,EAAE,EACtC,GAAGC;AAEG,MAAMC,wBAAwBC,SAAS;IAC1C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAKtB,IAAI,CAACD,UAAU,EAAE,CAAC,WAAW,IAAI,CAACA,UAAU,EAAE,CAAC,QAAQ,EACnD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QACG,WAAW;QACX,wBAAsB;qBAEtB,oBAACJ,kBAAgBA,OAChBI,UAAU,EAAE,CAAC,QAAQ,GAAG,WAAH,GAClB,oBAACE,OAAKA;QAAC,MAAK;QAAS,WAAW;OAAS,wDAGzC;AAGhB"}

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js

@@ -1,33 +1,22 @@
-import React from "react";
+import react from "react";
 import { PageEditorConfig } from "@webiny/app-website-builder";
-import { useWorkflowState, WorkflowStateValue } from "@webiny/app-workflows";
+import { useWorkflowState } from "@webiny/app-workflows";
 import { observer } from "mobx-react-lite";
-const {
-  Ui
-} = PageEditorConfig;
-const WrappedPublishButton = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * Publish button should be visible only when there is no workflow available and when workflow state is approved.
-   */
-  if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {
-    return props.element;
-  }
-  return null;
-});
-export const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {
-  return function AutoSaveDecorator(props) {
-    if (props.name === "buttonPublish") {
-      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
-        element: /*#__PURE__*/React.createElement(WrappedPublishButton, {
-          element: props.element
-        })
-      }));
-    }
-    return /*#__PURE__*/React.createElement(Original, props);
-  };
+const { Ui: Ui } = PageEditorConfig;
+const WrappedPublishButton = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) return props.element;
+    return null;
 });
+const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator((Original)=>function(props) {
+        if ("buttonPublish" === props.name) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            element: /*#__PURE__*/ react.createElement(WrappedPublishButton, {
+                element: props.element
+            })
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+export { PageFormWorkflowStatePublishButton };
 
 //# sourceMappingURL=PageFormWorkflowStatePublishButton.js.map

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PageEditorConfig","useWorkflowState","WorkflowStateValue","observer","Ui","WrappedPublishButton","props","presenter","vm","workflow","state","approved","element","PageFormWorkflowStatePublishButton","TopBar","Action","createDecorator","Original","AutoSaveDecorator","name","createElement","Object","assign"],"sources":["PageFormWorkflowStatePublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState, WorkflowStateValue } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedPublishButtonProps {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedPublishButton = observer((props: IWrappedPublishButtonProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Publish button should be visible only when there is no workflow available and when workflow state is approved.\n     */\n    if (!presenter.vm.workflow || presenter.vm.state?.state === WorkflowStateValue.approved) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {\n    return function AutoSaveDecorator(props) {\n        if (props.name === \"buttonPublish\") {\n            return (\n                <Original {...props} element={<WrappedPublishButton element={props.element} />} />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAC5E,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAM;EAAEC;AAAG,CAAC,GAAGJ,gBAAgB;AAM/B,MAAMK,oBAAoB,GAAGF,QAAQ,CAAEG,KAAiC,IAAK;EACzE,MAAM;IAAEC;EAAU,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;EACI,IAAI,CAACM,SAAS,CAACC,EAAE,CAACC,QAAQ,IAAIF,SAAS,CAACC,EAAE,CAACE,KAAK,EAAEA,KAAK,KAAKR,kBAAkB,CAACS,QAAQ,EAAE;IACrF,OAAOL,KAAK,CAACM,OAAO;EACxB;EAEA,OAAO,IAAI;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,kCAAkC,GAAGT,EAAE,CAACU,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC3F,OAAO,SAASC,iBAAiBA,CAACZ,KAAK,EAAE;IACrC,IAAIA,KAAK,CAACa,IAAI,KAAK,eAAe,EAAE;MAChC,oBACIpB,KAAA,CAAAqB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKhB,KAAK;QAAEM,OAAO,eAAEb,KAAA,CAAAqB,aAAA,CAACf,oBAAoB;UAACO,OAAO,EAAEN,KAAK,CAACM;QAAQ,CAAE;MAAE,EAAE,CAAC;IAE1F;IACA,oBAAOb,KAAA,CAAAqB,aAAA,CAACH,QAAQ,EAAKX,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStatePublishButton.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStatePublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { useWorkflowState } from \"@webiny/app-workflows\";\nimport { observer } from \"mobx-react-lite\";\n\nconst { Ui } = PageEditorConfig;\n\ninterface IWrappedPublishButtonProps {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedPublishButton = observer((props: IWrappedPublishButtonProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * Publish button should be visible only when there is no workflow available and when workflow state is approved.\n     */\n    if (!presenter.vm.hasWorkflow || presenter.vm.isApproved) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageFormWorkflowStatePublishButton = Ui.TopBar.Action.createDecorator(Original => {\n    return function AutoSaveDecorator(props) {\n        if (props.name === \"buttonPublish\") {\n            return (\n                <Original {...props} element={<WrappedPublishButton element={props.element} />} />\n            );\n        }\n        return <Original {...props} />;\n    };\n});\n"],"names":["Ui","PageEditorConfig","WrappedPublishButton","observer","props","presenter","useWorkflowState","PageFormWorkflowStatePublishButton","Original"],"mappings":";;;;AAKA,MAAM,EAAEA,IAAAA,EAAE,EAAE,GAAGC;AAMf,MAAMC,uBAAuBC,SAAS,CAACC;IACnC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAItB,IAAI,CAACD,UAAU,EAAE,CAAC,WAAW,IAAIA,UAAU,EAAE,CAAC,UAAU,EACpD,OAAOD,MAAM,OAAO;IAGxB,OAAO;AACX;AAEO,MAAMG,qCAAqCP,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAACQ,CAAAA,WACxE,SAA2BJ,KAAK;QACnC,IAAIA,AAAe,oBAAfA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACI,UAAAA;YAAU,GAAGJ,KAAK;YAAE,uBAAS,oBAACF,sBAAoBA;gBAAC,SAASE,MAAM,OAAO;;;QAGlF,OAAO,WAAP,GAAO,oBAACI,UAAaJ;IACzB"}

package/Components/PageEditor/PageFormWorkflowStateTooltip.js

@@ -1,23 +1,14 @@
-import React from "react";
+import react from "react";
 import { Components } from "@webiny/app-workflows";
 import { PageEditorConfig } from "@webiny/app-website-builder";
-const {
-  ContentReview: {
-    WorkflowStateTooltip
-  }
-} = Components;
-const {
-  Ui
-} = PageEditorConfig;
-const TooltipButton = () => {
-  return /*#__PURE__*/React.createElement(WorkflowStateTooltip, null);
-};
-export const PageFormWorkflowStateTooltip = () => {
-  return /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
-    before: "buttonPublish",
-    name: "buttonWorkflowStateTooltip",
-    element: /*#__PURE__*/React.createElement(TooltipButton, null)
-  });
-};
+const { ContentReview: { WorkflowStateTooltip: WorkflowStateTooltip } } = Components;
+const { Ui: Ui } = PageEditorConfig;
+const TooltipButton = ()=>/*#__PURE__*/ react.createElement(WorkflowStateTooltip, null);
+const PageFormWorkflowStateTooltip = ()=>/*#__PURE__*/ react.createElement(Ui.TopBar.Action, {
+        before: "buttonPublish",
+        name: "buttonWorkflowStateTooltip",
+        element: /*#__PURE__*/ react.createElement(TooltipButton, null)
+    });
+export { PageFormWorkflowStateTooltip };
 
 //# sourceMappingURL=PageFormWorkflowStateTooltip.js.map

package/Components/PageEditor/PageFormWorkflowStateTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Components","PageEditorConfig","ContentReview","WorkflowStateTooltip","Ui","TooltipButton","createElement","PageFormWorkflowStateTooltip","TopBar","Action","before","name","element"],"sources":["PageFormWorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Ui } = PageEditorConfig;\n\nconst TooltipButton = () => {\n    return <WorkflowStateTooltip />;\n};\n\nexport const PageFormWorkflowStateTooltip = () => {\n    return (\n        <Ui.TopBar.Action\n            before={\"buttonPublish\"}\n            name={\"buttonWorkflowStateTooltip\"}\n            element={<TooltipButton />}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAqB;AAC1C,CAAC,GAAGH,UAAU;AAEd,MAAM;EAAEI;AAAG,CAAC,GAAGH,gBAAgB;AAE/B,MAAMI,aAAa,GAAGA,CAAA,KAAM;EACxB,oBAAON,KAAA,CAAAO,aAAA,CAACH,oBAAoB,MAAE,CAAC;AACnC,CAAC;AAED,OAAO,MAAMI,4BAA4B,GAAGA,CAAA,KAAM;EAC9C,oBACIR,KAAA,CAAAO,aAAA,CAACF,EAAE,CAACI,MAAM,CAACC,MAAM;IACbC,MAAM,EAAE,eAAgB;IACxBC,IAAI,EAAE,4BAA6B;IACnCC,OAAO,eAAEb,KAAA,CAAAO,aAAA,CAACD,aAAa,MAAE;EAAE,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/PageEditor/PageFormWorkflowStateTooltip.js","sources":["../../../src/Components/PageEditor/PageFormWorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst {\n    ContentReview: { WorkflowStateTooltip }\n} = Components;\n\nconst { Ui } = PageEditorConfig;\n\nconst TooltipButton = () => {\n    return <WorkflowStateTooltip />;\n};\n\nexport const PageFormWorkflowStateTooltip = () => {\n    return (\n        <Ui.TopBar.Action\n            before={\"buttonPublish\"}\n            name={\"buttonWorkflowStateTooltip\"}\n            element={<TooltipButton />}\n        />\n    );\n};\n"],"names":["WorkflowStateTooltip","Components","Ui","PageEditorConfig","TooltipButton","PageFormWorkflowStateTooltip"],"mappings":";;;AAIA,MAAM,EACF,eAAe,EAAEA,sBAAAA,oBAAoB,EAAE,EAC1C,GAAGC;AAEJ,MAAM,EAAEC,IAAAA,EAAE,EAAE,GAAGC;AAEf,MAAMC,gBAAgB,IACX,WAAP,GAAO,oBAACJ,sBAAoBA;AAGzB,MAAMK,+BAA+B,IACjC,WAAP,GACI,oBAACH,GAAG,MAAM,CAAC,MAAM;QACb,QAAQ;QACR,MAAM;QACN,uBAAS,oBAACE,eAAaA"}

package/Components/PageEditor/ToggleEditorMode.d.ts

@@ -1,3 +1,3 @@
-export declare const ToggleEditorMode: (() => null) & {
-    displayName: string;
+export declare const ToggleEditorMode: (() => null) & import("react").NamedExoticComponent<unknown> & {
+    readonly type: () => null;
 };

package/Components/PageEditor/ToggleEditorMode.js

@@ -2,19 +2,20 @@ import { useEffect } from "react";
 import { observer } from "mobx-react-lite";
 import { useWorkflowState } from "@webiny/app-workflows";
 import { useDocumentEditor } from "@webiny/app-website-builder/DocumentEditor/index.js";
-export const ToggleEditorMode = observer(() => {
-  const {
-    presenter
-  } = useWorkflowState();
-  const editor = useDocumentEditor();
-  const hasState = !!presenter.vm.state?.state;
-  useEffect(() => {
-    const options = editor.getEditorOptions();
-    editor.updateEditor(state => {
-      state.isReadOnly = options.isReadOnly || hasState;
-    });
-  }, [hasState]);
-  return null;
+const ToggleEditorMode = observer(()=>{
+    const { presenter } = useWorkflowState();
+    const editor = useDocumentEditor();
+    const hasState = presenter.vm.hasState;
+    useEffect(()=>{
+        const options = editor.getEditorOptions();
+        editor.updateEditor((state)=>{
+            state.isReadOnly = options.isReadOnly || hasState;
+        });
+    }, [
+        hasState
+    ]);
+    return null;
 });
+export { ToggleEditorMode };
 
 //# sourceMappingURL=ToggleEditorMode.js.map